﻿
body{position:relative;}
a:focus,
a:hover{text-decoration:none;}

/*--HEADER--*/
header .mobile-header{width:100%; float:left;}
header .mobile-header.active{position:fixed; top:-100px;}
header .mobile-header.active-plus{position:fixed; top:0px; transition:1s;}
header .top-strip{width:100%; float:left;}
header .bottom-strip{width:100%; float:left; background:#eee;}
header .navbar{margin:0px; border-radius:0px;}
header .bottom-strip .logo{width:200px; float:left;}
header .bottom-strip .logo img{width:100%;}
header .bottom-strip .navbar-nav.ul-menu{display:inline-block; float:right; margin-left: auto; list-style:none; margin-top:0px; padding:0px; margin-right:50px;}
header .bottom-strip .navbar-nav.ul-menu li{display:inline-block;}
header .bottom-strip .navbar-nav.ul-menu li a{padding:5px 15px; display: inline-block; color:#333; text-decoration:none;}

header .bottom-strip .h-right-panel{display:flex;}
header .bottom-strip .h-right-panel .phone-no{float:right; text-decoration:none; font-size:20px; font-weight:600; margin-top:0px;}
header .bottom-strip .h-right-panel .phone-no .icon .svg{color:#f00; width:30px;}
header .bottom-strip .navbar-toggle{background:#666;}
header .bottom-strip .navbar-toggle .icon-bar{background:#fff;}
header .bottom-strip .navbar {padding:0px; flex-wrap:wrap;}
header .bottom-strip .navbar .navbar-toggler{border-color:#333; background: #333; margin-right:0px;}
header .bottom-strip .navbar.navbar-dark .navbar-nav .show>.nav-link,
header .bottom-strip .navbar.navbar-dark .navbar-nav .nav-link:focus, 
header .bottom-strip .navbar.navbar-dark .navbar-nav .nav-link:hover{color:#333;}

header .bottom-strip .navbar-nav.ul-menu li.dropdown .dropdown-toggle::after{transition:0.3s; position:relative; top:1px;}
header .bottom-strip .navbar-nav.ul-menu li.dropdown.show .dropdown-toggle::after{transform:rotate(-180deg);}


@media (min-width: 320px) and (max-width: 767px){
header .bottom-strip .h-right-panel{display:flex; width:100%; justify-content: flex-end;}
header .bottom-strip .h-right-panel .phone-no{margin-top:-20px;}
header .bottom-strip .navbar-collapse{width:100%; float:left;}
header .bottom-strip .navbar-nav.ul-menu{width:100%; margin:0px;}
header .bottom-strip .navbar-nav.ul-menu li{width:100%; float:left;}
}

/*--HEADER--*/


/*--CONTENT--*/
.content-full{width:100%; float:left; height:1200px;}
/*--CONTENT--*/


/*--FOOTER--*/
.back-to-top{position:fixed; z-index:1; bottom:50px; right:50px; width:50px; height:50px; line-height:50px; text-align:center; background:#f00; color:#fff;}
.back-to-top:active,
.back-to-top:focus{color:#fff;}
/*--FOOTER--*/




/*================BOOKING_POPUP===================*/
.contract_renew_popup .modal-dialog{width: 100%; max-width: 941px; box-sizing:border-box; padding:15px; margin:10px auto;}
.contract_renew_popup .modal-dialog.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);justify-content: center;}
.contract_renew_popup .modal{z-index:99999;}
.contract_renew_popup .modal-content{width:100%; float:left; }
.contract_renew_popup .modal-content .modal-body{padding:0px;}
.contract_renew_popup .modal-content .modal-header{display:none;}
.contract_renew_popup .modal-content .modal-footer{display:none;}

.contract_renew_popup .contact_form{background: #fff;box-shadow: 0 0 16px 10px rgba(0,0,0,.19);width:100%; font-size: 14px; }
.contract_renew_popup .contact_form .close_button{position: absolute; width: 30px; height: 30px; line-height:30px; text-align:center; background: #0e36a8; font-weight: 400; border-radius: 50%; top:10px; right:10px; color: #fff; opacity: 1; transition:0.3s; z-index:1;}
.contract_renew_popup .contact_form .close_button:hover{transform:scale(1.1);}
.contract_renew_popup .contact_form .close_button:active{transform:scale(1);}
.contract_renew_popup .contact_form .top_section{display:flex; justify-content:space-between; align-items:center; background: #fff; color: #333; padding: 10px 20px; text-align: left; border-bottom: 1px solid #ccc;}
.contract_renew_popup .contact_form .top_section h2{font-size: 1.13em; margin-bottom: 5px; margin-top: 0;}
.contract_renew_popup .contact_form .top_section p{font-size:24px; margin-bottom:0px; color:#f15e24;}
.contract_renew_popup .contact_form .top_section p span{font-weight:600;}
.contract_renew_popup .contact_form .top_section .logo{margin-right:50px;}
.contract_renew_popup .contact_form .top_section .logo img{width:150px;}

.contract_renew_popup .contact_form .middle_section{/*max-height: 400px; overflow: auto;*/ padding:20px 16px 20px 15px; background: #fff; position:relative;}
.contract_renew_popup .contact_form .middle_section .ms-content{width:100%; display:flex; flex-wrap:wrap; align-items: center; color:#000; flex-direction:column;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs{display:flex; flex-direction:column;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1{display:flex; flex-wrap:wrap; margin-bottom:25px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box{width:50%; display:flex; flex-direction:column;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-header{width:100%; display:flex; background:#ddd; border:1px solid #000; border-bottom:0px; padding:3px 5px; color:#000; font-size:16px; font-weight:600;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box:last-child .ib-header{border-left:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents{width:100%; height:100%; display:flex;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box0{border:1px solid #000; padding:3px 5px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box1{width:45%;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box2{width:55%; border-left:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box3{width:62%; border-left:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box4{width:38%; border-left:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-text1{font-weight:600; margin-bottom:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-text2{font-weight:400; margin-bottom:0px; overflow-wrap: anywhere;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-input{display:flex; width:100%; border:none; outline:none;}

.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2{display:flex; flex-direction:column; margin-bottom:25px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row{display:flex; justify-content:space-between; border:1px solid #000; border-bottom:0px; }
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row:last-child{border-bottom:1px solid #000;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col{display:flex; padding:3px 5px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .cdfc-text1{font-weight:600; margin-bottom:0px; }
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .cdfc-text2{font-weight:400; margin-bottom:0px; }
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .input-box{width:80px; outline:0px; border:none; border:1px solid rgba(0,0,0,0.5); border-color:transparent; border-radius:5px; padding:0 5px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .input-box:focus{border:1px solid rgba(0,0,0,0.5);}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .currency-symble{display:flex; margin-right:5px; font-weight:600;}

.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3{display:flex; flex-direction:column; margin-bottom:50px; border-bottom:1px solid #000; padding-bottom:10px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col{display:flex;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col1{width:55%; padding-right:10px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2{width:45%; border:1px solid #000; background:#ddd; flex-direction:column; justify-content: space-between;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box2 .c-d-flex-row .c-d-flex-col .text2{font-weight:400; margin-bottom:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2 .dflex-row{display:flex; justify-content:space-between; padding:3px 5px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2 .dflex-row .dfr-text1{display:flex;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2 .dflex-row .dfr-text2{display:flex;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2 .dflex-row.total{background:#b3b3b3; font-weight:600;}

.contract_renew_popup .contact_form .middle_section .ms-content .term-conditon{width:100%; float:left;}
.contract_renew_popup .contact_form .middle_section .ms-content .term-conditon .tc-heading-main{width:100%; float:left; font-size:20px; font-weight:600; padding-bottom:0px; margin-bottom:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .term-conditon .tc-heading{width:100%; float:left; font-size:18px; font-weight:600; border-bottom:1px solid #000; padding-bottom:0px; margin-bottom:10px;}
.contract_renew_popup .contact_form .middle_section .ms-content .term-conditon .tc-text{width:100%; float:left; font-size:14px;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer{width:100%; display:flex; flex-direction:column; margin-top:20px;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-boxs{display:flex; justify-content:space-between;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-boxs .f-box{display:flex; flex-direction:column;} 
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-boxs .f-text1{display:flex; font-size:14px; font-weight:600; margin-bottom:50px;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-boxs .f-line{display:flex; max-width:150px; height:2px; margin-bottom:5px; background:#000;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-boxs .f-text2{display:flex; font-size:14px; font-weight:400; margin-bottom:50px;}
.contract_renew_popup .contact_form .middle_section .ms-content .msc-footer .f-bottom{width:100%; display:flex; padding-top:5px; font-weight:600; border-top:1px solid #000; justify-content:center; text-align:center;}

@media (min-width: 320px) and (max-width: 767px){
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box{width:100%;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box:last-child .ib-header,
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box3{border-left:1px solid #000;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box1,
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box2{border-bottom:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box1,
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box2,
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box3,
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box1 .inner-box .ib-contents .ibc-box4{width:50%;}
}

@media (min-width: 320px) and (max-width: 550px){
.contract_renew_popup .contact_form .top_section{padding: 10px 15px;}
.contract_renew_popup .contact_form .top_section p{font-size:16px;}
.contract_renew_popup .contact_form .top_section .logo{margin-right:30px;}
.contract_renew_popup .contact_form .top_section .logo img{width:100px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col1{width:100%; padding-right:0px;}
.contract_renew_popup .contact_form .middle_section .ms-content .content-boxs .c-box3 .c-d-flex-row .c-d-flex-col2{width:100%;}
}

/*================BOOKING_POPUP===================*/

.flight-panel{width:100%; float:left; }
.cus-continer{width:auto; background:#f00; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;}

@media (min-width: 320px) and (max-width:575px){
.cus-continer{width:100%;}
}

@media (min-width: 576px) and (max-width:767px){
.cus-continer{width:100%;}
}
@media (min-width: 768px) and (max-width:991px){
.cus-continer{width:738px;}
}
@media (min-width: 992px) and (max-width:1199px){
.cus-continer{width:970px;}
}
@media (min-width:1200px){
.cus-continer{width:1170px;}
}





.b315 {}

.b315 .car { width: 10vw; left: 0; position: relative; animation-name: car-anime; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite;}
.b315 .car img { width: 100%; height: auto; vertical-align: bottom;}
@keyframes car-anime {0% {left: -20vw;} 100% {left: 120vw;}
}


