﻿
/* Header*/
/*--------------------- Desktop View  Starts Here---------------------*/
.nav_wrap_main {
    background: #ECECEC;
    color: #fff;
    padding: 5px 0px;
    font-family: "Roboto", sans-serif;
}
.nav_wrap_main .nav_wrap{padding: 0px 0px;}
.nav_wrap .nav_lft{float: left; }
.nav_wrap .nav_lft .logo_link{width: 150px; float: left;}
.nav_wrap .nav_lft .logo_link a{display: block; margin-top:4px;}
.nav_wrap .nav_lft .logo_link a img{width: 100%;}
.nav_wrap .nav_lft .nav_link{float: left; margin-left: 20px; }
.nav_lft .nav_link ul{margin: 0px; padding: 0px; }
.nav_lft .nav_link ul li{list-style:none; float: left; height:45px;  padding-top:23px;  margin-left:30px; position:relative; cursor:pointer}
.nav_lft .nav_link ul li.active a, .nav_lft .nav_link ul li:hover a{color:#fff;  }
.nav_lft .nav_link ul li.active:after,.nav_lft .nav_link ul li:hover:after  {position: absolute;content: "";height: 1px;bottom: -10px;display: inline-block;width: 100%;border:1.5px solid #ff7555;left:0px;}
.nav_lft .nav_link ul li a{display: inline-block; text-decoration: none; color:#fff;padding: 0px 5px; font-size: 16px;font-weight: bold; }
.nav_wrap .nav_rgt{float: right;;}
.nav_rgt .login_link{float: left; margin-right: 10px; margin-top:16px}
.nav_rgt .login_link ul{margin: 0px; padding: 0px;}
.nav_rgt .login_link ul li{float: left; list-style: none; margin-right:  10px;}
.nav_rgt .login_link ul li a{text-decoration: none; color:#fff; font-size: 14px; }
.nav_rgt .nav_tfn {
    line-height: 20px;
    margin-left: 30px;
    text-align: left;
    position: relative;
}
    .nav_rgt .nav_tfn:before {
        content: "\e930";
        font-family: 'icomoon';
        font-size: 28px;
        display: inline-block;
        position: absolute;
        left: -33px;
        bottom: 7px;
        color: #525252;
    }
    .nav_rgt .nav_tfn a {
        font-size: 24px;
        display: block;
        color: #ff7555;
        font-weight: 700;
        text-decoration: none;
    }

    .nav_rgt .nav_tfn span {
        color: #525252;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
    }


    .icon_user {
        display: inline-block;
        width: 50px;
        height: 50px;
        float: right;
        padding: 7px;
        margin-left: 10px;
        cursor: pointer;
        padding: 6px;
    }
.icon_user img{width:100%; }
/*----------------------------------------- Service Box Start Here ----------------------------------------------*/
/*New Footer*/
section.services-skysavvytravel {border-top: 1px solid #eaf3fa;margin-top: 50px;}
.serviec_wrap ul {width: 100%;display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;}
.serviec_wrap ul li {flex: 0 0 20%;max-width: 20%;text-align: center;border-left: 1px solid #eaf3fa;padding: 30px 0;}
.serviec_wrap ul li:first-child {border-left: 0;}
.serviec_wrap ul li .flight_wrap {width: 100%;display: inline-block;}
.serviec_wrap ul li .flight_wrap span {display: block;color: #083d77;font-size: 14px;font-weight: 700;line-height: inherit;}
.explrDestination .tab-content {padding-top: 50px;}
.search_continent>p {margin-bottom: 15px;display: inline-block;font-size: 13px;font-weight: 700;color: #484747;}
#new-footer {background-color: #F8FAFF;display: inline-block;width: 100%;}
footer .footer_warpper {padding: 80px 0;}
#new-footer .footer_warpper .foot_box h4 {color: #4a4a4a;text-transform: capitalize;font-size: 20px;letter-spacing: 0;position: relative;display: inline-block;margin: 0 0 15px 0;padding: 0;}
#new-footer .footer_warpper .foot_box h4::before {display: inline-block;width: 24px;height: 18px;content: "";position: absolute;right: -30px;}
#new-footer .footer_warpper .foot_box ul {list-style: none;margin: 0;padding: 0;}
#new-footer .footer_warpper .foot_box ul li {}
#new-footer .footer_warpper .foot_box ul li a {color: #525252;font-size: 14px;line-height: 30px;}
#new-footer .footer_warpper .foot_box ul li a:hover {color: #ff7555; text-decoration:none;}
#new-footer .footer_warpper .foot_box p{ color: #525252;padding-bottom: 20px; margin-bottom:10px;}
#new-footer .foot-palystor {padding: 0 0 30px 0;}
#new-footer .foot-palystor ul {list-style: none;margin: 0;padding: 0;}
#new-footer .foot-palystor ul li {display: inline-block;margin: 0 5px;}
#new-footer .social_andcopyright {padding-bottom: 50px; text-align:center;}
#new-footer .social_andcopyright ul {list-style: none;margin: 0 0 20px 0;padding: 0;}
#new-footer .social_andcopyright ul li {display: inline-block;margin: 0 5px;}
#new-footer .social_andcopyright ul li a {background-color: #fff;width: 50px;height: 50px;border-radius: 100px;display: inline-block;text-align: center;line-height: 50px;cursor: pointer; position:relative;}
#new-footer .social_andcopyright ul li a .fa-facebook:before {content: "\f09a";font-family: FontAwesome;position:absolute; top:0px; font-size:18px; left:20px;color: #6483b8;font-style: normal;}
#new-footer .social_andcopyright ul li a .fa-twitter:before{content: "\f099";font-family: FontAwesome;position:absolute; top:0px; font-size:18px; left:17px;color: #1fbaf8;font-style: normal;}
#new-footer .social_andcopyright ul li a .fa-instagram:before{content: "\f16d";font-family: FontAwesome;position:absolute; top:0px; font-size:18px; left:17px;color: #f14c1d;font-style: normal;}
#new-footer .social_andcopyright ul li a .fa-pinterest-p:before{content: "\f231";font-family: FontAwesome;position:absolute; top:2px; font-size:18px; left:18px;color: #c8232c;font-style: normal;}
#new-footer .social_andcopyright ul li a:hover {opacity: 0.9;}
#new-footer .social_andcopyright .copyght {color: #525252;font-size: 14px; margin-bottom:10px}
#new-footer .social_andcopyright .addrs{color: #525252;font-size: 14px;margin-bottom:10px}  
#new-footer .social_andcopyright .addrs .flg{display:inline-block; width:25px; margin-left:5px; }
#new-footer .social_andcopyright .addrs span img{width:100%;}


.international {padding: 60px 0;}
/*FAREMART DEALS SECTION CSS STYLES*/
.FareMartdeals {padding: 0 0 60px 0;}
.position-relative {position: relative;}
.domesticSection {margin:30px 00px;}
.domesticSection h3 {text-transform: uppercase;color: #4a4a4a;letter-spacing: 1px; font-size:32px; font-weight:900; margin-top:0px;}
.domesticSection h3 > span {font-weight: 300;}
.FareMartdeals h3 a {font-size: 14px;color: #ff7555;margin-left: 10px;font-weight: 700;text-decoration: underline;text-transform: capitalize;letter-spacing: 0;}
.FareMartdeals .sliderInner {width: 100%;}
.FareMartdeals .sliderInner img {width: 100%;}
.fr_flight_bx {position: relative;padding: 0 0 0 10px;}
.flight_detail {background-color: #f8f8f8;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;padding: 15px 10px;}
.flight_detail .fr_flight_bx h5 {color: #161617;font-size: 16px;margin: 0;padding: 0;letter-spacing: 0;font-weight: 700;}
.flight_detail .fr_flight_bx span,.fr_flight_from span {color: #b0b0b0;font-size: 13px;font-weight: 600;}
.flight_detail .fr_flight_bx h5.fr_to {padding-top: 25px;}
.fr_flight_from h4,.fr_flight_from h4 a {color: #ff7555;font-size: 20px;margin: 0;padding: 0;letter-spacing: 0;font-weight: 700;}
.frmt-dectionatin {position: absolute;height: 100%;width: 1px;background: #b0b0b0;top: 0;left: 0;}
.frmt-dectionatin span {background-color: #b0b0b0;width: 5px;height: 5px;border-radius: 15px;display: inline-block;}
.frmt-dectionatin .start {position: absolute;top: 0;left: -2px;}
.frmt-dectionatin .end {position: absolute;bottom: 0;left: -2px;}
.FareMartdeals .sliderInner p strong {font-size: 36px;font-weight: 900;}
.FareMartdeals .sliderInner button {background: #ff7555;border: 0;padding: 7px 12px;border-radius: 3px;color: #fff;margin-top: 15px;font-size: 14px;}
.domesticSection .prevIcon,.domesticSection .nextIcon,.international .prevIcon,.international .nextIcon,.FareMartdeals .prevIcon,.FareMartdeals .nextIcon {position: absolute;top: 30px;width: 44px;height: 38px;background-color: #083d77;padding: 2px;color: #fff;border-radius: 3px;cursor: pointer;background-position: center center;background-repeat: no-repeat;margin-top: 0;}
.servicesInner .serviceBlck p {color: #525252; font-weight:700;}
.swiper-button-next,.swiper-button-prev,.swiper-button-next-1,.swiper-button-prev-1,.swiper-button-next-2,.swiper-button-prev-2 {top: 0px !important;}
.swiper-button-prev-3.prevIcon,.swiper-button-next-3.nextIcon {bottom: 25px;top: auto;}
.FareMartdeals .swiper-button-next.nextIcon,.international .swiper-button-next-2.nextIcon,.domesticSection .swiper-button-next-1.nextIcon {right: 0;opacity: 1;background-size: inherit;background-image: url('../../images/leftarrowicon.html');}
.swiper-button-disabled{opacity: 0.3 !important;}
.FareMartdeals .swiper-button-prev.prevIcon,.international .swiper-button-prev-2.prevIcon,.domesticSection .swiper-button-prev-1.prevIcon {right: 50px;left: auto;background-image: url('../../images/rightarrowicon.html');opacity: 1;background-size: inherit;}
.FareMartdeals .swiper-button-prev.prevIcon.swiper-button-disabled,.international .swiper-button-prev-2.prevIcon.swiper-button-disabled,.domesticSection .swiper-button-prev-1.prevIcon.swiper-button-disabled {opacity: 0 !important;}
.domesticSection h3 {display: inline-block;position: relative;}
.domesticSection h3::after {position: absolute;content: '';width: 100px;height: 35px;background-size: auto;top: 0px;right: -110px;}

.flight_img {position: relative;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.flight_img>img {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.flight_img>img {width: 100%}
.flight_img .icon {position: absolute;bottom: 15px;right: 10px;background-color: #fff;display: inline-block;width: 48px;height: 48px;border-radius: 100px;line-height: 44px;text-align: center;border: 1px solid #ccc;}
.flight_img .icon a{display:block}
.faremart_flight-wrap:hover .flight_img .icon {border: 1px solid #ff7555;background-color: #ff7555;}

/*----------------------------------------- Service Box Start Here ----------------------------------------------*/

.services {
    padding: 40px 15px;
    background: #F8FAFF;
    color: #fff;
    display: flex;
}
.services .serviceBlck {width: 25%;float: left;padding: 0;display: inline-block;}
.services .serviceBlck img {margin-bottom: 20px;}
.servicesInner .serviceBlck p {
    color: #525252;
    font-weight: 700;
}

.serviceBlck i {
    font-size: 40px;
    color: #ff7555;
    margin-bottom: 20px;
    display: inline-block;
}
/*----------------------------------------- Service Box Ends Here ----------------------------------------------*/


















































/*Engine Banner*/

.hotelsection .container { width:1280px; font-family: 'Roboto', sans-serif;}
.hotel-view{width:100%;float:left;}
#banner{min-height: 300px; background: url(../images/hotel-banner1.jpg) center no-repeat #eee; background-size:cover; width:100%;}
#banner .nav-tabs li{margin-bottom:0px;}
#banner .nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: none !important;border-radius: 4px 4px 0 0;background: #083d77;color: #fff;font-size: 13px;text-transform: uppercase;font-weight: 700;padding: 5px 20px;}
#banner .nav-tabs > li.active > a, #banner .nav-tabs > li.active > a:focus {color: #ffffff;cursor: pointer;background: #ff7555;border: none;border-bottom-color: transparent;font-size: 13px;text-transform: uppercase;font-weight: 700;padding: 5px 20px;}
#banner .nav-tabs > li.active:before{ content:"\f0dd"; position:absolute; left:0px; top:8px; font-size:24px; font-family:FontAwesome; color:#ff7555; left:40%;}
#banner .nav-tabs{ border-bottom:0px; padding-top:90px;}


/*Sinup with cupon code*/
.row-flex {flex-wrap: wrap;align-items: stretch;display: flex;flex-direction: row;justify-content: flex-start;}
.row-flex .col-sm-6 {-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.dark-bg {background: #fff;padding: 15px 0px;width:100%; float:left; margin-top:25px;}
#newsletter-container {border: solid 2px #D9E1E8;background-color: #F1F4F7;align-items: center;width: calc(50% - 20px);margin: 0px 10px;}
.newsletter-inner {padding: 15px 10px; overflow:hidden;}
.newsletter-inner h3 {font-size: 20px;margin: 0px;text-align: center;margin-bottom: 7px; color: #083d77; font-weight:600; padding-bottom:10px;}
.newsletter-inner span {width: 33px;height: 33px;display: inline-block;position: relative;top: 9px; right:5px;}
.newsletter-inner .get-deal {background-position: -182px 0px;}
#register-newsletter {border: 0px;margin: 10px 0px 5px 0px;overflow: hidden;}
#getSecretDeals{ position:relative;}
#register-newsletter input[name="newsletter"] {border: 0 none;padding: 6px 100px 6px 15px;width: 100%;border: 1px solid #b8b9bb; color: #083d77; font-weight:600;}
#register-newsletter input[name="newsletter"]:focus{}
#register-newsletter .btn {background: #ff7555;border-radius: 0;color: #fff;font-size: 14px;font-weight: 700;width: 20%; position:absolute; right:0px; top:0px;}
#offer-container {box-sizing: border-box;float: left;width: calc(50% - 20px);margin: 0px 10px;border: solid 2px #D9E1E8;background-color: #F1F4F7 !important;}
.offer-inner {float: left;padding: 4px 10px;width: 100%;}
.offer-inner h3 {font-size: 20px;margin: 0px;text-align: center; padding:10px 0px 7px 0px;color: #083d77; font-weight:700;}
.offer-inner span.booking {background-position: -220px 0px;}
.offer-inner h3 span {width: 33px;height: 33px;display: inline-block;position: relative;top: 10px; right:5px;}
.offer-inner b{ color:#ff7555;}
#offer-phone {margin: 10px 0px 5px 0px;text-align: center;}
#offer-phone a {border-radius: 9px;padding: 3px 10px;font-size: 18px;display: inline-block;background: #ff7555;color: #fff;text-decoration: none;}
#offer-phone .term {margin: 0px;margin-top: 5px;font-weight: 700;color: #083d77;}
/*destination*/
.desti-heading{color: #083d77;display: block;font-size: 28px;font-weight: 600;margin:0px 0px 40px 0px; padding-top:30px;position: relative;text-align: center;font-family: 'Roboto', sans-serif;float: left;width: 100%;}
.desti-heading:after{ position:absolute; width:200px; height:2px; background: #083d77; content:""; bottom:-25px; left:calc(50% - 100px);}
.desti-heading:before{ position:absolute; font-size:30px; color:#ff7555; bottom:-40px; content:"\f0f7"; font-family:FontAwesome; background:#ffffff; width:27px; height:35px; z-index:1;left:calc(50% - 14px);}
.destination-section{ width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.destination-section .destination-block {margin-bottom: 10px; position:relative;}
.destination-section .city-name{ position:absolute; bottom:20px; left:20px; color:#ffffff; font-size:17px;}
.destination-section .city-name span{display: block;border: 2px solid #fff;padding: 3px 10px;margin-top: 5px;font-size: 14px;font-weight: 400;}
.destination-section a:hover span{ background:#ff7555;border: 2px solid #ff7555;}
.destination-section .no-pad-right{padding-right:0px; padding-left:10px;}
.destination-section .no-pad-left{padding-right:10px; padding-left:0px;}
.destination-section .no-pad{padding-right:0px; padding-left:0px;}
/*footer*/
#footer {background-color: #083d77;float: left;width: 100%;}
.foot-top {padding: 30px 0 250px 0;float: left;width: 100%;background: url(../images/foot-graphic.png) bottom center no-repeat;}
.foot-nav > h3 {color: #fff;font-size: 16px;letter-spacing: 0.5px;padding-bottom: 10px;font-weight: 400;position: relative;margin-bottom: 15px;text-transform: uppercase;font-family: 'Roboto', sans-serif;}
.foot-nav > h3:after {background: #ff7555;bottom: 0;content: "";height: 2px;left: 0;position: absolute;width: 50px;}
.foot-nav ul > li {display: block;padding: 2px 0;}
.foot-nav ul > li > a {color: #fff;font-size: 14px;font-family: 'Roboto', sans-serif;}
.foot-nav span a {font-size: 13px;font-family: 'Roboto', sans-serif;color: #ff7555;}
.subscribe-main {background: #041e3b none repeat scroll 0 0;float: left;padding: 15px;width: 100%;margin-top: 20px;}
.subscribe-main .foot-subscribe-box {float: left;width: 100%;}
.foot-subtitle {color: #fff;font-size: 14px;font-weight: 400;letter-spacing: 0.5px;font-family: 'Roboto', sans-serif;}
.subscribe-main .foot-subscribe-box .form-outer {background: #fff none repeat scroll 0 0;}
.subscribe-main .foot-subscribe-box .input-appen {position: relative;}
.subscribe-main .foot-subscribe-box .form-control {background: #fff none repeat scroll 0 0;border: 0 none;border-radius: 0;height: 40px;padding: 5px 115px 5px 15px;position: relative;width: 100%;color: #666;}
.subscribe-main .foot-subscribe-box .input-appen button.btn {background: #ff7555;border: 0 none;border-radius: 0;height: 40px;padding: 0 15px;position: absolute;right: 0;width: 100px;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 700;top: 0;}
.link_sec_ftr {margin-bottom: 15px;padding-left: 15px;float: left; padding-top:10px;}
.link_sec_ftr .scl_logo ul li {list-style: none;float: left;margin-right: 10px;position: relative;}
.link_sec_ftr .scl_logo ul li a.fb {background-position: -38px 6px;}
.link_sec_ftr .scl_logo ul li a.fb:hover {background-color: #3b5998;color: #fff;background-position: -38px -15px;}
.link_sec_ftr .scl_logo ul li a.tw {background-position: -64px 7px;}
.link_sec_ftr .scl_logo ul li a.tw:hover {background-color: #1da1f2;color: #fff;background-position: -64px -14px;}
.link_sec_ftr .scl_logo ul li a.ig {background-position: -145px 7px;}
.link_sec_ftr .scl_logo ul li a.ig:hover {color: #fff;background-color: #d92e7f;background-position: -145px -15px;}
.link_sec_ftr .scl_logo ul li a.gp {background-position: -92px 6px;}
.link_sec_ftr .scl_logo ul li a.gp:hover {background-color: #e60019;color: #fff;background-position: -92px -15px;}
.link_sec_ftr .scl_logo ul li a {display: inline-block;background-color: #fff;color: #083d77;border-radius: 15px;height: 30px;width: 30px;transition: ease all .5s;}


/*Footer Strip*/
.footer-strip {background: rgba(8, 61, 119, .9);position: fixed;bottom: 0px;width: 100%;z-index: 99;}
.footer-strip .cal-fix-banner {color: #fff;padding: 5px 0px;text-align: center;font-size: 14px;}
.footer-strip .cal-fix-banner a {border: 1px solid #ff7555;background: #ff7555;border-radius: 50px;padding: 5px 10px;display: inline-block;margin-left: 10px;text-decoration: none;color: #fff;transition: ease all .5s;}


@media only screen and (max-width:990px){
#banner .nav-tabs{ padding-top:25px;}
.services-box-inner li{width:25%;}
 .services-box-inner li:last-child{ display:none;}
 #register-newsletter .btn{width:30%;}

}