@charset "utf-8";
/* CSS Document */
.top-header{display:block; padding:5px 0px; background-color:#006FBE;}
.top-header a{color:#FFF; font-size:15px; display:inline-block; margin:3px 5px;}
.hero-section{background-image: url("../images/new-images/hera-banner.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; display: block; padding: 60px 0px; position: relative;}
/*.hero-section:before{content:""; position: absolute; width: 100%; height: 100%; left: 0px; top:0px; bottom:0px; right:0px; background-color: rgba(0,0,0,0.5);}*/
.banner-form{display: block; border-radius: 15px; overflow: hidden;}
.banner-form h4{background-color: #006FBE; color: #FFFFFF; text-align: center; padding: 10px; font-size: 20px; margin: 0px;}
.banner-form-body{padding: 20px; background-color: #FFFFFF;}
.banner-form-body .form-control{height: 38px; border:2px solid rgba(0,0,0,0.2); border-radius:7px; padding: 4px 5px; font-size: 14px;}
.banner-form-body .form-control:focus{box-shadow: none;}
.banner-form-body .input-group>.input-group-append>.input-group-text{height: 38px; color: #FFFFFF; background-color: #006FBE;}
.btn-theme{background-color: #006FBE; color: #FFFFFF; font-size: 18px; font-weight: 500; cursor: pointer}
.btn-theme:hover{background-color: #014b80; color: #FFFFFF;}
.banner-form-body .btn{font-size: 18px; font-weight: 600;}
.banner-text{color:#FFFFFF;}
.banner-text h3{font-size: 1.8rem;}
.banner-text h3, .banner-text p, .banner-text h4{margin-bottom: 15px;}
.banner-text h3 span{padding: 10px 15px; background-color: rgba(0,0,0,0.3);}
.banner-text h4{font-weight: normal; font-size: 22px; }
.banner-text p span, .banner-text h4 span{ padding: 8px 10px;}
.banner-text h3 span, .banner-text p span{ display: inline-block; -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;}
.banner-text h4 span{background-color:#006FBE; display: inline-block;}
.banner-text h4 span strong{font-size: 1.7rem; color: #006FBE; font-weight: 600;}
.banner-text .btn{font-size: 18px; color:#FFFFFF; font-weight: 600; padding-left: 20px; padding-right: 20px;}
.btn-transparent{border:1px solid rgba(255,255,255,0.7); }
.section-title{margin-bottom: 20px; display: block; width: 100%;}
.section-title h3{font-size: 1.8rem;}
.section-title p{font-size: 18px;}
.theme-heading{color: #014b80;}
.about-img{position: relative; }
.about-img:before{position: absolute; width: 100%; height: 100%; border: 1px solid #006FBE; content: ""; top:15px; left:-15px; }
.about-img img{box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.accommodation-area{display: block; background-color: #006FBE;}
.accommodation-sec{display: block; overflow: hidden; background-color: #FFFFFF; margin-bottom: 30px; padding: 20px;}
.accommodation-sec .accommodation-img{display: block; overflow: hidden;}
.accommodation-sec .accommodation-img img{transition: 500ms;}
.accommodation-sec:hover .accommodation-img img{transform: scale(1.1);}
.accommodation-sec .accommodation-content{display:block; padding: 10px 15px;}
.accommodation-sec  h4{font-size: 18px; }
/*.accommodation-sec .accommodation-content p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}*/
.accommodation-sec .accommodation-content a{font-size: 18px; color: #006FBE; font-weight: 500; }
.accommodation-area{position: relative;}
.accommodation-secrow{position: absolute; bottom: 0px; width: 100%; left:0px; min-height: 370px; background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1) 50%); text-align: center;}
.accommodation-secrow a{font-size: 18px; color: #006FBE; position: absolute; top:50%; transform: translateY(-50%); z-index: 99; font-weight: 600;}
.accommodation-secrow a i{display: inline-block; width: 30px; height: 30px; background-color: #006FBE; color: #FFFFFF; line-height: 30px; border-radius: 50%; font-size: 20px; }
.offer-swiper-slider ul, .list2{list-style-type: none; margin-left: 20px; display: block; padding: 0px; margin-top:20px;}
.offer-swiper-slider ul li, .list2 li{position: relative; padding-left: 20px; display: block; margin-bottom: 10px;}
.offer-swiper-slider ul li:before, .list2 li:before{font-family:"Material Design Icons"; content:"\F054"; position: absolute; left:0px; color: #006FBE;}
.fleet-services  h4{font-size: 20x; }
.playdisplay-font{font-family: 'Playfair Display', serif; font-weight: 600;}
.service-sec .accordion-faq.accordion .card-header{background-color: #006FBE; color: #FFFFFF; font-size: 18px; text-transform: uppercase;}
.service-sec .accordion-faq .card-header:after{width:30px; height: 30px; text-align: center; line-height: 30px; background-color: #FFFFFF; color: #006FBE; border-radius: 50%; font-family:"Material Design Icons"; font-weight:normal; content:"\F143"; transform: rotate(0deg); font-size: 30px; padding: 0px; margin-top: 0px;}
.service-sec .accordion-faq.accordion .card-header.collapsed{background-color: #e3e5e4; color: #006FBE;}
.service-sec .accordion-faq .card-header.collapsed:after{width:30px; height: 30px; text-align: center; line-height: 30px; background-color: #006FBE; color: #ffffff; border-radius: 50%; font-family:"Material Design Icons"; font-weight:normal; content:"\F142"; transform: rotate(0deg); font-size: 30px; padding: 0px; margin-top: 0px;}
.service-img{display: block; width: 85%;  position: relative; margin-top: 30px;}
.service-img:before{position: absolute; width: 100%; height: 100%; background-color: #006FBE; content: ""; top:-30px; right: -30px; z-index:9;}
.service-img img{position: relative; z-index: 99;}
.offer-swiper-slider, .gallery-swiper-slider{overflow: hidden; }
.gallery-swiper-slider .swiper-slide{padding: 0px 10px; border-radius:10px; overflow: hidden; position: relative;}
.gallery-swiper-slider .swiper-slide img {border-radius:10px;}
.gallery-swiper-slider .swiper-slide .gallery-content{position: absolute; width: calc(100% - 20px); bottom: 0px; padding: 15px 10px; background-color: rgba(0,0,0,0.3); color: #FFFFFF; border-radius:0px 0px 10px 10px}
.gallery-swiper-slider .swiper-slide .gallery-content h4{font-size: 20px; margin-bottom: 5px;}

.list1{list-style-type: none; margin: 0px; padding: 0px;}
.list1 li{margin-bottom: 10px;}
.list1 li strong{color: #006FBE;}
.offer-packages{position: relative; padding-left: 20px; padding-right: 20px;}
.offer-packages-sec{display: block; padding: 15px; background-color: #e3e5e4; border-radius:20px; min-height: 220px;}
.offer-packages-sec h4{color: #006FBE; font-size: 22px; m}
.offer-packages-sec h5{font-size: 16px; margin-bottom: 5px;}
.offer-packages-sec p{font-size: 14px; line-height: 1.5; margin-bottom: 0px;}
.offer-swiper-slider  .swiper-slide.swiper-slide-active .offer-packages-sec{background-color: #006FBE;}
.offer-swiper-slider  .swiper-slide.swiper-slide-active .offer-packages-sec h4, .offer-swiper-slider  .swiper-slide.swiper-slide-active .offer-packages-sec h5, .offer-swiper-slider  .swiper-slide.swiper-slide-active .offer-packages-sec p{color: #FFFFFF;}
.offer-swiper-slider .swiper-button-next, .offer-swiper-slider .swiper-button-prev{ width: 25px; height: 25px; background-color: #006FBE; border-radius: 50%; z-index: 99;}
.accommodation-area .offer-swiper-slider .swiper-button-next, .accommodation-area  .offer-swiper-slider .swiper-button-prev{background-color: #014b80;}
.offer-swiper-slider .swiper-button-next:after, .offer-swiper-slider .swiper-button-prev:after{font-size: 12px; color:#FFF;}
.offer-swiper-slider .swiper-button-next{right: 0px;}
.offer-swiper-slider .swiper-button-prev{left: 0px;}
.partner-swiper-slider{display: block; padding: 20px 0px; background-color: #FFFFFF;}
.partner-swiper-slider img{border:1px solid rgba(0,0,0,0.1); }
.top-footer{display: block; padding: 70px 0px; background-image: url("../images/new-images/hera-banner.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.top-footer:before{content:""; position: absolute; width: 100%; height: 100%; left: 0px; top:0px; bottom:0px; right:0px; background-color: rgba(0,0,0,0.5);}
.top-footer .container{position: relative; z-index: 9;}
.bottom-footer{display: block; padding: 70px 0px; background-color: #FFF;}
.top-footer h4{color: #FFF; font-weight: 400; font-size: 22px;}
.mail-subscribe{display: block;  background-color: rgba(0,0,0,0.6); position: relative; }
.mail-subscribe .form-control{height: 38px; border: none; color:#FFF; padding-right: 120px; padding-left: 10px; background-color: transparent}
.mail-subscribe .form-control::placeholder{color: #FFF; opacity:1;}
.mail-subscribe .btn{position: absolute; font-size: 14px; top:0px; right: 0px; border-radius: 0px; height: 38px; }
.top-footer h5{color:#FFF; font-size: 20px;}
.top-footer p{color: #FFFFFF; line-height: 1.2;}
.footer-social{margin:15px 0px 20px; padding: 0px;}
.footer-social li{display: inline-block; margin-right: 5px;}
/*.footer-social li a{width:35px; height: 35px; border-radius: 7px; display: block; text-align: center; line-height: 35px; font-size: 22px; color: #006FBE;}*/
.footer-social li a img{width: 40px;}
.bottom-footer{display: block; background-color: #006FBE; padding: 20px 0px;}
.bottom-footer h4{font-size: 22px; color: #fff;}
.bottom-footer h5{margin-top: 30px; font-size: 18px; line-height: 1.3; margin-bottom: 0px; color: #FFF;}
.modal .modal-header{background-color: #006FBE; text-align: center; display: block; position: relative;}
.modal .modal-header h5{font-size: 20px; color: #FFF; text-transform: uppercase; text-align: center;}
.modal .modal-header h5 a{color:#fffooo}
.modal button.close{color: #FFF; opacity: 1; position: absolute; top:10px; right: 10px;}
.modal-list{margin: 0px; padding: 0px;}
.modal-list li{line-height: 25px; display: block; margin-bottom: 20px; padding-left: 23px; position: relative;}
.modal-list li:before{width: 18px; height: 25px; position: absolute; content: ""; background-image: url("../images/new-images/list-arrow.webp"); left:0px; top:0px;}
.modal-img{width: 90%; position: relative; display: block;}
.modal-img:before{position: absolute; content: ""; width: 100%; height:100%; border:1px solid #006FBE; top:-15px; right: -15px; z-index: 9;}
.modal-img img{position: relative;  z-index: 99;}
.modal-img:after{position: absolute; content: ""; width: 100px; height:100px; border:1px solid #006FBE; bottom:-15px; left: -15px; z-index: 9;}
.card-body h5{font-size: 20px;}
.dining-img{display: block; background-color: #fafafa; padding: 15px; margin-bottom: 20px;}
.dining-img h4{font-size: 20px; margin: 10px 0px 0px;}
.dining-img h4 small{display: block; margin-top: 5px;}
.wedding-banquets{position: relative;}
.wedding-banquets .wb-content{position: absolute; padding: 10px; background-color: rgba(0,0,0,0.7); color: #FFFFFF; bottom: 0px; width: 100%;}
.wedding-banquets .wb-content h4{font-size: 20px;}
.wedding-banquets .wb-content h5{font-size: 16px; font-weight: normal; margin-bottom: 0px;}
.testimonial-item{position: relative; min-height:272px; }
.client-container:before{position: absolute; width:40px; height: 40px; background-image: url("../images/new-images/top-colon.webp"); top:20px; left:-15px; content: ""; z-index: 99;}
.client-container:after{position: absolute; width:40px; height: 40px; background-image: url("../images/new-images/bottom-colon.webp"); bottom:20px; right:-15px; content: ""; z-index: 99;}
.contact-info{position: relative; padding-left: 30px; margin-bottom: 20px;}
.contact-info i{position: absolute; color: #006FBE; color: #FFF; top:-4px; left:0px; font-size: 20px;}
.contact-info a{color:#FFF;}
.special-offer h5{color:#fff;}
.fw-normal{font-weight: normal;}
.form-group{position: relative;}
.form-group label.error, .mail-subscribe label.error{position: absolute; font-size: 11px; left: 0px; bottom: -24px; color: #F00;}
.fw-btn, .fcall-btn{position: fixed; bottom: 20px; left:20px; z-index: 99;}
.fcall-btn{left:auto; right:20px;}
.h-color{color:#FFF; animation: color-change 1s infinite;}
@keyframes color-change {
  0% { color: #E8F5E9; }
  50% { color: #FFFFFF; }
  100% { color: #E8F5E9; }
}
@media (max-width:991.98px){
	.accommodation-secrow{display: none;}	
}
.why-us{display: block; padding: 15px 10px; text-align: center; background-color: #F8F9FA; border-radius: 10px; transition: 500ms}
.why-us h5{font-size: 20px;}
.why-us p{min-height: 100px;}
.why-us i{font-size: 50px; color: #006FBE;}
.why-us:hover{background-color: #006FBE; color: #FFF;}
.why-us:hover i{color: #F8F9FA;}
.fleet-item{overflow: hidden;}
 .target-sector img{transition: 500ms}

.fleet-content{/*border:1px solid rgba(0,0,0,0.1); border-top-color: transparent;*/ padding: 10px 15px;}
.fleet-content .btn, .accommodation-packages .btn{font-size: 14px;}
.fleetimg-sec{position: relative;}
.fleetimg-sec .package-price{position: absolute; width: 130px; height: 130px; bottom: 10px; right: 10px; text-align: center; padding: 40px 20px 30px; line-height: 25px;}
.fleetimg-sec .package-price:before{position:absolute; width: 100%; height: 100%;  border-radius: 50%; content: ""; top:0px; left: 0px; z-index: 0; background-image: url('../images/new-images/price-bg.webp'); -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.package-price span{color: #FFF; position: relative; z-index: 1; font-size: 22px; font-weight: bold;}
.package-price span small{display: block; font-size: 16px; line-height: 1; }
.target-sector{display: block; position: relative; overflow: hidden; margin-bottom: 30px;}
.target-sector-content{position: relative; padding: 10px 15px; background-color: #FFF; left:0px; width:100%; bottom: 0px; color: #000;}
.target-sector-content p{margin-bottom: 0px;}
#about h5{font-size: 24px;}
.blade-exp{background-color: #e8eae9; padding: 15px; margin-bottom: 30px; min-height: 325px;}
.blade-exp img{filter: grayscale(100%); transition: 500ms;}
.blade-exp:hover img{filter: grayscale(0);}
.blade-exp strong{display: block; margin: 10px 0px;}
.blade-exp p{font-size: 12px; margin-bottom: 0px;}
.section-title h3 small{display: block; margin-bottom: 10px; font-family: 'Poppins', sans-serif; color: #006FBE; font-weight: bold;}
/*.target-sector:hover .target-sector-content{height: auto;}*/

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}