/* GLOBAL VARIABLES*/
/* NORMALIZED HTML5 CSS - https://github.com/necolas/normalize.css */
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* TYPOGRAPHY */
body { font-family: 'Open Sans', sans-serif; line-height: 135%;  font-size: 14px; color: #555; background-color: #ccc; padding-bottom: 130px; }
div, td, .btn { box-sizing: border-box; }

table { border-collapse: collapse; width: 100%; }
tr {}
td {}

.centered { text-align: center; }
.clearfix { clear: both; }
.to-right { text-align: right; }
.to-left { text-align: left; }

.btn { display: inline-block; padding: 8px 22px; border: 0; background-color: #8798a9; color: #fff; text-decoration: none; margin-right: 25px; text-transform: uppercase; font-size: 13px; }
.btn:hover, .btn:focus { background-color: #64717d; }
.btn:last-child { margin-right: 0; }
.btn.btn-white { border: 2px solid #fff; background-color: transparent; padding-top: 3px; padding-bottom: 3px; }
.btn.btn-white:hover { border: 2px solid transparent; background-color: #fff; color: #888; }
.btn.btn-blue { background-color: #03345d; }
.btn.btn-blue:hover { background-color: #03244d; }
.btn.btn-orange { background-color: #f36a24; }
.btn.btn-orange:hover { background-color: #c35a24; }

.inputok td { padding-bottom: 7px; }
.inputok input { width: 100%; border: 1px solid #e5e5e5; padding: 5px 10px; box-sizing: border-box; outline: none; }
.inputok input:hover { border-color: #ccc;  }
.inputok input.success { border-color: #00cc00; }
.inputok input.error { border-color: red; }
.inputok input:focus { border-color: #17b7e7; outline: none; }
.inputok .errormessage { display: none; font-size: 10px; color: red; }

h2 { font-weight: normal; font-size: 25px; line-height: 130%; }
h3 { font-weight: normal; font-size: 20px; color: #17b7e7; text-transform: uppercase; margin: 0; padding: 40px 0; line-height: 130%; }
h4 { width: 50%; font-weight: normal; }
section { clear: both; }

#logo-header { background-color: #fff; height: 65px; width: auto; }

header.container,
#ajanlat .title,
#akcio .title,
#mediaajanlat .title,
#ugyfelszolgalat .title
    { background-color: #17b7e7; color: #fff; }

header.container { padding-top: 40px; padding-bottom: 40px; }


.container { width: 990px; margin: 0 auto; }
.container .col-full { width: 100%; padding: 0 20px; display: inline-block; }
.container .col-324 { width: 324px; float: left; }
.container .col-333 { width: 333px; float: left; }
.container .col-657 { width: 657px; float: left; }

.col-first { padding: 0 10px 0 20px;}
.col-middle { padding: 0 10px 0 10px;}
.col-last { padding: 0 20px 0 10px;}

.stone { position: relative; }
.arrow-right {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #e9f0f3;
    right: -20px;
    top: calc( 50% - 20px );
}

.arrow-right-blue {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #1f5a8b;
    right: -20px;
    top: calc( 50% - 20px );
}

.wide { display: inline-block; width: 100%; }
.side-left { width: 50%; float: left; padding-right: 5px; }
.side-right { width: 50%; float: left; padding-left: 5px; }

#lapszam {  }
#lapszam .col-first { background-color: #e9f0f3; padding-top: 40px; padding-bottom: 40px; }
#lapszam .col-first img { width: 230px; height: auto;  }
#lapszam .col-last { padding-left: 50px; padding-right: 50px; font-size: 17px; line-height: 170%; color:#fff; background: url(images/blue_computer_background.png) center top repeat; }


#ajanlat {}
#ajanlat .col-first, #ajanlat .col-middle, #ajanlat .col-last { padding: 0 25px 0 25px;}
#ajanlat .title { text-transform: uppercase; }
#ajanlat .title h2 { padding-top: 30px; padding-bottom: 30px; margin: 0; }
#ajanlat table { width: 100%; }
#ajanlat table .fooszlop { vertical-align: top; }
#ajanlat table .fooszlop .inputok { margin-bottom: 18px; }
#ajanlat table .fooszlop .checkbox label { padding-left: 15px; position: relative; font-size: 13px; }
#ajanlat table .fooszlop .checkbox label:first-child { display: block; padding-bottom: 18px; }
#ajanlat table .fooszlop .checkbox input[type="checkbox"] { float: left !important; margin-left: -17px; margin-top: 3px; opacity: 0; }
#ajanlat table .fooszlop .checkbox input[type="checkbox"]:checked ~ .checkmark:after { content: ""; left: 1px; top: 1px; width: 6px; height: 6px; border: 0; background-color: #18b8e8; transform: rotate(0); position: absolute;}
#ajanlat table .fooszlop .checkbox .checkmark { position: absolute; top: 4px; left: 0; height: 8px; width: 8px; background-color: #fff; border: 1px solid #565654; }
#ajanlat table .fooszlop .checkbox .checkmark:hover { cursor: pointer; }
#ajanlat table .fooszlop .checkbox a { color: #17b7e7; }
#ajanlat table .fooszlop .checkbox a:hover { cursor: pointer; }
#ajanlat table .fooszlop .checkbox .errormessage { font-size: 10px; color: red; }
#ajanlat .col-first, #ajanlat .col-last { background-color: #fff; float: inherit; }
#ajanlat .col-middle { background-color: #f1f4f5; float: inherit; }
#ajanlat .btn { width: 100%; }

#ajanlat .fooszlop { padding-bottom: 100px; }
#ajanlat .gombok { position: absolute; bottom: 0; padding-bottom: 40px; width: 280px; text-align: center; }
/* #ajanlat .col-middle .gombok { width: 270px; } */

#ajanlat .elofizetesek .col-1 { text-align: left; }
#ajanlat .elofizetesek .col-2 { text-align: right; }

#ajanlat .col-last #mw-loader { position: absolute; left: calc( 50% - 12px ); top: 378px; visibility: hidden; }
#ajanlat .col-last #mw-loader img { width: 24px; }


#akcio .title { text-transform: uppercase; }
.akcios-ar { text-align: center; color: #ff3632; font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 19px 0; }
#akcio .fooszlop { background-color: #fff; padding-bottom: 40px; }
#akcio .fooszlop > h3 { padding-bottom: 0; font-weight: bold; }



#gyik .col-first, #gyik .col-last { float: inherit; padding: 45px 50px; vertical-align: top; }
#gyik .col-first { background-color: #1f5a8b; color: #fff; text-transform: uppercase; font-size: 1.2em; }
#gyik .col-first h2 { line-height: 170%; }

#gyik .col-last { background-color: #f2f5f6; }
#gyik .col-last li { list-style-type: none; padding-bottom: 18px; font-size: 16px; letter-spacing: -0.6px; font-weight: bold; }
#gyik .col-last li:last-child { padding-bottom: 0; }



#mediaajanlat { line-height: 170%; background: #fdfdfc url(images/bg-mediaajanlat.png) center -540px no-repeat; }
#mediaajanlat h3 { padding-bottom: 20px; }
#mediaajanlat .title { text-transform: uppercase; }
#mediaajanlat .wide.wide-first { }
#mediaajanlat .wide.wide-second { padding-bottom: 50px; }
#mediaajanlat .side-left { padding: 0 10px 0 20px; }
#mediaajanlat .side-right { padding: 0 20px 0 10px; }




#ugyfelszolgalat { background-color: #fff; padding-bottom: 50px; }
#ugyfelszolgalat h3 { padding-bottom: 20px; }
#ugyfelszolgalat .title { text-transform: uppercase; }
.ugyfelszolgalatok { }
.ugyfelszolgalatok td { vertical-align: top; }
.ugyfelszolgalatok .col-0 { width: 333px; padding: 0 10px 0 20px; box-sizing: border-box; }
.ugyfelszolgalatok .col-1 { width: 324px; padding: 0 10px 0 10px; box-sizing: border-box; }
.ugyfelszolgalatok .col-2 { width: 333px; padding: 0 20px 0 10px; box-sizing: border-box; }


#footer-menu a {color:#222;}
#footer-menu a:hover {color:#666;}

/* RESPONSIVE */

@media screen and (max-width: 1000px) {
    h3 { padding-bottom: 10px; }
    .arrow-right-blue, .arrow-right { display: none; }
    .container, .container .col-333, .container .col-324, tr, td { display: inline-block; width: 100%; box-sizing: border-box; float: none; }
    .ugyfelszolgalatok td { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; }
    table .elofizetesek { margin-bottom: 20px; }
    .elofizetesek tr { display: table-row; }
    .elofizetesek td { display: table-cell; width: auto; padding-left: auto; padding-right: auto; }

    .btn { clear: both; margin-bottom: 20px; }
    #ajanlat .gombok { position: relative; width: 100%; padding-bottom: 0; }
    #ajanlat .gombok .btn { margin-bottom: 0; }
    #ajanlat .fooszlop { padding-bottom: 40px; }

    #akcio .fooszlop { text-align: center; }
}

@media screen and (max-width: 480px) {
    #lapszam .col-last { padding-left: 20px; padding-right: 20px; font-size: 14px; }
    #mediaajanlat .side-left, #mediaajanlat .side-right { display: inline-block; width: 100%; box-sizing: border-box; float: none; padding-left: 20px; padding-right: 20px; }
    #gyik .col-first, #gyik .col-last { padding: 30px; }
    #gyik .col-last ul { padding-left: 0; }
    #ajanlat table .fooszlop .checkbox input[type="checkbox"]:checked ~ .checkmark:after { left: 2px; top: 2px; width: 14px; height: 14px;}
    #ajanlat table .fooszlop .checkbox .checkmark { left: -23px; height: 18px; width: 18px; }
    #ajanlat table .fooszlop .checkbox label { margin-left: 25px; }
}

.trialInfo {
    margin-top: 10px;
}