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; list-style:none; margin-top:20px; 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;}

header .bottom-strip .phone-no{float:right; text-decoration:none; font-size:20px; font-weight:600; margin-top:20px;}
header .bottom-strip .phone-no .icon .svg{color:#f00; width:30px;}
header .bottom-strip .navbar-toggle{background:#666;}
header .bottom-strip .navbar-toggle .icon-bar{background:#fff;}

@media (min-width: 320px) and (max-width: 767px){
header .bottom-strip .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;}
}

.b301 {}


.b301 .loader-301 { width: 95%; height: 100px; background-image: linear-gradient(100deg, transparent, rgba(38, 50, 56, 0.5) 50%, transparent 80%), radial-gradient(circle 50px at 50px 50px, #FFF 99%, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); background-repeat: no-repeat; background-size: 75px 100px, 100px 100px, 125px 20px, 260px 20px, 260px 20px; background-position: -50% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px; -webkit-animation: animloader301 1s linear infinite; animation: animloader301 1s linear infinite;}
@-webkit-keyframes animloader301 {
  0% {background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
  100% {background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
}
@keyframes animloader301 {
  0% {background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
  100% {background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
}

.b302 .loader-302 { width: 95%; height: 100px; background-image: linear-gradient(100deg, transparent, rgba(38, 50, 56, 0.5) 50%, transparent 80%), linear-gradient(#FFF 100px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); background-repeat: no-repeat; background-size: 75px 100px, 100px 100px, 125px 20px, 260px 20px, 260px 20px; background-position: -50% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px; -webkit-animation: animloader302 1s linear infinite; animation: animloader302 1s linear infinite;}
@-webkit-keyframes animloader302 {
  0% {background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
  100% {background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
}
@keyframes animloader302 {
  0% {background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
  100% {background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;}
}


.b303 .loader-303 { width: 95%; height: 100px; position: relative; background-image: linear-gradient(100deg, transparent, rgba(38, 50, 56, 0.5) 50%, transparent 80%), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); background-repeat: no-repeat; background-size: 75px 100px, 125px 20px, 260px 20px, 260px 20px; background-position: 0% 0, 120px 0, 120px 40px, 120px 80px; -webkit-animation: animloader303 1s linear infinite; animation: animloader303 1s linear infinite;}
.b303 .loader-303::after { content: ""; width: 100px; height: 100px; border-radius: 8px; background: #FFF; position: absolute; top: 0; left: 0;}

@-webkit-keyframes animloader303 {
  0% {background-position: 0% 0, 120px 0, 120px 40px, 120px 80px;}
  100% {background-position: 100% 0, 120px 0, 120px 40px, 120px 80px;}
}
@keyframes animloader303 {
  0% {background-position: 0% 0, 120px 0, 120px 40px, 120px 80px;}
  100% {background-position: 100% 0, 120px 0, 120px 40px, 120px 80px;}
}


.b304 .loader-304 { width: 320px; height: 150px; position: relative; background: #FFF;}
.b304 .loader-304::after { content: ""; width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; position: absolute; background-image: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 80%), linear-gradient(#DDD 56px, transparent 0), linear-gradient(#DDD 24px, transparent 0), linear-gradient(#DDD 18px, transparent 0), linear-gradient(#DDD 66px, transparent 0); background-repeat: no-repeat; background-size: 75px 130px, 55px 56px, 160px 30px, 260px 20px, 290px 56px; background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px; -webkit-animation: animloader304 1s linear infinite; animation: animloader304 1s linear infinite;}
@-webkit-keyframes animloader304 {
  0% {background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
  100% {background-position: 150% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
}
@keyframes animloader304 {
  0% {background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
  100% {background-position: 150% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
}


.b305 .loader-305 { width: 320px; height: 150px; position: relative; background: #FFF;}
.b305 .loader-305::after { content: ""; width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; position: absolute; background-image: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 80%), radial-gradient(circle 28px at 28px 28px, #DDD 99%, transparent 0), linear-gradient(#DDD 24px, transparent 0), linear-gradient(#DDD 18px, transparent 0), linear-gradient(#DDD 66px, transparent 0); background-repeat: no-repeat; background-size: 75px 130px, 55px 56px, 160px 30px, 260px 20px, 290px 56px; background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px; -webkit-animation: animloader305 1s linear infinite; animation: animloader305 1s linear infinite;}
@-webkit-keyframes animloader305 {
  0% {background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
  100% {background-position: 150% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
}
@keyframes animloader305 {
  0% {background-position: 0% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
  100% {background-position: 150% 0, 0 0, 70px 5px, 70px 38px, 0px 66px;}
}

.b306 .loader-306 { width: 164px; height: 170px; position: relative; background: #FFF;}
.b306 .loader-306::after { content: ""; width: calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; position: absolute; background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%), linear-gradient(#DDD 74px, transparent 0), linear-gradient(#DDD 16px, transparent 0), linear-gradient(#DDD 24px, transparent 0); background-repeat: no-repeat; background-size: 50px 170px, 100% 74px, 100% 16px, 100% 32px; background-position: 0 0, 0 0, 0px 85px, 0px 110px; -webkit-animation: animloader306 1s linear infinite; animation: animloader306 1s linear infinite;}

@-webkit-keyframes animloader306 {
  0% {background-position: 0 0, 0 0, 0px 85px, 0px 110px;}
  100% {background-position: 150% 0, 0 0, 0px 85px, 0px 110px;}
}
@keyframes animloader306 {
  0% {background-position: 0 0, 0 0, 0px 85px, 0px 110px;}
  100% {background-position: 150% 0, 0 0, 0px 85px, 0px 110px;}
}