.left_kat{ float:left; width:250px; position:relative; margin-right:10px; } .left_kat:after{ } .left_kat li{ position:relative; } .left_kat li>a, .left_kat li>span{ width:100%; position:relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; vertical-align: middle; display: table; } .left_kat li>input{ position:absolute; left:0px; top:0px; margin:0px; padding:0px; border:0px; width:100%; z-index:10; opacity:0; cursor:pointer; } .left_kat .sub{ display:none; } .left_kat li>span:before{ vertical-align: middle; display: table-cell; line-height: inherit; margin-left:0px !important; } .left_kat li>input:checked ~ .sub{ display:block; } .left_kat>li>a, .left_kat>li>span{ height:48px; line-height:48px; width:250px; padding:0px 20px 0px 20px; border-radius:0px; text-align:left; font-size:15px; color:#ffffff; background:#1ba94b; font-family:Noto Sans; text-transform:initial; border:0px solid #1ba94b; margin-bottom:1px; } .left_kat>li>input{ height:48px; } .left_kat>li>a:hover, .left_kat>li>span:hover, .left_kat>li>input:hover ~ span, .left_kat>li>input:checked ~ span{ color:#ffffff; background:#66cc33; border:0px solid #66cc33; } .left_kat>li>input:hover ~ span:before, .left_kat>li>input:checked ~ span:before{ color:#ffffff; } .left_kat>li>span:before{ float:right; font-size:14px; color:#ffffff; margin-left:20px; } .gal .main .slick-list .slick-track a{ z-index:10 !important; } .gal .main .slick-list .slick-track a.slick-current, .gal .main .slick-list .slick-track a.slick-active{ z-index:12 !important; } .left_kat>li>ul>li>a, .left_kat>li>ul>li>span{ height:48px; line-height:48px; width:250px; padding:0px 20px 0px 20px; border-radius:0px; text-align:left; font-size:14px; color:#515149; background:#ece5d9; font-family:Montserrat; text-transform:initial; border:1px solid #ece5d9; margin-bottom:2px; } .left_kat>li>ul>li>input{ height:48px; } .left_kat>li>ul>li>a:hover, .left_kat>li>ul>li>span:hover, .left_kat>li>ul>li>input:hover ~ span, .left_kat>li>ul>li>input:checked ~ span{ color:#ffffff; background:#f39025; border:1px solid #f39025; } .left_kat>li>ul>li>input:hover ~ span:before, .left_kat>li>ul>li>input:checked ~ span:before{ color:#ffffff; } .left_kat>li>ul>li>span:before{ float:right; font-size:14px; color:#ffffff; margin-left:10px; } .left_kat>li>ul>li>ul>li>a, .left_kat>li>ul>li>ul>li>span{ height:48px; line-height:48px; width:250px; padding:0px 20px 0px 20px; border-radius:0px; text-align:left; font-size:14px; color:#515149; background:#d5ccbd; font-family:Montserrat; text-transform:initial; border:1px solid #d5ccbd; margin-bottom:1px; } .left_kat>li>ul>li>ul>li>input{ height:48px; } .left_kat>li>ul>li>ul>li>a:hover, .left_kat>li>ul>li>ul>li>span:hover, .left_kat>li>ul>li>ul>li>input:hover ~ span, .left_kat>li>ul>li>ul>li>input:checked ~ span{ color:#ffffff; background:#f39025; border:1px solid #f39025; } .left_kat>li>ul>li>ul>li>input:hover ~ span:before, .left_kat>li>ul>li>ul>li>input:checked ~ span:before{ color:#ffffff; } .left_kat>li>ul>li>ul>li>span:before{ float:right; font-size:14px; color:#ffffff; margin-left:10px; } .left_kat>li>ul>li>ul>li>ul>li>a, .left_kat>li>ul>li>ul>li>ul>li>span{ height:48px; line-height:48px; width:250px; padding:0px 20px 0px 20px; border-radius:0px; text-align:left; font-size:14px; color:#515149; background:#ece5d9; font-family:Montserrat; text-transform:initial; border:1px solid #ece5d9; margin-bottom:1px; } .left_kat>li>ul>li>ul>li>ul>li>input{ height:48px; } .left_kat>li>ul>li>ul>li>ul>li>a:hover, .left_kat>li>ul>li>ul>li>ul>li>span:hover, .left_kat>li>ul>li>ul>li>ul>li>input:hover ~ span, .left_kat>li>ul>li>ul>li>ul>li>input:checked ~ span{ color:#ffffff; background:#f39025; border:1px solid #f39025; } .left_kat>li>ul>li>ul>li>ul>li>input:hover ~ span:before, .left_kat>li>ul>li>ul>li>ul>li>input:checked ~ span:before{ color:#ffffff; } .left_kat>li>ul>li>ul>li>ul>li>span:before{ float:right; font-size:14px; color:#ffffff; margin-left:10px; } .left_kat>li>ul>li>ul>li>ul>li>ul>li>a, .left_kat>li>ul>li>ul>li>ul>li>ul>li>span{ height:48px; line-height:48px; width:250px; padding:0px 20px 0px 20px; border-radius:2px; text-align:left; font-size:14px; color:#515149; background:#d5ccbd; font-family:Montserrat; text-transform:initial; border:1px solid #d5ccbd; margin-bottom:1px; } .left_kat>li>ul>li>ul>li>ul>li>ul>li>input{ height:48px; } .left_kat>li>ul>li>ul>li>ul>li>ul>li>a:hover, .left_kat>li>ul>li>ul>li>ul>li>ul>li>span:hover, .left_kat>li>ul>li>ul>li>ul>li>ul>li>input:hover ~ span, .left_kat>li>ul>li>ul>li>ul>li>ul>li>input:checked ~ span{ color:#fefefe; background:#f39025; border:1px solid #f39025; } .left_kat>li>ul>li>ul>li>ul>li>ul>li>input:hover ~ span:before, .left_kat>li>ul>li>ul>li>ul>li>ul>li>input:checked ~ span:before{ color:#ffffff; } .left_kat>li>ul>li>ul>li>ul>li>ul>li>span:before{ float:right; font-size:14px; color:#ffffff; margin-left:10px; } .adatlap_temp{ text-align: center; background: #ffffff; color: #000000; font-size: 70px; position: relative; } .adatlap_temp:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .gal, .adatlap_temp{ display:inline-block; vertical-align:top; max-width:500px; width:100%; margin-right:80px; } .gal .main{ width:100%; padding:0px 0px 0px 0px; display:inline-block; position:relative; text-align:center; overflow:hidden; } .gal .main .slick-list{ position:relative; width:inherit; height:inherit; display:block; overflow:hidden; } .gal .main .slick-list .slick-track{ position:relative; width:inherit !important; height:inherit; display:block; } .gal .main .slick-list .slick-track a{ position:absolute !important; width:inherit !important; height:inherit !important; display:block !important; left:0px !important; top:0px !important; } .gal .main .slick-list .slick-track a.slick-current, .gal .main .slick-list .slick-track a.slick-active{ position:relative !important; opacity:1 !important; } .gal .sub{ width: 100%; display: inline-block; overflow: hidden; position: relative; text-align:center; } .gal .sub .slick-list { position: relative; width: 100%; overflow: hidden; padding:0px !important; } .gal .sub .slick-list .slick-track{ font-size:0px; } .gal .sub .slick-list .slick-track a{ display: inline-block; overflow:hidden; position:relative; width:initial !important; padding: 10px 10px 50px 10px ; } .gal .sub .slick-list .slick-track a img{ width:100%; height:initial; } .main_hover{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.9); -webkit-transform:translate(-50%,-50%) scale(0.9); display:block; width:100%; opacity:0; height:100%; max-width:500%; max-height:670%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .main_hover:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000000; opacity:0.4; display:block; } .main_hover span{ display:table; position:absolute; z-index:10; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.5); -webkit-transform:translate(-50%,-50%) scale(1.5); background:#ffffff; padding:0px 10px 10px 10px; transition:all 0.7s ease; -webkit-transition:all 0.7s ease; opacity:0; } .main_hover span b{ display:inline-block; color:#ffffff; font-size:16px; font-style:Montserrat; margin-right:px; text-transform:initial; font-weight:400; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; } .main_hover span:before{ float:right; color:#ffffff; font-size:16px; margin: 0px; width: initial; line-height: initial; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .gal .main .slick-list .slick-track a:hover .main_hover{ opacity:1; transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); } .gal .main .slick-list .slick-track a:hover .main_hover span{ transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); opacity:1; } .sub_hover{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.9); -webkit-transform:translate(-50%,-50%) scale(0.9); display:block; width:100%; opacity:0; height:100%; max-width:102%; max-height:137%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .sub_hover:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000000; opacity:0.8; display:block; } .sub_hover span{ display:table; position:absolute; z-index:10; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.5); -webkit-transform:translate(-50%,-50%) scale(1.5); background:#000000; padding:10px 10px 50px 10px ; transition:all 0.7s ease; -webkit-transition:all 0.7s ease; opacity:0; } .sub_hover span b{ display:inline-block; color:#ffffff; font-size:0px; font-style:Montserrat; margin-right:px; text-transform:uppercase; font-weight:500; transition:all 0.8s ease; -webkit-transition:all 0.8s ease; } .sub_hover span:before{ float:right; color:#ffffff; font-size:14px; margin: 0px; width: initial; line-height: initial; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .gal .sub .slick-list .slick-track a:hover .sub_hover, .gal .sub .slick-list .slick-track a.slick-current .sub_hover{ opacity:1; transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); } .gal .sub .slick-list .slick-track a:hover .sub_hover span, .gal .sub .slick-list .slick-track a.slick-current .sub_hover span{ transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); opacity:1; } .info{ display:inline-block; vertical-align:top; } .info h1{ margin-top:0px; max-width:400px; line-height:initial; color:#666666; background:#ffffff; border:0px solid #ffffff; font-size:36px; font-family:Noto Sans; margin-bottom:40px; padding:0px 0px 0px 0px; text-transform:initial; font-weight:400; text-align:left; border-radius:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .info h1:hover{ color:#515149; background:#ffffff; border:0px solid #ffffff; } .adatlap_pdf li a{ border-radius:0px; font-family:Montserrat; font-size:16px; color:#515149; font-weight:500; text-transform:uppercase; background:#ffffff; border:0px solid #515149; margin-bottom:10px; padding:0px 0px 0px 5px; text-align:left; width:100%; max-width:400px; line-height:48px; height:48px; transition:all 0.5s ease; display:block; -webkit-transition:all 0.5s ease; } .adatlap_pdf li a:before{ color:#ffffff; font-size:18px; float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; line-height:inherit; margin:0px; width:initial; margin-right:10px; } .adatlap_pdf li span{ line-height: initial; vertical-align: middle; display: table-cell; height: inherit; } .adatlap_pdf li a:hover{ color:#ffffff; background:#515149; border:0px solid #515149; } .adatlap_pdf li a:hover:before{ color:#ffffff; } .spinner-content{ border-radius:0px; font-size:14px; height:48px; width:48px; border:1px solid #d6d6d6; background:#ffffff; color:#666666; font-family:Noto Sans; margin:0px 6px; line-height:46px; vertical-align:top; text-align:center; } .spinner-btn{ border-radius:0px; height:48px; width:48px; color:#666666; border:0px solid #d6d6d6; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; line-height:48px; font-size:0px; background:#f0f0f0; vertical-align:top; } .spinner-btn:before{ font-size:16px; width:initial; line-height:inherit; margin:0px; } .spinner-btn:hover{ border:0px solid #666666; background:#666666; color:#ffffff; } .adatlap_segit { border-radius:0px; font-family:Montserrat; font-size:18px; color:#515149; font-weight:700; text-transform:initial; background:#ffffff; border:1px solid #515149; margin-bottom:10px; text-align:center; width:100%; display:block; max-width:400px; height:48px; line-height:46px; position:relative; } .adatlap_segit a b{ font-weight:700; } .adatlap_segit:before{ color:#515149; font-size:0px; margin:10px 20px10px20px; float:center; } .adatlap_segit .hover{ color:#ffffff; background:#f39025; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.8); -webkit-transform:translate(-50%,-50%) scale(0.8); width:100%; height:100%; opacity:0; line-height:inherit; } .adatlap_segit:hover .hover{ opacity:1; transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); } .adatlap_segit .hover:before{ color:#ffffff; font-size:16px; margin:0px; float:right; line-height: inherit; width: initial; } .adatlap_segit p{ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .adatlap_segit:hover p{ opacity:0; z-index:100; } .adatlap_segit a { display:block; width:100%; height:100%; padding:0px; } .adatlap_segit a span{ font-family:Montserrat; font-size:18px; color:#f39025; font-weight:700; text-transform:uppercase; margin:0px; } .term_cart { font-size:18px; color:#ffffff; font-weight:600; text-transform:uppercase; background:#ff6600; border:0px solid #ff6600; border-radius:0px; margin:0px 0px 0px 20px; padding:14px 60px 14px 60px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .term_cart:before{ margin:0px; width:initial; line-height:inherit; height:inherit; vertical-align:middle; color:#ffffff; font-size:16px; } .term_cart:hover{ color:#ffffff; background:#1ba94b; border:0px solid #1ba94b; } .term_cart:hover:before{ color:#ffffff; } .gal .main>button{ position:absolute; top:50%; z-index:10000; width:30px; height:30px; border-radius:30px; border:1px solid #d5ccbd; line-height:28px; text-align:center; color:#515149; background:#ece5d9; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; font-size:0px; font-family: 'fontello'; } .gal .main>button:before{ font-size:14px; margin:0px; content: '\e87c'; font-family: 'fontello'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: inherit; height: inherit; line-height: inherit; display: block; } .gal .main>button:hover{ color:#ffffff; background:#515149; border:1px solid #515149; } .gal .main>button.slick-prev{ left:5px; transform:translate(0%,-50%) rotate(180deg); -webkit-transform:translate(0%,-50%) rotate(180deg); } .gal .main>button.slick-next{ right:5px; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); } .gal .main .slick-dots{ z-index:10000; position:absolute; bottom:5px; left:50%; transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%); } .gal .main .slick-dots li{ display:inline-block; margin:0px 2px; } .gal .main .slick-dots li button{ padding:0px; display:block; width:24px; height:24px; line-height:22px; text-align:center; color:#ffffff; background:#515149; border:1px solid #515149; border-radius:24px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .gal .main .slick-dots li button:hover{ color:#ffffff; background:#f39025; border:1px solid #f39025; } .gal .main .slick-dots li.slick-active button{ color:#ffffff; background:#f39025; border:1px solid #f39025; } .sima_ar{ font-size:18px; color:#666666; font-weight:400; text-decoration:initial; font-family:Noto Sans; margin: 0px 0px 30px 0px; } .sima_ar b{ color:#000000; font-size:18px; font-weight:500; text-decoration:initial; font-family:Noto Sans; } .akcios_ar{ font-size:18px; color:#666666; font-weight:400; text-decoration:initial; font-family:Montserrat; margin: 0px 0px 30px 0px; } .akcios_ar b{ color:#e71b05; font-size:22px; font-weight:500; text-decoration:initial; font-family:Montserrat; } .adatlap_new{ display: table; margin: 0px auto; padding:30px 0px; } .adatlap_new .term{ display:inline-block; } .adatlap_leirasok.vertical{ text-align:left; } .adatlap_leirasok.horizontal .leir_nev li{ display:table !important; } .adatlap_leirasok .leir_nev li{ display:inline-block; vertical-align:top; margin:80px 0px 36px 2px; padding:0px 20px; font-weight:500; font-family:Noto Sans; color:#666666; font-size:16px; border:1px solid #f5f5f5; height:40px; line-height:38px; background:#f5f5f5; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; text-transform:initial; cursor:pointer; } .adatlap_leirasok .leir_nev li:before{ float:right; padding:0px 0px 0px 2px; margin:0px; line-height:inherit; height:inherit; width:initial; font-size:16px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .adatlap_leirasok .leir_nev li:hover, .adatlap_leirasok .leir_nev li.act{ color:#ffffff; background:#666666; border:1px solid #666666; } .adatlap_leirasok.vertical .leir_nev li:hover:before, .adatlap_leirasok .leir_nev li.act:before{ color:#ffffff; } .gal .sub .slick-list .slick-track{ width:100% !important; } .leir_text{ position:relative; } .leir_text #cikk{ display:none; } .leir_text #cikk.act{ display:block !important; }