
#headerds {margin:10px 5px 5px 5px;}

#headerds #head_arr_date, #headerds #head_dep_date {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
#headerds #search {font-size:20px;font-weight:600;}
#headerds #head_arr_date, #headerds #head_dep_date {line-height: 60px;font-size:20px;font-weight:600;border: 1px solid #a69b91;width: 90%;padding-left: 10px;}

#headerds #head_arr_date {background: url('images/arrdatebg.png') center right no-repeat #fff;background-size: auto 60%;}
#headerds #head_dep_date {background: url('images/depdatebg.png') center right no-repeat #fff;background-size: auto 60%;}
#headerds #head_arr_date:focus, #headerds #head_dep_date:focus{background-color:#FFF4BF}
#ui-datepicker-div{margin-top:13px}
#ui-datepicker-div.ui-datepicker.arrdateselector, #ui-datepicker-div.ui-datepicker.depdateselector {display:block;} 
#ui-datepicker-div.arrdateselector::after{position:absolute;top:-14px;left:20px;content:url('images/calmutato.png')}
#ui-datepicker-div.depdateselector::after{position:absolute;top:-14px;right:20px;content:url('images/calmutato.png')}
  

#headerds .top_form{border:0;position:relative;height:60px}#headerds .top_form .easy-autocomplete-container{top:58px;border-left:1px solid #a69b91;border-right:1px solid #a69b91;border-bottom:1px solid #a69b91;left:0;z-index:1}#headerds .top_form input[type=text]{background:url(images/cityhotelbg.png) center right no-repeat #fff;border:1px solid #a69b91;margin-left:0;height:58px}#headerds #searchtags{padding:8px 58px 0 10px;background:url(images/plus-icon.png) center right no-repeat #fff;font-size:14px;white-space:nowrap;overflow:hidden;-webkit-transition:height .5s ease,top .5s ease;-moz-transition:height .5s ease,top .5s ease;-o-transition:height .5s ease,top .5s ease;-ms-transition:height .5s ease,top .5s ease;transition:height .5s ease,top .5s ease;border:1px solid #a9a9a9;position:absolute;top:0;left:0;z-index:1;margin-right:10px}#headerds #plustags,#headerds #searchtags span{font:400 22px/34px "Trebuchet MS";border:1px solid #aaa;background-color:#f9f9f9}#headerds #searchtags span{display:block;padding:3px 35px 3px 5px;float:left;margin:1px 5px 9px 0;max-width:100px;overflow:hidden;position:relative}#headerds #plustags:hover{background-color:#ead299}#headerds #plustags{position:absolute;top:10px;right:20px;z-index:2;display:none;border-radius:10px;padding:2px 3px 3px 4px;cursor:pointer;opacity:1;-webkit-transition:opacity .3s ease,background-color .3s ease;-moz-transition:opacity .3s ease,background-color .3s ease;-o-transition:opacity .3s ease,background-color .3s ease;-ms-transition:opacity .3s ease,background-color .3s ease;transition:opacity .3s ease,background-color .3s ease}#headerds #plustags.hideme{opacity:0}#headerds #searchtags span img{cursor:pointer;position:absolute;top:10px;right:8px;z-index:4}#headerds #searchtags span .mask{display:block;position:absolute;top:1px;right:-8px;z-index:3;height:40px;width:60px;background:url(images/mask.png) left top repeat-y}#headerds #tr_text_date a.morelink, #headerds #header_tr_text_date a.morelink{font-style:italic;color:#4e3b36;border:0}


.top_form input[type="text"] {width: 100%;height: 70px;position: absolute;top: 0;left: 0; margin: 0;margin-left: 0px;}

div.adslidercontainer {width:103%;overflow: hidden;margin-top: 30px;position:relative;}
div.adslider {display:flex;width:270%;border:0;padding-right:10px;line-height: 0;}
div.adslider .adslideritem {width:90%;margin: 10px 10px 10px 0px;cursor:pointer;position:relative;}
div.adslider .adslideritem .hotelname {z-index:1;position:absolute;top:0;left:0;text-align:left;font-weight:bold;text-transform:uppercase;font-size:28px;line-height:32px;text-shadow: 0px 2px 5px #000;color:#fff;display:block;padding:15px;}
div.adslider .adslideritem .hotelandpack {z-index:1;position:absolute;bottom:0;left:0;background: transparent;text-shadow: 0px 2px 5px #000;color:#fff;font-weight:bold;width: 100%;}
div.adslider .adslideritem .hotelandpack .packname {padding:15px 15px 3px 15px;font-size:16px;line-height:16px;}
div.adslider .adslideritem .hotelandpack .packname a {color:#fff;}
div.adslider .adslideritem .hotelandpack .priceinfo {padding:3px 15px 15px 15px;font-size:18px;line-height:18px;}
div.adslider .adslideritem  .linkblokk {display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;background: transparent;}
.adslidercontainer .fooldalkiemeltarrow {position:absolute;top:50%;margin-top:-23px;z-index:10;cursor:pointer;}
.adslidercontainer .fooldalkiemeltarrow.prev {left:5px;}
.adslidercontainer .fooldalkiemeltarrow.next {right:5px;}
.adslidercontainer .fooldalkiemeltarrow.hide {display:none;}

#hometrustitems {margin: 40px auto 10px auto;width: 80%;font-size: 16px;}
#hometrustitems li {padding:5px 0px 5px 20px;background:url('../images/pipa-tab-on.png') left center no-repeat;}

a#homeszvpromo {display:block;background:#b84f32;color:#fff;margin: 0px 10px 50px 10px;text-align: center;padding-bottom:15px;}
a#homeszvpromo .promotitle {display:block;text-align:center;font-size:32px;line-height:38px;padding:20px;}
a#homeszvpromo .vadasz:before {content:"";background:url('../images/vadaszlogo.webp') center center no-repeat;width:100%;height:140px;background-size:auto 140px;position:absolute;top:0;left:0;z-index:3;}
a#homeszvpromo .vadasz:after {content:"";height:3px;background:#933025;position:absolute;top:123px;width:100%;left:0;z-index:2;}
a#homeszvpromo .vadasz {display:block;position: relative;height:140px;margin-bottom:15px;}
a#homeszvpromo .btnpromo.btn_greenv2 {box-shadow: none;padding-left: 10%;padding-right: 10%;}

#ugyfelszolgalatinfo {border:2px solid #aa4e36;background:#fff;color: #3b2314;margin:40px 10px 10px 10px;padding:20px 30px 20px 30px;}
#ugyfelszolgalatinfo .title {text-align:center;font-weight:bold;margin-bottom:15px;font-size: 18px;line-height: 22px;}
#ugyfelszolgalatinfo .title span {font-size: 22px;line-height: 24px;text-transform:uppercase;}
#ugyfelszolgalatinfo .infoitem {padding:10px 0px 10px 30px;background-repeat: no-repeat;background-position: left 14px;background-size: 18px auto;}
#ugyfelszolgalatinfo .infoitem a {color:#3b2314;}
#ugyfelszolgalatinfo #infoitem_365 {background-image: url('../images/365hivas.svg');background-position: left 10px;}
#ugyfelszolgalatinfo #infoitem_levelvalasz {background-image: url('../images/valaszlevel.svg');}
#ugyfelszolgalatinfo #infoitem_segitunk {background-image: url('../images/megtalaljuk.svg');}
#ugyfelszolgalatinfo #infoitem_intezzuk {background-image: url('../images/intezzuk.svg');}
#ugyfelszolgalatinfo #infoitem_kerdes {background-image: url('../images/kerdesedvan.svg');background-position: left 12px;}
#ugyfelszolgalatinfo #infoitem_email {background-image: url('../images/level.svg');}
#ugyfelszolgalatinfo #infoitem_telefon {background-image: url('../images/telefon.svg');background-position: left 10px;}

#citiesslidercontainer {width:100%;overflow:hidden;position:relative;}
#citiesslider {display:flex;margin-left:-10px;}
.citiescolumn {width:150px;}
.citiescolumn a.citycontainer {display:block;position:relative;width:140px;height:100px;margin:10px;}
.citiescolumn a.citycontainer img {position:absolute;top:0;left:0;z-index:1}
.citiescolumn a.citycontainer span {position:absolute;top:8px;left:8px;z-index:2;width:124px;text-transform:uppercase;height:84px; overflow:hidden; font-size: 18px;color: #fff;font-weight: 700;text-shadow: 0px 2px 5px #000;}
#citiesslidercontainer .arrow {position:absolute;top:50%;margin-top:-23px;z-index:10;cursor:pointer;}
#citiesslidercontainer .arrow.prev {left:5px;}
#citiesslidercontainer .arrow.next {right:5px;}
#citiesslidercontainer .arrow.hide {display:none;}

.kiemelekkategoriak td {position: relative;font-size: 0;background-position:top left;background-repeat:no-repeat;background-size:100% 100%;padding:0;}
.kiemelekkategoriak {overflow:hidden;}
.kiemelekkategoriak a.katlinknagy.v2 {display: block;position: absolute;top:0;left:0;color: #fff;font-weight:700;text-transform: uppercase;font-size: 28px;line-height: 28px;text-align:left;background:transparent;padding:8px;text-shadow: 0px 2px 5px #000;}
.kiemelekkategoriak a.katlinkpici.v2 {display: block;position: absolute;top:0;left:0;color: #fff;font-weight:700;text-transform: uppercase;font-size: 18px;line-height: 20px;text-align:left;background:transparent;padding:8px;text-shadow: 0px 2px 5px #000;}

.csomagkategoriak.v2 {margin:10px 0px 40px 0px;padding: 0;}
.csomagkategoriak.v2 a {display:inline-block;width:39%;margin:0.5%;padding:4%;text-align:center;border:2px solid #e7e4df;background:#fff;color: #3b2314;text-decoration:none;font-weight:600;overflow-x:hidden;font-size: 14px;}

body.v3 #headerds {margin:10px;}
body.v3 #headerds #searchtags {border-radius: 5px;}
body.v3 #headerds .top_form input[type="text"] {border: 1px solid #a2938a;border-radius: 5px;}
body.v3 #headerds .top_form .easy-autocomplete-container {border-left: 1px solid #a2938a;border-right: 1px solid #a2938a;border-bottom: 1px solid #a2938a;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}
body.v3 #ui-datepicker-div.arrdateselector::after{content:""}
body.v3 #ui-datepicker-div.depdateselector::after{content:""}
body.v3 #dsinputscontainer {display:flex;}
body.v3 #dsinputscontainer div {width:calc(50% - 10px);position:relative;}
body.v3 #dsinputscontainer div:first-child {padding-right:10px;}
body.v3 #dsinputscontainer div:last-child {padding-left:10px;}
body.v3 #dsinputscontainer div label {display:block;text-transform:uppercase;margin-bottom:5px;font-weight:600;}
body.v3 #dsinputscontainer div input#head_arr_date, body.v3 #dsinputscontainer div input#head_dep_date {line-height: 100%;border:1px solid #a2938a;border-radius:5px;width:calc(100% - 42px);background: #fff url('images/calendar-icon-default.svg') left 5px center no-repeat;background-size:30px 30px;padding:12px 0px 12px 40px;cursor:pointer;}
body.v3 #dsinputscontainer div.focus label {color: #e8963f;}
body.v3 #dsinputscontainer div.focus input#head_arr_date, body.v3 #dsinputscontainer div.focus input#head_dep_date {border:1px solid #e8963f;background-image:url('images/calendar-icon-orange.svg');background-color:#fdf3eb;}
body.v3 #dsinputscontainer div.focus::after {content:"";position:absolute;bottom: -19px;left: 50%;margin-left:-10px;border-color: #e8963f transparent transparent  transparent;border-width: 10px;border-style: solid;}

body.v3 .easy-autocomplete-container ul {border:0;padding-top:5px;}
body.v3 .easy-autocomplete-container ul li {border:0;}
body.v3 #headerds .top_form input#search[type="text"]:focus {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom:1px solid #ddd;}

body.v3 a#homeszvpromo {background: #b84f32 url('images/motainbg.webp') bottom right no-repeat;background-size: 200% auto;position:relative;text-align: left;padding:15px;border-radius:10px;}
body.v3 a#homeszvpromo .vadasz {position:absolute;background: url('images/vadasz-logo-2026.webp') bottom center no-repeat;background-size: contain;width:25%;height:100%;right:10px;bottom:-2px;margin:0;}
body.v3 a#homeszvpromo .vadasz::before {display:none;}
body.v3 a#homeszvpromo .vadasz::after {display:none;}
body.v3 a#homeszvpromo .promotitle {text-align:left;padding: 0px 0px 15px 0px;font-size: 26px;line-height: 32px;}

body.v3 .citiescolumn a.citycontainer img {border-radius: 10px;overflow: hidden;}
body.v3 .citiescolumn a.citycontainer span {text-shadow: 1px 1px 1px #000;}
body.v3 #citiesslidercontainer {padding-left:10px;width: calc(100% - 20px);}

body.v3 a#homeszvpromo .btnpromo.btn_greenv2 {padding: 5px 30px 5px 20px;}
  
body.v3 .kiemelekkategoriakv3 {display:flex;margin: 0px 10px 0px 10px;}
body.v3 .kiemelekkategoriakv3 div.left {width:calc(61% - 5px);margin-right:5px;}
body.v3 .kiemelekkategoriakv3 div.right {width:calc(39% - 5px);margin-left:5px;}
body.v3 .kiemelekkategoriakv3 a {display:block;position:relative;background-size: cover;background-position: bottom center;text-align: left;border-radius: 10px;overflow: hidden;}
body.v3 .kiemelekkategoriakv3 a span {display:inline-block;color: #fff; font-weight: 700;text-transform: uppercase;padding: 8px;text-shadow: 1px 1px 1px #000;}
body.v3 .kiemelekkategoriakv3 div.left a {height:100%;min-height:180px;}
body.v3 .kiemelekkategoriakv3 div.right a {height:calc(50% - 5px);}
body.v3 .kiemelekkategoriakv3 div.left a span {font-size: 28px;line-height: 28px;}
body.v3 .kiemelekkategoriakv3 div.right a span {font-size: 18px;line-height: 20px;}
body.v3 .kiemelekkategoriakv3 div.right a:first-child {margin-bottom:10px;}
body.v3 .csomagkategoriakv3 {padding:10px;margin: 0px 0px 40px 0px;}
body.v3 .csomagkategoriakv3 a {border: 2px solid #e7e4df; border-radius:10px;color: #3b2314;display: inline-block;width:calc(50% - 49px);text-decoration: none;font-weight: 600;white-space: nowrap;overflow-x: hidden;font-size: 14px;padding:15px 10px 15px 30px;margin-bottom:10px;background:url('images/gift-orange.svg') left 5px center no-repeat;background-size:20px 20px;}
body.v3 .csomagkategoriakv3 a:nth-child(2n) {}
body.v3 .csomagkategoriakv3 a:nth-child(2n+1) {margin-right:10px;}
body.v3 .adslidercontainer {margin:0px 0px 0px 10px;width:calc(100% - 20px);}
body.v3 div.adslider {width:calc(290% - 20px);}

body.v3 #ugyfelszolgalatinfo {border-radius:10px;}
body.v3 div.adslider .adslideritem .packpic img {border-radius:10px;}
body.v3 div.adslider .adslideritem .hotelname,
body.v3 div.adslider .adslideritem .hotelandpack {text-shadow: 1px 1px 1px #000;}

body.v3 #ugyfelszolgalatinfov3 {border: 2px solid #8f9c3f;background:#fbfbf6;border-radius:10px;padding: 5px 15px 15px 15px;margin:30px 10px 30px 10px;}
body.v3 #ugyfelszolgalatinfov3 .infoitem {position:relative;padding:0px 0px 0px 55px;font-size:12px;line-height:15px;color: #6b5344;margin-top: 15px;}
body.v3 #ugyfelszolgalatinfov3 .infoitem::before {content:"";top:0;left:0;display:block;position:absolute;width:40px;height:40px;border-radius:50%;background-color:#ecf0e1;background-size:25px 25px;background-position:center center; background-repeat:no-repeat;}
body.v3 #ugyfelszolgalatinfov3 .infoitem span {display:block;font-weight:bold;font-size:14px;line-height:18px;color: #3b2314;margin-bottom: 3px;}

body.v3 #ugyfelszolgalatinfov3 #infoitem_365::before {background-image: url('images/calendar-check-green.svg');}
body.v3 #ugyfelszolgalatinfov3 #infoitem_levelvalasz::before {background-image: url('images/sendmail-green.svg');}
body.v3 #ugyfelszolgalatinfov3 #infoitem_segitunk::before {background-image: url('images/magnifying-glass-green.svg');}
body.v3 #ugyfelszolgalatinfov3 #infoitem_intezzuk::before {background-image: url('images/person-fill-green.svg');} 
body.v3 #ugyfelszolgalatinfov3 #infoitem_kerdes::before {background-image: url('images/chat-question-green.svg');}

body.v3 #ugyfelszolgalatinfov3 #infocontants {background:#ecefe4;border-radius:10px;padding:0px 10px 0px 10px;margin-top:20px;}
body.v3 #ugyfelszolgalatinfov3 #infocontants a {display:block;padding:10px 0px 10px 27px;background-position:left center; background-repeat:no-repeat; background-size:20px 20px;font-size:14px;line-height:14px;color:#8f9c3f;font-weight: 600;}
body.v3 #ugyfelszolgalatinfov3 #infocontants div:first-child {border-bottom:1px solid #d0d8c9;}
body.v3 #ugyfelszolgalatinfov3 #infocontants #infoitem_email a {background-image: url('images/mail-simple-green.svg');}
body.v3 #ugyfelszolgalatinfov3 #infocontants #infoitem_telefon a {background-image: url('images/phone-fill-green.svg');}
body.v3 #ugyfelszolgalatinfov3 .title {background: url('images/customer-service-green.svg') left center no-repeat;background-size:40px 40px;padding:15px 0px 15px 55px;font-size:14px;line-height:14px;color: #6b5344;border-bottom: 1px solid #8f9c3f;}
body.v3 #ugyfelszolgalatinfov3 .title span {font-weight:bold;font-size:26px;line-height:26px;color: #3b2314;margin-bottom:7px;display:block;}


