@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,500&display=swap");
/*0054a6*/
/*Home city airlines*/
a {cursor: pointer;}
.transparent_header {  z-index: 1;  position: absolute;  left: 0px; top: 0px;  width: 100%;  border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.transparent_header #headerCntr {background: none;}
.transparent_header #headerCntr .logo a {background: url(../../images//logo.png) left top no-repeat;}
.transparent_header #headerCntr .call-tfn {cursor: pointer;padding-left: 59px;}
.transparent_header #headerCntr .call-tfn:before {left: 15px;background: url(../../images/call.svg) left top no-repeat;background-size: 100%;}
.transparent_header #headerCntr .call-tfn span {color: #fff;}
.transparent_header #headerCntr .menuBox ul li a {color: #333;}

/*Results payment page */
.flow-menu .menuBox {display: none;}
.flow-menu #headerCntr .call-tfn_mobile {margin-right: 0px;}
.flow-menu .mobileMenu {display: none;}

@media (max-width: 1023px) {
	.transparent_header #headerCntr .call-tfn {display: none;}
}
@media (max-width: 767px) {
	.flow-menu .mobileMenu {display: none;}
	.payment-page .flow-menu {padding-left: 45px;}
	.transparent_header #headerCntr .logo a {background-size: 100%;}
	.transparent_header {padding: 4px 0 0 0;position: static;}
}

/*Main header start here*/
#headerCntr {z-index: 1; padding: 10px 0 0 0; background: #fff; box-shadow: 0 3px 5px #f2f2f2; }
#headerCntr .logo { float: left; margin-top: 7px; position: relative; overflow: hidden; padding-right: 46px; }
#headerCntr .logo a { width: 150px; height: 60px; cursor: pointer;display: block;text-decoration: none;text-indent: -99999px;
background: url(../../images/logo.png) left top no-repeat;background-size: 100%;}
#headerCntr .call-tfn {cursor: pointer;float: right;margin: -10px 0px 0 0;font-size: 22px;padding: 12px 20px 12px 70px;position: relative;color: #0095db;
font-weight: 600;text-decoration: none;width: auto;}
#headerCntr .call-tfn:before {content: "";width: 40px;height: 40px;display: block;position: absolute;left: 18px;top: 13px;background: url(../../images/call-center.svg) left top no-repeat;background-size: 100%;}
#headerCntr .call-tfn span {font-size: 11px;display: block;color: #808080;}


#headerCntr .call-tfn_mobile {cursor: pointer;padding: 8px 15px;display: none;position: relative;font-weight: 700;float: right;
font-size: 14px;color: #fff;text-decoration: none;background: #05a6f1;border-radius: 36px;float: left;margin-left: 14px;
/* &:before {content: '';position: absolute;left: 10px;top: 5px;width: 25px;height: 25px;background:url(../../images/call.svg) left top no-repeat;background-size: 100%;
}*/
}
#headerCntr .menuBox {float: right;padding-right: 30px;}
#headerCntr .menuBox ul {list-style: none;position: relative;padding: 0px;z-index: 1;}
#headerCntr .menuBox ul li {float: left;margin-left: 37px;}
#headerCntr .menuBox ul li a {padding: 17px 0px 3px 0;font-size: 16px;display: block;color: #202020;text-decoration: none;text-transform: capitalize;border-bottom: 2px solid transparent;
}
#headerCntr .menuBox ul li a:hover,
#headerCntr .menuBox ul li a.active {color: #05a6f1;border-bottom-color: #05a6f1;}
#headerCntr .menuBox ul.submenu {display: none;top: 48px;left: 0px;position: absolute;background: white;width: 230px;padding: 10px;}
#headerCntr .menuBox ul.submenu li {margin: 0px;}
#headerCntr .menuBox ul.submenu li a {padding: 6px 0px;}
#headerCntr .menuBox .change-language {display: none;}
#headerCntr .menuBox .change-language:hover .submenu {display: block;}

/*Header End*/
.mobileMenu {display: none;cursor: pointer;position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(../../images//icons/menu.svg) left top no-repeat;background-size: 100%;
}

/*Mobile Menu Start*/
.mobileMenuBox {display: none;width: 100%;position: fixed;right: -200%;top: 0px;background: #fff;z-index: 3;height: 100vh;}
.mobileMenuBox .menu_div {background: #fff;position: absolute;right: 0px;top: 0px;z-index: 4;width: 320px;height: 100vh;}
.mobileMenuBox ul {list-style: none;padding: 16px;height: 100%;overflow-y: auto;}
.mobileMenuBox ul li {display: block;padding: 12px 0 12px 0px;position: relative;border-bottom: 1px dashed #ccc;}
.mobileMenuBox ul li a {color: #202020;text-decoration: none;}
.mobileMenuBox ul li .icons {border-radius: 100%;position: absolute;left: 0px;top: 12px;width: 30px;height: 30px;display: none;border: 1px solid #ffc107;text-align: center;
line-height: 30px;color: #05a6f1;}
.mobile_menu {display: none;}
.desktopMenu {display: block;}
.mobile_head {background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );color: #fff;overflow: hidden;
padding: 10px;position: relative;}

.mobile_head .close {position: absolute;right: 15px;top: 9px;font-size: 22px;color: #fff;}

#headerCntr ul {list-style: none;}
.toll-free-mobile {font-size: 13px;background: #0095db;padding: 5px 10px;color: #fff;display: none;align-items: center;justify-content: space-between;}
.toll-free-mobile .toll-free-mobileNumber {color: #fff;font-weight: 700;text-decoration: none;}
.toll-free-mobile .toll-free-mobileNumber img {margin-right: 10px;width: 25px;}
.yZLG-plane {pointer-events: none;transform: translate3d(0, -3px, 0);position: absolute;/*display: inline-block;*/width: 225px;top: 11px;text-align: right;
height: auto;margin-top: 2px;left: 0;animation-name: plane;animation-duration: 3s;display:none;}

.yZLG-logo {display: inline-block;vertical-align: middle;text-align: right;}
.yZLG-plane img {width: 25px;}
.yZLG-chemtrail {background: linear-gradient(90deg, hsla(0deg, 0%, 100%, 0) 10%, #f96737);position: absolute;height: 10%;left: 0;top: 10px;opacity: 0;
border-radius: 10px;animation-name: chemtrail;animation-duration: 3s;width: 140px;}

@keyframes plane {
0% {transform: translate3d(-100%, -3px, 0);opacity: 0;}
20% {opacity: 1;}
to {transform: translate3d(0, -3px, 0);}
}

@keyframes chemtrail {
0%, 50% {opacity: 1;}
}

.mobile_show_only { display:none; }



/*Media header*/
@media (max-width: 1199px) {
	#headerCntr .call-tfn:before {width: 36px;height: 36px;}
	#headerCntr .menuBox {padding-top: 10px;padding-right: 0;}
	#headerCntr .menuBox ul li {margin-left: 17px;}
	#headerCntr .menuBox ul li a {padding: 6px 0px;}
}
@media (max-width: 1023px) {
	#headerCntr .call-tfn {display: none;}
	#headerCntr .menuBox ul li a {font-size: 14px;}
	.toll-free-mobile {display: flex;}
}
@media (max-width: 767px) {
	#headerCntr {padding: 10px 0;}
	#headerCntr .logo { margin-top: 0px; padding-right: 26px;}
	#headerCntr .logo a {height: 45px;width: 150px;}
	#headerCntr .call-tfn_mobile {margin-right: 33px;display: block;}
	#headerCntr .menuBox {display: none;}
	.mobileMenu {top: 17px;right: 11px;height: 22px;width: 22px;display: block;}
	.mobile_menu {display: block;}
	.desktopMenu {display: none;}
	.yZLG-plane {width: 200px;top: 8px;}
	.yZLG-plane img {width: 20px;}
}

@media (max-width: 479px) {
	.toll-free-mobile {font-size: 14px;}
	#headerCntr .logo a {height: 36px;width: 100px;margin-top: 0px;}
	.yZLG-plane {width: 160px;top: 8px;}
}
/*End media*/

/*Banner Box Home page*/
#bannerCntr { position: relative; width: 100%; height: 550px; background: url(../../images/promotion_banner/home-banner.jpg) center top no-repeat;
background-size: cover;
}
#bannerCntr .serach-sec { position: absolute; bottom: 55px; width: 100%; left: 0px;}
#bannerCntr:before {content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
#bannerCntr .z-index-relative {    z-index: 1;    position: relative;}
#bannerCntr .tagline {    font-size: 33px;    color: #fff;    font-weight: 600;    line-height: 40px;    padding: 40px 0 10px 0;    max-width: 1050px; margin: 0px auto;}

/*Banner Box Airline and Destination*/
#genericBannerCntr {position: relative;width: 100%;height: 450px;background-repeat: no-repeat;background-position: center top;background-size: cover;
background-color: #ffc107;}
#genericBannerCntr:before {content: "";position: absolute;left: 0px;top: 0px;width: 100%;background: rgba(0, 0, 0, 0.1);height: 100%;}
#genericBannerCntr .tagline {font-size: 45px;color: #fff;font-weight: 700;line-height: 53px;padding: 120px 0 30px 0;}

/*banner MEdia*/
@media (max-width: 1199px) {
#bannerCntr .tagline {padding: 20px 0 10px 0;font-size: 24px;}
#bannerCntr { height: 500px; }
#bannerCntr .serach-sec {width: calc(100% - 22px);left: 10px; bottom:30px;}
}

@media (max-width: 1023px) {
#bannerCntr { height: 450px; padding-bottom: 30px;background: #121d3b; }
.mobile_show_only { display:block; }
.mobile_show_only img { width: 100%; }
#genericBannerCntr {height: auto;padding-bottom: 30px;}
#genericBannerCntr .tagline {padding: 90px 0 20px 0;}

}
@media (max-width: 767px) {
#bannerCntr { height: 400px;}
#bannerCntr .tagline { display: none;}
#genericBannerCntr .tagline {display: none;}
}
/*banner MEdia*/





/*Mobile banner*/
.small_banner {position: relative;display: none;}
.small_banner img {width: 100%;display: none;}
.small_banner .tagline {position: absolute;left: 20px;bottom: 10px;color: #fff;font-weight: 700;}
.arc_logo_banner {background: #fff;padding: 10px;float: left;margin-left: 10px;margin-top: 6px;}
.arc_logo_banner img {max-width: 185px;}
.tp-widget-businessinfo__trustscore,
.tp-widget-businessinfo__total {text-transform: none;display: inline-block;}
.display_logo_banner {position: absolute;right: 20px;bottom: 20px;}
.tp_logo-banner {white-space: nowrap;background: #fff;width: 148px;float: left;padding: 5px;text-align: center;height: 80px;}

@media (max-width: 767px) {
.arc_logo_banner .arc_logo_banner {position: static;right: 10px;bottom: 0px;background: none;padding: 0px;text-align: center;}
.small_banner {display: block;background-color: #ffc107;height: 43px;}
.align-items-center .col:nth-of-type(n + 2) {display: none;}
.display_logo_banner {position: static;right: 10px;bottom: 0px;background: none;padding: 0px 10px;margin-top: 34px;}
}

/*Search Box*/
.searchBox {position: relative;z-index: 1;}
.searchBox .tabBox {list-style: none;padding: 0px;}
.searchBox .tabBox li {float: left;padding: 5px 17px;background: #fff;border-top-left-radius: 8px;border-top-right-radius: 8px;font-size: 16px;color: #333;
cursor: pointer;}
.searchBox .tabBox li img {margin-right: 5px;}
.searchBox .searchBlock {background: rgba(3,148,219,.6);border-radius: 11px;padding: 20px 25px;position: relative;max-width: 1050px;margin: 0px auto;}
.searchBox .search_topbar {display: flex;color: #fff;padding-bottom: 3px;}
.searchBox .search_topbar .tripType {color: #fff;}
.searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span::before {background: #ffc107;}
.searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span {color: #fff;}
.searchBox .search_topbar .inputSet label {color: #fff;}
.searchBox .search_topbar .inputSet label input[type="radio"] ~ span::after {border-color: #fff;}
.searchBox.search_topbar .inputSet label input[type="radio"]:checked ~ span::after {border-color: #ffc107;}
.searchBox .search_topbar .class_action {position: relative;}
.searchBox .search_topbar .click_div {cursor: pointer;white-space: nowrap;}
.searchBox .search_topbar .arrow-icon {color: #ffc107;}
.searchBox .search_topbar .traveler_action_button {padding: 10px;display: flex;align-items: center;justify-content: space-between;}
.searchBox .search_topbar .done_Btn {background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );display: inline-block;
font-size: 14px;color: #fff;text-align: center;cursor: pointer;border-radius: 2px;padding: 4px 10px;text-decoration: none;}
.searchBox .flightSearch {display: flex;background: #fff;/*Calumn 2*//*Calumn 3*/}
.searchBox .flightSearch .column_1 {float: left;width: 50%;}
.searchBox .flightSearch .column_2 {float: left;width: 35%;}
.searchBox .flightSearch .column_3 {float: left;width: 15%;}
.searchBox .flightSearch .label {padding: 5px 7px 5px 0px;float: left;width: calc(50% - 7px);margin-right: 7px;background: #fff;position: relative;border: none;
border-radius: 0px;border-right: 1px solid #ccc;}
.searchBox .flightSearch .label.inputDepart,
.searchBox .flightSearch .label.inputReturn {border: none;}
.searchBox .flightSearch .label.roundtrip {display: none;}
.searchBox .flightSearch .label.error {border: 1px solid #ca2e2b;}
.searchBox .flightSearch .label.error .icons {color: #ca2e2b;}
.searchBox .flightSearch .label.oneway {width: 97%;}
.searchBox .flightSearch .label .label_name {font-size: 17px;color: #303030;transition: all 0.2s ease;width: 100%;white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;position: absolute;top: 23px;left: 40px;pointer-events: none;font-weight: 300;display: none;}


.searchBox .flightSearch .label .inputField {padding-left: 38px;padding-top: 18px;padding-bottom: 18px;font-size: 15px;font-weight: 400;color: #292929;
border: none;outline: none;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}




.searchBox .flightSearch .label.traveller {width: calc(100% - 135px);}
.searchBox .flightSearch .label .icons {position: absolute;left: 13px;top: 24px;line-height: 20px;display: block;pointer-events: none;font-size: 20px; }
.searchBox .flightSearch .label .icons.person-icon {font-size: 25px;}
.searchBox .flightSearch .label input[type="text"]:focus ~ .icons {color: #525254;}
.searchBox .flightSearch .cursor {cursor: pointer;}
.searchBox .flightSearch .searchButton {background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );width: 100%;
display: inline-block;border: none;font-size: 16px;color: #fff;text-align: center;cursor: pointer;border-radius: 0px;padding: 22px 0 23px 0;outline: none;}

.searchBox .flightSearch .searchButton:hover {background: rgb(13 110 253);background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );}
.mobile_dsearchButton {width: 100%;display: none;background: #ffc107;border: none;font-size: 16px;color: #fff;text-align: center;cursor: pointer;border-radius: 3px;
padding: 10px;margin-top: 13px;outline: none;}
.mobile_dsearchButton:hover {background: #ffc107;}

/*Serch media*/
@media (max-width: 1199px) {
.searchBox .flightSearch .label .label_name {font-size: 16px;}
.searchBox .flightSearch .label .inputField {font-size: 14px;padding-left: 30px;}
.searchBox .flightSearch .label .icons {left: 5px;}
}
@media (max-width: 1023px) {
.searchBox .searchBlock {padding: 10px;overflow: hidden;}
.searchBox .flightSearch {display: block;}
.searchBox .flightSearch .column_1 {width: 100%;}
.searchBox .flightSearch .column_2 {width: 100%;margin: 23px 0;}
.searchBox .flightSearch .column_3 {width: 100%;}
}
@media (max-width: 767px) {
	.searchBox {margin-top: 13px;}
.searchBox .tabBox {overflow: hidden;margin: 0px;}
.searchBox .tabBox li {font-size: 14px;padding: 7px 15px;}
.searchBox .tabBox li img {height: 22px;}
.searchBox .searchBlock {padding: 17px 22px 20px;overflow: hidden;margin: -13px;border-radius: 0px;}
.searchBox .search_topbar .tripType li {padding-bottom: 2px;white-space: nowrap;}
.searchBox .search_topbar .class_action {width: 115px;}
.searchBox .flightSearch .column_1 .label {width: 100%;}
.searchBox .flightSearch .column_2 {border: none;}
.searchBox .flightSearch .label {width: calc(50% - 4px);}
.searchBox .flightSearch .label.inputReturn {margin-right: 0px;}
.searchBox .flightSearch .label {padding-bottom: 0px;}
.searchBox .flightSearch .label .inputField {border-radius: 3px;border-radius: 6px;padding-top: 12px;padding-bottom: 12px;}
.searchBox .flightSearch .label.first {margin-bottom: 23px;}
.searchBox .flightSearch .label.traveller {width: 100%;}
.searchBox .flightSearch .label .icons {top: 17px;}
.searchBox .flightSearch .searchButton {width: 100%;background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );margin-top: 0px;
font-size: 14px;padding: 15px 0;border-radius: 3px;}
.mobile_dsearchButton {display: block;}
}
/*Serch media end*/

/*travllerBox*/
.travllerBox {border-top: 1px solid #f4f4f4;width: 650px;background: #fff;padding: 20px;box-shadow: 0 4px 11px rgba(151, 151, 151, 0.1607843137);position: absolute;
right: 0px;top: -18px;z-index: 2;}

.travllerBox .head {padding: 10px 0 20px 0;font-size: 20px;width: 100%;font-weight: 600;}
.travllerBox .guestBox {padding-right: 30px;border-right: 1px solid #ccc;}
.travllerBox .guestBox .add-traveler {font-size: 16px;color: #5e5e5e;padding: 0px 0 10px 0;text-align: left;clear: both;font-weight: 500;}
.travllerBox .guestBox .add-traveler a {width: 25px;height: 25px;text-align: center;line-height: 23px;font-size: 14px;border: 2px solid #989aa2;color: #989aa2;
background: #fff;border-radius: 100%;text-decoration: none;display: inline-block;cursor: pointer;font-weight: 600;}
.travllerBox .guestBox .add-traveler a i {line-height: 23px;}
.travllerBox .guestBox .add-traveler a:hover {color: #05a6f1;border-color: #05a6f1;}
.travllerBox .guestBox .add-traveler a.disable {color: #c0cad5;border-color: #c0cad5;cursor: default;}
.travllerBox .guestBox .add-traveler .travelers__options {float: right;width: 100px;display: flex;justify-content: center;align-items: center;}
.travllerBox .guestBox .add-traveler .number {width: 50px;display: inline-block;text-align: center;}
.travllerBox .guestBox .add-traveler .number input {width: 100%;text-align: center;font-weight: 700;}
.travllerBox .unaccompined_block {width: 330px;}
.travllerBox .unaccompined {padding-top: 10px;margin-top: 10px;position: relative;}
.travllerBox .unaccompined a {color: #333;text-decoration: none;}
.travllerBox .unaccompined a i {position: relative;margin-right: 5px;top: -2px;}
.travllerBox .unaccompined:hover a {color: #05a6f1;}
.travllerBox .unaccompined:hover .tooltipBox,.travllerBox .unaccompined:hover .tooltipBox {opacity: 1;}
.travllerBox .unaccompined .tooltipBox {width: 330px;left: 138px;padding: 10px 15px;}
.travllerBox .unaccompined .tooltipBox:after {left: 11%;}
.travllerBox .unaccompined .closeunaccompanied {position: absolute;right: 6px;font-size: 18px;top: 5px;}
.travllerBox .classType {list-style: none;padding: 0px;}
.travllerBox .classType li {padding-bottom: 10px;}
.travllerBox .done_Btn {float: right;margin: 10px 20px 0 0;background: #05a6f1;color: #fff;padding: 10px 30px;text-align: center;border-radius: 3px;
font-size: 16px;font-weight: 600;text-decoration: none;display: block;width: 120px;cursor: pointer;}

/*Switch button start here*/
.switch {position: absolute;display: inline-block;padding-left: 42px;margin: 0px;right: 15px;top: 15px;cursor: pointer;}

@media (max-width: 767px) {
.switch {display: none;}
.travllerBox {top: -65px;}
.travllerBox .guestBox {width: 100%;border-right: none;border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 10px;}
.travllerBox .unaccompined {float: left;}
.travllerBox .unaccompined .tooltipBox {left: 159px;}
}

.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #e3e3e3;-webkit-transition: 0.4s;transition: 0.4s;
color: #303030;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 2px;background-color: white;-webkit-transition: 0.4s;transition: 0.4s;
}

input:checked + .slider {background-color: #05a6f1;}
input:focus + .slider {box-shadow: 0 0 1px #05a6f1;}
input:checked + .slider:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}

/* Rounded sliders */
.slider.round {border-radius: 20px;width: 36px;height: 20px;}
.slider.round:before {border-radius: 50%;}
/*Switch button end here*/
/*Recent Searches Box Start here*/
.recent__SearchBox {background: rgba(0, 0, 0, 0.2);padding: 8px 12px 12px;border-radius: 5px;margin: 10px 0;}
.recent__SearchBox .head {color: #fff;margin-bottom: 5px;}
.recent__SearchBox .holder {overflow: hidden;}
.recent__SearchBox .block {background: #fff;border-radius: 5px;padding: 5px 8px;overflow: hidden;}
.recent__SearchBox .block .left {width: 150px;float: left;display: flex;align-items: center;justify-content: space-between;padding-right: 10px;
border-right: 1px solid #ccc;}
.recent__SearchBox .block .left .city__code {font-size: 14px;color: #484848;font-weight: 600;}
.recent__SearchBox .block .left .city__code small {	display: block;	font-size: 10px;	color: #989898;}
.recent__SearchBox .block .right {width: 110px;padding-left: 10px;padding-right: 10px;font-size: 12px;color: #8a8a8a;float: left;position: relative;}
.recent__SearchBox .block .right .arrow {color: #05a6f1;position: absolute;right: -6px;top: -8px;font-size: 22px;padding: 5px;}

/*Recent Searches Box End here*/
.input_clear {background: url(../../images/clear_field.png) no-repeat right -18px center;padding-right: 22px;}
.input_clear.x {background-position: right 13px;}
.input_clear.onX {cursor: pointer;}
.input_clear::-ms-clear {display: none;width: 0;height: 0;}
.traveler_action_button a.disable {color: #c0cad5;border-color: #c0cad5;cursor: default;}
.done_button {width: 100%;background: #05a6f1;border: none;font-size: 16px;color: #fff;text-align: center;cursor: pointer;border-radius: 3px;padding: 10px;
margin-top: 13px;outline: none;display: inline-block;clear: both;}

/*Mobile*/
.mobile_overlay {position: fixed;left: 0px;top: 0px;width: 100%;height: 0;background: rgba(0, 0, 0, 0.2);z-index: 2;}
.top_row {display: flex;align-items: center;justify-content: center;padding: 10px;border-bottom: 1px solid #ccc;margin: 0px -12px;white-space: nowrap;}
.top_row:before {bottom: -20px;content: " ";display: block;height: 20px;left: 0;position: absolute;width: 100%;}
.top_row:after {border-left: solid transparent 12px;border-right: solid transparent 12px;border-bottom: solid #fff 12px;top: -12px;content: " ";
height: 0;left: 50%;position: absolute;width: 0;transform: translateX(-50%);}

.top_row .arrow-icon {position: relative;top: 0px;margin-left: 7px;}
.traveler_action {margin: 0 30px;width: 110px;position: relative;white-space: nowrap;text-align: right;}
@media (max-width: 767px) {
.traveler_action {padding: 0 12px;margin-left: 0px;margin: 0px;width: auto;}
.top_row:after {display: none;}
.top_row {border-bottom: none;color: #fff;}
}

.modifySearchBox .mobile_travelerBox {right: inherit;left: 0;}
.Mobiletrip_type {width: 190px;border-radius: 5px;background: #fff;z-index: 3;position: absolute;box-shadow: 0 3px 12px #a4a4a5;left: 0px;top: 33px;}
.Mobiletrip_type.class-type {right: 0px;left: inherit;width: 196px;}
.Mobiletrip_type ul {list-style: none;padding: 0px;margin: 0px;}
.Mobiletrip_type ul li {padding: 10px 0 10px 10px;border-bottom: 1px solid #f2f2f2;color: #333;position: relative;cursor: pointer;font-weight: 500;align-items: center;
display: flex;}
.Mobiletrip_type ul li .icons {position: static;}
.Mobiletrip_type ul li:last-child {border-bottom: none;}
.Mobiletrip_type img {margin-right: 6px;}
.Mobiletrip_type ul li i {position: absolute;left: 14px;top: 11px;visibility: hidden;}
.Mobiletrip_type ul li:hover,.Mobiletrip_type ul li.active {color: #05a6f1;background: #FFF4EE;}
.Mobiletrip_type ul li.active i {visibility: visible;}
/**/
.mobile_travelerBox {width: 260px;border-radius: 5px;background: #fff;z-index: 3;position: absolute;right: 0px;top: 33px;box-shadow: 0 3px 12px #a4a4a5;}
.mobile_travelerBox .add-traveler {font-size: 15px;color: #5e5e5e;padding: 13px 20px;clear: both;font-weight: 600;text-align: left;border-bottom: 1px solid #ccc;}
.mobile_travelerBox .add-traveler a {width: 25px;height: 25px;text-align: center;line-height: 23px;font-size: 14px;border: 2px solid #989aa2;color: #989aa2;background: #fff;border-radius: 100%;
text-decoration: none;display: inline-block;cursor: pointer;font-weight: 600;}
.mobile_travelerBox .add-traveler a i {line-height: 23px;}
.mobile_travelerBox .add-traveler a:hover {color: #05a6f1;border-color: #05a6f1;}
.mobile_travelerBox .add-traveler a.disable {color: #c0cad5;border-color: #c0cad5;cursor: default;}
.mobile_travelerBox .add-traveler .travelers__options {float: right;width: 100px;display: flex;justify-content: center;align-items: center;margin-left: 10px;}
.mobile_travelerBox .add-traveler .number {width: 45px;display: inline-block;text-align: center;}
.mobile_travelerBox .add-traveler .number input {width: 100%;text-align: center;font-weight: 700;}
/**/
.traveler_main {position: relative;}

/*New end*/
/*Error */
.error .errortext {display: block;}
.errortext {display: none;position: absolute;left: 0px;bottom: -26px;color: #ffacac;font-size: 11px;font-weight: 400;line-height: 1rem;}

@media (max-width: 1199px) {
.errortext {font-size: 10px;}
}

@media (max-width: 1023px) {
.errortext {bottom: -20px;}
}

.errorsameSearch {color: #ca2e2b;font-size: 11px;}
.modifySearchBox .errortext {position: static;margin-top: 5px;}

@media (max-width: 767px) {
.modifySearchBox {padding: 0px;}
.modifySearchBox .search_topbar .tripType {margin-bottom: 30px;width: 100%;}
}
/*Radio*/
.tripType {list-style: none;padding: 0px;margin-bottom: 10px;}
.tripType li {display: inline-block;padding-right: 15px;font-size: 14px;}

/*checkbox style*/
.inputSet label {cursor: pointer;font-weight: 400;line-height: 22px;padding-left: 26px;position: relative;color: #5e5e5e;}
.inputSet label input {opacity: 0;position: absolute;}
.inputSet label input[type="checkbox"] ~ span::after {border: 1px solid #5e5e5e;content: "";height: 18px;left: 0;position: absolute;top: 1px;
width: 18px;background: #fff;}
.inputSet label input[type="checkbox"]:checked ~ span::after {border: 1px solid #ffc107;}
.inputSet label input[type="checkbox"]:checked ~ span {color: #ffc107;}
.inputSet label input[type="checkbox"]:checked ~ span::before {z-index: 1;font-family: "FontAwesome";content: "\f00c";display: block;
color: #ffc107;position: absolute;left: 2px;top: 0px;}
.inputSet.theme2 label input[type="checkbox"]:checked ~ span {color: inherit;}
.inputSet.theme2 label input[type="checkbox"]:checked ~ span::before {color: #05a6f1;}
.inputSet.theme2 label input[type="checkbox"]:checked ~ span::after {border: 1px solid #05a6f1;}

/*Radio*/
.inputSet label input[type="radio"] ~ span::after {border-radius: 100%;border: 2px solid #5e5e5e;content: "";height: 20px;width: 20px;left: 0;position: absolute;
top: 0;}
.inputSet label input[type="radio"]:checked ~ span {color: #05a6f1;transition: all 0.5s;}
.inputSet label input[type="radio"]:checked ~ span::after {border: 2px solid #05a6f1;}
.inputSet label input[type="radio"]:checked ~ span::before {border-radius: 100%;background: #05a6f1;content: "";display: block;height: 8px;width: 8px;
left: 6px;position: absolute;top: 6px;}

.page__title {font-size: 26px;color: #303030;margin-bottom: 16px;position: relative;font-weight: 600;text-align: center;}
.page__title span {font-size: 15px;font-weight: 500;display: block;}


@media (max-width: 767px) {
.page__title {font-size: 20px;margin-bottom: 10px;}
}

.service_slider {margin-right: -15px;display: flex;overflow-x: auto;}
.serviceBox {width: 100%;padding: 12px 0;border-bottom: 1px solid #ededed;}
.serviceBox h3 {font-size: 16px;color: #202020;margin-bottom: 5px;font-weight: 600;}
.serviceBox p {font-size: 12px;color: #4b4b4b;margin-bottom: 0px;}
.serviceBox .icon {position: absolute;left: 13px; width: 65px;top: 13px;}
.serviceBox .detail {padding-left: 14px;float: left;}

@media (max-width: 1023px) {
.serviceBox .detail {width: calc(100% - 35px);}
}

@media (max-width: 767px) {
.serviceBox p {font-size: 11px;}
.serviceBox .detail {width: 100%;}
}

.serviceBox .service_block {width: 25%;float: left; padding:15px 10px; position: relative;}
@media (max-width: 1023px) {
.serviceBox {padding-top: 0px;}
.serviceBox .service_block {width: auto;}
.serviceBox .service_block .block {width: 300px;}
}

@media (max-width: 767px) {
.serviceBox .service_block .block {width: 230px;}
}

/*bestdeal section*/
.bestdealBox {margin-top: 30px;position: relative;width: 100%;}
.bestdealBox:before {position: absolute;right: 60px;top: -74px;content: "";width: 600px;height: 600px;background: url(../../images/curve-right-home.svg) left top no-repeat;
background-size: cover;}
.bestdealBox:after {position: absolute;left: 10px;top: 50px;content: "";width: 205px;height: 205px;background: url(../../images/curve-left-home.svg) left top no-repeat;background-size: cover;}
.bestdealBox .holder {display: flex;overflow-x: auto;margin-right: -20px;}
.bestdealBox .holder .mainColumn {width: calc(25% - 20px);margin-right: 20px;z-index: 1;}
.bestdealBox .block {width: 100%;margin-bottom: 40px;overflow: hidden;background: #fff;cursor: pointer;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725);border-radius: 10px;
}
.bestdealBox .block .imageBlock {width: 100%;border-radius: 8px;overflow: hidden;}
.bestdealBox .block .imageBlock img {width: 100%;}
.bestdealBox .block .dealDetail {width: 100%;padding-left: 12px;padding-bottom: 10px;overflow: hidden;}
.bestdealBox .block .dealDetail .column {float: left;width: 110px;border-right: 1px solid #b7b7b7;}
.bestdealBox .block .dealDetail .column img {width: 30px;float: left;margin-right: 10px;}
.bestdealBox .block .dealDetail .column .airline__name {font-size: 11px;line-height: 16px;display: block;}
.bestdealBox .block .dealDetail .column2 {float: left;width: calc(100% - 110px);padding-left: 10px;}
.bestdealBox .block .dealDetail .column2 .arrow {margin: 0 5px;}
.bestdealBox .block .dealDetail .dealrow {display: flex;flex-wrap: wrap;}
.bestdealBox .block .dealDetail .dealTitle {margin-bottom: 13px;font-size: 18px;color: #343434;font-weight: 700;}
.bestdealBox .block .dealDetail .city_code {color: #7a7a7a;font-size: 16px;font-weight: 600;line-height: 18px;}
.bestdealBox .block .dealDetail .date {font-size: 13px;color: #7a7a7a;}
@media (max-width: 1199px) {
.bestdealBox .holder .mainColumn {width: auto;}
.bestdealBox:before {width: 300px;height: 300px;right: 10px;top: 0px;}
.bestdealBox .block {width: 310px;}
}

/*About section*/
.aboutBox {width: 100%;padding: 50px 0;}
.aboutBox .content {padding: 0 30px 0 0;}
.aboutBox p {font-size: 14px;font-weight: 300;line-height: 27px;}
.aboutBox .text {font-size: 16px;color: #202020;}
.aboutBox .list {list-style: none;font-weight: 300;}
.aboutBox .list li {margin-bottom: 5px;padding-left: 20px;position: relative;}
.aboutBox .list li:before {position: absolute;left: 0px;top: 2px;content: "\f26b";color: #05a6f1;font-family: bootstrap-icons !important;}
.aboutBox a.read_more {cursor: pointer;margin-top: 5px;padding: 10px 15px;display: inline-block;font-size: 16px;color: #ffc107;border: 1px solid #ffc107;
border-radius: 5px;}
.aboutBox a.read_more .bi-arrow-right {float: right;margin-left: 5px;position: relative;top: -3px;}
.aboutBox a.read_more:hover {text-decoration: none;}

@media (max-width: 1199px) {
.aboutBox .content {padding: 5px;}
}

@media (max-width: 1023px) {
.aboutBox {padding: 20px 0;}
.bestdealBox:before, .bestdealBox:after {display: none;}
.aboutBox p {font-size: 15px;}
.aboutBox a.read_more {margin-top: 10px;}
}

@media (max-width: 767px) {
.aboutBox {width: auto;}
.aboutBox p {font-size: 13px;line-height: 22px;}
.aboutBox img {border-radius: 5px;}
.aboutBox .page__title strong {display: inline-block;}
}

/*Country list home*/
.countryList {padding-top: 30px;padding-bottom: 50px;position: relative;}
.countryList img {border-radius: 12px;width: 100%;}
.countryList h4 {font-size: 20px;font-weight: 700;}
.countryList p {font-size: 13px;font-weight: 400;}
.countryList .items {padding: 0 20px;}
.countryList .slick-list {margin: 0px -20px;}
.countryList .cnslider {position: relative;}
.countryList .slick-prev,.countryList .slick-next {top: -30px;width: 30px;height: 30px;border-radius: 100%;right: 25px;text-indent: -999999px;
background: url(../../images//next-btn.png) left top no-repeat;}
.countryList .slick-prev {left: inherit;right: 60px;background: url(../../images//prev-btn.png) left top no-repeat;}

/*hotestdeal*/
.hotestdeal {padding: 40px 0 0 0;width: 100%;overflow: hidden;position: relative;}
.hotestdeal .curve {position: absolute;right: -85px;top: 0px;max-width: 500px;}
.hotestdeal .holder {padding: 0px;list-style: none;display: flex;overflow-x: auto;margin-right: -26px;}
.hotestdeal .holder .column {width: calc(33.3% - 26px);margin-right: 26px;z-index: 1;}
.hotestdeal .holder .column .block {margin-bottom: 25px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725);border: 1px solid #e5e5e5;border-radius: 14px;
overflow: hidden;background: #fff;z-index: 1;}
.hotestdeal .holder .column img {width: 100%;}
.hotestdeal .holder .column p {margin: 0px;color: rgba(252, 90, 76, 0.9294117647);}
.hotestdeal .holder .column h4 {font-size: 20px;color: #292929;font-weight: 700;margin: 0px;}
.hotestdeal .holder .column small {font-size: 12px;color: #83898f;display: block;}
.hotestdeal .holder .column .price {background-color: #ffe03c;font-size: 20px;color: #292929;float: right;padding: 5px 10px;border-radius: 5px 0px 0px 5px;font-weight: 600;
margin-top: 10px;}
.hotestdeal .holder .column .dealContent {padding: 0 0 15px 15px;}

@media (max-width: 1199px) {
.hotestdeal {padding-top: 12px;}
}
@media (max-width: 1023px) {
.hotestdeal .holder .column {width: auto;}
.hotestdeal .holder .column .block {width: 300px;}
}


/**/


.offerbanner img {width: 100%; margin: 15px 0;}

/* hide scrollbar but allow scrolling */
@media (max-width: 1023px) {
.service_slider,
.holder,
.sortingTabBox,
.mobile__filter ul {
-ms-overflow-style: none;
scrollbar-width: none;
overflow-x: scroll;
}
}

.service_slider::-webkit-scrollbar,
.holder::-webkit-scrollbar,
.sortingTabBox::-webkit-scrollbar,
.mobile__filter ul::-webkit-scrollbar {
display: none;
}

/*Destinations*/
.destinationBox {padding: 40px 0;width: 100%;}
.destinationBox .items {padding: 0 10px;cursor: pointer;}
.destinationBox .items figure {margin-bottom: 10px;position: relative;overflow: hidden;}
.destinationBox .items figure img {width: 100%;transition: all 0.5s;border-radius: 5px;}
.destinationBox .items figure .deal {position: absolute;right: 12px;top: 12px;font-size: 11px;color: #303030;text-align: center;padding: 5px 11px;background: #fcf74b;
border-radius: 100%;height: 50px;display: flex;align-items: center;font-weight: 600;width: 50px;line-height: 14px;}
.destinationBox .items .title {padding-right: 20px;margin: 0px;display: inline-block;font-size: 18px;color: #303030;line-height: 24px;font-weight: 500;
}
.destinationBox .items .title span {display: inline-block;background: url(../../images//icons/long-arrow.svg) right 9px no-repeat;font-size: 13px;
color: #05a6f1;font-weight: 400;padding-right: 21px;}
.destinationBox .items:hover .title {color: #05a6f1;}
.destinationBox .items:hover img {transform: scale(1.2);}
.destinationBox .slick-prev,.destinationBox .slick-next {width: 46px;height: 46px;border-radius: 100%;border: 1px solid #484848;}
.destinationBox .slick-prev:before,.destinationBox .slick-next:before {font-family: "FontAwesome";font-size: 28px;content: "\f105";color: #303030;}
.destinationBox .slick-prev:before {content: "\f104";}
.destinationBox .slick-prev {left: -50px;}
.destinationBox .slick-next {right: -50px;}
.destinationBox .slick-prev:hover,.destinationBox .slick-next:hover {background: #05a6f1;border-color: #05a6f1;}
.destinationBox .slick-prev:hover:before,.destinationBox .slick-next:hover:before {color: #fff;}
.destinationBox .slick-prev.slick-disabled:hover,.destinationBox .slick-next.slick-disabled:hover {background: #fff;border: 1px solid #484848;}
.destinationBox .slick-prev.slick-disabled:hover:before,.destinationBox .slick-next.slick-disabled:hover:before {color: #303030;}
.destinationBox.border-b {border-bottom: 1px dashed #e8e9f1;}
.destinationBox .slick-list {margin: 0 -8px;}

@media (max-width: 1199px) {
.destinationBox .slick-prev {left: 0px;z-index: 1;background: #fff;}
.destinationBox .slick-next {right: 0px;z-index: 1;background: #fff;}
}
@media (max-width: 1023px) {
.destinationBox {padding: 20px 0;}
}
@media (max-width: 767px) {
.destinationBox .slick-list {padding: 0 80px 0 0 !important;}
}

@media (max-width: 479px) {
.destinationBox .slick-list {padding: 0 50px 0 0 !important;}
}

.slick-dots {bottom: -16px;}
.slick-dots li button {border: 2px solid #ccc;width: 8px;height: 8px;border-radius: 100%;}
.slick-dots li.slick-active button {border: 2px solid #05a6f1;background: #05a6f1;}

/*Flights deal section*/
.dealCntr {padding: 50px 0;width: 100%;background: rgb(30, 87, 153);
background: -moz-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% );
background: -webkit-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% );
background: linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% );

}
.dealCntr .page__title {color: #fff;}
.dealCntr h3 {font-size: 26px;color: #fff;font-weight: 300;}
.dealCntr .holder {margin-right: -30px;}
.dealCntr .deal__block {width: calc(50% - 30px);float: left;margin-right: 30px;}
.dealCntr ul.deals {list-style: none;padding: 0px;}
.dealCntr ul.deals li {margin-bottom: 15px;padding: 13px;border-radius: 5px;background: #fff;border: 1px solid #eee;font-size: 14px;
color: #898d92;transition: all 0.2s;position: relative;/*Column*/}
.dealCntr ul.deals li a {color: #303030;text-decoration: none;display: block;}
.dealCntr ul.deals li a:hover {text-decoration: none;}
.dealCntr ul.deals li .column {padding-left: 15px;width: 33.3%;float: left;border-left: 1px solid #ccc;}
.dealCntr ul.deals li .column.first-child,.dealCntr ul.deals li .column:first-child {padding-left: 0px;border-left: none;}
.dealCntr ul.deals li .airline__logo {margin-top: 7px;float: left;width: 42px;outline: 3px solid #fff;outline-offset: -2px;}
.dealCntr ul.deals li .airline__name {padding: 9px 0px 0px 10px;line-height: 20px;word-wrap: break-word;vertical-align: middle;display: flex;}
.dealCntr ul.deals li .city__code {color: #ffc107;font-size: 22px;font-weight: 700;line-height: 29px;}
.dealCntr ul.deals li .flight__icon {margin: 0px 7px;}
.dealCntr ul.deals li .small__text {font-size: 12px;}
.dealCntr ul.deals li .deal__price {margin: 0px;font-size: 23px;color: #05a6f1;font-weight: 700;line-height: 29px;}
.dealCntr ul.deals li .right__arrow {position: absolute;right: 20px;top: 50%;}
.dealCntr ul.deals li .deal_book {cursor: pointer;border: none;padding: 7px 17px;border-radius: 3px;margin: 7px auto;display: inline-block;}
.dealCntr .deal__tnc {font-size: 13px;margin: 0px;padding-top: 5px;line-height: 22px;color: #fff;}
.dealCntr .deal__tnc span {color: #fff;font-weight: 500;}
.dealCntr .deal__tnc a {color: #fff;text-decoration: underline;}
.dealCntr .deal__tnc a:hover {text-decoration: none;}
.dealCntr .mobile__deal_tab {display: none;list-style: none;border-bottom: 1px solid #ccc;overflow: hidden;margin-bottom: 26px;}
.dealCntr .mobile__deal_tab li {font-size: 16px;padding: 8px 0px;margin-right: 35px;cursor: pointer;float: left;}
.dealCntr .mobile__deal_tab li a {color: #474747;text-decoration: none;}
.dealCntr .mobile__deal_tab li.active {border-bottom: 1px solid #05a6f1;}

/*dealCntr Media start here*/
@media (max-width: 1199px) {
.dealCntr ul.deals li .city__code {font-size: 19px;}
.dealCntr ul.deals li .deal__price {font-size: 22px;}
}
@media (max-width: 1023px) {
.dealCntr ul.deals li .column.first-child,.dealCntr ul.deals li .column:first-child {width: 45%;}
.dealCntr ul.deals li .column.column-2 {width: 55%;}
.dealCntr ul.deals li .column.column-3 {width: 100%;border-left: none;border-top: 1px solid #ccc;padding-left: 0px;margin-top: 11px;padding-top: 7px;
position: relative;display: flex;align-items: center;}
.dealCntr .deal__block {width: calc(50% - 15px);margin-right: 15px;}
.dealCntr .holder {margin-right: -15px;}
.dealCntr ul.deals li .small__text {width: 62px;display: block;}
.dealCntr ul.deals li .right__arrow {margin-left: 10px;right: 10px;}
.dealCntr .deal__tnc {font-size: 11px;line-height: 20px;}
}

@media (max-width: 767px) {
.dealCntr .deal__block {width: 100%;margin-right: 0px;}
.dealCntr .holder {margin-right: 0px;}
.dealCntr {padding: 30px 0;}
.dealCntr ul.deals li .city__code {font-size: 16px;width: 44px;}
.dealCntr ul.deals li .deal__price {font-size: 18px;}
.dealCntr .mobile__deal_tab {display: block;}
}
@media (max-width: 479px) {
.dealCntr ul.deals li {padding: 10px;font-size: 12px;}
}
/*dealCntr Media here End*/

/*Hover effect

.dealCntr ul.deals li:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
height: 0px;
width: 3px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:before {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
height: 0px;
width: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:hover:before,
.dealCntr ul li:hover a:before {
height: 100%;
}

.dealCntr ul.deals li:hover:after,
.dealCntr ul li:hover a:after {
width: 100%;
}

*/
/*Hover effect*/
/* ### trustpilot box  ### */
.reviewsCntr {
padding: 40px 0;
}

.reviewsCntr .head {
padding: 25px 0;
display: flex;
flex-direction: column;
}

.reviewsCntr .head img {
width: 100px;
margin-right: 10px;
}

.reviewsCntr .head .heading {
display: flex;
align-content: center;
}

.reviewsCntr .head .heading .review {
font-weight: 600;
padding-right: 10px;
}

.trustpilotBox {
width: 100%;
position: relative;
}

.trustpilotBox .reviews {
margin-right: -20px;
}

.trustpilotBox .block {
width: 50%;
padding-right: 20px;
float: left;
}

.trustpilotBox .block .items {
padding: 20px 20px 0 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863);
}

.trustpilotBox .small_tp {
height: 18px;
}

.trustpilotBox .small_logo {
height: 24px;
}

.trustpilotBox p {
padding: 17px 0 10px 0;
min-height: 100px;
font-size: 14px;
line-height: 23px;
}

.trustpilotBox .name {
padding-bottom: 20px;
font-size: 11px;
color: rgba(64, 64, 64, 0.5490196078);
}

.trustpilotBox .reviewBottom {
padding: 10px 0;
border-top: 1px solid #f4f4f4;
font-size: 11px;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
}

.trustpilotBox .slick-list.draggable {
padding: 0 70px 30px 0 !important;
}

.trustpilotBox .slick-prev {
width: auto;
height: auto;
left: inherit;
top: 36px;
right: 45px;
}

.trustpilotBox .slick-prev:before {
font-size: 35px;
content: "\f12c";
color: #304478;
font-family: bootstrap-icons;
}

.trustpilotBox .slick-next {
width: auto;
height: auto;
top: 36px;
right: 0px;
}

.trustpilotBox .slick-next:before {
font-size: 35px;
content: "\f135";
color: #304478;
font-family: bootstrap-icons;
}

@media (max-width: 1023px) {
.greviewBox {
width: 100%;
clear: both;
padding-top: 15px;
}
}

.greviewBox {
width: 100%;
height: 220px;
overflow: hidden;
overflow-y: auto;
}

.greviewBox .reviewSec {
display: flex;
align-items: flex-start;
}

.greviewBox .reviewSec .userIcon {
width: 42px;
height: 42px;
}

.greviewBox .reviewSec .userReview {
padding-left: 25px;
}

.greviewBox .reviewSec .userReview .userName {
color: #4677fe;
font-size: 16px;
font-weight: 500;
}

.greviewBox .reviewSec .userReview .userName span {
	display: block;
	color: #c8c7c7;
	font-size: 12px;
}

.greviewBox .reviewSec .userReview .userText {
display: flex;
flex-flow: column;
padding-top: 10px;
color: #000000;
font-size: 13px;
}

span.stars,
span.stars span {
display: inline-block;
background: url(/images/stars.png) 0 -16px repeat-x;
width: 80px;
height: 16px;
margin-bottom: 10px;
}

span.stars span {
background-position: 0 0;
}

.hoteldealCntr {
padding: 20px 0 70px 0;
}

.hoteldealCntr .deal_image {
width: 100%;
}

.hoteldealCntr .deal-block {
border: 1px solid #ccc;
padding: 0 20px;
}

.hoteldealCntr .deal-block ul {
padding: 0px;
}

.hoteldealCntr .deal-block ul li {
padding: 11px 0px;
overflow: hidden;
border-bottom: 1px solid #e4e4e4;
}

.hoteldealCntr .deal-block ul li:last-child {
	border: none;
}

.hoteldealCntr .deal-block h4 {
font-size: 16px;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.hoteldealCntr .deal-block .address {
padding: 5px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.hoteldealCntr .deal-block .tripadvisor_div {
white-space: nowrap;
}

.hoteldealCntr .deal-block .tripadvisor_div .advisor-image {
background: url(../../images/trust/ratingReview.png) 0 0 no-repeat;
padding-left: 38px;
height: 21px;
}

.hoteldealCntr .deal-block .tripadvisor_div .advisorCircle {
background: url(../../images/trust/trip_rating.png) 0 -15px repeat-x;
height: 16px;
width: 80px;
display: inline-block;
cursor: pointer;
position: relative;
top: 3px;
overflow: hidden;
}

.hoteldealCntr .deal-block .tripadvisor_div .advisorCircle span {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../../images/trust/trip_rating.png) 0 0 repeat-x;
	display: block;
	height: 16px;
}

.hoteldealCntr .deal-block .tripadvisor_div .trip-rating {
border: 1px solid #eaeaea;
padding: 2px 5px;
color: #00a680;
}

.hoteldealCntr .deal-block .starting {
font-size: 12px;
}

.hoteldealCntr .deal-block .hotel-price {
font-size: 20px;
color: #05a6f1;
font-weight: 600;
}

.hoteldealCntr .deal-block .discount {
padding: 2px;
display: inline-block;
font-size: 14px;
color: #005dba;
}

/*Destination hotel deal*/
.hotel_bottom_info {
display: flex;
align-items: self-start;
justify-content: space-between;
}

.hotel_bottom_info .price {
font-size: 18px;
color: #404040;
font-weight: 600;
text-align: right;
}

.hotel_bottom_info .price small {
font-size: 12px;
display: block;
font-weight: 300;
}

.hotel_bottom_info .rating {
margin-bottom: 5px;
width: 93px;
height: 15px;
position: relative;
background: url(../../images/gray-star.svg) left top no-repeat;
}

.hotel_bottom_info .rating span {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background: url(../../images/yellow-star.png) left top no-repeat;
}

.subscribeBox {
background: #f4f4f4;
padding: 50px 0 40px 0;
border-bottom: 2px solid #e6e6e6;
}

@media (max-width: 767px) {
.subscribeBox {
padding: 20px 0;
}
}

.subscribeBox .subscribe {
display: flex;
}

@media (max-width: 767px) {
.subscribeBox .subscribe {
flex-direction: column;
}
}

.subscribeBox p {
font-size: 18px;
font-weight: 500;
margin: 0px;
}

@media (max-width: 1023px) {
.subscribeBox p {
font-size: 15px;
}
}

@media (max-width: 767px) {
.subscribeBox p {
padding-bottom: 20px;
}
}

.subscribeBox .button {
width: 225px;
border: none;
padding: 14px;
font-size: 18px;
border-radius: 5px;
}

@media (max-width: 1023px) {
.subscribeBox .button {
width: 130px;
}
}

@media (max-width: 767px) {
.subscribeBox .button {
width: 100%;
margin-top: 15px;
}
}

.subscribeBox .input {
width: calc(100% - 240px);
padding: 14px;
margin-right: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}

@media (max-width: 1023px) {
.subscribeBox .input {
width: calc(100% - 120px);
}
}

@media (max-width: 767px) {
.subscribeBox .input {
width: 100%;
}
}

.modifySearchBox {
padding: 25px 0;
background: #0095db;
position: relative;
z-index: 4;
}

@media (max-width: 1023px) {
.modifySearchBox {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding: 0px;
}

.mobile_head h4 {
margin: 0px;
font-size: 18px;
}

.modifySearchBox #mobileSearchCntr {
background: none !important;
}

.modifySearchBox #mobileSearchCntr .mobile_searchBlock {
background: none;
}
}

.modifySearchBox .modify_mobile_head {
display: none;
font-size: 14px;
color: #fff;
align-items: center;
justify-content: space-between;
margin-bottom: 23px;
}

@media (max-width: 1023px) {
.modifySearchBox .modify_mobile_head {
display: flex;
}
}

.modifySearchBox .modify_mobile_head a {
font-size: 20px;
color: #fff;
text-decoration: none;
}

.modifySearchBox .searchBlock {
background: rgba(0, 0, 0, 0.6);
border-radius: 11px;
padding: 20px 25px;
position: relative;
}

@media (max-width: 767px) {
.modifySearchBox .searchBlock {
padding: 10px;
background: none;
}
}

.modifySearchBox .search_topbar {
display: flex;
color: #fff;
padding-bottom: 3px;
}

.modifySearchBox .search_topbar .tripType {
color: #fff;
}

.modifySearchBox
.search_topbar
.inputSet
label
input[type="radio"]:checked ~ span::before {
background: #ffc107;
}

.modifySearchBox
.search_topbar
.inputSet
label
input[type="radio"]:checked ~ span {
color: #fff;
}

.modifySearchBox .search_topbar .inputSet label {
color: #fff;
}

.modifySearchBox
.search_topbar
.inputSet
label
input[type="radio"] ~ span::after {
border-color: #fff;
}

.modifySearchBox
.search_topbar
.inputSet
label
input[type="radio"]:checked ~ span::after {
border-color: #ffc107;
}

.modifySearchBox .search_topbar .class_action {
position: relative;
white-space: nowrap;
}

.modifySearchBox .search_topbar .click_div {
cursor: pointer;
}

.modifySearchBox .search_topbar .arrow-icon {
color: #ffc107;
}

.modifySearchBox .search_topbar .traveler_action_button {
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

.modifySearchBox .search_topbar .done_Btn {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
display: inline-block;
font-size: 14px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 2px;
padding: 4px 10px;
text-decoration: none;
}

.modifySearchBox .input__block {
position: relative;
}

.modifySearchBox .searchBox {
padding: 0px;
}

.modifySearchBox .inputField {
padding: 23px 20px 22px 36px;
font-size: 16px;
font-weight: 400;
color: #787878;
border: none;
border-right: 1px solid #ccc;
outline: none;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 0px;
background-color: #fff;
}

@media (max-width: 767px) {
.modifySearchBox .inputField {
border-radius: 3px;
font-size: 14px;
}

.modifySearchBox .Mobiletrip_type {
left: 7px;
}

.modifySearchBox .mobile_travelerBox {
left: 50%;
}
}

.modifySearchBox .inputField.location {
padding-left: 35px;
}

.modifySearchBox .error .inputField {
border-color: #ca2e2b;
}

.modifySearchBox .error .icons {
color: #ca2e2b;
}

.modifySearchBox input[type="text"]:focus ~ .icons,
.modifySearchBox .valid ~ .icons,
.modifySearchBox .ng-valid ~ .icons {
color: #05a6f1;
}

.modifySearchBox .icons {
position: absolute;
left: 10px;
top: 18px;
display: block;
pointer-events: none;
font-size: 20px;
}

.modifySearchBox .icons.person-icon {
font-size: 25px;
top: 5px;
}

.modifySearchBox .dates {
background: #fff;
border-radius: 0px;
width: 100%;
float: left;
padding-right: 10px;
border-left: 3px solid #ccc;
}

@media (max-width: 1023px) {
.modifySearchBox .dates {
border: none;
width: calc(100% - 36px);
margin: 12px 18px;
}
}

@media (max-width: 767px) {
.modifySearchBox .dates {
border-radius: 3px;
}
}

.modifySearchBox .dates .inputField {
border: none;
white-space: normal;
text-overflow: initial;
padding-right: 0px;
}

.modifySearchBox .no-padding {
padding: 0;
}

.modifySearchBox .pad3px {
padding: 0px;
}

.modifySearchBox .pl-8 {
padding-left: 0px;
}

.modifySearchBox .row_margin {
margin: 0px -4px;
}

.modifySearchBox .row_margin2 {
margin: 0 -6px;
}

.modifySearchBox .col-50 {
width: 50%;
float: left;
}

.modifySearchBox .col-50.return_date {
margin-left: -7px;
}

.modifySearchBox .col-50.roundtrip {
visibility: hidden;
}

.modifySearchBox .searchButton {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
width: 100%;
display: inline-block;
border: none;
font-size: 16px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 0px;
padding: 22px 0 23px 0;
outline: none;
}

@media (max-width: 1023px) {
.modifySearchBox .searchButton {
width: calc(100% - 13px);
margin-left: 13px;
}
}

@media (max-width: 767px) {
.modifySearchBox .searchButton {
border-radius: 3px;
}
}

.modifySearchBox .searchButton:hover {
background: rgb(13 110 253);
background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );
}

.modifySearchBox .tripType {
border-bottom: none;
}

.modifySearchBox .traveler_main {
position: relative;
}

.modifySearchBox .traveler_main .travllerBox {
display: none;
position: absolute;
right: 0px;
top: 6px;
z-index: 3;
}

.modifySearchBox .switch {
top: 0px;
}

/*End modify*/
/*Modify mobile Start here*/
.search__infoBox {
display: none;
padding: 5px 10px;
background: #0095db;
color: #fff;
position: relative;
}

@media (max-width: 1023px) {
.search__infoBox {
display: block;
padding: 7px 10px;
height: 56px;
}
}

.search__infoBox .column {
width: 50px;
float: left;
font-weight: 700;
font-size: 16px;
}

.search__infoBox .itenery-date {
font-size: 11px;
}

.search__infoBox i {
position: relative;
top: 0px;
}

.modify_search_mobile {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
color: #fff;
width: 70px;
text-align: center;
cursor: pointer;
height: 56px;
line-height: 55px;
font-size: 20px;
position: absolute;
right: 0;
top: 0px;
padding-top: 5px;
line-height: 44px;
}

/*End Mobile*/
.relative {
position: relative;
}

/*Extra dev*/
.modifySearchBox .angucomplete-holder span.label_name {
display: none !important;
}

.modifySearchBox .angucomplete-dropdown {
left: 0px;
width: 650px;
margin-top: 15px;
}

.modifySearchBox .inputField.input_clear.x {
background-position: right 14px;
}

td.highlight > a {
background: rgba(0, 0, 255, 0.1607843137) !important;
}

/*Extra dev*/
/*Error classess*/
.mobile-itenery {
transition: all 0.5s ease 0s;
width: 100%;
z-index: 2;
overflow: hidden;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294);
background: #fff;
}

.mobile-itenery.fixed {
position: fixed;
top: 0;
}

@media (max-width: 767px) {
.inputOrigin {
margin-bottom: 12px;
}
}

/*Filter*/
.filterBox {
width: 100%;
overflow: hidden;
padding: 12px;
}

.filterBox .inner {
padding: 10px 15px;
}

@media (max-width: 1199px) {
.filterBox .inner {
padding: 10px;
}
}

.filterBox .head {
padding-bottom: 10px;
font-size: 15px;
color: #343434;
font-weight: 700;
border-bottom: 1px solid #ccc;
}

.filterBox .subheading {
font-size: 15px;
color: #343434;
margin-bottom: 10px;
}

.filterBox .filter__list {
list-style: none;
margin-bottom: 0px;
padding: 0px;
}

.filterBox .filter__list li {
display: flex;
justify-content: space-between;
color: #5e5e5e;
padding-bottom: 7px;
}

.filterBox .filter__list li .multiairline {
height: 15px;
top: -5px;
position: relative;
margin-left: 5px;
}

.filterBox .filter__list .filter__list label {
font-weight: normal;
}

.filterBox .range_text {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.filterBox .return_time {
width: 100%;
float: left;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #ccc;
}

.filterBox .text-overflow {
display: inline-block;
max-width: 125px;
}

.filterBox .inputSet label {
padding-left: 23px;
}

/*Mobile filter filter*/
.mobile__filter {
display: none;
margin-bottom: 14px;
padding: 10px 7px 0px 48px;
position: relative;
}

@media (max-width: 1199px) {
.mobile__filter {
display: block;
background: #a9a9a9;
width: auto;
z-index: 0;
margin: 0 -17px;
padding: 10px;
height: 55px;
padding-left: 120px;
}
}

@media (max-width: 767px) {
.mobile__filter {
margin: 0 -10px;
}
}

.mobile__filter ul {
list-style: none;
padding: 0;
white-space: nowrap;
display: flex;
margin: 0px;
overflow-y: hidden;
overflow-x: scroll;
}

.mobile__filter ul li {
font-size: 12px;
font-weight: 500;
display: inline-block;
padding: 5px 18px;
line-height: 23px;
border-radius: 40px;
background: #222d4d;
color: #fff;
margin: 1px 3px;
}

.mobile__filter ul li .mobile__filter-clear {
display: none;
}

.mobile__filter ul li.active {
background: #ffc107;
color: #fff;
border-color: #ffc107;
}

.mobile__filter ul li.active a {
margin: 0px 0px 0 4px;
color: #fff;
display: inline-block;
position: relative;
top: 2px;
}

.mobile__filter .filter_link {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
font-weight: 500;
color: #fff;
position: absolute;
padding: 10px;
border-radius: 40px;
left: 10px;
width: 104px;
font-size: 14px;
text-align: center;
line-height: 1.2em;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 1;
}

.mobile__filter .filter_link i {
font-size: 20px;
margin-right: 9px;
}

.mobile_filter_tab {
background: #ffc107;
overflow: hidden;
color: #fff;
position: relative;
display: none;
}

@media (max-width: 1023px) {
.mobile_filter_tab {
display: block;
}
}

.mobile_filter_tab ul {
list-style: none;
padding: 0px;
display: flex;
background: #2e075a;
margin: 0px;
}

.mobile_filter_tab ul li a {
padding: 10px 28px;
font-weight: 600;
border-bottom: 2px solid #2e075a;
display: block;
color: #fff;
text-decoration: none;
}

.mobile_filter_tab ul li a.active,
.mobile_filter_tab ul li a:focus {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
color: #fff;
border-bottom: 2px solid #05a6f1;
}

.mobile_filter_tab h4 {
font-size: 16px;
padding: 10px;
margin: 0px;
}

.mobile_filter_tab .close_filter {
position: absolute;
right: 0px;
top: -4px;
padding: 4px 10px;
font-size: 20px;
color: #fff;
}

.filterBox.tab-pane {
display: block;
opacity: 1;
}

@media (max-width: 1023px) {
.filterBox.tab-pane {
display: none;
opacity: 0;
height: 0px;
padding: 10px;
margin: 0px;
}
}

@media (max-width: 1023px) {
.filterBox.tab-pane.active {
opacity: 1;
height: auto;
margin: inherit;
display: block;
}
}

.filter_action_button {
width: 100%;
padding: 15px;
position: fixed;
left: -200%;
bottom: 0px;
border-top: 1px solid #ccc;
background: #fff;
transition: all 0.5s;
}

.filter_action_button a {
padding: 10px;
border: 1px solid #adb4d4;
width: 45%;
display: block;
text-align: center;
font-size: 18px;
color: #ffc107;
float: left;
margin: 0 8px;
border-radius: 5px;
}

@media (max-width: 479px) {
.filter_action_button a {
width: 43%;
padding: 8px 10px;
}
}

.filter_action_button a.active {
background: #05a6f1;
border-color: #05a6f1;
color: #fff;
}

.ui-slider-horizontal {
height: 3px;
background: #bdbdbd;
border: none;
z-index: 0;
margin: 17px 16px 10px 10px;
border: none !important;
padding: 0px;
}

.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
background: #671885;
}

.ui-slider-horizontal .ui-slider-handle {
top: -0.6em;
margin-left: -0.6em;
background: #fff;
border: 3px solid #671885;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
}

/*Time filter*/
.filterBox ul.time_filter {
list-style: none;
margin-right: -9px;
overflow: hidden;
padding: 0px;
}

.filterBox ul.time_filter li {
width: calc(50% - 9px);
min-height: 75px;
margin-right: 9px;
margin-bottom: 9px;
float: left;
font-size: 12px;
border: 1px solid #ced0d4;
border-radius: 12px;
text-align: center;
padding: 0 9px 9px;
cursor: pointer;
}

.filterBox ul.time_filter li .icons {
width: 34px;
height: 34px;
display: block;
margin: 0px auto;
}

.filterBox ul.time_filter li .icons.icon_earlymorning {
background: url(../../images//icons/early_morning.svg) center center no-repeat;
}

.filterBox ul.time_filter li .icons.icon_morning {
background: url(../../images//icons/morning.svg) center center no-repeat;
}

.filterBox ul.time_filter li .icons.icon_afternoon {
background: url(../../images//icons/afternoon.svg) center center no-repeat;
}

.filterBox ul.time_filter li .icons.icon_evening {
background: url(../../images//icons/evening.svg) center center no-repeat;
}

.filterBox ul.time_filter li.selected,
.filterBox ul.time_filter li:hover {
background: #671885;
border-color: #671885;
color: #fff;
}

.filterBox ul.time_filter li.selected .icon_earlymorning,
.filterBox ul.time_filter li:hover .icon_earlymorning {
background: url(../../images//icons/early_morning-hover.svg) center center no-repeat;
}

.filterBox ul.time_filter li.selected .icon_morning,
.filterBox ul.time_filter li:hover .icon_morning {
background: url(../../images//icons/morning-hover.svg) center center no-repeat;
}

.filterBox ul.time_filter li.selected .icon_afternoon,
.filterBox ul.time_filter li:hover .icon_afternoon {
background: url(../../images//icons/afternoon-hover.svg) center center no-repeat;
}

.filterBox ul.time_filter li.selected .icon_evening,
.filterBox ul.time_filter li:hover .icon_evening {
background: url(../../images//icons/evening-hover.svg) center center no-repeat;
}

.filterBox ul.time_filter li strong {
display: block;
}

.filterBox ul.time_filter li .time {
font-weight: 500;
}

/*results box start*/
.resultsBox {
margin-bottom: 20px;
padding: 5px 20px;
width: 100%;
border-radius: 10px;
border: 1px solid #f5f5f5;
background: #fff;
box-shadow: 0 0 6px #00000029;
/*Flight row end*/
/*Price */
/**/
/**/
}

.resultsBox:hover {
border-color: #671885;
box-shadow: 0 35px 42px rgba(196, 196, 196, 0.231372549);
}

@media (max-width: 1199px) {
.resultsBox {
padding: 5px 12px;
}
}

@media (max-width: 767px) {
.resultsBox {
margin: 0px 0px 15px 0px;
width: auto;
}
}

.resultsBox .flight__row {
padding: 11px 0px 18px 0;
color: #6b6b6b;
}

@media (max-width: 767px) {
.resultsBox .flight__row {
padding: 4px 0 5px 0;
}
}

.resultsBox .flight__row .head {
font-size: 16px;
color: #484848;
margin-bottom: 20px;
font-weight: 600;
}

@media (max-width: 767px) {
.resultsBox .flight__row .head {
font-size: 13px;
margin-bottom: 10px;
}
}

.resultsBox .flight__row .head .date {
font-weight: 400;
font-size: 14px;
}

@media (max-width: 767px) {
.resultsBox .flight__row .head .date {
font-size: 12px;
}
}

.resultsBox .flight__row .airline_logo {
float: left;
width: 42px;
}

@media (max-width: 767px) {
.resultsBox .flight__row .airline_logo {
width: 32px;
}
}

.resultsBox .flight__row .flights_info {
padding-left: 10px;
width: 185px;
float: left;
}

@media (max-width: 1199px) {
.resultsBox .flight__row .flights_info {
padding-left: 7px;
width: 142px;
}
}

.resultsBox .flight__row .flights_info .airline_name {
color: #484848;
font-weight: 500;
}

.resultsBox .flight__row .flights_info .flights_number {
color: #6b6b6b;
}

@media (max-width: 1199px) {
.resultsBox .flight__row .flights_info .flights_number {
font-size: 13px;
white-space: nowrap;
}
}

.resultsBox .flight__row .leg-details {
/*leg*/
/*leg*/
}

@media (max-width: 767px) {
.resultsBox .flight__row .leg-details {
margin-top: 15px;
}
}

.resultsBox .flight__row .leg-details .city {
width: 70px;
float: left;
}

.resultsBox .flight__row .leg-details .time {
font-weight: 700;
color: #000;
}

.resultsBox .flight__row .leg-details .connnecting-block {
padding: 13px 10px 0 24px;
float: left;
width: calc(100% - 140px);
position: relative;
margin-left: -7px;
margin-right: 7px;
}

.resultsBox .flight__row .leg-details .leg-points {
border-top: 1px dashed gray;
height: 2px;
position: relative;
text-align: center;
}

.resultsBox .flight__row .leg-details .leg-points:before {
content: "";
width: 30px;
height: 22px;
display: block;
position: absolute;
left: -20px;
top: -12px;
background: #fff url(../../images/icons/plane.svg) left center no-repeat;
}

.resultsBox .flight__row .leg-details .leg-points:after {
content: "";
position: absolute;
right: -5px;
top: -10px;
height: 18px;
background: #fff url(../../images/icons/location.svg) right center no-repeat;
width: 17px;
}

.resultsBox .flight__row .leg-details .leg-points .stops {
font-size: 12px;
text-align: center;
width: 55px;
display: inline-block;
margin-top: -10px;
line-height: 2em;
color: #5c5c5c;
position: relative;
}

.resultsBox .flight__row .leg-details .leg-points .stops:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
position: unset;
margin-top: 3px;
border: 1px solid #f9cfa4;
border-radius: 100%;
background: #fff;
}

.resultsBox .flight__row .leg-details .leg-points .stops:after {
content: "";
width: 5px;
height: 5px;
display: inline-block;
margin-top: 3px;
background: #671885;
border-radius: 100%;
position: absolute;
left: 25px;
top: 4px;
}

.resultsBox .flight__row .leg-details .leg-points .stops b {
position: relative;
top: -5px;
}

.resultsBox .flight__row .leg-details .leg-points .layovertime {
width: 100%;
position: absolute;
top: -20px;
left: 0px;
}

.resultsBox .flight__row.return_flights {
border-top: 1px dashed #ccc;
margin-top: 5px;
}

.resultsBox .top_row_mobile {
border-bottom: 1px dashed #ccc;
margin-bottom: 5px;
font-size: 11px;
}

.resultsBox .top_row_mobile .mobile_alternate {
float: left;
margin-left: 0px;
}

.resultsBox .price_list {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
border-left: 1px dashed #ccc;
}

@media (max-width: 767px) {
.resultsBox .price_list {
border-left: none;
align-items: self-start;
padding-bottom: 2px;
flex-direction: row;
justify-content: space-between;
}
}

.resultsBox .price_list .price {
font-size: 25px;
color: #393939;
font-weight: bold;
position: relative;
min-height: 35px;
display: block;
cursor: pointer;
}

@media (max-width: 767px) {
.resultsBox .price_list {
padding: 5px 0;
}

.resultsBox .price_list .price {
font-size: 18px;
min-height: inherit;
color: #1cd324;
}
}

.resultsBox .price_list .price sup {
font-size: 0.75rem;
}

.resultsBox .price_list .per_person {
font-size: 14px;
}

.resultsBox .price_list .select__btn {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
padding: 12px 35px 0 35px;
color: #fff;
font-size: 16px;
border-radius: 48px;
height: 48px;
font-weight: 600;
text-decoration: none;
width: 145px;
text-align: center;
}

.resultsBox .price_list .select__btn i {
position: relative;
top: 0px;
}

.resultsBox .price_list .select__btn:hover {
background: rgb(13 110 253);
background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );
text-decoration: none;
}

@media (max-width: 479px) {
.resultsBox .price_list .select__btn {
font-size: 15px;
width: 100%;
height: auto;
line-height: inherit;
border-radius: 40px;
padding: 10px 30px;
text-transform: uppercase;
}
}

.resultsBox .price_list .seat_left {
font-weight: 400;
}

@media (max-width: 767px) {
.resultsBox .price_list .seat_left {
white-space: nowrap;
font-size: 11px;
text-align: center;
margin-top: 13px !important;
}
}

.resultsBox .results_bottom {
padding: 6px 0px;
border-top: 1px solid #ccc;
}

.resultsBox .results_bottom .bagguage_fees {
font-size: 13px;
padding-left: 22px;
display: inline-block;
color: #6b6b6b;
text-decoration: none;
background: url(../../images/icons/baggage.svg) left center no-repeat;
}

.resultsBox .results_bottom .bagguage_fees:hover {
color: #05a6f1;
}

.resultsBox .results_bottom .flight_detail_btn {
color: #ffc107;
font-weight: 500;
text-decoration: none;
padding-right: 0px;
}

.resultsBox .results_bottom .flight_detail_btn i {
position: relative;
top: 0px;
}

.resultsBox .results_bottom .flight_detail_btn:hover {
color: #05a6f1;
}

.save_price_msg {
background: #0fa848;
padding: 6px 20px;
color: #fff;
display: inline-block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

@media (max-width: 1199px) {
.resultsBox .results_bottom .flight_detail_btn {
padding-right: 10px;
}
}

@media (max-width: 767px) {
.save_price_msg {
padding: 6px 10px;
}
}

.mobile_class_type {
font-size: 12px;
font-weight: 400;
float: right;
margin: 2px;
color: #939393;
}

/*results box end*/
.repeat_results {
position: relative;
}

.mobile_Resultsclick {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 110%;
height: 100%;
margin: 0px -20px;
}

#scrollBottomtop {
background: #05a6f1;
position: fixed;
right: 20px;
bottom: 70px;
color: #fff;
cursor: pointer;
display: none;
font-size: 30px;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
text-align: center;
z-index: 1;
}

#scrollBottomtop:focus {
border: none;
}

#airlines.filterBox-box .text-overflow {
width: 145px;
}

/*Common Css*/
.cursor {
cursor: pointer;
}

.text-red {
color: #05a6f1;
}

.text-link-red {
color: #05a6f1;
text-decoration: underline !important;
}

.overflow {
overflow: hidden;
}

.oneway_resultsDiv {
margin-top: 50px;
}

@media (max-width: 767px) {
.oneway_resultsDiv {
margin-top: 0px;
}
}

.price_row {
background: #f1f1f1;
margin: -16px -20px 10px -20px;
padding: 10px 20px;
border-radius: 15px 15px 0 0;
}

.price_row .fare__breakup {
margin-left: 30px;
}

.midLoading {
position: fixed;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
top: 0;
}

.midLoading .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.noResultTfn {
font-size: 20px;
color: #05a6f1;
text-decoration: none;
font-weight: 700;
}

/*Flights detail Strat here*/
.flightDetailWrapper {
position: fixed;
top: 0;
right: 0;
z-index: 9;
background-color: rgba(0, 0, 0, 0.35);
overflow-x: hidden;
overflow-y: hidden;
width: 0px;
}

.flightDetailWrapper .flightDetail_popup {
width: 580px;
float: right;
background: #fff;
position: relative;
height: 100vh;
/*Bottom*/
/*Flightdetail*/
/*End tab*/
/*route start */
/*route end */
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup {
width: 100%;
}
}

.flightDetailWrapper .flightDetail_popup .head {
padding: 20px 30px 0px 30px;
position: relative;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .head {
padding: 10px 10px;
font-size: 16px;
background: #0095db;
overflow: hidden;
color: #fff;
}

.flightDetailWrapper .flightDetail_popup .head .page__title {
margin: 0px;
font-size: 16px;
color: #fff;
}

.flightDetailWrapper .flightDetail_popup .head .page__title:after {
bottom: -9px;
display: none;
}
}

.flightDetailWrapper .flightDetail_popup .close_detail {
font-size: 20px;
color: #898d92;
padding-left: 25px;
position: absolute;
right: 30px;
top: 10px;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .close_detail {
right: 20px;
top: 1px;
font-size: 20px;
color: #fff;
}
}

.flightDetailWrapper .flightDetail_popup .close_detail:hover {
text-decoration: none;
color: #05a6f1;
}

.flightDetailWrapper .flightDetail_popup .page__title {
font-size: 18px;
text-align: left;
}

.flightDetailWrapper .flightDetail_popup .page__title strong {
display: inline-block;
}

.flightDetailWrapper .flightDetail_popup .page__title:after {
bottom: -9px;
}

.flightDetailWrapper .flightDetail_popup .bagguage_fees {
float: left;
margin-top: 10px;
font-size: 13px;
padding-left: 22px;
display: inline-block;
color: #6b6b6b;
text-decoration: none;
background: #fff url(../../images/icons/baggage.svg) left center no-repeat;
}

.flightDetailWrapper .flightDetail_popup .bagguage_fees:hover {
color: #05a6f1;
}

.flightDetailWrapper .flightDetail_popup .detail_footer {
position: fixed;
right: 200%;
width: 580px;
background: #fff;
bottom: 0px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137);
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .detail_footer {
width: 100%;
}
}

.flightDetailWrapper .flightDetail_popup .bottom {
padding: 15px 30px 15px 30px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137);
position: absolute;
width: 100%;
bottom: 0;
background: #ffffff;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .bottom {
padding: 10px;
}
}

.flightDetailWrapper .flightDetail_popup .price_list {
display: flex;
justify-content: space-between;
align-items: center;
}

.flightDetailWrapper .flightDetail_popup .price_list .price {
font-size: 22px;
color: #f8771d;
font-weight: bold;
position: relative;
line-height: 21px;
display: block;
margin-right: 50px;
text-align: center;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .price_list .price {
font-size: 16px;
margin-right: 25px;
}
}

.flightDetailWrapper .flightDetail_popup .price_list .price sup {
font-size: 0.75rem;
}

.flightDetailWrapper .flightDetail_popup .price_list .per_person {
font-size: 11px;
display: block;
color: #9b9b9b;
line-height: 13px;
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
padding: 12px 35px 0 35px;
color: #fff;
font-size: 16px;
border-radius: 48px;
height: 48px;
font-weight: 600;
text-decoration: none;
text-align: center;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .price_list .select__btn {
padding: 10px 20px;
font-size: 14px;
height: auto;
}
}

@media (max-width: 479px) {
.flightDetailWrapper .flightDetail_popup .price_list .select__btn {
font-size: 14px;
}
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn i {
position: relative;
top: 0px;
}

@media (max-width: 479px) {
.flightDetailWrapper .flightDetail_popup .price_list .select__btn i {
margin-left: 2px !important;
}
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn:hover {
background: rgb(13 110 253);
background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );
text-decoration: none;
}

.flightDetailWrapper .flightDetail_popup .flight_left {
float: left;
display: flex;
align-items: center;
justify-content: flex-start;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flight_left {
display: none;
}
}

.flightDetailWrapper .flightDetail_popup .flight_left .citycode {
padding: 0 12px;
font-size: 11px;
color: #9b9b9b;
}

.flightDetailWrapper .flightDetail_popup .flight_left .citycode strong {
display: block;
font-size: 18px;
color: #484848;
}

.flightDetailWrapper .flightDetail_popup .flightDetail {
padding: 0px 30px;
height: calc(100vh - 95px);
background: #fff;
color: #8a8a8a;
overflow-y: auto;
overflow-x: hidden;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flightDetail {
padding: 0 10px;
}
}

.flightDetailWrapper .flightDetail_popup .flighttab {
list-style: none;
width: 100%;
float: left;
padding: 0px;
border-bottom: 1px solid #dfdfdf;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flighttab {
margin: 10px 0;
width: auto;
overflow: hidden;
float: none;
border-bottom: none;
}
}

.flightDetailWrapper .flightDetail_popup .flighttab li {
float: left;
margin-right: 30px;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flighttab li {
width: 45%;
margin-right: 15px;
}
}

@media (max-width: 479px) {
.flightDetailWrapper .flightDetail_popup .flighttab li {
width: 43%;
}
}

.flightDetailWrapper .flightDetail_popup .flighttab li a {
font-size: 16px;
color: #484848;
text-decoration: none;
padding: 0 0px 7px 0;
display: block;
position: relative;
cursor: pointer;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flighttab li a {
font-size: 14px;
padding: 4px 10px;
border: 2px solid #ccc;
text-align: center;
border-radius: 5px;
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active {
border-color: #671885;
}
}

.flightDetailWrapper .flightDetail_popup .flighttab li a:before {
content: "";
height: 2px;
position: absolute;
left: 0px;
bottom: -1px;
transition: all 0.5s;
width: 0px;
display: block;
background: #05a6f1;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .flighttab li a:before {
display: none;
}
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active,
.flightDetailWrapper .flightDetail_popup .flighttab li a.active:before {
width: 100%;
color: #ffc107;
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active {
color: #671885;
}

.flightDetailWrapper .flightDetail_popup .airlines__details {
font-size: 13px;
line-height: 1.5em;
color: #949494;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .airlines__details {
font-size: 11px;
line-height: 17px;
}
}

.flightDetailWrapper .flightDetail_popup .airlines__details .air-name {
font-size: 14px;
color: #484848;
}

.flightDetailWrapper .flightDetail_popup .airlines__details img {
width: 32px;
float: left;
margin-right: 10px;
}

.flightDetailWrapper .flightDetail_popup .airlines__details .detail {
width: calc(100% - 45px);
float: left;
}

.flightDetailWrapper .flightDetail_popup .route__info {
padding: 40px 0;
font-size: 13px;
position: relative;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .route__info {
padding: 0 20px;
margin: 15px 0 35px 0;
border-left: 2px dashed #ccc;
}

.flightDetailWrapper .flightDetail_popup .route__info:after,
.flightDetailWrapper .flightDetail_popup .route__info:before {
content: "";
width: 10px;
height: 10px;
display: block;
border: 2px solid #05a6f1;
position: absolute;
left: -6px;
top: 0px;
border-radius: 100%;
background: #fff;
}

.flightDetailWrapper .flightDetail_popup .route__info:before {
top: inherit;
bottom: 0px;
}
}

.flightDetailWrapper .flightDetail_popup .route__info .time {
font-size: 14px;
color: #484848;
font-weight: 600;
margin-top: 28px;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .route__info .time {
margin-top: 2px;
}
}

.flightDetailWrapper .flightDetail_popup .route__info .date {
position: relative;
}

@media (max-width: 767px) {
.flightDetailWrapper .flightDetail_popup .route__info .date .highlight {
display: inline-block;
}

.flightDetailWrapper .flightDetail_popup .route__info .date .message_display {
position: static;
display: inline-block;
}
}

.flightDetailWrapper .flightDetail_popup .route__info .destination_fullname {
position: relative;
}

.flightDetailWrapper
.flightDetail_popup
.route__info
.destination_fullname
.message_display {
top: inherit;
bottom: -25px;
position: static;
}

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar {
width: 60%;
height: 2px;
border-top: 2px dashed #dfdfdf;
position: absolute;
left: 0px;
top: 72px;
}

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:after,
.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before {
content: "";
width: 10px;
height: 10px;
display: block;
border: 2px solid #05a6f1;
position: absolute;
right: 0px;
top: -6px;
border-radius: 100%;
background: #fff;
}

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before {
right: inherit;
left: 0px;
}

.flightDetailWrapper
.flightDetail_popup
.route__info
.connecting__bar
.duretion_time {
position: absolute;
left: 50%;
margin-top: -30px;
text-align: center;
}

.flightDetailWrapper
.flightDetail_popup
.route__info
.connecting__bar
.duretion_time
img {
background: #fff;
padding: 0 6px;
display: block;
}

.flightDetailWrapper .flightDetail_popup .route__info .TripTime {
margin: 15px;
}

.flightDetailWrapper .flightDetail_popup .route__info .message_display {
position: absolute;
left: 0px;
top: -25px;
margin: 0px;
}

.flightDetailWrapper .flightDetail_popup .layover {
padding: 7px 20px;
font-size: 12px;
color: #787878;
background: #fff3ee;
text-align: center;
margin-bottom: 20px;
}

.flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch {
position: relative;
top: 0px;
margin-right: 4px;
}

.flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch:before {
content: "";
margin: 0px;
}

/*Flight detail end */
.information_msg {
font-size: 11px;
color: #9b9b9b;
font-weight: 400;
}

.highlight {
color: #0fa848;
font-weight: 500;
}

.message_display {
border: 1px solid #0fa848;
color: #0fa848;
padding: 2px 10px;
border-radius: 22px;
font-size: 11px;
margin: 0px 5px;
}

.text-overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.open-model {
overflow: hidden;
}

/*matrix view start here */
.matrixBox {
margin: 0 0;
}

.matrixBox .matrix__wrap {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 0px;
}

.matrixBox .matrix__aside {
position: relative;
float: left;
width: 146px;
z-index: 1;
background: #fff;
box-shadow: 0 3px 18px #0000000d;
border-radius: 10px;
overflow: hidden;
}

.matrixBox .matrix__aside .matrix__box {
color: #1e0040;
border-top: 1px solid #ececec;
white-space: nowrap;
}

.matrixBox .matrix__aside .matrix__box i {
margin-left: 6px;
position: absolute;
right: 9px;
}

.matrixBox .matrix__slider {
position: relative;
float: left;
width: calc(100% - 146px);
padding-right: 85px;
}

.slick-slide {
padding: 0 10px;
}

.matrixBox .matrix__slider .items {
transition: all 0.5s;
border: 1px solid transparent;
width: 200px;
float: left;
overflow: hidden;
background: #fff;
box-shadow: 0 3px 18px #0000000d;
border-radius: 10px;
}

.matrixBox .matrix__slider .matrix__logo {
width: 35px;
height: 35px;
margin-bottom: 10px;
outline: 3px solid #fff;
outline-offset: -2px;
}

.matrixBox .matrix__slider .matrix__airline-name {
line-height: 16px;
margin-left: 5px;
color: #9a9a9a;
font-size: 12px;
overflow: hidden;
max-width: 75px;
text-overflow: ellipsis;
}

.matrixBox .matrix__box-lg {
color: #9a9a9a;
font-size: 12px;
height: 50px;
position: relative;
cursor: pointer;
padding: 8px 10px;
display: flex;
}

.matrixBox .matrix__box-lg .multiairline {
position: absolute;
right: 6px;
top: 30px;
height: 14px;
}

.matrixBox .matrix__box {
display: block;
font-size: 13px;
border-top: 1px solid #ececec;
height: 40px;
cursor: pointer;
line-height: 26px;
padding: 8px 10px;
font-weight: 500;
}

.matrixBox .matrix__box:hover {
background: #fff5f5;
color: #fe476c;
}

.matrixBox .matrix__box-lg.matrixdisabled:hover,
.matrixBox .matrix__box.matrixdisabled:hover {
background: transparent;
cursor: default;
font-weight: 400;
}

.matrixBox .disclaimer {
font-size: 12px;
}

.matrixBox .slick-next, .matrixBox .slick-prev {
right: 0px;
top: 50%;
background: linear-gradient(90deg,rgb(13 110 253) 0%, rgb(113, 14, 119) 100%);
width: 28px;
height: 28px;
border-radius: 100%;
border: none;
}

.matrixBox .slick-next.slick-disabled,
.matrixBox .slick-prev.slick-disabled {
background: #909090;
}

.matrixBox .slick-prev {
left: inherit;
right: 34px;
}

.matrixBox .slick-prev:before, .matrixBox .slick-next:before {
color: #fff;
opacity: 1;
font-family: "FontAwesome";
content: "\f105";
}

.matrixBox .slick-prev:before {
font-family: "FontAwesome";
content: "\f104";
}

.matrixBox .collapse.show {
display: inline !important;
}

.matrixBox .learn-more {
color: #05a6f1;
}

@media (min-width: 1023px) {
.matrixBox .matrix__slider .items:hover, .matrixBox .matrix__slider .items.selected {
border-color: #FC99AD;
box-shadow: 1px 10px 10px #4D0C1940;
margin-top: -9px;
}
}

@media (max-width: 1023px) {
.matrixBox {
padding-top: 20px;
}
}

@media (max-width: 767px) {
.matrixBox .matrix__aside {
width: 95px;
border-radius: 0px;
}

.matrixBox .matrix__slider .items {
border-radius: 0px;
width: auto;
overflow: initial;
box-shadow: none;
border: none;
border-left: 1px solid #DBDBDB;
}

.matrixBox {
margin: 0px -7px 10px -7px;
}

.matrixBox .matrix__slider {
width: calc(100% - 95px);
padding-right: 0px;
display: flex;
white-space: nowrap;
padding-bottom: 10px;
overflow-x: auto;
}

.matrixBox .matrix__slider .items .mtblock {
width: 110px;
}

.matrixBox .matrix__slider .matrix__airline-name {
font-size: 11px;
overflow: hidden;
/* max-width: 75px; */
text-overflow: ellipsis;
white-space: normal;
}

.matrixBox .slick-next,
.matrixBox .slick-prev {
top: -23px;
}

.matrixBox .matrix__slider .matrix__logo {
width: 24px;
height: 24px;
margin-bottom: 4px;
}

.matrixBox .matrix__box {
height: 32px;
line-height: 16px;
font-size: 12px;
}

#resultsCntr .rightCntr, .resultsCntr .rightCntr {
overflow: initial !important;
}

.matrixBox .disclaimer {
padding-left: 10px;
}
}

/*Matrix view end here*/

/*Tooltip Stop hover*/
.tooltipBox,
.tooltipBox {
background: #292f33;
color: #fff;
bottom: 100%;
display: block;
width: 280px;
border-radius: 5px;
padding: 9px 10px;
font-size: 12px;
opacity: 0;
pointer-events: none;
position: absolute;
left: 50%;
transition: all 0.25s ease-out;
transform: translateX(-50%);
}

.tooltipBox p,
.tooltipBox p {
margin: 0px;
}

.tooltipBox:before,
.tooltipBox:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

.tooltipBox:after,
.tooltipBox:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #292f33 10px;
bottom: -8px;
content: " ";
height: 0;
left: 53%;
position: absolute;
width: 0;
transform: translateX(-53%);
}

.connnecting-block:hover .tooltipBox {
opacity: 1;
pointer-events: auto;
}

@media (max-width: 767px) {
.connnecting-block:hover .tooltipBox {
opacity: 0;
}
}

/*Custom Tooltip hover*/
.tooltip_block {
position: relative;
display: inline-block;
}

.tooltip_block:hover .custom_tooltip {
display: block;
}

.tooltip-icon {
position: relative;
top: -2px;
}

.custom_tooltip {
width: 320px;
display: none;
position: absolute;
top: 31px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 11px 13px;
font-size: 12px;
color: #444444;
border: 1px solid #e0e0e0;
z-index: 1;
box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.1607843137);
}

.custom_tooltip:before,
.custom_tooltip:after {
content: "";
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -10px;
left: 47%;
border-bottom: 10px solid #ccc;
}

.custom_tooltip:after {
border-bottom: 11px solid #fff;
z-index: 1;
}

.custom_tooltip .tooltip_close {
display: none;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 26px;
line-height: 26px;
}

.popup_Box {
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
overflow-y: auto;
}

.popup_Box .center-block {
width: 100%;
height: 100%;
z-index: 1001;
display: table;
table-layout: fixed;
}

.popup_Box .outer {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 40px 0;
}

.popup_Box .outer.call_fullwindow {
padding: 0px;
}

.popup_Box .outer.call_fullwindow .close__popup {
top: 4px;
z-index: 1;
right: 12px;
}

.popup_Box .close__popup {
width: 38px;
text-align: center;
background: #fff;
display: inline-block;
height: 33px;
position: absolute;
right: 0px;
top: -31px;
font-size: 18px;
padding-top: 5px;
color: #05a6f1;
}

.button {
background: #05a6f1;
color: #fff;
}

.button:hover {
background: #ffc107;
color: #fff;
}

/*Session expire start here*/
.session__expire {
width: 420px;
margin: 0px auto;
background: #fff;
padding: 36px;
position: relative;
border-radius: 5px;
}

@media (max-width: 479px) {
.session__expire {
width: 95%;
padding: 15px;
}
}

.session__expire .clock_tym {
width: 60px;
margin: 0px auto;
}

.session__expire .clock_tym img {
width: 100%;
}

.session__expire h3 {
font-size: 22px;
font-weight: 600;
margin: 12px 0;
}

.session__expire .call_us {
overflow: hidden;
border-top: 1px dotted #ccc;
padding-top: 11px;
}

.session__expire .call_us .call_icon {
width: 50px;
margin-top: 11px;
}

.session__expire .left {
width: calc(100% - 80px);
float: left;
padding-left: 15px;
text-align: left;
border-left: 1px solid #ccc;
margin-left: 18px;
color: #3b3b3b;
}

.session__expire .left a {
font-size: 22px;
color: #05a6f1;
font-weight: 700;
display: inline-block;
}

.session__expire .timeStart {
padding-top: 12px;
padding-bottom: 10px;
font-size: 12px;
}

.session__expire .timeStart .seconds {
font-size: 30px;
color: #05a6f1;
font-weight: 700;
line-height: 40px;
}

.session__expire .time_text {
font-size: 14px;
margin: 0px;
}

/*Session expire end here*/
.popup-btn {
display: flex;
align-items: center;
justify-content: center;
}

.popup-btn .searchbtn {
background: #ced0d4;
color: #fff;
font-size: 15px;
width: 167px;
text-align: center;
padding: 12px 5px;
border: 0;
border-radius: 3px;
font-weight: 600;
display: inline-block;
}

.popup-btn .searchbtn.active {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
margin-right: 10px;
}

/*No Results page Start here*/
.no__resultsBox {
margin-bottom: 20px;
padding: 50px 20px;
width: 100%;
border-radius: 3px;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294);
background: #fff;
text-align: center;
}

.no__resultsBox .head {
font-size: 21px;
color: #484848;
font-weight: 600;
padding: 20px 0 10px 0;
}

.no__resultsBox .resetFilter_button {
background: #05a6f1;
padding: 7px 20px;
border-radius: 3px;
text-decoration: none;
color: #fff;
}

.no__resultsBox .resetFilter_button i {
margin-right: 7px;
}

.no__resultsBox .resetFilter_button:hover {
background: #ffc107;
text-decoration: none;
}

/*No Results page End here*/
/*Baggage Fees popup start here*/
.baggage__fees {
width: 820px;
margin: 0px auto;
background: #fff;
padding: 20px;
position: relative;
}

@media (max-width: 767px) {
.baggage__fees {
width: 420px;
padding: 15px;
}
}

@media (max-width: 479px) {
.baggage__fees {
width: 95%;
}
}

.baggage__fees h3 {
font-size: 19px;
font-weight: 600;
margin: 14px 0 20px 0;
padding-bottom: 5px;
}

@media (max-width: 767px) {
.baggage__fees h3 {
font-size: 16px;
}
}

.baggage__fees .baggage_block {
padding: 8px 15px;
background: #edeef3;
margin: 10px 0;
}

@media (max-width: 767px) {
.baggage__fees .baggage_block {
margin: 10px -15px;
}
}

.baggage__fees .baggage_block img {
width: 40px;
margin-right: 10px;
}

.baggage__fees .baggage_block a {
background: #05a6f1;
color: #fff;
text-decoration: none;
margin-top: 5px;
display: inline-block;
padding: 5px 10px;
border-radius: 2px;
white-space: nowrap;
font-size: 13px;
}

.baggage__fees .small_text {
font-size: 12px;
position: relative;
padding-left: 17px;
}

.baggage__fees .small_text i {
position: absolute;
left: 0px;
top: 0px;
}

.baggage__fees .text-link {
color: #05a6f1;
}

.baggage__fees .baggage_banner {
width: 100%;
}

/*Mid popup start here*/
.mid_page__loading {
width: 340px;
margin: 0px auto;
background: #fff;
position: relative;
padding: 18px;
overflow: hidden;
}

@media (max-width: 479px) {
.mid_page__loading {
width: 95%;
padding: 15px;
}
}

.mid_page__loading img {
float: left;
width: 131px;
}

.mid_page__loading p {
font-size: 16px;
line-height: 24px;
float: left;
margin: 0px;
border-left: 1px solid #ccc;
padding: 0 0 0 20px;
margin-left: 20px;
}

.mid_page__loading .dot span {
font-size: 28px;
line-height: 15px;
animation-name: blink;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-fill-mode: both;
}

.mid_page__loading .dot span:nth-child(2) {
animation-delay: 0.2s;
}

.mid_page__loading .dot span:nth-child(3) {
animation-delay: 0.4s;
}

@keyframes blink {
0% {
opacity: 0.2;
}

20% {
opacity: 1;
}

100% {
opacity: 0.2;
}
}

/*Mid popup end here*/
.mobilecall_fullwindow {
padding: 0px;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}

.mobilecall_fullwindow .title {
font-weight: 300;
text-transform: capitalize;
font-size: 33px;
padding-bottom: 13px;
padding-top: 10px;
}

.mobilecall_fullwindow .callBannerBox {
background: #2139ac;
color: #fff;
text-align: center;
}

.mobilecall_fullwindow .image-responsive {
width: 100%;
}

.mobilecall_fullwindow .content_popup {
padding: 20px 0;
}

.mobilecall_fullwindow .call_button {
width: 100%;
background: #fb3d4e;
border: none;
font-weight: 700;
font-size: 18px;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 3px;
padding: 14px;
outline: none;
display: block;
}

.mobilecall_fullwindow h2 {
font-size: 21px;
font-weight: 400;
padding: 22px;
margin: 0px;
line-height: 32px;
}

/*Increase fare*/
.increasefare {
width: 520px;
margin: 0px auto;
background: #fff;
padding: 25px;
position: relative;
border-radius: 5px;
}

.increasefare h4 {
font-size: 21px;
}

@media (max-width: 767px) {
.increasefare h4 {
font-size: 16px;
}
}

@media (max-width: 479px) {
.increasefare {
width: 95%;
padding: 15px;
}
}

.increasefare small {
display: block;
padding-top: 20px;
}

.increasefare .icons {
background: #671885;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 100%;
color: #fff;
align-items: center;
justify-content: center;
line-height: 40px;
margin-bottom: 15px;
font-size: 27px;
}

/*promoBox fare*/
.promoBox {
width: 520px;
margin: 0px auto;
background: #fff;
padding: 25px;
position: relative;
border-radius: 5px;
}

.promoBox h4 {
font-size: 18px;
}

@media (max-width: 479px) {
.promoBox {
width: 95%;
padding: 15px;
}
}

.promoBox .couponList {
list-style: none;
padding: 10px 0;
}

.promoBox .couponList li {
font-size: 11px;
border-bottom: 1px solid #ececec;
padding: 11px 0;
}

.promoBox .couponList li p {
margin: 0px;
}

.promoBox .promo-key {
display: inline-block;
border: 1px dashed #02cb66;
padding: 3px 10px;
color: #02cb66;
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
min-width: 85px;
text-align: center;
}

.promoBox .save {
color: #db9a00;
margin-left: 5px;
font-size: 14px;
}

.loaderBox img {
width: 100%;
}

.loading-icon {
display: none;
background: url(../../images/icons/flights-blue.svg) no-repeat center center;
width: 94px;
height: 94px;
line-height: 90px;
border-radius: 50%;
margin: 0 auto;
position: relative;
}

.loading-circle {
border: 3px solid #dddddd;
border-radius: 50%;
border-top: 5px solid #05a6f1;
width: 90px;
height: 90px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border-width: 5px;
}

.img_responsive {
width: 100%;
}

.mid__loading {
padding: 150px 30px 50px 30px;
/* background-image: url(../../images/ff-loader-red.gif);
background-size: cover;*/
margin-bottom: 30px;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 5;
background-position: center 160px;
background-repeat: no-repeat;
background-color: #fefefe;
}

.midlogo {
position: absolute;
left: 30px;
top: 0;
z-index: 0;
width: 180px;
display: block;
}

@media (max-width: 767px) {
.mid__loading {
margin: 0px 0;
width: 100%;
padding: 150px 30px 0 30px;
text-align: center;
}
}

.mid__loading .head {
padding: 10px 0;
font-size: 26px;
font-weight: 800;
text-transform: uppercase;
}

@media (max-width: 479px) {
.mid__loading .head {
font-size: 17px;
}
}

@media (max-width: 767px) {
.mid__loading .loding img {
width: 70%;
}
}

.mid__loading .block {
padding: 80px 0px 40px;
overflow: hidden;
max-width: 460px;
margin: 0px auto;
}

.mid__loading .block.withvideo {
margin: -20px auto 0 auto;
padding: 0px;
}

@media (max-width: 479px) {
.mid__loading .block {
text-align: center;
}
}

.mid__loading .block .left {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px;
}

@media (max-width: 479px) {
.mid__loading .block .left {
display: block;
}
}

.mid__loading .block .left .city__code {
width: 50%;
font-size: 18px;
color: #484848;
font-weight: 600;
}

@media (max-width: 767px) {
.mid__loading .block .left .city__code {
font-size: 15px;
}
}

@media (max-width: 479px) {
.mid__loading .block .left .city__code {
width: auto;
}
}

.mid__loading .block .left .city__code small {
display: block;
}

@media (max-width: 479px) {
.mid__loading .block .left .city__code small {
display: inline-block;
}
}

.mid__loading .block .left .flight__icon {
padding: 0 10px;
}

.mid__loading .block .right {
padding: 3px 10px 0 10px;
position: relative;
}

@media (max-width: 767px) {
.mid__loading .block .right {
width: 100%;
font-size: 13px;
padding: 0px;
}
}

.mid__loading .block .right .arrow {
color: #05a6f1;
position: absolute;
right: 0px;
top: 0px;
font-size: 27px;
padding: 5px;
line-height: 27px;
}

/*No Results Box*/
.no_resultsBox {
padding: 50px 0;
text-align: center;
background: #fff;
}

.no_resultsBox .buttons .backbutton {
padding: 10px 20px;
border: none;
margin: 10px;
border-radius: 5px;
}

.no_resultsBox .block {
max-width: 600px;
margin: 0px auto;
}

.no_resultsBox .head {
font-size: 28px;
font-weight: 600;
}

@media (max-width: 767px) {
.no_resultsBox .head {
font-size: 23px;
}
}

.no_resultsBox p {
font-size: 16px;
color: #636363;
}

@media (max-width: 767px) {
.no_resultsBox p {
font-size: 13px;
}
}

.no_resultsBox .call {
padding-top: 30px;
width: 310px;
margin: 0px auto;
}

.no_resultsBox .call .call_icon {
width: 50px;
margin-top: 10px;
}

.no_resultsBox .call span {
display: block;
font-size: 18px;
color: #333;
}

@media (max-width: 767px) {
.no_resultsBox .call span {
font-size: 14px;
}
}

.no_resultsBox .call a {
font-size: 30px;
color: #05a6f1;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}

@media (max-width: 767px) {
.no_resultsBox .call a {
font-size: 23px;
}
}

.no_resultsBox .call a:hover {
text-decoration: none;
color: #ffc107;
}

/*Mid page*/
.results-skeleton-content:after {
content: "";
display: block;
width: 100%;
height: 120px;
background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.8) 50%, hsla(0deg, 0%, 100%, 0) ), radial-gradient(circle 15px at center, #e9ebec 99%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(#e9ebec 100%, transparent 0), linear-gradient(90deg, #fff, #fff);
background-size: 960px 110px, 30px 30px, 108px 16px, 90px 6px, 60px 6px, 384px 6px, 410px 6px, 200px 6px, 314px 6px, 120px 30px, 100% 100%;
background-position: -960px 0, 20px 20px, 60px 20px, 60px 46px, 20px 84px, 188px 20px, 188px 36px, 188px 52px, 188px 68px, 710px 40px, 0 0;
background-repeat: no-repeat;
animation: oneway-loading 1.2s infinite;
}

@keyframes oneway-loading {
to {
background-position: 960px 0, 20px 20px, 60px 20px, 60px 46px, 20px 84px, 188px 20px, 188px 36px, 188px 52px, 188px 68px, 710px 40px, 0 0;
}
}

.filter-skeleton-content:after {
content: "";
display: block;
width: 100%;
height: 160px;
background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 96%, 0.8) 50%, hsla(0deg, 0%, 100%, 0) ), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec), linear-gradient(90deg, #e9ebec, #e9ebec);
background-size: 260px 160px, 264px 14px, 195px 14px, 212px 14px, 115px 14px;
background-position: -260px 0, 0 34px, 0 64px, 0 90px, 0 120px;
background-repeat: no-repeat;
animation: leftside-loading 1.2s infinite;
}

@keyframes leftside-loading {
to {
background-position: 260px 0, 0 34px, 0 64px, 0 90px, 0 120px;
}
}
/*Matrix*/
.m-skeleton-content:after {
content: "";
display: block;
width: 60px;
height: 14px;
margin-left: 30px;
background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.6) 50%, hsla(0deg, 0%, 100%, 0) ), linear-gradient(90deg, #e9ebec, #e9ebec);
background-size: 60px 14px, 100% 100%;
background-position: -300px 0, 0 0;
background-repeat: no-repeat;
animation: carousel-loading 1.2s infinite;
}

@keyframes carousel-loading {
to {
background-position: 60px 0, 0 0;
}
}

.loaderbox {
position: relative;
overflow: hidden;
}

.loaderbox:before {
position: absolute;
top: 0;
left: -50%;
z-index: 2;
display: block;
content: "";
width: 100%;
height: 100%;
background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% );
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
-webkit-animation: shine 0.75s infinite;
animation: shine 0.75s infinite;
}

@keyframes loader-spin {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@-webkit-keyframes shine {
100% {
left: 125%;
}
}

@keyframes shine {
100% {
left: 125%;
}
}

slider.ui-widget.ui-widget-content {
padding: 0px !important;
height: 3px;
border: none;
}

slider {
display: inline-block;
position: relative;
height: 2px;
width: 100%;
margin: 10px 0 15px 0;
vertical-align: middle;
}

slider span {
white-space: nowrap;
position: absolute;
display: inline-block;
}

slider span.base {
width: 100%;
height: 100%;
padding: 0;
}

slider span.bar {
width: 100%;
height: 100%;
z-index: 0;
background: #ccc;
}

slider span.bar.selection {
width: 0%;
z-index: 1;
background: #ffc107;
}

slider span.pointer {
cursor: pointer;
width: 19px;
height: 19px;
top: -8px;
z-index: 1;
border: 2px solid #ffc107;
background: #fff;
border-radius: 100%;
outline: none;
}

/* slider span.pointer:after {
content: '';
background-color: #f44336;
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: 5px;
-webkit-border-radius: 1em/1em;
border-radius: 1em/1em;
}
slider span.pointer:hover:after {
background-color: #f44336;
}
slider span.pointer.active:after {
background-color: #f00;
}
slider span.bubble {
cursor: default;
top: -22px;
padding: 1px 3px 1px 3px;
font-size: 0.7em;
font-family: sans-serif;
}
slider span.bubble.selection {
top: 15px;
}
slider span.bubble.limit {
color: #808080;
}
*/
.results_body,
.bg-gray {
background: #f5f5f8;
}

#resultsCntr,
.resultsCntr {
width: 100%;
padding: 22px 0 35px 0;
background: #f2f2f2;
font-size: 14px;
/*Fare detail*/
/*end breakup*/
}

@media (max-width: 1199px) {
#resultsCntr,
.resultsCntr {
font-size: 13px;
padding-top: 0px;
}
}



#resultsCntr .page__title,
.resultsCntr .page__title {
font-size: 22px;
text-align: left;
}

@media (max-width: 767px) {
#resultsCntr .page__title,
.resultsCntr .page__title {
font-size: 16px;
}
}

#resultsCntr .leftCntr,
.resultsCntr .leftCntr {
padding-right: 20px;
width: 280px;
float: left;
}

@media (max-width: 1199px) {
#resultsCntr .leftCntr,
.resultsCntr .leftCntr {
position: fixed;
left: -200%;
top: 0px;
transition: all 0.5s;
}
}

#resultsCntr .leftCntr .holder,
.resultsCntr .leftCntr .holder {
background: #fff;
border: 1px solid #f5f5f5;
box-shadow: 0 0 6px #00000029;
border-radius: 10px;
}

#resultsCntr .leftCntr .filter-main-head,
.resultsCntr .leftCntr .filter-main-head {
display: none;
background: #0095db;
color: #fff;
font-size: 16px;
padding: 12px 15px;
}

#resultsCntr .leftCntr .filter-main-head .close_filter,
.resultsCntr .leftCntr .filter-main-head .close_filter {
position: absolute;
right: 12px;
color: #fff;
font-size: 23px;
top: 6px;
line-height: 35px;
}

#resultsCntr .leftCntr.open-filter,
.resultsCntr .leftCntr.open-filter {
left: 0px;
width: 300px;
padding-right: 0px;
background: #fff;
z-index: 2;
display: block;
height: 100%;
}

@media (max-width: 767px) {
#resultsCntr .leftCntr.open-filter,
.resultsCntr .leftCntr.open-filter {
width: 100%;
}
}

#resultsCntr .leftCntr.open-filter .holder,
.resultsCntr .leftCntr.open-filter .holder {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding-bottom: 76px;
border: 0px;
}

@media (max-width: 767px) {
#resultsCntr .leftCntr.open-filter .holder,
.resultsCntr .leftCntr.open-filter .holder {
padding: 12px;
}
}

#resultsCntr .leftCntr.open-filter .filter-main-head,
.resultsCntr .leftCntr.open-filter .filter-main-head {
display: block;
}

#resultsCntr .rightCntr,
.resultsCntr .rightCntr {
width: calc(100% - 280px);
float: left;
}

@media (max-width: 1199px) {
#resultsCntr .rightCntr,
.resultsCntr .rightCntr {
width: 100%;
overflow: hidden;
}
}

#resultsCntr .fare__breakup,
.resultsCntr .fare__breakup {
position: relative;
float: left;
}

@media (max-width: 479px) {
#resultsCntr .fare__breakup,
.resultsCntr .fare__breakup {
display: none;
}
}

#resultsCntr .fare__detail,
.resultsCntr .fare__detail {
color: #05a6f1;
text-decoration: none;
text-align: center;
}

@media (max-width: 767px) {
#resultsCntr .fare__detail,
.resultsCntr .fare__detail {
font-size: 12px;
}
}

#resultsCntr .fare__detail span,
.resultsCntr .fare__detail span {
color: #686868;
display: block;
font-size: 12px;
width: 73px;
}

#resultsCntr .fare__detail:hover,
.resultsCntr .fare__detail:hover {
text-decoration: none;
color: #ffc107;
}

#resultsCntr .fare_breakup_detail,
.resultsCntr .fare_breakup_detail {
box-shadow: 0 0 9px #b8c7ff;
display: none;
width: 300px;
position: absolute;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 15px;
border: 1px solid #d9d9db;
}

#resultsCntr .fare_breakup_detail:before,
#resultsCntr .fare_breakup_detail:after,
.resultsCntr .fare_breakup_detail:before,
.resultsCntr .fare_breakup_detail:after {
content: "";
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: 100%;
left: 50%;
border-top: 10px solid #ccc;
}

#resultsCntr .fare_breakup_detail:after,
.resultsCntr .fare_breakup_detail:after {
border-top: 10px solid #fff;
margin-top: -1px;
z-index: 1;
}

#resultsCntr .fare_breakup_detail ul,
.resultsCntr .fare_breakup_detail ul {
list-style: none;
margin: 0px;
}

#resultsCntr .fare_breakup_detail ul li,
.resultsCntr .fare_breakup_detail ul li {
width: 100%;
border-bottom: 1px dashed #a6a6a6;
padding-bottom: 10px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}

#resultsCntr .fare_breakup_detail ul li:last-child,
.resultsCntr .fare_breakup_detail ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

#resultsCntr .fare_breakup_detail ul li .traveler span,
.resultsCntr .fare_breakup_detail ul li .traveler span {
display: block;
font-size: 12px;
}

#resultsCntr .fare_breakup_detail .close_price_breakup,
.resultsCntr .fare_breakup_detail .close_price_breakup {
width: 38px;
text-align: center;
background: #fff;
display: inline-block;
height: 22px;
position: absolute;
right: 0px;
top: -22px;
color: #05a6f1;
border: 1px solid #d9d9db;
border-bottom: 0px;
}

/*Results*/
.total_results {
font-size: 15px;
}

@media (max-width: 767px) {
.total_results {
padding-top: 14px;
}
}

/*Sorting Tab box*/
.sortingTabBox {
width: 100%;
border-radius: 3px;
overflow: hidden;
margin-bottom: 20px;
}

@media (max-width: 767px) {
.sortingTabBox {
width: auto;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
overflow-y: hidden;
overflow-x: scroll;
}
}

.sortingTabBox ul {
list-style: none;
padding: 0px;
margin: 0px -10px 0 0;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}

@media (max-width: 767px) {
.sortingTabBox ul {
white-space: nowrap;
display: flex;
overflow: inherit;
margin: 0px;
}
}

.sortingTabBox ul li {
padding: 7px 18px;
display: flex;
width: calc(25% - 10px);
margin-right: 10px;
font-weight: 700;
border: 1px solid transparent;
background: #fff;
position: relative;
min-height: 41px;
border-radius: 5px;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294);
height: 52px;
align-items: center;
}

@media (max-width: 767px) {
.sortingTabBox ul li {
width: 192px;
margin: 0 10px 10px 0;
}
}

.sortingTabBox ul li a {
text-decoration: none;
cursor: pointer;
}

.sortingTabBox ul li .price {
color: #6b6b6b;
font-weight: normal;
display: block;
}

.sortingTabBox ul li.active a,
.sortingTabBox ul li.active .price {
color: #05a6f1;
}

.sortingTabBox ul li.active {
background: #ffeacf;
border: 1px solid #ffd4a8;
}

.sortingTabBox ul li:hover {
background: #ffeacf;
border: 1px solid #ffd4a8;
}

@media (max-width: 767px) {
.sortingTabBox ul li {
width: auto;
}
}

/*Sorting Tab box end*/
.text-link-red {
color: #05a6f1 !important;
text-decoration: underline !important;
}

/*Apply filter*/
.apply_filter {
margin-bottom: 15px;
}

@media (max-width: 767px) {
.apply_filter {
display: none;
}
}

.apply_filter ul {
list-style: none;
padding: 0px;
margin: 0px;
}

.apply_filter ul li {
float: left;
padding: 8px 15px;
margin-right: 10px;
margin-bottom: 5px;
border-radius: 40px;
border: 1px solid #b2d8c8;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863);
color: #99b8ab;
font-weight: 500;
background: #f8f9ff;
}

.apply_filter ul li a {
color: #898585;
position: relative;
top: 1px;
margin-left: 6px;
float: right;
}

.apply_filter ul li a:hover {
color: #05a6f1;
}

.apply_filter ul li.clear__all {
background: transparent;
border-color: #ffd6da;
}

.apply_filter ul li.clear__all a {
color: #05a6f1;
position: relative;
top: 0px;
margin: 0px;
}

.loadmore {
font-size: 15px;
background: #05a6f1;
padding: 11px 46px;
color: #fff;
}

@media (max-width: 767px) {
.loadmore {
display: block;
}
}

.loadmore:hover {
background: #ffc107;
color: #fff;
text-decoration: none;
}

/*Flights detail Strat here*/
.flight__itenaryBox {
/*Flightdetail*/
/*End tab*/
/*route start */
/*route end */
}

.flight__itenaryBox .head {
padding: 0px 30px 0px 0px;
position: relative;
}

.flight__itenaryBox .page__title {
font-size: 22px;
}

@media (max-width: 767px) {
.flight__itenaryBox .page__title.flight_detail_title {
padding-top: 10px;
margin-bottom: 10px;
}
}

.flight__itenaryBox .page__title:after {
bottom: -9px;
display: none;
}

.flight__itenaryBox .page__title strong {
display: inline-block;
}

.flight__itenaryBox .flightDetail {
color: #8a8a8a;
}

.flight__itenaryBox .flightDetail h4 {
font-size: 16px;
color: #393939;
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
margin-bottom: 20px;
}

.flight__itenaryBox .flightDetail .devider_line {
height: 8px;
background: #f5f5f8;
border: none;
margin: 20px -20px;
}

.flight__itenaryBox .flighttab {
list-style: none;
width: 100%;
float: left;
margin-bottom: 15px;
padding: 0px;
border-bottom: 1px solid #dfdfdf;
}

@media (max-width: 1023px) {
.flight__itenaryBox .flighttab {
margin: 10px 0;
width: auto;
overflow: hidden;
float: none;
border-bottom: none;
}
}

.flight__itenaryBox .flighttab li {
float: left;
margin-right: 30px;
}

@media (max-width: 1023px) {
.flight__itenaryBox .flighttab li {
width: 45%;
margin-right: 15px;
}
}

@media (max-width: 479px) {
.flight__itenaryBox .flighttab li {
width: 43%;
}
}

.flight__itenaryBox .flighttab li a {
font-size: 16px;
color: #484848;
text-decoration: none;
padding: 0 0px 7px 0;
display: block;
position: relative;
cursor: pointer;
}

@media (max-width: 1023px) {
.flight__itenaryBox .flighttab li a {
font-size: 14px;
padding: 4px 10px;
border: 2px solid #ccc;
text-align: center;
border-radius: 5px;
}

.flight__itenaryBox .flighttab li a.active {
border-color: #05a6f1;
}
}

.flight__itenaryBox .flighttab li a:before {
content: "";
height: 2px;
position: absolute;
left: 0px;
bottom: -1px;
transition: all 0.5s;
width: 0px;
display: block;
background: #05a6f1;
}

@media (max-width: 1023px) {
.flight__itenaryBox .flighttab li a:before {
display: none;
}
}

.flight__itenaryBox .flighttab li a:hover,
.flight__itenaryBox .flighttab li a.active,
.flight__itenaryBox .flighttab li a:hover:before,
.flight__itenaryBox .flighttab li a.active:before {
width: 100%;
color: #ffc107;
}

.flight__itenaryBox .airlines__details {
padding-top: 26px;
font-size: 13px;
line-height: 1.5em;
color: #949494;
}

.flight__itenaryBox .airlines__details .air-name {
font-size: 14px;
color: #484848;
font-weight: 500;
}

.flight__itenaryBox .airlines__details img {
width: 32px;
float: left;
margin-right: 10px;
}

.flight__itenaryBox .airlines__details .detail {
width: calc(100% - 45px);
float: left;
font-weight: 500;
}

.flight__itenaryBox .route__info {
padding: 40px 0;
font-size: 13px;
position: relative;
}

@media (max-width: 767px) {
.flight__itenaryBox .route__info {
padding: 0 20px;
margin: 15px 0 35px 0;
border-left: 2px dashed #ccc;
}

.flight__itenaryBox .route__info:after,
.flight__itenaryBox .route__info:before {
content: "";
width: 10px;
height: 10px;
display: block;
border: 2px solid #05a6f1;
position: absolute;
left: -6px;
top: 0px;
border-radius: 100%;
background: #fff;
}

.flight__itenaryBox .route__info:before {
top: inherit;
bottom: 0px;
}
}

.flight__itenaryBox .route__info .time {
font-size: 14px;
color: #484848;
font-weight: 600;
margin-top: 28px;
}

@media (max-width: 767px) {
.flight__itenaryBox .route__info .time {
margin-top: 2px;
}
}

.flight__itenaryBox .route__info .date {
position: relative;
font-weight: 500;
}

@media (max-width: 767px) {
.flight__itenaryBox .route__info .date .highlight {
display: inline-block;
}

.flight__itenaryBox .route__info .date .message_display {
position: static;
display: inline-block;
margin-right: 6px;
}
}

.flight__itenaryBox .route__info .destination_fullname {
position: relative;
font-weight: 500;
}

.flight__itenaryBox .route__info .destination_fullname .message_display {
top: inherit;
bottom: -25px;
}

.flight__itenaryBox .route__info .connecting__bar {
width: 60%;
height: 2px;
border-top: 2px dashed #dfdfdf;
position: absolute;
left: 0px;
top: 72px;
}

.flight__itenaryBox .route__info .connecting__bar:after,
.flight__itenaryBox .route__info .connecting__bar:before {
content: "";
width: 10px;
height: 10px;
display: block;
border: 2px solid #05a6f1;
position: absolute;
right: 0px;
top: -6px;
border-radius: 100%;
background: #fff;
}

.flight__itenaryBox .route__info .connecting__bar:before {
right: inherit;
left: 0px;
}

.flight__itenaryBox .route__info .connecting__bar .duretion_time {
position: absolute;
left: 50%;
margin-top: -30px;
text-align: center;
}

.flight__itenaryBox .route__info .connecting__bar .duretion_time img {
background: #fff;
padding: 0 6px;
display: block;
}

.flight__itenaryBox .route__info .TripTime {
margin: 15px;
}

.flight__itenaryBox .route__info .message_display {
position: absolute;
left: 0px;
top: -25px;
margin: 0px;
}

@media (max-width: 767px) {
.flight__itenaryBox .route__info .message_display {
position: static;
}
}

.flight__itenaryBox .class__type {
padding-top: 26px;
}

@media (max-width: 1023px) {
.flight__itenaryBox .class__type {
margin-left: -24px;
}
}

@media (max-width: 767px) {
.flight__itenaryBox .class__type {
margin-left: 0px;
padding: 10px;
}
}

.flight__itenaryBox .layover {
margin-bottom: 15px;
padding: 8px 20px;
font-size: 12px;
color: #787878;
background: #fff3ee;
text-align: center;
}

.flight__itenaryBox .layover .bi-stopwatch {
position: relative;
top: -2px;
margin-right: 4px;
}

/*Flight detail end */
.price__Box {
border-radius: 5px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863);
border: 1px solid #e8e8e8;
background: #fff;
padding: 15px;
}

@media (max-width: 1023px) {
.price__Box {
margin-top: 20px;
margin-bottom: 40px;
}
}

@media (max-width: 767px) {
.price__Box {
margin: 0 0 100px 0;
}
}

.price__Box .head {
position: relative;
border-bottom: 1px solid #ccc;
}

.price__Box .head h4 {
font-size: 16px;
}

.price__Box ul {
list-style: none;
padding: 0px;
}

.price__Box ul li {
padding: 8px 0px;
border-bottom: 1px solid #e1e1e1;
font-size: 13px;
color: #4b4b4b;
font-weight: 600;
}

.price__Box ul li i {
font-size: 16px;
margin-left: 4px;
font-weight: 700;
}

.price__Box ul li .accordian-slide {
padding-left: 13px;
padding-top: 5px;
font-size: 12px;
color: #6b6b6b;
font-weight: 400;
}

.price__Box ul li .accordian_toggle {
cursor: pointer;
}

.price__Box ul li .disscount--price {
color: #0fa848;
}

.price__Box .total_price {
font-weight: 700;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
color: #05a6f1;
}

.price__Box .price__note {
font-size: 11px;
padding: 12px 0 0 0;
margin: 0;
color: #666;
}

/*Secure*/
.securebooking__Box {
border-radius: 5px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863);
border: 1px solid #e8e8e8;
background: #fff;
margin-top: 20px;
padding: 15px;
}

@media (max-width: 767px) {
.securebooking__Box {
margin: 0 -15px 70px -15px;
}
}

.securebooking__Box h4 {
padding-bottom: 10px;
font-size: 16px;
border-bottom: 1px solid #ccc;
}

/*Coupon here*/
.cuponBlock {
width: 100%;
overflow: hidden;
}

.cuponBlock .inputText {
width: calc(100% - 78px);
border: 1px solid #d9d9d9;
padding: 10px 10px;
float: left;
font-size: 13px;
color: #7e7e7e;
border-radius: 5px;
margin-right: 5px;
}

.cuponBlock .submit {
border: none;
background: #02cb66;
padding: 9px;
color: #fff;
width: 73px;
float: left;
cursor: pointer;
border-radius: 5px;
}

.cuponBlock .submit:focus {
border: none;
outline: none;
}

.cuponBlock .submit.remove {
background: #05a6f1;
}

.cuponBlock .sucessfull {
color: #02cb66;
}

.text-right {
text-align: right;
}

.bagguage_fees {
color: #6b6b6b;
position: relative;
display: inline-block;
}

.bagguage_fees ul {
display: flex;
list-style: none;
}

.bagguage_fees ul li {
margin-right: 15px;
position: relative;
}

.bagguage_fees ul li.check {
justify-content: flex-end;
font-family: "bootstrap-icons";
color: #3ab54a;
}

.bagguage_fees ul li.check:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 10px;
	background: url(/Images/baggage-included.svg) no-repeat;
	height: 15px;
	width: 15px;
	background-size: cover;
}

.bagguage_fees ul li.noCheck:before {
content: "";
position: absolute;
top: -1px;
left: 10px;
background: url(/Images/close-icon.svg) no-repeat;
height: 15px;
width: 15px;
background-size: cover;
}

.bagguage_fees:hover .tooltipBox {
display: block;
}

.bagguage_fees .tooltipBox {
width: 330px;
font-weight: 600;
left: -85%;
}

.bagguage_fees .tooltipBox .baggesInfo {
flex-direction: column;
padding-left: 28px;
}

.bagguage_fees .tooltipBox .baggesInfo li {
width: 100%;
margin: 0;
padding: 3px 0;
text-transform: lowercase;
}

.bagguage_fees .tooltipBox:after,
.bagguage_fees .tooltipBox:before {
left: 18%;
}

.bagguage_fees .tooltipBox .row {
padding-bottom: 10px;
}

.bagguage_fees .tooltipBox .row:last-child {
padding-bottom: 5px;
}

.bagguage_fees .tooltipBox .leftSec {
color: #303030;
font-size: 13px;
padding-left: 40px;
position: relative;
}

.bagguage_fees .tooltipBox .bag {
width: 20px;
position: absolute;
left: 10px;
top: 0;
}

.bagguage_fees .tooltipBox .bag.last {
height: 22px;
}

.bagguage_fees .tooltipBox p {
margin: 0;
font-weight: normal;
color: #919192;
font-size: 12px;
line-height: 1.3;
}

.bagguage_fees .tooltipBox .included {
color: #0e42ea;
}

/*Card*/
.card__zoom {
position: absolute;
font-size: 11px;
padding-top: 0px;
font-weight: 500;
display: inline-flex;
left: 0;
top: 45px;
}

.card__zoom i {
color: #ccc;
padding-right: 5px;
}

.card__zoom:hover .cardInfoTooltip {
display: block;
}

.card__zoom .cardInfoTooltip {
position: absolute;
right: 0;
width: 510px;
background: #fff;
z-index: 1;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137);
padding: 13px;
top: 20px;
font-size: 10px;
display: none;
}

.card__zoom .cardInfoTooltip strong {
display: block;
padding: 10px 0;
min-height: 42px;
font-weight: 600;
}

.card__zoom .cardInfoTooltip p {
font-weight: 500;
}

.securebooking__Box {
border-radius: 5px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863);
border: 1px solid #e8e8e8;
background: #c8e7cc;
padding: 10px 0;
font-size: 14px;
margin-top: 20px;
}

.securebooking__Box h4 {
padding-bottom: 10px;
font-size: 16px;
border-bottom: 1px solid #ccc;
}

.timerSec {
width: 100%;
display: flex;
border-radius: 5px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863);
border: 1px solid #e8e8e8;
background: #fff;
align-items: center;
justify-content: center;
padding: 10px;
margin-top: 20px;
}

.timerSec #timerCount {
color: #05a6f1;
padding-left: 5px;
}

.timerSec p {
font-size: 16px;
font-weight: 600;
color: #000000;
margin: 0px;
}

/*Isurance List*/
.insuranceList {margin: 0;padding: 0;list-style: none;overflow: hidden;}
.insuranceList ul {margin: 0;padding: 0;list-style: none;}
.insuranceList h5 {font-size: 14px;font-weight: 600;}
.insuranceList li {line-height: 18px;font-size: 13px;margin: 10px 0px;position: relative;padding-left: 20px;}
.insuranceList li:before {position: absolute;color: #4fb67a;font-family: fontawesome;font-weight: 900;content: "\f00c";left: 0;}
.insuranceList li p {margin: 0px;}
.insuranceList.li50 {overflow: hidden;margin-right: -20px;}
.insuranceList.li50 li {width: 50%;float: left;padding-right: 20px;}
.insuranceList.li50 li.moreList {padding: 0;margin: 0px;width: auto;}
.insuranceList.li50 li.moreList:before {	content: "";	display: none;}
.insuranceList .manymore {color: #ffc107;cursor: pointer;}
.insuranceList .manymore:before {content: "";display: none;}
.insurance-price {font-size: 22px;font-weight: 600;color: #F77D13;line-height: 1;padding: 20px 0 20px 0px;position: absolute;right: 20px;top: 0;}
.insurance-price .per-pax {font-size: 13px;line-height: 1;display: block;color: #707070;font-weight: 400;margin-top: 5px;}
.radioSelect-option ul {margin: 0px;padding: 0px;}
.radioSelect-option ul li {background: #fff;list-style: none;margin: 0 30px 7px 0;padding: 10px 12px;position: relative;width: calc(50% - 30px);float: left;
box-shadow: 0px 3px 5px #BBC7D263;border-radius: 3px;}
.insurance_title {border-bottom: 1px solid #ccc;padding-bottom: 15px;}

/*New Travel protection*/
.page__title.payment_title {display: flex;align-items: center;}
.page__title.payment_title .icons {margin-right: 15px;width: 50px;}
.page__title.payment_title span {margin-top: 3px;font-size: 14px;}
#TravelProtectionIns {background: linear-gradient(1800deg, rgba(227,220,236,1) 0%, rgba(255,255,255,1) 100%);padding-bottom: 330px; overflow: hidden; }
.travel-protection {position: relative;padding-bottom: 30px;padding-right: 15px;}
.travel-protection .insuranceList h5 {font-size: 16px;font-weight: 600; line-height: 22px; padding-left:15px; }
.travel-protection .insuranceList { margin: 0 -10px 0 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap; overflow:initial; }
.travel-protection .insuranceList .items {width: calc(50% - 30px);line-height: 18px;font-size: 13px;margin: 10px 15px;position: relative;float: left;}
/*.travel-protection .insuranceList .items img {position: absolute;left: 0px;top: 0px;width: 45px;margin-bottom: 10px;}*/
.travel-protection .insuranceList li:before {display: none;}
.travel-protection .slick-list {padding: 0px;margin: 0px;}
.travel-protection .slick-dots {bottom: 0px;}
.travel-protection .slick-dots li button {border: 1px solid #ccc;width: 6px;height: 6px;}
.travel-protection .slick-dots li.slick-active button {border: 1px solid #36145b;background: #36145b;}
.travel-protection .slick-dots li {padding: 0px !important;}
.travel-protectionbottom_image {width: 100%;position: absolute;left: 0px;bottom: -30px;}
.payment-contact-inner {position: relative;z-index: 2;}
.addnowBtn {color: #00c008;white-space: nowrap;display: flex;align-items: center;cursor: pointer;}
.addnowBtn i {margin-right: 5px;}
.trip_protection_tooltip {position: absolute;padding: 6px 10px 6px 6px;background-color: #eaffd4;width: 300px;z-index: 2;left: 0;bottom: 41px;border: 1px solid #4fb67a;}
.trip_protection_tooltip:after {content: "";position: absolute;bottom: -16px;left: 10%;margin-left: 0;border-width: 8px;border-style: solid;border-color: #4fb67a transparent transparent transparent;}
.trip_protection_tooltip.tooltipdown {background-color: #ffdcdc;border: 1px solid #fd7171;}
.trip_protection_tooltip.tooltipdown:after {border-color: #fd7171 transparent transparent transparent;}
.trip_protection_tooltip .close_tooltip {position: absolute;right: -7px;top: -8px;color: #fd7171;cursor: pointer;font-size: 19px;width: 20px;height: 20px;
border-radius: 100%;}
.trip_protection_tooltip p {margin: 0 !important;padding-left: 27px;position: relative;font-size: 12px !important;}
.trip_protection_tooltip .bi-hand-thumbs-up {font-size: 21px;color: #4fb67a;position: absolute;left: 0;}
.trip_protection_tooltip .bi-hand-thumbs-down {font-size: 21px;color: #f48d84;position: absolute;left: 0;}



@media (max-width: 767px) {
	#TravelProtectionIns {padding-bottom: 195px;}
	#TravelProtectionIns .payment_title div{    overflow: hidden;   padding-right: 88px; }
	.radioSelect-option ul li {width: 100%;}
	.insuranceList.li50 {margin: 0;padding-right: 0px;}
	.insuranceList.li50 li {width: 100%;padding-right: 0px;}
	.page__title.payment_title .icons {width: 30px;margin-right: 10px;}
	.travel-protection .page__title {padding-right: 108px;}
	#resultsCntr .page__title, .resultsCntr .page__title {font-size: 15px;}
	.insurance-price {font-size: 20px;padding: 15px 0px;}
	.page__title.payment_title span {font-size: 12px;}
	.travel-protection .insuranceList .items {width: 100%;margin-left: 0;}
	.travel-protection .insuranceList {margin-right: -20px;flex-wrap: wrap;}
	.travel-protection .insuranceList h5 {font-size: 12px;}
	.travel-protection .insuranceList p {font-size: 11px;line-height: 16px;margin-bottom: 5px;}
	.travel-protection .slick-slide {padding: 0 5px;}
	.travel-protection {margin-left: -5px;padding-right: 5px;}
}
/*Travel protection End*/
/*REfundable */
.payment-refundable .refund-details {position: relative;}
.payment-refundable .refund-details .icon_image {position: absolute;right: 30px;top: 10px;}
.payment-refundable .upgrade-txt {border-radius: 5px;border: 1px solid #005dba;padding: 12px;font-size: 12px;margin: 10px 0;}

.payment-refundable .refund-subtital {font-size: 13px;color: #008c11;background: #f2ffee;border-left: 5px solid #43b851;padding: 10px 40px 10px 13px;margin: 5px 0 18px;
clear: both;border-radius: 3px;}

/*REfundable */
.affirm-tooltip {position: relative;display: inline-block;}
.affirm-tooltip .fa-info {display: inline-block;width: 13px;height: 13px;text-align: center;line-height: 13px;border: 1px solid #1b75bc;border-radius: 100%;
font-size: 10px;color: #1b75bc;}
.affirm-tooltip .promo-detail {display: none;background: #fff;font-size: 12px;padding: 3px 8px;position: absolute;left: 50%;top: 24px;
transform: translateX(-50%);width: 218px;z-index: 2;border: 1px solid #1b75bc;color: #57585a;font-weight: 400;}
.affirm-tooltip ul.affirm_list {padding: 10px 0 0;margin: 0;}
.affirm-tooltip ul.affirm_list li {display: flex;align-items: center;justify-content: space-between;padding: 6px 0;border-bottom: 1px dashed #ccc;}
.affirm-tooltip ul.affirm_list li .price {color: #4a4af4;font-weight: 700;}
.affirm-tooltip:hover .promo-detail {display: block;}
.affir_content_block {padding-left: 25px;}
.pay-with-cc {width: 100%;padding-top: 16px;}
.affirm_radio {padding: 15px 0;border-top: 1px solid #ccc;margin-top: 16px;}


.required_star {color: red;}
/*common payment*/
.commonpayment {border-radius: 13px;box-shadow: 0px 3px 6px #D4D4D429;border: 1px solid #e8e8e8;background: #fff;padding: 13px;margin-bottom: 20px;position: relative;}
.commonpayment .page-head {font-size: 18px;color: #333;font-weight: 700;margin-bottom: 15px;}
.commonpayment .sub-head {font-size: 16px;color: #333;font-weight: 600;}
.payment__wrapper .payment__stepBox {width: 100%;border-bottom: 1px solid #ccc;margin-bottom: 20px;}

.payment__wrapper .payment__stepBox ul {list-style: none;padding: 0px;display: flex;align-items: center;justify-content: space-between;margin: 0px;}
.payment__wrapper .payment__stepBox ul li {font-size: 16px;color: #333;cursor: pointer;padding-bottom: 8px;position: relative;}
.payment__wrapper .payment__stepBox ul li i {position: relative;top: 0px;margin-right: 2px;}
.payment__wrapper .payment__stepBox ul li:before {content: "";height: 2px;position: absolute;left: 0px;bottom: -1px;transition: all 0.5s;width: 0px;
display: block;background: #05a6f1;}
.payment__wrapper .payment__stepBox ul li.active:before {width: 100%;color: #ffc107;}
.payment__wrapper .payment__stepBox ul li:hover,.payment__wrapper .payment__stepBox ul li.active {color: #05a6f1;}
.payment__wrapper .payment__stepBox ul li.complete {color: #009306;}
.payment__wrapper .payment__stepBox ul li.complete:before {width: 100%;color: #009306;background: #009306;}
.payment__wrapper .bottom__row {padding: 10px 0;overflow: hidden;}

.payment__wrapper .bottom__row .continue__button {cursor: pointer;background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );color: #fff;
padding: 12px 38px;float: right;font-weight: 600;border-radius: 48px;text-decoration: none;}

.payment__wrapper .bottom__row .continue__button.confirm {padding: 12px 30px;font-size: 17px;border: none;background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
text-align: center;}



.payment__wrapper .bottom__row .continue__button.confirm i {margin-right: 3px;}
.payment__wrapper .bottom__row .continue__button.confirm:hover {background: rgb(13 110 253);background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );}

.payment__wrapper .bottom__row .continue__button.confirm span {display: block;font-weight: 400;text-transform: uppercase;font-size: 13px;}
.payment__wrapper .bottom__row .continue__button:hover {background: rgb(13 110 253);background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );text-decoration: none;}
.payment__wrapper .adultType {list-style: none;padding: 0px;margin-bottom: 10px;}
.payment__wrapper .adultType li {display: inline-block;padding-right: 30px;font-size: 14px;}
.payment__wrapper .adultType li label {cursor: pointer;font-weight: 600;}
.payment__wrapper .travelerBox {padding-top: 20px;}
.payment__wrapper .travelerBox h4 {font-size: 18px;font-weight: 600;margin-bottom: 11px;color: #4b4b4b;}
.payment__wrapper .travelerBox p {color: #5d5d5d;}
.payment__wrapper .travelerBox .travel_deal_checkbox {margin-top: 27px;width: 60%;}
.payment__wrapper .travelerBox .travel_deal_checkbox label {line-height: 19px;}
.payment__wrapper .travelerBox .traveler_block {border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-top: 0px;}
.payment__wrapper .travelerBox .traveler_block:first-child {border: none;margin-top: 0px;padding-top: 0px;}
.payment__wrapper .paymentBox {padding-top: 20px;}
/*Media */
@media (max-width: 767px) {
.payment__wrapper .bottom__row {padding: 12px;background: #fff;position: fixed;left: 0px;bottom: 0px;width: 100%;z-index: 2;}
.payment__wrapper .payment__stepBox ul li {font-size: 14px;padding: 10px;}
.payment__wrapper .payment__stepBox {background: #fff;width: auto;margin: 0 -6px 18px -6px;padding: 0px;}
.payment__wrapper {padding-top: 15px;}
.commonpayment .page-head {margin: 10px 0;}
.commonpayment {padding: 15px;}
.easy-payment-logo {width: 70px;}
.payment__wrapper .bottom__row .continue__button {float: none;margin: 0px auto;display: block;font-size: 18px;text-align: center;}
.payment__wrapper .bottom__row .continue__button.confirm {padding: 9px 20px;margin-top: 9px;}
.payment__wrapper .paymentBox {padding-top: 0px;}
.payment__wrapper .travelerBox .traveler_block {padding-top: 0px;padding-bottom: 20px;margin-bottom: 0px;}
.payment__wrapper .adultType {margin-bottom: 0px;}
.payment__wrapper .payment__wrapper .loder__row {padding: 12px 0;background: #fff;left: 0px;bottom: 0px;width: 100%;z-index: 1;}
}
/*Media */
.payment__wrapper .paymentBox h4 {font-size: 18px;font-weight: 600;margin-bottom: 11px;color: #4b4b4b;}
.payment__wrapper .paymentBox .hr-line {border-top: 1px solid #ccc;margin-top: 30px;padding-top: 30px;}
.payment__wrapper .paymentBox .card__zoom {margin-top: 34px;}
.payment__wrapper select::-ms-expand {display: none;}
.payment__wrapper .form__block .select-class {display: block;overflow: hidden;position: relative;width: 100%;cursor: pointer;}
.payment__wrapper .form__block .select-class:before {content: "\f107";font-family: fontawesome;font-size: 23px;color: #333;font-weight: 700;
position: absolute;right: 1px;top: 1px;pointer-events: none;padding: 7px 10px 0 0;background: #fff;}


@media (max-width: 767px) {
.payment__wrapper .form__block .select-class:before {padding: 2px 10px 0 0;}
}

.payment__wrapper .form__block .form-control {padding: 12px;border-radius: 0px;background: #fff;}

@media (max-width: 767px) {
.payment__wrapper .form__block .form-control {padding: 9px 12px;font-size: 13px;}
}

.payment__wrapper .form__block .form-control:focus {border-color: #ffc107;box-shadow: 0 3px 6px #e0e4f9;}
.payment__wrapper .form__block select.form-control:not([size]):not([multiple]) {height: auto;}
.payment__wrapper .form__block .is-error {position: relative;color: #05a6f1;color: red;}
.payment__wrapper .form__block .is-error .form-control {border-color: red;}
.payment__wrapper .form__block .is-error .icon {position: absolute;top: 13px;right: 10px;color: red;}
.payment__wrapper .form__block .is-success,.payment__wrapper .form__block .is-sucess {position: relative;}
.payment__wrapper .form__block .is-success .form-control,.payment__wrapper .form__block .is-sucess .form-control {border-color: #90af5f;}
.payment__wrapper .form__block .is-success .icon,.payment__wrapper .form__block .is-sucess .icon {position: absolute;top: 13px;right: 10px;color: #0fa848;}
.payment__wrapper .form__block .dob_calendar {position: absolute;right: 11px;top: 6px;font-size: 25px;color: #ffc107;pointer-events: none;cursor: pointer;}
.payment__wrapper select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.payment__wrapper .bottom_text {font-size: 13px;padding: 20px 0;color: #6b6b6b;line-height: 21px;}
.payment__wrapper .bottom_text p a {color: #05a6f1;text-decoration: none;}
.payment__wrapper .bottom_text label {float: left;}
.payment__wrapper input.cc-number.visa {background: url(../../images/payment/visa.png) 99% center no-repeat;}
.payment__wrapper input.cc-number.amex {background: url(../../images/payment/american.png) 99% center no-repeat;}
.payment__wrapper input.cc-number.discover {background: url(../../images/payment/discover.png) 99% center no-repeat;}
.payment__wrapper input.cc-number.mastercard {background: url(../../images/payment/master.png) 99% center no-repeat;}
/*payment wrapper end*/
.payment__top {padding: 15px 0 20px 0;}
.payment__top .go__back {color: #333;font-weight: 600;text-decoration: none;}
.payment__top .go__back i {font-size: 16px;font-weight: 700;margin-right: 3px;}
.payment__top .go__back:hover {text-decoration: none;color: #05a6f1;}
.payment__top .secure__Box {list-style: none;display: flex;align-items: center;justify-content: space-between;}
.payment__top .secure__Box li {padding-left: 43px;position: relative;line-height: 17px;}
.payment__top .secure__Box li i {position: absolute;left: 0px;top: -3px;font-size: 28px;color: #05a6f1;}
.mobile_go_back {position: absolute;left: 0px;top: 0px;background: #fff;width: 45px;height: 42px;margin: 0px;line-height: 38px;text-align: center;font-size: 20px;
border-right: 1px solid #ccc;}
.form-group {margin-bottom: 10px;}
.formlabel {margin-bottom: 0.5rem;font-weight: 500;}

@media (max-width: 767px) {
.form-group {margin-bottom: 0px;}
.formlabel {margin-top: 12px;margin-bottom: 3px;}
.payment__top {padding: 10px 0 0 0px;}
}
/*DOB Calendar*/
/*Loader Start*/
.page_loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 10;background: rgba(0, 0, 0, 0.4);}
.page_loading .loading_block {background: #fff;position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);padding: 30px;border-radius: 10px;}
.page_loading .loading-icon {background: url(../../images/icons/flights-blue.svg) no-repeat center center;width: 94px;height: 94px;line-height: 90px;border-radius: 50%;margin: 0 auto;
position: relative;}
.page_loading .loading-circle {border: 3px solid #dddddd;border-radius: 50%;border-top: 5px solid #05a6f1;width: 90px;height: 90px;-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;border-width: 5px;}
.page_loading p {margin: 0px;padding: 0px;line-height: 25px;}

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

@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

.dot span {font-size: 50px;animation-name: blink;animation-duration: 1.4s;animation-iteration-count: infinite;animation-fill-mode: both;}
.dot span:nth-child(2) {animation-delay: 0.2s;}
.dot span:nth-child(3) {animation-delay: 0.4s;}
@keyframes blink {
	0% {opacity: 0.2;}
20% {opacity: 1;}
100% {opacity: 0.2;}
}
/*Loader End*/
.review_policy {border: 1px solid #4dc0ff;padding: 13px 12px 12px 37px;font-size: 14px;line-height: 25px;}
.review_policy i {position: absolute;left: 10px;top: 16px;font-size: 18px;}

/**/
/* FOR SEPERATE INPUTS */
.date-input-container {border: 1px solid #ccc;display: inline-block;padding: 13px;width: 100%;}
.date-input-container input {border: 0;outline: 0;text-align: center;width: 35px;}
.date-input-container input.day,.date-input-container input.month {margin-right: 0px;}
.date-input-container input.year {width: 40px;}
.cong span {color: #05a6f1;font-weight: 700;}
.subTittile {font-weight: 500;color: #333;}
.paymentCard {display: flex;align-items: center;justify-content: end;margin-top: 32px;}
#error_TermCondition {color: red;padding-left: 26px;}
.data {width: 100%;}
.data th,.data td {padding: 9px;border: 1px solid #e3e3e3;}
.print_button {background: #05a6f1;padding: 7px 14px;display: inline-block;text-decoration: none;border-radius: 3px;color: #fff;}
.print_button i {margin-right: 5px;position: relative;top: -2px;}
.print_button:hover {text-decoration: none;color: #fff;background: #ffc107;}

/*Print media css start here*/
@media print {a[href]:after {content: none;}
.print_itinerary, .print_button,.footer__linkBox, .noprint {display: none;}
.full-col {width: 100%;flex: 0 0 100%;max-width: 100%;}
}

@page {
size: auto;
margin: 2mm;
page-break-inside: inherit;
-webkit-print-color-adjust: exact !important;
}
/*Print end */
#footerCntr {background: #e9ebec;color: #484848;}
#footerCntr .footer__linkBox {width: 100%;padding: 55px 0 20px 0;}
#footerCntr .footer__linkBox h4 {font-size: 20px;color: #484848;margin-bottom: 20px;position: relative;}
#footerCntr .footer__linkBox ul {list-style: none;margin: 0px;padding: 0px;overflow: hidden;}
#footerCntr .footer__linkBox ul li {display: block;width: 50%;float: left;padding-right: 15px;}
#footerCntr .footer__linkBox ul li a {font-size: 14px;color: #484848;line-height: 28px;text-decoration: none;cursor: pointer;}
#footerCntr .footer__linkBox ul li a:hover {color: #05a6f1;}
#footerCntr .footer__linkBox .footer__call {font-size: 25px;color: #202020;display: inline-block;border-bottom: 1px solid #c9c9c9;padding: 40px 0 9px 0;
margin-bottom: 9px;}
#footerCntr .footer__linkBox .footer__call a {font-size: 27px;color: #ccc;font-weight: 700;text-decoration: none;line-height: 46px;}
#footerCntr .footer__linkBox .email {display: inline-block;font-size: 16px;color: #484848;text-decoration: none;white-space: nowrap;}
#footerCntr .footer__linkBox .email.f-20 {font-size: 22px;font-weight: 700;}
#footerCntr .footer__linkBox .email .icon {margin-right: 7px;font-size: 20px;color: #484848;}
#footerCntr .footer__linkBox .email:hover {color: #05a6f1;}
#footerCntr .footer__logoBox {padding: 20px 0;overflow: hidden;background: #ffffff;}


.client-logos {display: flex;gap: 20px;justify-content: center;margin: 0;list-style: none;padding: 0;}
.client-logos li a {width: 130px;height: 45px;display: block;background: url(/images/footer/footer-logo.png) no-repeat;background-size: 100%;}
.client-logos li a.asta {background-position: 0 -108px;}
.client-logos li a.turst {background-position: 0 4px;}
.client-logos li a.clia {background-position: 0 -150px;}
.client-logos li a.digi {background-position: 0 -196px;}
.client-logos li a.goddy {background-position: 0 -243px;}
#footerCntr .footer__logoBox .clients_logo {display: flex;padding: 0;margin: 0;list-style: none;}
#footerCntr .footer__logoBox .clients_logo li {padding-right: 10px;}
#footerCntr .footer__logoBox .clients_logo li img {max-width: 100%;}
#footerCntr .footer__logoBox .card_icons {width: 100%;}
#footerCntr .footer__logoBox .footer_logo {margin: 0px;padding: 0px;display: flex;align-items: center;}
#footerCntr .footer__logoBox .footer_logo li {display: inline-block;padding: 0 10px;vertical-align: middle;}
#footerCntr .footer__copyrightBox {padding: 25px 0;font-size: 16px;background:#484848; color: #ffffff;overflow: hidden;}
#footerCntr .footer__copyrightBox p {margin: 0px;}
#footerCntr .footer__copyrightBox .social__icons {margin: 0px;list-style: none;padding: 0px;float: right;}
#footerCntr .footer__copyrightBox .social__icons li {padding: 0px 10px;display: inline-block;}
#footerCntr .footer__copyrightBox .social__icons li a {color: #ffffff;text-decoration: none;}
#footerCntr .footer__copyrightBox .social__icons li a:hover {color: #05a6f1;}
#footerCntr .disclaimerBox {padding: 25px 0;font-size: 13px;line-height: 25px;}
/*footer Media start*/
@media (max-width: 1199px) {
#footerCntr .footer__linkBox ul li a {font-size: 14px;}
#footerCntr .footer__linkBox .footer__call a {font-size: 25px;}
#footerCntr .footer__linkBox .email {font-size: 14px;}
}
@media (max-width: 1023px) {
#footerCntr .hide-tablet {display: none;}
}
@media (max-width: 767px) {
#footerCntr .footer__linkBox ul {border-bottom: 1px dashed #c1c1c1;padding-bottom: 15px;}
#footerCntr .footer__linkBox img {display: block;}
#footerCntr .footer__linkBox {padding: 20px 0 0 0;}
#footerCntr .footer__linkBox .footer__call {padding-top: 20px;display: block;}
#footerCntr .footer__logoBox {padding: 10px 0;}
#footerCntr .footer__linkBox ul li {width: 50%;float: left;}
.client-logos {flex-wrap: wrap;grid-gap: 5px;}
#footerCntr .footer__logoBox .card_icons {display: block;margin: 10px auto;width: 260px;}
#footerCntr .footer__logoBox .footer_logo {display: block;padding-bottom: 12px;border-bottom: 1px dashed #ccc;text-align: center;}
#footerCntr .footer__logoBox .footer_logo li {margin-bottom: 10px;display: block;}
#footerCntr .footer__copyrightBox {padding: 15px 0;font-size: 13px;}
#footerCntr .footer__copyrightBox .social__icons {margin-top: 10px;text-align: center;float: none;}
#footerCntr .footer__copyrightBox p {padding-bottom: 10px;border-bottom: 1px dashed #ccc;text-align: center;}
#footerCntr .disclaimerBox {padding: 0px;font-size: 12px;line-height: 20px;}
#footerCntr .hide-tablet {display: block;}
#footerCntr .mobile-bg {padding: 15px;}
}

/*footer Media end*/


.currencyBox {
margin: 18px 10px 20px 20px;
float: right;
position: relative;
display: block;
}

@media (max-width: 1023px) {
.currencyBox {
margin: 16px 10px 20px 20px;
}
}

@media (max-width: 767px) {
.currencyBox {
margin: 8px 10px 5px 7px;
}
}

.currencyBox ul {
top: 35px;
position: absolute;
padding: 0px;
list-style: none;
margin: 0px;
width: 235px;
background: #ffffff;
right: -10px;
box-shadow: 0 3px 6px #ccc;
z-index: 5;
}

.currencyBox ul li {
border-bottom: 1px dashed #ccc;
}

.currencyBox ul li:last-child {
border: none;
}

.currencyBox ul li a {
padding: 5px;
display: flex;
text-decoration: none;
color: #333;
align-items: center;
justify-content: space-between;
}

.currencyBox ul li a .sprte {
width: 30px;
height: 30px;
display: block;
float: left;
margin-right: 8px;
background: url(../../images/sprite.png) no-repeat 0 0;
}

.currencyBox ul li a .sprte.aed {
	background-position: 0px -208px;
}

.currencyBox ul li a .sprte.aud {
	background-position: 0px 0px;
}

.currencyBox ul li a .sprte.gbp {
	background-position: 0px -40px;
}

.currencyBox ul li a .sprte.sar {
	background-position: 0px -125px;
}

.currencyBox ul li a .sprte.usd {
	background-position: 0px -168px;
}

.currencyBox ul li a .sprte.inr {
	background-position: 0px -84px;
}

.currencyBox ul li a .sprte.cad {
	background-position: 0px -248px;
}

.currencyBox ul li a .name_currency {
display: inline-block;
padding-top: 5px;
}

.currencyBox ul li a .side_curency {
background: #f0f0f0;
display: block;
color: #5b6270;
padding: 2px;
width: 45px;
text-align: center;
border-radius: 24px;
}

.currencyBox .currencyClick {
cursor: pointer;
font-size: 16px;
color: #202020;
}

@media (max-width: 1023px) {
.currencyBox .currencyClick {
font-size: 14px;
}
}

/*About section*/
.contentBox {
width: 100%;
padding: 25px 0;
clear: both;
}

@media (max-width: 1023px) {
.contentBox {
padding: 20px 0;
}
}

.contentBox p {
font-size: 14px;
color: #202020;
line-height: 28px;
}

@media (max-width: 767px) {
.contentBox p {
font-size: 13px;
line-height: 22px;
}
}

.contentBox .list,
.contentBox ul {
list-style: none;
font-weight: 300;
overflow: hidden;
padding: 0 2px;
}

@media (max-width: 767px) {
.contentBox .list,
.contentBox ul {
margin: 0px;
}
}

.contentBox .list li,
.contentBox ul li {
margin-bottom: 5px;
padding-left: 20px;
padding-right: 10px;
position: relative;
font-size: 14px;
color: #202020;
}

@media (max-width: 767px) {
.contentBox .list li,
.contentBox ul li {
width: 100%;
margin-right: 0px;
}
}

.contentBox .list li:before,
.contentBox ul li:before {
position: absolute;
left: 0px;
top: 2px;
content: "\f26b";
color: #05a6f1;
font-family: bootstrap-icons !important;
}

.contentBox .list.w_50,
.contentBox ul.w_50 {
overflow: hidden;
}

.contentBox .list.w_50 li,
.contentBox ul.w_50 li {
width: 50%;
float: left;
}

@media (max-width: 767px) {
.contentBox .list.w_50 li,
.contentBox ul.w_50 li {
width: 100%;
}
}

@media (max-width: 767px) {
.contentBox img {
border-radius: 5px;
}
}

@media (max-width: 767px) {
.contentBox .page__title strong {
display: inline-block;
}
}

.contentBox h1 {
font-size: 32px;
color: #303030;
margin-bottom: 26px;
position: relative;
font-weight: 300;
}

@media (max-width: 1023px) {
.contentBox h1 {
font-size: 25px;
}
}

@media (max-width: 767px) {
.contentBox h1 {
font-size: 20px;
margin-bottom: 10px;
}
}

.contentBox h1 strong {
font-weight: 600;
position: relative;
}

@media (max-width: 767px) {
.contentBox h1 strong {
display: block;
}
}

.contentBox h1 strong:after {
content: "";
width: 36px;
height: 2px;
display: inline-block;
position: absolute;
left: 0px;
bottom: -4px;
background: #05a6f1;
}

/*bullet*/
.contentBox .list.bullet li {
line-height: 25px;
}

.contentBox .list.bullet li:before {
position: absolute;
left: 5px;
top: 8px;
content: "";
background-color: #4863db;
display: block;
width: 6px;
height: 6px;
border-radius: 100%;
}

/*other_popularBox*/
.other_popularBox {
border-top: 1px dashed #ccc;
padding: 20px 0 50px 0;
}

.other_popularBox h3 {
padding-bottom: 10px;
font-size: 21px;
font-weight: 600;
}

.other_popularBox .slick-list {
margin: 0 -7px;
}

.other_popularBox .items {
padding: 0 7px;
}

.other_popularBox .items img {
width: 100%;
}

.other_popularBox .items span {
margin-top: 5px;
display: block;
color: #303030;
}

.other_popularBox .items i {
position: relative;
top: -1px;
margin-left: 3px;
}

.other_popularBox .items:hover a {
text-decoration: none;
}

.other_popularBox .items:hover a span {
color: #05a6f1;
}

.other_popularBox .items a {
display: block;
}

.content_image {
padding: 0 20px 20px 0;
width: 423px;
}

@media (max-width: 767px) {
.content_image {
padding-right: 0px;
width: 100%;
}
}

.contentsubTitle {
font-size: 1.3rem;
}

@media (max-width: 767px) {
.contentsubTitle {
font-size: 19px;
}
}

/*A*/
.static_title {
/* background: rgb(113, 14, 119);
background: linear-gradient(90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100%);*/
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 216px;
color: #fff;
padding: 26px;
position: relative;
}


@media (max-width: 1023px) {
.static_title {
height: 80px;
}
}

.static_title h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.contentBox h3 {
padding: 10px 0;
font-weight: 600;
}
/*A*/
/*Banner Box content*/
.contentBannerCntr {
height: 400px;
}

/*Contact form */
.contact__formBox {
padding: 35px;
color: #000000;
margin-top: 20px;
position: relative;
/*Enquiry form Start*/
/*Enquiry form end*/
}

@media (max-width: 1023px) {
.contact__formBox {
padding: 20px;
}
}

.contact__formBox .seprator {
padding-right: 40px;
margin-right: 40px;
border-right: 1px solid rgba(255, 255, 255, 0.6);
}

@media (max-width: 1023px) {
.contact__formBox .seprator {
padding-right: 10px;
margin-right: 0px;
}
}

@media (max-width: 767px) {
.contact__formBox .seprator {
padding-right: 0px;
border-right: 0px;
padding-bottom: 15px;
}
}

.contact__formBox h3 {
font-weight: 600;
color: #000000;
margin-bottom: 10px;
text-align: left;
}

.contact__formBox p {
font-size: 16px;
line-height: 25px;
}

.contact__formBox .textarea {
width: 100%;
margin-bottom: 15px;
border-radius: 0.25rem;
padding: 10px;
}

.contact__formBox .input_set {
position: relative;
margin-bottom: 10px;
}

.contact__formBox .input_set input[type="text"],
.contact__formBox .input_set input[type="email"] {
padding: 10px 15px;
height: 44px;
}

.contact__formBox .input_set .star {
position: absolute;
left: 8px;
top: 13px;
color: red;
}

.contact__formBox input[type="text"]:focus ~ .star,
.contact__formBox input[type="email"]:focus ~ .star {
visibility: hidden;
}

.contact__formBox .button {
width: 100%;
border: none;
padding: 11px;
margin-top: 4px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
}

.contact__formBox .button.enqsubmit_button {
padding: 15px 20px;
width: 100%;
}

.contact__formBox.enquiry_form {
margin: 0px 0 20px 0;
}

.contact__formBox.enquiry_form .pl-left {
padding-left: 42px !important;
}

.contact__formBox.enquiry_form .seprator {
min-height: 300px;
margin-right: 20px;
}

@media (max-width: 1023px) {
.contact__formBox.enquiry_form .seprator {
margin-right: 0px;
padding-right: 10px;
}
}

@media (max-width: 767px) {
.contact__formBox.enquiry_form .seprator {
min-height: auto;
}
}

.contact__formBox.enquiry_form .icons {
color: #05a6f1;
position: absolute;
left: 13px;
top: 3px;
display: block;
pointer-events: none;
font-size: 20px;
}

.contact__formBox.enquiry_form .list-point {
list-style: none;
}

.contact__formBox.enquiry_form .list-point li {
position: relative;
margin-bottom: 10px;
padding-left: 23px;
}

.contact__formBox.enquiry_form .list-point li:before {
content: "";
width: 5px;
height: 5px;
background: #fff;
display: block;
position: absolute;
left: 4px;
top: 9px;
border-radius: 100%;
}

.contact__formBox.enquiry_form .dates {
background: #fff;
margin-bottom: 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}

.contact__formBox.enquiry_form .dates .input_set {
margin-bottom: 0px;
border: none;
}

.contact__formBox.enquiry_form .dates .input_set .form-control {
border: none;
cursor: pointer;
}

.contact__formBox.enquiry_form .dates .input_set .form-control:disabled,
.contact__formBox.enquiry_form .dates .input_set .form-control[readonly] {
background: #fff;
}

.contact__formBox.enquiry_form .tab_box {
list-style: none;
overflow: hidden;
}

.contact__formBox.enquiry_form .tab_box li {
float: left;
padding-right: 15px;
}

.contact__formBox.enquiry_form .tab_box li label {
color: #c7d0ff;
margin-bottom: 5px;
}

.contact__formBox.enquiry_form
.tab_box
li
label
input[type="radio"] ~ span::after {
border-color: #aebcff;
}

.contact__formBox.enquiry_form
.tab_box
li
label
input[type="radio"]:checked ~ span::before {
background: #fff;
}

.contact__formBox.enquiry_form
.tab_box
li
label
input[type="radio"]:checked ~ span {
color: #fff;
}

.contact__formBox.enquiry_form
.tab_box
li
label
input[type="radio"]:checked ~ span::after {
	border-color: #fff;
}

.contact__formBox.enquiry_form .input_block {
height: 44px;
background: #fff;
margin-bottom: 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
overflow: hidden;
font-size: 1rem;
color: #202020;
padding: 6px 11px 9px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}

.contact__formBox.enquiry_form .input_block .right_count {
width: 45%;
border-left: 1px solid #ccc;
padding: 0 10px 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 17px;
}

.contact__formBox.enquiry_form .input_block .left_side {
display: flex;
align-items: center;
}

.contact__formBox.enquiry_form .input_block .hotel_icon {
background: url(../../images/icons/hotel.svg) left top no-repeat;
width: 25px;
height: 17px;
display: inline-block;
margin-right: 5px;
}

.contact__formBox.enquiry_form .input_block .minus-icon,
.contact__formBox.enquiry_form .input_block .plus-icon {
cursor: pointer;
margin: 0px;
font-size: 24px;
line-height: 24px;
color: #828181;
}

.contact__formBox.enquiry_form .input_block .minus-icon:hover,
.contact__formBox.enquiry_form .input_block .plus-icon:hover {
color: #05a6f1;
}

.contact__formBox.enquiry_form .input_block .minus-icon.disabled,
.contact__formBox.enquiry_form .input_block .plus-icon.disabled {
cursor: default;
}

.contact__formBox.enquiry_form .input_block .minus-icon.disabled:hover,
.contact__formBox.enquiry_form .input_block .plus-icon.disabled:hover {
color: #828181;
}

.contact__formBox.enquiry_form .input_block .bi::before {
margin-top: 0px;
}

.contact__formBox.enquiry_form .input_block .guest-icon {
font-size: 27px;
line-height: 20px;
color: #05a6f1;
margin-right: 5px;
}

.contact__formBox.enquiry_form .select-class {
cursor: pointer;
overflow: hidden;
position: relative;
}

.contact__formBox.enquiry_form .select-class:before {
content: "\f107";
font-family: fontawesome;
font-size: 23px;
color: #333;
font-weight: 700;
position: absolute;
right: 1px;
top: 1px;
pointer-events: none;
padding: 7px 10px 0 0;
background: #fff;
}

.contact__formBox.enquiry_form .select-class .form-control {
height: auto;
padding: 10px 27px;
}

.contact__formBox.enquiry_form .watch-icon {
position: absolute;
left: 7px;
top: 6px;
color: #05a6f1;
font-size: 18px;
}

/**/
.enquiry_form .label_name {
display: none;
}

.enquiry_form .inputField {
width: 100%;
border-radius: 0.25rem;
border: none;
padding-left: 40px !important;
background: #fff;
}

.seprator .page__title {
color: #fff;
}

.enquiry_form .error {
color: #f2ff84;
margin: 5px 0;
}

.enquiry_form .angucomplete-dropdown {
width: 100%;
left: 0px;
margin: 0px;
}

@media (max-width: 767px) {
.enquiry_form .angucomplete-dropdown {
min-height: 250px;
}
}

/**/
.contactBox {
padding-top: 30px;
padding-bottom: 30px;
}

.contactBox .contact {
box-shadow: 0 2px 9px rgba(204, 204, 204, 0.8);
padding: 15px;
margin: 20px 0;
border-radius: 5px;
}

.contactBox .contact .page__title {
margin-bottom: 10px;
font-size: 20px;
}

.contactBox .contact a {
color: #333;
text-decoration: none;
}

.contactBox .contact i {
margin-right: 10px;
}

.contact .icon {
position: absolute;
left: 0px;
width: 40px;
height: 40px;
border: 1px solid #ffb4ba;
border-radius: 100%;
display: inline-block;
font-size: 20px;
color: #fb3d4e;
text-align: center;
line-height: 42px;
}

.contact p {
padding: 10px 0px 0px 50px;
position: relative;
font-size: 16px;
}

.contact .phone {
color: #05a6f1;
font-size: 25px;
font-weight: 700;
text-decoration: none;
}

.contact .email {
color: #202020;
display: inline-block;
margin-top: 7px;
text-decoration: none;
}

/* Profile menu login*/
.content_list {
padding: 0px;
}

.loginBar {
float: right;
}

.loginBar .topmenuBox {
float: right;
padding-right: 7px;
}

.loginBar .topmenuBox ul {
list-style: none;
}

.loginBar .topmenuBox ul li.loginDropdown {
position: relative;
}

.loginBar .topmenuBox ul li {
float: left;
padding: 0;
}

.loginBar .topmenuBox ul li a {
	color: #535353;
	font-size: 14px;
	padding: 13px 0 14px;
	display: block;
}

	.loginBar .topmenuBox ul li a.login {
		display: flex;
		line-height: 20px;
		font-size: 16px;
		color: #202020;
		text-decoration: none;
		background: url(/images/profile/icon-login.webp) left top no-repeat;
		text-transform: capitalize;
		background-position: 0px 17px;
		padding: 18px 0 0 30px;
	}

		.loginBar .topmenuBox ul li a.login:hover {
			color: #05a6f1;
		}

@media (max-width: 767px) {
.loginBar .topmenuBox ul li a.login {
margin-top: -10px;
font-size: 13px;
}
}

.short_name {
position: absolute;
left: -3px;
top: 16px;
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
width: 24px;
height: 24px;
text-transform: uppercase;
border-radius: 100%;
text-align: center;
line-height: 24px;
color: #fff;
}

@media (max-width: 767px) {
.short_name {
top: 5px;
}
}

.displayusername {
text-transform: capitalize;
}

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu {
margin: 0;
padding: 0 15px 1px;
display: none;
width: 220px;
position: absolute;
right: -4px;
left: inherit;
top: 48px;
border: 1px solid #ccc;
z-index: 8;
border-top: none;
background: #fff;
text-align: left;
box-shadow: 1px 0 4px -1px rgba(18, 28, 11, 0.41);
}

.loginBar .topmenuBox ul li.loginDropdown ul {
list-style: none;
position: absolute;
left: 0;
top: 43px;
margin: 0;
padding: 10px;
background: #fff;
border: none;
}

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li {
padding: 0;
display: block;
float: none;
position: relative;
border-bottom: 1px dashed #ccc;
margin: 0;
}

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li:last-child {
border-bottom: none;
}

.loginBar .welcomename-mobile {
position: relative;
z-index: 1;
}

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a {
padding: 13px 20px 13px 30px;
display: block;
font-size: 15px;
color: #535353;
position: relative;
z-index: 1;
text-decoration: none;
cursor: pointer;
}

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:before {
position: absolute;
left: 0;
width: 22px;
height: 19px;
display: block;
content: "";
background: url(/images/profile/profile-icons.webp) left -416px no-repeat;
}


.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a.signout:before {
height: 22px;
background-position: 0 -580px;
}


.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:hover {
color: #ffc107;
}

/* User Login*/
.login_popup {
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
overflow-y: auto;
}

.login_popup .center-block {
width: 100%;
height: 100%;
z-index: 1001;
display: table;
table-layout: fixed;
}

.login_popup .outer {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 40px 0;
}

.login_popup .inner {
max-width: 500px;
z-index: 7;
margin: 0 auto;
background: #fff;
border-radius: 10px;
overflow: hidden;
}



@media (max-width: 767px) {
.login_popup .inner {
max-width: 95%;
}
}

.login_popup .loginBox {
overflow: hidden;
position: relative;
display: flex;
align-items: stretch;
flex-flow: row wrap;
}

.login_popup .loginBox .close {
font-size: 20px;
position: absolute;
right: 0px;
top: 0px;
color: #ffc107;
font-weight: 400;
text-shadow: none;
text-decoration: none;
padding: 12px 15px;
opacity: 1;
}

.login_popup .loginBox .left {
width: 100%;
overflow: hidden;
padding: 30px 30px;
}


.login_popup .loginBox h3 {
font-size: 18px;
margin: 0 0 15px;
font-weight: 700;
}

.content_list li {
padding: 0 0 0 22px;
margin: 4px 0;
position: relative;
display: block;
}

.content_list li:before {
content: "";
position: absolute;
left: 4px;
top: 7px;
width: 8px;
height: 8px;
display: block;
border: 2px solid #4d4d74;
border-radius: 100%;
}

.login_popup .loginBox .form-row {
margin-top: 12px;
position: relative;
width: 100%;
float: left;
}

.login_popup .loginBox .textbox {
padding: 10px 12px 10px 40px;
font-size: 14px;
color: #797979;
width: 100%;
border: 1px solid #b7b7b7;
}

.login_popup .loginBox .form-row .icon {
width: 30px;
text-align: center;
font-size: 24px;
position: absolute;
left: 5px;
top: 5px;
color: #1e0040;
}

.login_popup .error_text,
.login_popup .error {
color: #dc3545;
margin-top: 4px;
font-size: 13px;
background: #fff !important;
}

.login_popup .loginBox .button {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
padding: 11px 43px;
font-size: 16px;
color: #fff;
float: left;
cursor: pointer;
border: none;
border-radius: 6px;
position: relative;
}

.button_loding_div {
background: inherit;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 44px;
padding: 13px 0 15px 30px;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
display: block;
}

.button_loding_div .button_loader {
border: 3px solid #f3f3f3;
border-top: 3px solid #605e85;
border-radius: 50%;
width: 28px;
height: 28px;
animation: spin 2s linear infinite;
position: absolute;
top: 8px;
left: 7px;
}

.login_popup .loginBox .register {
margin: 0;
font-size: 14px;
color: #535353;
}

.login_popup .loginBox .forgot {
font-size: 14px;
color: #ffc107;
text-decoration: none;
float: right;
}

.login_popup .text-ornage {
color: #ffc107;
}

.login_popup .loginBox .right {
padding: 30px 30px 50px 30px;
border-top: 1px dashed #ccc;
width: 100%;
overflow: hidden;
text-align: center;
}



.ortext {
padding: 0px 0 20px;
text-align: center;
font-size: 15px;
color: #626262;
line-height: 26px;
}



.login_popup .loginBox .facebook {
text-align: center;
padding: 8px 40px 8px 56px;
display: block;
font-size: 15px;
color: #fff !important;
position: relative;
text-decoration: none;
background: #3753a6;
border: none;
border-radius: 2px;
cursor: pointer;
width: 100%;
}

.login_popup .loginBox .facebook:before {
width: 45px;
height: 100%;
line-height: 40px;
border-right: 1px solid #26408d;
position: absolute;
left: 0;
top: 0;
text-align: center;
font-size: 20px;
font-family: bootstrap-icons;
content: "\f344";
}

.login_popup .loginBox .google_login {
margin: 15px 0 0;
color: #dc3545 !important;
background: #fff;
border: none;
width: 100%;
}

.g-signin2 {
float: left;
margin-left: 11px;
}

.login_popup .loginBox .abcRioButtonLightBlue {
width: 100% !important;
}

.abcRioButton {
border-radius: 1px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
box-sizing: border-box;
transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
background-color: #fff;
background-image: none;
color: #262626;
cursor: pointer;
outline: none;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: auto;
border: 1px solid #dc3545;
color: #dc3545 !important;
}

.abcRioButtonContentWrapper {
height: 100%;
width: 100%;
}

.abcRioButtonIcon {
float: left;
}

.abcRioButtonIcon {
border-right: 1px solid #dc3545;
}

.abcRioButtonContents {
font-family: Roboto, arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.21px;
margin-left: 6px;
margin-right: 6px;
vertical-align: top;
}

.login_popup .loginBox .button.grayBtn {
background: #ececec;
margin-left: 8px;
color: #535353;
}

.sucessfull_message {
position: absolute;
right: 18px;
top: 30px;
background: #d4edda;
padding: 15px;
border: 2px solid #3c763d;
border-radius: 2px;
z-index: 9;
}

/* User Profile Dasboard Css start*/
#profileCntr {
padding: 20px 0;
width: 100%;
background: #f5f5f5;
}

#profileCntr .leftCntr {
width: 210px;
float: left;
background: #05a6f1;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 6px #00000029;
}

@media (max-width: 1199px) {
#profileCntr .leftCntr {
width: 100%;
margin-bottom: 10px;
margin-top: -10px;
}
}

.profile_imageBlock {
padding: 20px 18px;
overflow: hidden;
text-align: center;
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
}

@media (max-width: 1199px) {
.profile_imageBlock {
width: auto;
float: none;
padding: 10px 21px;
margin: -10px -20px 0;
}
}

.profile_imageBlock .name_col {
float: left;
padding-left: 10px;
}

.profile_imageBlock .image {
width: 71px;
height: 71px;
margin: 0 auto;
background: #fff;
border-radius: 100%;
}

@media (max-width: 1199px) {
.profile_imageBlock .image {
width: 50px;
height: 50px;
float: left;
}
}

.profile_imageBlock .image span.changeColor {
font-size: 32px;
color: #3a3939;
font-weight: 700;
display: block;
line-height: 70px;
text-align: center;
}

@media (max-width: 1199px) {
.profile_imageBlock .image span.changeColor {
font-size: 21px;
line-height: 50px;
}
}

.profile_imageBlock .name {
padding-top: 10px;
font-size: 16px;
color: #fff;
}

@media (max-width: 1199px) {
.profile_imageBlock .name {
text-align: left;
padding: 0px;
}
}

.profile_imageBlock .small {
padding-top: 5px;
display: block;
font-size: 12px;
color: rgba(255, 255, 255, 0.8);
font-style: italic;
}

.leftMenu {
width: 100%;
overflow: hidden;
}

@media (max-width: 1199px) {
.leftMenu {
display: none;
}
}

.leftMenu ul {
margin: 0;
padding: 0 0 30px;
list-style: none;
}

.leftMenu ul li {
display: block;
height: 55px;
position: relative;
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

.leftMenu ul li a.active {
color: #ffc107;
background: #fff;
font-weight: 500;
}

.leftMenu ul li a {
padding: 17px 20px 17px 70px;
display: block;
font-size: 15px;
color: #fff;
position: relative;
z-index: 1;
text-decoration: none;
}

.leftMenu ul li a.active:before {
background-position: 0 -200px;
}

.leftMenu ul li a:before {
position: absolute;
left: 30px;
width: 22px;
height: 19px;
display: block;
content: "";
background: url(/images/profile/profile-icons.png) left top no-repeat;
}

.leftMenu ul li a.myinformation:before {
background-position: 0 -97px;
}

.leftMenu ul li a.reward:before {
height: 25px;
background-position: 0 -29px;
}

.leftMenu ul li a.deal:before {
height: 17px;
background-position: 0 -66px;
}

.leftMenu ul li a.signout:before {
height: 22px;
background-position: 0 -164px;
}

#profileCntr .rightCntr {
padding-left: 25px;
width: calc(100% - 210px);
float: left;
}

@media (max-width: 1199px) {
#profileCntr .rightCntr {
width: 100%;
padding: 0px;
}
}

.tabBox {
width: 100%;
overflow: hidden;
position: relative;
}

.tabBox ul {
margin: 0;
padding: 0 0 12px;
list-style: none;
position: relative;
z-index: 1;
}

.tabBox ul li {
padding: 0 10px 0 0;
float: left;
}

.tabBox ul li a.active {
color: #fff;
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
}

.tabBox ul li a {
padding: 10px 20px;
display: block;
font-size: 13px;
color: #333;
font-weight: 600;
border: 1px solid #ffc107;
text-decoration: none;
background: #fff;
border-radius: 5px;
}

@media (max-width: 767px) {
.tabBox ul li a {
padding: 8px 15px;
}
}

.tabBox ul li a:hover {
background: #ffc107;
color: #fff;
}

.tabContent,
.tabContent2 {
padding: 25px 0 0;
width: 100%;
}

.formBox {
padding: 15px;
margin-bottom: 20px;
width: 100%;
overflow: hidden;
background: #fff;
box-shadow: 0 0 6px #00000029;
border-radius: 15px;
}

.formBox .title {
padding-bottom: 25px;
}

.formBox [class*="col"] {
padding-left: 10px;
padding-right: 10px;
}

.formBox .title h2 {
margin: 0;
font-size: 20px;
color: #4f4f50;
display: inline-block;
}

.formBox .title .edit {
padding: 7px 18px;
font-size: 14px;
color: #4f8ffc;
position: relative;
cursor: pointer;
border-radius: 20px;
border: 1px solid #4f8ffc;
min-width: 90px;
font-weight: 600;
text-decoration: none;
float: right;
display: inline-flex;
align-items: center;
gap: 5px;
}

.formBox .form-group {
padding-bottom: 10px;
}

.formBox .form-group .lable {
padding-bottom: 6px;
}

.star {
color: red;
}

.formBox .textbox {
padding: 8px 12px 7px;
font-size: 14px;
color: #333;
font-weight: 500;
width: 100%;
border: 1px solid #b7b7b7;
border-radius: 0;
box-shadow: none;
resize: none;
}

.error_text {
color: #f54336;
font-size: 13px;
padding-top: 5px;
}

.formBox .button {
padding: 10px 30px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
cursor: pointer;
border: none;
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
border-radius: 6px;
position: relative;
}

.button_loding_div {
background: inherit;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 48px;
padding: 13px 0 15px 30px;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
display: block;
border-radius: 3px;
}

.button_loding_div .button_loader.blnk {
left: 37%;
transform: translateX(-50%);
}

.formBox .button.grayBtn {
background: #ececec;
margin-right: 8px;
color: #535353;
}

.tabContent p {
margin-bottom: 5px;
}

.content_detail {
list-style: none;
margin: 0;
padding: 0;
}

.content_detail li {
line-height: 25px;
font-size: 14px;
}

.content_detail li .label {
width: 170px;
display: inline-block;
padding: 0;
}

.formBox .label {
font-size: 14px;
color: #333;
font-weight: 500;
display: block;
padding-bottom: 6px;
}

.tabContent2 h2 {
font-size: 21px;
padding-bottom: 7px;
}

.tabContent2 .table-bordered th {
white-space: nowrap;
}

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th {
padding: 0.3rem;
vertical-align: middle;
}

.tabContent2 th {
background: #333;
font-weight: 600;
color: #fff;
font-size: 13px;
}

.tabContent2 .table-bordered td {
font-size: 13px;
background: #fff;
}

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th {
padding: 0.3rem;
vertical-align: middle;
}

.bi-airplane {
color: #1b75bc;
}

.formBox .title .edit:before {
font-family: bootstrap-icons;
content: "\f4cb";
}

.select_dropdown {
position: relative;
}

.select_dropdown:before {
content: "\f282";
font-family: bootstrap-icons;
font-size: 16px;
position: absolute;
right: 5px;
top: 7px;
height: 20px;
width: 20px;
color: #999;
pointer-events: none;
}

.select_dropdown select {
padding: 9px 12px 7px;
font-size: 14px;
color: #797979;
width: 100%;
border: 1px solid #b7b7b7;
background-color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
height: 38px;
}

#profileCntr .rightCntr h2.main_title {
font-size: 24px;
}

.travelCouponBox {
background: #f6f6f6;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #c0c3ca;
width: 100%;
float: left;
padding-right: 10px;
}

.travelCouponBox .travel-img {
position: relative;
margin-top: -1px;
height: 248px;
overflow-x: hidden;
margin-bottom: 0;
}

.travelCouponBox .coupon-top {
padding-top: 25px;
}

.travelCouponBox h3 {
color: #000;
font-size: 18px;
font-weight: 500;
margin-bottom: 14px;
}

.travelCouponBox p {
font-size: 15px;
color: #5b616f;
}

.travelCouponBox .text-color {
color: #ffc107;
}

.travelCouponBox .review_tnc {
padding: 20px 0;
display: block;
}

.custom-tooltip {
position: relative;
display: inline-block;
}

.travelCouponBox .learn_more {
background: rgb(113, 14, 119);
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
color: #fff;
text-decoration: none;
font-weight: 500;
padding: 10px 20px;
display: inline-block;
border-radius: 5px;
}

.travelCouponBox .learn_more:hover {
color: #fff;
}

.travelCouponBox .custom-tooltip .tooltip_detail {
width: 430px;
left: -183px;
top: 43px;
}

.custom-tooltip .tooltip_detail {
display: none;
background: #fff;
font-size: 12px;
padding: 6px;
position: absolute;
left: 0;
top: 26px;
width: 230px;
border: 1px solid #94afc6;
z-index: 3;
white-space: normal;
}

.custom-tooltip:hover .tooltip_detail {
display: block;
}

.center-sec {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#loadingimg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.login-sec .login_popup {
position: inherit;
background-color: rgba(0, 0, 0, 0);
display: block !important;
}

.login-sec .login_popup .loginBox .close {
display: none;
}

.login-sec {
background: rgba(13, 110, 253, 0.25);
}

* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
outline: none;
}

input,
button {
font-family: "Poppins", sans-serif;
}

focus {
outline: none;
}

body {
font-family: "Poppins", sans-serif;
font-size: 14px;
}

#mainCntr {
overflow: hidden;
}

@media (max-width: 1199px) {
.container {
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}

@media (max-width: 767px) {
.container {
width: 100%;
max-width: 100%;
padding-left: 6px;
padding-right: 6px;
}
}

/*# sourceMappingURL=site.css.map */

.affirm-price {
position: relative;
cursor: pointer;
}

.affirm-price:hover .promo-detail {
display: block;
cursor: pointer;
}

.affirm-price.tooltip-custom .promo-detail {
display: none;
position: absolute;
color: #000;
background: #fff;
text-align: center;
left: 0;
border: 1px solid #e6e6e6;
border-radius: 3px;
box-shadow: 0 0 3px #c7c7c7;
top: 27px;
padding: 8px;
z-index: 1;
}

@media (max-width: 1199px) {
.affirm-price.tooltip-custom .promo-detail {
left: -80px;
}
}

@media (max-width: 767px) {
.affirm-price.tooltip-custom .promo-detail {
left: 0;
}
}

.tooltip-custom:hover .promo-detail {
display: block;
font-weight: 400;
}

.tooltip-custom .promo-detail {
width: 228px;
}

.affirm-price.tooltip-custom .promo-detail .affirm-logo {
width: 50px;
margin-bottom: 5px;
}

.affirm-price.tooltip-custom .promo-detail p {
font-size: 12px;
font-weight: 600;
margin: 0;
text-align: center;
}

.affirm-price.tooltip-custom .promo-detail ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}

.affirm-price.tooltip-custom .promo-detail ul li {
border-bottom: 1px solid #e3e2e2;
padding: 4px 6px;
list-style: none;
}

.affirm-price.tooltip-custom .promo-detail ul li span {
float: right;
font-size: 12px;
color: #4a4af4;
font-weight: 600;
}

.result-block
.price-section
.affirm-price.tooltip-custom
.promo-detail::before {
right: 39px;
left: auto;
color: #cacaca;
}

.affirm-price.tooltip-custom .promo-detail:after,
.affirm-price.tooltip-custom .promo-detail:before {
content: "";
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -12px;
left: 50%;
border-bottom: 10px solid #ccc;
}

.affirm-price.tooltip-custom .promo-detail:after {
border-bottom: 11px solid #fff;
z-index: 1;
}

@media (max-width: 767px) {
#dest-view {
display: none !important;
}
}

.affirm-btn {
width: 62px;
height: 26px;
display: block;
margin-left: 0;
float: right;
background: url(/images/white-affirm-logo.png) left top no-repeat;
float: right;
margin-top: -8px;
}

.freeCancel {
position: relative;
}

.freeCancel .tooltipBox ul {
padding: 0px 0 0 14px;
font-size: 11px;
}

.freeCancel:hover .tooltipBox {
opacity: 1;
}

.footer_call {
z-index: 1;
display: none;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
background: #fff;
text-align: center;
padding: 7px 10px;
font-size: 16px;
font-weight: 600;
box-shadow: 0 -26px 29px #00000029;
}

.footer_call a {
color: #36155D;
text-align: center;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-evenly;
position: relative;
}

.footer_call span {
display: block;
font-size: 12px;
color: #333;
}

.footer_call strong {
font-size: 30px;
color: #36155D;
font-weight: 800;
line-height: 22px;
}

.footer_call .bi-telephone {
position: absolute;
left: 16px;
top: 12px;
}

.footer_call .fcall_icon {
width: 42px;
}

.footer_call .icons {
background: #E9DFF5;
width: 60px;
height: 60px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.loadingBox.height_loading {
height: 100vh;
box-shadow: none;
}

.loadingBox.height_loading .mid__loading {
box-shadow: none;
height: calc(100vh - 80px);
margin: 40px 0;
}



@keyframes blink {
0% {
color: #05a6f1;
}

40% {
color: #3ab54a;
}

60% {
color: #1b75bc;
}

80% {
color: #05a6f1;
}

100% {
color: #3ab54a;
}
}


/*Uc Call*/
.call_dealpopup {
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
overflow-y: auto;
}

.call_dealpopup .center-block {
width: 100%;
height: 100%;
z-index: 1001;
display: table;
table-layout: fixed;
}

.call_dealpopup .outer {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 40px 0;
}

.call_dealpopup .close_callpopup {
text-align: center;
background: transparent;
display: inline-block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
color: #fff;
}

.call_dealpopup .close_callpopup:hover {
color: #fff;
}

/* New Liosting Page Pop up start*/

.innerBlock {
background: #142042;
max-width: 481px;
margin: 0px auto;
padding: 0px;
position: relative;
border-radius: 5px;
font-size: 15px;
}

.innerBlock .top {
height: auto;
font-size: 17px;
color: #005aab;
text-align: center;
font-weight: 600;
background: url(/Images/promotion_banner/uc_banner.png?788) no-repeat center 0px;
display: flex;
justify-content: center;
padding: 13px 0 228px 0;
}

.innerBlock .timer {
font-size: 10px;
font-weight: 400;
border: 1px solid #ffffff59;
padding: 10px;
display: flex;
justify-content: space-between;
color: #fff;
opacity: 0.8;
}

.innerBlock .timer-text {
text-align: left;
padding-right: 15px;
font-weight: 500;
font-size: 11px;
}

.innerBlock .timer-start {
display: block;
font-size: 20px;
font-weight: 600;
line-height: 1;
padding-bottom: 5px;
}

.timer-count {
border-left: 1px solid #f5f5f5;
color: #fff;
display: flex;
grid-gap: 15px;
padding: 0 15px;
}

.timer-count img {
width: 20px;
}

.innerBlock .mid-sec {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ffffff59;
margin: 10px 20px;
color: #fff;
padding-bottom: 20px;
}

.innerBlock .mid-sec .exl-fare {
font-size: 14px;
display: flex;
flex-direction: column;
}

.innerBlock .mid-sec .exl-fare span {
font-size: 25px;
font-weight: 600;
line-height: 1;
padding: 5px 0;
}

.innerBlock .call-fare {
text-align: right;
position: relative;
font-size: 11px;
}

.innerBlock .text-book img {
position: absolute;
left: -34px;
top: 25px;
}

.innerBlock .text-book strong {
color: #FFDF76;
}

.innerBlock .text-book {
font-size: 12px; 
}

.innerBlock .mid-sec .call-fare .call-off {
font-size: 12px;
font-weight: 500;
}

.innerBlock .mid-sec .call-fare .call-price {
font-size: 23px;
font-weight: 600;
color: #308CF7;
line-height: 1;
text-decoration: line-through;
opacity: 0.9;
}

.travl-city {
margin: 0 20px;
padding-bottom: 10px;
}

.travl-city .city-code {
font-size: 32px;
line-height: 35px;
display: flex;
justify-content: space-between;
background: url(/Images/icons/flay.svg?1222) no-repeat center;
color: #F1C40F;
font-weight: 600;
background-size: 55%;
}

.dist-wit-date .city {
font-size: 16px;
line-height: 18px;
color: #fff;
}

.dist-wit-date span {
font-size: 14px;
}

.dist-wit-date span b {
font-weight: 600;
}

.click-call {
background: linear-gradient(90deg, rgba(247,125,19,1) 0%, rgba(255,65,118,1) 100%);
padding: 5px 8px;
display: flex;
grid-gap: 15px;
color: #fff;
text-decoration: none;
align-items: center;
margin: 0 20px;
margin-bottom: 10px;
border-radius: 10px;
}

.click-call .call-ico {
font-size: 14px;
font-weight: 400;
display: inline-flex;
grid-gap: 10px;
align-items: center;
padding-right: 10px;
}

.click-call .call-ico .call_t1 {
background: #ffffff;
height: 50px;
width: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}

.click-call .call-ico .call_t1 img {
width: 67%;
}

.click-call .call-tfn {
padding-left: 20px;
border-left: 1px solid #ffffff;
display: inline-block;
font-weight: 600;
font-size: 25px;
}

.click-call:hover {
color: #fff;
}

.fare-note {
font-size: 11px;
color: #B7AEC2;
text-align: center;
padding-bottom: 10px;
}




@media (max-width: 767px) {
.innerBlock .top {
background-position: left top;
}

.innerBlock {
background-size: cover;
}

.innerBlock .timer {
padding: 5px;
align-items: center;
}

.innerBlock .timer-text {
text-align: center;
font-size: 12px;
}

.timer-count {
padding-top: 5px;
}

.timer-count img {
width: 20px;
}

.click-call {
grid-gap: 5px;
}

.innerBlock .timer-start {
font-size: 18px;
padding-bottom: 0px;
}

.click-call .call-tfn {
font-size: 24px;
line-height: 24px;
}

.call_dealpopup .close_callpopup {
top: 10px;
right: 10px;
}

.innerBlock .mid-sec .exl-fare span, .innerBlock .mid-sec .call-fare .call-price {
font-size: 24px;
}

.innerBlock .mid-sec .exl-fare {
font-size: 13px;
}

.innerBlock .mid-sec {
margin-bottom: 0px;
padding-bottom: 10px;
}

.travl-city .city-code {
font-size: 29px;
background-size: 57%;
margin-top: 7px;
}

.dist-wit-date .city {
font-size: 16px;
}

.call_now_text {
font-size: 14px;
}

.fare-note {
padding: 10px;
}

.fare-note br {
display: none;
}
}

/* Listing page pop up end*/



.innerBlock .special_tag {
text-align: center;
margin-bottom: 22px;
font-weight: 600;
}

.innerBlock .cityname {
font-size: 14px;
font-weight: 600;
}

.innerBlock .cityname strong {
font-size: 30px;
display: block;
font-weight: 700;
line-height: 30px;
}

.innerBlock .date_label {
font-size: 15px;
font-weight: 600;
margin-bottom: 6px;
}

.innerBlock .date_label .bi-calendar3 {
position: relative;
top: 3px;
color: #005aab;
}

.innerBlock .date_div {
position: relative;
display: inline-block;
}

.innerBlock .date_div .dd {
padding-left: 42px;
display: block;
}

.innerBlock .dateFormat {
position: absolute;
left: 0px;
top: 0px;
font-size: 30px;
font-weight: 800;
line-height: 30px;
}

.innerBlock .triptype {
margin-top: 15px;
padding: 15px 0;
border-top: 1px dashed #ccc;
}

.innerBlock .tripLabel {
font-weight: 600;
}

.innerBlock .tripLabel span {
font-size: 14px;
font-weight: 400;
display: block;
}

.innerBlock .fares_text span {
font-size: 12px;
}

.innerBlock .price-text {
line-height: 30px;
font-size: 30px;
font-weight: 800;
display: block;
color: #42cb53;
}

.innerBlock .button {
display: inline-block;
border-radius: 5px;
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
color: #fff;
width: 275px;
text-align: center;
text-decoration: none;
padding: 7px 10px;
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
}

.innerBlock .button .bi-telephone {
position: absolute;
left: 18px;
top: 15px;
}

.innerBlock .button:hover {
color: #fff;
text-decoration: none;
}

.innerBlock .logo_tp {
padding: 10px 0;
}

.innerBlock .logo_tp img {
width: 150px;
}

.innerBlock .btm-txt {
font-size: 10px;
text-align: center;
}

.innerBlock.increasefare .font-15 {
font-size: 15px;
}

.innerBlock.increasefare .buttongroup {
padding: 10px 0;
}

.innerBlock.increasefare .buttongroup a {
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
box-shadow: none;
border: none;
padding: 10px;
margin: 0px 5px;
}

.innerBlock.increasefare .buttongroup .changeflight {
background: #0086ff;
}

@media (max-width: 767px) {
.airport_Code {
margin-top: -8px;
}

.footer_call {
display: block;
}

.innerBlock {
width: 95%;
}
}



/*Animation*/



.button-container-1 {
position: relative;
width: 148px;
height: 48px;
display: block;
overflow: hidden;
border: 2px solid #671885;
font-weight: 600;
font-size: 16px;
transition: 0.5s;
letter-spacing: 1px;
border-radius: 48px;
}

.button-container-1 button {
width: 101%;
height: 100%;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
-webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
-webkit-mask-size: 2300% 100%;
mask-size: 2300% 100%;
border: none;
color: #fff;
cursor: pointer;
-webkit-animation: ani2 0.7s steps(22) forwards;
animation: ani2 0.7s steps(22) forwards;
}

.button-container-1 button:hover {
-webkit-animation: ani 0.7s steps(22) forwards;
animation: ani 0.7s steps(22) forwards;
}

.mas {
position: absolute;
color: #05a6f1;
line-height: 48px;
text-align: center;
width: 100%;
overflow: hidden;
}

@-webkit-keyframes ani {
from {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}

to {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}
}

@keyframes ani {
from {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}

to {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}
}

@-webkit-keyframes ani2 {
from {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}

to {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}
}

@keyframes ani2 {
from {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}

to {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}
}


.typewriter {
overflow: hidden; /* Ensures the content is not revealed until the animation */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
letter-spacing: .15em; /* Adjust as needed */
animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
from {
width: 0
}

to {
width: 100%
}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
from, to {
border-color: transparent
}

50% {
border-color: orange
}
}

/**/

/* Book Now conform button css*/

.bkn-conf .button-loding {
height: 60px;
padding-top: 20px;
z-index: 2;
background: #269902;
color: #ffffff;
font-size: 18px;
text-align: center;
position: absolute;
border-radius: 16px;
width: 100%;
top: 0;
}

.dot-pulse {
position: absolute;
left: -9900px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #ffffff;
color: #ffffff;
box-shadow: 9999px 0 0 -5px;
animation: dot-pulse 1.5s infinite linear;
animation-delay: 0.25s;
top: 10px;
}

.dot-pulse::before, .dot-pulse::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #ffffff;
color: #ffffff;
}

.dot-pulse::before {
box-shadow: 9984px 0 0 -5px;
animation: dot-pulse-before 1.5s infinite linear;
animation-delay: 0s;
}

.dot-pulse::after {
box-shadow: 10014px 0 0 -5px;
animation: dot-pulse-after 1.5s infinite linear;
animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
0% {
box-shadow: 9984px 0 0 -5px;
}

30% {
box-shadow: 9984px 0 0 2px;
}

60%, 100% {
box-shadow: 9984px 0 0 -5px;
}
}

@keyframes dot-pulse {
0% {
box-shadow: 9999px 0 0 -5px;
}

30% {
box-shadow: 9999px 0 0 2px;
}

60%, 100% {
box-shadow: 9999px 0 0 -5px;
}
}

@keyframes dot-pulse-after {
0% {
box-shadow: 10014px 0 0 -5px;
}

30% {
box-shadow: 10014px 0 0 2px;
}

60%, 100% {
box-shadow: 10014px 0 0 -5px;
}
}

@media (max-width: 767px) {
.bkn-conf .button-loding {
top: 8px;
height: 70px;
}
}

@media (max-width: 767px) {
#containerListing {
margin-bottom: 50px;
}
}

.conf-call {
color: #0095db;
font-weight: 600;
font-size: 20px;
}

.refrance-number {
font-size: 18px;
font-weight: 600;
}

.blink span {
font-size: 18px;
animation: blink 1s linear infinite;
font-weight: 600;
color: #05a6f1;
}

@keyframes blink {
0% {
opacity: 0;
}

50% {
opacity: .5;
}

100% {
opacity: 1;
}
}

.air-logo {
width: 20px;
height: 20px;
outline: 3px solid #fff;
outline-offset: -2px;
}

.vid-cls {
width: 400px;
margin-bottom: 20px;
}
/*Promo Banner start*/
.results_banner {
padding-bottom: 15px;
}

.results_banner img {
width: 100%;
}
/*Promo Banner end*/
@media (max-width: 767px) {
.mob-alt-load {
display: block;
}

.vid-cls {
width: 100%;
}
}

.mob-alt-load {
display: none;
}

.frst-opt h5 {
font-size: 14px;
font-weight: 600;
position: relative;
padding-left: 20px;
}

.frst-opt h5:after {
position: absolute;
color: #4fb67a;
font-family: fontawesome;
font-weight: 900;
content: "\f00c";
left: 0;
top: 0;
}

.frst-opt i {
color: #4fb67a
}

.frst-opt p {
padding-left: 20px;
}

.gifmark {position: absolute;  left: -22px;  top: -5px ;  width: 57px; background: #fff;}

/*Mobile Timere*/
.counterfooter { position: fixed;  left: 20px;  bottom: 20px;  z-index: 99; }
.counterfooter .cound-bottom {background: linear-gradient(90deg, rgba(247,125,19,1) 0%, rgba(255,65,118,1) 100%);padding: 6px 15px; cursor:pointer;display: flex;
color: #fff;text-decoration: none;align-items: center;border-radius: 10px;}
.counterfooter .call_t1 {background: #ffffff;height: 40px;width: 40px; margin-right:10px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.counterfooter .call_t1 img {width: 67%;}
.counterfooter .t-price {font-size: 20px; font-weight:700;    display: flex;align-items: center;}
.counterfooter .cound-bottom .sec-devider {padding-left: 10px;margin-left: 10px; width: 1px;height: 22px;border-left: 1px solid #fff;}
.counterfooter .Timer {font-size: 20px; font-weight: 600;}

.travel-protection .insuranceList .block{    display: flex;
    align-items: center; }
.insurance_tooltip { position: relative; }
.insurance_tooltip .tooltipBox { display:none; font-size: 13px;   font-weight: 400;  line-height: 19px;  }
.insurance_tooltip:hover .tooltipBox { display:block; opacity: 1; }


@media (max-width: 767px) {
.insurance_tooltip .tooltipBox{ width: 220px; }
}


.ccontinue__button {cursor: pointer;background: rgb(113, 14, 119);background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );color: #fff;padding: 12px 38px;float: right;font-weight: 600;border-radius: 48px;text-decoration: none;}

    .ccontinue__button.confirm {
        padding: 12px 30px;
        font-size: 17px;
        border: none;
        background: rgb(113, 14, 119);
        background: linear-gradient( 90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100% );
        text-align: center;
    }



        .ccontinue__button.confirm i {
            margin-right: 3px;
        }
        .ccontinue__button.confirm:hover {
            background: rgb(13 110 253);
            background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );
        }

        .ccontinue__button.confirm span {
            display: block;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 13px;
        }
    .ccontinue__button:hover {
        background: rgb(13 110 253);
        background: linear-gradient( 90deg, rgb(13 110 253) 0%, rgb(113, 14, 119) 100% );
        text-decoration: none;
    }
/*ppc*/
.et_pb_section {
	position: relative;
	background-color: #2d2b2b;
	background-position: 50%;
	background-size: 100%;
	background-size: cover;
}
div.et_pb_section.et_pb_section_0 {
	background-image: url(/images/untitled-design-6.webp) !important;
}div.et_pb_section.et_pb_section_0::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.et_pb_row {
	width: 80%;
	max-width: 1080px;
	margin: auto;
	position: relative;
}
.et_pb_column, .et_pb_row, .et_pb_row_inner {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}
h2.et_pb_text_0 {
	font-weight: 600;
	font-size: 35px;
	color: #FFFFFF !important;
	text-align: center;
}

.et_pb_text_0 {
	background-color: #E02B20;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	padding-top: 5px !important;
	padding-bottom: 1px !important;
	margin-bottom: 9px !important;
}
.et_pb_text_1 {
	font-size: 22px;
	margin-bottom: 15px !important;
}
.et_pb_text_2 {
	font-weight: 300;
	font-size: 17px;
}
.et_pb_text {
	word-wrap: break-word;
}
.et_pb_section .et_pb_button {
	padding: 12px 10px;
	text-decoration: none;
	color: #FFFFFF !important;
	line-height: 1.7em !important;
	border-width: 0px !important;
	border-radius: 5px;
	font-size: 22px;
	font-weight: 700 !important;
	background-color: #0C71C3;
}
@media (min-width: 981px) {
	.et_pb_section {
		padding: 4% 0;
	}
	.et_pb_row {
		padding: 2% 0;
	}
}
@media (max-width: 980px) {
	.et_pb_section {
		padding: 50px 0;
	}
}
@media only screen and (max-width: 767px) {
	h2.et_pb_text_0 {
		font-size: 25px;
		line-height: 1.2em;
	}
.et_pb_section .et_pb_button {
        font-size: 19px !important;
    }
}
/*newpcc*/
  section.banners {
    display: none;
} 
.banners {
    background-color: #fff;
    padding: 15px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerInner {
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    padding: 0 10px 0 10px;
    text-align: center;
}
.ringing_phone {
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
    .ringing_phone {
    border: solid 5px #e6effe;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: url(../images/phoneRotate.png) center center no-repeat;
    text-align: center;
    display: inline-block;
    background-size: 28px;
}
.clickFull {
    position: relative;
}
.clickFull a.ddka {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.airLineimg {
    margin: 10px 0 5px 0;
    display: inline-block;
    width: 100%;
}
.airLineimg img {
    width: auto;
    margin: 6px 0px;
}
.bannerInner h1 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 12px 0;
	font-family: 'Fira Sans', sans-serif;
}
.airlineLlogos {
    text-align: center;
    margin-bottom: 10px;
}
.airlineLlogos img {
   width: 100%;
   margin: 0px 0px;
}
.banners .bannerInner ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #1a3e6e;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.banners .bannerInner ul {
    border-bottom: 2px solid #e01933;
    padding: 0px;
    list-style: none;
}
.banners .bannerInner ul li {
    color: #000;
    font-size: 14px;
    background-image: url(../images/checkIcons.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    font-weight: 500;
    margin: 0;
	font-family: 'Fira Sans', sans-serif;
}
.bannerInner h2 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
}
.bannerInner .numbers {
    background: #0f4ab5;
    border: 0;
    margin-top: 5px;
    padding: 3px;
    background-color: #0f4ab5;
    position: relative;
}
.bannerInner .clickFull .numbers {
    border-radius: 50px;
}
.bannerInner .numbers a {
    color: #fff;
    font-size: 27px;
    color: #fff;
    font-weight: 600;
    padding: 0 5px 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Fira Sans', sans-serif;
}
  span.nbrs {
    text-align: left;
}  
.bannerInner .numbers a span.nbrs small {
    font-size: 15px;
    display: block;
    text-align: left;
    font-weight: 500;
    position: relative;
    top: 6px;
	font-family: 'Fira Sans', sans-serif;
}
.bannerInner hr {
    border-color: rgb(46 46 46 / 30%);
    margin: 20px 0 5px 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.airLineimg h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px;
    font-family: 'Fira Sans', sans-serif;
    background: #0f4ab5;
    padding: 11px 0px;
}

.girlCalling {
    margin-top: 10px;
    margin-bottom: 11px;
    position: relative;
}
.girlCalling img {
    border-radius: 50%;
    border: solid 4px #0f4ab5;
    width: auto;
}
.bannerInner h2 a {
    color: #e01933;
    font-size: 20px;
    font-family: 'Fira Sans', sans-serif;
}
.bannerInner h2 p {
    margin: 10px 0px!important;
        font-size: 18px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    color:#000;
}
.blink {animation: blinker 1.3s linear infinite;}

.bannerInner h1 span a {
    line-height: 29px;
    color: #000;
}
.bannerInner h1 span {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px 0;
    font-family: 'Fira Sans', sans-serif;
}
.dss-call2 {
    margin: 15px 20px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Fira Sans', sans-serif;
}
.dss-call2 a {
    color: #000;
}
ul.list-view-items1 {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    border-bottom: 0px solid #e01933!important;
    margin-bottom: 3px!important;
    margin-top: 2px!important;
}
ul.list-view-items1 li {
    color: #fff!important;
    width: 49%;
    text-align: center;
    font-size: 16px!important;
    line-height: 26px;
    font-weight: 400!important;
    background: #0f4ab5!important;
    margin-bottom: 18px!important;
    padding: 5px 0px;
    border-radius: 4px;
    font-family: 'Fira Sans', sans-serif;
}
p.mt-3.tt_btm {
    color: #000;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}

@keyframes blinker {50% {opacity: 0;}}

@keyframes trin {
    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }
}
a.ddka {
    text-decoration: none;
}
a.dspn-ak {
    text-decoration: none;
}
@media (min-width:320px) and (max-width:767px){
     section.banners {display: block;margin-top: 14px;padding: 0px;}
    
}    
#resultsCntr{background:#fff;}
#resultsCntr .single-line{padding: 10px 15px;
    height: 44px;display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
#resultsCntr .button {
    width: 100%;
    border: none;
    padding: 11px;
    margin-top: 4px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    background: rgb(113, 14, 119);
    background: linear-gradient(90deg, rgb(113, 14, 119) 0%, rgb(13 110 253) 100%);
}
/*new csss*/
.section--padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section--padding {
    background: rgb(50 50 50 / 8%);
}.section-heading .sec__title {
    font-size: 30px;
    color: #232424;
    font-weight: 700;
    text-align: center;
}.section-heading p {
    text-align: center;
    color: #000;
}.destination-card {
    position: relative;
    overflow: hidden;
}

.padding-top-50px {
    padding-top: 50px;
}
.card-item {
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, .1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, .1);
    box-shadow: 0 0 40px rgba(82, 85, 90, .1);
    transition: all .3s;
    position: relative;
}.card-item:hover {
    transform: translateY(-3px);
}.card-item .card-img {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}.card-item .card-img img {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all .3s;
}.card-item .card-img .badge {
    position: absolute;
    background-color: #40cc6f;
    top: -10px;
    left: 0px;
    padding: 6px 11px;
    font-size: 19px;
    text-transform: uppercase;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: 500;
    z-index: 1;
    color: #fff;
    transition: all .3s;
}.destination-card .card-img .badge {
    top: 0px;
    -webkit-border-radius: 0px 0px;
    -moz-border-radius: 0px 0px;
    border-radius: 0px 0px;
    background-color: #02456D;
}.icon-box {text-align: center;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 1px 2px #ccc !important;
    border-radius: 8px;
    border: solid 1px #ededed;
    padding: 10px 0;
    min-height: 195px;
}
.icon-box .info-svg{
    width:50px;
    fill:#0d233e
}
.icon-box .info-icon{
    position:relative;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    font-size:35px;
    color:#fff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.icon-box .info-icon::after,.icon-box .info-icon::before{
    position:absolute;
    content:"";
    z-index:-1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.icon-box .info-icon::before{
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#02456D;
}
.icon-box .info-icon:after{
    width:50px;
    height:50px;
    top:10px;
    left:10px;
    background-color:#02456D;
    opacity:.5
}
.icon-box .info__num{
    position:absolute;
    right:0;
    top:0;
    font-size:40px;
    font-weight:700;
    color:transparent;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:rgba(128,137,150,.3)
}
.icon-box .info-content{
    padding-top:10px
}
.icon-box .info__title {
    font-size: 18px;
    color: #090909;
    margin-bottom: 8px;
    font-weight: 700;
}
.icon-box .info__title a{
    color:#0d233e;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.icon-box .info__title a:hover{
    color:#02456D
}
.icon-box .info__desc {
    font-size: 15px;
    color: #0b0b0b;
    line-height: 22px;
}
.icon-box:hover .info-icon{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
@media only screen and (min-width:768px) and (max-width:991px){
.icon-box.margin-top-50px{margin-top:0}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .icon-box.margin-top-50px{margin-top:0}
}
@media only screen and (min-width:320px) and (max-width:479px){
    .icon-box.margin-top-50px{margin-top:0}
}
.section-heading .sec__desc {
    font-size: 16px !important;
    color: #000;
    line-height: 34px;
    font-family: 'Fira Sans', sans-serif;
    text-align: justify;
}
a.dnsp-a {
    text-decoration: none !important;
}
.mobile-baner {
    width: 100%;
    text-align: center;
    background: #c8edff;
    padding: 20px 0px;
    margin-bottom: 20px;
    display: none;
}
.mobile-baner{width:100%;text-align:center;background: #c8edff;padding:20px 0px;margin-bottom:20px;display:none;}
.mobile-baner li{list-style:none;}
.mobile-baner ul{display:flex;flex-flow:wrap;gap:15px;}
.mobile-baner li{width:calc(50% - 15px);}
.mobile-baner h3 {font-size: 22px;line-height: 30px;margin-bottom: 20px;color:#000;position:relative;padding-bottom:8px;}
.mobile-baner h3:before{content:"";height:4px;width:40px;background:#e31e24;position:absolute;left:50%;bottom:0px;margin-left:-20px;}
.mobile-baner p{font-size:15px;color: #333;font-weight: 500;}
.mobile-baner ul{margin:15px 0px;}
.mobile-baner li p,.mobile-baner .text-white{display: block;background: var(--main-color);color: #fff;padding: 5px 10px;border-radius: 5px;font-size:15px;}
.mobile-baner .text-white{display:inline-block;}
.mobile-baner .text-white i{padding-right:10px;}
.mobile-baner img{margin-bottom:20px;}

.frontier.mobile-baner li p, .frontier.mobile-baner .text-white{background: #02456d;}

a.dnsp-a {text-decoration: none !important;}
p.mt-3.tt_btm {
    color: #000;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-top: 15px !important;
}

@media (min-width:320px) and (max-width:767px){
     .mobile-baner {display: block;}
    
} section.route {
    width: 100%;
    padding: 16px 0px 30px;
    display:none;
}
    .rout {
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 2px 1px #02456d;
    padding: 10px 10px;margin-bottom: 14px;
}.rout a {text-decoration: none;color: #000; line-height: 28px;
    font-size: 15px;
}.cont-pr {
    width: 100%;
    text-align: left;
}
.cont-pr p span.c1 {
    text-align: left;
    color: #000;
    font-size: 14.5px;
    font-weight: 500;
    width: 50%;
    float: left;
}
.cont-pr p span.clnw {
    text-align: right;
    width: 50%;
    float: left;
}
.cont-pr p span.clnw a {
    background: #ed121a;
    color: #fff;
    padding: 6px;
    font-size: 16px;
    border-radius: 4px;
}
section.route p{    margin: 0;}
.image-box .img__item {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.image-box .img__item-2 {
    position: absolute;
    bottom: -50px;
    left: -28px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 190px;
    height: 190px;
    border: 8px solid #fff;
}@media (max-width: 768px) {
    .image-box .img__item-2 {
        left: -10px;
    }
}.image-box {
    position: relative;
}
@media (min-width:320px) and (max-width:767px){
section.route {
    display:block;
}
} 
.flash-sale-box-main {
    position: relative;
}
.flash-sale-box {
    border-radius: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    height: 100%;
    width: 100%;
    display: inline-block;
    background-color: #084278;
    position: relative;
    z-index: 0;
}
.flash-sale-box-cruise-img-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 6px;
    z-index: -1;
}
.flash-sale-box-cruise-img-box:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(8, 66, 120, 0.7);
    left: 0px;
    top: 0px;
}
.flash-sale-box-cruise-img-box img {
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: -1;
    object-position: center top;
    border-radius: 6px;
}
.flash-sale-box .destinations {
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}
.flash-sale-box .month-date, .flash-sale-box .ships-name, .flash-sale-box .nights {
    font-size: 12px;
    color: #fff;
    margin-bottom: 6px;
    font-weight: 600;
}
.flash-sale-box .month-date i, .flash-sale-box .ships-name i, .flash-sale-box .nights i {
    font-size: 12px;
    width: 15px;
    margin-right: 6px;
}

.cbf.cb-calendar-days-16 {
    background-position: 0px -106px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.cbf {
    background-image: url(../images/common-icon-list.webp);
    background-repeat: no-repeat;
}
.cbf.cb-ship-16 {
    background-position: -32px -106px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.cbf.cb-moon-16 {
    background-position: -48px -106px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.flash-sale-box .price {
    color: #FF620A;
    font-weight: 600;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 4px 4px 4px;
    margin-right: 10px;
    -webkit-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 1);
}
.flash-sale-box .price span {
    width: 100%;
    display: inline-block;
    font-size: 11px;
    color: #000;
}
.flash-sale-box .price .price-per-night-small {
    font-size: 12px;
}
.flash-sale-box .booknowbtn {
    color: #000000;
    font-size: 10px;
    font-weight: 600;
    background-color: #389BF0;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    margin-top: 6px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
}
.excludes-taxes-and-fees-deal-page {
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
}
.flash-sale-box-cruise-line-logo {
    text-align: right;
    margin-top: 4px;
    height: 50px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
}
.flash-sale-box-cruise-line-logo img {
    background-color: #fff;
    padding: 6px;
    max-height: 50px;
    width: auto;
}
.flash-sale-box-whats-included-modal-btn-div {
    position: absolute;
    bottom: 94px;
    right: 10px;
}
.flash-sale-box-whats-included-modal-btn-div a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.flash-sale-box-whats-included-text {
    margin-right: 4px;
}
.flash-sale-box-whats-included-icon {
    background-image: url(../images/common-icon-list.webp);
    width: 14px;
    height: 14px;
    background-position: -373px -67px;
    display: inline-block;
}
.text-end {
    text-align: right !important;
}
.mb-20 {
    margin-bottom: 20px;
}