.top-banner{width: 100%;}
.top-banner img{width: 100%; display: block;}
.b-divider{width: 100%; min-height:58px; background: #172120;}
.destination-text{width: 100%; padding-top: 30px;}
.destination-text p{font-size:18px; line-height: 24px; margin-bottom: 40px;}
.desti-holidays{width: 100%;padding: 0 80px 70px 80px;}
.common-head{font-size: 40px; color: #0d283d; text-align: center; padding-bottom: 25px;}
.common-head h1, h1{font-size: 40px; color: #0d283d; text-align: center; padding-bottom: 25px;}
.desti-holidays ul{display: flex; flex-flow: wrap; gap: 8px; justify-content: center;}
.desti-holidays li{width: calc(33% - 4px); box-shadow: rgba(0,0,0,0.3) 0px 0px 4px; margin-bottom: 28px;}
.desti-holidays li img{width: 100%;}
.desti-holidays li .textb{width: 100%;padding:15px 14px 15px 14px;float:left;}
.desti-holidays li h4{font-size: 25px; color: #006688; margin-bottom: 10px; font-weight: 700;}
.desti-holidays li p{font-size: 20px;color:#172120; margin-bottom: 35px;}
.desti-holidays li a{font-size: 25px; color: #006688; text-decoration: none; float: right;}
.desti-holidays .btn-row{width: 100%; text-align: center;}
.desti-holidays .btn-row a{display: inline-block; background: #172120; padding:15px 70px; font-size: 37px; color: #ffffff; text-decoration: none; text-transform: uppercase; transition: all ease 0.5s; font-weight: 700;}
.desti-holidays .btn-row a:hover{background:#a9f7f1; color: #000;}

.faq-d{width: 100%;padding-bottom: 50px}
.faq-d .accordion{width:100%;margin-bottom:10px;box-shadow:rgb(0,0,0,0.1) 0px 2px 6px; border-radius: 3px;}
.faq-d .accordion .acc-tab{position:relative;cursor:pointer;padding:12px 13px;font-size:22px;font-weight:500;text-transform: none;}
.faq-d .accordion .acc-tab:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%); background:url(../images/icon-plus.jpg) left top no-repeat;width:22px; height:23px;}
.faq-d .accordion .acc-tab.active{background:#172120;border-radius: 3px;color:#fff;}
.faq-d .accordion .acc-tab.active:after{background:url(../images/icon-min.jpg) left top no-repeat;}
.faq-d .acc-content{display:none;padding-top:10px;padding:10px 13px;}
.faq-d .acc-content p{margin-bottom:0px;line-height:26px; text-transform: none; font-size: 18px;}

/* start abu dhabi css*/
.fixed-width{width:1170px; height:auto; margin:0 auto; padding:0px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.fixed-width:before,.fixed-width:after{line-height:0; display:table; content:'';}
.fixed-width:after{clear:both;}
.deals-container .title{font-size:40px; color:#333; margin:40px; text-align:center; position:relative; text-transform:uppercase; letter-spacing:1px;}
.deals-container .title:before{border-top:2px solid #e3e3e3; position:absolute; left:0; top:auto; bottom:-9px; content:""; width:250px; margin: 0 auto; right: 0;}
.deals-container .title:after{border-top:5px solid #ee5c27; position:absolute; left:0; top:auto; bottom:-11px; content:""; width:70px; margin: 0 auto; right: 0;}
.deals-container hr{width:200px; border:0; border-top:1px solid #ccc; margin-bottom:30px; height:0; box-sizing:content-box;}
.daily-deals{width:100%; margin:0px; padding:0px;}
.daily-deals li{width:100%; float:left; margin:0px; background:#fff; box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.2); border-radius:4px; -webkit-border-radius:4px;}
.daily-deals .figure {overflow:hidden; position:relative; height:250px; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}
.daily-deals .figure img {width:100%; max-width:100%; min-height:220px; transition:all 1s ease 0s;}
.daily-deals .figure img:hover{transform:scale(1.1); cursor:pointer;}
.daily-deals .figure-text{position:absolute; bottom:0; background:rgba(0,0,0,0.8); padding:4px 5px; font-size:18px; color:#fff; text-align:right; width:100%; font-weight:500;}
.daily-deals li .content-area{width:100%; background:#c8f9f6; display:inline-block; vertical-align:top; border:solid 1px #e5e5e5; border-top:none; padding:10px; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
.daily-deals li .content-area .hotel-name{font-size:17px; color:#333; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-bottom:3px;}
.daily-deals li .content-area .group-star {display:block; color:#fa7f06; font-size:15px; vertical-align:bottom; padding:0px; min-height:20px;}
.group-star ._5star:after{content:'\f005  \f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.group-star ._4star:after{content:'\f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.group-star ._3star:after{content:'\f005  \f005  \f005'; font-family:'FontAwesome';}
.group-star ._2star:after{content:'\f005  \f005'; font-family:'FontAwesome';}
.group-star ._1star:after{content:'\f005'; font-family:'FontAwesome';}
.daily-deals li .content-area .deals_btn{width:auto; font-family:'Rubik', sans-serif; background:#226e68; padding:8px 18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#226e68; font-size:13px; cursor:pointer; border:solid 1px #226e68; float:right;}

.daily-deals li .content-area .deals_btn a{width:auto; font-family:'Rubik', sans-serif;text-align:center; color:#fff; font-size:13px; cursor:pointer; float:right; text-decoration: none;}

.daily-deals li .content-area .deals_btn:hover{background:#75cec9; color:#fff;}
.deals-container .owl-theme .owl-nav{position:absolute; margin-top:0; top:28%; width:100%;}
.deals-container .owl-theme .owl-nav [class*="owl-"]{background:#ff6600; color:#fff; display: inline-block; font-size:28px; height:42px; line-height:30px; padding:0; text-align: center; width:42px; opacity:1; z-index:1; cursor:pointer; border-radius:50%; border:solid 5px #fff; margin:0px; font-weight:bold;}
.deals-container .owl-carousel .owl-nav .owl-next{position:absolute; right:-20px; }
.deals-container .owl-carousel .owl-nav .owl-prev{left:-20px; position:absolute; }
.deals-container .owl-theme .owl-nav .disabled{opacity:0.5; cursor:default;}
.deals-container .owl-nav .owl-next.fa{padding-left:4px;}
.deals-container .owl-nav .owl-prev.fa{padding-right:3px;}
.deals-container .owl-dots {padding:0px; margin-top:20px;}
.deals-container .owl-dots .owl-dot span{/*border:solid 1px #534f4c;*/ background:#fff; opacity:1; margin:5px 4px; width:12px; height:12px; cursor:pointer;}
.deals-container .owl-dots .owl-dot.active span, .deals-container .owl-dots .owl-dot:hover span{background:#534f4c;}
.popular-desti_container{width:100%; background-attachment:fixed; background-image:url(../images/destination/destination-commnbg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; height:auto; margin:0; overflow:hidden; padding:30px 0 0px; position:relative;}
.cover-slide {background:rgba(0, 0, 0, 0.7); height: 100%; position: absolute; top: 0; width: 100%;}
.popular-desti_container .title{font-size:40px; color:#fff; margin-bottom:45px; text-align:center; position:relative; text-transform:uppercase; letter-spacing:1px;}
.popular-desti_container .title:after{border-top:5px solid #ee5c27; position:absolute; left:0; top:auto; bottom:-11px; content:""; width:70px; margin: 0 auto; right: 0;}
.popular-desti_container .title:before{border-top:2px solid #fff; position:absolute; left:0; top:auto; bottom:-9px; content:""; width:250px; margin: 0 auto; right: 0;}
.popular-desti_container hr{width:200px; border:0; border-top:1px solid #ccc; margin-bottom:30px; height:0; box-sizing:content-box;}
.popular-box{width:100%; margin:0px; padding:0px;}
.popular-box li{width:calc(33.33% - 7px); float:left; margin-right:10px; padding-bottom:10px;}
.popular-box li:nth-child(3n){margin-right:0;}
.popular-box li .list-box{width:100%; margin:0px; padding:0px; display:inline-block; vertical-align:top; overflow:hidden;}
.popular-box li .list-box .figure{overflow:hidden; position:relative; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}
.popular-box li .list-box .figure img{width:100%; max-width:100%; transition:all 1s ease 0s; height:auto; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; display:inline-block; vertical-align:top;}
.popular-box li:hover .list-box .figure img{transform:scale(1.1); cursor:pointer;}
.popular-box li .list-box .content-box{width:100%; background:#17211f; padding:10px; border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; display:inline-block; vertical-align:top;}
.popular-box li .list-box .content-box p{font-size:18px; color:#fff; font-weight:500; margin-bottom: 0px !important;}
.popular-box li .list-box .content-box em{font-size:28px; text-transform: capitalize; color:#fa7f06; font-weight:500; font-style:normal; vertical-align:middle;}
.popular-box li .list-box .content-box i{font-size:14px; color:#fa7f06; font-weight:bold; padding-left:2px;}
.partner-hotel{width:100%; height:auto; position:relative; padding:30px 0px 20px; background:#eee; display:inline-block; vertical-align:top;}
.partner-hotel .title{font-size:28px; color:#333; margin-bottom:5px; text-align:center; position:relative; text-transform:uppercase; letter-spacing:1px;}
.partner-hotel .title:after{border-top:5px solid #ee5c27; position:absolute; left:0; top:auto; bottom:-11px; content:""; width:70px; margin: 0 auto; right: 0;}
.partner-hotel hr{width:200px; border:0; border-top:1px solid #ccc; margin-bottom:30px; height:0; box-sizing:content-box;}
.partner-hotel .hotel-logo-section{width:100%; height:auto; list-style:none; overflow:hidden;}
.partner-hotel .hotel-logo-section li{float:left; width:10%; padding-bottom:10px;}
.partner-hotel .hotel-logo-section li img{width:auto; padding:3px; border:solid 1px #b5b5b5; border-radius:3px; -webkit-border-radius:3px;}
.partner-hotel p.heads{padding-top:1em; font-size:1em; color:#343434; font-weight:500; margin-bottom:0; padding-bottom:0;}
.partner-hotel .hotel-logo-list{width:100%; height:auto; list-style:none; padding-top:5px; overflow:hidden;}
.partner-hotel .hotel-logo-list li{float:left; width:25%; font-size:13px; color:#343434; font-weight:400; padding:6px 0;}


.countries-container{width:100%; padding:1.5em 0 1em; overflow:hidden; clear:both; background:#f5f5f5;}
.countries-content{width:100%; margin:0px; padding:0px;}
.countries-content .title{font-size:22px; color:#173f5f; line-height:20px; margin-bottom:0.6125em; letter-spacing:1px; text-align:center; font-weight: 500;}
.separator {background-color: #e1e1e1; height: 1px; margin: 15px auto; width: 20%;}
.separator-style {background-color: #fcfcfc; border-color: #e1e1e1; border-radius: 20px; border-style: solid; border-width: 2px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -4px;     position: absolute; width: 9px;}
.countries-box{width:100%; margin-top:30px; padding:0px; clear:both;}
.countries-box li{list-style:none; width:100%; float:left; margin:0 0 8% 0;}
.countries-box li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.countries-box li .img-area{width:100%; height:180px; position:relative; overflow:hidden;}
.countries-box li .img-area img{bottom:0; left:-50%; margin:auto; max-height:125%; min-height:100%; min-width:100%; position:absolute; right:-50%; top:0;}
.countries-box li .content-area{width:100%; background:#fff; padding:0.75em; overflow:hidden; border-bottom:solid 4px #e1e1e1;}
.countries-box li .content-area .title{font-size:20px; color:#ff7e00; padding-bottom:5px; text-align:left; letter-spacing:normal; margin-bottom:0;}
.countries-box li .content-area p{font-size:13px; color:#555; padding-bottom:5px; font-weight: 500;}
.countries-box li .content-area .find-btn{font-size:13px; color:#333; float:right; line-height:18px;}
.countries-box li .content-area .find-btn i{width:17px; height:17px; border:solid 1px #e3e3e3; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:13px; color:#333; text-align:center; 
margin-left:4px;}
.countries-box li a{color:inherit; text-decoration:none;}
.countries-box li a:hover{color:inherit; text-decoration:none;}
#countries-slider .owl-item > div li {display: block; width: 100%; height: auto;}
.destinations-container .destinations-slider.owl-theme .owl-nav { position: absolute;bottom: 0px; left: -395px;}
.destinations-container .destinations-slider.owl-theme .owl-nav [class*='owl-'] { background: none; color: #d8d8db;  border: solid 2px #d8d8db; padding: 14px; /*border-radius: 50%;*/ font-size: 21px;}
.destinations-container .destinations-slider.owl-theme .owl-nav [class*='owl-']:hover { background: none; color: #666; border-color: #666;}

.slider {position: relative;width: 1100px;height: 500px;margin: 50px auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),0 3px 1px -2px rgba(0, 0, 0, 0.2);overflow: hidden; background: #75cec9;}
.slider-controls {position: absolute;bottom: 120px;left: 25%;width: 200px;text-align: center;transform: translatex(-50%);z-index: 1;list-style: none;text-align: center;}
.slider input[type="radio"] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.slider-controls label {display: inline-block;border: none;height: 20px;width: 20px;border-radius: 50%;cursor: pointer;background-color: #212121;transition: background-color 0.2s linear;}
#btn-1:checked ~ .slider-controls label[for="btn-1"] {background-color: #ff4081;}
#btn-2:checked ~ .slider-controls label[for="btn-2"] {background-color: #ff4081;}
#btn-3:checked ~ .slider-controls label[for="btn-3"] {background-color: #ff4081;}
#btn-4:checked ~ .slider-controls label[for="btn-4"] {background-color: #ff4081;}
#btn-5:checked ~ .slider-controls label[for="btn-5"] {background-color: #ff4081;}

/* SLIDES */

.slides {list-style: none;padding: 0;margin: 0;height: 100%;}
.slide {position: absolute;top: 0;left: 0;display: flex;justify-content: space-between;/*padding: 20px;*/width: 100%;height: 100%;opacity: 0;transform: translatex(-100%);transition: transform 250ms linear;}
.slide-content {width: 50%; padding: 20px;}
.slide-title {margin-bottom: 20px;font-size: 36px; font-weight: 600;}
.slide-text {margin-bottom: 20px;font-size: 24px; line-height: 44px;}
.slide-link {display: inline-block;padding: 10px 20px;color: #fff;border-radius: 3px;text-decoration: none;background-color: #ff4081;}
.slide-image img {max-width: 100%;}
/* Slide animations */
#btn-1:checked ~ .slides .slide:nth-child(1) {transform: translatex(0); opacity: 1;}
#btn-2:checked ~ .slides .slide:nth-child(2) {transform: translatex(0);opacity: 1;}
#btn-3:checked ~ .slides .slide:nth-child(3) {transform: translatex(0);opacity: 1;}
#btn-4:checked ~ .slides .slide:nth-child(4) {transform: translatex(0);opacity: 1;}
#btn-5:checked ~ .slides .slide:nth-child(5) {transform: translatex(0);opacity: 1;}
#btn-1:not(:checked) ~ .slides .slide:nth-child(1) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#btn-2:not(:checked) ~ .slides .slide:nth-child(2) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#btn-3:not(:checked) ~ .slides .slide:nth-child(3) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#btn-4:not(:checked) ~ .slides .slide:nth-child(4) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}
#btn-5:not(:checked) ~ .slides .slide:nth-child(5) {animation-name: swap-out;animation-duration: 300ms;animation-timing-function: linear;}

@keyframes swap-out {0% {transform: translatex(0);opacity: 1;}
50% {transform: translatex(50%);opacity: 0;}
100% {transform: translatex(100%);}}
/* end abu dhabi css*/

.blog{width:100%;padding:40px 0px;background:#f2f2f2;}
.blog li{width:100%;display:flex;flex-flow:column;align-items:center;}
.blog li .imgb{width:100%; padding: 0 10px;}
.blog li .imgb img{width:100%;border-radius: 10px;}
.blog .textb{background:#fff;border-radius:15px;padding:10px 20px 20px 20px;width:85%;position:relative;top:-30px;margin-bottom:-30px;min-height:235px;}
.blog .textb h3{font-size:18px;line-height:28px; color: #226e68; font-weight: 600;}
.blog .textb .pin{background: url(../images/icon-pin.png)  center top no-repeat;width: 40px;height: 40px;background-size: 100%;display: inline-block;position: absolute;left: 50%;margin-left: -20px;top: 3px;}
.blog .textb p{padding-bottom:15px; text-align: justify;}
.recommendations-slider{position: relative;}
.recommendations-slider .owl-prev:before{display: none;}
.recommendations-slider .owl-next:before{display: none;}

.b-btn {display: flex;font-size: 18px;color: #fff;position: relative;background: #226e68;padding: 10px 40px;border-radius: 5px;flex-direction: column-reverse;flex-wrap: wrap;align-content: center; text-decoration: none;}.



/* end abu dhabi css*/

/*###end###*/



@media only screen and (max-width: 1200px){
    .common-head h1, h1{padding:20px 0px;}
    .common-head{font-size:30px;}
    .desti-holidays li h4{font-size: 18px;}
    .desti-holidays li p{font-size:16px;}
    .desti-holidays li a{font-size: 20px;}
    .desti-holidays .btn-row a{padding: 12px 40px;font-size: 27px;}
    .fixed-width {width: 96%;}
}

@media only screen and (max-width: 1023px){
    .common-head h1, h1{padding:20px 0px;font-size:36px;}
    .desti-holidays li{width: calc(50% - 4px);}
    .faq-d{padding-bottom:20px;}
    .faq-d .accordion .acc-tab{font-size:15px;}
    .deals-container .owl-carousel .owl-nav .owl-prev{left:1px;}
	.deals-container .owl-carousel .owl-nav .owl-next{right:1px;}
	.popular-box li{width:32%; margin-right:2%;}
	.popular-box li:nth-child(4n){margin-right:2%;}
	.popular-box li:nth-child(3n){margin-right:0;}
	.partner-hotel .hotel-logo-section li{width:auto; margin-right:10px; float:none; display:inline-block;}
    .partner-hotel .hotel-logo-list li{width:33.33%;}
	
	.owl-dots{width:100%;text-align:center;}
	.owl-dots .owl-dot{width:12px;height:12px;border:none;background:#000;margin:0 3px; border-radius:100%;}
	.owl-dots .owl-dot.active{background:var(--pink);}
	.owl-nav.disabled{display:block;}
	.owl-next,.owl-prev{background: #000;color: #fff; font-size: 30px; line-height: normal; border-color: #fff; width: 35px; height: 35px; border: none; border-radius: 4px; position:absolute; top:50%; margin-top-18px;}
	.owl-next span,.owl-prev span{position: relative;top:-4px;}
	.owl-prev{left:0px;}
	.owl-next{right:0px;}

}

@media only screen and (max-width: 767px){
    .common-head{font-size: 24px;}
    .desti-holidays{padding: 0 15px 30px 15px;}
    .desti-holidays li{width: 100%;margin-bottom:10px;}
    .destination-text p,.faq-d .acc-content p{font-size: 13px;line-height: 20px;text-align:justify;}
    .desti-holidays .btn-row a{font-size: 20px;}
    .faq-d .accordion .acc-tab{font-size: 14px;padding:18px 45px 18px 13px;}
    .b-divider{min-height: 20px;}
    .top-banner{margin-top:0px;}
    .popular-box li{width:49%; margin-right:2%;}
	.popular-box li:nth-child(odd){margin-right:2%;}
	.popular-box li:nth-child(even){margin-right:0px;}
	.partner-hotel .hotel-logo-list li{width:50%;}
	
	.slider {height: 200px;}
	.slider-controls {width: 200px; bottom: 10px;left: 10%;}
	.slides {height: 100%;}
	.slide {/*padding: 20px; */width: 66%;}
	.slide-title {margin-bottom: 20px;font-size: 16px;font-weight: 600;}
	.slide-text {margin-bottom: 20px;font-size: 14px;line-height: 18px;}
	.deals-container .title {font-size: 30px;}
	.blog .textb p {padding-bottom: 15px;font-size: 22px;text-align: justify;line-height: 30px; text-align: justify;}
	.b-btn{ font-size: 30px;}

}
@media screen and (max-width:480px) {
	.popular-box li{width:100%; margin-right:0;}
	.popular-box li:nth-child(odd){margin-right:0;}
	.popular-box li:nth-child(even){margin-right:0px;}
	.popular-desti_container .title {font-size: 20px;}
	.popular-box li .list-box .content-box p {font-size: 18px;}
}
@media screen and (max-width:420px) {
 .partner-hotel .hotel-logo-list li{width:100%;}
}