/* FONTS */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:url(../fonts/OpenSans-Regular.eot);src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Regular.woff2) format('woff2'),url(../fonts/OpenSans-Regular.woff) format('woff'),url(../fonts/OpenSans-Regular.ttf) format('truetype'),url(../fonts/OpenSans-Regular.svg#OpenSans) format('svg')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display: fallback;src:url(../fonts/OpenSans-SemiBold.eot);src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/OpenSans-SemiBold.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-SemiBold.woff2) format('woff2'),url(../fonts/OpenSans-SemiBold.woff) format('woff'),url(../fonts/OpenSans-SemiBold.ttf) format('truetype'),url(../fonts/OpenSans-SemiBold.svg#OpenSans) format('svg')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display: fallback;src:url(../fonts/OpenSans-Bold.eot);src:local('Open Sans Bold '),local('OpenSans-Bold'),url(../fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Bold.woff2) format('woff2'),url(../fonts/OpenSans-Bold.woff) format('woff'),url(../fonts/OpenSans-Bold.ttf) format('truetype'),url(../fonts/OpenSans-Bold.svg#OpenSans) format('svg')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-display: fallback;src:url(../fonts/OpenSans-Italic.eot);src:local('Open Sans Italic'),local('OpenSans-Italic'),url(../fonts/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Italic.woff2) format('woff2'),url(../fonts/OpenSans-Italic.woff) format('woff'),url(../fonts/OpenSans-Italic.ttf) format('truetype'),url(../fonts/OpenSans-Italic.svg#OpenSans) format('svg')}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:url(../fonts/OpenSans-BoldItalic.eot);src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(../fonts/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-BoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-BoldItalic.woff) format('woff'),url(../fonts/OpenSans-BoldItalic.ttf) format('truetype'),url(../fonts/OpenSans-BoldItalic.svg#OpenSans) format('svg')}


/* GLOBAL INIT */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, textarea {margin:0;padding:0; border:0; outline:0;font-size: 100%;background: transparent;line-height: 100%;font-family: 'Open Sans';-webkit-appearance: none;list-style: none;text-decoration: none;}
a {text-decoration:none;}

body {background-color: #ffffff;color: #3b2314;}


b, strong {font-weight:700;}
.semibold {font-weight:600;}



/* HEADER */
header {position:relative;border-bottom:1px solid #4a2f1f;padding:5px 0px 10px 10px;}
header .logocontainer {display:inline-block;}
header .logocontainer img {height: 60px;width:auto;}
#hambimenu {margin: auto 0px auto 0px;top:0px;bottom:0;right: 17px;position: absolute;}
#headsearchicon {margin: auto 0px auto 0px;position: absolute;right: 54px;top: 0;bottom: 0;}

/* FOOTER */
#footersocial {text-align: center;padding: 20px 0px 10px 0px;}
#footersocial a {display:inline-block;padding:0px 10px 0px 10px;}
#footerlinks {text-align: center;padding: 10px;color: #392316;font-size: 16px;line-height: 22px;color:#4a2f1f;font-weight:600;}
#footerlinks a {color:#4a2f1f;}
footer {border-top: 2px solid #e7e4df;font-size: 14px;line-height: 18px;text-align: center;padding:10px;}
footer a {color: #392316;}


.btn_greenv2, .buttonLinkBigGreen, .buttonLinkBigGreen2, .buttonLinkSmallGreen2 {-webkit-appearance: none;background: #8f9d37;border: 2px solid #78842e;padding: 10px;font-size: 15px;border-radius: 0;display: inline-block;color: #fff;font-weight: 700;text-transform: uppercase;text-decoration: none;}

#nyjatekpopup {position:fixed;width:90%;color:#3b2314;top:4%;left:5%;right:0;bottom:0;height:94%;overflow:hidden;z-index:201;background:#fff;visibility:hidden;opacity:0;transition:opacity 250ms;text-align: center;border: 2px solid #b94f32;margin: -2px 0px 0px -2px;}
#nyjatekcontentinner .title {color:#b94f32;font-size:30px;line-height:36px;text-transform:uppercase; font-weight:bold;font-style:italic;letter-spacing: 1px;text-align: center;padding-top: 30px;margin-bottom: 20px;}
#nyjatekpopup.show {visibility:visible;opacity:1;}
#nyjatekcontentinner {position:relative;}
#nyjatekpic {line-height:0;background:#b94f32;padding:2px;display:inline-block;}
#nyjatekclose {position:absolute;right:10px;top:10px;cursor:pointer;}
#nyjatekbtn {margin-top:20px;}
#nyjatektext {padding:10px;line-height:30px;}
#nyjatektext .text {color:#3b2314;font-size:14px;line-height:16px;font-weight:bold;}
#nyjatektext .text span {color:#b94f32;font-size:18px;line-height:22px;}



#cookiecontentv2 {position:fixed;width:100%;height:100%;color:#3b2314;top:0;left:0;right:0;bottom:0;z-index:202;text-align: left;background:#fff;visibility:hidden;opacity:0;transition:opacity 250ms, height 250ms, margin 250ms;}
#cookiecontentv2.show {visibility:visible;opacity:1;}
#cookiecontentv2 .title {font-size:16px;font-weight:bold;text-align:center;margin-bottom:10px;}
#cookiecontentv2 .text {font-size:14px;line-height:18px;}
#cookiecontentv2 #cookieactions, #cookiecontentv2 #cookiesave {border-top:1px solid #d0d0d0;padding-top:10px;position:absolute;bottom:0px;left:0;height:20%;width:100%;text-align:center;background:#fff;}
#cookiecontentv2 #cookieactions input {margin:10px 0 10px 0;width:96%;}
#cookieactions .btn_greyv2 {background:#fff;border:1px solid #b3b3b3; color:#b3b3b3;box-shadow:none;font-weight:normal;padding: 5px 10px 6px 10px;}
#cookiecontentinner {padding:20px;overflow-y:scroll;height:80%;}
#cookiecontentv2 #cookiesave {text-align:center;}
#cookiecontentv2 label.radioboxcontainer {display: inline-block; text-align:left; position: relative;padding-left: 30px;margin: 5px 10px 5px 10px; cursor: pointer;font-size: 14px;line-height:20pt;color:#3b2314;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
#cookiecontentv2 label.radioboxcontainer input {position: absolute;opacity: 0;}
#cookiecontentv2 label.radioboxcontainer .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background: #fff;border-radius: 50%;border:1px solid #3b2314;}
#cookiecontentv2 label.radioboxcontainer:hover input ~ .checkmark {background-color: #d1cdca;}
#cookiecontentv2 label.radioboxcontainer .checkmark:after {content: "";position: absolute;background: #f0f0f0;}
#cookiecontentv2 label.radioboxcontainer input:checked ~ .checkmark:after {background: #78842e;}
#cookiecontentv2 label.radioboxcontainer .checkmark:after {top: 5px;left: 5px;width: 15px;height: 15px;border-radius: 50%;} 
#cookiecontentv2 label.radioboxcontainer .labeltext {transition: color 300ms;display:inline-block;padding: 5px 0px 5px 10px;font-weight: normal;font-size:13px;line-height:16px;color:#999;}
#cookiecontentv2 label.radioboxcontainer .labeltext strong {transition: color 300ms;display:block;margin-bottom:4px;font-size:16px;}
#cookiecontentv2 label.radioboxcontainer input:checked ~ .labeltext strong {color:#3b2314;}
#cookiecontentv2 label.radioboxcontainer input:checked ~ .labeltext {color:#666;}
#cookiecontentv2 #cookieselector {margin-top:20px;}

#layer_loginmenu a {display:block;margin:5px 10px 5px 10px;text-align:center;color:#3a2315;padding:10px;text-transform:uppercase;text-decoration:none;font-size:14px;line-height:16px; background:#dbd0c3; }
#layer_loginmenu a.grey {border:1px solid #898989;background:#999999;color:#fff;}
#layer_loginmenu a.selected {border: 1px solid #3b2314;color:#fff;background: #3b2314;}
#layer_loginmenu.userlevel1 .title:after {position: absolute;top: 10px;left: 100px; content:" - BELÉPŐ 1";width: 100px;}
#layer_loginmenu.userlevel2 .title:after {position: absolute;top: 10px;left: 100px; content:" - BELÉPŐ 2";width: 100px;}


.foatinglayer {position:fixed;left:-1000px;top:0px;bottom:0;width:100%; height:100%;background:#f1f1f1;z-index: 50; display:none;}
.foatinglayer .title {font-size:16px; background:#a69b91; color:white; font-weight:bold; text-align:left; padding:10px 5px 10px 10px;position:relative;}


.layerclose {position:absolute;right:5px;top: 50%;margin-top:-15px;}

#floatableheader {background:#fff;width:100%;top: 0px;left: 0px;z-index: 35;transition: top 250ms;}
.dofloatheader #contentcontainer {transition: margin-top 250ms;}
body.dofloatheader #floatableheader {top:-80px;}

#loginform .title {font-size: 32px;font-weight: bold;color: #3a2213;letter-spacing: -1px;text-align: center;margin-top: 10px;}
#loginform .title img {vertical-align: -13px;}
#loginform .textinput::placeholder {color:#8e8e8e;}
#loginform .textinput {margin-bottom:10px;padding:10px; width:238px; color: #333;background-color: #fff;font-size:16px;border:1px solid #8e8e8e;}
#loginform #btn_tovabb {text-align:center;background: #8f9d37;border: 1px solid #78842e;padding:10px;width:260px;font-size:16px; font-weight:bold;color:#fff;text-transform:uppercase;cursor:pointer;}
#loginform #btn_submit {text-align:center;background: #8f9d37;border: 1px solid #78842e;padding:10px;width:120px;font-size:16px; font-weight:bold;color:#fff;text-transform:uppercase;cursor:pointer;}
#loginform #btn_back {text-align:center;background: #888;border: 1px solid #666;padding:10px;width:120px;font-size:16px; font-weight:bold;color:#fff;text-transform:uppercase;cursor:pointer;}
#loginform .vagy {margin:20px 0px 20px 0px;text-align:center; font-size:13px;font-weight:bold;color:#3a2213;}
#loginform .social a {display:block;margin-bottom:5px;}
#loginform .moreinfo {margin:30px 0px 10px 0px; padding:0px 50px 0px 50px; font-size:12px; text-align:center;color:#aaa;}
#loginform .moreinfo a {color:#8a8a8a;font-weight:bold;text-decoration:none;}
#loginform .moreinfo a:hover {text-decoration:underline;color:#333;}
#loginform .social a {display:block;margin-bottom:5px;width:220px;padding:10px 10px 10px 30px; text-align:center;color:#fff;font-size: 16px;font-weight: bold;text-transform: uppercase;text-decoration: none;line-height: 16px;}
#loginform .social a.facebook {background:#3b5998 url('images/icon-facebook.svg') 7px center no-repeat; background-size:20px 20px;}
#loginform .social a.google {background:#de4b38 url('images/icon-google.svg') 10px center no-repeat; background-size:20px 20px;}

#breadcrumb {color:#b5492d;font-size:13px; line-height:16px;text-align:left;padding: 10px 10px 0px 10px;}
#breadcrumb div {display:inline-block;}
#breadcrumb a {color:#b5492d; border-bottom:1px solid transparent;transition: border 300ms;text-decoration:none;}
#breadcrumb a:hover {color:#b5492d; border-bottom:1px solid #b5492d;}


#loginpopup.v2 h6 {padding:0;font-size:16px;line-height:26px;font-weight:bold;text-align:center;color:#ba4f32;font-style:italic;margin:0px 0px 30px 0px;}
#loginpopup.v2 #login_popupcontainer {padding:15px;background: #fff; background-size:100% auto;}
#loginpopup.v2 #loginform .social {text-align:center;}
#loginpopup.v2 #loginform .social a {display:inline-block;padding:0;width:auto;height:auto;border:1px solid #aea7a4;margin:0px 20px 0px 20px;}
#loginpopup.v2 #login_email {background:#fff url('images/icon_email.png') 15px center no-repeat;border:1px solid #999999;padding: 20px 20px 20px 55px; width: calc(100% - 75px);}
#loginpopup.v2 #login_psw {background:#fff url('images/icon_jelszo.png') 15px center no-repeat;border:1px solid #999999;padding: 20px 20px 20px 55px; width: calc(100% - 75px);}
#loginpopup.v2 #loginform #btn_tovabb {width: 100%;padding: 15px;}
#loginpopup.v2 #loginform div div div {margin-bottom:15px;}
#loginpopup.v2 #loginform .moreinfo {color:#999;margin-top:50px;}
#loginpopup.v2 #btn_back, #loginpopup.v2 #btn_submit {width: 46%;padding: 15px;}
#loginpopup.v2 #btn_back {margin-right:2%;}
#loginpopup.v2 #btn_submit {margin-left:2%;}
#loginpopup.v2 #loginform .vagy {color:#999;}

#top_head:after {position: absolute;bottom: -5px;right: 5px; content:"Sikeresen bejelentkeztél!";text-align: center;background: #fff;border: 1px solid #bbb;padding:3px;font-size: 13px;line-height:13px;width: 170px;font-weight: bold;visibility:hidden;opacity:0;transition:opacity 500ms;}
#top_head.welcome:after {visibility:visible;opacity:1;}
#top_head.welcomefadeout:after {visibility:visible;opacity:0;}

@media screen and (max-width: 350px) {
    header .logocontainer img {height: 45px;margin: 7px 0px 7px 0px;}
}

@media screen and (max-width: 300px) {
    header .logocontainer img {height: 35px;margin: 13px 0px 13px 0px;}
}