/*bof:search-loader*/ .dropdown-depart-air, li.mobsyd select.newcity {display:none;} .srcdestdrop .destdropbx{ position:relative;} .lds-ring{display:none; position: absolute; width: 64px; height: 64px; left:0; right:0; bottom:0; top:0; margin:auto;} .lds-ring div{box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #333; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #333 transparent transparent transparent;} .lds-ring div:nth-child(1) {animation-delay: -0.45s;} .lds-ring div:nth-child(2) {animation-delay: -0.3s;} .lds-ring div:nth-child(3) {animation-delay: -0.15s;} @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*eof:search-loader*/ .headsection .logo span.mobphone small,.nav-icon1 small{ display:none;} div.roomtype, div.option_group{ z-index:999;} .srcdestdrop{border-top: 1px solid #66cccc; top:100%; border-bottom: 3px solid #66cccc; z-index:9;} .srcdestdrop .destdropbx {width: 75%; margin-left: 25%;} .srcdestdrop .destdropbx ul.dropdest{ margin:20px;} .srcdestdrop .tourdropbx ul.tourdest{ margin:20px 0;} .srcdestdrop .destdropbx ul.dropdest li, .srcdestdrop .tourdropbx ul.tourdest li{ border:none; text-align:left;} .src-bx{ float:left;} .sticky_bx{ z-index:1;} .src-bx ul li.pess strong, .src-bx ul li.ngt strong{padding: 0 5px 0 7px;} div.noncontractsrc .container-fluid .src-bx{padding:10px;} div.noncontractsrc.src-bx{padding: 10px 0 0px 0; margin-top: 15px;} .populardestinations ul.popdest li.wd70 img.mobile{ display:none!important;} .populardestinations ul.popdest li.wd70 img.desktop{display:block!important;} @media screen and ( max-width:1800px ) and (min-width:1025px){ .dest-bx ul.dest li:hover .destinfo{ top:30%;} .dest-bx ul.dest li:hover img{opacity:.5; transform:scale(1.1);} .imge-bx:hover h3{top:60px;} .imge-bx:hover p{opacity:1; top:100px;} .imge-bx:hover span.ex{bottom:80px; background-color:white; color:#000000; } .imge-bx:hover .overlaying{ opacity:0.4;} .populardestinations ul.popdest li:hover .imgop img{ opacity:.5;} .populardestinations ul.popdest li:hover .popinfo h3{ padding-top:0px;} .populardestinations ul.popdest li:hover .popinfo span{ background:#fff; color:#000;} .populardestinations ul.popdest li:hover .popinfo p{ opacity:1; height:auto; display:block} .recom .ourrec .slider-bx ul li:hover{ box-shadow:0 0 20px rgba(0,0,0,.3); background:#d8e3e7;} .recom .ourrec .slider-bx ul li:hover .rec-bx a.viewtrip{ background:#7e9fa1; color:#fff;} .whyusbx .smedia-bx ul li a{ transition:all ease .5s;} .whyusbx .smedia-bx ul li a.facebook:hover{ background:#3b5998; transform:scale(1.1);} .whyusbx .smedia-bx ul li a.twitter:hover{ background:#55acee; transform:scale(1.1);} .whyusbx .smedia-bx ul li a.instagram:hover{ background:radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); transform:scale(1.1);} .whyusbx .smedia-bx ul li a.pinterest:hover{ background:#cb2027;transform:scale(1.1);} .whyusbx .smedia-bx ul li a.youtube:hover{ background:#bb0000; transform:scale(1.1);} .whyusbx .smedia-bx ul li a.google:hover{ background:#dd4b39; transform:scale(1.1);} .topdestlist .leftlist, .topdestlist .midlist ul li{ background:#000; transition:all ease .5s;} .topdestlist .leftlist img, .topdestlist .midlist ul li img{ opacity:.7; transition:all ease .5s; object-fit: cover;} .topdestlist .leftlist:hover img, .topdestlist .midlist ul li:hover img{ opacity:.5;} .holidaystypes .holidaylist ul li, .holidaystypes .alltypesholiday{ transition:all ease .5s;} .holidaystypes .holidaylist ul li:hover, .holidaystypes .alltypesholiday:hover{ background:#66cccc;} .holidaystypes .holidaylist ul li:hover img, .holidaystypes .alltypesholiday:hover img{ opacity:.2;} } @media screen and (max-width:1600px){ .container-fluid{ max-width:1600px; width:100%;} .atls .atlstxt,.topdest .txt, .topdestlist .leftlist, .topdestlist .midlist,.fatol .abtabx{ width:40%;} .atls .atlbanner,.fatol .ftxt,.topdest .cond{ width:60%;} .whyusbx .whyuslist ul li{ width:28%;} } @media screen and ( max-width:1200px ){ /*bof:navigation*/ .headsection .logo{ width:25%;} .headsection .logo img{ width:100%;} .headsection ul.navigation{ width:75%; margin-top:30px;} .headsection ul.navigation{ text-align:right} .headsection ul.navigation li a{ padding:1.2em .4em; font-size: 1.2em; font-weight:500;} .src-bx ul{ width:100%;} /*.src-bx ul li.syd span.dest, .src-bx ul li input, .src-bx ul li select, .src-bx ul li.pess strong, .src-bx ul li.ngt strong{font-size: .9em;}*/ div.fieldbox .SelectRoom h3{ font-size:1.4em;} div.whitebox p span span{font-size: 1em;} div.whitebox p span img.decreesvaluev, div.whitebox p span img.increasevaluev{ width:20px;} .midcontainer{ width:94%;} .holidaystypes{ padding:0px 0 50px 0; top:78px;} .holidaystypes .alltypesholiday a span{ font-size:2.8em;} .holidaystypes .holidaylist ul li a span{ font-size:1.8em; line-height: 22px;} /*eof:navigation*/ .destdrop, .toulistbx, .multiCtreDropdown{ top:76px;} .destdrop .droplist{ left:0%; margin:0px;} .destdrop .droplist .listbx ul li a{ font-size:1.2em; font-weight:400;} .destdrop .droplist .listbx{ width:15%;} .toulistbx .tourdrop, .multiCtreDropdown .multiDropBx{ margin-left:0;} .toulistbx .tourdrop .tourbx{ width:24%;} .toulistbx .tourdrop .tourbx ul{ margin:20px 10px;} .toulistbx .tourdrop .tourbx ul li a, .multiCtreDropdown .multiDropBx .listbx ul li a{ font-size:1.2em; font-weight:400;} .multiCtreDropdown .multiDropBx .listbx{ width:19%;} .toulistbx .tourdrop .tourbx ul li a, .multiCtreDropdown .multiDropBx .listbx ul li a{ font-size:1.1em;} /*bof:new header implement*/ .headsection .headright ul.navigation{ margin:0px;} .headsection .headright div.callus{ width:80%;} .headsection .headright div.callus .callrgt div.phn p strong{ font-size:1.3em;} .headsection .headright div.callus .callft{ font-size:1.3em;} .headsection .logo{ padding:34px 0px; width:23%;} .headsection .headright{ width:77%;} .headsection .headright ul.navigation li a{padding:1em .3em; font-size: 1.2em;} .headsection .headright div.callus .callrgt div.phn p strong{ font-size:1.5em;} .holidaystypes, .destdrop, .toulistbx, .multiCtreDropdown{ top:100px;} /*eof:new header implement*/ .topdestlist .leftlist img, .topdestlist .midlist ul li img{object-fit: cover;} } @media screen and ( max-width:1024px ){ .src-bx ul{ width:100%;} .dest-bx ul.dest li{width: 33%; padding:6px; background: none; vertical-align:top; margin:0px;} .dest-bx ul.dest li .destinfo{ width:90%; bottom:0px;position:relative; margin:-30px auto 0 auto; padding:1em .5em;} .populardestinations ul.popdest li{ width:50%;} .populardestinations ul.popdest li.wd70{ width:100%;} .whyusbx .whyuslist, .whyusbx .smedia-bx{ width:100%;} .whyusbx .whyuslist ul li{ width:33.3%;} .whyusbx .smedia-bx ul{ display:inline-block; text-align:center; margin-bottom:15px;} .whyusbx .smedia-bx .signup{ width:80%; float:none; margin:1em auto;} .atls .atlstxt, .topdest .txt, .topdestlist .leftlist, .topdestlist .midlist, .fatol .abtabx{ width:50%;} .atls .atlbanner, .fatol .ftxt, .topdest .cond{ width:50%;} .atls .atlstxt p{ width:100%;} .atls .atlstxt .promologo{ position:relative; right:-30%;} .fatol .abtabx, .fatol .ftxt{ width:100%;} .topdestlist .rightlist{ display:none;} .topdest .txt, .topdest .cond{ width:100%; text-align:center;} /*bof:bannerslider*/ .bannerinfo ul li.hotelinfo strong{ font-size:1.7em;} .bannerinfo ul li.hotelinfo span.offer{ font-size:1.6em;} .bannerinfo ul li.price strong{ font-size:2em;} #infolist_main ul li.viewtrip span{ font-weight:normal;} /*eof:bannerslider*/ div.moredest strong{padding: 15px 20px 0 20px !important; margin:0 !important; width: 100% !important;} } @media only screen and ( min-width:768px ) and ( max-width:1024px ){ /*bof:homepage*/ .dest-bx ul.dest li img, .dest-bx ul.dest li:hover img{opacity: 1; transform: scale(1); z-index: -1;} .dest-bx ul.dest li .destinfo{margin-top: 0; position:static;} .dest-bx ul.dest li .destinfo h3{ font-size:1.1em;} .dest-bx ul.dest li .destinfo strong{ font-size:1em;} .dest-bx ul.dest li .destinfo p{ padding:2px 0; font-size:.8em;} .dest-bx ul.dest li .destinfo span{font-size: .8em; padding-top: 10px; display: block;} .populardestinations{ margin:0px;} .dreamdestination h2, .populardestinations h2{ font-size:2.3em;}.dreamdestination ul.tabs li a{ padding:.5em 1em;} .populardestinations p, .recom .ourrec p{ font-size:1.8em;} .bannerbx h2{ font-size:2.4em;} .bannerslider ul li{ padding:1em;} .imge-bx .imgcont h3{ font-size:2.2em;} .recom .ourrec h3{ font-size:2.8em;} .recom .ourrec .slider-bx ul li .rec-bx h4{font-size: 1.8em; min-height:60px;} .recom .ourrec .slider-bx ul li .rec-bx strong{ font-size:1.8em;} .recom .ourrec .slider-bx ul li .rec-bx p{ font-size:1.3em; padding:0.5em 0; min-height:100px;} .recom .ourrec .slider-bx ul li .rec-bx a.viewtrip{ font-size:1.3em;} .offers{ font-size:2em;} .whyusbx .whyuslist ul li strong{ font-size:1.8em; padding-bottom:10px;} .atls .atlstxt p{ padding-top:2em; font-size: 2.2em;} .topdest .txt strong{ font-size:2em; padding-bottom:10px; display:block;} .topdestlist .leftlist span{ font-size:2.4em; left:46%;} .topdestlist .midlist ul li span{ font-size:1.7em;} .fatol .abtabx p{ font-size:1.4em;} .wd95{ width:100%;} .footerlink ul li{ margin:-14px 0 0 3px;} .footerlink ul li.first{ display:block; position: relative; bottom: -70px; text-align:center; font-size: 1.2em; height: 30px;} .footerlink ul li a{ padding:1em .2em; font-size: .8em;} /*eof:homepage*/ /*bof:homepage-hover-hide*/ .populardestinations ul.popdest li.wd70 .imge-bx .imgcont h3{ top:40%;} .imge-bx .imgcont h3, .imge-bx:hover .imgcont h3{top:30%;} .imge-bx span.ex, .imge-bx:hover span.ex{ background-color:white; color:black; bottom:80px;} .populardestinations ul.popdest li.wd70 .imge-bx span.ex, .populardestinations ul.popdest li.wd70 .imge-bx:hover span.ex{bottom: 80px;} .imge-bx:hover h3{top: 80px;} .imge-bx:hover p{ opacity:0;} .imge-bx:hover .overlaying{opacity: 0;} /*eof:homepage-hover-hide*/ .footerlink{padding-top: 14px;} /*bof:navgation-dropdown*/ .srcdestdrop .destdropbx{margin-left:0;} .srcdestdrop .destdropbx ul.dropdest{ margin:20px;} .srcdestdrop .destdropbx ul.dropdest li a, .srcdestdrop .tourdropbx ul.tourdest li a{font-weight: 400; font-size: .9em;} .srcdestdrop .tourdropbx ul.tourdest{ margin-left:46%; width:auto; margin:20px 0;} .srcdestdrop .tourdropbx{ float:right; width:53%;} /*eof:navgation-dropdown*/ .bannerinfo ul li.tourinfo strong{ font-size:2em;} .bannerinfo ul li.tourinfo p{ font-size:1.6em;} #infolist_main ul li.viewtrip span, #infolist ul li.viewtrip span{ font-weight:normal;} .recom .ourrec .slider-bx ul li{margin:15px 0 0 -110px;} /*responsive-mode*/ .src-bx ul li span, div.noncontractsrc.src-bx ul li.pess1 strong{ font-size:.9em;} #srcdestdrop1{top:73px;} .srcdestdrop1 .destdropbx ul.dropdest li, .srcdestdrop1 .tourdropbx ul.tourdest li{ width:33%; border:1px solid aliceblue; font-size:1.2em; padding:6px 0; display: inline-block; } div.noncontractsrc.src-bx ul li.pess1 div.roomtype{top: 49px; right: 0%;} div.noncontractsrc.src-bx ul li.moption1 div.option_group{top: 41px; right: 0%;} .src-bx{ padding:35px 0 10px 0;} div.HolidaysSearch .Search h2{ padding-bottom:20px; font-size: 2.5em;} div.HolidaysSearch .Search{ margin: 0px 0px; padding: 15px;} div.noncontractsrc.src-bx{ padding:0;} div.noncontractsrc.src-bx .container-fluid .src-bx{ padding:0 6px;} div.moredest, .srcdestdrop1 .destdropbx{height: 400px; overflow: hidden; overflow-y:scroll;} div.roomtype.Room1{ width:315px;} div.roomtype.Room1 div.whitebox{ width:98%;} div.roomtype.Room2{ width:500px;} div.roomtype.Room2 div.whitebox{ width:48%; margin:1%;} div.roomtype.Room3 {width:808px;} div.roomtype.Room3 div.whitebox{width:31%; margin:1%;} div.whitebox p span span{ font-size:1.1em;} div.roomtype.Room3 div.whitebox .AgeGroup span{ padding:0px 1px;} div.whitebox .AgeGroup span label{font-size: .9em; margin-bottom: 5px; display: block;} .src-bx ul li.pess strong, .src-bx ul li.ngt strong{ padding:10px 5px 0 7px;} /*responsive-mode*/ /*bof:11/6/18*/ div.noncontractsrc.src-bx .container-fluid .src-bx{padding: 18px 6px 0 6px;} /*eof:11/6/18*/ } @media screen and ( min-width:768px ) and ( max-width:1024px ){ /*bof:navigation*/ .headsection .logo{ width:100%; text-align:center;} .headsection .logo img{ max-width:240px;} .headsection ul.navigation{ width:100%; margin-top:10px; text-align:center;} .src-bx ul li.syd span.dest, .src-bx ul li input, .src-bx ul li select, .src-bx ul li.pess strong, .src-bx ul li.ngt strong{ font-size:.8em;} div.fieldbox .SelectRoom h3{ font-size:1.3em;} div.fieldbox .SelectRoom a, div.option_group div.fieldbox1 label{font-size: .9em;} div.whitebox p span span{ font-size:.8em;} div.fieldbox .SelectRoom a.close{ font-size:17px;} div.roomtype{ top:36px;} /*eof:navigation*/ /*bof:bannerslider*/ .bannerinfo ul li.hotelinfo{ padding-left:12px;} .bannerinfo ul li.hotelinfo strong{font-size: 1.7em;} .bannerinfo ul li.hotelinfo span.offer{ font-size:1.5em;} .bannerinfo ul li.price strong{ font-size:1.8em; line-height: 24px;} #infolist_main ul li.viewtrip span{ font-size:1.2em;} .hotel-bx h4{ font-size:1.6em; line-height: 18px;} .hotel-bx strong{ font-size:1.6em;} .hotel-bx a.viewtrip{ font-size:1.3em;} /*eof:bannerslider*/ .recom .ourrec .slider-bx ul li{margin:15px 0 0 -105%;} .holidaystypes, .destdrop, .toulistbx, .multiCtreDropdown{ padding:0px 0 50px 0; top:127px;} .holidaystypes .alltypesholiday a span{ font-size:2em; left: 46%;} .holidaystypes .holidaylist ul li a span{ font-size:1.4em; line-height:18px;} .destdrop{ top:126px;} .destdrop .droplist{ margin-left:0%; left:0;} .destdrop .droplist .listbx{ width:16%;} .destdrop .droplist .listbx ul li a{ font-size:1.1em; font-weight:400;} .destdrop .droplist a.CloseDropDown, .holidaystypes a.CloseDropDown, .toulistbx .tourdrop a.CloseDropDown, .multiCtreDropdown .multiDropBx a.CloseDropDown{ font-size:1.2em; bottom: 10px;} /*bof:new header implement*/ .headsection .headright ul.navigation{ text-align:center;} .headsection .headright, .headsection .headright div.callus{ width:100%;} .headsection .headright ul.navigation li a{font-size: 1.1em; padding: 1em .5em;} .headsection .logo{ padding:10px 0px;} .headsection .headright div.callus .callft{ width:35%;} .headsection .headright div.callus .callrgt{ width:55%;} .headsection .headright div.callus .callrgt div.phn p{ width:45%;} .src-bx{ padding:40px 6px 10px 6px;} .src-bx ul li{font-size: 1.1em;} .srcdestdrop .tourdropbx ul.tourdest li{ padding:2px 0;} .srcdestdrop .destdropbx ul.dropdest li a, .srcdestdrop .tourdropbx ul.tourdest li a{font-size: .7em;} .holidaystypes, .destdrop, .toulistbx, .multiCtreDropdown{ top:184px;} .headsection .headright div.callus .callrgt div.phn p strong{font-size: 1.2em;} .multiCtreDropdown .multiDropBx .listbx ul li.title{font-size: 1.2em;} /*eof:new header implement*/ /*responsive-mode*/ .srcdestdrop1 .destdropbx ul.dropdest li, .srcdestdrop1 .tourdropbx ul.tourdest li{ font-size:1em;} .noncontractsrc.src-bx ul li#pess1 strong{font-size: .9em;} .src-bx ul li small{ top:-18px; font-size:.9em;} div.HolidaysSearch .Search{ padding:8px;} .HolidaysSearch .Search h2{font-size: 2.2em;} div.roomtype.Room3 {width:596px;} div.whitebox p span span{font-size: .9em; margin-top:2px;} /*responsive-mode*/ /*bof:11/6/18*/ div.noncontractsrc.src-bx ul li#ngt1 strong, div.noncontractsrc.src-bx ul li#pess1 strong{padding: 0 3px;} .src-bx ul li small{top: -28px;} .noncontractsrc.src-bx ul li#ser1 input[src$="search-btn.jpg"]{ width:70px;} /*eof:11/6/18*/ } @media screen and ( max-width:767px ){ .src-bx{ padding:0px 0 10px 0;} .src-bx strong.planholiday{ display:block;width: 100%;text-align: center;float: left;padding: 10px;color: #fff;font-size: 2em;} .srcdestdrop .destdropbx ul.dropdest{ display:block;} /*bof:bannerslider*/ .bannerinfo ul{height: auto;display: inline-block;} .bannerinfo ul li{ display:inline-block; width:100%; text-align:center;} .bannerinfo ul li.logo{ width:100%; vertical-align:middle;} .bannerinfo ul li.logo span.star{ padding-top:0%;} .bannerinfo ul li.hotelinfo{ padding:10px 5px; width:100%; float:left;} /*eof:bannerslider*/ .headsection .logo{ float:left; width:100%; text-align: left; padding: 20px 0px; text-align:center;} .headsection .logo span.mobphone{ display:block;position: absolute;top: 20px; right:-5px;font-size: 3em;color: #fff; background:#6cc; padding:5px 2px; z-index:99999; border:1px solid #fff;} .headsection .logo span.mobphone small{ display:block; font-size:10px; color:#000; font-weight:500;} .headsection .logo span.mobphone a{ cursor:pointer;} .headsection .logo span.mobphone a i{ color:#6cc;} .headsection .logo span.mobphone a span{ display:none;} .headsection .logo img{ width:auto; text-align:center;} .headsection ul.navigation{ display:none;} .headsection .headright{ width:100%; display:none; margin:0;} .headsection .headright div.callus{ width:100%; float:left;} .headsection .headright div.callus .callft, .headsection .headright div.callus .callrgt{ width:100%; text-align:center; padding:0;} .headsection .headright div.callus .callft{ padding:10px 0;} .headsection .headright div.callus .callrgt div.phn p{text-align:center;} .headsection .headright div.callus .callrgt div.phn p span.hrs{ padding:0px; text-align:center; font-size:1em;} .headsection .headright div.callus .callrgt div.phn p.landine{ display:none;} .headsection .headright div.callus .callrgt div.phn p.mobile{ width:100%;} .headsection .headright div.callus .callrgt div.phn p.mobile span.mo{ display:none;} .srcdestdrop, .src-bx ul li small{ display:none;} .bannerinfo{ margin-top:0;} /*.bannerinfo ul li.price{ display:none;} .bannerinfo ul li.viewtrip { display:none;}*/ .bannerslider ul{ width:70%; float:none; margin:0 auto; text-align:center;} .bannerslider ul li{ width:100%; border:none; display:none;} .bannerslider ul li.active{ border:none; display:block;} .bannerslider ul li .hotel-bx a.viewtrip, .recom .ourrec .slider-bx ul li .rec-bx a.viewtrip{ width:80%;background:#7e9fa1; color:#fff;} .dreamdestination ul.tabs li a{ font-size:1.4em; padding:.5em 1em;} .dest-bx ul.dest, .populardestinations ul.popdest{ width:100%; float:none; margin:0 auto;} .dest-bx ul.dest li{ width:100%; background:none; margin:0;} .dest-bx ul.dest li .destinfo{ position:relative; bottom:40px;} .populardestinations{ margin:0;} .populardestinations ul.popdest li.wd70, .populardestinations ul.popdest li{ width:100%;} .imge-bx{ background:none;} .imge-bx img{ opacity:1;} .imge-bx .imgcont{position:relative;text-align: center;/*top: 40px;*//*left: 50%;*/right: 0;height: 100%;/*transform: translate(-50%,-50%);*/ vertical-align: middle;float: left;width: 100%;} .imge-bx .imgcont h3, .imge-bx .imgcont p, .imge-bx span.ex{ position:relative;} .imge-bx .imgcont p{ opacity:1; top:0px; margin:20px 0;} .imge-bx .imgcont h3{ top:5px;} .imge-bx span.ex{ bottom:0px; background:#66cccc; border:1px solid #66cccc; color:#fff;} .populardestinations ul.popdest li.wd70{ padding:1em;} .populardestinations ul.popdest li.wd70 img.mobile{ display:block!important; padding:10px 10px 0 10px;} .populardestinations ul.popdest li.wd70 img.desktop{display:none!important;} .populardestinations ul.popdest li.wd70 img{ height:auto;} .imge-bx .imgcont h3{ color:#000; text-transform:capitalize;} .recom .ourrec .slider-bx ul{ width:70%; float:none; margin:0 auto;} .recom .ourrec .slider-bx ul li{ width:100%; display:none; text-align:center; margin:0px;} .recom .ourrec .slider-bx ul li .rec-bx p{ text-align:center;} .recom .ourrec .slider-bx ul li:first-child{ display:block;} .recom .ourrec .arrow a.arrowleft{ left:40px;} .recom .ourrec .arrow a.arrowright{ right:40px;} .offers{ text-align:center;} .whyusbx .whyuslist{ display:none;} .whyusbx .smedia-bx{ width:100%;} .whyusbx .smedia-bx ul{ text-align:center; margin:10px 0;} .whyusbx .smedia-bx .signup{ width:90%; float:none; margin:0 auto;} .atls .atlstxt{ width:100%;} .atls .atlstxt p{ padding:1em;} .atls .atlstxt .promologo{ top:30%;} .atls .atlstxt p a.vsite{ width:80%;} .atls .atlbanner{ display:none;} .topdest, .topdestlist, .fatol .ftxt{ display:none;} .fatol .abtabx{ width:100%;} .fatol .abtabx p{ width:70%; font-size:1.3em;} .fatol .abtabx strong.copyright{ display:block;} .footerlink ul li.first{ display:none;} div.MobNavigation{width:100%;float:left;position:absolute;left:0;top:85px;z-index: 9999; display:none;background-color: rgba(0,0, 0, 0.8); height: 577%;} div.MobNavigation ul{width:40%;float:left;} div.MobNavigation ul li{width:100%;float:left;border-bottom:1px solid #d4f3ed;} div.MobNavigation ul li a{display:block;padding:15px; font-size:1.5em; text-transform:uppercase;color:#000;font-weight:400;background:#fff url(http://blog.awayholidays.co.uk/wp-content/themes/ahblogchild/images/menu/mob-menu-li-bg.png) no-repeat 97% 10px; transition:all 0.4s;} div.MobNavigation ul li a.selected, div.MobNavigation ul li a.selected:hover {background:#fff url(https://www.awayholidays.co.uk/images/mob-menu-li-down-bg.png) no-repeat 97% 10px; background-size:14px;} .nav-icon1{width:40px; position:absolute; float:right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; top:20px; left:5px; height:50px; z-index:99999;} .nav-icon1 span{display: block; position: absolute; height:4px; width: 100%; background:#fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; width:30px; margin:10px 4px;} .nav-icon1 span:nth-child(1){top: 0px;} .nav-icon1 span:nth-child(2){top: 8px;} .nav-icon1 span:nth-child(3){top: 15px;} .navopen span:nth-child(1){top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} .navopen span:nth-child(2){opacity: 0; left: -60px;} .navopen span:nth-child(3){top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .nav-icon1 small{display: block;width: 100%;float: left;position: absolute;bottom: 2px;text-align: center;color: #000; font-weight:500;} /*eof:nav-icon*/ div.MobNavigation ul li a:hover {background:#d9f1f2 url(http://blog.awayholidays.co.uk/wp-content/themes/ahblogchild/images/menu/mob-menu-li-bg.png) no-repeat 97% 10px;color:#000;} div.MobNavigation ul li.active a {background:#d9f1f3;color:#000; background-size:28px; } div.MobNavigation ul.SubMenu, div.MobNavigation ul.firstlevel {width:100%;float:left;display:none;} div.MobNavigation ul.SubMenu li, div.MobNavigation ul.firstlevel li {border-bottom:1px solid #fff;} div.MobNavigation ul.SubMenu li:last-of-type, div.MobNavigation ul.firstlevel li:last-of-type {border-bottom:none;} div.MobNavigation ul.SubMenu li a, div.MobNavigation ul.firstlevel li a {color:#fff; background:url(https://www.awayholidays.co.uk/images/down-arrow-black.png) no-repeat right 3px #99babd;background-size:14px;} div.MobNavigation ul.firstlevel li a.active, div.MobNavigation ul.firstlevel li a.active:hover {background:url(https://www.awayholidays.co.uk/images/rgt-arrow-navi.png) no-repeat 97% 10px #99babd;background-size:14px;} div.MobNavigation ul.firstlevel li a.selected, div.MobNavigation ul.firstlevel li a.selected:hover {background:url(https://www.awayholidays.co.uk/images/down-arrow-navi.png) no-repeat 97% 10px #99babd;background-size:14px;} /*div.MobNavigation ul#mtours li a{color:#000; background-color:#ffffff; background-image:inherit;} div.MobNavigation ul#mholidayTypes li a{color:#000; background-color:#ffffff; background-image:inherit;}*/ div.MobNavigation ul.SubMenuLevel, div.MobNavigation ul.secondlevel {width:100%;float:left;display:none;} div.MobNavigation ul.SubMenuLevel li, div.MobNavigation ul.secondlevel li {border-bottom:1px solid #000;} div.MobNavigation ul.SubMenuLevel li:last-of-type, div.MobNavigation ul.secondlevel li:last-of-type {border-bottom:none;} div.MobNavigation ul.SubMenuLevel li a, div.MobNavigation ul.secondlevel li a {color:#000;background:#ffffff;} .src-bx ul{ width:100%; float:left; margin-bottom:20px; display:none;} .src-bx ul li{ float:left; /* height:50px;*/} .src-bx ul li input{ height:46px;} .src-bx ul li.syd{ width:100%; padding:1em; background:#fff; height:50px;}.src-bx ul li input{ padding:7px 0;} .src-bx ul li select{ padding:5px;} .src-bx ul li.date,.src-bx ul li.ngt,.src-bx ul li.dep,.src-bx ul li.pess{ width:50%; /*padding:1em; */font-size:1.2em; height:50px;} .src-bx ul li.ngt, .src-bx ul li.pess{ padding:15px 0;} .src-bx ul li.moption{ width:100%; /* padding:1em;*/ font-size:1.2em;} .src-bx ul li.ser{ width:90%; margin:10px 5%; padding:0; display:block; font-size:1.2em; border:none; background:none;} .src-bx ul li.ser input[type="submit"]{ height:50px; font-size:1.9em; background:#809fa2;} .src-bx ul li.ser input[type="image"] { width:auto;} .srcdestdrop .destdropbx{ margin-left:0%;} .srcdestdrop .tourdropbx ul.tourdest{ width:90%;} div.option_group{ left:0px;} /*bof:search-navigation*/ .srcdestdrop{ top:17%;} .srcdestdrop .tourdropbx ul.tourdest{ width:97%;} /*.src-bx ul li{ height:auto;}*/ .srcdestdrop .tourdropbx ul.tourdest li{ font-size:1.2em; margin-bottom:2px;} .srcdestdrop .tourdropbx ul.tourdest li a{ font-weight:400;} .srcdestdrop .destdropbx{ width:100%;} .srcdestdrop .destdropbx ul.dropdest{ width:33%; padding:10px;} .srcdestdrop .destdropbx ul.dropdest li{ width:100%;} .srcdestdrop .destdropbx ul.dropdest{ margin:0px;} .srcdestdrop .destdropbx ul.dropdest li a{ font-weight:400;} .srcdestdrop .destdropbx ul.dropdest li, .srcdestdrop .tourdropbx ul.tourdest li{ font-size:1.2em; height:auto;} .srcdestdrop .destdropbx ul.dropdest{ width:25%;} div.moredest strong{font-size:1.4em !important;} .srcdestdrop .destdropbx ul.dropdest.morethenten{ width:100%;} .srcdestdrop .destdropbx ul.dropdest.morethenten li{ width:33%;} div.roomtype.Room1 {width:100%;} div.roomtype.Room2 {width:100%; } div.roomtype.Room3 {width:100%; } /*eof:search-navigation*/ .midcontainer .bannerinfo2{margin-top:0px;} .bannerinfo ul li.tourinfo{padding:1em;} .bannerinfo ul li.tourinfo strong{ font-size:2em;} .bannerinfo ul li.tourinfo p{ font-size:1.6em; line-height:22px;} .bannerslider{ margin:0px auto;} .bannerslider ul{ border:none;} .imge-bx .imgcont{ top:zxczx;} .imge-bx .imgcont p{font-size: 1.5em; line-height: 20px; display:none;} .imge-bx span.ex{ padding:.3em 1em; display:none;} .populardestinations ul.popdest li.wd70{ padding:0px;} /*responsive-mode*/ .noncontractsrc .src-bx ul li{ width:50%; height:35px;} .noncontractsrc .src-bx ul li#ser1{width:100%; background:none;} .noncontractsrc .src-bx{ padding:10px 0 0px 0;} .noncontractsrc .src-bx ul li span{font-size: .9em; padding: 6px 0 0 0;} .noncontractsrc.src-bx ul li#ngt1, .noncontractsrc.src-bx ul li#pess1 strong{font-size:.9em;} .noncontractsrc .src-bx ul li:nth-of-type(1){ width:50%;} .noncontractsrc .src-bx ul li input{ text-align:center; width:100%;} .noncontractsrc .src-bx ul li span {font-size: 1em; padding: 4px 5px 0 5px;} .noncontractsrc.src-bx ul li#ngt1 span.minus{ font-size:1.8em;} .noncontractsrc.src-bx ul li#ngt1 span.plus{ font-size:1.8em;} .noncontractsrc .src-bx ul li input[src$="search-btn.jpg"]{ width:auto;} #srcdestdrop1 .destdropbx ul.dropdest li, #srcdestdrop1 .tourdropbx ul.tourdest li{width: 33%; display: block; font-size: 1em; padding: 4px 0; border: 1px solid aliceblue; line-height:26px;} div.moredest, .srcdestdrop1 .destdropbx{height: 300px; overflow: hidden; overflow-y:scroll;} .noncontractsrc .src-bx ul li.moption1 div.option_group{ left:30%;} .hotel-bx .viewtrip, .hotel-bx strong{ position:relative;} .sticky_callus{ display:none;} div.whitebox p.nAdultn strong.nosmall, div.whitebox p.nchildn strong{ font-size:1.2em; padding:10px 5px;} /*responsive-mode*/ .srcdestdrop{top: 26%; z-index:9999;} div.noncontractsrc.src-bx ul li#ngt1 strong{font-size: 1.3em;} div.HolidaySearchModalWindow{ position:absolute; height:600px; margin-top: 100%;} .srcdestdrop1{top: 70px;} .hdgallery a.leftarrow, .hdgallery a.rightarrow{ display:none;} div.noncontractsrc .src-bx ul li{ border-bottom:0;} div.HolidaysSearch .Search h2{font-size: 2.4em;} } @media screen and ( max-width:767px ){ div.noncontractsrc .container-fluid .src-bx ul{ display:block;} .src-bx ul li input[type="text"]{ height:auto;} .src-bx ul li input[type="text"], .src-bx ul li select, .noncontractsrc .src-bx ul li span{ padding:9px;} .noncontractsrc .src-bx ul li#ser1{ border:none; background:none;} .noncontractsrc .src-bx ul li span{ padding:6px 5px 6px 5px;} .noncontractsrc .src-bx ul li input{margin:0px; margin-top:1px;} .src-bx ul li input{ height:auto;} div.noncontractsrc .src-bx ul li#ser11{ width:100%; background:none; border:none;} div.noncontractsrc.src-bx ul li#ngt1 strong, div.noncontractsrc.src-bx ul li#pess1 strong{ padding:13px 6px;} /*Bof:Mobile Destination Dropdown overlap container css******Created by Vikas Kumar on 09-jun-2018*** Do not remove this css, it is work on mobile site search panel*/ .src-bx ul li {font-size:1.5em;} /*bof:Destination Dropdown and city dropdown css*/ .src-bx ul li.mobsyd {width: 100%; float: left; height: 41px;} li.mobsyd span.dest {width:100%; display:block;font-size: 1em; text-align:center; font-weight:normal; position: absolute; left: 0px; top: 12px; z-index: 0; background:#fff;} li.mobsyd select.newdestination-list {width: 100%; float: left; padding:0 15px; font-size:1em; background-color: transparent; position: absolute; left: 0; top:10px; border: none; z-index: 1;} li.mobsyd select.newdestination-list optgroup, li.mobsyd select.newdestination-list option {font-size:1em; color:#66cccc; font-weight:500; padding:3px 0 0 0; text-align: center;} li.mobsyd select.newdestination-list option[value="top"] {font-weight:600;} li.mobsyd select.newdestination-list optgroup option.ctxt {text-align:center; font-size:0.9em;} li.mobsyd select.newcity {width: 100%; float: left; padding:0 15px; height:30px; font-size:1em; background:#fff; position: absolute; left: 0; top:40px; border: none; z-index: 1;} /*bof:conditional css for date and night*/ li.mtop {margin:32px 0 0;} /*eof:conditional css for date and night*/ /*li.dep {visibility:hidden;}*/ /*eof:Destination Dropdown and city dropdown css*/ /*bof:Depart Airport CSS*/ .dropdown-depart-air {position:absolute; left:0px; top:135px; width:50%; float:left; display:none;} /*bof:conditional css for depart airport*/ .mtop-air {top:163px;} /*eof:conditional css for depart airport*/ .dropdown-depart-air .deprt-airport {width:100%; float:left;} .dropdown-depart-air .deprt-airport select.selAirport {width: 100%; float: left; padding:0 15px; height:45px; font-size:1.4em; background:#fff; border: none;} .dropdown-depart-air .deprt-airport select.selAirport option, li.mobsyd select.newcity option {color:#66cccc; font-weight:500;} .mtop-air .deprt-airport select.selAirport {height:47px;} .src-bx ul li.date input[type="text"] {padding:13px 18px; text-align:left; font-size:1.2em;} /*bof:Depart Airport CSS*/ /*Eof:Mobile Destination Dropdown overlap container css******Created by Vikas Kumar on 09-jun-2018***/ /*bof:11/6/18*/ div.whitebox{ width:94%;} /*eof:11/6/18*/ .dest-bx ul.dest li .destinfo p{ display:none;} .dest-bx ul.dest li .destinfo{ margin:0 auto; bottom:0px; padding:1em 0; font-size:1.6em;} .dest-bx ul.dest li .destinfo span{background: #6cc;color: #fff;padding: 5px;} .dest-bx ul.dest li .destinfo h3{ font-size:1.2em; font-weight:500;} .dest-bx ul.dest li .destinfo strong{ padding:10px 0; font-size:1em;} div.logo img.logo {width: auto;} } @media screen and ( max-width:667px ){ div.logo img.logo{ width:63%;} .footerlink ul{ margin-bottom:40px; text-align:center;} .footerlink ul li{font-size: 1.3em; padding: 4px;} .footerlink ul li.last, .recom .ourrec .slider-bx ul li .rec-bx p{display: block; padding: 12.5px 0px; background: #73c8cc; text-align: center; text-decoration: none; color: #fff; font-weight: 600; transition: all 0.5s ease; font-size: 1.5em; width: 100%; margin: 0%;} .srcdestdrop .destdropbx ul.dropdest{ width:100%;} .srcdestdrop .destdropbx ul.dropdest li{ width:100%; text-align:center;} .sticky_bx{ margin-top:0; width:100%; position:fixed; bottom:0; top:auto; right:0;} .dreamdestination ul.tabs li a{ font-size:1.3em;} div.moredest strong{text-align: center !important;} .dreamdestination h2, .populardestinations h2{ font-size:2.4em;} .populardestinations p{ font-size:1.6em; margin-bottom:10px;} .srcdestdrop .destdropbx ul.dropdest.morethenten, .srcdestdrop .destdropbx ul.dropdest.morethenten li{ width:100%;} .recom{ margin:10px 0;} .recom .ourrec .slider-bx ul li .rec-bx strong{ display:block; margin-bottom:15px;} } @media screen and ( max-width:540px ){ .recom .ourrec h3{ font-size:2em;} .atls .atlstxt p{ width:100%;} .atls .atlstxt .promologo{ position:relative;right: 0;width: 100%;text-align: center;display: inline-block;} .bannerinfo{ margin-top:auto;} .bannerslider ul{ width:90%;} .bannerslider ul li{ padding:1em 0em;} div.MobNavigation ul li a, div.MobNavigation ul li a:hover{padding: 10px; font-size: 1.3em; background-size:14px;} .bannerinfo ul li.hotelinfo strong{ font-size:1.4em;} .bannerinfo ul li.hotelinfo span.offer{ font-size:1.2em;} .bannerslider{ margin:0 auto;} .bannerbx h2, .imge-bx .imgcont h3, .atls .atlstxt p{ font-size:2em;} .recom .ourrec p, .offers{ font-size:1.7em; line-height:22px;} div.fieldbox .SelectRoom h3{ font-size:1.2em;} .footerlink ul li a{ padding:0px;} div.roomtype.Room1 {width:300px;} div.roomtype.Room2 {width:300px; } div.roomtype.Room3 {width:300px; } .dest-bx ul.dest li .destinfo{ margin:0 auto; bottom:0px; padding:1em 0; font-size:1.3em;} /*bof:11/6/18*/ .form-section{ width:90%;} .form-section .wrapper label{ font-size:1.2em;} .form-section h4{ font-size:2em;} .form-section .wrapper label{ width:30%;} .form-section .wrapper input[type="text"], .form-section .wrapper select.title{ width:70%;} .form-section .wrapper input[type="submit"]{font-size: 1.4em;} /*eof:11/6/18*/ } @media screen and ( max-width:400px ){ div.MobNavigation {top:76px;} /*.bannerinfo{ height:100px;}*/ /*.bannerinfo ul li.logo{ display:none;}*/ .bannerinfo ul li.hotelinfo{ width:100%; text-align:center;} .imge-bx .imgcont p{ display:none;} .imge-bx span.ex{ bottom:-30px;} .bannerinfo ul li.tourinfo{ padding:15px; width:100%;} .bannerinfo ul li.tourinfo strong{ font-size:1.7em;} .bannerinfo ul li.tourinfo p{ font-size:1.3em; line-height:18px;} .noncontractsrc .src-bx ul li:nth-of-type(1), .noncontractsrc .src-bx ul li{ width:100%;} } /* Gautam 10-July*/ @media screen and ( min-width:768px ) and (max-width: 1024px) { .blogtitle {margin: 20px 0 0 -10px; padding: 10px 0px;} .blogtitle a img {width: 90%; margin-top: -25px; float: right; padding-left: 240px;} } /* Gautam 7-July*/ @media screen and (min-width: 768px) and (max-width: 1024px){ #nav div.navigation div.resize-pnl > ul li a {font-size: 11px;text-transform: uppercase;text-align: center;width:100%; padding-bottom: 17px;font-weight: 500;} #nav div.navigation {width: -webkit-fill-available; margin-left: 30px;} div.dropdown{font-size: 11px;top: 197px !important;} div.ddlinks zrp a{font-size: 11px;} div.dropdown ul li a{font-size: 11px;} .callus p:nth-child(1){width: 20%;} .callus p {width:40%;text-align: center;padding: 0 5% 0 5%;} .callus{ width: 100%; margin-right: 100px; display: inline-block;} .toulistbx .tourdrop, .multiCtreDropdown .multiDropBx{ margin-left:0; margin-top: 13px;} .holidaystypes {top: 200px; padding: 20px 0 50px 0;} .toulistbx {top: px;} .multiCtreDropdown {top: px;} div.dropdown {top: px;} } @media screen and (min-width: 1025px) and (max-width: 1200px){ #nav div.navigation div.resize-pnl > ul li a {font-size: 12px;text-transform: uppercase;text-align: center;width:100%; padding: 15px 6.5px;font-weight: 500;} #nav.continuous{padding-right: 80px;} #header-container .col-control {width: 97%;} div.dropdown.toulistbx .tourdrop, .multiCtreDropdown .multiDropBx{ margin-left:0; margin-top: 13px;} .holidaystypes {top: 141px; padding: 20px 0 50px 0;} .toulistbx {top: 138px;} .multiCtreDropdown {top: 124px;} div.dropdown {top: 137px;} .destdrop .droplist a.CloseDropDown, .holidaystypes a.CloseDropDown, .toulistbx .tourdrop a.CloseDropDown, .multiCtreDropdown .multiDropBx a.CloseDropDown{ font-size:1.2em; bottom: 10px;} } @media screen and (min-width: 1025px) and (max-width: 1500px){ .holidaystypes {top: 142px; padding: 20px 0 0px 0;} }