/*globle css*/
html, body, div, header, main, footer, div, p, h1, h2, h3, h4, h5, h6, ul, li, a, input {
box-sizing: border-box;
font-family: 'Montserrat';
color: #313131;
margin: 0; padding: 0;
font-family: "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
img {line-height: 0; outline: none;}
ul {list-style-type: none;}
a {
text-decoration: none;
display: block;
}
a:hover {
text-decoration: none;
}
/*header*/
.logo {
/*background-image: url('../images/logo.png');*/
width: 205px;
height: 45px;
margin-right: 60px;
}
.nav_main-contr ul li a {
color: #fff !
;
}
.nav_main-contr ul li a:focus, .nav_main-contr ul li a:hover {
color: #fec131;
}
.banner_main_contnr {
background-image: url('../images/banner_bg.jpg');
width: 100%;
background-size: cover;
background-position: 50% 30%;
position: relative;
}
.banner_main_contnr:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.39);
}
.banner_innr_main {
position: relative;
top: 25%;
padding: 65px 0;
}
.banner_hedding_contr {
text-align: center;
}
.banner_hedding_contr h1 {
color: #fff;
font-size: 23px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 0.115in;
}
.banner_hedding_contr h2 {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
/*tab*/
.banner_innr_main ul.nav-pills {
margin-bottom: -2px;
}
.banner_innr_main ul.nav-pills li a {
padding: 8px 21px;
background: #fec131;
color: #313131;
text-decoration: none;
border-right: 1px solid #313131;
}
.banner_innr_main ul.nav-pills li a:hover,
.banner_innr_main ul.nav-pills li a:focus {
background: #313131;
color: #fff;
transition: 0.3s ease-in-out;
}
.banner_innr_main ul.nav-pills li:first-child a {
border-radius: 7px 0 0 0;
}
.banner_innr_main ul.nav-pills li:last-child a {
border-radius: 0 7px 0 0;
border-right: 0;
}
.banner_innr_main ul.nav-pills li.active a {
background: #313131;
color: #fff;
}
.tabMain_contr {
background: rgba(0,0,0,0.19);
border: 2px solid #fec131;
border-radius: 0 8px 8px 8px;
padding: 20px;
}
.filter-btn {
background: #313131;
color: #fff;
float: right;
border: 1px solid #fec131;
border-radius: 0;
}
.filter-btn:hover {
background: #fec131;
}
.filter-btn i {
margin-left: 6px;
}
.filter-txt-contr label {
color: #fff;
font-size: 14px;
font-weight: 500;
}
.filter-txt-contr input, .filter-txt-contr select {
border: 2px solid #fec131;
background: #f3efec;
}
.destination {
position: relative;
}
.destination span {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
height: 13px;
width: 12px;
display: block;
background-image: url('../images/flight.png');
}
.Travelers_contnr {
position: relative;
}
/*pop-up*/
.Travelers_popup_contnr {
background: #fff;
border: 1px solid #ddd;
display: none;
position: absolute;
z-index: 1;
top: 38px;
right: 0;
}
.paxRoomDisplayWrap, .No_Of_Night_popup {
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 10px;
z-index: 9999;
box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);
border: 1px solid #BBB;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.paxRoomDisplayWrap .label-sub-common {
margin-right: 5px;
font-size: 13px;
}
.paxRoomDisplayWrap select {
background-position-x: 86%;
width: 50px;
padding: 5px;
margin: 5px;
}
.flight-passenger-container {
display: flex;
align-items: center
}
/*end popup*/
/*tab end*/
/*no of night popup*/
.No_Of_Night_contr .No_Of_Night_popup label,
.paxRoomDisplayWrap label {
color: #313131;
font-size: 12px;
}
/*main*/
.Premium-contr-outr {
padding: 45px 0;
}
.Premium-contr {
display: flex;
}
/*.Premium-contr .icon_contr {
width: 68px;
}*/
.Premium-contr .txt_contnr {
padding-left: 20px;
}
.icon_contr {
/*background-image: url('../images/thumb.png');*/
height: 43px;
width: 40px;
}
.icon_contr i {
font-size: 45px;
color: #355b82;
}
.txt_contnr h3 {
font-size: 20px;
font-weight: 600;
color: #355b82;
}
.txt_contnr p {
color: #355b82;
}
/*call for best deals*/
.call_4_best_deal {
background: #fec131;
padding: 30px 20px;
}
.call_4_best_deal h2 {
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 600;
}
/*holiday packages*/
.holiday_packages_heaing {
padding-top: 45px;
margin-bottom: 45px;
}
.holiday_packages_heaing h3 {
text-align: center;
font-size: 25px;
text-transform: uppercase;
font-weight: bold;
}
.holiday_packages_heaing h4 {
position: relative;
text-align: center;
width: 300px;
margin: auto;
font-size: 16px;
color: #4b5861bd;
font-weight: 600;
margin-top: 10px;
}
.holiday_packages_heaing h4:before,
.holiday_packages_heaing h4:after {
content: '';
position: absolute;
height: 2px;
width: 61px;
background-color: #4b5861bd;
top: 0;
bottom: 0;
margin: auto;
}
.holiday_packages_heaing h4:before {
left: 0;
}
.holiday_packages_heaing h4:after {
right: 0;
}
.package_detail_outer {
text-align: center;
background: #f5f5f5;
}
.package_detail_outer img {
width: 100%;
}
.package_detail_img {
position: relative;
}
.package_detail_img:before {
content: '';
background: rgba(0,0,0,0.59);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.package_detail {
text-align: center;
padding: 20px;
padding-bottom: 40px;
margin-bottom: 45px;
}
.package_detail h4 {
font-size: 16px;
font-weight: 700;
margin: 20px 0;
}
.package_detail p {
text-align: left;
font-size: 13px;
font-weight: 500;
}
.flying_filter_detail_cont {
padding-bottom: 30px;
position: relative;
}
.flying_filter_detail_cont h4 {
font-size: 18px;
text-transform: uppercase;
}
.flying_filter_detail_cont select {
position: relative;
appearance: none;
-webkit-appearance: none;
}
.flying_filter_detail_cont select + span {
height: 11px;
width: 18px;
position: absolute;
background-image: url('../images/drp_dwn_1.png');
top: 0;
bottom: 0;
right: 22px;
margin: auto;
}
/*packages end*/
/*end main*/
/*footer*/
.footer_search_contnr {
background: #2b303c;
padding: 30px 20px;
}
.footer_Search_box {
border: 1px solid #fff;
}
.footer_search_contnr .footer_Search_box input {
background: transparent;
border: none;
color: #fff;
}
.footer_Search_box input:focus {
background: transparent;
outline: none;
border: none;
}
.footer_Search_box input::placeholder {
color: #fff;
}
.footer_Search_box button i {
color: #fff;
}
.flex-container {
display: flex;
float: right;
}
.flex-container > li {
margin: 10px;
}
.flex-container > li >a {
display: block;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
.call_us_main_contr {
padding: 20px;
}
.call_us {
display: flex;
border-top: 1px solid #f5f5f5;
padding-top: 16px;
margin-top: 15px;
}
.call_us li h3 {
font-weight: 100;
}
.call_us li a {
background: #70ccf5;
display: block;
padding: 5px;
color: #fff;
text-decoration: none;
margin-right: 10px;
}
.call_us li a i {
display: block;
}
.social_icons {
border: 0;
}
.social_icons .facebook {
background: #3b5998;
}
.social_icons .twitter {
background: #57bde3;
}
.social_icons .youtube {
background: #cc181e;
}
.social_icons .instagram {
background: #517fa4;
}
.social_icons .pinterest {
background: #d54d53;
}
.call_us p {
color: #4b5861bd;
}
.call_us p a{
display: inline-block;
color: /*#70ccf5*/ #ffd600;
text-decoration: none;
}
.call_us p a i {
margin-right: 5px;
color: /*#70ccf5*/ #ffd600;
font-size: 30px;
display: inline;
top: 4px;
position: relative;
margin-left: 5px;
}
.footer_bottom_contnr {
padding: 20px;
background: #fafafa;
}
.footer_logo_outer {
background-image: url('../images/footer_logo.png');
height: 47px;
width: 256px;
float: right;
}
.footer_bottom_contnr p {
font-size: 13px;
}
/*product listing page*/
.listing_detail_main_contnr {
padding-top: 45px;
padding-bottom: 45px;
background: #f7f7f7;
}
.listing_detail_outer .tab-pane.in {
opacity: 1;
}
.product_listing_contr {
background: #ffffff;
border-bottom: 2px solid #ddd;
border-right: 3px solid #fec131;
}
.product_img {
flex-basis: 25%;
}
.product_detail {
flex-basis: 50%;
padding-top: 8px;
}
.product_detail h3 {
font-size: 18px;
font-weight: 600;
}
.product_detail h4 {
font-size: 12px;
font-weight: 600;
}
.product_detail ul {
padding: 5px;
display: flex;
justify-content: space-between;
}
.product_detail ul li {
flex: 1;
flex-basis: 30%;
font-size: 11px;
}
.product_detail ul li i {
margin-right: 5px;
font-size: 12px;
}
.view_more_detail {
padding-top: 50px;
flex-basis: 20%;
}
.view_more_detail .btn {
color: #fff;
font-size: 12px;
font-weight: 600;
border-radius: 0;
width: 110px;
background: #fec131;
}
.select_days {
display: flex;
padding-top: 5px;
}
.select_days .radio {
margin-right: 10px;
}
.select_days .radio label input {
margin-right: 5px;
}
.select_days .radio label {
font-size: 13px;
}
.Room_dtail {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.Room_dtail p {
font-size: 12px;
}
.listing_detail_main_contnr .nav-tabs {
width: 225px;
position: relative;
left: 205px;
}
.listing_detail_main_contnr .nav-tabs li a {
padding: 5px 21px;
background: #313131;
color: #fff;
text-decoration: none;
margin-right: 5px;
font-size: 13px;
}
.listing_detail_main_contnr .nav-tabs li.active a {
background: #fff;
color: #313131;
border: 1px solid #ddd;
border-bottom: 0;
}
.listing_detail_outer {
margin-bottom: 10px;
}
.listing_detail_outer ul {
border-bottom: 0;
}
.price {margin-bottom: 10px; font-size: 14px; font-weight: 600;}
.price i {margin-right: 5px;}
/*side Bar*/
.siderBar_left_pannel {
background: #313131;
border: 1px solid #ddd;
padding: 0;
}
.sideBar_main_contr {
}
.sideBar_top {
background: #fec131;
padding: 8px;
}
.sideBar_top h3 {
font-size: 16px;
text-transform: capitalize;
}
.sideBar_outer {
/*background: #313131;*/
}
.sideBar_inner_pannel {
padding: 20px;
}
.sideBar_inner_pannel h4 {
color: #fec131;
font-size: 13px;
font-weight: 100;
margin-bottom: 10px;
}
.sideBar_inner_pannel ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom: 1px solid #575757;
margin-bottom: 10px;
padding-bottom: 10px;
}
.sideBar_inner_pannel ul li {
flex-basis: 49%;
margin-bottom: 5px;
}
.sideBar_inner_pannel ul li a {
color: #fff;
border: 1px solid #575757;
text-align: center;
font-size: 12px;
font-weight: 100;
display: block;
padding: 5px;
text-decoration: none;
}
.sideBar_inner_pannel ul li a:hover {
background: #fec131;
color: #313131;
transition: 0.2s all ease-in-out;
}
.sideBar_inner_pannel ul li a i {
margin-right: 8px;
}
/*product detail page*/
.detai_main_contnr {
padding-top: 45px;
}
.slider-img-contr .carousel-item img {
width: 100%;
}
/*right sec*/
.enquiry-detail {
padding-top: 10px;
border-bottom: 2px solid #bdbdbd;
}
.enquiry-detail h3 {
font-size: 17pt;
}
.text-right {
text-align: right !important;
}
.text_lg {
font-size: 28px;
font-weight: normal;
}
.gray {
color: #cdc7c7;
}
.static_packages small {
color: #939393;
margin-bottom: 10px;
display: block;
}
.btn-submit-enquiry {
color: #f7a600;
background-image: none;
background-color: transparent;
border-color: #f7a600;
border-radius: 0;
padding: .25rem .5rem;
font-size: .875rem;
}
.btn-submit-enquiry:hover {
color: #fff;
background-color: #f7a600;
border-color: #f7a600;
}
h4.day-heading {
font-size: 14px !important;
font-weight: bold;
margin-top: 0;
padding: 0;
border-bottom: 1px solid #f7a600;
}
.pkg-list {
margin: 0;
padding: 10px 0 10px 20px;
}
.pkg-list li {
margin: 0;
position: relative;
list-style: none;
/*padding-left: 25px;*/
font-size: 14px;
display: flex;
}
.moreInclusionBtn {
font-size: 11px;
color: #f7a600;
margin-bottom: 20px;
}
.moreInclusionBtn:hover {
color: #f7a600;
}
.checkmark {
display: inline-block;
position: relative;
margin-right: 10px;
top: 5px;
}
.checkmark:after, .checkmark:before {
content: '';
display: block;
}
.checkmark:after {
width: 12px;
height: 12px;
background-color: #f7a600;
border-radius: 50px;
}
.checkmark:before {
width: 5px;
height: 7px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
position: absolute;
top: 0.093rem;
left: 4px;
}
/*tab button*/
.tab_static_packages {
margin-top: 40px;
}
.tab_static_packages .tab-buttons {
background-color: #000;
padding-bottom: 8px;
}
.tab_static_packages .tab-buttons li {
margin: 8px 0 0 8px;
}
.tab_static_packages .tab-buttons .nav-link {
color: #fff;
padding: .3em 1em;
font-size: 14px;
border: none;
border-radius: 0;
}
.tab_static_packages .tab-buttons a.nav-link.active {
color: #f7a600;
font-weight: 400;
background-color: #fff;
}
.tab_static_packages .tab-content {
padding-top: 15px;
}
.pkg-heading {
font-weight: 300;
background-color: transparent;
padding-left: 0 !important;
color: #000;
font-size: 23px !important;
padding: 15px 0 5px 0;
}
.pkg-heading span {
margin-right: 5px;
font-size: 20px;
}
/*tab button end*/
/*enquary detail popup form*/
.enquary_detail_header {
padding: 0;
margin: 1rem;
border-bottom: 1px solid #f7a600;
}
.enquary_detail_header h4 {
color: #f7a600;
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
margin-bottom: 10px;
padding: 0;
}
.form-control {
font-size: 13px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
color: #838383;
background-color: #fff;
border-color: #ffd378;
outline: 0;
box-shadow: none;
}
.enquary_detail_body label {
font-size: 13px;
}
.enquiry-detail .modal-content {
border-radius: 0;
}
/*end*/
/*home page*/
.home_page_header {
background: linear-gradient(180deg,#ffd600 0%,#ffc300 100%);
padding-bottom: 45px;
}
.productListing_home_page_header {
padding-bottom: 0;
padding-top: 25px;
}
.home_page_header_inner {
max-width: 1245px;
}
.home_page_header_inner h3 {
font-size: 18px;
padding: 10px;
}
.top-header {
padding: 10px; padding-bottom: 6px;
}
/*sticky header*/
.nav_main-contr {
background-color: #315576;
height: 55px;
opacity: 1;
top: 55px;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
transition: opacity 0s linear .1s,left .25s ease-in-out,-webkit-transform .1s linear;
transition: transform .1s linear,opacity 0s linear .1s,left .25s ease-in-out;
transition: transform .1s linear,opacity 0s linear .1s,left .25s ease-in-out,-webkit-transform .1s linear;
}
.nav_main-contr.sticky_header {
height: auto;
padding-top: 6px;
padding-bottom: 6px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: opacity 0s linear 0s,left .25s ease-in-out,-webkit-transform .3s linear;
transition: transform .3s linear,opacity 0s linear 0s,left .25s ease-in-out;
transition: transform .3s linear,opacity 0s linear 0s,left .25s ease-in-out,-webkit-transform .3s linear;
}
/*sticky header end*/
.home_page_header_main_contr nav.nav_main-contr {
background-color: #2b303c;
z-index: 3;
padding-left: 0;
padding-right: 0;
}
.nav_main-contr button {
outline: none;
}
.nav_main-contr button span i {
color: #fff;
font-size: 25px;
}
.nav_main-contr .navbar-collapse {
background-color: #2b303c;
padding: 15px;
}
.nav_main-contr ul {
flex: 5;
}
.nav_main-contr .login a {
flex: 1;
color: #fff;
text-align: right;
}
.nav_main-contr .login a i {
margin-right: 6px;
}
.home_page_header_main_contr .nav_main-contr ul li a {
color: #ffffff;
transition: color .2s ease-in-out;
font-size: 14px;
}
.home_page_header_main_contr .nav_main-contr ul li a:hover {
color: #fed904;
}
.home_page_header_main_contr .nav_main-contr ul li a:focus {
color: #fed904;
font-weight: 600;
}
/*Home banner section*/
.title-section .title {
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
font-weight: 600;
padding-top: 40px;
padding-bottom: 25px;
font-size: 25px;
line-height: 1.5;
}
/*End banner*/
/*logo*/
@media (min-width: 48em) {
.keel-chp .Common-Layout-StyleJamHeader .logo {
height: 27px;
width: 200px;
line-height: 1.5;
background-image: url(https://travbizz.net/maryamtravel.com/images/a.png) !important;
}
.keel-chp .Common-Layout-StyleJamHeader .logo {
width: 225px !important;
}
}
/*End logo*/
/*filter Destination*/
.filter_search_main_contnr {
padding: 20px 0;
}
.filter_search_main_contnr ul {
justify-content: space-between;
width: 100%;
display: flex;
flex-direction: column;
}
.filter_search_main_contnr ul li {
flex-basis: 50.5%;
position: relative;
}
.countrySearch{
width: 100%;
border: navajowhite;
margin-top: 10px;
}
.filter_search_main_contnr ul li input+i,
.filter_search_main_contnr ul li .filter-search i {
position: absolute;
display: block;
top: 0;
bottom: 0;
margin: auto;
left: 12px;
padding-top: 16px;
font-size: 23px;
}
.filter_search_main_contnr ul li input,
.filter_search_main_contnr ul li .filter-search {
border-radius: 2px;
border: none;
width: 100%;
height: 54px;
padding-left: 40px;
padding-right: 10px;
background: #ffffff;
margin-bottom: 5px;
}
.filter_search_main_contnr ul li input::placeholder {
font-weight: bold;
color: #313131;
font-size: 13px;
}
.filter_search_main_contnr ul li button {
height: 100%;
width: 100%;
background: #17232c;
color: #fff;
border: none;
outline: none;
border-radius: 2px;
text-align: center;
padding: 10px;
}
.filter_search_main_contnr ul li button i {
font-weight: 100;
font-size: 25px;
}
/*End Filter Destination*/
/*new*/
.values_contr {
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
font-weight: bold;
font-size: 13px;
}
.flights-search-swap-arrow {
width: 25px;
height: 25px;
float: right;
position: absolute;
right: 15px;
top: 50%;
transform: translate(-0%, -50%);
cursor: pointer;
}
.destination_search_popup {
position: absolute;
box-shadow: 0 3px 5px 0 rgba(23,35,44,0.24);
top: 0;
width: 300px;
padding: 1px;
z-index: 3;
background: #fff;
border-radius: 2px;
/*visibility: hidden;*/
display: none;
transition: transform 200ms ease-out,height 200ms ease-out,width 200ms ease-out;
transform: translate3d(-8px,-8px,0);
transform: translate(164px, 316px);
transition: opacity 200ms ease-out,visibility 200ms ease-out;
}
.intro {
/*visibility: visible;*/
display: block;
transform: scale(1.2);
transition: transform 200ms ease-out,height 200ms ease-out,width 200ms ease-out;
transform: translate3d(-8px,-8px,0)!important;
transform: translate(164px, 316px);
transition: opacity 200ms ease-out,visibility 200ms ease-out;
opacity: 1;
}
.destination_search_popup input {
height: 54px;
outline: none;
}
.destination_search_popup input:focus {
border: 1px solid #ffd600;
}
.destination-results {
height: 200px;
padding: 6px;
}
.destination-results .stay_night {
display: flex;
}
.destination-results .nights_drpdwn {
width: 100%;
height: 100%;
outline: none;
}
/*About us*/
.about_us_contnr {
text-align: center;
margin-bottom: 30px;
padding-top: 45px;
}
.col-title {
font-size: 30px;
margin-bottom: 15px;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
font-weight: 500;
color: #2b303d;
}
.col-subheading {
font-size: 18px;
font-weight: 300;
color: #555964;
}
.subtitle {
font-size: 25px;
}
.text p {
margin-top: 10px;
font-size: 16px;
}
.newsletter-subscription {
background-color: #ffd600;
padding: 20px;
}
.newsletter_heading {
color: #28303d;
margin-top: 0;
margin-bottom: 12px;
font-size: 24px;
font-weight: 400;
line-height: 18px;
text-align: center;
}
.newsletter_contr {
display: flex;
justify-content: space-between;
width: 70%;
margin: auto;
flex-direction: column;
margin-top: 0;
}
.newsletter_txtBox {
flex-basis: 68%;
}
.newsletter_txtBox .label {
font-size: 15px;
}
.newsletter_txtBox input {
display: inline-block;
width: 100%;
background-color: #fff;
border-color: transparent;
border-radius: 4px;
height: 44px;
box-shadow: none;
line-height: 44px;
font-size: 16px;
color: #535964;
padding: 5px 8px;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
font-weight: bold;
}
.newsletter_txtBox input::placeholder {
font-weight: bold;
font-size: 16px;
color: #94989e;
}
.newsletter_btn {
display: block;
flex-basis: 30%;
font-size: 22px;
font-weight: 600;
color: #fff;
background-color: #28303d;
border-radius: 4px;
border: none;
border-bottom: solid 3px #ccab00;
height: 44px;
line-height: 44px;
margin-top: 22px;
}
.newsletter_btn a {
color: #fff;
}
.disclaimer-wrap .disclaimer {
font-size: 14px;
text-align: center;
margin-top: 20px;
}
.disclaimer-wrap .disclaimer a {
display: inline-block;
text-decoration: underline;
}
/*footer*/
.page-footer {
background-color: #414551;
clear: both;
padding: 15px 0 0;
font-size: 14px;
text-align: center;
font-weight: 400;
min-width: 320px;
color: #fafafc;
}
.page-footer p {
color: #fff;
opacity: .7;
margin-top: 10px;
text-align: left;
}
.page-footer h4 {
color: #fff;
margin-bottom: 15px;
text-align: left;
font-size: 20px;
line-height: 23px;
}
.footer_links {
display: flex;
justify-content: center;
padding: 16px 0;
}
.footer_links .mobile-link {
color: #fff;
border-left: 1px solid #555964;
margin-left: 16px;
margin-right: 0;
padding-right: 0;
display: flex;
padding: 4px 16px;
align-items: center;
}
.footer_links .mobile-link span {
color: #a3adbf;
font-size: 14px;
padding-left: 8px;
}
.footer_links .mobile-link i {
color: #ffd600;
font-size: 36px;
opacity: .6;
font-variant: normal;
font-style: normal;
text-transform: none;
speak: none;
line-height: 1;
transition: opacity 200ms ease-out;
}
.footer_links li a i {
font-size: 23px;
}
.footer_social_icons {
display: flex;
width: 135px;
justify-content: space-between;
float: right;
margin-top: 5px;
}
.footer_social_icons a {
font-size: 23px;
color: #fff;
flex-basis: 35px;
display: block;
width: 35px;
border-radius: 50px;
background-color: #a3adbf;
transition-duration: 200ms!important;
}
.footer_social_icons a:hover {
background: #fff;
}
.footer_social_icons a i {
color: #17232c;
}
.primary-footer-navigation {
padding: 0;
margin-bottom: 1.25em;
}
.primary-footer-navigation li {
margin-left: 8px;
margin-right: 8px;
}
.primary-footer-navigation li a {
color: #fff;
text-decoration: none;
}
.primary-footer-navigation li a .text {
opacity: .6;
transition: opacity .1s linear;
}
.primary-footer-navigation li a:hover .text {
opacity: 1;
}
.copyright-text {
font-size: .875em;
display: block;
padding-bottom: 20px;
color: #fafafc;
}
/*footer end*/
/*.keel-chp .Common-Layout-StyleJamHeader .logo {
display: inline-block;
background-size: 34px 26px;
text-decoration: none;
background-image: url(https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/chea…-logo-small.svg?v=231ab51…\000026cluster=5);
background-repeat: no-repeat;
height: 28px;
width: 48px;
position: relative;
vertical-align: middle;
line-height: 2;
text-align: right;
}
.keel-chp .Common-Layout-StyleJamHeader .plane {
width: 13px;
height: 12px;
display: inline-block;
background: url(https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/chea…go/cf-plane.svg?v=889dd68…\000026cluster=5) no-repeat center right;
background-size: 13px 12px;
vertical-align: bottom;
}
.keel-chp .Common-Layout-StyleJamHeader .contrail {
position: absolute;
height: 10%;
width: 89%;
left: 0;
top: 49%;
opacity: 0;
background: linear-gradient(90deg,rgba(255,255,255,0) 10%,#ffd600);
border-radius: 10px;
}
@media (min-width: 48em) {
.keel-chp .Common-Layout-StyleJamHeader .logo {
background-size: contain;
height: 27px;
width: 200px;
line-height: 1.5;
background-image: url(https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/chea…ogo/cf-logo.svg?v=1ce9b8a…\000026cluster=5);
}
.keel-chp .Common-Layout-StyleJamHeader .plane {
width: 100%;
height: 100%;
animation-name: plane;
animation-duration: 3s;
-webkit-transform: translate3d(0,-3px,0);
-moz-transform: translate3d(0,-3px,0);
-ms-transform: translate3d(0,-3px,0);
-o-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
background-size: 22px 20px;
vertical-align: middle;
}
.keel-chp .Common-Layout-StyleJamHeader .contrail {
animation-name: contrail;
animation-duration: 3s;
}
}*/
.logo {
display:inline-block;
background-size:auto 100%;
text-decoration:none;
/*background-image:url("https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/cheapflights/logo/cf-logo-small.svg?v=231ab51dfc5f8b68d67f9e204654709157401d3f\000026cluster=5");*/
background-repeat:no-repeat;
height:28px;
position:relative;
vertical-align:
middle;
line-height:2;
text-align:right
}
@media (min-width:48em) {
.keel-chp .Common-Layout-StyleJamHeader .logo {
background-size:contain;
height:27px;
width:200px;
line-height:1.5;
background-image:url("https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/cheapflights/logo/cf-logo.svg?v=1ce9b8a0529ee59d95b73bfed4b9781a317cdee6\000026cluster=5")
}
}
.keel-chp .Common-Layout-StyleJamHeader .plane {
width:13px;
height:12px;
display:inline-block;
background:url("https://www.cheapflights.co.uk/res/images/horizon/common/layout/brands/cheapflights/logo/cf-plane.svg?v=889dd68dbeb876d46a16e4563dbb6e534b60d46c\000026cluster=5") no-repeat center right;
background-size:13px 12px;
vertical-align:bottom
}
@media (min-width:48em){
.keel-chp .Common-Layout-StyleJamHeader .plane{
width:100%;
height:100%;
animation-name:plane;
animation-duration:3s;
-webkit-transform:translate3d(0,-3px,0);
-moz-transform:translate3d(0,-3px,0);
-ms-transform:translate3d(0,-3px,0);
-o-transform:translate3d(0,-3px,0);
transform:translate3d(0,-3px,0);
background-size:22px 20px;
vertical-align:middle
}
}
@keyframes plane {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,-3px,0);
-moz-transform:translate3d(-100%,-3px,0);
-ms-transform:translate3d(-100%,-3px,0);
-o-transform:translate3d(-100%,-3px,0);
transform:translate3d(-100%,-3px,0)
}
20% {
opacity:1
}
to {
-webkit-transform:translate3d(0,-3px,0);
-moz-transform:translate3d(0,-3px,0);
-ms-transform:translate3d(0,-3px,0);
-o-transform:translate3d(0,-3px,0);
transform:translate3d(0,-3px,0)
}
}
.keel-chp .Common-Layout-StyleJamHeader .contrail {
position:absolute;
height:10%;
width:89%;
left:0;
top:49%;
opacity:0;
background:linear-gradient(90deg,rgba(255,255,255,0) 10%,#ffd600);
border-radius:10px
}
@media (min-width:48em){
.keel-chp .Common-Layout-StyleJamHeader .contrail{
animation-name:contrail;
animation-duration:3s
}
}
@keyframes contrail{0%,50%{opacity:1}}
/*Top destinations*/
.top-Destinations_main {
padding-top: 30px;
}
.top-destinations-hedding h3 {
font-weight: 600;
font-size: 26px;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif!important;
}
.top-destinations-subHead {
font-size: 16px;
padding-top: 5px;
line-height: 19px;
}
.Common-Personalization-WallFeedItem {
margin-top: 30px;
}
.Common-Personalization-WallFeedItem .Destinationtiles_details {
display: flex;
justify-content: space-between;
background: #e4e5ea;
padding: 12px;
border-radius: 0 0 4px 4px;
}
.Common-Destinationtiles img {
width: 100%;
height: 150px;
border-radius: 4px 4px 0 0;
}
.Destinationtiles_details .detination-name,
.Destinationtiles_details .price_contr {
flex-basis: 30%;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif!important;
font-weight: bold;
font-size: 18px;
}
.Destinationtiles_details .price_contr {
text-align: right;
}
.price_contr .flights_from {
font-size: 14px;
}
.price_contr .price {
font-size: 24px;
margin: 0;
}
/*popular Destination*/
.listGrid {
display: flex;
flex-wrap: wrap;
}
.unHeaderGrid h4.col-header {
font-size: 25px;
font-weight: normal;
align-items: center;
margin-bottom: 16px;
}
.unHeaderGrid h4.col-header .icon {
display: flex;
font-size: 36px;
margin-right: 12px;
color: #d5d6d8;
}
.unHeaderGrid h4.col-header .icon:before {
content:"\00e017";
font-family: 'meta';
font-variant: normal;
font-style: normal;
text-transform: none;
speak: none;
line-height: 1;
}
.unHeaderGrid .col-subheader {
font-size: 18px;
font-weight: 300;
margin-bottom: 18px;
vertical-align: middle;
color: #555964;
line-height: 1.4;
display: block;
}
.popularMapDestinations .col-link {
flex-basis: 25%;
margin-left: 10px;
}
.popularMapDestinations .col-link a {
font-size: 19px;
font-weight: 400;
color: #1e88e5;
cursor: pointer;
transition: all .5s ease-in-out;
}
.popularMapDestinations .col-link a .linkText {
transition: all .5s ease-in-out;
opacity: 1;
font-family: "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
.popularMapDestinations .col-link a:hover .linkText {
color: #2b303d;
}
.Common-Layout-Brands-getNgo-DynamicLinks ul li {
width: 100%;
margin: 8px 0;
}
.Common-Layout-Brands-getNgo-DynamicLinks ul li a {
text-align: left;
font-weight: 400;
color: #fff;
transition: all .1s linear;
}
.Common-Layout-Brands-getNgo-DynamicLinks ul li a .linkText {
opacity: .7;
transition: opacity .1s linear;
font-weight: 400;
color: #fff;
}
.Common-Layout-Brands-getNgo-DynamicLinks .image {
background-image: url(../images/uk-flag.png);
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
height: 22px;
width: 35px;
}
.Common-Layout-Brands-getNgo-DynamicLinks .uk-flag {
background-image: url(../images/uk-flag.png);
}
/*===Packages-Results===*/
.resultsContainer {
transition: min-height .5s ease;
z-index: 2;
min-height: 600px;
position: relative;
margin: -1px 0;
padding: 0;
}
.resultsContainer ul.Main_Tab_btn {
margin: 15px;
}
.resultsContainer ul.Main_Tab_btn li a {
/*background: #ffd600;
color: #2b303c;*/
background: #2b303c;
color: #fff;
border-radius: 0;
margin-right: 5px;
font-size: 14px;
padding: .5rem 2rem;
font-weight: 600;
}
.resultsContainer ul.Main_Tab_btn li a.active {
background: #ffd600;
border-radius: 0;
color: #2b303c;
}
.resultsContainer .tab-pane {
padding: 0;
}
.Packages-Results-React-AresPackageResultsList-container {
font-family: "Gibson Regular",Tahoma,Helvetica,sans-serif;
width: 100%;
}
.Packages-Results-wrapper {
display: flex;
border: 1px solid transparent;
/*flex: 0 1 728px;*/
box-shadow: 0 0 2px 0 rgba(19,26,31,0.12),0 2px 4px 0 rgba(19,26,31,0.22);
background: #fff;
transition: border-color .4s ease;
flex-flow: column nowrap;
margin-bottom: 16px;
/*overflow: hidden;*/
flex-basis: 100%;
}
.Packages-Results-wrapper:hover {
border: 1px solid #6d8494;
}
.Packages-Results-React-inner {
transition: all .2s ease-in-out;
flex-flow: row wrap;
justify-content: space-between;
display: flex;
}
.pageContainer {
padding: 15px;
display: flex;
background-color: #fafafc;
flex-direction: column;
}
.Packages-Results-main-contr {
position: relative;
flex-flow: column nowrap;
display: flex;
background-color: #fff;
}
/*left section*/
.result-left-outr {
flex: 1 1 auto;
flex-flow: column nowrap;
display: flex;
}
.result_inner_top_detail {
display: flex;
flex-flow: column nowrap;
cursor: default;
}
.result_img_outer {
flex: 0 0 0;
}
.result_img_outer a {
height: 158px;
width: 235px;
}
.result_img_outer a img {
width: 100%;
height: 100%;
}
.result_heading_outer {
display: flex;
flex-flow: column nowrap;
flex: 1 1 auto;
justify-content: flex-start;
padding: 14px 16px 13px 16px;
cursor: default;
}
.result_heding_inner {
cursor: pointer;
}
.result_heding_inner h3 {
font: 600 18px/24px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
margin-bottom: 2px;
}
.result_heding_inner h3 a {
transition: color .2s ease;
}
.result_heding_inner h3 a:hover {
color: #ffd600;
text-decoration: underline;
}
.results-star-rating-contr {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.star-icon {
margin-right: 10px;
}
.star-icon i {
font-size: 12px;
}
.choose-package-main {
font: 600 10px/20px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
background-color: #20bf7c;
color: #fff;
margin: 2px 5px 2px 0;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
text-transform: uppercase;
}
.reviews-main-contnr {
display: flex;
flex-flow: row nowrap;
flex: 1 1 auto;
align-items: flex-end;
cursor: pointer;
}
.reviews-main-contnr a {
flex: 0 0 170px;
color: #17232c;
display: block;
}
.reviews-contnr {
display: flex;
flex-flow: row nowrap;
align-items: center;
color: #17232c;
}
.avg-reviews {
font: 600 14px/34px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
flex: 0 0 34px;
color: #fff;
background-color: #1e88e5;
margin-right: 16px;
border-radius: 2px;
width: 34px;
height: 34px;
text-align: center;
}
.user-reviews {
display: flex;
flex-flow: column nowrap;
flex: 1 1 auto;
}
.morality {
font: 600 12px/15px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
margin-bottom: 4px;
}
.reviews {
font: 400 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
.reviews {
font: 400 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
/*result detail(bottom section)*/
.result-detail-main-contnr {
flex-flow: column nowrap;
display: flex;
}
.horizontalMultiBook {
background-color: #fafafc;
border-bottom: 1px solid #e4e5ea;
justify-content: flex-start;
padding-left: 16px;
padding-right: 16px;
flex-flow: column nowrap;
display: flex;
overflow: hidden;
}
.horizontalMultiBook a {
height: 39px;
flex: 0 1 auto;
text-overflow: ellipsis;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-right: 24px;
white-space: nowrap;
overflow: hidden;
color: #555964;
}
.horizontalMultiBook a span.price {
font: 600 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
margin-right: 4px;
white-space: nowrap;
display: block;
margin-bottom: 0;
}
.horizontalMultiBook a span.name {
font: 400 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
text-overflow: ellipsis;
white-space: nowrap;
}
.see-all a {
color: #1e88e5;
font: 400 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
white-space: nowrap;
margin: 0;
}
/*flight-detail*/
.flight-detail {
padding-bottom: 13px;
padding-top: 13px;
flex-flow: column nowrap;
display: flex;
background-color: #fafafc;
}
.flight-detail-left,
.flight-detail-right {
flex: 0 0 50%;
padding-left: 16px;
padding-right: 16px;
flex-flow: row nowrap;
display: flex;
}
.flight-detail-left .icon {
margin-right: 12px;
width: 16px;
height: 16px;
flex: 0 0 16px;
}
.flight-detail-left .detail {
flex: 0 1 auto;
flex-flow: column;
display: flex;
}
.time_destination {
font: 400 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
margin-bottom: 7px;
white-space: nowrap;
}
.time_destination span {
color: #555964;
}
.time_destination .destination {
font: 600 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
.seeFlight-detail {
font: 400 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
.seeFlight-innr {
display: inline-block;
cursor: pointer;
font: 400 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
color: #555964;
}
.flightDetail_popup {
height: 125px;
width: 300px;
background: #17232c;
position: absolute;
margin-top: 8px;
border-radius: 3px;
visibility: hidden;
}
.flightDetail_popup ul {
display: flex;
flex-flow: wrap;
justify-content: space-around;
}
.flightDetail_popup ul li {
flex-basis: 30%;
}
.flightDetail_popup ul li a {
display: flex;
color: #fff;
}
.flightDetail_popup ul li a span {
display: block;
color: #fff;
}
.seeFlight-innr .arrow {
line-height: 7px;
margin-top: -2px;
height: 7px;
vertical-align: middle;
width: 10px;
margin-left: 4px;
display: inline-block;
}
.flight-detail-right {
border-left: 1px solid #e4e5ea;
}
.svg {
color: #555964;
}
.flight-detail-right .Meals {
display: flex;
font: 400 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
}
.mealicon {
width: 16px;
flex: 0 0 16px;
margin-right: 16px;
height: 16px;
}
.icon svg {
vertical-align: top;
}
.checkIcon {
flex: 0 0 12px;
height: 6px;
margin-right: 6px;
width: 12px;
}
.checkIcon span,
.checkIcon span svg {
height: 6px;
width: 12px;
}
.meals_txt {
font: 400 12px/16px "Gibson Regular",Tahoma,Helvetica,sans-serif;
color: #555964;
cursor: default;
}
/*right sec*/
.result-right-outr {
flex-basis: 100%;
display: flex;
flex-flow: column nowrap;
}
.result-right-btnsec {
padding-bottom: 38px;
flex-flow: column nowrap;
justify-content: space-between;
text-align: center;
height: 100%;
display: flex;
width: 100%;
}
.icon-contr {
display: flex;
}
.hold_luggage {
flex: 0 0 20px;
}
.transfers {
padding-left: 4px;
flex: 0 0 20px;
}
.icon-contr span {
padding: 2px;
border: 1px dotted #6d8494;
border-radius: 2px;
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
}
.icon-contr span svg {
width: 14px;
height: 14px;
display: block;
color: #6d8494;
}
.price-contr {
justify-content: flex-start;
flex: 1 1 auto;
flex-flow: column nowrap;
display: flex;
}
.price-contr a {
font: 600 18px/30px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
color: #17232c;
margin-top: 11px;
}
.price-contr a:nth-child(2) {
font: 400 12px/14px "Gibson Regular",Tahoma,Helvetica,sans-serif;
padding-bottom: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.btn-contr {
flex-flow: column nowrap;
justify-content: flex-end;
display: flex;
}
.btn-contr a {
font: 600 12px/14px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
color: #17232c;
}
.btn-contr a span {
font: 600 12px/14px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
}
.btn-inner-contr {
padding-right: 7px;
padding-left: 7px;
margin-top: 5px;
display: block;
}
.btn-inner-contr button {
/*background: #ffd600;
font-size: 1em;
font-weight: bold;
box-shadow: none;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif;*/
letter-spacing: .03em;
border: none;
border-radius: 2px;
background-image: linear-gradient(135deg,#ffd600 0%,#ffd600 100%);
flex: 1 1 auto;
outline: none;
}
.btn__outer {
display: flex;
}
.btn-inner-contr button span {
font: 600 14px/32px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
padding-right: 8px;
padding-left: 8px;
height: 32px;
color: #17232c;
}
/*package tab result*/
.packageDetail_tab {
transition: opacity .2s ease-in-out,max-height .2s ease-in-out,min-height .2s ease-in-out;
display: none;
background-color: #f1f4f7;
}
.packageDetail_tab ul {
border-top: 1px solid #e4e5ea;
border-bottom: 1px solid #e4e5ea;
background-color: #fff;
}
.packageDetail_tab .tab-pane {
padding: 20px;
}
.packageDetail_tab ul li a.nav-link {
text-decoration: none;
outline: none;
background-color: transparent;
color: #17232c;
font: 600 14px/32px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
height: 50px;
flex: 0 0 100px;
text-align: center;
border-radius: 0;
}
.packageDetail_tab ul li a.nav-link.active {
background-color: transparent;
border-bottom-width: 3px;
border-bottom-style: solid;
color: #1e88e5;
/*font: 400 14px/50px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;*/
}
.cancle_btn_contr {
font: 400 14px/50px "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
height: 50px;
flex: 1 0 auto;
text-align: right;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
}
.cancle_btn_contr a {
padding: 10px!important;
display: inline;
}
.cancle_btn_contr a span {
color: #17232c;
width: 16px;
height: 16px;
line-height: 16px;
display: inline-block;
}
/*here*/
.result_inner_top_detail {
position: relative;
z-index: 100;
}
.horizontalMultiBook {
transition: margin-top .2s ease-in-out,opacity .2s ease-in-out;
overflow: hidden;
position: relative;
opacity: 1;
}
.result-detail-main-contnr.active .horizontalMultiBook {
margin-top: -40px;
pointer-events: none;
opacity: 0;z-index: -100;
}
/*===Packages-Results-end===*/
/*left vertical section*/
.col-left-rail {
transition-delay: 0ms;
width: 100%;
height: 100%;
}
.col-left-rail.animated {
transition-timing-function: ease-out;
transition-property: opacity,transform;
transition-duration: 500ms;
opacity: 1;
}
.Packages-Results-PackageLeftRail {
position: relative;
top: auto;
bottom: auto;
transform: translateY(0px);
padding-top: 16px;
padding-bottom: 16px;
backface-visibility: hidden;
}
.Packages-Results-Filters-PackageFilterList .card-header {
padding-left: 0;
padding-right: 0;
}
.var-left-dropdown {
padding: 0 8px;
}
.var-left-dropdown .card {
border: none;
border-bottom: 1px solid #aaa;
border-radius: 0;
background-color: transparent;
}
.var-left-dropdown .card-header {
background: transparent;
border: none;
}
.var-left-dropdown .card-header a {
color: #17232c;
}
.var-left-dropdown .card-header a span {
color: #17232c;
font-family: "Gibson SemiBold",Tahoma,Helvetica,sans-serif;
font-weight: 600;
letter-spacing: .03em;
font-size: 14px;
text-transform: capitalize;
}
.var-left-dropdown .card-header a i {
float: right;
font-size: 17px;
font-weight: 600;
line-height: 24px;
transform: rotate(180deg);
}
.var-left-dropdown .card-link.collapsed i.fa-angle-down {
transform: rotate(0deg);
}
.var-left-dropdown .card-body {
padding: 0;
}
/*.var-left-dropdown .checkbox .icon {
border: 1px solid #17232c;
transition: border-color 250ms ease-out,background-color 250ms ease-out;
height: 1.25em;
width: 1.25em;
display: block;
position: absolute;
left: 0;
overflow: hidden;
backface-visibility: hidden;
height: 18px;
width: 18px;
position: relative;
flex-shrink: 0;
left: auto;
border-color: #92aabb;
}
.var-left-dropdown .checkbox .icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 2em;
width: 2em;
border-radius: 50%;
transform: translate(-50%,-50%) scale(0);
transition: transform 125ms ease-out;
transition-delay: 125ms;
background: #17232c;
}
.var-left-dropdown .checkbox .icon:after {
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…45MUwyMi4wNSA3LjVjLjA5LS4xMS4yNi0uMTIuMzctLjAzbDIgMS41NHptMCAwIi8+PC9zdmc+);
background-position: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: border-color 250ms ease-out,background-color 250ms ease-out;
transition-delay: 0s;
}*/
/*end*/
/*check-box*/
.styled-checkbox {
position: absolute;
opacity: 0;
}
.styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
}
.styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
border: 1px solid #92aabb;
}
.styled-checkbox:checked + label:before {
background: #17232c;
}
.styled-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.styled-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.styled-checkbox:checked + label:after {
content: '';
position: absolute;
left: 5px;
top: 11px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*star-rating*/
.rate {
float: left;
height: 46px;
padding: 0 10px;
}
.rate:not(:checked) > input {
position:absolute;
top:-9999px;
}
.rate:not(:checked) > label {
float:right;
width:1em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:30px;
color:#ccc;
}
.rate:not(:checked) > label:before {
content: '★ ';
}
.rate > input:checked ~ label {
color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #17232c;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}
/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */
/*Price Range Slider*/
/* This line can be removed it was just for display on CodePen: */
.slider-labels {
margin-bottom: 18px;
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
/* Fix 401 */
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
its values is > 50%. */
z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s,top .3s;
transition: left 0.3s,top .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base,.noUi-handle {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 4px;
}
.noUi-horizontal .noUi-handle {
width: 24px;
height: 24px;
border-radius: 50%;
left: -7px;
top: -10px;
background-color: #fff;
border: 1px solid #ccc;
}
/* Styling;
*/
.noUi-background {
background: #ccc;
}
.noUi-connect {
background: #17232c;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-origin {
border-radius: 2px;
}
.noUi-target {
border-radius: 2px;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
cursor: default;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.noUi-handle:active {
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #17232c;
}
/* Disabled state;
*/
[disabled].noUi-connect,[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-origin,[disabled] .noUi-handle {
cursor: not-allowed;
}
.slider-labels {
display: flex;
justify-content: space-between;
}
.caption {
color: #17232c;
font-size: 12px;
flex-basis: 49%;
}
.priceRangeSlider {
padding: 20px 0;
border-bottom: 1px solid #575757;
}
/*side Bar end*/
/*Holiday Deals*/
.holiday_deal .dropdwn {
width: 100%;
background: #ffffff8f;
visibility: hidden;
position: absolute;
top: 15px;
}
.holiday_deal .dropdwn_rsult {
height: 125px;
}
.dropdwn.active {
visibility: visible;
transform: scale(1.2);
transition: transform 200ms ease-out,height 200ms ease-out,width 200ms ease-out;
/*transform: translate3d(-8px,-8px,0);
transform: translate(164px, 316px);
transition: opacity 200ms ease-out,visibility 200ms ease-out;*/
opacity: 1;
box-shadow: 0 3px 5px 0 rgba(23,35,44,0.24);
}
.holiday_deal {
position: relative;
top: 45px;
}
.holiday_deal ul {
display: flex;
justify-content: center;
width: 100%;
padding: 20px;
position: relative;
}
.holiday_deal ul li {
flex-basis: 15%;
margin: 0 15px;
position: relative;
}
.holiday_deal ul li a,
.Drop_btn .dropdwn input {
text-align: center;
padding: 8px 15px;
background: #ffffff4d;
color: #fff;
font-size: 14px;
font-weight: 600;
border-radius: 1px;
width: 100%;
border: none;
}
.Drop_btn .dropdwn input {
background: #fff;
color: #2b303c;
outline: none;
height: 30px;
text-align: left;
}
.holiday_deal ul li a:hover {
background: #ffffff7a;
border-bottom: 2px solid #fff;
}
.home_page_header2 {
background: url('../images/banner-travel-insurance.jpg');
background-size: cover;
height: 300px;
position: relative;
}
.home_page_header2:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.39);
width: 100%;
height: 100%;
z-index: 0;
}
.home_page_header2 .hedding {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.home_page_header2 .hedding h2 {
color: #fff;
font-size: 14px;
}
.home_page_header2 .hedding h2 span {
font-weight: 600;
border-bottom: 1px solid #fff;
margin-left: 10px;
font-size: 16px;
}
.home_page_header2 .hedding h2 span i {
margin-right: 10px;
}
/*business visa*/
.business_visa {
display: flex;
padding: 20px;
}
.business_visa ul {
flex-direction: column;
flex-basis: 275px;
border-bottom: 0;
}
.business_visa ul li {
margin-bottom: 1px;
margin-right: -1px;
position: relative;
}
.business_visa ul li a {
padding: 20px;
font-size: 12px;
/*background: #fff;*/
border-left: 2px solid #ce0000;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
/*border-right: 1px solid #ddd;*/
}
.business_visa ul li a.active {
border-right: 0;
background: #fff;
}
.business_visa .tab-content {
width: 100%;
border: 1px solid #ddd;
padding: 15px;
height: 300px;
}
.business_visa .tab-content h3 {
text-align: center;
}
.get_started_btn {
background: #65ac44;
color: #fff;
padding: 8px 20px;
border: none;
width: 210px;
border-radius: 4px;
font-weight: 700;
text-transform: capitalize;
margin: 15px 0;
}
/*end*/
.bs-contr {
background-color: #e9ecef;
}
.breadcrumb-item {
display: flex;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">";
}
.OurExpertiesTeam .top-destinations-hedding p {
margin-top: 10px;
line-height: 1.7;
}
.OurExpertiesTeam .detination-name {
flex-basis: 100%;
}
.contactUs_banner img{
width: 100%;
}
.contactUs_contnr h3 {
font-size: 18px;
color: #0089d1;
font-weight: 600;
margin-top: 20px;
text-transform: capitalize;
}
.contactUs_contnr p {
margin-top: 20px;
font-size: 16px;
}
.contactUs_contnr h4 {
font-size: 16px;
color: #0089d1;
margin-top: 20px;
text-decoration: underline;
}
.txt-links {
color: #0089d1;
display: inline-block;
text-transform: capitalize;
}
.faq h3 {
font-size: 21px;
margin-bottom: 40px;
margin-top: 20px;
}
.faq h4 {
font-size: 16px;
margin-top: 30px;
font-weight: 600;
}
.expertiesTeam {
box-shadow: 0 0 9px 0 rgba(60,60,60,.2);
-webkit-box-shadow: 0 0 9px 0 rgba(60,60,60,.2);
padding: 40px;
margin-top: 40px;
}
.team_image {
text-align: center;
}
.team_image img {
width: 160px;
height: 160px;
border-radius: 100%;
}
.team_details h4 {
color: #315576;
font-style: italic;
margin: 0;
margin-top: 1rem;
font-size: 18px;
text-align: center;
}
.marquee {
padding: 0 20px;
background: #000;
color: #ffffff;
font-size: 14px;
border-top: 1px solid #ffd600;
}
.filter_search_main_contnr ul{justify-content:center;gap:10px;}
.ncard{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;}
.card-header h3 i{margin-right:5px;}
.card-header h3{font-size:17px;font-weight:600;}
.card-header{background-color:#fff; }
.font-weight-semibold2{font-weight:600;font-size:1rem;}
.search-background .form-control{border: 1px solid #f8f7fc;}
.gridimgdiv{width:100%;overflow: hidden;}
.gridimgdiv img{width:100%;height:100%;object-fit:cover;transition:0.3s;overflow: hidden;}
.gridimgdiv{width:100%;height:500px;overflow: hidden;}
.gridimgdiv img:hover{transform:scale(1.1);}
.traveimgdiv{display: flex; gap: 5px;}
/* .carddivflx h1{margin-bottom: 10px; font-size: 28px; font-weight: 600; font-family: "Poppins", sans-serif !important;}
.ullistyle ul li{font-family: "Poppins", sans-serif !important; font-size: 15px; margin-right: 13px;}
.ullistyle li i{margin-right:5px;}
.carddtyflex{margin-bottom:20px;}
.destinationhighlits{margin-bottom:25px;}
.cardicons{display: flex; align-items: center; flex-direction: column;float: left; margin-left: 25px; margin-right: 25px;}
.cardicons img{width:35px;}
.usertype{font-size: 12px; letter-spacing: 0.5px;}
.acroddetails ul li{list-style:none;margin-bottom: 15px; padding-left: 10px; border-left: 4px solid #fcc83e;font-size:14px;}
.accordion span{color:#fe5246;}
.cardtophead{font-size: 20px; font-weight: 600;font-family: "Poppins", sans-serif !important;}
.newenquirybtn{background: #0a4071; width: 100%; display: inline-block; padding: 10px 20px; color: #fff !important; font-size: 16px; border-radius: 5px; transition: 0.6s ease-in-out;}
.mydiv{animation: mymove 1.2s infinite;}
@keyframes mymove {
from {background-color: red;}
to {background-color: blue;}
to {background-color: greenyellow;}
}
.needcardflx h4{font-size: 18px; font-weight: 600; font-family: "Poppins", sans-serif !important;margin-bottom:15px;}
.needcardflx p{font-size:14px;font-family: "Poppins", sans-serif !important;margin-bottom:10px;}
.needcardflx ul li{font-weight:600;font-family: "Poppins", sans-serif !important;font-size:15px;}
.whyusdivflx ul li{margin-bottom:15px;font-size:15px;}
.whyusdivflx ul li span{display:block;}
.whyusdivflx ul li strong{font-size:14px;}
.relatepcg{font-size:20px;font-family: "Poppins", sans-serif !important;font-weight:600;}
*/
input,
select,
button {
font-family: inherit;
font-size: inherit;
padding: 8px;
}
select {
padding: 8px;
}
.monthly-wrp {
padding: 1em;
top: 6px;
z-index: 1000;
border-radius: 3px;
background-color: #2C3E50;
}
.monthly-wrp:before {
content: "";
border-bottom: 6px solid #2C3E50;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
top: -6px;
left: 6px;
z-index: 1002;
}
.monthly-wrp .years {
margin-bottom: 0.8em;
text-align: center;
}
.monthly-wrp .years select {
border: 0;
border-radius: 3px;
width: 100%;
}
.monthly-wrp .years select:focus {
outline: none;
}
.monthly-wrp table {
border-collapse: collapse;
table-layout: fixed;
}
.monthly-wrp td {
padding: 1px;
}
.monthly-wrp table button {
width: 100%;
border: none;
background-color: #1ABC9C;
color: #FFFFFF;
font-size: 14px;
padding: 0.6em;
cursor: pointer;
border-radius: 3px;
}
.monthly-wrp table button:hover {
background-color: #16A085;
}
.monthly-wrp table button:focus {
outline: none;
}
/*media query*/
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
.filter_search_main_contnr ul {
flex-direction: row;
}
.nav_main-contr .navbar-collapse {
padding: 0;
}
.filter_search_main_contnr ul li button {
width: 54px;
height: 54px;
}
.newsletter-subscription {
padding: 40px;
}
.newsletter_contr {
flex-direction: row;
}
.title-section .title {
padding-top: 110px;
font-size: 40px;
line-height: normal;
}
.col-title {
font-size: 51px;
}
.col-subheading {
font-size: 24px;
}
.pageContainer {
flex-direction: row;
}
/*product listing responsive*/
.col-left-rail {
width: 236px;
min-height: 264px;
}
.Packages-Results-main-contr {
flex-flow: row nowrap;
}
.result_inner_top_detail {
flex-flow: row nowrap;
}
.result_img_outer {
flex: 0 0 235px;
}
.horizontalMultiBook {
flex-flow: row nowrap;
}
.flight-detail {
flex-flow: row nowrap;
}
.pageContainer {
padding: 2em;
}
.resultsContainer {
padding: 0 8px;
}
.resultsContainer .tab-pane {
padding: 0 15px;
}
.Packages-Results-React-AresPackageResultsList-container {
width: 744px;
}
.result-right-outr {
border-left-color: #e4e5ea;
border-left-width: 1px;
border-left-style: solid;
}
/*.filter_search_main_contnr ul li input,
.filter_search_main_contnr ul li .filter-search {
height: 100%;
}*/
/*end listing*/
}
@media (min-width: 900px){
.product_listing_contr {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 900px) {
.Common-Layout-Brands-getNgo-DynamicLinks ul li {
width: 33.333%;
}
}
@media (min-width: 1350px) {
}
@media (min-width: 1500px) {
}