@charset "UTF-8";

/* body.no-overflow {
            overflow: hidden;
        } */

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
        padding: 0;
    }
}

app-flight-autocomplete-form .dropdown-item {
    padding: 0;
    border-bottom: none;
    padding:10px 5px;
}

app-flight-autocomplete-form typeahead-container {
    max-height: 300px;
    /* border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    overflow-y: hidden !important; */
}

app-flight-autocomplete-form typeahead-container .arrow-box {
    position: relative;
    top: 0px;
    margin: 0px 0px -8px;
}

.rate-Cancellation .tooltip {
    height: auto;
    min-width: 450px;
    right: 0px;
    z-index: 100;
    text-transform: none;
    text-align: left;
    opacity: 1;
}

.rate-Cancellation .tooltip .ctHead>th {
    color: #000;
    text-align: left;
    font-size: 17px;
    padding-bottom: 10px;
}

.rate-Cancellation .tooltip .ctHead>th:first-child {
    text-align: left;
}

.rate-Cancellation .tooltip .ctHead>th:last-child {
    text-align: right;
}

.rate-Cancellation .tooltip .cpTable td:last-child {
    text-align: right;
    font-size: 14px;
    color: #000;
    min-width: 150px;
}

.rate-Cancellation .tooltip .cpTable td:first-child {
    text-align: left;
    font-size: 14px;
    color: #000;
}

.rate-Cancellation .tooltip .cpTable td strong {
    font-weight: 600;
}

.rate-Cancellation .tooltip-inner {
    max-width: 500px;
    width: auto;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 5px 5px 15px 5px #0000003b;
}

.homeBanner {
    min-height: 585px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background-position: center top;
    background-repeat: no-repeat;
}

.logo {
    line-height: 0;
    position: relative;
    top: 2px;
    margin: 8px 0;
    margin-left: 28px;
    width: 159px;
}

.logo img {
    max-width: 100%;
}

.mainMenu {
    background: #243b46;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav .nav-item {
    display: inline-block;
}

ul.nav {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

html,
body {
    height: 100%;
    /* font-family:  'Tajawal', sans-serif !important;  */
}

body {
    color: #374850;
    /* font-family: 'Montserrat Alternates', sans-serif !important; */
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
}

ul {
    padding-left: 0;
}

ul li {
    list-style: none;
}

.sprite {
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
}

header .rightHeader {
    float: right;
}

header .nav {
    /* padding: 14px 0; */
    vertical-align: middle;
}

header .dropdown-toggle {
    border: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

header .langDropdown .dropdown-toggle,
header .currencyDropdown .dropdown-toggle {
    vertical-align: initial !important;
    padding: 0 !important;
    background: none !important;
    color: #fff !important;
}

.homeBanner h2 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 50px;
    margin-bottom: 20px;
}

.bannerContent {
    text-align: center;
    color: #FFF;
}

.bannerContent h4 {
    font-size: 18px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 30px;
}

.bannerControls .nav {
    text-align: center;
    display: block !important;
    font-size: 0;
    margin-bottom: 23px !important;
}

.bannerControls .nav-link.active,
.bannerControls .nav-link:hover {
    background: #1579a3;
}

.bannerControls .nav-link {
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    padding: 15px 30px;
}

.multi-item-carousel .carousel-inner>.item {
    -webkit-transition: 500ms ease-in-out left;
    -o-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
}

.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}

.multi-item-carousel .carousel-inner .next {
    left: 33%;
}

.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}


/* .hotel_detailss .text-lg-right{
display: block;
padding-top: 30px;
}
.hotel_detailss span.font-style-a{
display: block;
} */

@media all and (transform-3d),
(-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner>.item {
        -webkit-transition: 500ms ease-in-out left;
        -o-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
        -webkit-transition: 500ms ease-in-out all;
        -o-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}

.userImage {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    background: #FFF;
    position: absolute;
    top: 16px;
    right: 40px;
}

.userImage img {
    width: 100%;
}

header .dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 10px;
}

header .btn.focus,
header .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

header .nav-link {
    color: #fff;
    font-weight: 600;
    padding: 0;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    padding: 10px 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

header .nav-link:hover,
header .nav-link.active {
    background-color: #29abe2;
    color: #fff !important;
}

header .nav-item {
    padding-left: 30px;
    padding-right: 0;
}

header .nav-item.langParent,
header .nav-item.currParent {
    padding-left: 40px;
    position: relative;
}

header .nav-item.langParent .btn,
header .nav-item.currParent .btn {
    font-size: 13px;
}

header .popupToggle {
    background: transparent !important;
    border: none;
    padding: 0;
}

header .popupToggle img {
    margin-right: 0;
}

header .popupToggle:hover {
    color: #29abe2;
}

header .nav-item.langParent:before,
header .nav-item.currParent:before {
    content: '';
    height: 13px;
    width: 1px;
    background-color: #50626b;
    position: absolute;
    top: 4px;
    left: 20px;
}

.originArrow {
    background: #FFF url(../images/origin-arrow.png) no-repeat 70% center;
    -webkit-background-size: 13px auto;
    background-size: 13px auto;
    border-right: none;
}

.dateIcon {
    background: #FFF url(../images/cal.png) no-repeat 70% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    border-right: none;
}

.destinationIcon {
    background: #FFF url(../images/destination.png) no-repeat 70% center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    border-right: none;
}

.plane1Icon {
    background: #FFF url(../images/plane1.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    border-right: none;
}

.plane2Icon {
    background: #FFF url(../images/plane2.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    border-right: none;
}

.selectClass .input-group-text {
    background: #FFF url(../images/usericon.png) no-repeat 70% center;
    -webkit-background-size: 13px auto;
    background-size: 15px auto;
    border-right: none;
    background-position-x: center;
}

.selectClass .custom-select {
    border-left: none;
}

.bannerControls .input-group-text {
    min-width: 9px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.bannerControls .input-group-prepend+.form-control {
    border-left: none;
}

.bannerControls .input-group-prepend {
    /* background-color: #fff; */
}

.plane1Icon,
.plane2Icon {
    position: relative;
    left: 7px;
}

.staticInputText {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    color: #5f5f5f;
    left: 45px;
    top: 5px;
    z-index: 2;
}

.datepicker:focus {
    z-index: 1 !important;
}

input.form-control {
    color: #374850;
    font-size: 14px;
}

.btn-primary {
    background: #0665d0;
    border-color: #0665d0 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bold;
    height: 48px;
    line-height: 47px;
    padding: 0;
    color: #FFF !important;
}

.save_changes {
    color: #fff;
    background-color: #2aace3;
    border-color: #2aace3;
}

.save_changes:hover {
    color: #fff;
    background-color: #1a94c8;
    border-color: #1a94c8;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0553ab;
    border-color: #054d9e;
}

.bannerControls .btn-primary {
    width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bannerControls .input-group input,
.bannerControls .input-group select {
    height: 48px;
}

.dateGroup .form-control {
    padding-top: 18px;
}

.loyaltyBlock {
    background: transparent url(../images/background1.png) no-repeat left top;
    min-height: 680px;
    padding-top: 0;
}

.iconList .iconItem figure {
    display: block;
    height: 117px;
    width: 117px;
    background: #f5f5f5;
    text-align: center;
    line-height: 117px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 14px;
}

.iconList .iconItem img {
    margin: 0 !important;
}

.iconItem {
    text-align: center;
    color: #272727;
}

.iconItem .media-body {
    font-size: 15px;
}

.iconItem h5 {
    font-size: 22px;
    font-weight: bold;
}

.iconItem p {
    max-width: 210px;
    margin: 0 auto;
}

.loyaltyBlock .iconList {
    margin-bottom: 80px;
}

.loyaltyDashboard {
    padding-left: 370px;
    font-size: 17px;
    padding-top: 40px;
}

.loyaltyDashboard h5 {
    font-size: 18px;
    font-weight: bold;
    color: #1579a3;
}

.loyaltyDashboard h3 {
    font-size: 40px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    line-height: 40px;
    margin-bottom: 20px;
    color: #374850;
    font-weight: 600;
}

.checkList li {
    position: relative;
    padding-left: 40px;
    list-style: none;
    color: #374850;
}

.checkList li {
    background: transparent url(../images/check-green.png) no-repeat 20px 6px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    font-size: 14px;
    margin-bottom: 20px;
}

.loyaltyDashboard {
    font-size: 17px;
    color: #434343;
}

.loyaltyDashboard .checkList {
    margin-bottom: 10px;
}

.moodItem .hideOnClick * {
    position: relative;
    z-index: 2;
}

.moodItem .clickedForm {
    position: relative;
    z-index: 3;
}

.moodItem {
    margin-bottom: 11px;
    height: 215px;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
    -webkit-background-size: 110% 110%;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.moodItem:hover {
    -webkit-background-size: 120% 120%;
    background-size: 120%;
}

.moodItem h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 26px;
    margin-bottom: 0;
    line-height: 26px;
    margin-bottom: 5px;
    font-weight: normal;
}

.moodItem .location {
    font-size: 16px;
    margin-bottom: 8px;
}

.moodItem .price {
    background: #2aace3;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.tallItem {
    height: 440px;
}

.moodBlocksHolder ul li {
    list-style: none;
}

.socialUser img {
    width: 64px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.socialUser {
    position: absolute !important;
    left: 9px;
    top: 9px;
}

.socialUser h5,
.socialUser .media-body {
    font-size: 14px;
}

.socialUser .media-body {
    padding-top: 10px;
    line-height: 9px;
}

.socialPlatform {
    position: absolute !important;
    right: 9px;
    top: 9px;
    font-size: 25px;
}

.tallItem::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../images/blueshadow.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.moodItem .caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: left;
}

.moodItem .caption strong {
    display: block;
}

.moodBlocksHolder>ul>li {
    width: 372px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 11px;
    display: inline-block;
}


/* 
.scrolling-wrapper {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
} */

.scrolling-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}

.moodBlocksHolder .scrolling-wrapper {
    padding-left: 5%;
}

.pinkTitle {
    font-size: 60px;
    color: #ca1e5e;
    font-weight: normal;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 30px;
}

.moodPicker .owl-prev {
    position: absolute;
    top: -9px;
    font-size: 29px !important;
    left: -11px;
}

.moodPicker .owl-next {
    position: absolute;
    top: -9px;
    font-size: 29px !important;
    right: -11px;
}

.moodPicker {
    margin-bottom: 30px;
    border-bottom: none;
}

.moodPicker.nav-tabs .nav-link {
    border: none !important;
    color: #b9b9b9;
    font-weight: bold;
    font-size: 22px;
    padding: 0;
    display: block;
    text-align: center;
}

.moodPicker.nav .nav-item {
    display: block;
}

.moodPicker.nav-tabs .nav-link.active,
.moodPicker.nav-tabs .nav-link:hover {
    color: #1579a3;
}

.headerControl .dropdown {
    display: inline-block;
}

.headerControl {
    text-align: right;
    margin-bottom: 8px;
}

.headerControl .btn-secondary {
    background: none;
    border: none;
}

.searchTrigger {
    display: inline-block;
}

.itemLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
}

.loyaltyControl {
    overflow: hidden;
}

.loyaltyControl {
    background: #f5f5f5;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 10px;
    color: #374850;
    padding-left: 18px;
    -webkit-border-radius: 0.5rem !important;
    border-radius: 0.5rem !important;
}

.loyaltyControl .name {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 16px;
}

.progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 0 !important;
}

.smallProgress {
    width: 24px;
    height: 24px;
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 17px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.smallProgress::after {
    border: 4px solid #aadef4;
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress .progress-left {
    left: 0;
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 17px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #c02263;
}


/* 
.progress .progress-bar::after {
=======
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
background-image: none;
}

.userImage {
width: 30px;
height: 30px;
border-radius: 100%;
-webkit-border-radius: 100%;
overflow: hidden;
background: #FFF;
position: absolute;
top: 16px;
right: 40px;
}

.userImage img {
width: 100%;
}

header .dropdown-toggle::after {
position: absolute;
right: 0;
top: 10px;
}

header .btn.focus,
header .btn:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

header .nav-link {
color: #fff;
font-weight: 600;
padding: 0;
/* font-family: 'Montserrat Alternates', sans-serif; */


/* padding: 10px 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;

} */

header .nav-link:hover,
header .nav-link.active {
    background-color: #29abe2;
    color: #fff !important;
}

header .nav-item {
    padding-left: 30px;
    padding-right: 0;
}

header .nav-item.langParent,
header .nav-item.currParent {
    padding-left: 40px;
    position: relative;
}

header .nav-item.langParent .btn,
header .nav-item.currParent .btn {
    font-size: 13px;
}

header .popupToggle {
    background: transparent !important;
    border: none;
    padding: 0;
}

header .popupToggle img {
    margin-right: 0;
}

header .popupToggle:hover {
    color: #29abe2;
}

header .nav-item.langParent:before,
header .nav-item.currParent:before {
    content: '';
    height: 13px;
    width: 1px;
    background-color: #50626b;
    position: absolute;
    top: 4px;
    left: 20px;
}

.originArrow {
    background: #FFF url(../images/origin-arrow.png) no-repeat 70% center;
    -webkit-background-size: 13px auto;
    background-size: 13px auto;
    border-right: none;
}

.dateIcon {
    background: #FFF url(../images/cal.png) no-repeat 70% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    border-right: none;
}

.destinationIcon {
    background: #FFF url(../images/destination.png) no-repeat 70% center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
    border-right: none;
}

.plane1Icon {
    background: #FFF url(../images/plane1.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    border-right: none;
}

.plane2Icon {
    background: #FFF url(../images/plane2.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    border-right: none;
}

.plane1Icon,
.plane2Icon {
    position: relative;
    left: 7px;
}

.staticInputText {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    color: #5f5f5f;
    left: 45px;
    top: 5px;
    z-index: 2;
}

.datepicker:focus {
    z-index: 1 !important;
}

.bannerControls .input-group input,
.bannerControls .input-group select {
    height: 48px;
}

.dateGroup .form-control {
    padding-top: 18px;
}

.loyaltyBlock {
    background: transparent url(../images/background1.png) no-repeat left top;
    min-height: 680px;
    padding-top: 0;
}

.iconList .iconItem figure {
    display: block;
    height: 117px;
    width: 117px;
    background: #f5f5f5;
    text-align: center;
    line-height: 117px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 14px;
}

.iconList .iconItem img {
    margin: 0 !important;
}

.iconItem {
    text-align: center;
    color: #272727;
}

.iconItem .media-body {
    font-size: 15px;
}

.iconItem h5 {
    font-size: 22px;
    font-weight: bold;
}

.iconItem p {
    max-width: 210px;
    margin: 0 auto;
}

.loyaltyBlock .iconList {
    margin-bottom: 80px;
}

.loyaltyDashboard {
    padding-left: 370px;
    font-size: 17px;
    padding-top: 40px;
}

.loyaltyDashboard h5 {
    font-size: 18px;
    font-weight: bold;
    color: #1579a3;
}

.loyaltyDashboard h3 {
    font-size: 40px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    line-height: 40px;
    margin-bottom: 20px;
    color: #374850;
    font-weight: 600;
}

.checkList li {
    position: relative;
    padding-left: 40px;
    list-style: none;
    color: #374850;
}

.checkList li {
    background: transparent url(../images/check-green.png) no-repeat 20px 6px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    font-size: 14px;
    margin-bottom: 20px;
}

.loyaltyDashboard {
    font-size: 17px;
    color: #434343;
}

.loyaltyDashboard .checkList {
    margin-bottom: 10px;
}

.moodItem .hideOnClick * {
    position: relative;
    z-index: 2;
}

.moodItem .clickedForm {
    position: relative;
    z-index: 3;
}

.moodItem {
    margin-bottom: 11px;
    height: 215px;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
    -webkit-background-size: 110% 110%;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.moodItem:hover {
    -webkit-background-size: 120% 120%;
    background-size: 120%;
}

.moodItem h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 26px;
    margin-bottom: 0;
    line-height: 26px;
    margin-bottom: 5px;
    font-weight: normal;
}

.moodItem .location {
    font-size: 16px;
    margin-bottom: 8px;
}

.moodItem .price {
    background: #2aace3;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.tallItem {
    height: 440px;
}

.moodBlocksHolder ul li {
    list-style: none;
}

.socialUser img {
    width: 64px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.socialUser {
    position: absolute !important;
    left: 9px;
    top: 9px;
}

.socialUser h5,
.socialUser .media-body {
    font-size: 14px;
}

.socialUser .media-body {
    padding-top: 10px;
    line-height: 9px;
}

.socialPlatform {
    position: absolute !important;
    right: 9px;
    top: 9px;
    font-size: 25px;
}

.tallItem::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../images/blueshadow.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.moodItem .caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: left;
}

.moodItem .caption strong {
    display: block;
}

.moodBlocksHolder>ul>li {
    width: 372px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 11px;
    display: inline-block;
}


/* 
.scrolling-wrapper {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
} */

.scrolling-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}

.moodBlocksHolder .scrolling-wrapper {
    padding-left: 5%;
}

.pinkTitle {
    font-size: 60px;
    color: #ca1e5e;
    font-weight: normal;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 30px;
}

.moodPicker .owl-prev {
    position: absolute;
    top: -9px;
    font-size: 29px !important;
    left: -11px;
}

.moodPicker .owl-next {
    position: absolute;
    top: -9px;
    font-size: 29px !important;
    right: -11px;
}

.moodPicker {
    margin-bottom: 30px;
    border-bottom: none;
}

.moodPicker.nav-tabs .nav-link {
    border: none !important;
    color: #b9b9b9;
    font-weight: bold;
    font-size: 22px;
    padding: 0;
    display: block;
    text-align: center;
}

.moodPicker.nav .nav-item {
    display: block;
}

.moodPicker.nav-tabs .nav-link.active,
.moodPicker.nav-tabs .nav-link:hover {
    color: #1579a3;
}

.headerControl .dropdown {
    display: inline-block;
}

.headerControl {
    text-align: right;
    margin-bottom: 8px;
}

.headerControl .btn-secondary {
    background: none;
    border: none;
}

.searchTrigger {
    display: inline-block;
}

.itemLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
}

.loyaltyControl {
    overflow: hidden;
}

.loyaltyControl {
    background: #f5f5f5;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 10px;
    color: #374850;
    padding-left: 18px;
    -webkit-border-radius: 0.5rem !important;
    border-radius: 0.5rem !important;
}

.loyaltyControl .name {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 16px;
}

.progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 0 !important;
}

.smallProgress {
    width: 24px;
    height: 24px;
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 17px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.smallProgress::after {
    border: 4px solid #aadef4;
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress .progress-left {
    left: 0;
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 17px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #c02263;
}


/* 
.progress .progress-bar::after {
position: absolute;
top: -4px; bottom: -4px;
left: -4px; right: -4px;
background: linear-gradient(red, blue);
content: '';
z-index: -1;
border-radius: 16px;
} */

.progress.smallProgress .progress-bar {
    border-width: 4px;
}

.progress .progress-left .progress-bar {
    left: 100%;
    -webkit-border-top-right-radius: 75px;
    border-top-right-radius: 75px;
    -webkit-border-bottom-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-right .progress-bar {
    left: -100%;
    -webkit-border-top-left-radius: 75px;
    border-top-left-radius: 75px;
    -webkit-border-bottom-left-radius: 75px;
    border-bottom-left-radius: 75px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.progress .progress-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-weight: 300;
}

.progress .progress-value div {
    margin-top: 10px;
}

.progress .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
}


/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/

.progress[data-percentage="10"] .progress-right .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards;
    animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards;
    animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards;
    animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards;
    animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards 1.5s;
    animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards 1.5s;
    animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards 1.5s;
    animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards 1.5s;
    animation: loading-5 1.5s linear forwards 1.5s;
}

@-webkit-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@-webkit-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@-webkit-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@-webkit-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@-webkit-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.progress {
    margin-bottom: 1em;
}

.dashboardButton {
    padding: 16px 25px;
    background: #FFF;
    color: #2a2a2a;
}

.progress-value {
    width: 100%;
    font-size: 30px !important;
    font-weight: bold !important;
}

.progress-value span {
    font-size: 18px;
    font-weight: normal;
}

.dashboardButton label,
.dashboardButton .progress,
.dashboardButton .dashboardLink {
    float: left;
}

.dashboardButton label {
    padding: 50px 0;
    margin-right: 18px;
    margin-bottom: 0;
}

.dashboardLink {
    color: #2aace3 !important;
    position: relative;
    display: inline-block;
}


/* .dashboardLink:after {
border: none !important;
content: '';
width: 14px;
height: 8px;
background: transparent url(../images/sprite.png) no-repeat;
background-size: 500px 500px;
background-position: 0 -404px;
position: absolute;
top: 7px;
transform: rotate(-90deg) scale(0.9);
right: -18px;

} */

.dashboardLink.link:before {
    right: -8px;
    top: 2px;
}

.dashboardLink .btn {
    padding: 0;
    font-size: 12px;
}

.blackBlock {
    background: #2a2a2a url(../images/feather.png) no-repeat -10% 10%;
    padding: 44px 0 55px 0;
}

.doubleTitle {
    margin-bottom: 35px;
}

.blackBlock .doubleTitle {
    color: #FFF;
}

.doubleTitle span {
    font-size: 18px;
    font-weight: bold;
}

.storiesCarousel {
    color: #FFF;
}

.storiesCarousel .media>img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.storiesCarousel .media img {
    width: auto;
}

.storiesCarousel .media-body img {
    margin-bottom: 20px;
}

body {
    overflow-x: hidden;
}

.dealItem {
    height: 432px;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.dealTitle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFF;
    text-align: center;
    width: 100%;
}

.dealTitle h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 45px;
}

.paddedBlock {
    padding: 50px 0;
}

.hotelItem {
    height: auto;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    margin: 0;
}

.greyBlock {
    background: #f4f4f4;
}

.hotelItem .listingInfo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: transparent url(../images/blueshadow.png) no-repeat left bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.star {
    display: inline-block;
    background: transparent url(../images/star.png) no-repeat center center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    width: 11px;
    height: 12px;
    vertical-align: middle;
}

.hotelInfo .hotelLocation {
    float: left;
}

.hotelInfo .price {
    float: right;
}

.hotelItem .listingInfo {
    color: #FFF;
    padding: 90px 10px 96px 10px;
}

.newsletterBlock {
    padding: 45px 0;
    background: #1579a3 url(../images/paper-plane.png) no-repeat -5% 5%;
    color: #FFF;
}

.newsletterBlock .doubleTitle {
    display: inline-block;
    margin-bottom: 0;
}

.newsletterBlock .input-group {
    width: calc(100% - 520px);
    display: inline-block;
    margin-left: 30px;
}

.newsletterBlock .input-group .form-control {
    width: 100%;
}

.socialFooter label,
.socialFooter li,
.socialFooter ul {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.socialFooter ul li a {
    color: #FFF;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #2aace3;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
}

.socialFooter {
    float: right;
}

.footerMainMenu,
.footerSubMenu {
    text-align: center;
}

.footerMainMenu .nav a,
.footerSubMenu .nav a {
    color: #FFF;
    font-size: 14px;
}

.footerMainMenu {
    margin-bottom: 10px;
}

.footerTopDashboard {
    background: #004e6e;
    font-size: 14px;
    padding-top: 8px;
}

.footerTopDashboard .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.footerTopDashboard h5 {
    font-size: 16px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 600;
}

footer {
    text-align: center;
    font-size: 14px;
    height: 53px;
    line-height: 53px;
}


/*.innerPageBanner{
height: 564px;
}*/

.innerPageBanner header {
    margin-bottom: 70px;
}

.innerPageBanner .bannerControls .nav {
    margin-bottom: 50px;
}

.innerPageContent {
    /* padding-top: 40px; */
    background: #f4f4f4;
}

.alignRight {
    text-align: right;
}

.dateSquare {
    overflow: hidden;
    background: #f4f4f4;
    color: #b5b5b5;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 88px;
    line-height: 18px;
    padding-top: 11px;
    font-size: 18px;
}

.dateSquare:hover,
.dateSquare.active {
    background: #178bbb;
    color: #FFF;
}

.flightDateBlock h4 {
    font-size: 20px;
    font-weight: normal;
}

.flightDateTop {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    line-height: 14px;
}

.flightDateCarousel {
    max-width: 93%;
    margin: 0 auto;
}

.flightDateBlock {
    color: #5f5f5f;
}

.weatherBlock {
    background: #374850;
    padding: 15px 20px;
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.climateReport {
    background: #2b3b42;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
}

.climateReport img {
    margin: 0 10px;
}


/* .weatherBlock .btn{
padding: 0 45px;
} */

.panel {
    background: #FFF;
    overflow: hidden;
    padding: 15px 20px;
    color: #5f5f5f;
}

.active .login-drop-icon {
    transform: rotate(-180deg);
    transition: 300ms ease-in-out;
}

.login-drop-icon {
    transform: rotate(0deg);
    transition: 300ms ease-in-out;
}

.panel-toggle-header {
    /* padding-right: 40px; */
    /* background: transparent url(../images/blue-arrow-down.png) no-repeat; */
    /* background: transparent url(../images/drop-down-b.png) no-repeat; */
    background-position: center;
    -webkit-background-size: 15px 15px;
    background-size: 8px;
    cursor: pointer;
    font-weight: bold;
}

.panel-toggle-content {
    display: none;
    margin-top: 10px;
}

.panel.active .panel-toggle-content {
    display: block;
}

h4.panelTitle {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 17px;
}

.checkRadioList label {
    position: relative;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    line-height: 11px;
}

.form-check {
    margin-bottom: 15px;
}

.checkRadioList .form-check:last-child {
    margin-bottom: 0;
}

.checkRadioList input[type="checkbox"],
.checkRadioList input[type="radio"] {
    position: absolute;
    display: none;
}


/*Check box*/


/* .checkRadioList input[type="checkbox"] + .label-text:before{
content: "\f096";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}

.checkRadioList input[type="checkbox"]:checked + .label-text:before{
content: "\f14a";
color: #2980b9;
animation: effect 250ms ease-in;
}

.checkRadioList input[type="checkbox"]:disabled + .label-text{
color: #aaa;
}

.checkRadioList input[type="checkbox"]:disabled + .label-text:before{
content: "\f0c8";
color: #ccc;
} */


/*Radio box*/

.checkRadioList input[type="radio"]+.label-text:before,
.checkRadioList input[type="checkbox"]+.label-text:before {
    content: "\f10c";
    font-family: "FontAwesome" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

.checkRadioList input[type="radio"]:checked+.label-text:before,
.checkRadioList input[type="checkbox"]:checked+.label-text:before {
    content: "\f192";
    color: #178bbb;
    -webkit-animation: effect 250ms ease-in;
    animation: effect 250ms ease-in;
}

.checkRadioList input[type="radio"]:disabled+.label-text,
.checkRadioList input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
}

.checkRadioList input[type="radio"]:disabled+.label-text:before,
.checkRadioList input[type="checkbox"]:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
}


/*Radio Toggle*/

.checkRadioList .toggle input[type="radio"]+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]+.label-text:before {
    content: "\f204";
    font-family: "FontAwesome" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.checkRadioList .toggle input[type="radio"]:checked+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]:checked+.label-text:before {
    content: "\f205";
    color: #16a085;
    -webkit-animation: effect 250ms ease-in;
    animation: effect 250ms ease-in;
}

.checkRadioList .toggle input[type="radio"]:disabled+.label-text,
.checkRadioList .toggle input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
}

.checkRadioList .toggle input[type="radio"]:disabled+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]:disabled+.label-text:before {
    content: "\f204";
    color: #ccc;
}

@-webkit-keyframes effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.form-check {
    padding-left: 0;
}

.panelSep {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.checkRadioList {
    margin-bottom: 25px;
}

.cl-effect-5.secondDestination .checkRadioList {
    margin-bottom: 0 !important;
}

.slider-handle {
    background: #ecb731 !important;
    width: 13px;
    height: 13px;
}

.slider.slider-horizontal .slider-track {
    background: #c5c5c5;
    height: 3px;
    margin-top: -1.5px;
}

.slider.slider-horizontal {
    height: 13px;
}

.slider-selection {
    background: #7f7f7f;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.minMaxValues {
    font-weight: bold;
    width: 100%;
}


/* .tooltip-inner {
color: #5f5f5f !important;
font-weight: bold;
font-size: 13px;
background: none !important;
padding: 0 !important;
font-weight: bold;
font-size: 13px !important; } */

.usdRange .tooltip-inner::after {
    content: "$";
}


/* .tooltip {
opacity: 1;
padding: 0; } */


/* .tooltip-main {
display: none !important; } */

.rangeSlider {
    padding-bottom: 20px;
}

.selectAll {
    text-decoration: underline !important;
    line-height: 16px;
}

.panelSearch {
    border-bottom: 3px solid #e4e4e4;
    position: relative;
    margin-bottom: 20px;
}

.panelSearch input[type="search"] {
    border: none !important;
    font-size: 14px;
    font-style: oblique;
}

.panelSearch input[type="search"]:focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.panelSearch .searchBtn {
    border: none;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 11px;
    height: 11px;
    background-position: -2px -2px;
    padding: 0;
}

.panelSearch .searchBtn:hover {
    background-color: none !important;
}

.timePicker .tooltip {
    min-width: 70px;
}

.facilitiesIcons li {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    opacity: 0.5;
}

.facilitiesIcons li.active {
    opacity: 1;
}

.facilitiesIcons li bdo {
    display: block;
    margin: 0 auto;
    margin-bottom: 13px;
    width: 25px;
    height: 24px;
}

.facilitiesIcons li.beverage-fac bdo {
    background-position: -2px -25px;
}

.facilitiesIcons li.eticket-fac bdo {
    width: 25px;
    background-position: -2px -58px;
}

.facilitiesIcons li.wifi-fac bdo {
    width: 19px;
    background-position: -2px -85px;
}

.removeBorderBottom {
    border-bottom: none;
}

.viewByTabs ul {
    float: right;
    margin-bottom: 0;
    color: #5f5f5f;
}

.viewByTabs ul li {
    display: inline-block;
    width: 90px;
    margin-right: 40px;
    text-align: right;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    top: 1px;
    cursor: pointer;
    line-height: 22px;
}

.viewByTabs ul li:last-child {
    margin-right: 0;
}

.viewByTabs ul li.active,
.viewByTabs ul li:hover {
    border-bottom: 3px solid #178bbb;
}

.viewByTabs {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 16px;
}

.viewByTabs>label {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
}


/* 
.flightResultListing .card-header {
background: #FFF;
border-bottom: none;
padding-top: 20px; }

.flightResultListing .card {
border: none; } */

.tripVisual figure {
    display: inline-block;
    width: 115px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: top;
    padding-top: 16px;
}

.tripVisual figure img {
    max-width: 100%;
}

.tripVisual .tripLine {
    display: inline-block;
    width: calc(100% - 145px);
}

.tripVisual {
    padding-bottom: 18px;
    float: left;
    width: 100%;
    padding-right: 20px;
}

.tripFacilities {
    width: 30px;
    float: right;
}

.tripFacilities-rtl {
    width: 30px;
    float: right;
}

.tripA,
.tripB,
.tripC {
    float: left;
}

.tripA,
.tripC {
    width: 52px;
    line-height: 18px;
}

.tripB {
    width: calc(100% - 52px - 52px);
    padding-top: 34px;
    text-align: center;
    position: relative;
    font-size: 13px;
    color: #374850;
    font-weight: bold;
}

.tripB::before {
    content: "";
    width: calc(100% - 10px);
    height: 2px;
    background: #c5c5c5;
    position: absolute;
    left: 4px;
    top: 26px;
}

.tripVisual bdo {
    display: block;
    width: 18px;
    height: 15px;
    margin-bottom: 4px;
}

.tripA bdo {
    background-position: -3px -116px;
}


/* .tripA>div.time,
.tripA>div.country {
text-align: left;
} */

.tripA1>div.time,
.tripA1>div.country {
    /* color: red; */
    text-align: left;
}

.tripC bdo {
    background-position: -29px -116px;
}


/* .tripC>div.time,
.tripC>div.country {
text-align: right;
margin-left: 3px !important;
} */

.tripC1>div.time,
.tripC1>div.country {
    text-align: right;
    margin-left: 3px !important;
}

.tripLine {
    font-size: 18px;
}

.tripLine .time {
    font-weight: bold;
    /* text-align: right; */
    /* width: max-content; */
}


/* .tripLine .country {
text-align: right;
} */

.tripVisual {
    float: left;
}

.panelsHolder .row {
    margin-left: -5px;
    margin-right: -5px;
}

.panelsHolder [class^="col-md-"] {
    padding: 0 5px;
}

.panelsHolderMediumGutter>.row>[class^="col-md-"] {
    padding: 0 10px;
}

.panelsHolderMediumGutter>.row {
    margin-left: -5px;
    margin-right: -5px;
}

.tripFacilities ul li {
    width: 20px;
    height: 20px;
    border: 1px solid #1b8dbc;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-bottom: 4px;
}

.tripFacilities ul li.beverages-fac {
    background-position: -16px -10px;
    -webkit-background-size: 250px 250px;
    background-size: 250px;
}

.tripFacilities ul li.wifi-fac {
    background-position: -15px -39px;
    -webkit-background-size: 250px 250px;
    background-size: 250px;
}

.tripFacilities-rtl ul li {
    width: 20px;
    height: 20px;
    border: 1px solid #1b8dbc;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-bottom: 4px;
}

.tripFacilities-rtl ul li.beverages-fac {
    background-position: -16px -10px;
    -webkit-background-size: 250px 250px;
    background-size: 250px;
}

.tripFacilities-rtl ul li.wifi-fac {
    background-position: -15px -39px;
    -webkit-background-size: 250px 250px;
    background-size: 250px;
}

.flightResultListing .card-header .col-md-9.borderedRight {
    border-right: 1px solid #dbdbdb;
}

.flightResultListing .card-header .col-md-9.borderedRight+.col-md-3 {
    padding-left: 15px;
}

.tripVisualHolder {
    margin-bottom: 2px;
    position: relative;
}

.tripVisualHolder:after {
    display: table;
    clear: both;
    content: '';
}

.tripVisualHolder.mb-0 .tripVisual {
    border-bottom: none;
}

.flightResultListing .progress .progress-bar {
    border-color: #2aace3;
}

.flightResultListing .progress {
    margin-right: auto;
    display: inline-block;
}

.small-progress-value {
    font-size: 13px !important;
    line-height: 13px;
    margin-top: -3px;
    font-weight: bold;
}

.small-progress-value span {
    display: block;
    font-size: 13px;
}

.flightResultListing .small-progress-value {
    margin-bottom: 15px;
}

.milesBtn {
    background: #d3195b;
    font-weight: bold;
    color: #FFF !important;
    border-color: #d3195b;
    position: relative;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    width: 100%;
}

.milesBtn span {
    font-weight: 700;
}

.milesBtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.flightResultListing .milesBtn {
    margin-bottom: 20px;
}

.flightResultListing .card-header {
    cursor: pointer;
}

.flightPrice {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

.flightPrice span {
    font-weight: 700;
}

.share {
    position: absolute;
    right: 13px;
    top: 14px!important;
    background-image: url(../images/share-icon.svg);
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.flightPrice bdo {
    background-position: -147px -111px;
    display: inline-block;
    width: 21px;
    height: 13px;
    float: right;
    position: relative;
    top: 7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card-header.collapsed .flightPrice bdo {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.flightResultListing .card-body {
    background: #f1f4f7;
    padding: 18px 10px;
}

.classLabel {
    background: #8e3698;
    overflow: hidden;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 15px;
}

.airplaneInfo h3 {
    font-size: 20px;
    font-weight: bold;
}

.planeFacilities li {
    display: inline-block;
    height: 20px;
    margin-right: 5px;
}

.planeFacilities li.cart-fac {
    width: 26px;
    background-position: -100px -6px;
}

.planeFacilities li.food-fac {
    width: 26px;
    background-position: -100px -35px;
}

.planeFacilities li.wifi-fac {
    width: 26px;
    background-position: -100px -65px;
}

.seatList li {
    display: inline-block;
    background-position: -4px -147px;
    width: 10px;
    height: 10px;
    margin-right: 2px;
}

.seatList li:last-child {
    margin-right: 0;
}

.seatList {
    margin-right: 3px;
    font-size: 0;
    line-height: 0;
}

.seatOrdering ul {
    display: inline-block;
}

.seatOrdering strong {
    margin-right: 5px;
}

.travelInfo {
    font-size: 18px;
    margin-bottom: 35px;
}

.flightDisclaimer {
    font-size: 11px;
    color: #939393;
}

.milesInfo {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.priceBreakdown h4 {
    font-size: 16px;
    font-weight: bold;
}

.priceBreakdown ul li {
    margin-bottom: 20px;
}

.priceBreakdown .btn-primary {
    width: 100%;
    color: #FFF !important;
    margin-bottom: 10px;
}

.priceBreakdown .watchListBtn {
    color: #178bbb !important;
    border: 2px solid #178bbb;
    /*        background: none !important;*/
    width: 100%;
}

.promoPanel .panelTitle {
    padding-right: 14px;
    position: relative;
    font-size: 16px;
}

.promoPanel .panelTitle::after {
    content: "";
    width: 23px;
    height: 23px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    display: inline-block;
    position: absolute;
    right: -2px;
    top: -2px;
    background-position: -143px -136px;
}

.milesInfo strong {
    display: block;
}

.promoPanel {
    margin-bottom: 20px;
}

.adPanel img {
    max-width: 100%;
}

.adPanel {
    padding: 6px;
}

.promoPanel {
    padding: 15px 10px;
}

.panelsHolder>.row>.col-md-2 {
    -ms-flex: 0 0 12.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.666667%;
    flex: 0 0 12.666667%;
    max-width: 12.666667%;
}

.panelsHolder>.row>.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.panelsHolder>.row>.col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    -webkit-flex: 0 0 67.333333%;
    flex: 0 0 67.333333%;
    max-width: 67.333333%;
}

.flightResultListing .card {
    margin-bottom: 15px;
}

.input-group>i {
    margin-right: 18px;
    line-height: 47px;
}

.posRelative {
    position: relative;
}

.staticInputText.returnText {
    left: 94px;
}

.staticInputText.departText {
    left: 128px;
}

.editInput {
    display: block;
    position: absolute;
    width: 19px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -180px -4px;
    top: 14px;
    right: 10px;
}

.moodPanel {
    background: #FFF;
    overflow: hidden;
    margin-bottom: 32px;
}

.moodPanelPadding {
    padding: 37px 32px;
    padding-bottom: 22px;
}

.moodPanel .moodPicker {
    margin-bottom: 0;
}

.moodPanel ul {
    margin-bottom: 0;
}

.moodPicker:before {
    content: '';
    width: 100px;
    height: 100%;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+99&0+0,1+98 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(98%, white), color-stop(99%, white));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.moodTabs {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #f0f6fe;
    padding-top: 15px;
}

.moodTabs ul li a {
    color: #b1b1b1 !important;
    padding-bottom: 8px;
    display: block;
    cursor: pointer;
    border-bottom: 2px solid #f0f6fe;
}

.moodTabs ul li a:hover,
.moodTabs ul li a.active {
    border-bottom: 2px solid #178bbb;
    color: #178bbb !important;
}

.moodTabs ul li {
    display: inline-block;
    padding: 0 28px;
}

.innerMoodBlocks .col-md-4 {
    padding: 0 6px;
}

.innerMoodBlocks .row {
    margin-left: -6px;
    margin-right: -6px;
}

.moodBlocksHolder.innerMoodBlocks>ul>li {
    margin-right: 0;
}

.innerMoodBlocks .moodItem {
    width: 100%;
}

.moodBlocksHolder ul {
    margin-bottom: 0;
}

.innerMoodBlocks {
    padding-bottom: 100px;
}

.headerControl .dropdown-toggle::after,
header .dropdown-toggle::after {
    border: none !important;
    width: 14px;
    height: 8px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -218px -22px;
}

.headerControl .show .dropdown-toggle::after,
header .show .dropdown-toggle::after,
.dropdown.show .dropdown-toggle::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.headerControl .dropdown-toggle::after {
    position: relative;
    top: 3px;
}

.headerControl .dropdown::after {
    content: "";
    width: 1px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 10px;
    background: #7ba4c5;
}

.headerControl .dropdown.show::after {
    opacity: 0;
}

.searchTriggerIcon {
    width: 28px;
    height: 22px;
    display: inline-block;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -144px -176px;
    position: relative;
    top: 8px;
    margin-left: 6px;
    cursor: pointer;
}

.searchTrigger {
    display: inline-block;
}

header .dropdown-item,
.headerControl .dropdown-item {
    color: #374850;
}

header .dropdown-item:last-of-type {
    border: none;
}

header .dropdown-item:hover,
.headerControl .dropdown-item:hover {
    background: #f2c031;
    color: #FFF;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dateGroup input[type="text"] {
    margin-top: 0;
}

.dateGroup {
    /* border-top: 1px solid #ced4da; */
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    overflow: hidden;
}


/*
.dateGroup .input-group-text{
border-top: none
} */

.moodListBlock {
    padding-top: 60px;
    padding-bottom: 92px;
}

.rightAlign {
    text-align: right;
}

.storiesCarousel .owl-prev {
    width: 30px;
    height: 38px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -275px -7px !important;
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -19px;
    z-index: 150;
}

.storiesCarousel .owl-next {
    width: 30px;
    height: 38px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -274px -68px !important;
    position: absolute;
    right: -40%;
    top: 50%;
    margin-top: -19px;
    z-index: 150;
}

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

.storiesCarousel .owl-item.active+.owl-item::before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    top: -70%;
    width: 50%;
    height: 200%;
    z-index: 100;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    display: none;
}


/*
.smallMainBanner{
height: 372px
}
*/

.smallMainBanner {
    padding-bottom: 90px !important;
}

.innerPageBanner.smallMainBanner header {
    margin-bottom: 55px;
}

.innerPageBanner h5 {
    font-size: 30px;
}

.chosenFlightDetails .airlineLogo {
    display: block;
    margin-bottom: 15px;
    padding-top: 0;
}

.borderBottom {
    border-bottom: 1px solid #e4e4e4;
}

.borderRight {
    border-right: 1px solid #e4e4e4;
}

.borderTop {
    border-top: 1px solid #e4e4e4;
}

.borderLeft {
    border-left: 1px solid #e4e4e4;
}

.chosenFlightDetails .tripVisual .tripLine {
    width: 100%;
}

.chosenFlightDetails .col-md-9 {
    padding-bottom: 30px;
}

.chosenFlightDetails .tripVisual {
    border-bottom: none;
    padding-right: 30px;
    width: 98%;
    padding-bottom: 0;
}

.chosenFlightDetails .time,
.chosenFlightDetails .country {
    display: inline-block;
}

.chosenFlightDetails .tripA,
.chosenFlightDetails .tripC {
    width: 95px;
}

.chosenFlightDetails .tripB {
    width: calc(100% - 95px - 95px);
}

.tripVisual .date {
    font-size: 13px;
    font-weight: bold;
}

.tripVisual .tripA .date {
    text-align: right;
}

.finalDetailSpecs {
    font-size: 13px;
}

.finalDetailSpecs ul li {
    position: relative;
    padding-left: 22px;
}

.finalDetailSpecs ul li::before {
    content: "";
    width: 15px;
    height: 17px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    position: absolute;
    left: 0;
    top: 0;
}

.finalDetailSpecs ul li.luggageIcon::before {
    background-position: -3px -242px;
}

.finalDetailSpecs ul li.economyIcon::before {
    background-position: -3px -268px;
}

.finalDetailSpecs ul li.seatIcon::before {
    background-position: -3px -292px;
}

.finalDetailSpecs ul li.securityIcon::before {
    background-position: -3px -312px;
}

.finalDetailSpecs ul li {
    margin-bottom: 8px;
}

.finalDetailSpecs {
    max-width: 85%;
    display: inline-block;
}

.finalDetailSpecs-rtl {
    font-size: 13px;
}

.finalDetailSpecs-rtl ul li {
    position: relative;
    padding-left: 18px;
}

.finalDetailSpecs-rtl ul li::before {
    content: "";
    width: 15px;
    height: 17px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    position: absolute;
    left: 148px;
    top: 0;
}

.finalDetailSpecs-rtl ul li.luggageIcon::before {
    background-position: -3px -242px;
}

.finalDetailSpecs-rtl ul li.economyIcon::before {
    background-position: -3px -268px;
}

.finalDetailSpecs-rtl ul li.seatIcon::before {
    background-position: -3px -292px;
}

.finalDetailSpecs-rtl ul li.securityIcon::before {
    background-position: -3px -312px;
}

.finalDetailSpecs-rtl ul li {
    margin-bottom: 8px;
}

.finalDetailSpecs-rtl {
    max-width: 85%;
    display: inline-block;
}

.chosenFlightDetails [class^="col-md-"] {
    padding: 0 5px;
}

.chosenFlightDetails .row {
    margin-left: -5px;
    margin-right: -5px;
}

.chosenFlightDetails .tripFacilities ul li {
    float: right;
    margin-bottom: 8px;
}

.chosenFlightDetails .tripFacilities {
    padding-top: 67px;
    position: relative;
    left: 6px;
}

.chosenFlightDetails .tripFacilities-rtl ul li {
    float: right;
    margin-bottom: 8px;
}

.chosenFlightDetails .tripFacilities-rtl {
    padding-top: 50px;
    position: relative;
    left: 6px;
}

.chosenFlightDetails .flightOne.borderBottom {
    padding: 25px 0;
    /* padding-bottom: 35px;
            margin-bottom: 35px; */
}

.passengerDetailPanel {
    padding: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

h3.panelTitle {
    color: #0665d0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
    text-align: start;
}

h2.panelTitle {
    color: #0665d0;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.halfBorderInput input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #e3e3e3;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #8b8b8b;
}

.halfBorderInput input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.halfBorderInput input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8b8b8b;
}

.halfBorderInput input::-moz-placeholder {
    /* Firefox 19+ */
    color: #8b8b8b;
}

.halfBorderInput input:-ms-input-placeholder {
    /* IE 10+ */
    color: #8b8b8b;
}

.halfBorderInput input:-moz-placeholder {
    /* Firefox 18- */
    color: #8b8b8b;
}

.fullBtn {
    width: 100%;
}

.registerFlightPanel input[type="text"] {
    height: 48px;
}

.signUpSmallBtn {
    font-weight: 500;
    text-decoration: underline;
    color: #5f5f5f;
    font-size: 15px;
    color: #2aace3;
}

.form-bg-img {
    background-image: url(../images/bg_img.png)!important;
    background-size: 64%, cover !important;
    background-repeat: no-repeat !important;
    background-position: 373px 0px !important;
}

.form-bg-img-rtl {
    background-image: url(../images/bg_img-rtl.png)!important;
    background-size: 64%, cover !important;
    background-repeat: no-repeat !important;
    background-position: -54px 0px !important;
}


/* Create a custom checkbox */

.checkmark_bx {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #dfdfdf;
    border-radius: 3px
}

.container_bx {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}


/* Hide the browser's default checkbox */

.container_bx input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* On mouse-over, add a grey background color */

.container_bx:hover input~.checkmark_bx {
    background-color: rgb(238, 238, 238);
}


/* When the checkbox is checked, add a blue background */

.container_bx input:checked~.checkmark_bx {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark_bx:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container_bx input:checked~.checkmark_bx:after {
    display: block;
}


/* Style the checkmark/indicator */

.container_bx .checkmark_bx:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* RTL keep me sign in checkbox START */

.checkmark_bx-rtl {
    position: absolute;
    top: 0;
    left: 85px;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #dfdfdf;
    border-radius: 3px
}

.container_bx-rtl {
    display: block;
    position: relative;
    /* padding-left: 22px; */
    margin-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}


/* Hide the browser's default checkbox */

.container_bx-rtl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* On mouse-over, add a grey background color */

.container_bx-rtl:hover input~.checkmark_bx-rtl {
    background-color: rgb(238, 238, 238);
}


/* When the checkbox is checked, add a blue background */

.container_bx-rtl input:checked~.checkmark_bx-rtl {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark_bx-rtl:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container_bx-rtl input:checked~.checkmark_bx-rtl:after {
    display: block;
}


/* Style the checkmark/indicator */

.container_bx-rtl .checkmark_bx-rtl:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* RTL keep me sign in checkbox END */

.registerFlightPanel {
    margin-bottom: 35px;
}

.outerPanelTitle h6 {
    font-weight: normal;
    font-size: 16px;
}

.outerPanelTitle h3 {
    font-size: 24px;
    font-weight: bold;
    color: #2f2f2f;
}

.outerPanelTitle h3 span {
    color: #178bbb;
}

.outerPanelTitle {
    margin-bottom: 20px;
}

.tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none;
}

.tab-content>.active,
.pill-content>.active {
    display: block;
}

.tabs-left>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.whoAreYouBooking .nav li {
    display: block;
    width: 100%;
}

.whoAreYouBooking .nav {
    width: 156px;
    margin-right: 0;
    border-right: none;
}

.whoAreYouBooking .tab-content {
    width: 650px;
    float: left;
}

.whoAreYouBooking .nav li a {
    color: #FFF;
    background: #178bbb;
    font-size: 15px;
}

.whoAreYouBooking .nav li a {
    display: block;
    padding: 20px 14px;
    margin: 0;
}

.whoAreYouBooking .nav li a.active {
    background: #FFF;
    color: #374850;
}

.whoAreYouBooking .nav li:first-child a {
    -webkit-border-radius: 0.5em 0 0 0;
    border-radius: 0.5em 0 0 0;
}

.whoAreYouBooking .nav li:last-child a {
    -webkit-border-radius: 0 0 0 0.5em;
    border-radius: 0 0 0 0.5em;
}

.fakeOption {
    margin-bottom: 0;
    width: 100%;
    line-height: 18px;
}

.fakeOption {
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked+.label-text:after {
    opacity: 1;
}

.active .fakeOption::before {
    background-position: -1px -340px;
}

.lightBlueBg {
    background: #f0f6fe;
}

.whiteBg {
    background: #FFF;
}

.blueArrowSelect .input-group-prepend {
    display: block;
    padding: 0;
    background: none;
}

.blueArrowSelect {
    display: block;
}

.blueArrowSelect .input-group-prepend label {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    line-height: 10px;
    color: #8b8b8b;
}

.blueArrowSelect .custom-select {
    width: 100%;
    border: none;
    border-bottom: 2px solid #e3e3e3;
    /* -webkit-box-shadow: 1px 1px 5px #ccc;
-moz-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc; */
    height: 35px;
    -webkit-appearance: none;
    /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none;
    /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none;
    /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    background: transparent;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    font-weight: bold;
    color: #5f5f5f;
    font-size: 18px;
    padding: 0 24px 0 10px;
}

.blueArrowSelect .custom-select:after {
    display: block;
    width: 24px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../images/blue-arrow-down.png) no-repeat;
    background-position: center;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
}

.blueArrowSelect input[type="text"],
.blueArrowSelect input[type="date"] {
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4dcec;
    border-radius: .25rem !important;
    font-weight: 500;
    /* color: #5f5f5f; */
    font-size: 18px;
    padding: 0 10px;
    height: 35px;
    /* -webkit-border-radius: 0 !important; */
    /* border-radius: 0 !important; */
    max-width: 100%;
    background: transparent;
    width: 100%;
}

.blueArrowSelect .datepicker {
    -webkit-appearance: none;
    /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none;
    /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none;
    /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    background: #FFF url(../images/cal.png) no-repeat 95% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    border-right: none;
}

.airportTime {
    padding: 15px 12px;
    position: relative;
}

.airportTime a {
    background-position: -1px -426px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 13px;
}

.optionalDetails h4 {
    font-weight: bold;
    font-size: 13px;
    color: #374850;
    padding-left: 10px;
    margin-bottom: 10px;
}

.addPassenger {
    text-transform: uppercase;
    color: #178bbb;
    font-weight: bold;
    font-size: 14px;
    padding-left: 150px;
}

.addPassenger a {
    color: inherit;
}

.whoAreYouBooking {
    margin-bottom: 8px;
}

.optionalDetails .input-group {
    margin-bottom: 12px !important;
}

.seatChoiceBlock {
    /* overflow: hidden */
    margin-bottom: 45px;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.seatChoiceBlock .tab-pane {
    padding: 21px 20px;
}

.passengersList {
    display: inline-block;
    width: 180px;
    margin-right: 12px;
    vertical-align: top;
}

.passengersList .label-text {
    font-size: 16px;
}

.passengersList .form-check {
    padding: 18px;
    border-bottom: 1px solid #e8e8e8;
}

.passengersList .checkRadioList label {
    margin-bottom: 0;
}

.passengersList {
    min-height: 140px;
}

.checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #c9c9c9;
    margin-right: 10px;
    top: 1px;
    position: relative;
}

.checkRadioList:not(.roundCheckbox) input[type="checkbox"]:checked+.label-text:before {
    content: "";
}

.checkRadioList input[type="checkbox"]:checked+.e:after {
    content: "\f00c";
    color: #d3195b;
    font-family: "FontAwesome" !important;
    position: absolute;
    left: 6px!important;
    top: 3px;
    font-size: 12px;
    background-color: none;
}

.checkRadioList input[type="checkbox"]:checked+.a:after {
    content: "\f00c";
    color: #d3195b;
    font-family: "FontAwesome" !important;
    position: absolute;
    left: 0px!important;
    top: 3px;
    font-size: 12px;
    background-color: none;
}

.checkRadioList input[type="checkbox"]:checked+.label-text:after {
    content: "\f00c";
    color: #d3195b;
    font-family: "FontAwesome" !important;
    position: absolute;
    left: 1px;
    top: 3px;
    font-size: 12px;
    background-color: none;
}

.checkRadioList.roundCheckbox input[type="checkbox"]:checked+.label-text:after {
    content: "";
}

.shadow {
    -webkit-box-shadow: 0px 0px 11px 0px #ccc;
    box-shadow: 0px 0px 11px 0px #ccc;
}

.seatMap {
    display: inline-block;
    vertical-align: top;
}

.seatChoiceBlock .nav-item {
    background-color: #178bbb !important;
    padding: 14px 35px 14px 20px;
    position: relative;
    border: none;
    font-size: 15px;
    color: #FFF !important;
}

.seatChoiceBlock .nav-item.active {
    background: #f4f4f4 !important;
    color: #6d6d6d !important;
}


/* .seatChoiceBlock .nav-item::after{
content: "";
width: 100%;
height: 4px;
background: #f4f4f4;
position: absolute;
left: 0;
bottom: -2px;

} */

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    margin: 0;
    height: auto;
}

figure.effect-oscar img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
    padding: 3em;
    /* background-color: rgba(0,0,0,0.7); */
    -webkit-transition: background-color 0.35s;
    -o-transition: background-color 0.35s;
    transition: background-color 0.35s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

figure.effect-oscar h3 {
    /* -webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s; */
}

figure.effect-oscar .dealTitle {
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-oscar:hover .dealTitle {
    /* margin: 20% 0 10px 0; */
    /* -webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0); */
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


/* figure.effect-oscar:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} */

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover span {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58, 52, 42, 0);
}

figure.effect-oscar:hover img {
    opacity: 0.4;
}

.bannerControls .btnEffect {
    width: 100%;
}


/* Effect 10: reveal, push out */

.btnEffect {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    /* width: 100% */
}

.btnEffect a {
    overflow: hidden;
    /* margin: 0 15px; */
}

.btnEffect a span {
    display: block;
    /* padding: 10px 20px; */
    /* background: #0f7c67; */
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    padding: 0 30px;
}

.btnEffect a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /* padding: 10px 20px; */
    width: 100%;
    height: 100%;
    color: #FFF;
    /* background: #fff; */
    /* color: #0f7c67; */
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(-25%);
}

.btnEffect a:hover span,
.btnEffect a:focus span {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.btnEffect a:hover::before,
.btnEffect a:focus::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.btnEffect a:hover::before {
    z-index: 1;
}

button:focus,
input:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* Effect 5: same word slide in */

.cl-effect-5 a {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    /* padding: 0 4px;
height: 1em; */
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.doubleDate .dateGroup .form-control {
    padding-top: .375rem;
}

.whiteBridge::before {
    content: "";
    width: 63px;
    height: 100%;
    background: #FFF;
    position: absolute;
    left: -30px;
    top: 0;
}

.whiteBridge::after {
    content: "";
    width: 29px;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    left: -30px;
    top: 24px;
}

.bannerControls .form-control,
.bannerControls .input-group-text {
    border: none !important;
}

.hotelIcon {
    background-position: 6px -454px;
    background-color: #FFF;
}

.bannerControls select {
    border: none;
}

.nbPassengersRow input[type="number"] {
    width: 100%;
    background: #f4f4f4;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    color: #9f9f9f;
    border: none;
    padding-left: 17px;
}

.nbPassengersRow select {
    width: 100%;
}

.passengersDropdown {
    padding: 15px !important;
    width: calc(100% + 32px) !important;
    left: auto !important;
    right: 0 !important;
}

.passengersDropdown[x-placement='bottom-start'] {
    margin-top: -3px !important;
    padding-top: 30px !important;
}


/* .manualSelect {
    height: 48px;
} */

.manualSelect .btn {
    height: 48px;
    border: none;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
    color: #9f9f9f;
}

.manualSelect .dropdown {
    width: calc(100% - 32px);
}


/* .nbPassengersRow {
margin-bottom: 15px; } */

.passengersDropdown .cancelBtn,
.passengersDropdown .btnEffect {
    display: inline-block;
}

.passengersDropdown .btnEffect {
    width: auto;
}

.passengersDropdown .cancelBtn {
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    top: -11px;
}

.passengersDropdown .btnEffect a:before {
    text-align: center;
}

.passengersDropdown .btnEffect a {
    color: #FFF;
}

.passengersDropdown .cancelBtn a {
    color: #1a70ad;
}

.mapView {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 14px;
    color: #FFF;
    font-style: italic;
    font-size: 14px;
    cursor: pointer;
}

.bannerControls {
    position: relative;
}

.secondDestination {
    float: left;
    cursor: pointer;
    /*    overflow: hidden;*/
    margin: 10px 0;
}

.secondDestination a {
    color: #FFF;
}

.moodItem::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.moodItem:hover::before {
    opacity: 1;
}

.moodItem .caption {
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.moodItem:hover .caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.moodItem .caption {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.moodItem:hover .caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

figure.effect-lily img {
    max-width: none;
    width: calc(100% + 50px) !important;
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h3,
figure.effect-lily .hiddenHotelInfo {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

figure.effect-lily h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily .hiddenHotelInfo {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, -webkit-transform 0.35s;
    -o-transition: opacity 0.2s, transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover .hiddenHotelInfo {
    opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h3,
figure.effect-lily:hover .hiddenHotelInfo {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-lily:hover .hiddenHotelInfo {
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.hotelItem .viewMore {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.seatChoiceBlock .nav {
    display: inline-block;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: -6px -6px 6px -5px #ccc;
    box-shadow: -6px -6px 6px -5px #ccc;
    border-bottom: none;
    font-size: 0;
}

.seatChoiceBlock .tab-content {
    -webkit-border-radius: 0 0.25px 0.25px 0.25px !important;
    border-radius: 0 0.25px 0.25px 0.25px !important;
}

.nav-item .normalIcon {
    display: inline-block;
}

.nav-item .activeIcon {
    display: none;
}

.nav-item.active .normalIcon {
    display: none;
}

.nav-item.active .activeIcon {
    display: inline-block;
}

.nav-item img {
    margin-right: 8px;
}

.saveDetails .checkRadioList {
    margin-bottom: 0;
    text-align: right;
}

.checkRadioList.pinkRadio input[type="radio"]+.label-text:before,
.checkRadioList.pinkRadio input[type="checkbox"]+.label-text:before {
    /* background: transparent url(../images/sprite.png) no-repeat;
-webkit-background-size: 500px 500px;
background-size: 500px 500px;
background-position: -31px -340px;*/
    content: "";
    height: 19px;
    width: 19px;
    top: 3px;
    position: relative;
    border: 2px solid #ddd;
    border-radius: 3px;
}

.checkRadioList.pinkRadio input[type="radio"]:checked+.label-text:before,
.checkRadioList.pinkRadio input[type="checkbox"]:checked+.label-text:before {
    content: "";
    /* border: none; */
    border: 2px solid #d5d5d5!important;
    background: #2aace3 url(../images/checked-white.png) no-repeat!important;
    -webkit-background-size: 500px 500px!important;
    background-size: 10px 10px!important;
    background-position: center!important;
}

.checkRadioList.pinkRadio .mandatoryInput .label-text:before {
    border-color: #ed1a33 !important;
}

.checkRadioList.pinkRadio input[type="checkbox"]:checked+.label-text:after {
    display: none;
}

.contactBilling {
    margin-bottom: 30px;
}

.fullWidth {
    width: 100%;
}

.lightText {
    font-weight: normal;
    color: #8b8b8b;
    font-size: 14px;
    padding: 10px 0 0 24px;
}

.airportTaxi .checkRadioList {
    margin-bottom: 0;
}

.airportTaxi {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.blue-primary {
    border: 1px solid #178bbb !important;
    background: none;
    color: #178bbb !important;
}

.btn-primary.blue-primary:hover {
    background: #178bbb !important;
    border-color: #178bbb !important;
    color: #fff !important;
}

.pb-100 {
    padding-bottom: 100px;
}

@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

.progressNew {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.progressNew>li {
    display: inline-block;
    position: relative;
    text-align: center;
    /* color: #93a2ac; */
    /* font-weight: 100; */
    /* margin: 2rem; */
}

.progressNew>li:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    font-weight: 400;
}

.progressNew>li:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 54px;
    left: 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #2aace3;
}

.progressNew>li:before {
    content: attr(data-unit);
    position: absolute;
    width: 100%;
    top: 90px;
    left: 0;
    font-size: 18px;
    text-align: center;
    color: #374850;
}

.progressNew svg {
    width: 10rem;
    height: 10rem;
}

.progressNew svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.progressNew svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #fff;
    opacity: 0.9;
    -webkit-animation: load 3s;
    animation: load 3s;
}

.smallGradient {
    background: transparent url(../images/small-gradient.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 4px;
}

.progressNew {
    width: 100%;
}

.progressHolder label {
    text-align: center;
    padding-top: 16px;
    display: block;
    font-size: 18px;
}

.pendingStatus {
    color: #FFF;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    font-weight: 300;
}

.pendingStatus strong {
    font-size: 24px;
    display: block;
    font-weight: bold;
}

.safriyatMiles .smallGradient>svg {
    position: absolute;
}

.safriyatMiles {
    margin-bottom: 35px;
}

.panelUser .userImage {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    background: #f4f4f4;
    left: 0;
    top: 9px;
    margin-right: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.flightSummary {
    font-size: 14px;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.blueBg {
    background: #0665d0;
    color: #FFF;
}

.totalFlightPrice {
    font-size: 20px;
}

.urgentHelp {
    /* width: max-content; */
    padding-right: 70px;
    background: transparent url(../images/headphones.png) no-repeat right 4px;
    -webkit-background-size: 65px auto;
    background-size: 65px auto;
}

.highlightedPink {
    font-size: 20px;
    color: #d3195b;
}

.panel {
    color: #374850;
}

.panel p {
    line-height: 21px;
    padding-top: 5px;
    margin: 0;
}

.highlighteMedia figure {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    width: 72px;
    height: 72px;
    background: #f4f4f4;
}

.highlighteMedia h5 {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
    margin-bottom: 4px;
}

.highlighteMedia p {
    padding-top: 0;
}

.blueArrowSelect h5 {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
}

.recapInput label {
    padding: 0 !important;
    margin-bottom: 5px;
}

.weatherListing {
    text-align: center;
}

.weatherListing label {
    font-weight: bold;
    display: block;
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 15px;
}

.weatherListing li {
    padding: 0 12px;
    border-right: 1px solid #f0f0f0;
    width: 14.2%;
    float: left;
}

.weatherListing figure {
    margin-bottom: 15px;
    text-align: center;
}

.weatherListing .temperature {
    font-size: 24px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: center;
    margin-bottom: 36px;
}

.sunriseSunset>div {
    width: 48%;
    float: left;
}

.sunriseSunset img {
    width: 23px;
}

.sunriseSunset span {
    border-top: 2px solid #cdcdcd;
    background: #FFF;
    font-size: 12px;
    font-weight: bold;
    color: #5f5f5f;
    display: block;
    position: relative;
    z-index: 10;
}

.sunriseSunset>div.sunset {
    float: right;
}

.weatherListing li:first-child {
    padding-left: 0;
}

.weatherListing li:last-child {
    border-right: none;
}

.sunrise img {
    position: relative;
    top: -10px;
}

.sunset img {
    position: relative;
    top: 10px;
}

.panelTitle.mb-30 {
    margin-bottom: 30px;
}

.confirmPaymentMiles .pendingStatus {
    padding: 4px 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.effectHolder figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.effectHolder figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.effectHolder figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.effectHolder figure figcaption::before,
.effectHolder figure figcaption::after {
    pointer-events: none;
}

.effectHolder figure figcaption,
.effectHolder figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* figure.effect-ruby {
background-color: #17819c;
} */

figure.effect-ruby img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

figure.effect-ruby:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

figure.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
}

figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.whatToDoItem h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.whatToDoItem h5 a {
    color: inherit;
}

.whatToDoItem .listingDescription p {
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 0;
}

.thingsToDoBlock .moodPicker a {
    background: none !important;
    padding: 0 25px !important;
}

.thingsToDoBlock .moodPicker::before {
    display: none;
}

.mb-100 {
    margin-bottom: 100px;
}

.flightDetailsRecap {
    padding-bottom: 100px;
}

.paymentOptions .fakeOption::before {
    top: -2px;
}

.cardSelect.blueArrowSelect .input-group-prepend {
    display: inline-block;
}

.cardSelect label {
    display: inline-block;
}

.cardSelect .custom-select {
    width: 115px;
    color: #178bbb;
    font-size: 14px;
    border-bottom: none;
}

.smallerGutter.row {
    margin: 0 5px;
}

.smallerGutter .col-md-3,
.smallerGutter .col-md-6,
.smallerGutter .col-md-12 {
    padding: 0 5px;
}


/* .smallerGutter input[type="text"]{
padding: 0;
text-align: center
} */

.tooltipHolder {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url(../images/tooltip.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

body>.tooltip .tooltip-inner {
    padding: 4px !important;
    background: #d3195b !important;
    color: #fff !important;
    font-size: 11px !important;
    margin-left: 5px;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #d3195b;
}

.paymentLeft {
    padding-right: 0 !important;
}

.priceOverview {
    font-size: 14px;
}

.priceOverview .totalFlightPrice {
    font-size: 17px;
    padding: 11px !important;
}

.priceOverview {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.FlightDisclaimer {
    color: #5f5f5f;
    font-size: 14px;
}

.loyaltyControl .progressNew {
    width: auto;
    float: left;
    margin-bottom: 0;
}

.dashboardLink {
    font-size: 12px;
}

.panelToggle {
    position: absolute;
    left: 50%;
    top: -21px;
    height: 32px;
    width: 52px;
    margin-left: -26px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background: url(../images/footer-arrow.png) no-repeat center center;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
}

.footerTopDashboard {
    position: relative;
}

.footerTopDashboard .row {
    margin: 0;
}

.panelToggle.flip {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footerTopDashboard>.row.hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.footerTopDashboard>.row {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#pluralFix {
    display: none;
}

.pika-prev {
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -149px -8px !important;
    border-right: none !important;
    height: 18px;
    border: none !important;
    top: 10px;
    left: 0px;
    color: #FFF !important;
    font-size: 0 !important;
}

.pika-next {
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -149px -25px !important;
    border-right: none !important;
    height: 18px;
    border: none !important;
    top: 10px;
    color: #FFF !important;
    font-size: 0 !important;
}

.pika-single:after {
    display: none !important;
}

.pika-next-rtl {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-next-rtl {
    background: #ffffff url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -148px -25px !important;
    border-right: none !important;
    height: 18px;
    border: none !important;
    right: 235px;
    top: -30px;
    color: #000 !important;
    font-size: 0 !important;
    transform: scaleX(-1);
}

.rightHeader .btn {
    line-height: 24px;
}

#titleInput {
    background: none;
    border: none;
    font-family: 'Montserrat Alternates', sans-serif !important;
    font-size: 60px;
    width: 600px;
    max-width: 90%;
    display: block;
    color: #9d9d9d;
}

.newsletterBlock .submitNewsletter {
    width: 20px;
    height: 14px;
    background-image: url(../images/blue-arrow-right.png);
    position: absolute;
    right: 17px;
    top: 18px;
    padding: 0;
    border: none;
    display: block;
    cursor: pointer;
    z-index: 150;
    -webkit-background-size: cover;
    background-size: cover;
}

.search-form .form-group {
    /*  float: right !important;*/
    -webkit-transition: all 0.35s, -webkit-border-radius 0s;
    transition: all 0.35s, -webkit-border-radius 0s;
    -o-transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s, -webkit-border-radius 0s;
    width: 32px;
    height: 32px;
    /*
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-radius: 25px;
border: 1px solid #ccc;
*/
    margin: 0;
    position: relative;
}

.search-form .form-control {
    -webkit-transition: all 0.35s, -webkit-border-radius 0s;
    transition: all 0.35s, -webkit-border-radius 0s;
    -o-transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s, -webkit-border-radius 0s;
    right: 0;
}

.search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    position: absolute;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}


/*
.search-form .form-group:hover,
.search-form .form-group.hover {
width: 100%;
border-radius: 4px 25px 25px 4px;
}
*/

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}

.searchTriggerIcon {
    top: 7px;
    margin-left: 6px;
    cursor: pointer;
    right: 0;
}

.searchTrigger:hover .form-control {
    width: 180px;
    background: #FFF !important;
}

.doubleTitle span {
    color: #1579a3;
}

.doubleTitle span.whiteColotext {
    color: white;
}

.whiteDropdown .btn {
    background: #FFF !important;
    color: #272727 !important;
    font-weight: bold;
    font-size: 16px;
    border: none;
}

.dropdown-toggle::after {
    border: none !important;
    width: 30px;
    height: 100%;
    background: url(../images/light-blue-arrow.png) no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
}

.rightTitleControl {
    padding-top: 52px;
    padding-right: 79px;
}

.hotelCarousel .owl-nav,
.dealsCarousel .owl-nav {
    position: absolute;
    right: 0;
    top: -101px;
    padding-left: 20px;
    border-left: 1px solid #cacaca;
}

.hotelCarousel .owl-prev,
.dealsCarousel .owl-prev {
    width: 10px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -105px -464px !important;
    position: relative;
    top: 2px;
}

.hotelCarousel .owl-next,
.dealsCarousel .owl-next {
    width: 10px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -152px -464px !important;
    margin-left: 15px;
    position: relative;
    top: 2px;
}

.hotelCarousel .owl-prev span,
.hotelCarousel .owl-next span,
.dealsCarousel .owl-prev span,
.dealsCarousel .owl-next span {
    font-size: 0;
}

.checkRadioList.normalRadio input[type="radio"]+.label-text:before,
.checkRadioList.normalRadio input[type="checkbox"]+.label-text:before {
    width: 18px;
    height: 18px;
    border: 1px solid #FFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
}

.normalRadio span {
    padding-left: 25px;
    position: relative;
}

.checkRadioList.normalRadio input[type="radio"]:checked+.label-text:after,
.checkRadioList.normalRadio input[type="checkbox"]:checked+.label-text:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #f2c031;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 5px;
    top: 3px;
}

.checkRadioList.normalRadio .form-check {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
}

.checkRadioList.normalRadio .form-check:first-child {
    margin-left: 0;
}

.nbPassengersRow .row {
    margin-bottom: 0;
    min-height: 43px;
    line-height: 43px;
}

.checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    color: #FFF;
}

.doubleArrow {
    width: 19px;
    height: 25px;
    background: transparent url(../images/doublearrow.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 16px;
    top: 100%;
}

.doubleArrow.blue {
    background: transparent url(../images/connector.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.bannerControls .mb-3 {
    margin-bottom: 25px !important;
    border: 1px solid #d4dcec;
}

.currencyItem {
    width: 220px;
    font-size: 14px;
}

.currencyItem span {
    color: #178bbb;
    font-weight: bold;
}

.currencyItem figure {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 8px;
}

.currencyDropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.row.hide {
    max-height: 0;
    overflow: hidden;
}

.nbPassengersRow .custom-select {
    border-bottom: 1px solid #f6f6f6;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
}

.greyBg {
    background: #f4f4f4;
}

.doubleArrow.side {
    left: 101%;
    top: 12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fixedInput1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    -webkit-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
    padding-right: 9px;
    padding: 0 12px !important;
}

.fixedInput2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 9px;
    padding: 0 12px !important;
}

.paddingSideFix {
    padding: 0 5px;
}

.addMoreRows {
    text-align: left;
    margin-bottom: 30px;
}

.addMoreRows a {
    display: inline-block;
    border: 1px solid #FFF;
    height: 42px;
    line-height: 42px;
    padding: 0 25px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.addMoreRows a:hover {
    cursor: pointer;
    background: #FFF;
    color: #2a2a2a !important;
}

.borderTopWhite {
    border-top: 1px solid #FFF;
}

.multiCityButtons .borderTopWhite {
    padding-top: 16px;
}

.pr-0 {
    padding-right: 0;
}


/**searchform header*/

.innerbg {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    /*	font-family: 'ProximaNovaBold';*/
}

#searchform {
    display: table;
    border: 0;
    /*    background-color: #3f3f3f;*/
    background: rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

#searchform li {
    display: inline-table;
}

#searchform li a {
    color: #fff !important;
    padding: 5px 15px;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

#searchform li a.active,
#searchform li a:hover,
.headeractive {
    background-color: #1579a3 !important;
}

li:nth-child(1).headeractive {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

li:nth-child(3).headeractive {
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.searchformdiv .form-control {
    border: 0 !important;
}


/*
.searchformdiv .editInput
{
top: 8px;
}
*/


/*

.searchformdiv .tab-content .active
{
display: flex;
}
*/

.searchformdiv .dateIcon {
    border: 0;
    padding-right: 35px;
}

.mrtp1 {
    margin-top: 1px;
}

.emptyspaceleft {
    height: 33px;
}

.searchformdiv .searchbtn {
    background-color: #f2c031;
    border: 0;
    padding: 6px;
    color: #fff;
}

.searchformdiv .rghtbrd {
    -webkit-border-radius: 0px 6px 6px 0px !important;
    border-radius: 0px 6px 6px 0px !important;
}

.shap1icon:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/Shape1.png) no-repeat 70% center;
    top: 40px;
    right: -15px;
    position: absolute;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.shapeicon3 img {
    vertical-align: text-bottom;
}

.topselection {
    text-align: left;
}

.topselection li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
}

.topselection li:not(:last-child) {
    border-right: 2px solid rgba(117, 117, 117, 0.7);
}

#btnaddmore {
    background: none;
    border: 2px solid rgba(117, 117, 117, 0.7);
    padding: 5px 20px;
    color: #fff;
}

#btnaddmore i {
    margin-right: 10px;
}

.searchformdiv hr {
    border: 1px solid rgba(117, 117, 117, 0.7);
    display: table;
    width: 100%;
}

.chekbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.chekbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */


/*
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}
*/


/* On mouse-over, add a grey background color */

.chekbox:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.chekbox input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.chekbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.chekbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inlinetable {
    display: inline-table;
}

.w100 {
    width: 100%;
}

.pd650 {
    padding: 6px 50px !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .chosenFlightDetails .tripFacilities-rtl {
        left: -125px !important;
        top: -120px !important;
    }
    .chosenFlightDetails .tripFacilities-rtl {
        /* padding-top: 50px; */
        position: relative!important;
        /* left: 6px!important; */
    }
    .chosenFlightDetails .rightSectionMain {
        margin-top: 110px;
        padding: 10px;
        position: relative;
    }
    .chosenFlightDetails .col-md-9 {
        -webkit-box-flex: 0!important;
        -webkit-flex: 0 0 72%!important;
        -ms-flex: 0 0 72%!important;
        flex: 0 0 72%!important;
        max-width: 72%!important;
    }
    .finalDetailSpecs-rtl ul li::before {
        content: "";
        width: 15px;
        height: 17px;
        background: transparent url(../images/sprite.png) no-repeat;
        -webkit-background-size: 500px 500px;
        background-size: 500px 500px;
        position: absolute;
        left: 130px!important;
        top: 0;
    }
    .finalDetailSpecs-rtl ul li {
        position: relative;
        padding-left: 0px!important;
    }
    .finalDetailSpecs-rtl ul li {
        position: relative;
        /* padding-left: 18px; */
    }
    .chosenFlightDetails .flightOne.borderBottom {
        padding: 5px 0;
    }
}

@media (max-width: 768px) {
    .shap1icon:after {
        top: 0;
        right: 0;
        left: 0;
        position: relative;
        display: block;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin: auto;
    }
}

@media (max-width:567.98px) {
    .c-divider .intl-tel-input.allow-dropdown input[type=tel] {
        padding-right: 0!important;
    }
    .c-divider-bill .intl-tel-input.allow-dropdown input[type=tel] {
        padding-right: 0!important;
    }
    .c-divider-fbill .intl-tel-input.allow-dropdown input[type=tel] {
        padding-right: 0!important;
    }
    .hbook-p .tabbable.tabs-left.clearfix.ng-star-inserted .tab-content.ng-untouched.ng-invalid.ng-dirty {
        padding: 20px!important;
    }
    .c-divider-rtl:before {
        left: 55px !important;
    }
    .c-divider-rtl-fbill:before {
        top: 51px!important;
        left: 55px!important;
    }
    .c-divider-rtl-bill:before {
        left: 73px !important;
    }
    .chosenFlightDetails.fullPageBlock .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 82%;
        -ms-flex: 0 0 82%;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
    .rtl header .userNavItem {
        margin: 0!important;
        padding: 0!important;
    }
    .pika-align {
        flex-flow: column!important;
        position: absolute!important;
        left: 45px!important;
        top: 308px!important;
    }
    .booking-banner {
        display: none!important;
    }
    .success-pd {
        padding: 60px 0 0 0 !important;
    }
    .chosenFlightDetails .flightOne.borderBottom {
        padding: 18px 0!important;
    }
    .chosenFlightDetails .tripFacilities-rtl {
        left: -275px!important;
        top: 15px!important;
    }
    .rtl .borderRight {
        border-right: 0;
        border-left: none!important;
    }
    ngui-auto-complete ul li {
        padding: 5px 10px!important;
        width: 250px!important;
    }
    .panelSubSection .tableLike.oneItem .labelTitle {
        display: inline-block !important;
        vertical-align: top !important;
        max-width: calc(100% - 0px)!important;
    }
    .subpageBanner {
        visibility: hidden;
        /* display: none; */
        min-height: 63px!important;
    }
    .top-header>.navbar {
        background: rgb(36, 59, 70) !important;
        padding: 1rem 0!important;
    }
    .priceBar-R {
        display: flex;
        flex-flow: row;
    }
    .ngx-select__toggle .btn .form-control {
        border-radius: 0;
    }
    .tripB {
        margin-top: -13px;
    }
    .tripVisual {
        padding: 0 !important;
    }
    .tripB::before {
        content: "";
        width: calc(100% - 10px);
        height: 2px;
        background: #c5c5c5;
        position: absolute;
        left: 6px;
        top: 26px;
    }
    .trip_R {
        display: flex;
        flex-flow: column;
    }
    .rtl .borderRight {
        border-right: 0;
        border-left: none;
    }
    .chosenFlightDetails .tripB:before {
        left: 4px;
        top: 15px;
    }
    .tripVisual figure img {
        max-width: 100%;
        margin-bottom: 25px;
    }
    #PT_express_checkout_wrap {
        height: 60vh !important;
    }
    .mrt-12 {
        margin-top: 25px!important;
    }
    .pd-2 {
        padding: 20px!important;
    }
    .pd-0 {
        padding: 0!important;
    }
    .mr-0 {
        margin: 0!important;
    }
    .round-left-r {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .round-right-r {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .userNavItem .dropdown .dropdown-menu {
        left: auto !important;
        right: 8px !important;
    }
    .rtl .flightResultListing .leftSection {
        padding: 0 !important;
        float: right!important;
        border: none!important;
    }
    .rtl .flightResultListing .rightSection {
        padding: 0 !important;
        float: right!important;
    }
    .success-img h2 {
        display: block!important;
        font-size: 34px!important;
        padding-bottom: 8px;
    }
    .success-img h3 {
        display: block!important;
        padding-bottom: 40px;
        font-size: 18px;
        margin-bottom: 0px;
    }
    .flightDetailsRecap .btnEffect {
        position: absolute;
        bottom: -55px !important;
        margin-top: 20px;
        margin-bottom: 0 !important;
    }
    .flightDetailsRecap .col-md-5 {
        -webkit-box-flex: 0!important;
        -webkit-flex: 0 0 100%!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
    .flightRecap .flightDetailsRecap .col-md-6 {
        -webkit-box-flex: 0!important;
        -webkit-flex: 0 0 100%!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
    .tripVisual figure {
        margin: auto!important;
    }
    .flight-row {
        display: flex;
        flex-direction: column;
    }
    /* .panel-toggle-header-ltr {
        padding-right: 40px;
        background: transparent url(../images/blue-arrow-down.png) no-repeat;
        background: transparent url(../images/drop-down-b.png) no-repeat !important;
        background-position: right bottom !important;
        -webkit-background-size: 15px 15px !important;
        background-size: 8px !important;
        cursor: pointer;
        font-weight: bold;
    }
    .panel-toggle-header-rtl {
        padding-left: 40px;
        background: transparent url(../images/blue-arrow-down.png) no-repeat;
        background: transparent url(../images/drop-down-b.png) no-repeat !important;
        background-position: left center !important;
        -webkit-background-size: 15px 15px !important;
        background-size: 8px !important;
        cursor: pointer;
        font-weight: bold;
    } */
    .form-bg-img {
        background-image: none!important;
        background-size: 64%, cover !important;
        background-repeat: no-repeat !important;
        background-position: 373px 0px !important;
    }
    .form-bg-img-rtl {
        background-image: none !important;
        background-size: 64%, cover !important;
        background-repeat: no-repeat !important;
        background-position: -54px 0px !important;
    }
    .loginSoc i {
        position: absolute;
        top: 6px;
        left: 22px !important;
    }
    .loginSoc-rtl i {
        position: absolute;
        top: 6px;
        left: 250px !important;
    }
    /* .fb-text-ltr-m {
                border-left: 1px solid #00000026;
                margin-left: -10px !important;
                padding-left: 0.5rem !important;
            } */
    .g-text-ltr {
        border-left: 1px solid #00000026;
        margin-left: -15px !important;
        /* padding-left: 15px !important; */
    }
    .fb-text-ltr {
        border-left: 1px solid #00000026;
        margin-left: 0rem !important;
        padding-left: .5rem !important;
    }
    .fb-text-rtl {
        border-right: 1px solid #00000026;
        margin-right: 6px !important;
        padding-right: .5rem !important;
    }
    .hide-button a {
        display: none;
    }
    .payment-img img {
        margin-top: -250px;
    }
    .type_blockHeading {
        font-size: 22px !important;
    }
    .fl-banner-text h4 {
        display: none !important;
    }
    .bannerContent {
        position: relative;
        z-index: 1;
        width: 350px;
        margin: auto;
    }
    .topselection br {
        display: none;
    }
    .topselection li {
        display: table;
        margin-bottom: 5px;
        padding: 5px 0;
        width: 100%;
    }
    .topselection li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(117, 117, 117, 0.7);
    }
    .hotel-booking {
        height: 30vh !important;
    }
    .banner-text {
        padding-top: inherit !important;
    }
    .banner-text h2,
    h4 {
        display: block !important;
    }
    .socialFooter-ltr {
        margin-top: 40px;
        justify-content: center !important;
    }
    .socialFooter-rtl {
        margin-top: 40px;
        justify-content: center !important;
        /* flex-flow: row-reverse; */
    }
}

@media (min-width: 567px) and (max-width: 768px) {
    .hide-button a {
        display: none;
    }
    .payment-img img {
        margin-top: -520px;
    }
    .hotel-booking {
        height: 30vh!important;
    }
    .banner-text {
        padding-top: inherit !important;
    }
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.dropdown.show .dropdown-menu {
    max-height: 300px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
}


/*

.bannerControls .input-group{
border: 2px solid #FFF;
border-radius: .25rem;
}
*/


/*
.bannerControls .input-group.focused .form-control{
-moz-box-shadow:    inset 0 0 10px #f2c031;
-webkit-box-shadow: inset 0 0 10px #f2c031;
box-shadow:         inset 0 0 10px #f2c031;
}*/

#removeRow {
    display: none;
}

#removeRow.show {
    display: inline-block;
}

#addRow {
    margin-right: 15px;
    display: none;
}

#addRow.show {
    display: inline-block;
}

.pika-single.is-hidden {
    /* opacity: 0; */
    /* display: block !important; */
    /* position: absolute !important; */
}

.pika-single {
    /* opacity: 1; */
    /* -webkit-transition: all 300ms ease; */
    /* -o-transition: all 300ms ease; */
    /* transition: all 300ms ease; */
}

.input-group.focused {
    position: relative;
}


/* .input-group.focused::before {
content: "";
width: 100%;
height: 100%;
border: 2px solid #f2c031;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
z-index: 10; } */


/* .flightTypeChoices {
    text-align: center;
} */

.flightTypeChoices {
    text-align: left !important;
    padding-left: 10px;
}

.bannerControls .nav#searchform {
    display: inline-block !important;
    /*     font-size: inherit; */
}

.searchformdiv {
    text-align: left;
}

.bannerControls .nav#searchform a {
    font-size: 16px;
}

.topselection li:last-child {
    padding: 17px 0;
    float: right;
    cursor: pointer;
}

.bannerControls .input-group-prepend {
    -webkit-border-top-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
    overflow: hidden;
    -webkit-border-bottom-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

.bannerControls .form-control {
    font-weight: 200;
    font-size: 14px;
    color: #5f5f5f;
}

.bannerControls .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.bannerControls .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.bannerControls .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.bannerControls .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

.bannerControls .dropdown-toggle {
    color: #9f9f9f;
    font-weight: 300;
    -webkit-border-top-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.bannerControls .dropdown-menu.show {
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

.bannerControls [class^="col-"],
.clickedForm [class^="col-"] {
    padding: 0 5px;
}

.bannerControls .row,
.clickedForm .row {
    margin: 0;
}

.innerPageBanner .bannerControls [class^="col-"] {
    padding: 0 10px;
}

.innerPageBanner .bannerControls .row {
    margin: 0;
}

.bannerControls .dropdown.show .dropdown-menu {
    max-height: 1000px;
}

.clickedForm {
    padding: 0 35px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.clickedMood {
    padding-top: 0;
}

.clickedMood .hideOnClick {
    opacity: 0;
    position: absolute;
}

.clickedMood.moodItem::before {
    background: transparent url(../images/gradient.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0.8;
}

.transWhite {
    background: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    border-color: #FFF !important;
}

.btnEffect a.transWhite::before {
    opacity: 0;
}

.btnEffect a.transWhite:hover::before {
    opacity: 1;
}

.arrowIcon {
    background: #FFF url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -410px 10px;
}

.clickedForm {
    display: none;
}

.clickedMood .clickedForm {
    display: block;
}

.clickedForm h5 {
    font-weight: bold;
    font-size: 26px;
}

.smallItem .bannerControls .input-group input {
    height: 39px;
    font-size: 13px;
}

.smallItem .clickedForm h5 {
    font-size: 21px;
}

.smallItem .mb-3 {
    margin-bottom: 6px !important;
}

.smallItem .staticInputText {
    top: 2px;
}

.tallItem .hideOnClick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mapView {
    padding-right: 35px;
    background: transparent url(../images/mapview.png) no-repeat right center;
    -webkit-background-size: 27px 21px;
    background-size: 27px 21px;
    height: 21px;
    line-height: 29px;
}

.mapView:hover {
    color: #f2c031 !important;
}

.blackBlock .doubleTitle span {
    color: #FFF;
}

.dealsCarousel .owl-nav {
    top: -78px;
    border-left: none;
}

.dealsCarousel .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.overflowHidden {
    overflow: hidden;
}

.hiddenControls {
    max-height: 0;
    overflow: hidden;
}

.innerPageBanner {
    min-height: 400px;
    padding-bottom: 0;
}

.collapsedControls .topselection {
    margin-bottom: 0;
}

.topSelectionLabel {
    font-weight: bold;
    font-size: 20px;
}

.bannerControls {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.collapsedControls h2 {
    margin-bottom: 100px;
}

.rghtbrd span {
    min-width: 1px !important;
}

.pt-16 {
    padding-top: 16px;
}

.dateSquare span {
    font-weight: normal;
    display: inline-block;
    margin-bottom: 13px;
    font-size: 15px;
}

.priceBar {
    height: 6px;
    background: #f4f4f4;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.priceBar span {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.priceBar.green span {
    background: #0ca22f;
}

.priceBar.red span {
    background: #d81212;
}

.flightDateCarousel .owl-prev,
.yellowArrowCarousel .owl-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    font-size: 30px;
    color: #ecb731;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -148px -5px !important;
}

.flightDateCarousel .owl-next,
.yellowArrowCarousel .owl-next {
    position: absolute;
    right: -30px;
    top: 50%;
    font-size: 30px;
    color: #ecb731;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -149px -23px !important;
}

.flightDateCarousel .owl-next span,
.flightDateCarousel .owl-prev span,
.yellowArrowCarousel .owl-prev,
.yellowArrowCarousel .owl-next {
    font-size: 0;
}

.whiteInfoBox {
    width: 194px;
    padding-left: 30px;
    font-size: 11px;
    padding: 9px 9px 9px 30px;
    color: #5f5f5f;
    line-height: 13px;
    background: #FFF url(../images/info.png) no-repeat 7px center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
}

.smallTravelPath {
    font-size: 14px;
    color: #838383;
    font-weight: bold;
}

.smallTravelPath i {
    font-weight: normal;
}

.travelPath2 {
    position: relative;
}

.travelPath2::before {
    content: "";
    width: 30%;
    height: 2px;
    background: #c5c5c5;
    position: absolute;
    right: 105%;
    top: 11px;
}

span.travelPath1 {
    width: 45%;
    display: inline-block;
}

span.travelPath2.floatRight {
    width: 45%;
    display: inline-block;
}

.planeLoader figure {
    position: relative;
    width: 531px;
    margin: 0 auto;
}

.planeLoader figure img {
    width: 100%;
}

.planeLoader {
    text-align: center;
    padding: 30px 0 130px 0;
}

.pt-0 {
    padding-top: 0 !important;
}

.minimalBanner .rounded {
    margin-bottom: 0;
}

.planeLoader h3 {
    font-size: 35px;
    color: #178bbb;
    font-weight: bold;
}

.planeLoader h4 {
    font-size: 22px;
    margin-bottom: 35px;
    font-weight: normal;
    color: #272727;
}

.planeLoader figure .from,
.planeLoader figure .to {
    font-size: 15px;
    color: #5f5f5f;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.planeLoader figure .from.show,
.planeLoader figure .to.show {
    opacity: 1;
}

.planeLoader figure .from h4,
.planeLoader figure .to h4 {
    font-size: 26px;
    color: #178bbb;
    font-weight: bold;
    margin-bottom: 0;
}

.planeLoader figure .from h5,
.planeLoader figure .to h5 {
    font-size: 13px;
    font-weight: bold;
    color: #5f5f5f;
}

.planeLoader figure .from {
    position: absolute;
    left: -68px;
    top: 153px;
    text-align: right;
}

.planeLoader figure .to {
    position: absolute;
    right: -68px;
    top: 153px;
    text-align: left;
}

.multStop {
    /* overflow: hidden;  */
    position: absolute;
    top: 6px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #7e9099;
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
    /* 
position: absolute;
top: 5px;
text-align: center;
width: 100%;
font-size: 12px;
color: #7e9099; */
}

.multStop:nth-child(2) span {
    overflow: hidden !important;
}

.tripB>div {
    overflow: hidden !important;
}

.doted-img {
    /* content: "";
position: absolute; */
    background: transparent url(../images/dotted.jpg) no-repeat center center;
    left: 50%;
    top: 20px;
    width: 44px;
    height: 6px;
    margin-left: -22px;
    margin: auto;
}

.multStop::after {
    content: "";
    position: absolute;
    background: transparent url(../images/dotted.jpg) no-repeat center center;
    left: 50%;
    top: 20px;
    width: 44px;
    height: 6px;
    margin-left: -22px;
    display: none;
}

.mb-40 {
    margin-bottom: 40px;
}

.progressMiles {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ededed;
    height: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.innerProgress {
    padding: 20px 30px 15px 30px;
}

.progressMiles span {
    display: inline-block;
    height: 100%;
    background: transparent url(../images/gradient.jpg) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.innerProgress label {
    padding-top: 0;
    font-size: 20px;
    font-weight: bold;
    color: #272727;
}

.progressPoints {
    font-size: 18px;
    padding-bottom: 16px;
    text-align: center;
    color: #272727;
}

.progressTarget {
    color: #5f5f5f;
    font-weight: 300;
    text-align: center;
    padding-top: 16px;
}

.progressTarget strong {
    font-weight: bold;
}

.flightDetailsRecap h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 17px;
}

.flightDetailsRecap span {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}

.flightDetailsRecap .btn-primary span {
    font-size: 14px;
}

.flightDetailsRecap .btnEffect {
    width: 100%;
}

.printConfirmation a {
    text-decoration: underline;
    color: #1579a3;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    background: transparent url(../images/print.png) no-repeat left center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    padding-left: 26px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    text-decoration: underline;
}

.printConfirmation a:hover {
    color: #f2c031;
}


/*** ADDED DECMBER 7 **/


/*flightstatus*/

.headerinner {
    color: #fff;
}

.brdbtm3 {
    border-bottom: 3px solid #fff;
}

.searchInput {
    display: block;
    position: absolute;
    width: 19px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: 4px -2px;
    top: 14px;
    right: 10px;
}

.searchflgbrd {
    padding-right: 50px;
    border: none;
    background: transparent;
    border-bottom: 2px solid #e4e4e4;
    font-size: 20px;
    font-style: italic;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.searchflgbrd::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.searchflgbrd::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.searchflgbrd:-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.searchflgbrd:-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

.searchflgbrd:focus {
    border-color: #e4e4e4 !important;
}

.flgstau1 {
    background-color: #fff;
    display: table;
    width: 100%;
}

.listdot:before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 15px;
    width: 15px;
    margin-right: 10px;
    background-color: #fff;
    vertical-align: middle;
}

#flightstatusdiv li a,
#faqdiv li a {
    color: #cfcfcf;
    text-decoration: none;
}

#flightstatusdiv {
    border: none;
    padding: 10px;
}

#flightstatusdiv li {
    font-size: 25px;
    font-weight: bold;
    padding: 0 10px;
}

.flgactive a {
    color: #178bbb !important;
    border-bottom: 1px solid #178bbb;
}

.pd10 {
    padding: 10px;
}

.mrg0 {
    margin-bottom: 0 !important;
}

.emailInput {
    display: block;
    position: absolute;
    width: 35px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -35px -470px;
    top: 14px;
    right: 10px;
}

@media (max-width: 1200px) {
    .flgstau2,
    .trplann1 {
        width: 100%;
    }
}


/*faq*/

.bluebldclr {
    color: #178bbb;
    font-weight: bold;
}

.faq1 {
    -webkit-box-shadow: 3px 1px 10px 0px #f1f4f7;
    box-shadow: 3px 1px 10px 0px #f1f4f7;
}

.faq2 {
    background: #fff;
    padding: 5px 10px;
    color: #5f5f5f;
}

.faq2 .searchflgbrd {
    color: #9f9f9f;
    font-style: italic;
}

.faq3 {
    background: #f1f4f7;
    margin: auto;
    padding: 10px 25px;
}

.faq3 .searchInput {
    right: 30px;
    top: 25px;
    -webkit-background-size: 750px 750px;
    background-size: 750px 750px;
    background-position: -2px -2px;
}

.faqdiv {
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    position: relative;
}

.minussign {
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    background: url(../images/minusign.png) no-repeat;
    top: 25px;
    right: 17px;
}

.pd-r100 {
    padding-right: 100px;
}

#faqdiv li:not(:first-child) {
    padding: 0 20px;
}

#faqdiv .flgactive a {
    padding-bottom: 5px;
}

.pb-2 {
    padding-bottom: 2rem !important;
}

.faq4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.faq4 img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px;
    height: 90px;
    padding: 10px;
}

.clr2 {
    color: #d3195b;
    font-weight: bold;
}


/*trip planner*/

.sharessign {
    display: block;
    width: 35px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px;
    background-position: -138px -55px;
}

.inlneblck {
    display: inline-block;
}

.panelUser .passengerImage {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    background: #f4f4f4;
    left: 0;
    top: 9px;
    margin-right: 10px;
}

.pd-rght40 {
    padding-right: 40px;
}

.addplusyellow {
    float: right;
    margin-top: 10px;
}

.addplusyellow i {
    color: #f2c031;
}

.tripplane1Icon {
    display: table;
    border: 0;
    background: #FFF url(../images/plane1.png) no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    width: 27px;
    height: 19px;
}

.tripplane2Icon {
    display: table;
    border: 0;
    background: #FFF url(../images/plane2.png) no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    width: 27px;
    height: 19px;
    position: absolute;
    right: 0;
    top: -20px;
}

.posrel {
    position: relative;
}

.subscript {
    display: table;
    margin-top: -8px;
    margin-left: 15px;
}

.crossline {
    border: 1px solid #c5c5c5;
    width: 15vw;
}

.sendicon {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #f2c031;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    margin-left: 10px;
}

.sendicon i {
    color: #fff;
}

.p030 {
    padding: 0 30px;
}

.p015 {
    padding: 0 15px;
}

.trplann6 {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.triplefticon {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -153px -20px;
    top: 1.5rem;
    right: 2rem;
}

.trplann4 figure img {
    width: 100%;
    height: 200px;
}

.trplann4 figcaption {
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
}

.mrgtp0 {
    margin-top: 0;
}

.mrt10 {
    margin-top: 10px;
}

.posabsrgt {
    position: absolute;
    right: 0;
}

.bluebg {
    background: #178bbb;
    font-weight: bold;
}

.btnwhtadd {
    color: #fff;
    font-weight: bold;
}

.trplann7 {
    float: right;
    margin-top: 4px;
}

.trplann8 li:before {
    content: "•";
    color: #178bbb;
    font-size: 25px;
    margin-right: 10px;
}

.trplann8 li {
    position: relative;
}

.vl:before {
    content: "";
    border-left: 2px solid #dfdfdf;
    height: 32px;
    display: inline-table;
    position: absolute;
    top: 23px;
    left: 3px;
}

.pad15 {
    padding: 15px;
}

.pagination a {
    color: black;
    float: left;
    padding: 4px 12px;
    text-decoration: none;
}

.pagination .actvepage {
    background: #fff;
}

.trplann1 p {
    margin-bottom: 0;
}

.trplann1b hr {
    margin: 6px 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
}


/*passenger detail*/

.fullwdth {
    display: table;
    width: 100%;
}

.passdet1 span {
    float: right;
    position: inherit;
}

.mrgrgt5 {
    margin-right: 5px;
}

.progress-bar {
    background-color: lightgray;
    width: 80%;
    height: 16px;
    display: block;
    text-align: left !important;
    margin: auto;
}

.userSlider .progress-bar {
    -webkit-border-radius: 1.25em;
    border-radius: 1.25em;
}

.progress-value {
    color: #374850;
    font-size: 13px;
    display: inline-block;
}

.prghr {
    margin: auto;
    width: 90%;
    display: table;
}


/*hotel listing*/

.mrgtp150 {
    margin-top: 150px;
}

.whtclr {
    color: #fff;
}

.hotellisting1 .topselection li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.7);
}

.padbtm0 {
    padding-bottom: 0;
}

.hotellistingfig1 img {
    /*	    width: 13vh;*/
    height: calc(100% - 3em);
}

.hotellocation {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/destination.png) no-repeat;
    top: 1.5rem;
    right: 2rem;
}

.totalreview {
    -webkit-border-radius: 20px 20px;
    border-radius: 20px;
    border: solid 2px #009263;
    width: 12px;
    height: 12px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 2px;
}

.fullreview:before {
    content: "";
    display: table;
    position: relative;
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    background: #009263;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.specialbtn {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding-left: 34px;
}

.specialbtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.swing-fac-active bdo {
    width: 26px;
    background-position: -96px 0px;
}

.food-fac-active bdo {
    width: 26px;
    background-position: -100px -35px;
}

.wifi-fac-active bdo {
    width: 26px;
    background-position: -35px -85px;
}

.beverage-fac-active bdo {
    width: 26px;
    background-position: -35px -25px;
}

.hoteliconbook {
    position: absolute;
    right: 8px;
    top: 12px;
}

.progressdiv1 {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #178bbb;
}

.progressdiv1:after {
    content: "";
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #a8d3e5;
    position: absolute;
    top: 0;
    left: 0;
}

.progressdiv1>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progressdiv1 .progress1-left {
    left: 0;
}

.progressdiv1 .progress1-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progressdiv1 .progress1-left .progress1-bar {
    left: 100%;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progressdiv1 .progress1-right {
    right: 0;
}

.progressdiv1 .progress1-right .progress1-bar {
    left: -100%;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: loading-1 1.8s linear forwards;
    animation: loading-1 1.8s linear forwards;
}

.progressdiv1 .progress1-value {
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress1-left .progress1-bar {
    -webkit-animation: loading-3 1s linear forwards 1.8s;
    animation: loading-3 1s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

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

@media only screen and (max-width: 990px) {
    .progressdiv1 {
        margin-bottom: 20px;
    }
}

.padbtm0 {
    padding-bottom: 0;
}

.fullstar {
    background: url(../images/star.png) no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center;
}

.emptystar {
    background: url(../images/emptystar.png) no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center;
}

.hotelstardiv h4,
.hotelstardiv>div {
    display: inline-table;
}

.hotelstar span {
    display: inline-table;
}


/*

.form-check span
{
color: #5f5f5f;
}
*/

.freecancelldiv span {
    color: #178bbb;
}

.padbtm30 {
    padding-bottom: 30px;
}

.hotellisting2 ul li {
    width: auto;
    color: #178bbb;
}

.hotellisting2 ul li select {
    background-color: transparent;
    border: 0;
}

.ratingstar {
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    background: url(../images/star.png) no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.destinationratingIcon {
    background: #FFF url(../images/destination.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: bottom;
}

.exclaminationicon {
    background: #FFF url(../images/tooltip.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: middle;
}

.specialbtn2 {
    font-weight: bold;
    color: #5f5f5f !important;
    border-color: #efefef;
    background-color: #efefef;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 3px 15px;
}

.specialbtn2:hover {
    background: #f2c031 !important;
    color: #FFF !important;
    border-color: #f2c031;
}

.hotellisting3 {
    vertical-align: top;
}

.smallhotellist1 {
    display: table;
    margin: -5px auto;
}

.hotellistbtnspecial {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding: 4px 12px 4px 30px;
}

.hotellistbtnspecial bdo {
    display: inline-block;
    width: 23px;
    height: 18px;
    background-position: 0 0;
    position: absolute;
    left: 0px;
    top: 5px;
    background: url(../images/lightbulb.png) no-repeat;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    background-position: 5px center;
}

.hotelmilesBtn {
    background: #d3195b;
    font-weight: bold;
    color: #FFF !important;
    border-color: #d3195b;
    position: relative;
    display: table;
    margin-top: 5px;
    padding: 4px 15px;
}

.mrgtp10 {
    margin-top: 10px;
}

.hotellisting4 .food-fac-active bdo {
    background-position: -99px -31px;
}

.mrgauto {
    margin: auto;
}

.smallhotellist2 {
    display: table;
    margin: -5px 0;
}

.hotellisting5 {
    height: 39px;
    line-height: 41px;
    width: 100%;
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.hotellisting6 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.borderedLeft {
    border-left: 1px solid #dbdbdb;
    padding-left: 10px;
}

.hotellisting7 {
    padding-bottom: 0;
    padding-right: 10px;
}

.hoteliconbook2 {
    position: absolute;
    right: 8px;
    top: 18px;
}

.hotellisting8 li {
    text-align: center;
}


/*
.hotellisting8 .active
{
background: #1579a3;
color: #fff;
}
*/

.hotelmilesspanicon {
    padding: 0 10px !important;
    width: 100%;
    text-align: left;
}

.hotelmilesspanicon i {
    position: absolute;
    right: 10px;
    top: 18px;
}

.hoteldetail1 img {
    width: 100%;
}

@media (min-width: 768px) {
    .hoteldetail2 .row>div {
        padding-right: 0;
    }
}

.hotellisting8 li a {
    display: block;
    color: #5f5f5f;
    cursor: pointer;
    background-color: #FFF !important;
    border-color: #FFF !important;
}

.hotellisting8 li a.btn-primary.active {
    color: #fff;
    background-color: #1579a3 !important;
    border-color: #1579a3 !important;
}

.hotellisting8 li a.btn-primary.active:hover {
    background-color: #f2c031 !important;
    border-color: #f2c031 !important;
    color: #FFF !important;
}

.hotellisting8 li a:hover {
    border-color: #FFF !important;
    color: #f2c031 !important;
}

.largeReview .totalreview {
    width: 16px;
    height: 16px;
}

.largeReview .fullreview:before {
    width: 8px;
    height: 8px;
}

.tripAdvisorPanel small {
    line-height: 10px;
    font-size: 11px;
    line-height: 13px !important;
    font-size: 11px;
    display: block;
}

.tripAdvisorPanel small strong {
    text-decoration: underline;
}

.tripAdvisorPanel small a {
    color: inherit;
}

.hotelstardiv h4 {
    margin-bottom: 0;
}

.hotellisting2 label {
    font-size: 18px;
    color: #5f5f5f;
    margin-bottom: 0;
}

.tripAdvisorPanel .totalreview {
    margin-right: 0;
}

.hotellistingImageHolder {
    width: 160px;
    margin-right: 15px;
}

.hotellistingImageHolder img {
    width: 100%;
}

.roomsLeft {
    font-size: 12px;
}

.hotelListingCard {
    overflow: hidden;
}

.hotellisting3 .dsptble {
    font-size: 0;
    text-align: center;
    margin-bottom: 6px;
}

.smallhotellist1 {
    margin-bottom: 5px;
}


/*
.hotellisting3 figure.dsptble{
margin-bottom: 12px;
}
*/

.progressDivPercentage {
    margin-bottom: 16px;
}

.progressDivPrice {
    font-size: 26px;
}

.progressDivPrice span {
    font-size: 13px;
}

.hotellisting2 .input-group {
    display: inline-block;
    width: auto;
    margin: 0 !important;
    border-bottom: none !important;
}

.hotellisting2 .input-group.blueArrowSelect .custom-select {
    border-bottom: none;
    font-weight: normal;
    font-size: 16px;
    padding-right: 22px;
    color: #178bbb;
}

.freeBreakfastBanner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.freeBreakfastBanner h3 {
    font-size: 20px;
    font-weight: bold;
    color: #178bbb;
    margin-bottom: 0;
}

.freeBreakfastBanner p {
    color: #8b8b8b;
    font-size: 16px;
}

.blueclr,
.btn.blueclr {
    color: #1579a3;
}

.panelSmallestTitle {
    font-size: 13px;
    font-weight: bold;
}

.safriyatMilesNb {
    font-size: 18px;
    color: #178bbb;
}

.panelSmallestTitle span {
    margin-bottom: 8px;
    display: block;
    line-height: 17px;
}

.hotelmilesspanicon {
    background: transparent url(../images/dot.png) no-repeat 88% center;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.smallBlueTabs {
    border-bottom: none;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.smallBlueTabs a {
    font-size: 22px;
    font-weight: bold;
    color: #b1b1b1;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    display: inline-block;
}

.transparentPanel .smallBlueTabs li a {
    border-color: #f4f4f4;
}

.smallBlueTabs li a.active,
.smallBlueTabs li:hover a {
    color: #178bbb;
}

.smallBlueTabs li {
    /*    margin-right: 40px;*/
    line-height: 18px;
}

.smallBlueTabs li a.active,
.smallBlueTabs li:hover a {
    border-bottom: 2px solid #178bbb;
}

.smallBlueTabs li:last-child {
    margin-right: 0;
}

.socialBtn {
    width: 100%;
}

.fbBtn {
    background: #475993;
    border-color: #475993 !important;
}

.fbBtn:hover {
    background: #304075;
    border-color: #475993 !important;
}

.googleBtn {
    background: #dd4b39;
    border-color: #dd4b39 !important;
}

.googleBtn:hover {
    background: #b43928;
    border-color: #dd4b39 !important;
}

.centerText {
    text-align: center;
}

.userLoginPanel {
    font-size: 20px;
    color: #2f2f2f;
}

.userLoginPanel .input-group input {
    font-size: 16px;
}

.userLoginPanel .btnEffect {
    width: 100%;
}

.bigIconsList figure {
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 20px;
}

.bigIconsList figure img {
    width: 100%;
}

.bigIconsList h5 {
    font-size: 20px;
    font-weight: bold;
    color: #272727;
}

.bigIconsList .media-body {
    font-size: 15px;
}

.userPanels {
    padding-bottom: 120px;
}

.minHeightBanner {
    min-height: 375px;
}

.minHeightBanner header {
    margin-bottom: 0;
}

.userInfoPanel {
    padding-top: 90px;
    position: relative;
    overflow: visible;
    top: -75px;
    text-align: center;
}

.userProfileImage {
    width: 137px;
    height: 137px;
    background: #f1f4f7;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 4px solid #f1f4f7;
    overflow: hidden;
    position: absolute;
    top: -70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.userProfileImage img {
    width: 100%;
}

.userName {
    font-size: 24px;
    color: #178bbb;
    font-weight: bold;
    margin-bottom: 10px;
}

.userContact {
    font-size: 16px;
    color: #5f5f5f;
    margin-bottom: 40px;
}

.userContact a {
    color: inherit;
}

.userContact a:hover {
    text-decoration: underline;
}

.smallUserMap {
    width: 290px;
    margin: 0 auto;
    position: relative;
}

.smallUserMap img {
    width: 100%;
}

.countriedVisited li {
    position: absolute;
}

.countriedVisited span {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #f2c031;
    display: block;
    cursor: pointer;
}

.countriedVisited .tooltip {
    background: #f1f4f7;
    color: #5b5b5b;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    left: -12px;
    top: 10px;
    display: none;
}

.countriedVisited li:hover .tooltip {
    display: block;
}

.userSlider .item>span {
    font-size: 16px;
    color: #272727;
    margin-bottom: 25px;
    display: block;
}

.userSlider.yellowArrowCarousel .owl-prev {
    left: 0;
}

.userSlider.yellowArrowCarousel .owl-next {
    right: 0;
}

.flexTabs a {
    font-size: 17px;
}

.transparentPanel {
    background: transparent;
}

.flexColumns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
}

.flexColumns [class^="col-md-"] {
    width: auto !important;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
    max-width: auto;
}

.minWidthCols [class^="col-md-"] {
    min-width: 80px;
}

.blueTranspBtn {
    background: transparent !important;
    border-color: #178bbb !important;
    color: #178bbb !important;
}

.blueTranspBtn:hover {
    background: #178bbb !important;
    color: #FFF !important;
    border-color: #178bbb !important;
}

.AddNewPassenger {
    padding: 18px 0;
}

.alignLeft {
    text-align: left !important;
}

.AddNewPassenger .btn {
    padding-left: 15px;
}

.flexColumns input[type="text"] {
    width: 56px;
}

.displayBlock {
    display: block;
}

.overflowVisible {
    overflow: visible;
}

.cardDropdown .btn {
    background: #FFF !important;
    border: none;
    padding-top: 0;
}

.cardSelect.cardDropdown .input-group-prepend {
    vertical-align: top;
    line-height: 0;
}

.listToolbar {
    margin-bottom: 10px;
}

.listToolbar h4 {
    font-size: 24px;
    font-weight: bold;
    color: #374851;
    padding-top: 15px;
}

.sortDiv label {
    display: inline-block;
    font-size: 16px;
    color: #2f2f2f;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
}

.sortDiv .dk-select-options .dk-option {
    background-color: #fff;
    color: #374851;
    padding: 5px;
}

.sortDiv .dk-select-options .dk-option-highlight {
    background-color: #374851;
    color: #fff;
}

.sortDiv .input-group {
    display: inline-block;
    width: auto;
    margin: 0 !important;
}

.sortDiv .dk-select-open-down .dk-select-options {
    padding: 0;
    border: 1px solid #374851;
}

.sortDiv .custom-select {
    font-size: 16px;
    color: #178bbb;
    border-bottom: none;
    width: 116px;
}

.sortDiv .blueArrowSelect .custom-select {
    /* background: #374850 url(../images/sorticon.png) no-repeat calc(100% - 14px) 8px; */
    background-color: #374850;
    font-size: 12px!important;
    color: #ffffff;
    -webkit-background-size: 11px auto;
    background-size: 12px auto;
    height: 30px;
    padding-right: 35px;
    -webkit-border-radius: .25rem !important;
    border-radius: .25rem !important;
}

.myBookingItem .plane1 {
    background: #FFF url(../images/plane1.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.myBookingItem .plane2 {
    background: #FFF url(../images/plane2.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.tripFrom {
    width: 105px;
    font-size: 13px;
}

.myBookingItem .country {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.myBookingItem .tripA,
.myBookingItem .tripC {
    width: auto;
}

.myBookingItem .tripB {
    width: 200px;
}

.myBookingItem .time {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

.myBookingItem .tripVisual .tripLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.myBookingItem .tripVisual {
    padding-bottom: 0;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.rebookFlight .btn span {
    background: transparent url(../images/rebook.png) no-repeat 15px center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    padding-left: 38px;
}

.rebookFlight a::before {
    background: transparent url(../images/rebook.png) no-repeat 15px center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    padding-left: 38px;
    height: 48px;
    padding-left: 38px;
}

.myBookingItem .tripVisual {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.myBookingItem {
    background: #FFF url(../images/right-yellow-arrow.png) no-repeat 98% center;
    padding-right: 40px;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    color: #5f5f5f;
    position: relative;
}

.myBookingItem:not(.hotelBookingItem) {
    padding-left: 48px;
}

.rebookFlight {
    margin-top: 9px;
}

.myBookingItem .sharessign {
    position: absolute;
    left: 0;
    top: 7px;
}

.myBookingsList li {
    margin-bottom: 11px;
}

.hotelBookingItem .hotelImage {
    width: 120px;
    height: 100px;
    margin-right: 17px;
    color: #5f5f5f;
    object-fit: cover;
}

.hotelBookingItem .media span {
    font-size: 12px;
    font-weight: 500;
    color: #5f5f5f;
}

.hotelBookingItem h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #5f5f5f;
}

.hotelLocation {
    font-size: 14px;
    padding-left: 15px;
    background: transparent url(../images/map-pin.png) no-repeat left center;
    -webkit-background-size: 10px auto;
    background-size: 10px auto;
    cursor: pointer;
}

.hotelLocation-rtl {
    font-size: 14px;
    padding-right: 15px;
    background: transparent url(../images/map-pin.png) no-repeat right center;
    -webkit-background-size: 10px auto;
    background-size: 10px auto;
    cursor: pointer;
}

.hotelBookingRight {
    text-align: right;
}

.hotelBookingRight .btnEffect {
    float: none;
    display: block;
}

.hotelBookingItem .sharessign {
    position: static;
    display: inline-block;
}

.yesNoRange .slider {
    width: 33px;
}

.yesNoRange label {
    margin-right: 12px;
}

.yesNoRange .slider-handle {
    background: #178bbb !important;
    top: 1px;
}

.yesNoRange .slider.slider-horizontal .slider-track {
    height: 5px;
}

.watchListItem {
    padding: 0;
    padding-left: 0 !important;
}

.watchListItem .tripFrom {
    width: auto;
}

.lightBlueBoxArea,
.watchListItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lightBlueBoxArea {
    background: #f1f4f7;
    font-size: 12px;
    padding: 30px 10px !important;
    line-height: 30px;
}

.watchListItem .tripB {
    width: 85px;
}

.watchListItem .whiteBoxArea {
    padding-left: 35px !important;
}

.mr-20 {
    margin-right: 20px;
}

.watchListItem {
    background: #FFF !important;
}

.yellowBoxArea {
    width: 184px;
}

.yellowBoxArea .watchBookingBtn {
    width: 100%;
    height: 100%;
}

.yellowBoxArea .watchBookingBtn .btn {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
    padding-left: 20px;
    line-height: 21px;
    padding-top: 37px;
    background-image: url(../images/eye.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
}

.yellowBoxArea .watchBookingBtn .btn span {
    font-size: 13px;
    font-weight: normal;
}

.yellowBoxArea .watchBookingBtn .btn h4 {
    font-size: 20px;
    font-weight: bold;
}

.watchListItem .tripC {
    padding-left: 20px;
}

.lightBlueBoxArea h4 {
    font-size: 20px;
}

.threeDots {
    position: absolute;
    left: 7px;
    top: 10px;
    height: 16px;
    cursor: pointer;
}

.threeDots span,
.threeDots span::before,
.threeDots span::after {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ecb731;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-bottom: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.threeDots span::before,
.threeDots span::after {
    content: "";
    position: absolute;
    top: 6px;
}

.threeDots span::after {
    top: 12px;
}

.watchListForm .squareCheckbox label {
    color: #178bbb;
    font-weight: normal;
}

.watchListForm .checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    color: #178bbb;
}

.mrgtp150 {
    margin-top: 150px;
}

.whtclr {
    color: #fff;
}

.hotellisting1 .topselection li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.7);
}

.padbtm0 {
    padding-bottom: 0;
}


/*
.hotellistingfig1 img
{
width: 13vh;
height: calc(100% - 3em);
}
*/

.hotellocation {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/destination.png) no-repeat;
    top: 1.5rem;
    right: 2rem;
}

.totalreview {
    -webkit-border-radius: 20px 20px;
    border-radius: 20px;
    border: solid 2px #009263;
    width: 12px;
    height: 12px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 2px;
}

.fullreview:before {
    content: "";
    display: table;
    position: relative;
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    background: #009263;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.specialbtn {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding-left: 34px;
}

.specialbtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.swing-fac-active bdo {
    width: 26px;
    background-position: -96px 0px;
}

.food-fac-active bdo {
    width: 26px;
    background-position: -100px -35px;
}

.wifi-fac-active bdo {
    width: 26px;
    background-position: -35px -85px;
}

.beverage-fac-active bdo {
    width: 26px;
    background-position: -35px -25px;
}

.hoteliconbook {
    position: absolute;
    right: 8px;
    top: 12px;
}

.progressdiv1 {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #178bbb;
}

.progressdiv1:after {
    content: "";
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #a8d3e5;
    position: absolute;
    top: 0;
    left: 0;
}

.progressdiv1>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progressdiv1 .progress1-left {
    left: 0;
}

.progressdiv1 .progress1-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progressdiv1 .progress1-left .progress1-bar {
    left: 100%;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progressdiv1 .progress1-right {
    right: 0;
}

.progressdiv1 .progress1-right .progress1-bar {
    left: -100%;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: loading-1 1.8s linear forwards;
    animation: loading-1 1.8s linear forwards;
}

.progressdiv1 .progress1-value {
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress1-left .progress1-bar {
    -webkit-animation: loading-3 1s linear forwards 1.8s;
    animation: loading-3 1s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

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

@media only screen and (max-width: 990px) {
    .progressdiv1 {
        margin-bottom: 20px;
    }
}

.padbtm0 {
    padding-bottom: 0;
}

.fullstar {
    background: url(../images/star.png) no-repeat;
    width: 25px;
    height: 27px;
    vertical-align: middle;
}

.emptystar {
    background: url(../images/emptystar.png) no-repeat;
    width: 25px;
    height: 27px;
    vertical-align: middle;
}

.hotelstardiv h4,
.hotelstardiv>div {
    display: inline-table;
}

.hotelstar span {
    display: inline-table;
}


/*
.form-check span
{
color: #5f5f5f;
}
*/

.freecancelldiv span {
    color: #178bbb;
}

.padbtm30 {
    padding-bottom: 30px;
}

.hotellisting2 label {
    display: table;
    margin-bottom: 0;
}

.hotellisting1 .dropdown-toggle::after {
    position: absolute;
    top: 16px;
    right: 10px;
}

.ratingstar {
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    background: url(../images/star.png) no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.destinationratingIcon {
    background: url(../images/destination.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: bottom;
}

.exclaminationicon {
    background: url(../images/tooltip.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: middle;
}

.specialbtn2 {
    font-weight: bold;
    color: #000 !important;
    border-color: #efefef;
    background-color: #efefef;
    display: table;
    margin-top: -5px;
    margin-bottom: 10px;
}

.hotellisting3 {
    vertical-align: top;
}

.smallhotellist1 {
    display: table;
    margin: -5px auto;
}

.hotellistbtnspecial {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding: 4px 5px 4px 20px;
}

.hotellistbtnspecial bdo {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    position: absolute;
    left: 0px;
    top: 5px;
    background: url(../images/sun2.png) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}


/*
.hotelmilesBtn{
background: #d3195b;
font-weight: bold;
color: #FFF !important;
border-color: #d3195b;
position: relative;
display: block !important;
margin-top: 5px;
padding: 1px 10px 1px 33px;
}
*/

.mrgtp10 {
    margin-top: 10px;
}

.hotellisting4 .food-fac-active bdo {
    background-position: -99px -31px;
}

.mrgauto {
    margin: auto;
}

.smallhotellist2 {
    display: table;
    margin: -5px 0;
}

.hotellisting5 {
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.hotellisting6 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.borderedLeft {
    border-left: 1px solid #dbdbdb;
    padding-left: 10px;
}

.hotellisting7 {
    padding-bottom: 0;
    padding-right: 10px;
}

.hoteliconbook2 {
    position: absolute;
    right: 8px;
    top: 18px;
}

.hotellisting8 li {
    text-align: center;
    color: #5f5f5f;
    padding: 10px;
}

.hotellisting8 .active {
    background: #1579a3;
    color: #fff;
}

.hotelmilesspanicon {
    padding: 0 10px !important;
    width: 100%;
    text-align: left;
}

.hotelmilesspanicon i {
    position: absolute;
    right: 10px;
    top: 18px;
}

.hoteldetail1 img {
    width: 100%;
}


/*
.hoteldetail3 .row > div img
{
height: 100px;
border-radius: 4px;
}
*/

@media (min-width: 768px) {
    .hoteldetail3 .row>div {
        padding-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .payment-img {
        padding: 0px !important;
    }
}

.lasthotelfigure figcaption {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 6vh;
    left: 0;
    right: 0;
    text-align: center;
}

.hoteldetail4 {
    position: absolute;
    top: 15px;
    right: 15px;
}

.yellowdropdown {
    display: inline-table;
    width: 133px;
    height: 30px;
    border: none;
    border-bottom: 2px solid #e3e3e3;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent url(../images/yellowdropdown.png) no-repeat 95% center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    font-weight: bold;
    color: #5f5f5f;
    font-size: 18px;
    padding: 0 10px;
}

.vertmiddle {
    vertical-align: middle;
}

.verttop {
    vertical-align: top;
}

.vertbtm {
    vertical-align: bottom;
}

.passengerIcon {
    background: url(../images/passenger2.png) no-repeat;
    -webkit-background-size: 35px 35px;
    background-size: 35px 35px;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    vertical-align: bottom;
    margin-top: 20px;
}

.bg3 {
    background: #f1f4f7;
}

.w200 {
    width: 200px;
}


/*
.hoteldetail5 .totalreview {
width: 15px;
height: 15px;
margin-right: 3px;
}
*/


/*
.hoteldetail5 .fullreview:before {
top: 3px;
left: 3px;
}
*/

.hoteldetail5 img {
    height: 30px;
    margin-top: 7px;
}

.hoteldetail6 .facilitiesIcons bdo {
    /*	    background-color: #fff;*/
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 18px;
}

.hoteldetail6 .facilitiesIcons li {
    opacity: 1;
    width: 70px;
    text-align: center;
    font-weight: bold;
}

.hoteldetail6 .facilitiesIcons li.restaurant-fac bdo {
    background-position: -95px -27px;
}

.hoteldetail6 .facilitiesIcons li.beverage-fac bdo {
    background-position: -32px -19px;
}

.hoteldetail6 .facilitiesIcons li.wifi-fac bdo {
    background-position: -30px -82px;
}

.hoteldetail6 .facilitiesIcons li.pool-fac bdo {
    background: #fff url(../images/pool.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.laundry-fac bdo {
    background: #fff url(../images/laundary.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.parking-fac bdo {
    background: #fff url(../images/parking.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.gaming-fac bdo {
    background: #fff url(../images/games.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.tv-fac bdo {
    background: #fff url(../images/tv.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.userIcon {
    background: url(../images/passenger2.png) no-repeat;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: bottom;
}

.rightposalign {
    position: absolute;
    right: 15px;
}

.hoteldetail7,
.hoteldetail7 .btn {
    color: #d3195b;
    border: 1px solid #d3195b;
    background-color: transparent;
}

.mrglft10 {
    margin-left: 10px;
}

.hotelreviewdiv {
    background: #f1f4f7;
}

.padbtm10 {
    padding-bottom: 10px;
}

.boxshadow1 {
    -webkit-box-shadow: 0px 2px 20px 4px #dedede;
    box-shadow: 0px 2px 20px 4px #dedede;
}

.kingbed {
    background: url(../images/kingbed.png) no-repeat;
    display: inline-table;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    margin-right: 1px;
}

.hoteldetail8 a {
    /*	display: table;*/
    margin-bottom: 10px;
}

.hoteldetail8 img {
    width: 100%;
    height: 100px;
}

.hoteldetailinput {
    width: 50px;
    background-color: #f4f4f4;
    border: none;
    padding: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.hoteldetailtable1 small {
    display: table;
}

.btnhoteldetail1 {
    background: #1579a3;
    color: #fff !important;
    margin-left: 10px;
    width: 109px;
    float: right;
    padding: 10px;
    line-height: 2;
}

.btnhoteldetail2 {
    float: right;
}

.w155 {
    width: 130px;
}

.hoteldetail9 li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.hoteldetail9 span {
    float: right;
    font-weight: bold;
}

.mrgb10 {
    margin-bottom: 10px !important;
}

.blackbg {
    background: #000;
}

.watchlisticon bdo {
    width: 26px;
    background-position: -35px -85px;
}

.blackTitle {
    font-size: 60px;
    color: #000;
    font-weight: normal;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    display: table;
}

.hoteldetail10 .hotelItem img {
    height: 250px;
}

.hoteldetail10 .dropdown-toggle {
    background: #f4f4f4 !important;
}

.hoteldetail10 .hotelCarousel .owl-nav {
    top: -65px;
}

.hoteldetail8 .hoteldetailtable1 thead th {
    vertical-align: middle;
    border: 0;
    text-align: center;
}

.adulticon1 {
    background: url(../images/adulticon.png) no-repeat;
    display: inline-table;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    margin-right: 1px;
}

.childrenicon1 {
    background: url(../images/children.png) no-repeat;
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.minw100 {
    min-width: 100px;
}

.hoteldetail8 table .specialbtn2 {
    margin-top: 10px;
    display: block;
    padding: 5px;
}

.gaptablecell tbody tr td {
    padding-bottom: 160px;
}

.hoteldetail8 .col-md-3 bdo {
    margin-right: 5px;
    vertical-align: middle;
}

.filtericon {
    position: absolute;
    right: 0;
    top: 12px;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/filtericon.png) no-repeat;
}

.posrelat {
    position: relative;
}

.filterlistchkbox label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #178bbb;
    font-weight: bold;
}


/* Hide the browser's default radio button */

.filterlistchkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.filterlistchkbox label:hover input~.checkmark {
    background-color: #ccc;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.filterlistchkbox label input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.filterlistchkbox label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d3195b;
}

.hotelmap1 iframe {
    width: 100%;
}


/*
.input-group > div:first-child
{
display: none;
}
*/

.hotelmap2 .panel>div {
    position: relative;
    padding: 0;
}

.maprighticon {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #ecb731;
}

.hotelmap1 {
    position: absolute;
    top: 0;
    width: 90%;
    right: 0;
}

.hotelmap2 {
    position: absolute;
    top: 37px;
    z-index: 1000;
}

.minh500 {
    min-height: 500px;
}

.hotelmap3 {
    position: absolute;
    top: 37px;
    right: 10px;
}

.hotellisting2 ul li {
    width: auto;
    color: #178bbb;
}

.hotelmap2 {
    width: 267px;
}

.hotelmap2 .rangeSlider {
    width: 187px;
}

.hotelmap2 .card-header {
    background: transparent;
    border: none;
    padding: 0;
}

.hotelmap2 .btn {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 17px;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    padding-bottom: 0;
    margin: 0;
}

.hotelmap2 .card {
    border: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.hotelmap2 .fa-plus:before {
    content: "\f068";
}

.hotelmap2 .collapsed .fa-plus:before {
    content: "\f067";
}

.hotelmap2 #accordion .card:last-child {
    border-bottom: none;
}

.hoteldetail1 figure img {
    width: 100%;
}

.hoteldetail3 figure {
    height: 100px;
    overflow: hidden;
}

.hoteldetail3 figure a:hover,
.hoteldetail2 a:hover {
    opacity: 0.7;
}

.hoteldetail2 {
    overflow: hidden;
}

.hoteldetail2 img {
    width: auto;
}

.noBorderDropdown {
    border-bottom: none !important;
    font-size: 13px;
}

.fs-13 {
    font-size: 13px;
}

.hotellisting3 figure.dsptble {
    margin-bottom: 0;
}

.hoteldetail6 .facilitiesIcons li {
    position: relative;
}

.hoteldetail6 .facilitiesIcons li bdo {
    position: relative;
    z-index: 2;
}

.hoteldetail6 .facilitiesIcons li::after {
    content: "";
    height: 50px;
    width: 50px;
    background: #FFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    display: block;
    position: absolute;
    left: 9px;
    top: -7px;
    z-index: 1;
}

.hoteldetail6 .panelTitle {
    vertical-align: top !important;
    padding-top: 11px;
}

.hoteldetail6 .verttop {
    font-size: 14px;
    font-weight: bold;
}

.smallRedBtn {
    height: 26px;
    line-height: 26px;
    padding: 0 23px;
    color: #d3195b;
    font-size: 13px;
    font-weight: bold;
    background: transparent;
    display: inline-block;
    border-color: #d3195b !important;
}

.smallRedBtn:hover {
    background: #d3195b !important;
    border-color: #d3195b !important;
}

.hotelreviewdiv p {
    font-size: 12px;
}

.mb-20 {
    margin-bottom: 20px;
}

.dspflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.noticePanel {
    font-size: 13px;
}

p.mb-10 {
    display: block;
    margin-bottom: 10px !important;
}

.viewByTabs .filterlistchkbox label .checkmark:after {
    top: 5px;
    left: 5px;
}

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

.viewByTabs .filterlistchkbox label {
    margin-right: 15px;
    padding-left: 30px;
}

.hoteldetail8 h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.hoteldetail8 .col-md-3 {
    background: #f1f4f7;
}

.hoteldetail8 .hoteldetailtable1 {
    font-size: 14px;
    font-weight: normal;
}

.hoteldetail8 .hoteldetailtable1 th {
    font-weight: normal;
}

.hoteldetail8 .hoteldetailtable1 tr th:first-child {
    text-align: left;
}

.hoteldetail8 .table-responsive,
.hoteldetail8 .panel {
    overflow: visible;
}

.hoteldetailtable1 .hotelDetailRow {
    margin-bottom: 13px;
    background: #FFF;
    -webkit-transform: translateX(-33px);
    -ms-transform: translateX(-33px);
    transform: translateX(-33px);
    position: relative;
}


/*

.hoteldetail8 .hoteldetailtable1 tr.shadow{
border:4px solid #fff;
overflow: hidden
}

*/


/*
.hotelDetailRow{
border: 2px solid #fff
}

.hotelDetailRow:hover,.hotelDetailRow.selected{
border: 2px solid #ecb731
}
*/

.hotelDetailRow {
    position: relative;
}

.hoteldetail8 .hotelDetailRow::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border: 2px solid #ecb731;
    opacity: 0;
    z-index: -1;
}

.hoteldetail8 .hoteldetailtable1 .hotelDetailRow:hover::before,
.hoteldetail8 .hoteldetailtable1 .hotelDetailRow.selected::before {
    opacity: 1;
}

.hoteldetail8 .hoteldetailtable1 tr td {
    border: none;
}

.hoteldetail8 .hoteldetailtable1 tr.shadow td {
    border-right: 1px solid #dee2e6;
}

.hoteldetail8 .hoteldetailtable1 tr.shadow td:last-child {
    border-right: none;
}

.btnhoteldetail1 {
    line-height: 12px;
    height: 31px;
}

.hoteldetail8 .col-md-9>.p-3 {
    padding-left: 0px !important;
}

.hoteldetailtable1 .custom-select {
    font-size: 15px;
    font-weight: normal;
    border-bottom: none;
}

.hoteldetailtable1 .blueArrowSelect .custom-select {
    background: transparent url(../images/blue-arrow-down.png) no-repeat 85% center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
}

.hoteldetailtable1 {
    color: #5f5f5f;
}

.blueText {
    color: #178bbb;
}

.fullTextarea {
    max-height: 190px;
    min-height: 190px;
    min-width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-style: italic;
    border: none;
    color: #b4b4b4;
    border-bottom: 1px solid #e4e4e4;
}

.arrivalTime .blueArrowSelect {
    display: inline-block;
    width: 206px;
    margin-left: 20px;
}

.rightAlignedTabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.rightAlignedTabs li {
    margin-left: 28px;
}

.faqTabs label {
    font-style: italic;
    margin-bottom: 0;
}

.faqTabs .smallBlueTabs {
    margin-bottom: 0;
}

.faqTabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.faqTabs .smallBlueTabs a {
    border-bottom: 1px solid #f4f4f4;
}

.blueAccordion .card-header {
    padding: 0;
    background: none;
    border: none;
}

.blueAccordion .card-header button {
    font-weight: bold;
    color: #178bbb;
    font-size: 18px;
    width: 100%;
    text-align: left;
    text-decoration: none !important;
    padding: 0;
}

.blueAccordion .card-body {
    padding: 0;
    font-size: 15px;
}

.blueAccordion .maprighticon {
    right: 18px;
    top: 20px;
    color: #178bbb;
}

.blueAccordion .fa-plus:before {
    content: "\f068";
}

.blueAccordion .collapsed .fa-plus:before {
    content: "\f067";
}

.searchflgbrd .searchInput {
    top: 24px;
}

.hotelDetailBigImage img {
    width: 100%;
}

.hotelDetailRow .blueArrowSelect {
    width: 65px;
}

.hoteldetailtable1 .firstCol {
    width: 187px;
}

.hoteldetailtable1 th.firstCol {
    width: 128px;
}

.hoteldetailtable1 th.col3 {
    /* text-align: left !important; */
    width: 125px;
}

.hoteldetailtable1 .blueclr {
    min-width: 81px;
}

.hoteldetailtable1 th.col2 {
    /* text-align: left; */
    min-width: 13px;
    width: 92px;
}

.hoteldetailtable1 .col4 {
    /* text-align: left !important; */
    padding-left: 0;
}

.tripPlannerList .moodItem {
    width: 100%;
}

.userSafriyatMiles {
    background: #f1f4f7;
}

.userSafriyatMiles span {
    font-size: 16px;
}

.userSafriyatMiles {
    color: #272727;
}

.userSafriyatMiles h3 {
    font-size: 24px;
    font-weight: bold;
}

.userSafriyatMiles h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.userSafriyatMiles .progressNew svg:nth-child(2) path {
    opacity: 1;
}

.userMilePie {
    width: 290px;
    position: relative;
}

.userMilePie .progressNew>li:after,
.userMilePie .progressNew>li:before {
    left: 107%;
    text-align: left;
}

.userMilePie .progressNew>li:after {
    font-size: 25px;
}

.userMilePie .progressNew>li:before {
    font-size: 16px;
}

.userMilePie .progressNew {
    text-align: left;
}

.progressNew svg:nth-child(2) path {
    opacity: 1;
    stroke: #374850;
    stroke-width: 19px;
}

.userMilePie h4 {
    font-size: 15px;
    position: absolute;
    left: 23px;
    top: 68px;
    text-align: center;
}

.userMilePanels .panel,
.userMilesHolder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.userMilePanels {
    width: 440px;
    margin-left: 20px;
    color: #5f5f5f;
}

.userMilePanels .panel {
    width: 100%;
    height: 82px;
    color: #5f5f5f;
}

.userMilePanels label {
    font-size: 14px;
}

.userMilePanels h3 {
    font-size: 18px;
    font-weight: bold;
}

.userMilePanels .panel>div {
    margin-right: 50px;
}

.addMiles {
    border: 2px solid #178bbb;
    height: 47px;
    line-height: 47px;
    padding-left: 15px;
}

.addMiles a {
    text-align: left;
}

.addMiles a:hover {
    background: #178bbb;
    color: #FFF;
}

.normalUserSideTabs label {
    margin: 0;
}

.whoAreYouBooking.normalUserSideTabs .tab-content {
    width: 570px;
}

.flightStatusTable {
    background: #f1f4f7;
}

.pb-100 {
    padding-bottom: 100px;
}

.flightStatusTable table {
    margin: 0;
}

.socialFooter label {
    margin-right: 8px;
    font-weight: 700;
}

.socialFooter li {
    margin-right: 8px;
}

.tripLine .time,
.tripLine .country {
    color: #374850;
}

.tripLine .tripA .sprite {
    background: transparent url(../images/departure.svg) no-repeat center center !important;
    -webkit-background-size: 19px auto !important;
    background-size: 19px auto !important;
}

.tripLine .tripC .sprite {
    background: transparent url(../images/arrival.svg) no-repeat right !important;
    width: 100% !important;
    -webkit-background-size: 19px auto !important;
    background-size: 19px auto !important;
}

.trplann1b {
    position: relative;
}

.trplann1b .sharessign {
    height: 36px;
    width: 36px;
    background: #f2c031 url(../images/share-white.png) no-repeat center center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    position: absolute;
    right: 0;
    top: -41px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

.trplann1 {
    position: relative;
    top: 50px;
}

.watchListBtn {
    padding-right: 346px;
    font-size: 10px;
    text-transform: uppercase;
    background: transparent url(../images/watch.png) no-repeat 90% center !important;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-background-size: 18px auto !important;
    background-size: 18px auto !important;
}

.transparentBtn {
    background: transparent !important;
    color: #f2c031;
}

.transparentBtn::before {
    opacity: 0;
}

.transparentBtn:hover::before {
    opacity: 1;
    color: #f2c031 !important;
}

.transparentBtn:hover {
    border-color: #f2c031 !important;
}

.HtlNameHolder {
    width: 223px;
}

.btnEffect.addHotelRoom a:before {
    left: -200px;
}

.btnEffect.addHotelRoom a:hover:before {
    left: 0;
}

.airlineSearch {
    padding-left: 0;
}

ul.facilitiesIcons.inlinetable.mrg0 li {
    margin-right: 12px;
    margin-top: 12px;
}


/*responsive*/

@media only screen and (max-width: 1200px) {
    .travelPath2::before {
        width: 15%;
    }
    ul.facilitiesIcons.row li.col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 992px) {
    .FlightDisclaimer .row div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* 8-6-2019 bugs fixes  */

.panel.round.userLoginPanel.d-4 .checkRadioList input[type="radio"]+.label-text:before,
.checkRadioList input[type="checkbox"]+.label-text:before {
    position: absolute;
    left: 0;
    top: -3px;
}

.AirlineNameBlock .form-check label {
    padding-left: 20px;
}

.panel.round.userLoginPanel.d-4 .checkRadioList .form-check label {
    padding-left: 18px;
}

.panel.round.userLoginPanel.d-4 .checkRadioList .form-check label span {
    line-height: 16px;
}

.tooltip.tooltip-min.bottom {
    margin-left: 20px;
}

.moodItem.openFoem .clickedForm {
    display: block;
    z-index: 14;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    padding-top: 10px;
}

.moodItem.openFoem:before {
    /* background: transparent url(../images/gradient.jpg) no-repeat center center; */
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0.8;
}

.moodItem.openFoem .clickedForm:after {
    background: url(./images/gradient.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.moodItem.openFoem .clickedForm h5 {
    z-index: 99 !important;
    position: relative;
}

.moodItem.openFoem .clickedForm div {
    z-index: 7;
}

.moodItem {
    position: relative;
}

.showonhover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2000px;
    z-index: 99;
    background: #0a0a0a8a;
}

.showonhoverbutton {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #2aace3;
    color: white;
    max-width: 162px;
    padding: 6px 30px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.moodItem:hover .showonhover {
    top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.moodItem.openFoem .showonhover {
    top: -2000px;
}

div#bookRoomToo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    z-index: 99999;
    display: none;
}

div#bookRoomToo.showPopUp {
    display: block !important;
}

.popupContent {
    background: white;
    max-width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    -webkit-transform: translatey(40%);
    -ms-transform: translatey(40%);
    transform: translatey(40%);
    padding: 20px;
    padding-bottom: 60px;
}

p.popupName {
    color: #008fc1;
    margin-bottom: 0;
}

.popupContent h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 43px;
    color: black;
    margin-top: 0;
}

p.dealstext {
    color: #008fc1;
    margin-bottom: 0;
    font-size: 23px;
    font-weight: bold;
}

p.dealcontent b {
    display: block;
    font-size: 21px;
    color: black;
    line-height: 1;
}

.popupButton.confirm {
    background: #e5b427;
    color: white;
    float: left;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 22px;
}

.popupButton.reject {
    border: #e5b427 1px solid;
    color: #e5b427;
    float: right;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 22px;
}

p.dealcontent {
    margin-bottom: 38px;
}

img.hotelSample {
    position: absolute;
    right: 50px;
    top: 100px;
    max-height: 180px;
    max-width: 40%;
}

img.dealIcon {
    position: absolute;
    max-width: 90px;
    margin-top: 24px;
}

p.dealcontent {
    padding-left: 133px;
    margin-top: 20px;
    margin-bottom: 80px;
}

p.popupName {
    font-weight: bold;
}

.popupButton {
    cursor: pointer;
}

.closePopup {
    position: absolute;
    top: -18px;
    right: -15px;
    cursor: pointer;
    font-size: 32px;
    background: #d3195b;
    color: white;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.2;
}

.closePopup span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

.totalMiles {
    color: #fff;
    font-size: 14px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-left: 20px;
}

.status {
    background-color: #ffcd37;
    padding: 6px 15px;
    line-height: 14px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    font-weight: 600;
    margin-right: 6px;
    margin-left: 6px;
}

header .langDropdown .dropdown-toggle,
header .currencyDropdown .dropdown-toggle {
    padding-right: 0 !important;
}

header .userNavItem .dropdown-toggle {
    background-color: transparent !important;
    color: #fff !important;
    padding: 40px 32px;
    padding-right: 70px;
}

header .userNavItem .show>.btn-secondary.dropdown-toggle {
    background-color: transparent !important;
}

header .userImage {
    display: none;
}

header .userNavItem {
    padding-left: 20px;
}

header .userNavItem .dropdown-toggle:after {
    right: 30px;
    top: 50%;
    margin-top: -4px;
}

.btn figure {
    margin-bottom: 0;
}

header .countrySelector .currencyDropdown .dropdown-toggle {
    padding-right: 12px !important;
}

header .countrySelector .currencyItem {
    width: auto;
}

header .countrySelector .dropdown-menu {
    min-width: 0;
}

.countrySelector .currencyItem figure,
.countrySelector .currencyItem img {
    margin: 0;
}

.countrySelector .dropdown-item {
    padding: 5px 10px;
}

.dropdown-item {
    font-size: 14px;
    font-weight: 600;
}

.dropdown-menu:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 5px;
    width: 10px;
    position: absolute;
    top: -6px;
    right: 10px;
    border-bottom: 6px solid #fff;
}

.dropdown-menu-rtl:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 5px;
    width: 10px;
    position: absolute;
    top: -6px;
    right: 10px;
    border-bottom: 6px solid #fff;
}

.dropdown .dropdown-menu {
    left: auto !important;
    right: 0;
    top: 10px !important;
}

.userNavItem .dropdown .dropdown-menu {
    left: auto !important;
    right: 25px;
    top: 96% !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding-bottom: 0;
}

.userNavItem .dropdown-menu-rtl .dropdown-item:after {
    content: '';
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 0;
    position: absolute;
    background-color: #ebebeb;
}

.dropdown.show .dropdown-menu-rtl {
    max-height: 300px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
}

.userNavItem .dropdown .dropdown-menu-rtl {
    right: auto!important;
    /* right: -38px; */
    /* right: -7%; */
    top: 96% !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding-bottom: 0;
    margin-left: 7%;
}

.dropdown.show .dropdown-menu-rtl {
    max-height: 300px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
}

.userNavItem .dropdown-menu-rtl .dropdown-item {
    padding: 13px 20px;
    border: none;
    position: relative;
}

.dropdown-menu-rtl {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.dropdown .dropdown-menu-rtl {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.dropdown.show .dropdown-menu-rtl {
    max-height: 300px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    /* right: -16px; */
}

.userNavItem .dropdown-menu-rtl {
    width: 215px;
}

.dropdown-menu-rtl:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 5px;
    width: 10px;
    position: absolute;
    top: -6px;
    right: 190px;
    border-bottom: 6px solid #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle-rtl:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

header .userNavItem .show>.btn-secondary.dropdown-toggle-rtl {
    position: relative;
    background-color: transparent !important;
}

.headerControl .show .dropdown-toggle-rtl::after,
header .show .dropdown-toggle-rtl::after,
.dropdown.show .dropdown-toggle-rtl::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

header .userNavItem .dropdown-toggle-rtl {
    background-color: transparent !important;
    color: #fff !important;
    padding: 40px 32px 40px 50px;
    padding-right: 70px;
}

header .dropdown-toggle-rtl {
    border: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

header .userNavItem .dropdown-toggle-rtl:after {
    right: 80%;
    top: 50%;
    margin-top: -4px;
}

.headerControl .dropdown-toggle-rtl::after,
header .dropdown-toggle-rtl::after {
    border: none !important;
    width: 14px;
    height: 8px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -218px -22px;
}

header .dropdown-toggle-rtl::after {
    position: absolute;
    right: 0;
    top: 10px;
}

.dropdown-toggle-rtl::after {
    border: none !important;
    width: 30px;
    height: 100%;
    background: url(../images/light-blue-arrow.png) no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
}

.dropdown-toggle-rtl::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-item {
    padding: 6px 1.5rem;
    border-bottom: 1px solid #ebebeb;
}

header .subMenu {
    text-align: right;
    min-height: 47px;
}

header .subMenu.noSubMenus .nav {
    display: none !important;
}

header .subMenu .nav-link {
    color: #243b46;
    font-size: 13px;
    opacity: 0.8;
}

header .subMenu ul {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    margin: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

header .subMenu .nav-link:hover {
    opacity: 1;
}

header .subMenu .nav-item {
    padding: 4px 0;
    padding-left: 20px;
}

.top-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.top-header .subMenu {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.top-header .mainMenu,
.top-header .subMenu,
.top-header .signInRegister,
.top-header .bgHolder {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.top-header--transparent .mainMenu {
    background: rgba(36, 59, 70, 0.8);
}

.top-header--transparent .subMenu {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-header--transparent .signInRegister {
    background-color: transparent;
}

.top-header--transparent .signInRegister .bgHolder {
    background-color: transparent;
}

.homeBanner:not(.innerPageBanner) .bannerContent {
    background-color: rgba(9, 48, 66, 0.6);
    padding: 30px 45px 25px;
}

.homeBanner .container {
    padding: 0;
}

.homeBanner {
    /* padding-top: 172px !important; */
}

.homeBanner--full-screen {
    min-height: 100%;
}

.top-benefits {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
}

.top-benefits ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 100%;
}

.top-benefits ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top-benefits ul li img {
    height: 50px;
}

.top-benefits .text {
    margin-left: 15px;
}

.top-benefits .heading {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 18px;
}

.top-benefits .description {
    font-size: 14px;
    margin: 0;
}

.flightTypeChoices .checkRadioList input[type="checkbox"],
.flightTypeChoices .checkRadioList input[type="radio"] {
    right: 0;
    opacity: 0;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]+.label-text:before,
.flightTypeChoices .checkRadioList.normalRadio input[type="checkbox"]+.label-text:before {
    display: none;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]:checked+.label-text:after,
.flightTypeChoices .checkRadioList.normalRadio input[type="checkbox"]:checked+.label-text:after {
    display: none;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]:checked+.label-text {
    border-bottom: 2px solid #212529;
}

.flightTypeChoices .normalRadio span {
    padding-left: 0;
    padding-bottom: 10px;
}

.flightTypeChoices .checkRadioList {
    margin-bottom: 38px;
}

.plane1Icon {
    background: #FFF url(../images/from-icon.png) no-repeat center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
}

.plane2Icon {
    background: #FFF url(../images/to-icon.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
}

.bannerControls .dropdown-toggle {
    background: #fff;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}

.flexyLogo {
    margin-bottom: 20px;
}

.loyaltyPoints strong {
    display: block;
    color: #2aace3;
    font-size: 16px;
}

loyaltyPoints {
    font-size: 16px;
}

.loyaltyPointsParent {
    padding-top: 26px;
    clear: both;
    margin-left: 20px;
    position: absolute;
    right: 50px;
}

.dashboardLink.cl-effect-5 {
    position: absolute;
    bottom: 0;
}

.superFlights {
    padding: 75px 0;
    background-color: #374850;
}

.superFlights h2 {
    color: #fff;
    font-size: 42px;
    margin: 0;
    margin-bottom: 30px;
}

.moodItem .time {
    background-color: rgba(55, 72, 80, 0.6);
    padding: 5px 10px;
    display: inline-block;
    font-style: italic;
    margin-bottom: 7px;
}

.moodItem .time span {
    font-style: normal;
}

.flyTo {
    font-size: 16px;
    font-style: italic;
}

.superFlights .btn-primary {
    height: 40px;
    line-height: 36px;
}

.superFlights .col-md-4 {
    padding: 0 6px;
}


/* .superFlights {
margin: 0 -6px;
} */

.superFlights .arrowIcon {
    background-position: -408px 5px;
}

.mapBlockMain {
    padding: 75px 0;
}

.mapBlockMain h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 42px;
    color: #374850;
    font-weight: 400;
}

.semiBold {
    font-weight: 600 !important;
}

.mapBlockMain .btnEffect,
.storiesBlockMain .btnEffect {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.blockHead {
    position: relative;
    margin-bottom: 20px;
}

.superFlights .row {
    margin: 0;
}

.blackBlock {
    position: relative;
    overflow: hidden;
    background: none;
    color: #374850;
}

.blackBlock .doubleTitle,
.blackBlock .doubleTitle span {
    color: #374850;
}

.storiesCarousel {
    background-color: #f7f7f7;
    color: #374850;
    padding: 35px;
}

.storiesCarousel .imageHolder {
    position: relative;
    margin-right: 40px;
}

.storiesCarousel .imageHolder:before {
    /* font-family: 'Sigmar One', cursive; */
    font-size: 120px;
    line-height: 81px;
    position: absolute;
    bottom: -57px;
    left: 0;
    color: #2aace3;
    z-index: 1;
    opacity: 0.9;
    left: 57px;
}

.link a {
    text-transform: uppercase;
    font-size: 12px;
    color: #2aace3 !important;
}

.link {
    position: relative;
    padding-right: 5px;
}

.storiesCarousel .link {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.link:before {
    content: '';
    height: 14px;
    width: 9px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -221px -33px;
    position: absolute;
    right: 0;
    top: 5px;
}

.blackBlock .doubleTitle span,
.doubleTitle span {
    color: #2aace3;
    font-size: 16px;
}


/* .doubleTitle h3 {
font-size: 42px;
line-height: 46px;
font-weight: 600;
} */

.storiesCarousel h5 {
    font-weight: 700;
    font-size: 18px;
    color: #374850;
}

.storiesCarousel .media-body {
    color: #374850;
    font-size: 13px;
}

.storiesBlockMain {
    padding: 75px 0 70px;
}

.blockHead .doubleTitle h3 {
    color: #374850;
}

.travAdventure {
    margin-bottom: 60px;
}

.travAdventure h4 {
    font-size: 18px;
    color: #374850;
    font-weight: 700;
}

.travAdventure .listingDescription {
    color: #4d6069;
    font-size: 13px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 10px;
}

.travAdventure .author {
    color: #2aace3;
    font-size: 13px;
    font-weight: 600;
}

.travAdventure em {
    display: inline-block;
    padding-right: 2px;
}

.bannerControls .dropdown .dropdown-menu {
    top: 60px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.travAdventure .listingImage {
    margin-bottom: 12px;
    display: block;
}

.travAdventure h4 {
    margin-bottom: 4px;
}

.travAdventure .owl-nav button,
.smallImagesSlider .owl-nav button {
    height: 36px;
    width: 19px;
    background-image: url(../images/slider-arrow.png) !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.smallImagesSlider .owl-nav button {
    width: 7px;
    height: 15px;
}

.travAdventure .owl-nav span,
.smallImagesSlider .owl-nav span {
    display: none;
}

.travAdventure .owl-nav {
    position: absolute;
    top: 90px;
    width: 100%;
}

.smallImagesSlider .owl-nav {
    position: absolute;
    top: 45px;
    width: calc(100% + 44px);
    left: -22px;
}

.smallImagesSlider .owl-prev {
    left: 0;
    position: absolute;
}

.smallImagesSlider .owl-next {
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.travAdventure .owl-prev {
    position: absolute;
    left: -40px;
}

.travAdventure .owl-next {
    position: absolute;
    right: -40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hotelDeals .price {
    background: #2aace3;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-left: auto;
}

.hotelDeals .country {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.hotelDeals .col-md-3 {
    padding: 0 6px;
}

.hotelDeals .row {
    margin: 0 -6px;
}

.hotelDeals .listingImage {
    position: relative;
    height: 250px;
    -webkit-background-size: cover;
    background-size: cover;
}

.hotelDeals .itemHolder {
    margin-bottom: 30px;
}

.hotelDeals .countryPrice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 13px;
    padding: 0 10px;
    z-index: 1;
}

.hotelDeals .listingImage:before {
    content: '';
    background-image: url(../images/imageShadow.png);
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.hotelDeals .listingTitle {
    color: #374850;
    font-weight: 700;
    font-size: 16px;
}

.hotelDeals .listingInfos {
    background-color: #fff;
    padding: 12px 10px;
}

.hotelDeals {
    background-color: #f7f7f7;
    padding: 75px 0 70px;
}

.hotelDeals.greyBlock {
    background: #f4f4f4;
    padding-top: 40px;
}

.hotelDeals.greyBlock .container {
    padding-top: 25px;
    border-top: 1px solid #d6d6d6;
}

.hotelDeals .ratingBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px;
}

.hotelDeals .ratingValue {
    margin-left: auto;
    color: #374850;
    font-size: 13px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 700;
}

.hotelDeals .ratingValue .selected {
    background-color: #1c698a;
    padding: 5px 10px 7px;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 13px;
    display: inline-block;
}

.hotelDeals .completeAddress {
    color: #4d6069;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 20px;
}

.hotelDeals .viewingNow {
    color: #faac16;
    font-size: 12px;
    font-weight: 600;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 20px;
}

.hotelDeals .listingDescription,
.hotelDeals .reviewedOn {
    color: #747a7d;
    font-size: 12px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 600;
    margin-bottom: 10px;
}

.hotelDeals .reviewedOn {
    margin-bottom: 20px;
}

.hotelDeals .btnEffect,
.hotelDeals .btnEffect a {
    width: 100%;
    display: block;
}

.newsletterBlock {
    background: #2aace3;
}

.newsletterBlock h3 {
    font-size: 38px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0;
}

.newsletterBlock .doubleTitle span.doubleTitle h3 {
    font-weight: 500;
}

.newsletterBlock .input-group {
    width: 530px;
    max-width: 100%;
    margin-left: auto;
    margin-bottom: 5px;
}

.newsletterBlock .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.newsletterBlock .input-group .form-control {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    padding-left: 15px;
}

.footerLogo img {
    width: 159px;
}

.footer .topSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0;
    border-bottom: 1px solid #e1e1e1;
}

.socialFooter {
    margin-left: auto;
}

.footer figure {
    margin-bottom: 0;
}

.footerMainMenu .nav a {
    color: #374850;
    font-size: 16px;
    font-weight: 700;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 12px;
}

.footerSubMenu .nav a {
    font-size: 13px;
}

.footerSubMenu .nav a,
.footerTopDashboard li {
    color: #455d68;
}

.footerTopDashboard li {
    font-size: 12px;
    margin-bottom: 5px;
}

.footerTopDashboard h5 {
    color: #374850;
}

footer {
    color: #374850;
}

.footerTopDashboard {
    background-color: #fff;
    margin-bottom: 40px;
}

.footer .middleSection {
    padding: 35px 0;
}

.footer ul.nav {
    display: block !important;
}

.footer .cl-effect-5 a span::before {
    font-weight: 500;
}

.footerSubMenu .nav-link {
    padding: 0 14px 0 12px;
    position: relative;
}

.footerSubMenu .nav-link:before {
    content: '.';
    position: absolute;
    right: 0;
}

.footerTopDashboard .row {
    padding-top: 25px;
    border-top: 1px solid #e1e1e1;
}

.footerTopDashboard .col-md-3:first-of-type {
    padding-left: 0;
}

.noDate h3 {
    margin-bottom: 22px;
}

.userNavItem .link {
    padding-right: 0;
}

.userNavItem .link a {
    background-color: #f5f5f5;
    text-align: right;
    padding: 10px 5px;
    padding-right: 33px;
    display: block;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.userNavItem .link a:hover {
    background-color: #29abe2;
    color: #fff !important;
}

.userNavItem .link:before {
    right: 20px;
    top: 12px;
}

.innerPageBanner {
    position: relative;
}

.innerPageBanner:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.innerPageBanner .container {
    position: relative;
    z-index: 1;
}


/* .withBackgroudLayer {
    min-height: 85px;
    width: 100%;
    background-color: rgba(9, 48, 66, 0.6);
    position: Absolute;
    bottom: 0;
    left: 0;
} */

.withBackgroudLayer {
    min-height: 85px;
    width: 100%;
    background-color: white;
    position: relative;
    bottom: 0;
    left: 0;
}

.loadingBanner,
.bannerContent {
    position: relative;
    z-index: 1;
}

.loadingBanner {
    position: absolute;
    /* bottom: 0; */
    bottom: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #022954!important;
}

@-webkit-keyframes planeAnimation {
    0% {
        left: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        left: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        left: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@keyframes planeAnimation {
    0% {
        left: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        left: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        left: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@-webkit-keyframes planeAnimationRtl {
    0% {
        right: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        right: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        right: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@keyframes planeAnimationRtl {
    0% {
        right: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        right: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        right: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@-webkit-keyframes mymove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@keyframes mymove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

.loadingBanner img {
    display: block;
    margin: 0 auto;
}

.planeIcon {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-animation: planeAnimation linear 7s infinite;
    animation: planeAnimation linear 7s infinite;
}

.planeIcon img {
    height: 42px;
}

.trip-info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px !important;
}

.trip-info .from {
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center right;
    padding-right: 24px;
    white-space: nowrap;
}

.trip-info .to {
    padding-left: 24px;
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    white-space: nowrap;
}

.dotsImage {
    position: relative;
    width: 915px;
    margin: 0 auto;
}

.dotsImage>img {
    width: 80%;
}

.plane-container {
    position: relative;
    background-image: url(../images/dots-image-1.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 80%;
    margin: 0 20px;
    height: 40px;
}

.innerPageBanner {
    padding-top: 100px;
}

.searchedFor {
    /* color: #fff; */
    color: #374850;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: none;
}

.loadingMain {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: none;
}

.searchedFor.active,
.loadingMain.active {
    opacity: 1;
    visibility: visible;
    display: block;
}

.searchedFor .icon {
    width: 21px;
    margin: 0 10px;
}

.searchedFor .icon {
    max-width: 100%;
}

.displayFlex {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.displayFlex:after {
    content: '';
    display: table;
    clear: both;
}

.searchedFor .dates {
    position: relative;
    clear: both;
    float: left;
}

.searchedFor .ticketType {
    padding-left: 20px;
    position: relative;
    float: left;
}

.searchedFor .ticketType:before {
    content: '|';
    position: absolute;
    left: 18px;
    top: -1px;
}

.searchedFor .ticketType:before {
    left: 8px;
}

.searchedFor .ticketType1 {
    padding-left: 15px;
    position: relative;
    float: left;
}

.searchedFor .ticketType1:before {
    left: 5px;
}

.searchedFor .dates .to {
    padding-left: 16px;
    display: inline-block;
    position: relative;
}

.searchedFor .dates .to:before {
    content: '-';
    position: absolute;
    left: 3px;
    top: -1px;
}

.searchedFor .withBackgroudLayer {
    padding-top: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.searchedFor .withBackgroudLayer .container {
    padding-top: 18px;
}

.searchedFor .btn {
    padding: 0 30px;
    position: absolute;
    top: calc(50% - 24px);
    right: 0;
}

.withVisibleControls .searchedFor .btn {
    position: static;
    float: right;
}

.searchedFor .leftSection {
    max-width: calc(100% - 55px);
    float: left;
}

.searchedFor:after {
    content: '';
    display: block;
    clear: both;
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.innerPageBanner h2 {
    margin-bottom: 0;
}

.btnEffect a:hover::before,
.btnEffect a:focus::before,
.btnEffect a::before {
    display: none;
}

.btnEffect a:hover span,
.btnEffect a:focus span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.greyBlock.paddedBlock {
    padding: 35px 0;
    /* z-index: -1; */
}

.weatherBlock .textBlock {
    margin-left: auto;
    margin-right: 30px;
    padding-left: 20px;
}

.weatherBlock .btn-primary:after {
    display: inline-block;
    content: '';
    height: 14px;
    width: 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(../images/watchlist.svg);
    margin-right: 28px;
    vertical-align: middle;
    margin-top: -3px;
}

.weatherBlock .btn-primary span {
    display: inline-block;
    padding-right: 6px;
    vertical-align: top;
    line-height: 46px;
}

.leftBookingSection {
    width: 250px;
    max-width: 100%;
    float: left;
    margin-right: 12px;
}

.mainBookingSection {
    width: calc(100% - 262px);
    float: left;
}

.panelsHolder {
    position: relative;
}

.panelsHolder:after {
    display: table;
    clear: both;
    content: '';
}

.mainBookingSection .blockHeading h2 {
    font-size: 26px;
    font-weight: 600;
    color: #374850;
    margin-bottom: 5px;
}

.mainBookingSection .blockHeading h3 {
    font-size: 15px;
    color: #374850;
}

.mainBookingSection .blockHeading span {
    font-weight: 700;
    color: #2aace3;
}

.mainBookingSection .blockHeading .to {
    position: relative;
    padding-left: 40px;
}

.mainBookingSection .blockHeading .to:before {
    background-image: url(../images/dark-arrows.svg);
    content: '';
    height: 17px;
    width: 24px;
    -webkit-background-size: 24px 24px;
    background-size: 24px;
    position: Absolute;
    top: 8px;
    left: 8px;
}


/* .mainBookingSection .blockHeading {
margin-bottom: 35px; 
} */

.highlightedFlight {
    background-color: #47bb1d;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    line-height: 12px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.flightResultListing .leftSection {
    width: 79%;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #dbdbdb;
    margin-bottom: 30px;
}

.flightResultListing .rightSection {
    width: 21%;
    float: left;
    padding: 0 20px;
    padding-right: 0;
    position: relative;
}

.flightResultListing .listingItemMain {
    padding-top: 20px;
    padding: 20px 20px 0 20px;
}

.tripHeader {
    background-color: #374850;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 10px 10px;
    padding-left: 10px;
    margin-bottom: 14px;
}

.tripHeader span {
    font-weight: 700;
}

.tripHeader .icon {
    margin-right: 10px;
    display: inline-block;
}

.tripA,
.tripC {
    width: 66px;
    font-size: 14px;
}

.tripB {
    width: calc(100% - 132px);
}

.tripVisual figure {
    width: 120px;
}

.tripVisual {
    padding-left: 12px;
}

.tripSection:last-of-type .tripVisual {
    padding-bottom: 0;
}

.listingItemMain .btn-primary {
    height: inherit;
    line-height: inherit;
    width: 100%;
    padding: 12px 10px;
}

.flightlistingbanner .bannerControls {
    visibility: hidden;
    opacity: 0;
    position: relative;
    top: 300px;
    width: 100%;
    -webkit-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    color: #343a40 !important;
    height: 0;
    padding-bottom: 30px;
}

.flightlistingbanner .bannerControls.visible {
    height: auto;
    top: 0px;
    visibility: visible;
    opacity: 1;
}

.flightlistingbanner .bannerControls h2 {
    text-align: center;
    margin-bottom: 25px;
}

.flightlistingbanner {
    padding-top: 50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center top !important;
    background-repeat: no-repeat;
}

.flightlistingbanner .bannerContent {
    /* top: 50px;  */
}

.flightlistingbanner {
    padding-bottom: 120px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 250px;
}

.flightBookingMain {
    opacity: 0;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    position: relative;
    z-index: 2;
}

.flightBookingMain.active {
    opacity: 1;
}

.clearBoth {
    clear: both;
}

.flightDetails {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.flightDetails.active {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.flightDetails .blockHeading {
    padding: 20px;
    background-color: #edf1f7;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.flightDetails .blockHeading .dest,
.flightDetails .blockHeading .duration {
    width: 50%;
    font-size: 20px;
    line-height: 20px;
}

.flightDetails .tableBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 15px;
}

.flightDetails .tableHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #374850;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.flightDetails .airlineLogo {
    max-width: 120px;
    margin-bottom: 4px;
}

.flightDetails .airlineLogo img {
    max-width: 100%;
}

.flightDetails .tableItem:nth-of-type(1) {
    width: 24%;
    padding-left: 14px;
}

.flightDetails .tableItem:nth-of-type(2) {
    width: 40%;
}

.flightDetails .tableItem:nth-of-type(3) {
    width: 35%;
}

.flightDetails .airlineService {
    font-size: 12px;
    font-weight: 600;
}

.flightDetails .airlineService img {
    display: block;
    margin-bottom: 7px;
    margin-top: 3px;
}

.flightDetails .classLabel {
    padding: 0 13px;
    height: 26px;
    line-height: 26px;
}

.flightDetails .dest {
    /* font-size: 22px; */
    line-height: 26px;
    margin-bottom: 4px;
}

.flightDetails .date {
    /* font-size: 19px; */
    margin-bottom: 4px;
}

.flightDetails .airport {
    color: #7e9099;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.flightDetails .luggageSection {
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    margin-bottom: 10px;
}

.flightDetails .luggageSection img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 18px;
}

.flightDetails .flightSection {
    width: 58%;
    float: left;
}

.flightDetails .noteSlider {
    width: 42%;
    float: left;
}

.flightDetails .airplaneSection {
    margin-bottom: 25px;
}

.flightDetails .airplaneSection .name {
    display: block;
    margin-bottom: 15px;
}

.planimg-rtl img {
    transform: scaleX(-1) !important;
}

.planimg-ltr img {
    transform: scaleX(1) !important;
}

.flightDetails .airplaneSection .planeImg {
    display: inline-block;
    /* margin-right: 20px; */
    width: 130px;
    vertical-align: top;
}

.flightDetails .airplaneSection .planeImg img {
    max-width: 100%;
}

.flightDetails .seatOrdering {
    display: inline-block;
    vertical-align: top;
}

.flightDetails .seatOrdering label {
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    line-height: 14px;
}

.flightDetails .seatOrdering strong {
    font-size: 12px;
}

.flightDetails .seatOrdering ul {
    margin-bottom: 0;
}

.flightDetails .seatOrdering div {
    line-height: 12px;
}

.flightDetails .amenitiesListing li {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    padding-left: 40px;
    position: relative;
    line-height: 22px;
}

.flightDetails .amenitiesListing img {
    max-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 15px;
    max-width: 30px;
}

.flightDetails .note {
    font-size: 10px;
    width: 100%;
    line-height: 15px;
    background-color: #f5f6f8;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.flightDetails .note img {
    margin-right: 7px;
}

.flightDetails .note span {
    display: inline-block;
    vertical-align: middle;
}

.flightDetails .smallImagesSlider img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.flightDetails .smallImagesSlider .listingHolder {
    width: calc(100% - 44px);
    margin: 0 auto;
}

.flightDetails .layoverStrip {
    font-size: 15px;
    background-color: #f5f6f8;
    text-align: center;
    padding: 10px;
    line-height: 15px;
    margin-bottom: 7px;
}

.flightDetails .noImages {
    padding-top: 5px;
    font-size: 10px;
}

.flightDetails .detailsItem:last-of-type {
    margin-bottom: 30px;
}

.flightDetailsToggle {
    color: #76878f !important;
    display: block;
    font-size: 11px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.flightDetailsToggle img {
    display: block;
    width: 20px;
    margin: 0 auto;
}

.flightDetailsToggle span {
    display: inline-block;
    margin-bottom: 5px;
}

.flightDetailsToggle.active img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sevenDaysBlock {
    margin-bottom: 20px;
}

.sevenDaysBlock .showHide {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #2aace3 !important;
    margin-bottom: 5px;
    display: inline-block;
}

.sevenDaysBlock .showHide:after {
    content: '';
    height: 8px;
    width: 11px;
    background-image: url(../images/table-down-arrow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
    position: absolute;
    right: -24px;
    top: 4px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sevenDaysBlock .showHide.active:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.sevenDaysBlock .tableHolder {
    position: relative;
    margin-bottom: 20px;
    height: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
}

.sevenDaysBlock .tableHolder.active {
    height: auto;
    opacity: 1;
}

.sevenDaysBlock .tableLike {
    width: calc(100% - 110px);
    background-color: #fff;
}

.sevenDaysBlock .tableLike .td {
    display: block;
    color: #374850;
    float: left;
    width: calc(100% / 7);
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    border-right: 1px solid #fff;
}

.sevenDaysBlock .tableLike .td.cheapest {
    background-color: #f4f4f4;
    color: #47bb1d;
    font-weight: 700;
}

.sevenDaysBlock .tableLike .td.active {
    background-color: #2aace3;
    color: #fff;
    font-weight: 700;
}

.sevenDaysBlock .tableLike .td-rtl {
    display: block;
    color: #374850;
    float: right;
    width: calc(100% / 7);
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    border-right: 1px solid #fff;
}

.sevenDaysBlock .tableLike .td-rtl.cheapest {
    background-color: #f4f4f4;
    color: #47bb1d;
    font-weight: 700;
}

.sevenDaysBlock .tableLike .td-rtl.active {
    background-color: #2aace3;
    color: #fff;
    font-weight: 700;
}

.sevenDaysBlock .tableRow {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.sevenDaysBlock .tableRow:after {
    content: '';
    clear: both;
    display: table;
}

.sevenDaysBlock .depTable {
    width: calc(100% - 110px);
    position: relative;
    margin-bottom: 0;
}

.sevenDaysBlock .depTable:after {
    content: '';
    clear: both;
    display: table;
}

.sevenDaysBlock .depTable li {
    padding: 16px 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    width: calc(100% / 7);
    float: left;
    background-color: #374850;
    font-weight: 700;
}

.sevenDaysBlock .depTable li:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.sevenDaysBlock .depTable li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .depTable li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .depTable-rtl {
    width: calc(100% - 110px);
    position: relative;
    margin-bottom: 0;
    display: flex;
}

.sevenDaysBlock .depTable-rtl :after {
    content: '';
    clear: both;
    display: table;
}

.sevenDaysBlock .depTable-rtl li {
    padding: 16px 0;
    text-align: center;
    font-size: 11px;
    color: #fff;
    line-height: 13px;
    width: calc(100% / 7);
    float: left;
    background-color: #374850;
    font-weight: 700;
}

.sevenDaysBlock .depTable-rtl li:first-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sevenDaysBlock .depTable-rtl li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .depTable-rtl li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .retTable-rtl {
    width: 109px;
    margin-bottom: 0;
    position: absolute;
    right: 1px;
    top: 80px;
    margin-right: 768px;
}

.sevenDaysBlock .retTable-rtl li {
    padding: 16px 0 17px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    line-height: 13px;
    background-color: #374850;
    font-weight: 700;
}

.sevenDaysBlock .retTable-rtl li:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.sevenDaysBlock .retTable-rtl li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .retTitle-rtl {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    right: 39px;
    top: 43px;
    margin-right: 780px;
}

.sevenDaysBlock .retTitle-rtl:after {
    content: '';
    height: 20px;
    width: 14px;
    background-image: url(../images/table-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: -14px;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 2px;
}

.sevenDaysBlock .retTable {
    width: 109px;
    margin-bottom: 0;
    position: absolute;
    right: 1px;
    top: 76px;
}

.sevenDaysBlock .retTable li {
    padding: 16px 0 17px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    background-color: #374850;
    font-weight: 700;
}

.sevenDaysBlock .retTable li:first-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.sevenDaysBlock .retTable li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .retTitle {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    right: 39px;
    top: 43px;
}

.sevenDaysBlock .retTitle:after {
    content: '';
    height: 20px;
    width: 14px;
    background-image: url(../images/table-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: -14px;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 2px;
}

.sevenDaysBlock .depTitle {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.sevenDaysBlock .depTitle:after {
    content: '';
    height: 20px;
    width: 18px;
    background-image: url(../images/table-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: -28px;
    -webkit-background-size: 18px 18px;
    background-size: 18px;
    top: 5px;
}

.sevenDaysBlock .depTitle-rtl {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.sevenDaysBlock .depTitle-rtl:after {
    content: '';
    height: 20px;
    width: 18px;
    background-image: url(../images/table-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    -webkit-background-size: 18px 18px;
    background-size: 18px;
    top: 5px;
    transform: scaleX(-1);
}

.visibleControls .bannerContent {
    top: -20px;
}

.flightlistingbanner .bannerContent {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.innerPageBanner.withVisibleControls {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    min-height: 500px;
}

.innerPageBanner.withVisibleControls .withBackgroudLayer {
    position: static;
}

.innerPageBanner.withVisibleControls .leftSection {
    margin-bottom: 50px;
}

.innerPageBanner.withVisibleControls .bannerContent {
    margin-bottom: 20px;
}

.leftBookingSection .panel {
    margin-bottom: 20px;
    padding: 0;
}

.leftBookingSection .panel .panelSection {
    padding: 16px 20px 7px;
}

.leftBookingSection .panel .panelSection.normalPadding {
    padding-bottom: 16px;
}

.leftBookingSection .blockHead .clearFilter {
    font-size: 12px;
    color: #374850;
    max-width: 40%;
    float: right;
    font-weight: 500;
    text-decoration: underline;
}

.leftBookingSection .blockHead .blockTitle {
    max-width: 55%;
    float: left;
    padding-top: 2px;
}

.leftBookingSection .blockHead.noLink .blockTitle {
    max-width: 100%;
}

.leftBookingSection .panelSection.withBorder {
    border-bottom: 1px solid #e4e4e4;
}

.leftBookingSection input[type="text"] {
    border: none !important;
    /* border-bottom: 3px solid #e4e4e4 !important; */
    font-size: 13px;
    color: #374850;
    /* font-style: italic; */
    border-radius: 3px;
    padding: 10px 10px;
    background-color: #f4f4f4;
}

.leftBookingSection .blueArrowSelect {
    position: relative;
}

.leftBookingSection .blueArrowSelect:after {
    content: '';
    width: 11px;
    height: 8px;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
    position: Absolute;
    right: 10px;
    top: 11px;
    background-repeat: no-repeat;
}

.leftBookingSection .blueArrowSelect .custom-select {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 300;
    height: 30px;
    background: none !important;
}

.leftBookingSection .blockTitle {
    font-size: 13px;
    color: #2aace3;
    font-weight: 700;
}

.leftBookingSection .promoCode .blockTitle {
    position: relative;
}

.leftBookingSection .promoCode .blockTitle {
    margin-bottom: 12px;
}

.leftBookingSection .promoCode .blockTitle:before {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/promo-code.svg);
    height: 22px;
    width: 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px;
    content: '';
    background-repeat: no-repeat;
}

.leftBookingSection .promoCode span {
    max-width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}

.leftBookingSection .blockHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
}

.leftBookingSection .blockHead .clearFilter {
    margin-left: auto;
}

.leftBookingSection .blockHead.blackTitle {
    margin-bottom: 7px;
    /* font-family: 'Montserrat', sans-serif;  */
}

.leftBookingSection .blockHead.blackTitle .blockTitle {
    font-size: 15px;
    color: #040f14;
    margin-bottom: 0;
    font-weight: 600;
}

.leftBookingSection .label-text {
    display: block;
    padding-left: 20px;
    max-width: 100%;
    display: block;
    line-height: 15px;
    position: relative;
}

.leftBookingSection .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    position: absolute;
    left: 0;
    top: 1px;
}

.panelSubSection.withPaddingTop {
    padding-top: 15px;
}

.panelSubSection h2 {
    color: #040f14;
    font-size: 15px;
    font-weight: 700;
}

.panelSubSection .tableHead {
    color: #374850;
    font-size: 12px;
    font-weight: 700;
    background-color: #f4f4f4;
    padding: 7px 10px;
    /* width: calc(100% + 20px); */
    margin-left: -10px;
    position: relative;
}

.panelSubSection .tableHead .leftSec {
    float: left;
    max-width: 75%;
}

.panelSubSection .tableHead .rightSec {
    float: right;
    max-width: 25%;
}

.panelSubSection .tableHead:after {
    content: '';
    display: table;
    clear: both;
}

.panelSubSection .tableLike {
    color: #1c2f37;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
}

.panelSubSection .tableLike .leftSec {
    float: left;
    max-width: 70%;
}

.panelSubSection .tableLike .rightSec {
    float: right;
    max-width: 30%;
}

.panelSubSection .tableLike .rightSec .currency {
    padding-right: 4px;
    display: inline-block;
    font-size: 10px;
}

.panelSubSection .tableLike:after {
    content: '';
    display: table;
    clear: both;
}

.panelSubSection .tableLike .checkRadioList label {
    font-size: 12px;
    font-weight: 500;
}

.panelSubSection .tableLike .checkRadioList {
    margin-bottom: 0;
}

.panelSubSection .tableLike .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    height: 12px;
    width: 12px;
    border-color: #77868d;
    min-width: 12px !important
}

.panelSubSection .tableLike .checkRadioList label {
    margin-bottom: 0;
}

.panelSubSection .tableLike.oneItem .leftSec {
    max-width: 100%;
}

.panelSubSection .tableLike.oneItem .label-text:before {
    display: inline-block;
    vertical-align: top;
}

.panelSubSection .tableLike.oneItem .labelTitle {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 40px);
}

.panelSubSection .tableLike.oneItem .checkRadioList label {
    line-height: 14px;
}

.panelSubSection .checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    background-color: #2aace3;
    font-size: 0;
    height: 6px;
    width: 6px;
    top: 4px;
    left: 3px;
    right: 3px;
}

.panelSubSection .slider-selection {
    background-color: #374850;
}

.panelSubSection .slider-track-low,
.panelSubSection .slider-track-high {
    background-color: #c5c5c5;
}

.panelSubSection .slider-handle {
    background-color: #2aace3 !important;
}

.panelSubSection h4.panelTitle,
.panelSubSection .minMaxValues {
    font-size: 12px;
    color: #040f14;
    margin-bottom: 8px;
}

.panelSubSection .minMaxValues {
    padding-top: 5px;
}

.panelSubSection .valueSliderParent {
    padding-top: 10px;
    margin-bottom: 10px;
}

.panelSubSection.withBorder {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.panelSubSection .hiddenChoiceBlock {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.panelSubSection .hiddenChoiceBlock.active {
    height: auto;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
}

.showMore {
    font-size: 12px;
    color: #374850;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    text-decoration: underline;
}

.showMore .lessText {
    display: none;
}

.showMore.active .lessText {
    display: block;
}

.showMore.active .moreText {
    display: none;
}

.servicesSection {
    padding-bottom: 15px !important;
}

.servicesSection a {
    color: #1c2f37;
    padding: 10px;
    display: block;
    position: relative;
    opacity: 0.6;
    margin-bottom: 7px;
}

.servicesSection a.active {
    opacity: 1;
    background-color: #f4f4f4;
}

.servicesSection a:after {
    display: table;
    clear: both;
    content: '';
}

.servicesSection img {
    width: 22px;
}

.servicesSection .listingImage {
    margin-right: 14px;
    float: left;
}

.servicesSection .listingInfos {
    max-width: calc(100% - 37px);
    float: left;
}

.servicesSection .listingInfos span {
    color: #1c2f37;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
}

.servicesSection .listingInfos .description {
    font-size: 11px;
    font-weight: bold;
    color: #1c2f37;
}

.viewMore {
    display: block;
    width: 220px;
    margin: 30px auto;
    text-align: center;
}

.subpageBanner {
    min-height: 315px;
    padding-top: 0;
    position: relative;
}


/* .subpageBanner h3 {
font-size: 40px;
} */

.subpageBanner .bannerContent {
    width: 100%;
    text-align: center;
}

.subpageBanner:before {
    background-color: rgba(13, 53, 72, 0.4);
}

.chosenFlightDetails .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 72%;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
}

.chosenFlightDetails .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28%;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.chosenFlightDetails .tripVisual .tripA .date {
    text-align: inherit;
    font-size: 12px;
}

.chosenFlightDetails .tripLine .tripC .sprite {
    background: none !important;
}

.chosenFlightDetails .tripVisual {
    padding-right: 10px;
    border-bottom: none;
    width: 100%;
    padding-bottom: 0;
}

.chosenFlightDetails .tripB {
    width: calc(100% - 190px);
}

.chosenFlightDetails .tripB:before {
    left: 4px;
}

.chosenFlightDetails .tripFacilities {
    left: 0;
}

.chosenFlightDetails .tripFacilities-rtl {
    left: -163px;
    top: 16px;
}

.chosenFlightDetails.fullPageBlock .flightOne.borderBottom:nth-last-child(1) {
    border-bottom: none;
}

.chosenFlightDetails .rightSectionMain {
    padding: 10px;
    position: relative;
}

.chosenFlightDetails .share {
    top: 6px;
}

.chosenFlightDetails.fullPageBlock .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 82%;
    -ms-flex: 0 0 82%;
    flex: 0 0 82%;
    max-width: 82%;
}

.chosenFlightDetails.fullPageBlock .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18%;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}

.form-control {
    font-size: 13px;
}

.registerFlightPanel input[type="text"] {
    height: auto;
}

.registerFlightPanel .input-group {
    padding-top: 15px;
}

.registerFlightPanel h3.panelTitle {
    margin-bottom: 7px;
}

.whoAreYouBooking .tab-content {
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    background: #fff;
}

.whoAreYouBooking .noMargin {
    margin: 0;
}

.whoAreYouBooking .blueTitle {
    font-size: 16px;
    color: #2aace3;
    font-weight: 700;
    margin-bottom: 25px;
    padding-top: 10px;
}

.whoAreYouBooking .blueArrowSelect .input-group-prepend label {
    font-size: 12px;
    color: #374850;
}

.whoAreYouBooking .firstLevelRow {
    margin: 0 -10px;
}

.whoAreYouBooking .firstCol {
    padding: 0 10px;
}

.whoAreYouBooking .scndRow {
    margin: 0 -5px;
}

.whoAreYouBooking .scdCols {
    padding: 0 5px;
}

.whoAreYouBooking .mb-3,
.whoAreYouBooking .my-3 {
    margin-bottom: 25px !important;
}

.whoAreYouBooking .datepicker {
    background-image: url(../images/calendaricon.png) !important;
    -webkit-background-size: 15px 15px !important;
    background-size: 15px !important;
    background-position: calc(100% - 10px) center !important;
    background-repeat: no-repeat !important;
}

.whoAreYouBooking .optionalDetails {
    padding: 20px;
}

.whoAreYouBooking .tabbable {
    margin-bottom: 15px;
}

.custom-select {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.custom-select:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.contactBilling {
    padding: 20px;
}

.contactBilling .col-md-4,
.contactBilling .col-md-3,
.contactBilling .col-md-6 {
    padding: 0 5px;
}

.contactBilling .row {
    margin: 0 -5px;
}

.contactBilling .checkRadioList span:after {
    top: 12px !important;
}

.contactBilling .checkRadioList label {
    color: #374850;
    font-size: 13px;
}

.input-group-prepend label {
    font-size: 12px !important;
    color: #374850 !important;
    white-space: initial;
    line-height: 16px !important;
}

.errorSpan {
    display: none;
}

.mandatoryInput label {
    display: inline-block;
    line-height: 10px;
}

.mandatoryInput .errorSpan {
    display: inline-block;
    font-size: 10px;
    color: #ed1a33;
    font-weight: 600;
    line-height: 8px;
}

.mandatoryInput input {
    border-color: #ed1a33 !important;
}

.safriyatMiles {
    margin-bottom: 20px;
    background-color: #374850;
    text-align: center;
}

.safriyatMiles .dashboardButton {
    background-color: transparent;
    color: #fff;
}

.safriyatMiles .progressNew svg:nth-child(2) path {
    stroke: #f2f2f2;
}

.safriyatMiles .loyaltyPointsParent {
    position: static;
    padding-top: 0;
    margin-left: 0;
}

.safriyatMiles .loyaltyPoints strong {
    font-size: 24px;
    color: #fff;
}

.safriyatMiles .dashboardButton label {
    float: none;
}

.safriyatMiles .dashboardButton label {
    padding: 0;
    margin-right: 0;
}

.safriyatMiles .loyaltyPoints {
    margin-bottom: 10px;
}

.safriyatMiles .dashboardButton {
    padding-bottom: 0;
}

.safriyatMiles .progressNew {
    margin-bottom: 0;
}

.safriyatMiles .progressNew>li:before {
    color: #fff;
}

.mainPageRow {
    margin: 0 -6px;
    padding-top: 25px;
}

.mainPageRow .mainPageCol {
    padding: 0 6px;
}

.flightSummary h3.panelTitle {
    font-size: 17px;
}

.flightSummary .p-4 {
    padding: 20px !important;
}

.flightSummary .noMarginBotom {
    margin-bottom: 5px;
}

.highlightedPink {
    color: #2aace3;
}

.urgentHelp .highlightedPink {
    font-size: 14px;
}

.flightRecap .p-4 {
    padding: 20px !important;
    padding-top: 25px !important;
}

.flightRecap .listingHolder {
    margin: 0;
}


/* .flightRecap .listingItem {
margin-right: 50px;
} */

.flightRecap .listingItem:last-of-type {
    margin-right: 0;
}

.flightRecap .blueArrowSelect h5 {
    font-size: 16px;
    color: #374850;
    font-weight: 600;
}

.flightRecap .mb-4,
.flightRecap .my-4 {
    margin-bottom: 14px !important;
}

.flightRecap .lightBlueBg .mb-4,
.flightRecap .lightBlueBg .my-4 {
    margin-bottom: 27px !important;
}

.paymentOptions .nav li a {
    font-size: 14px;
}

.paymentOptions .fakeOption::before {
    top: 1px;
    width: 17px;
    height: 17px;
}

.paymentOptions .fakeOption::after {
    display: none !important;
    left: 5px;
    top: 6px;
}

.paymentOptions .active .fakeOption::after {
    display: block !important;
}

.paymentOptions .tab-content {
    padding: 0;
}

.paymentOptions .blueArrowSelect .custom-select {
    color: #2aace3;
    font-size: 12px;
    background-image: url(../images/light-blue-arrow.png) !important;
    padding: 0 20px;
}

.paymentOptions .paymentLeft {
    margin-bottom: 35px;
}

.paymentOptions .securityPanel {
    width: 100%;
    padding: 0 25px;
}

.whoAreYouBooking .nav {
    position: relative;
}

.whoAreYouBooking .nav li a {
    background: #2aace3;
    border-bottom: 1px solid #199ed5 !important;
}

.whoAreYouBooking .nav li a.active {
    border-bottom: none !important;
}

.tabs-left>.nav-tabs>li>a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.noPaddingLeft {
    padding-left: 0 !important;
}

.priceOverview .totalFlightPrice {
    font-size: 18px;
}

.FlightDisclaimer {
    color: #374850;
    font-size: 12px;
}

.paymentMainPage .passengerDetailPanel {
    margin-bottom: 45px;
}

.paymentMainPage .flightRecap {
    margin-bottom: 45px;
}

.paymentMainPage .mainPageRow {
    padding-bottom: 90px;
}

.registerFlightPanel .p-4.borderBottom {
    padding-top: 35px !important;
}

.registerFlightPanel .col-md-5 {
    margin-top: -5px;
}

.registerFlightPanel.panel p {
    font-size: 14px;
}

.registerFlightPanel .highlighteMedia p {
    font-size: 13px !important;
    line-height: 17px;
}

.registerFlightPanel .highlighteMedia h5 {
    font-size: 16px;
    color: #374850;
}

.registerFlightPanel .highlighteMedia figure {
    margin-bottom: 0;
}


/* .flightRecap .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
} */

.flightRecap .col-md-6:first-of-type .listingItem:nth-of-type(3) {
    margin-right: 0;
}


/* .flightRecap .col-md-6.lightBlueBg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
} */

.weatherPanel {
    padding-top: 25px;
}

.weatherPanel li {
    padding: 0 11px;
}

.weatherPanel .temperature {
    margin-bottom: 25px;
}

.weatherPanel figure {
    margin-bottom: 7px;
}

.moodPicker.nav-tabs .nav-link {
    font-size: 16px;
}

.moodPicker.nav-tabs .nav-link.active,
.moodPicker.nav-tabs .nav-link:hover {
    color: #374850;
}

.thingsToDoBlock .moodPicker a {
    padding: 0 !important;
    margin: 0 25px;
}

.thingsToDoBlock .moodPicker a.active {
    border-bottom: 1px solid #2aace3 !important;
}

.thingsToDoBlock .nav-tabs {
    padding-top: 5px;
}

.thingsToDoBlock .row {
    margin: 0 -5px;
}

.thingsToDoBlock .col-md-3 {
    padding: 0 5px;
}

.thingsToDoBlock .whatToDoItem h5 {
    color: #374850;
    font-size: 17px;
}

.thingsToDoBlock p {
    font-size: 12px !important;
}

.flightDetailsRecap {
    font-size: 13px;
}

.flightDetailsRecap .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36%;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}

.flightDetailsRecap .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 39%;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    max-width: 39%;
}

.flightDetailsRecap .btnEffect {
    position: absolute;
    bottom: 15px;
    margin-bottom: 0 !important;
}

.flightDetailsRecap .textNoTitle {
    padding-top: 25px;
}

.flightDetailsRecap .relativeParent {
    height: 100%;
    position: relative;
}

.moodPicker {
    margin-bottom: 20px;
}

.outerPanelTitle {
    margin-bottom: 15px;
}

.registerFlightPanel {
    margin-bottom: 40px;
}

.confirmationMain .safriyatMiles {
    margin-bottom: 10px;
}

.thingsToDoBlock {
    margin-bottom: 50px;
}

.userInfoPanel {
    top: 0;
    padding-top: 25px;
}

.userInfoPanel .imageHolder {
    margin-bottom: 20px;
}

.userInfoPanel .imageHolder a {
    font-size: 13px;
    color: #2aace3;
    text-decoration: underline;
    font-weight: 600;
}

.userInfoPanel .userContact {
    color: #374850;
    margin-bottom: 20px;
    font-weight: 600;
}

.userProfileImage {
    position: static;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 11px 0px #ccc;
    box-shadow: 0px 0px 11px 0px #ccc;
    margin-bottom: 4px;
}

.userPanels.panelsHolder>.row>.col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
}

.userPanels.panelsHolder>.row>.col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 73%;
    -ms-flex: 0 0 73%;
    flex: 0 0 73%;
    max-width: 73%;
}

.userPanels .flightRecap .mb-4,
.userPanels .flightRecap .my-4 {
    margin-bottom: 20px !important;
}

.userPanels .flightRecap .p-4 {
    padding-top: 20px !important;
}

.passengerInfoMain .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.passengerInfoMain .btn {
    width: 245px;
    max-width: 100%;
}

.passengerInfoMain .btn.blueTranspBtn {
    width: 100%;
    text-align: center !important;
}

.passengerInfoMain .topSection {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.blueTranspBtn:hover {
    background: #2aace3 !important;
    border-color: #2aace3 !important;
}

.infosBlockTitle {
    font-size: 24px;
    font-weight: 700;
    color: #2f2f2f;
    margin-bottom: 17px;
    padding-top: 15px;
}

.otherPassengers {
    padding-top: 35px;
}

.deletePass {
    color: #f72727 !important;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    padding-left: 45px;
    position: relative;
}

.deletePass:after {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    left: 20px;
    top: 2px;
    background-image: url(../images/close-icon.png);
}

.deletePass:hover {
    text-decoration: underline;
}

.dk-selected:before,
.dk-selected:after {
    border: none !important;
}

.sortDiv {
    padding-top: 15px;
}

.myBookingItem:not(.hotelBookingItem) {
    padding: 35px 20px 28px;
}

.myBookingItem .tripVisual {
    padding: 0;
}

.myBookingsList {
    margin-bottom: 50px;
}

.myBookingsList.hotelBookingList {
    margin-bottom: 0;
}

.myBookingsList li {
    margin-bottom: 20px;
}

.myBookingsList .hotelBookingItem {
    padding: 20px !important;
}

.myBookingsList .hotelBookingItem h5 {
    margin-bottom: 5px;
    font-size: 16px;
    color: #374850;
}

.myBookingsList .hotelBookingItem .media span {
    font-size: 13px;
    color: #374850;
}

.myBookingsList .hotelBookingItem .hotelLocation,
.myBookingsList .hotelBookingItem .bookingDate {
    font-size: 13px;
    display: inline-block;
    color: #374850;
}

.myBookingsList .hotelBookingItem .hotelLocation {
    margin-right: 4px;
}

.myBookingsList .hotelBookingItem .rebookFlight {
    margin-top: 21px;
}

.myBookingsList .hotelBookingItem .media-body {
    padding-top: 6px;
}

.myBookingItem {
    -webkit-box-shadow: 0px 0px 11px 0px #ccc;
    box-shadow: 0px 0px 11px 0px #ccc;
    background: #fff;
    position: relative;
}

.myBookingItem .plane1 {
    position: absolute;
    top: 10px;
    left: -1px;
    background: transparent url(../images/departure.svg) no-repeat center center !important;
}

.myBookingItem .plane2 {
    position: absolute;
    top: 8px;
    right: -8px;
    background: transparent url(../images/arrival.svg) no-repeat right !important;
}

.myBookingItem .tripFrom {
    color: #374850;
    width: auto;
}

.myBookingItem .country {
    font-size: 16px;
    padding: 8px 0;
}

.myBookingItem .tripB {
    border-bottom: 1px dashed #8a8a8a;
    width: 160px;
    padding-top: 0;
    margin-top: 0;
    line-height: 0;
    height: auto;
    min-height: 0;
    padding-top: 34px;
    height: 4px;
    margin: 0 20px;
}

.myBookingItem .tripB:before {
    display: none;
}

.myBookingItem .sharessign {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    background: linear-gradient(red, blue);
    content: '';
    z-index: -1;
    border-radius: 16px;
}

.progress.smallProgress .progress-bar {
    border-width: 4px;
}

.progress .progress-left .progress-bar {
    left: 100%;
    -webkit-border-top-right-radius: 75px;
    border-top-right-radius: 75px;
    -webkit-border-bottom-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-right .progress-bar {
    left: -100%;
    -webkit-border-top-left-radius: 75px;
    border-top-left-radius: 75px;
    -webkit-border-bottom-left-radius: 75px;
    border-bottom-left-radius: 75px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.progress .progress-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-weight: 300;
}

.progress .progress-value div {
    margin-top: 10px;
}

.progress .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
}


/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/

.progress[data-percentage="10"] .progress-right .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards;
    animation: loading-1 1.5s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards;
    animation: loading-2 1.5s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards;
    animation: loading-3 1.5s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards;
    animation: loading-4 1.5s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    -webkit-animation: 0;
    animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    -webkit-animation: loading-1 1.5s linear forwards 1.5s;
    animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    -webkit-animation: loading-2 1.5s linear forwards 1.5s;
    animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    -webkit-animation: loading-3 1.5s linear forwards 1.5s;
    animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
    -webkit-animation: loading-4 1.5s linear forwards 1.5s;
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards;
    animation: loading-5 1.5s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    -webkit-animation: loading-5 1.5s linear forwards 1.5s;
    animation: loading-5 1.5s linear forwards 1.5s;
}

@-webkit-keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@-webkit-keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@-webkit-keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@-webkit-keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@-webkit-keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.progress {
    margin-bottom: 1em;
}

.dashboardButton {
    padding: 16px 25px;
    background: #FFF;
    color: #2a2a2a;
}

.progress-value {
    width: 100%;
    font-size: 30px !important;
    font-weight: bold !important;
}

.progress-value span {
    font-size: 18px;
    font-weight: normal;
}

.dashboardButton label,
.dashboardButton .progress,
.dashboardButton .dashboardLink {
    float: left;
}

.dashboardButton label {
    padding: 50px 0;
    margin-right: 18px;
    margin-bottom: 0;
}

.dashboardLink {
    color: #2aace3 !important;
    position: relative;
    display: inline-block;
}


/* .dashboardLink:after {
border: none !important;
content: '';
width: 14px;
height: 8px;
background: transparent url(../images/sprite.png) no-repeat;
background-size: 500px 500px;
background-position: 0 -404px;
position: absolute;
top: 7px;
transform: rotate(-90deg) scale(0.9);
right: -18px;

} */

.dashboardLink.link:before {
    right: -8px;
    top: 2px;
}

.dashboardLink .btn {
    padding: 0;
    font-size: 12px;
}

.blackBlock {
    background: #2a2a2a url(../images/feather.png) no-repeat -10% 10%;
    padding: 44px 0 55px 0;
}

.doubleTitle {
    margin-bottom: 35px;
}

.blackBlock .doubleTitle {
    color: #FFF;
}

.doubleTitle span {
    font-size: 18px;
    font-weight: bold;
}

.storiesCarousel {
    color: #FFF;
}

.storiesCarousel .media>img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.storiesCarousel .media img {
    width: auto;
}

.storiesCarousel .media-body img {
    margin-bottom: 20px;
}

body {
    overflow-x: hidden;
}

.dealItem {
    height: 432px;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.dealTitle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFF;
    text-align: center;
    width: 100%;
}

.dealTitle h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 45px;
}

.paddedBlock {
    padding: 50px 0;
}

.hotelItem {
    height: auto;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    margin: 0;
}

.greyBlock {
    background: #f4f4f4;
}

.hotelItem .listingInfo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: transparent url(../images/blueshadow.png) no-repeat left bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.star {
    display: inline-block;
    background: transparent url(../images/star.png) no-repeat center center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    width: 11px;
    height: 12px;
    vertical-align: middle;
}

.hotelInfo .hotelLocation {
    float: left;
}

.hotelInfo .price {
    float: right;
}

.hotelItem .listingInfo {
    color: #FFF;
    padding: 90px 10px 96px 10px;
}

.newsletterBlock {
    padding: 45px 0;
    background: #1579a3 url(../images/paper-plane.png) no-repeat -5% 5%;
    color: #FFF;
}

.newsletterBlock .doubleTitle {
    display: inline-block;
    margin-bottom: 0;
}

.newsletterBlock .input-group {
    width: calc(100% - 520px);
    display: inline-block;
    margin-left: 30px;
}

.newsletterBlock .input-group .form-control {
    width: 100%;
}

.socialFooter label,
.socialFooter li,
.socialFooter ul {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.socialFooter ul li a {
    color: #FFF;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #2aace3;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
}

.socialFooter {
    float: right;
}

.footerMainMenu,
.footerSubMenu {
    text-align: center;
}

.footerMainMenu .nav a,
.footerSubMenu .nav a {
    color: #FFF;
    font-size: 14px;
}

.footerMainMenu {
    margin-bottom: 10px;
}

.footerTopDashboard {
    background: #004e6e;
    font-size: 14px;
    padding-top: 8px;
}

.footerTopDashboard .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.footerTopDashboard h5 {
    font-size: 16px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 600;
}

footer {
    text-align: center;
    font-size: 14px;
    height: 53px;
    line-height: 53px;
}


/*.innerPageBanner{
height: 564px;
}*/

.innerPageBanner header {
    margin-bottom: 70px;
}

.innerPageBanner .bannerControls .nav {
    margin-bottom: 50px;
}

.alignRight {
    text-align: right;
}

.dateSquare {
    overflow: hidden;
    background: #f4f4f4;
    color: #b5b5b5;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 88px;
    line-height: 18px;
    padding-top: 11px;
    font-size: 18px;
}

.dateSquare:hover,
.dateSquare.active {
    background: #178bbb;
    color: #FFF;
}

.flightDateBlock h4 {
    font-size: 20px;
    font-weight: normal;
}

.flightDateTop {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    line-height: 14px;
}

.flightDateCarousel {
    max-width: 93%;
    margin: 0 auto;
}

.flightDateBlock {
    color: #5f5f5f;
}

.weatherBlock {
    background: #374850;
    padding: 15px 20px;
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.climateReport {
    background: #2b3b42;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
}

.climateReport img {
    margin: 0 10px;
}


/* .weatherBlock .btn{
padding: 0 45px;
} */

.panel-toggle-content {
    display: none;
    margin-top: 10px;
}

.panel.active .panel-toggle-content {
    display: block;
}

h4.panelTitle {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 17px;
}

.form-check {
    margin-bottom: 15px;
}

.checkRadioList .form-check:last-child {
    margin-bottom: 0;
}

.checkRadioList input[type="checkbox"],
.checkRadioList input[type="radio"] {
    position: absolute;
    display: none;
}


/*Check box*/


/* .checkRadioList input[type="checkbox"] + .label-text:before{
content: "\f096";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}

.checkRadioList input[type="checkbox"]:checked + .label-text:before{
content: "\f14a";
color: #2980b9;
animation: effect 250ms ease-in;
}

.checkRadioList input[type="checkbox"]:disabled + .label-text{
color: #aaa;
}

.checkRadioList input[type="checkbox"]:disabled + .label-text:before{
content: "\f0c8";
color: #ccc;
} */


/*Radio box*/

.checkRadioList input[type="radio"]+.label-text:before,
.checkRadioList input[type="checkbox"]+.label-text:before {
    content: "\f10c";
    font-family: "FontAwesome" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin: 0 5px;
}

.checkRadioList input[type="radio"]:checked+.label-text:before,
.checkRadioList input[type="checkbox"]:checked+.label-text:before {
    content: "\f192";
    color: #178bbb;
    -webkit-animation: effect 250ms ease-in;
    animation: effect 250ms ease-in;
}

.checkRadioList input[type="radio"]:disabled+.label-text,
.checkRadioList input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
}

.checkRadioList input[type="radio"]:disabled+.label-text:before,
.checkRadioList input[type="checkbox"]:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
}


/*Radio Toggle*/

.checkRadioList .toggle input[type="radio"]+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]+.label-text:before {
    content: "\f204";
    font-family: "FontAwesome" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.checkRadioList .toggle input[type="radio"]:checked+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]:checked+.label-text:before {
    content: "\f205";
    color: #16a085;
    -webkit-animation: effect 250ms ease-in;
    animation: effect 250ms ease-in;
}

.checkRadioList .toggle input[type="radio"]:disabled+.label-text,
.checkRadioList .toggle input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
}

.checkRadioList .toggle input[type="radio"]:disabled+.label-text:before,
.checkRadioList .toggle input[type="checkbox"]:disabled+.label-text:before {
    content: "\f204";
    color: #ccc;
}

@-webkit-keyframes effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.form-check {
    padding-left: 0;
}

.panelSep {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.checkRadioList {
    margin-bottom: 25px;
}

.slider-handle {
    background: #ecb731 !important;
    width: 13px;
    height: 13px;
}

.slider.slider-horizontal .slider-track {
    background: #c5c5c5;
    height: 3px;
    margin-top: -1.5px;
}

.slider.slider-horizontal {
    height: 13px;
}

.slider-selection {
    background: #7f7f7f;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.minMaxValues {
    font-weight: bold;
    width: 100%;
}


/* .tooltip-inner {
color: #5f5f5f !important;
font-weight: bold;
font-size: 13px;
background: none !important;
padding: 0 !important;
font-weight: bold;
font-size: 13px !important; } */

.usdRange .tooltip-inner::after {
    content: "$";
}


/* .tooltip {
opacity: 1;
padding: 0; } */


/* .tooltip-main {
display: none !important; } */

.rangeSlider {
    padding-bottom: 20px;
}

.selectAll {
    text-decoration: underline !important;
    line-height: 16px;
}

.panelSearch {
    border-bottom: 3px solid #e4e4e4;
    position: relative;
    margin-bottom: 20px;
}

.panelSearch input[type="search"] {
    border: none !important;
    font-size: 14px;
    font-style: oblique;
}

.panelSearch input[type="search"]:focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.panelSearch .searchBtn {
    border: none;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 11px;
    height: 11px;
    background-position: -2px -2px;
    padding: 0;
}

.panelSearch .searchBtn:hover {
    background-color: none !important;
}

.timePicker .tooltip {
    min-width: 70px;
}

.facilitiesIcons li {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    opacity: 0.5;
}

.facilitiesIcons li.active {
    opacity: 1;
}

.facilitiesIcons li bdo {
    display: block;
    margin: 0 auto;
    margin-bottom: 13px;
    width: 25px;
    height: 24px;
}

.facilitiesIcons li.beverage-fac bdo {
    background-position: -2px -25px;
}

.facilitiesIcons li.eticket-fac bdo {
    width: 25px;
    background-position: -2px -58px;
}

.facilitiesIcons li.wifi-fac bdo {
    width: 19px;
    background-position: -2px -85px;
}

.removeBorderBottom {
    border-bottom: none;
}

.viewByTabs ul {
    float: right;
    margin-bottom: 0;
    color: #5f5f5f;
}

.viewByTabs ul li {
    display: inline-block;
    width: 90px;
    margin-right: 40px;
    text-align: right;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    top: 1px;
    cursor: pointer;
    line-height: 22px;
}

.viewByTabs ul li:last-child {
    margin-right: 0;
}

.viewByTabs ul li.active,
.viewByTabs ul li:hover {
    border-bottom: 3px solid #178bbb;
}

.viewByTabs {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 16px;
}

.viewByTabs>label {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
}


/* 
.flightResultListing .card-header {
background: #FFF;
border-bottom: none;
padding-top: 20px; }

.flightResultListing .card {
border: none; } */

.tripVisual figure {
    display: inline-block;
    width: 115px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: top;
    padding-top: 16px;
}

.tripVisual .tripLine {
    display: inline-block;
    width: calc(100% - 145px);
}

.tripVisual {
    padding-bottom: 18px;
    float: left;
    width: 100%;
    padding-right: 20px;
}

.tripA,
.tripB,
.tripC {
    float: left;
}

.tripA,
.tripC {
    width: 52px;
    line-height: 18px;
}

.tripVisual bdo {
    display: block;
    width: 18px;
    height: 15px;
    margin-bottom: 4px;
}

.tripA bdo {
    background-position: -3px -116px;
}

.tripC bdo {
    background-position: -29px -116px;
}

.tripLine {
    font-size: 18px;
}


/* .tripLine .country {
text-align: right;
} */

.tripVisual {
    float: left;
}

.panelsHolder .row {
    margin-left: -5px;
    margin-right: -5px;
}

.panelsHolder [class^="col-md-"] {
    padding: 0 5px;
}

.panelsHolderMediumGutter>.row>[class^="col-md-"] {
    padding: 0 10px;
}

.panelsHolderMediumGutter>.row {
    margin-left: -5px;
    margin-right: -5px;
}

.flightResultListing .card-header .col-md-9.borderedRight {
    border-right: 1px solid #dbdbdb;
}

.flightResultListing .card-header .col-md-9.borderedRight+.col-md-3 {
    padding-left: 15px;
}

.tripVisualHolder {
    margin-bottom: 2px;
    position: relative;
}

.tripVisualHolder:after {
    display: table;
    clear: both;
    content: '';
}

.tripVisualHolder.mb-0 .tripVisual {
    border-bottom: none;
}

.flightResultListing .progress .progress-bar {
    border-color: #2aace3;
}

.flightResultListing .progress {
    margin-right: auto;
    display: inline-block;
}

.small-progress-value {
    font-size: 13px !important;
    line-height: 13px;
    margin-top: -3px;
    font-weight: bold;
}

.small-progress-value span {
    display: block;
    font-size: 13px;
}

.flightResultListing .small-progress-value {
    margin-bottom: 15px;
}

.milesBtn {
    background: #d3195b;
    font-weight: bold;
    color: #FFF !important;
    border-color: #d3195b;
    position: relative;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    width: 100%;
}

.milesBtn span {
    font-weight: 700;
}

.milesBtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.flightResultListing .milesBtn {
    margin-bottom: 20px;
}

.flightResultListing .card-header {
    cursor: pointer;
}

.flightPrice {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

.flightPrice span {
    font-weight: 700;
}

.flightPrice bdo {
    background-position: -147px -111px;
    display: inline-block;
    width: 21px;
    height: 13px;
    float: right;
    position: relative;
    top: 7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card-header.collapsed .flightPrice bdo {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.flightResultListing .card-body {
    background: #f1f4f7;
    padding: 18px 10px;
}

.classLabel {
    background: #8e3698;
    overflow: hidden;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 15px;
}

.airplaneInfo h3 {
    font-size: 20px;
    font-weight: bold;
}

.planeFacilities li {
    display: inline-block;
    height: 20px;
    margin-right: 5px;
}

.planeFacilities li.cart-fac {
    width: 26px;
    background-position: -100px -6px;
}

.planeFacilities li.food-fac {
    width: 26px;
    background-position: -100px -35px;
}

.planeFacilities li.wifi-fac {
    width: 26px;
    background-position: -100px -65px;
}

.seatList li {
    display: inline-block;
    background-position: -4px -147px;
    width: 10px;
    height: 10px;
    margin-right: 2px;
}

.seatList li:last-child {
    margin-right: 0;
}

.seatList {
    margin-right: 3px;
    font-size: 0;
    line-height: 0;
}

.seatOrdering ul {
    display: inline-block;
}

.seatOrdering strong {
    margin-right: 5px;
}

.travelInfo {
    font-size: 18px;
    margin-bottom: 35px;
}

.flightDisclaimer {
    font-size: 11px;
    color: #939393;
}

.milesInfo {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.priceBreakdown h4 {
    font-size: 16px;
    font-weight: bold;
}

.priceBreakdown ul li {
    margin-bottom: 20px;
}

.priceBreakdown .btn-primary {
    width: 100%;
    color: #FFF !important;
    margin-bottom: 10px;
}

.priceBreakdown .watchListBtn {
    color: #178bbb !important;
    border: 2px solid #178bbb;
    /*        background: none !important;*/
    width: 100%;
}

.promoPanel .panelTitle {
    padding-right: 14px;
    position: relative;
    font-size: 16px;
}

.promoPanel .panelTitle::after {
    content: "";
    width: 23px;
    height: 23px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    display: inline-block;
    position: absolute;
    right: -2px;
    top: -2px;
    background-position: -143px -136px;
}

.milesInfo strong {
    display: block;
}

.promoPanel {
    margin-bottom: 20px;
}

.adPanel img {
    max-width: 100%;
}

.adPanel {
    padding: 6px;
}

.promoPanel {
    padding: 15px 10px;
}

.panelsHolder>.row>.col-md-2 {
    -ms-flex: 0 0 12.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.666667%;
    flex: 0 0 12.666667%;
    max-width: 12.666667%;
}

.panelsHolder>.row>.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.panelsHolder>.row>.col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    -webkit-flex: 0 0 67.333333%;
    flex: 0 0 67.333333%;
    max-width: 67.333333%;
}

.flightResultListing .card {
    margin-bottom: 15px;
}

.input-group>i {
    margin-right: 18px;
    line-height: 47px;
}

.posRelative {
    position: relative;
}

.staticInputText.returnText {
    left: 94px;
}

.staticInputText.departText {
    left: 128px;
}

.editInput {
    display: block;
    position: absolute;
    width: 19px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -180px -4px;
    top: 14px;
    right: 10px;
}

.moodPanel {
    background: #FFF;
    overflow: hidden;
    margin-bottom: 32px;
}

.moodPanelPadding {
    padding: 37px 32px;
    padding-bottom: 22px;
}

.moodPanel .moodPicker {
    margin-bottom: 0;
}

.moodPanel ul {
    margin-bottom: 0;
}

.moodPicker:before {
    content: '';
    width: 100px;
    height: 100%;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+99&0+0,1+98 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(98%, white), color-stop(99%, white));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 98%, white 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.moodTabs {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #f0f6fe;
    padding-top: 15px;
}

.moodTabs ul li a {
    color: #b1b1b1 !important;
    padding-bottom: 8px;
    display: block;
    cursor: pointer;
    border-bottom: 2px solid #f0f6fe;
}

.moodTabs ul li a:hover,
.moodTabs ul li a.active {
    border-bottom: 2px solid #178bbb;
    color: #178bbb !important;
}

.moodTabs ul li {
    display: inline-block;
    padding: 0 28px;
}

.innerMoodBlocks .col-md-4 {
    padding: 0 6px;
}

.innerMoodBlocks .row {
    margin-left: -6px;
    margin-right: -6px;
}

.moodBlocksHolder.innerMoodBlocks>ul>li {
    margin-right: 0;
}

.innerMoodBlocks .moodItem {
    width: 100%;
}

.moodBlocksHolder ul {
    margin-bottom: 0;
}

.innerMoodBlocks {
    padding-bottom: 100px;
}

.headerControl .dropdown-toggle::after {
    position: relative;
    top: 3px;
}

.headerControl .dropdown::after {
    content: "";
    width: 1px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 10px;
    background: #7ba4c5;
}

.headerControl .dropdown.show::after {
    opacity: 0;
}

.searchTriggerIcon {
    width: 28px;
    height: 22px;
    display: inline-block;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -144px -176px;
    position: relative;
    top: 8px;
    margin-left: 6px;
    cursor: pointer;
}

.searchTrigger {
    display: inline-block;
}

header .dropdown-item,
.headerControl .dropdown-item {
    color: #374850;
}

header .dropdown-item:last-of-type {
    border: none;
}

header .dropdown-item:hover,
.headerControl .dropdown-item:hover {
    background: #f2c031;
    color: #FFF;
}

.dateGroup {
    /* border-top: 1px solid #ced4da; */
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    overflow: hidden;
}


/*
.dateGroup .input-group-text{
border-top: none
} */

.moodListBlock {
    padding-top: 60px;
    padding-bottom: 92px;
}

.storiesCarousel .owl-prev {
    width: 30px;
    height: 38px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -275px -7px !important;
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -19px;
    z-index: 150;
}

.storiesCarousel .owl-next {
    width: 30px;
    height: 38px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -274px -68px !important;
    position: absolute;
    right: -40%;
    top: 50%;
    margin-top: -19px;
    z-index: 150;
}

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

.storiesCarousel .owl-item.active+.owl-item::before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    top: -70%;
    width: 50%;
    height: 200%;
    z-index: 100;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    display: none;
}


/*
.smallMainBanner{
height: 372px
}
*/

.smallMainBanner {
    padding-bottom: 90px !important;
}

.innerPageBanner.smallMainBanner header {
    margin-bottom: 55px;
}

.innerPageBanner h5 {
    font-size: 30px;
}

.chosenFlightDetails .airlineLogo {
    display: block;
    margin-bottom: 15px;
    padding-top: 0;
}

.borderRight {
    border-right: 1px solid #e4e4e4;
}

.borderTop {
    border-top: 1px solid #e4e4e4;
}

.borderLeft {
    border-left: 1px solid #e4e4e4;
}

.chosenFlightDetails .tripVisual .tripLine {
    width: 100%;
}

.chosenFlightDetails .col-md-9 {
    padding-bottom: 30px;
}

.chosenFlightDetails .time,
.chosenFlightDetails .country {
    display: inline-block;
}

.chosenFlightDetails .tripA,
.chosenFlightDetails .tripC {
    width: 95px;
}

.tripVisual .date {
    font-size: 13px;
    font-weight: bold;
}

.tripVisual .tripA .date {
    text-align: right;
}

.chosenFlightDetails [class^="col-md-"] {
    padding: 0 5px;
}

.passengerDetailPanel {
    padding: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.halfBorderInput input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.halfBorderInput input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8b8b8b;
}

.halfBorderInput input::-moz-placeholder {
    /* Firefox 19+ */
    color: #8b8b8b;
}

.halfBorderInput input:-ms-input-placeholder {
    /* IE 10+ */
    color: #8b8b8b;
}

.halfBorderInput input:-moz-placeholder {
    /* Firefox 18- */
    color: #8b8b8b;
}

.fullBtn {
    width: 100%;
}

.registerFlightPanel input[type="text"] {
    height: 48px;
}

.registerFlightPanel {
    margin-bottom: 35px;
}

.outerPanelTitle h6 {
    font-weight: normal;
    font-size: 16px;
}

.outerPanelTitle h3 {
    font-size: 24px;
    font-weight: bold;
    color: #2f2f2f;
}

.outerPanelTitle h3 span {
    color: #178bbb;
}

.outerPanelTitle {
    margin-bottom: 20px;
}

.tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none;
}

.tab-content>.active,
.pill-content>.active {
    display: block;
}

.tabs-left>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.whoAreYouBooking .nav li {
    display: block;
    width: 100%;
}

.whoAreYouBooking .nav {
    width: 156px;
    margin-right: 0;
    border-right: none;
}

.whoAreYouBooking .tab-content {
    width: 650px;
    float: left;
}

.whoAreYouBooking .nav li a {
    color: #FFF;
    background: #178bbb;
    font-size: 15px;
}

.whoAreYouBooking .nav li a {
    display: block;
    padding: 20px 14px;
    margin: 0;
}

.whoAreYouBooking .nav li a.active {
    background: #FFF;
    color: #374850;
}

.whoAreYouBooking .nav li:first-child a {
    -webkit-border-radius: 0.5em 0 0 0;
    border-radius: 0.5em 0 0 0;
}

.whoAreYouBooking .nav li:last-child a {
    -webkit-border-radius: 0 0 0 0.5em;
    border-radius: 0 0 0 0.5em;
}

.fakeOption {
    margin-bottom: 0;
    width: 100%;
    line-height: 18px;
}

.fakeOption {
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked+.label-text:after {
    opacity: 1;
}

.active .fakeOption::before {
    background-position: -1px -340px;
}

.lightBlueBg {
    background: #f0f6fe;
}

.whiteBg {
    background: #FFF;
}

.blueArrowSelect .input-group-prepend {
    display: block;
    padding: 0;
    background: none;
}

.airportTime {
    padding: 15px 12px;
    position: relative;
}

.airportTime a {
    background-position: -1px -426px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 13px;
}

.optionalDetails h4 {
    font-weight: bold;
    font-size: 13px;
    color: #374850;
    padding-left: 10px;
    margin-bottom: 10px;
}

.addPassenger {
    text-transform: uppercase;
    color: #178bbb;
    font-weight: bold;
    font-size: 14px;
    padding-left: 150px;
}

.addPassenger a {
    color: inherit;
}

.whoAreYouBooking {
    margin-bottom: 8px;
}

.optionalDetails .input-group {
    margin-bottom: 12px !important;
}

.seatChoiceBlock {
    /* overflow: hidden */
    margin-bottom: 45px;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.seatChoiceBlock .tab-pane {
    padding: 21px 20px;
}

.passengersList {
    display: inline-block;
    width: 180px;
    margin-right: 12px;
    vertical-align: top;
}

.passengersList .label-text {
    font-size: 16px;
}

.passengersList .form-check {
    padding: 18px;
    border-bottom: 1px solid #e8e8e8;
}

.passengersList .checkRadioList label {
    margin-bottom: 0;
}

.passengersList {
    min-height: 140px;
}

.checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #c9c9c9;
    margin-right: 10px;
    top: 1px;
    position: relative;
}

.checkRadioList:not(.roundCheckbox) input[type="checkbox"]:checked+.label-text:before {
    content: "";
}

.checkRadioList.roundCheckbox input[type="checkbox"]:checked+.label-text:after {
    content: "";
}

.seatMap {
    display: inline-block;
    vertical-align: top;
}

.seatChoiceBlock .nav-item {
    background-color: #178bbb !important;
    padding: 14px 35px 14px 20px;
    position: relative;
    border: none;
    font-size: 15px;
    color: #FFF !important;
}

.seatChoiceBlock .nav-item.active {
    background: #f4f4f4 !important;
    color: #6d6d6d !important;
}


/* .seatChoiceBlock .nav-item::after{
content: "";
width: 100%;
height: 4px;
background: #f4f4f4;
position: absolute;
left: 0;
bottom: -2px;

} */

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    margin: 0;
    height: auto;
}

figure.effect-oscar img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
    padding: 3em;
    /* background-color: rgba(0,0,0,0.7); */
    -webkit-transition: background-color 0.35s;
    -o-transition: background-color 0.35s;
    transition: background-color 0.35s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

figure.effect-oscar h3 {
    /* -webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s; */
}

figure.effect-oscar .dealTitle {
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-oscar:hover .dealTitle {
    /* margin: 20% 0 10px 0; */
    /* -webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0); */
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar span {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


/* figure.effect-oscar:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} */

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover span {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58, 52, 42, 0);
}

figure.effect-oscar:hover img {
    opacity: 0.4;
}


/* Effect 10: reveal, push out */

.btnEffect a {
    overflow: hidden;
    /* margin: 0 15px; */
}

.btnEffect a span {
    display: block;
    /* padding: 10px 20px; */
    /* background: #0f7c67; */
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    padding: 0 30px;
}

.btnEffect a::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /* padding: 10px 20px; */
    width: 100%;
    height: 100%;
    color: #FFF;
    /* background: #fff; */
    /* color: #0f7c67; */
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(-25%);
}

.btnEffect a:hover span,
.btnEffect a:focus span {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.btnEffect a:hover::before,
.btnEffect a:focus::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.btnEffect a:hover::before {
    z-index: 1;
}

button:focus,
input:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* Effect 5: same word slide in */

.cl-effect-5 a {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    /* padding: 0 4px;
height: 1em; */
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.doubleDate .dateGroup .form-control {
    padding-top: .375rem;
}

.whiteBridge::before {
    content: "";
    width: 63px;
    height: 100%;
    background: #FFF;
    position: absolute;
    left: -30px;
    top: 0;
}

.whiteBridge::after {
    content: "";
    width: 29px;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    left: -30px;
    top: 24px;
}

.hotelIcon {
    background-position: 6px -454px;
    background-color: #FFF;
}

.bannerControls select {
    border: none;
}

.nbPassengersRow input[type="number"] {
    width: 100%;
    background: #f4f4f4;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    color: #9f9f9f;
    border: none;
    padding-left: 17px;
}

.nbPassengersRow select {
    width: 100%;
}


/* .nbPassengersRow {
margin-bottom: 15px; } */

.passengersDropdown .cancelBtn {
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    top: -11px;
}

.passengersDropdown .btnEffect a:before {
    text-align: center;
}

.passengersDropdown .btnEffect a {
    color: #FFF;
}

.passengersDropdown .cancelBtn a {
    color: #1a70ad;
}

.mapView {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 14px;
    color: #FFF;
    font-style: italic;
    font-size: 14px;
    cursor: pointer;
}

.secondDestination {
    float: left;
    cursor: pointer;
    /*    overflow: hidden;*/
    margin: 10px 0;
}

.secondDestination a {
    color: #FFF;
}

.moodItem::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.moodItem:hover::before {
    opacity: 1;
}

.moodItem .caption {
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.moodItem:hover .caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.moodItem .caption {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.moodItem:hover .caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

figure.effect-lily img {
    max-width: none;
    width: calc(100% + 50px) !important;
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h3,
figure.effect-lily .hiddenHotelInfo {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

figure.effect-lily h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily .hiddenHotelInfo {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, -webkit-transform 0.35s;
    -o-transition: opacity 0.2s, transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover .hiddenHotelInfo {
    opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h3,
figure.effect-lily:hover .hiddenHotelInfo {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-lily:hover .hiddenHotelInfo {
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.hotelItem .viewMore {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.seatChoiceBlock .nav {
    display: inline-block;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: -6px -6px 6px -5px #ccc;
    box-shadow: -6px -6px 6px -5px #ccc;
    border-bottom: none;
    font-size: 0;
}

.seatChoiceBlock .tab-content {
    -webkit-border-radius: 0 0.25px 0.25px 0.25px !important;
    border-radius: 0 0.25px 0.25px 0.25px !important;
}

.nav-item .normalIcon {
    display: inline-block;
}

.nav-item .activeIcon {
    display: none;
}

.nav-item.active .normalIcon {
    display: none;
}

.nav-item.active .activeIcon {
    display: inline-block;
}

.nav-item img {
    margin-right: 8px;
}

.saveDetails .checkRadioList {
    margin-bottom: 0;
    text-align: right;
}

.checkRadioList.pinkRadio .mandatoryInput .label-text:before {
    border-color: #ed1a33 !important;
}

.checkRadioList.pinkRadio input[type="checkbox"]:checked+.label-text:after {
    display: none;
}

.contactBilling {
    margin-bottom: 30px;
}

.fullWidth {
    width: 100%;
}

.lightText {
    font-weight: normal;
    color: #8b8b8b;
    font-size: 14px;
    padding: 10px 0 0 24px;
}

.airportTaxi .checkRadioList {
    margin-bottom: 0;
}

.airportTaxi {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.blue-primary {
    border: 1px solid #178bbb !important;
    background: none;
    color: #178bbb !important;
}

.btn-primary.blue-primary:hover {
    background: #178bbb !important;
    border-color: #178bbb !important;
    color: #fff !important;
}

.pb-100 {
    padding-bottom: 100px;
}

@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

.progressNew {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.progressNew>li {
    display: inline-block;
    position: relative;
    text-align: center;
    /* color: #93a2ac; */
    /* font-weight: 100; */
    /* margin: 2rem; */
}

.progressNew>li:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    font-weight: 400;
}

.progressNew>li:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 54px;
    left: 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #2aace3;
}

.progressNew>li:before {
    content: attr(data-unit);
    position: absolute;
    width: 100%;
    top: 90px;
    left: 0;
    font-size: 18px;
    text-align: center;
    color: #374850;
}

.progressNew svg {
    width: 10rem;
    height: 10rem;
}

.progressNew svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.progressNew svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #fff;
    opacity: 0.9;
    -webkit-animation: load 3s;
    animation: load 3s;
}

.smallGradient {
    background: transparent url(../images/small-gradient.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 4px;
}

.progressNew {
    width: 100%;
}

.progressHolder label {
    text-align: center;
    padding-top: 16px;
    display: block;
    font-size: 18px;
}

.pendingStatus {
    color: #FFF;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    font-weight: 300;
}

.pendingStatus strong {
    font-size: 24px;
    display: block;
    font-weight: bold;
}

.safriyatMiles .smallGradient>svg {
    position: absolute;
}

.safriyatMiles {
    margin-bottom: 35px;
}

.panelUser .userImage {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    background: #f4f4f4;
    left: 0;
    top: 9px;
    margin-right: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.flightSummary {
    font-size: 14px;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.totalFlightPrice {
    font-size: 20px;
}

.highlightedPink {
    font-size: 20px;
    color: #d3195b;
}

.panel p {
    line-height: 21px;
    padding-top: 5px;
    margin: 0;
}

.highlighteMedia figure {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    width: 72px;
    height: 72px;
    background: #f4f4f4;
}

.highlighteMedia h5 {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
    margin-bottom: 4px;
}

.highlighteMedia p {
    padding-top: 0;
}

.blueArrowSelect h5 {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
}

.recapInput label {
    padding: 0 !important;
    margin-bottom: 5px;
}

.weatherListing {
    text-align: center;
}

.weatherListing label {
    font-weight: bold;
    display: block;
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 15px;
}

.weatherListing li {
    padding: 0 12px;
    border-right: 1px solid #f0f0f0;
    width: 14.2%;
    float: left;
}

.weatherListing figure {
    margin-bottom: 15px;
    text-align: center;
}

.weatherListing .temperature {
    font-size: 24px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: center;
    margin-bottom: 36px;
}

.sunriseSunset>div {
    width: 48%;
    float: left;
}

.sunriseSunset img {
    width: 23px;
}

.sunriseSunset span {
    border-top: 2px solid #cdcdcd;
    background: #FFF;
    font-size: 12px;
    font-weight: bold;
    color: #5f5f5f;
    display: block;
    position: relative;
    z-index: 10;
}

.sunriseSunset>div.sunset {
    float: right;
}

.weatherListing li:first-child {
    padding-left: 0;
}

.weatherListing li:last-child {
    border-right: none;
}

.sunrise img {
    position: relative;
    top: -10px;
}

.sunset img {
    position: relative;
    top: 10px;
}

.panelTitle.mb-30 {
    margin-bottom: 30px;
}

.confirmPaymentMiles .pendingStatus {
    padding: 4px 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.effectHolder figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.effectHolder figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.effectHolder figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.effectHolder figure figcaption::before,
.effectHolder figure figcaption::after {
    pointer-events: none;
}

.effectHolder figure figcaption,
.effectHolder figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* figure.effect-ruby {
background-color: #17819c;
} */

figure.effect-ruby img {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

figure.effect-ruby:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

figure.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
}

figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.whatToDoItem h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.whatToDoItem h5 a {
    color: inherit;
}

.whatToDoItem .listingDescription p {
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 0;
}

.thingsToDoBlock .moodPicker a {
    background: none !important;
    padding: 0 25px !important;
}

.thingsToDoBlock .moodPicker::before {
    display: none;
}

.mb-100 {
    margin-bottom: 100px;
}

.flightDetailsRecap {
    padding-bottom: 100px;
}

.paymentOptions .fakeOption::before {
    top: -2px;
}

.cardSelect.blueArrowSelect .input-group-prepend {
    display: inline-block;
}

.cardSelect label {
    display: inline-block;
}

.cardSelect .custom-select {
    width: 115px;
    color: #178bbb;
    font-size: 14px;
    border-bottom: none;
}

.smallerGutter.row {
    margin: 0 5px;
}

.smallerGutter .col-md-3,
.smallerGutter .col-md-6,
.smallerGutter .col-md-12 {
    padding: 0 5px;
}


/* .smallerGutter input[type="text"]{
padding: 0;
text-align: center
} */

.tooltipHolder {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url(../images/tooltip.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

body>.tooltip .tooltip-inner {
    padding: 4px !important;
    background: #d3195b !important;
    color: #fff !important;
    font-size: 11px !important;
    margin-left: 5px;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #d3195b;
}

.paymentLeft {
    padding-right: 0 !important;
}

.priceOverview {
    font-size: 14px;
}

.priceOverview .totalFlightPrice {
    font-size: 17px;
    padding: 11px !important;
}

.priceOverview {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.FlightDisclaimer {
    color: #5f5f5f;
    font-size: 14px;
}

.loyaltyControl .progressNew {
    width: auto;
    float: left;
    margin-bottom: 0;
}

.dashboardLink {
    font-size: 12px;
}

.footerTopDashboard {
    position: relative;
}

.footerTopDashboard .row {
    margin: 0;
}

.panelToggle.flip {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footerTopDashboard>.row.hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.footerTopDashboard>.row {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#pluralFix {
    display: none;
}

.rightHeader .btn {
    line-height: 24px;
}

#titleInput {
    background: none;
    border: none;
    font-family: 'Montserrat Alternates', sans-serif !important;
    font-size: 60px;
    width: 600px;
    max-width: 90%;
    display: block;
    color: #9d9d9d;
}

.newsletterBlock .submitNewsletter {
    width: 20px;
    height: 14px;
    background-image: url(../images/blue-arrow-right.png);
    position: absolute;
    right: 17px;
    top: 18px;
    padding: 0;
    border: none;
    display: block;
    cursor: pointer;
    z-index: 150;
    -webkit-background-size: cover;
    background-size: cover;
}

.search-form .form-group {
    /*  float: right !important;*/
    -webkit-transition: all 0.35s, -webkit-border-radius 0s;
    transition: all 0.35s, -webkit-border-radius 0s;
    -o-transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s, -webkit-border-radius 0s;
    width: 32px;
    height: 32px;
    /*
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-radius: 25px;
border: 1px solid #ccc;
*/
    margin: 0;
    position: relative;
}

.search-form .form-control {
    -webkit-transition: all 0.35s, -webkit-border-radius 0s;
    transition: all 0.35s, -webkit-border-radius 0s;
    -o-transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s;
    transition: all 0.35s, border-radius 0s, -webkit-border-radius 0s;
    right: 0;
}

.search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    position: absolute;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
}


/*
.search-form .form-group:hover,
.search-form .form-group.hover {
width: 100%;
border-radius: 4px 25px 25px 4px;
}
*/

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}

.searchTriggerIcon {
    top: 7px;
    margin-left: 6px;
    cursor: pointer;
    right: 0;
}

.searchTrigger:hover .form-control {
    width: 180px;
    background: #FFF !important;
}

.doubleTitle span {
    color: #1579a3;
}

.doubleTitle span.whiteColotext {
    color: white;
}

.whiteDropdown .btn {
    background: #FFF !important;
    color: #272727 !important;
    font-weight: bold;
    font-size: 16px;
    border: none;
}

.rightTitleControl {
    padding-top: 52px;
    padding-right: 79px;
}

.hotelCarousel .owl-nav,
.dealsCarousel .owl-nav {
    position: absolute;
    right: 0;
    top: -101px;
    padding-left: 20px;
    border-left: 1px solid #cacaca;
}

.hotelCarousel .owl-prev,
.dealsCarousel .owl-prev {
    width: 10px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -105px -464px !important;
    position: relative;
    top: 2px;
}

.hotelCarousel .owl-next,
.dealsCarousel .owl-next {
    width: 10px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -152px -464px !important;
    margin-left: 15px;
    position: relative;
    top: 2px;
}

.hotelCarousel .owl-prev span,
.hotelCarousel .owl-next span,
.dealsCarousel .owl-prev span,
.dealsCarousel .owl-next span {
    font-size: 0;
}

.checkRadioList.normalRadio input[type="radio"]+.label-text:before,
.checkRadioList.normalRadio input[type="checkbox"]+.label-text:before {
    width: 18px;
    height: 18px;
    border: 1px solid #FFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
}

.normalRadio span {
    padding-left: 25px;
    position: relative;
}

.checkRadioList.normalRadio input[type="radio"]:checked+.label-text:after,
.checkRadioList.normalRadio input[type="checkbox"]:checked+.label-text:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #f2c031;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 5px;
    top: 3px;
}

.checkRadioList.normalRadio .form-check {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
}

.checkRadioList.normalRadio .form-check:first-child {
    margin-left: 0;
}

.nbPassengersRow .row {
    margin-bottom: 0;
    min-height: 43px;
    line-height: 43px;
}

.checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    color: #FFF;
}

.doubleArrow.blue {
    background: transparent url(../images/connector.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.bannerControls .mb-3 {
    margin-bottom: 25px !important;
    border-radius: .25rem;
}

.currencyItem {
    width: 220px;
    font-size: 14px;
}

.currencyItem span {
    color: #178bbb;
    font-weight: bold;
}

.fixedInput1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    -webkit-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
    padding-right: 9px;
    padding: 0 12px !important;
}

.fixedInput2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 9px;
    padding: 0 12px !important;
}

.paddingSideFix {
    padding: 0 5px;
}

.addMoreRows {
    text-align: left;
    margin-bottom: 30px;
}

.addMoreRows a {
    display: inline-block;
    border: 1px solid #FFF;
    height: 42px;
    line-height: 42px;
    padding: 0 25px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.addMoreRows a:hover {
    cursor: pointer;
    background: #FFF;
    color: #2a2a2a !important;
}

.borderTopWhite {
    border-top: 1px solid #FFF;
}

.multiCityButtons .borderTopWhite {
    padding-top: 16px;
}

.pr-0 {
    padding-right: 0;
}


/**searchform header*/

.innerbg {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    /*	font-family: 'ProximaNovaBold';*/
}

#searchform {
    display: table;
    border: 0;
    /*    background-color: #3f3f3f;*/
    background: rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

#searchform li {
    display: inline-table;
}

#searchform li a {
    color: #fff !important;
    padding: 5px 15px;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

#searchform li a.active,
#searchform li a:hover,
.headeractive {
    background-color: #1579a3 !important;
}

li:nth-child(1).headeractive {
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

li:nth-child(3).headeractive {
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.searchformdiv .form-control {
    border: 0 !important;
}


/*
.searchformdiv .editInput
{
top: 8px;
}
*/


/*

.searchformdiv .tab-content .active
{
display: flex;
}
*/

.searchformdiv .dateIcon {
    border: 0;
    padding-right: 35px;
}

.mrtp1 {
    margin-top: 1px;
}

.emptyspaceleft {
    height: 33px;
}

.searchformdiv .searchbtn {
    background-color: #f2c031;
    border: 0;
    padding: 6px;
    color: #fff;
}

.searchformdiv .rghtbrd {
    -webkit-border-radius: 0px 6px 6px 0px !important;
    border-radius: 0px 6px 6px 0px !important;
}

.shap1icon:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/Shape1.png) no-repeat 70% center;
    top: 40px;
    right: -15px;
    position: absolute;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.shapeicon3 img {
    vertical-align: text-bottom;
}

.topselection {
    text-align: left;
}

.topselection li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
}

.topselection li:not(:last-child) {
    border-right: 2px solid rgba(117, 117, 117, 0.7);
}

#btnaddmore {
    background: none;
    border: 2px solid rgba(117, 117, 117, 0.7);
    padding: 5px 20px;
    color: #fff;
}

#btnaddmore i {
    margin-right: 10px;
}

.searchformdiv hr {
    border: 1px solid rgba(117, 117, 117, 0.7);
    display: table;
    width: 100%;
}

.chekbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.chekbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */


/*
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}
*/


/* On mouse-over, add a grey background color */

.chekbox:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.chekbox input:checked~.checkmark {
    background-color: #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.chekbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.chekbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inlinetable {
    display: inline-table;
}

.w100 {
    width: 100%;
}

.pd650 {
    padding: 6px 50px !important;
}

@media (max-width: 768px) {
    .shap1icon:after {
        top: 0;
        right: 0;
        left: 0;
        position: relative;
        display: block;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin: auto;
    }
}


/*

.bannerControls .input-group{
border: 2px solid #FFF;
border-radius: .25rem;
}
*/


/*
.bannerControls .input-group.focused .form-control{
-moz-box-shadow:    inset 0 0 10px #f2c031;
-webkit-box-shadow: inset 0 0 10px #f2c031;
box-shadow:         inset 0 0 10px #f2c031;
}*/

#removeRow {
    display: none;
}

#removeRow.show {
    display: inline-block;
}

#addRow {
    margin-right: 15px;
    display: none;
}

.input-group.focused {
    position: relative;
}


/* .input-group.focused::before {
content: "";
width: 100%;
height: 100%;
border: 2px solid #f2c031;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
z-index: 10; } */

.flightTypeChoices {
    text-align: center;
}

.bannerControls .nav#searchform {
    display: inline-block !important;
    /*     font-size: inherit; */
}

.searchformdiv {
    text-align: left;
}

.bannerControls .nav#searchform a {
    font-size: 16px;
}

.topselection li:last-child {
    padding: 17px 0;
    float: right;
    cursor: pointer;
}

.bannerControls .form-control {
    font-weight: 200;
    font-size: 14px;
    color: #5f5f5f;
    border: 0px solid #d4dcec !important;
    border-radius: .25rem;
}

.bannerControls .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.bannerControls .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.bannerControls .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.bannerControls .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

.bannerControls .dropdown-toggle {
    color: #9f9f9f;
    font-weight: 300;
    -webkit-border-top-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.bannerControls .row,
.clickedForm .row {
    margin: 0;
}

.innerPageBanner .bannerControls .row {
    margin: 0;
}

.clickedForm {
    padding: 0 35px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.clickedMood {
    padding-top: 0;
}

.clickedMood .hideOnClick {
    opacity: 0;
    position: absolute;
}

.clickedMood.moodItem::before {
    background: transparent url(../images/gradient.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0.8;
}

.transWhite {
    background: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    border-color: #FFF !important;
}

.btnEffect a.transWhite::before {
    opacity: 0;
}

.btnEffect a.transWhite:hover::before {
    opacity: 1;
}

.arrowIcon {
    background: #FFF url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -410px 10px;
}

.clickedForm {
    display: none;
}

.clickedMood .clickedForm {
    display: block;
}

.clickedForm h5 {
    font-weight: bold;
    font-size: 26px;
}

.smallItem .bannerControls .input-group input {
    height: 39px;
    font-size: 13px;
}

.smallItem .clickedForm h5 {
    font-size: 21px;
}

.smallItem .mb-3 {
    margin-bottom: 6px !important;
}

.smallItem .staticInputText {
    top: 2px;
}

.tallItem .hideOnClick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mapView {
    padding-right: 35px;
    background: transparent url(../images/mapview.png) no-repeat right center;
    -webkit-background-size: 27px 21px;
    background-size: 27px 21px;
    height: 21px;
    line-height: 29px;
}

.mapView:hover {
    color: #f2c031 !important;
}

.blackBlock .doubleTitle span {
    color: #FFF;
}

.dealsCarousel .owl-nav {
    top: -78px;
    border-left: none;
}

.dealsCarousel .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.overflowHidden {
    overflow: hidden;
}

.hiddenControls {
    max-height: 0;
    overflow: hidden;
}

.innerPageBanner {
    min-height: 400px;
    padding-bottom: 0;
}

.collapsedControls .topselection {
    margin-bottom: 0;
}

.topSelectionLabel {
    font-weight: bold;
    font-size: 20px;
}

.collapsedControls h2 {
    margin-bottom: 100px;
}

.rghtbrd span {
    min-width: 1px !important;
}

.pt-16 {
    padding-top: 16px;
}

.dateSquare span {
    font-weight: normal;
    display: inline-block;
    margin-bottom: 13px;
    font-size: 15px;
}

.priceBar {
    height: 6px;
    background: #f4f4f4;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.priceBar span {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.priceBar.green span {
    background: #0ca22f;
}

.priceBar.red span {
    background: #d81212;
}

.flightDateCarousel .owl-prev,
.yellowArrowCarousel .owl-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    font-size: 30px;
    color: #ecb731;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -148px -5px !important;
}

.flightDateCarousel .owl-next,
.yellowArrowCarousel .owl-next {
    position: absolute;
    right: -30px;
    top: 50%;
    font-size: 30px;
    color: #ecb731;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    background: transparent url(../images/sprite.png) no-repeat !important;
    -webkit-background-size: 500px 500px !important;
    background-size: 500px 500px !important;
    background-position: -149px -23px !important;
}

.flightDateCarousel .owl-next span,
.flightDateCarousel .owl-prev span,
.yellowArrowCarousel .owl-prev,
.yellowArrowCarousel .owl-next {
    font-size: 0;
}

.whiteInfoBox {
    width: 194px;
    padding-left: 30px;
    font-size: 11px;
    padding: 9px 9px 9px 30px;
    color: #5f5f5f;
    line-height: 13px;
    background: #FFF url(../images/info.png) no-repeat 7px center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
}

.smallTravelPath {
    font-size: 14px;
    color: #838383;
    font-weight: bold;
}

.smallTravelPath i {
    font-weight: normal;
}

.travelPath2 {
    position: relative;
}

.travelPath2::before {
    content: "";
    width: 30%;
    height: 2px;
    background: #c5c5c5;
    position: absolute;
    right: 105%;
    top: 11px;
}

span.travelPath1 {
    width: 45%;
    display: inline-block;
}

span.travelPath2.floatRight {
    width: 45%;
    display: inline-block;
}

.planeLoader figure {
    position: relative;
    width: 531px;
    margin: 0 auto;
}

.planeLoader figure img {
    width: 100%;
}

.planeLoader {
    text-align: center;
    padding: 30px 0 130px 0;
}

.pt-0 {
    padding-top: 0 !important;
}

.minimalBanner .rounded {
    margin-bottom: 0;
}

.planeLoader h3 {
    font-size: 35px;
    color: #178bbb;
    font-weight: bold;
}

.planeLoader h4 {
    font-size: 22px;
    margin-bottom: 35px;
    font-weight: normal;
    color: #272727;
}

.planeLoader figure .from,
.planeLoader figure .to {
    font-size: 15px;
    color: #5f5f5f;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.planeLoader figure .from.show,
.planeLoader figure .to.show {
    opacity: 1;
}

.planeLoader figure .from h4,
.planeLoader figure .to h4 {
    font-size: 26px;
    color: #178bbb;
    font-weight: bold;
    margin-bottom: 0;
}

.planeLoader figure .from h5,
.planeLoader figure .to h5 {
    font-size: 13px;
    font-weight: bold;
    color: #5f5f5f;
}

.planeLoader figure .from {
    position: absolute;
    left: -68px;
    top: 153px;
    text-align: right;
}

.planeLoader figure .to {
    position: absolute;
    right: -68px;
    top: 153px;
    text-align: left;
}

.mb-40 {
    margin-bottom: 40px;
}

.progressMiles {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ededed;
    height: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.innerProgress {
    padding: 20px 30px 15px 30px;
}

.progressMiles span {
    display: inline-block;
    height: 100%;
    background: transparent url(../images/gradient.jpg) no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.innerProgress label {
    padding-top: 0;
    font-size: 20px;
    font-weight: bold;
    color: #272727;
}

.progressPoints {
    font-size: 18px;
    padding-bottom: 16px;
    text-align: center;
    color: #272727;
}

.progressTarget {
    color: #5f5f5f;
    font-weight: 300;
    text-align: center;
    padding-top: 16px;
}

.progressTarget strong {
    font-weight: bold;
}

.flightDetailsRecap h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 17px;
}

.flightDetailsRecap span {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}

.flightDetailsRecap .btn-primary span {
    font-size: 14px;
}

.flightDetailsRecap .btnEffect {
    width: 100%;
}

.printConfirmation a {
    text-decoration: underline;
    color: #1579a3;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    background: transparent url(../images/print.png) no-repeat left center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    padding-left: 26px;
    display: inline-block;
    height: 20px;
    line-height: 22px;
    text-decoration: underline;
}

.printConfirmation a:hover {
    color: #f2c031;
}


/*** ADDED DECMBER 7 **/


/*flightstatus*/

.headerinner {
    color: #fff;
}

.brdbtm3 {
    border-bottom: 3px solid #fff;
}

.searchInput {
    display: block;
    position: absolute;
    width: 19px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: 4px -2px;
    top: 14px;
    right: 10px;
}

.searchflgbrd {
    padding-right: 50px;
    border: none;
    background: transparent;
    border-bottom: 2px solid #e4e4e4;
    font-size: 20px;
    font-style: italic;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.searchflgbrd::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.searchflgbrd::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.searchflgbrd:-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.searchflgbrd:-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

.searchflgbrd:focus {
    border-color: #e4e4e4 !important;
}

.flgstau1 {
    background-color: #fff;
    display: table;
    width: 100%;
}

.listdot:before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 15px;
    width: 15px;
    margin-right: 10px;
    background-color: #fff;
    vertical-align: middle;
}

#flightstatusdiv li a,
#faqdiv li a {
    color: #cfcfcf;
    text-decoration: none;
}

#flightstatusdiv {
    border: none;
    padding: 10px;
}

#flightstatusdiv li {
    font-size: 25px;
    font-weight: bold;
    padding: 0 10px;
}

.flgactive a {
    color: #178bbb !important;
    border-bottom: 1px solid #178bbb;
}

.pd10 {
    padding: 10px;
}

.mrg0 {
    margin-bottom: 0 !important;
}

.emailInput {
    display: block;
    position: absolute;
    width: 35px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -35px -470px;
    top: 14px;
    right: 10px;
}

@media (max-width: 1200px) {
    .flgstau2,
    .trplann1 {
        width: 100%;
    }
}


/*faq*/

.bluebldclr {
    color: #178bbb;
    font-weight: bold;
}

.faq1 {
    -webkit-box-shadow: 3px 1px 10px 0px #f1f4f7;
    box-shadow: 3px 1px 10px 0px #f1f4f7;
}

.faq2 {
    background: #fff;
    padding: 5px 10px;
    color: #5f5f5f;
}

.faq2 .searchflgbrd {
    color: #9f9f9f;
    font-style: italic;
}

.faq3 {
    background: #f1f4f7;
    margin: auto;
    padding: 10px 25px;
}

.faq3 .searchInput {
    right: 30px;
    top: 25px;
    -webkit-background-size: 750px 750px;
    background-size: 750px 750px;
    background-position: -2px -2px;
}

.faqdiv {
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    position: relative;
}

.minussign {
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    background: url(../images/minusign.png) no-repeat;
    top: 25px;
    right: 17px;
}

.pd-r100 {
    padding-right: 100px;
}

#faqdiv li:not(:first-child) {
    padding: 0 20px;
}

#faqdiv .flgactive a {
    padding-bottom: 5px;
}

.pb-2 {
    padding-bottom: 2rem !important;
}

.faq4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.faq4 img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px;
    height: 90px;
    padding: 10px;
}

.clr2 {
    color: #d3195b;
    font-weight: bold;
}


/*trip planner*/

.sharessign {
    display: block;
    width: 35px;
    height: 18px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px;
    background-position: -138px -55px;
}

.inlneblck {
    display: inline-block;
}

.panelUser .passengerImage {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    background: #f4f4f4;
    left: 0;
    top: 9px;
    margin-right: 10px;
}

.pd-rght40 {
    padding-right: 40px;
}

.addplusyellow {
    float: right;
    margin-top: 10px;
}

.addplusyellow i {
    color: #f2c031;
}

.tripplane1Icon {
    display: table;
    border: 0;
    background: #FFF url(../images/plane1.png) no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    width: 27px;
    height: 19px;
}

.tripplane2Icon {
    display: table;
    border: 0;
    background: #FFF url(../images/plane2.png) no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    width: 27px;
    height: 19px;
    position: absolute;
    right: 0;
    top: -20px;
}

.posrel {
    position: relative;
}

.subscript {
    display: table;
    margin-top: -8px;
    margin-left: 15px;
}

.crossline {
    border: 1px solid #c5c5c5;
    width: 15vw;
}

.sendicon {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #f2c031;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    margin-left: 10px;
}

.sendicon i {
    color: #fff;
}

.p030 {
    padding: 0 30px;
}

.p015 {
    padding: 0 15px;
}

.trplann6 {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.triplefticon {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -153px -20px;
    top: 1.5rem;
    right: 2rem;
}

.trplann4 figure img {
    width: 100%;
    height: 200px;
}

.trplann4 figcaption {
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
}

.mrgtp0 {
    margin-top: 0;
}

.mrt10 {
    margin-top: 10px;
}

.posabsrgt {
    position: absolute;
    right: 0;
}

.bluebg {
    background: #178bbb;
    font-weight: bold;
}

.btnwhtadd {
    color: #fff;
    font-weight: bold;
}

.trplann7 {
    float: right;
    margin-top: 4px;
}

.trplann8 li:before {
    content: "•";
    color: #178bbb;
    font-size: 25px;
    margin-right: 10px;
}

.trplann8 li {
    position: relative;
}

.vl:before {
    content: "";
    border-left: 2px solid #dfdfdf;
    height: 32px;
    display: inline-table;
    position: absolute;
    top: 23px;
    left: 3px;
}

.pad15 {
    padding: 15px;
}

.pagination a {
    color: black;
    float: left;
    padding: 4px 12px;
    text-decoration: none;
}

.pagination .actvepage {
    background: #fff;
}

.trplann1 p {
    margin-bottom: 0;
}

.trplann1b hr {
    margin: 6px 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
}


/*passenger detail*/

.fullwdth {
    display: table;
    width: 100%;
}

.passdet1 span {
    float: right;
    position: inherit;
}

.mrgrgt5 {
    margin-right: 5px;
}

.progress-bar {
    background-color: lightgray;
    width: 80%;
    height: 16px;
    display: block;
    text-align: left !important;
    margin: auto;
}

.userSlider .progress-bar {
    -webkit-border-radius: 1.25em;
    border-radius: 1.25em;
}

.progress-value {
    color: #374850;
    font-size: 13px;
    display: inline-block;
}

.prghr {
    margin: auto;
    width: 90%;
    display: table;
}


/*hotel listing*/

.mrgtp150 {
    margin-top: 150px;
}

.whtclr {
    color: #fff;
}

.hotellisting1 .topselection li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.7);
}

.padbtm0 {
    padding-bottom: 0;
}

.hotellistingfig1 img {
    /*	    width: 13vh;*/
    height: calc(100% - 3em);
}

.hotellocation {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/destination.png) no-repeat;
    top: 1.5rem;
    right: 2rem;
}

.totalreview {
    -webkit-border-radius: 20px 20px;
    border-radius: 20px;
    border: solid 2px #009263;
    width: 12px;
    height: 12px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 2px;
}

.fullreview:before {
    content: "";
    display: table;
    position: relative;
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    background: #009263;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.specialbtn {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding-left: 34px;
}

.specialbtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.swing-fac-active bdo {
    width: 26px;
    background-position: -96px 0px;
}

.food-fac-active bdo {
    width: 26px;
    background-position: -100px -35px;
}

.wifi-fac-active bdo {
    width: 26px;
    background-position: -35px -85px;
}

.beverage-fac-active bdo {
    width: 26px;
    background-position: -35px -25px;
}

.hoteliconbook {
    position: absolute;
    right: 8px;
    top: 12px;
}

.progressdiv1 {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #178bbb;
}

.progressdiv1:after {
    content: "";
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #a8d3e5;
    position: absolute;
    top: 0;
    left: 0;
}

.progressdiv1>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progressdiv1 .progress1-left {
    left: 0;
}

.progressdiv1 .progress1-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progressdiv1 .progress1-left .progress1-bar {
    left: 100%;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progressdiv1 .progress1-right {
    right: 0;
}

.progressdiv1 .progress1-right .progress1-bar {
    left: -100%;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: loading-1 1.8s linear forwards;
    animation: loading-1 1.8s linear forwards;
}

.progressdiv1 .progress1-value {
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress1-left .progress1-bar {
    -webkit-animation: loading-3 1s linear forwards 1.8s;
    animation: loading-3 1s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

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

@media only screen and (max-width: 990px) {
    .progressdiv1 {
        margin-bottom: 20px;
    }
}

.padbtm0 {
    padding-bottom: 0;
}

.fullstar {
    background: url(../images/star.png) no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center;
}

.emptystar {
    background: url(../images/emptystar.png) no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center;
}

.hotelstardiv h4,
.hotelstardiv>div {
    display: inline-table;
}

.hotelstar span {
    display: inline-table;
}


/*

.form-check span
{
color: #5f5f5f;
}
*/

.freecancelldiv span {
    color: #178bbb;
}

.padbtm30 {
    padding-bottom: 30px;
}

.hotellisting2 ul li {
    width: auto;
    color: #178bbb;
}

.hotellisting2 ul li select {
    background-color: transparent;
    border: 0;
}

.ratingstar {
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    background: url(../images/star.png) no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.destinationratingIcon {
    background: #FFF url(../images/destination.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: bottom;
}

.exclaminationicon {
    background: #FFF url(../images/tooltip.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: middle;
}

.specialbtn2 {
    font-weight: bold;
    color: #5f5f5f !important;
    border-color: #efefef;
    background-color: #efefef;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 3px 15px;
}

.specialbtn2:hover {
    background: #f2c031 !important;
    color: #FFF !important;
    border-color: #f2c031;
}

.hotellisting3 {
    vertical-align: top;
}

.smallhotellist1 {
    display: table;
    margin: -5px auto;
}

.hotellistbtnspecial {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding: 4px 12px 4px 30px;
}

.hotellistbtnspecial bdo {
    display: inline-block;
    width: 23px;
    height: 18px;
    background-position: 0 0;
    position: absolute;
    left: 0px;
    top: 5px;
    background: url(../images/lightbulb.png) no-repeat;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    background-position: 5px center;
}

.hotelmilesBtn {
    background: #d3195b;
    font-weight: bold;
    color: #FFF !important;
    border-color: #d3195b;
    position: relative;
    display: table;
    margin-top: 5px;
    padding: 4px 15px;
}

.mrgtp10 {
    margin-top: 10px;
}

.hotellisting4 .food-fac-active bdo {
    background-position: -99px -31px;
}

.mrgauto {
    margin: auto;
}

.smallhotellist2 {
    display: table;
    margin: -5px 0;
}

.hotellisting5 {
    height: 39px;
    line-height: 41px;
    width: 100%;
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.hotellisting6 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.borderedLeft {
    border-left: 1px solid #dbdbdb;
    padding-left: 10px;
}

.hotellisting7 {
    padding-bottom: 0;
    padding-right: 10px;
}

.hoteliconbook2 {
    position: absolute;
    right: 8px;
    top: 18px;
}

.hotellisting8 li {
    text-align: center;
}


/*
.hotellisting8 .active
{
background: #1579a3;
color: #fff;
}
*/

.hotelmilesspanicon {
    padding: 0 10px !important;
    width: 100%;
    text-align: left;
}

.hotelmilesspanicon i {
    position: absolute;
    right: 10px;
    top: 18px;
}

.hoteldetail1 img {
    width: 100%;
}

@media (min-width: 768px) {
    .hoteldetail2 .row>div {
        padding-right: 0;
    }
}

.hotellisting8 li a {
    display: block;
    color: #5f5f5f;
    cursor: pointer;
    background-color: #FFF !important;
    border-color: #FFF !important;
}

.hotellisting8 li a.btn-primary.active {
    color: #fff;
    background-color: #1579a3 !important;
    border-color: #1579a3 !important;
}

.hotellisting8 li a.btn-primary.active:hover {
    background-color: #f2c031 !important;
    border-color: #f2c031 !important;
    color: #FFF !important;
}

.hotellisting8 li a:hover {
    border-color: #FFF !important;
    color: #f2c031 !important;
}

.largeReview .totalreview {
    width: 16px;
    height: 16px;
}

.largeReview .fullreview:before {
    width: 8px;
    height: 8px;
}

.tripAdvisorPanel small {
    line-height: 10px;
    font-size: 11px;
    line-height: 13px !important;
    font-size: 11px;
    display: block;
}

.tripAdvisorPanel small strong {
    text-decoration: underline;
}

.tripAdvisorPanel small a {
    color: inherit;
}

.hotelstardiv h4 {
    margin-bottom: 0;
}

.hotellisting2 label {
    font-size: 18px;
    color: #5f5f5f;
    margin-bottom: 0;
}

.tripAdvisorPanel .totalreview {
    margin-right: 0;
}

.hotellistingImageHolder {
    width: 160px;
    margin-right: 15px;
}

.hotellistingImageHolder img {
    width: 100%;
}

.roomsLeft {
    font-size: 12px;
}

.hotelListingCard {
    overflow: hidden;
}

.hotellisting3 .dsptble {
    font-size: 0;
    text-align: center;
    margin-bottom: 6px;
}

.smallhotellist1 {
    margin-bottom: 5px;
}


/*
.hotellisting3 figure.dsptble{
margin-bottom: 12px;
}
*/

.progressDivPercentage {
    margin-bottom: 16px;
}

.progressDivPrice {
    font-size: 26px;
}

.progressDivPrice span {
    font-size: 13px;
}

.hotellisting2 .input-group {
    display: inline-block;
    width: auto;
    margin: 0 !important;
    border-bottom: none !important;
}

.hotellisting2 .input-group.blueArrowSelect .custom-select {
    border-bottom: none;
    font-weight: normal;
    font-size: 16px;
    padding-right: 22px;
    color: #178bbb;
}

.freeBreakfastBanner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.freeBreakfastBanner h3 {
    font-size: 20px;
    font-weight: bold;
    color: #178bbb;
    margin-bottom: 0;
}

.freeBreakfastBanner p {
    color: #8b8b8b;
    font-size: 16px;
}

.blueclr,
.btn.blueclr {
    color: #1579a3;
}

.panelSmallestTitle {
    font-size: 13px;
    font-weight: bold;
}

.safriyatMilesNb {
    font-size: 18px;
    color: #178bbb;
}

.panelSmallestTitle span {
    margin-bottom: 8px;
    display: block;
    line-height: 17px;
}

.hotelmilesspanicon {
    background: transparent url(../images/dot.png) no-repeat 88% center;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.smallBlueTabs {
    border-bottom: none;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.smallBlueTabs a {
    font-size: 22px;
    font-weight: bold;
    color: #b1b1b1;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    display: inline-block;
}

.transparentPanel .smallBlueTabs li a {
    border-color: #f4f4f4;
}

.smallBlueTabs li a.active,
.smallBlueTabs li:hover a {
    color: #178bbb;
}

.smallBlueTabs li {
    /*    margin-right: 40px;*/
    line-height: 18px;
}

.smallBlueTabs li a.active,
.smallBlueTabs li:hover a {
    border-bottom: 2px solid #178bbb;
}

.smallBlueTabs li:last-child {
    margin-right: 0;
}

.socialBtn {
    width: 100%;
}

.centerText {
    text-align: center;
}

.userLoginPanel {
    font-size: 20px;
    color: #2f2f2f;
}

.userLoginPanel .input-group input {
    font-size: 16px;
}

.userLoginPanel .btnEffect {
    width: 100%;
}

.bigIconsList figure {
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 20px;
}

.bigIconsList figure img {
    width: 100%;
}

.bigIconsList h5 {
    font-size: 20px;
    font-weight: bold;
    color: #272727;
}

.bigIconsList .media-body {
    font-size: 15px;
}

.userPanels {
    padding-bottom: 120px;
}

.minHeightBanner {
    min-height: 375px;
}

.minHeightBanner header {
    margin-bottom: 0;
}

.userInfoPanel {
    padding-top: 90px;
    position: relative;
    overflow: visible;
    top: -75px;
    text-align: center;
}

.userProfileImage {
    width: 137px;
    height: 137px;
    background: #f1f4f7;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 4px solid #f1f4f7;
    overflow: hidden;
    position: absolute;
    top: -70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.userProfileImage img {
    width: 100%;
}

.userName {
    font-size: 24px;
    color: #178bbb;
    font-weight: bold;
    margin-bottom: 10px;
}

.userContact {
    font-size: 16px;
    color: #5f5f5f;
    margin-bottom: 40px;
}

.userContact a {
    color: inherit;
}

.userContact a:hover {
    text-decoration: underline;
}

.smallUserMap {
    width: 290px;
    margin: 0 auto;
    position: relative;
}

.smallUserMap img {
    width: 100%;
}

.countriedVisited li {
    position: absolute;
}

.countriedVisited span {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #f2c031;
    display: block;
    cursor: pointer;
}

.countriedVisited .tooltip {
    background: #f1f4f7;
    color: #5b5b5b;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    left: -12px;
    top: 10px;
    display: none;
}

.countriedVisited li:hover .tooltip {
    display: block;
}

.userSlider .item>span {
    font-size: 16px;
    color: #272727;
    margin-bottom: 25px;
    display: block;
}

.userSlider.yellowArrowCarousel .owl-prev {
    left: 0;
}

.userSlider.yellowArrowCarousel .owl-next {
    right: 0;
}

.flexTabs a {
    font-size: 17px;
}

.transparentPanel {
    background: transparent;
}

.flexColumns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
}

.flexColumns [class^="col-md-"] {
    width: auto !important;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
    max-width: auto;
}

.minWidthCols [class^="col-md-"] {
    min-width: 80px;
}

.blueTranspBtn {
    background: transparent !important;
    border-color: #178bbb !important;
    color: #178bbb !important;
}

.blueTranspBtn:hover {
    background: #178bbb !important;
    color: #FFF !important;
    border-color: #178bbb !important;
}

.AddNewPassenger {
    padding: 18px 0;
}

.alignLeft {
    text-align: left !important;
}

.AddNewPassenger .btn {
    padding-left: 15px;
}

.flexColumns input[type="text"] {
    width: 56px;
}

.displayBlock {
    display: block;
}

.overflowVisible {
    overflow: visible;
}

.cardDropdown .btn {
    background: #FFF !important;
    border: none;
    padding-top: 0;
}

.cardSelect.cardDropdown .input-group-prepend {
    vertical-align: top;
    line-height: 0;
}

.listToolbar {
    margin-bottom: 10px;
}

.listToolbar h4 {
    font-size: 24px;
    font-weight: bold;
    color: #374851;
    padding-top: 15px;
}

.sortDiv .dk-select-options .dk-option {
    background-color: #fff;
    color: #374851;
    padding: 5px;
}

.sortDiv .dk-select-options .dk-option-highlight {
    background-color: #374851;
    color: #fff;
}

.sortDiv .input-group {
    display: inline-block;
    width: auto;
    margin: 0 !important;
}

.sortDiv .custom-select {
    font-size: 16px;
    color: #178bbb;
    border-bottom: none;
    width: 116px;
}

.myBookingItem .plane1 {
    background: #FFF url(../images/plane1.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.myBookingItem .plane2 {
    background: #FFF url(../images/plane2.png) no-repeat 70% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

.tripFrom {
    width: 105px;
    font-size: 13px;
}

.myBookingItem .country {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.myBookingItem .tripA,
.myBookingItem .tripC {
    width: auto;
}

.myBookingItem .tripB {
    width: 200px;
}

.myBookingItem .time {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

.myBookingItem .tripVisual .tripLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.myBookingItem .tripVisual {
    padding-bottom: 0;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.rebookFlight .btn span {
    background: transparent url(../images/rebook.png) no-repeat 15px center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    padding-left: 38px;
}

.rebookFlight a::before {
    background: transparent url(../images/rebook.png) no-repeat 15px center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    padding-left: 38px;
    height: 48px;
    padding-left: 38px;
}

.myBookingItem .tripVisual {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.myBookingItem:not(.hotelBookingItem) {
    padding-left: 48px;
}

.rebookFlight {
    margin-top: 9px;
}

.myBookingItem .sharessign {
    position: absolute;
    left: 0;
    top: 7px;
}

.myBookingsList li {
    margin-bottom: 11px;
}

.hotelBookingItem .media span {
    font-size: 12px;
    font-weight: 500;
    color: #5f5f5f;
}

.hotelBookingItem h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #5f5f5f;
}

.hotelBookingRight {
    text-align: right;
}

.hotelBookingRight .btnEffect {
    float: none;
    display: block;
}

.hotelBookingItem .sharessign {
    position: static;
    display: inline-block;
}

.yesNoRange .slider {
    width: 33px;
}

.yesNoRange label {
    margin-right: 12px;
}

.yesNoRange .slider-handle {
    background: #178bbb !important;
    top: 1px;
}

.yesNoRange .slider.slider-horizontal .slider-track {
    height: 5px;
}

.watchListItem {
    padding: 0;
    padding-left: 0 !important;
}

.watchListItem .tripFrom {
    width: auto;
}

.lightBlueBoxArea,
.watchListItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lightBlueBoxArea {
    background: #f1f4f7;
    font-size: 12px;
    padding: 30px 10px !important;
    line-height: 30px;
}

.watchListItem .tripB {
    width: 85px;
}

.watchListItem .whiteBoxArea {
    padding-left: 35px !important;
}

.mr-20 {
    margin-right: 20px;
}

.watchListItem {
    background: #FFF !important;
}

.yellowBoxArea {
    width: 184px;
}

.yellowBoxArea .watchBookingBtn {
    width: 100%;
    height: 100%;
}

.yellowBoxArea .watchBookingBtn .btn {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
    padding-left: 20px;
    line-height: 21px;
    padding-top: 37px;
    background-image: url(../images/eye.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
}

.yellowBoxArea .watchBookingBtn .btn span {
    font-size: 13px;
    font-weight: normal;
}

.yellowBoxArea .watchBookingBtn .btn h4 {
    font-size: 20px;
    font-weight: bold;
}

.watchListItem .tripC {
    padding-left: 20px;
}

.lightBlueBoxArea h4 {
    font-size: 20px;
}

.threeDots {
    position: absolute;
    left: 7px;
    top: 10px;
    height: 16px;
    cursor: pointer;
}

.threeDots span,
.threeDots span::before,
.threeDots span::after {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ecb731;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-bottom: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.threeDots span::before,
.threeDots span::after {
    content: "";
    position: absolute;
    top: 6px;
}

.threeDots span::after {
    top: 12px;
}

.watchListForm .squareCheckbox label {
    color: #178bbb;
    font-weight: normal;
}

.watchListForm .checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    color: #178bbb;
}

.mrgtp150 {
    margin-top: 150px;
}

.whtclr {
    color: #fff;
}

.hotellisting1 .topselection li:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.7);
}

.padbtm0 {
    padding-bottom: 0;
}


/*
.hotellistingfig1 img
{
width: 13vh;
height: calc(100% - 3em);
}
*/

.hotellocation {
    display: block;
    position: absolute;
    width: 22px;
    height: 20px;
    background: transparent url(../images/destination.png) no-repeat;
    top: 1.5rem;
    right: 2rem;
}

.totalreview {
    -webkit-border-radius: 20px 20px;
    border-radius: 20px;
    border: solid 2px #009263;
    width: 12px;
    height: 12px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 2px;
}

.fullreview:before {
    content: "";
    display: table;
    position: relative;
    width: 4px;
    height: 4px;
    top: 2px;
    left: 2px;
    background: #009263;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.specialbtn {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding-left: 34px;
}

.specialbtn bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.swing-fac-active bdo {
    width: 26px;
    background-position: -96px 0px;
}

.food-fac-active bdo {
    width: 26px;
    background-position: -100px -35px;
}

.wifi-fac-active bdo {
    width: 26px;
    background-position: -35px -85px;
}

.beverage-fac-active bdo {
    width: 26px;
    background-position: -35px -25px;
}

.hoteliconbook {
    position: absolute;
    right: 8px;
    top: 12px;
}

.progressdiv1 {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #178bbb;
}

.progressdiv1:after {
    content: "";
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #a8d3e5;
    position: absolute;
    top: 0;
    left: 0;
}

.progressdiv1>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progressdiv1 .progress1-left {
    left: 0;
}

.progressdiv1 .progress1-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progressdiv1 .progress1-left .progress1-bar {
    left: 100%;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progressdiv1 .progress1-right {
    right: 0;
}

.progressdiv1 .progress1-right .progress1-bar {
    left: -100%;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -webkit-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-animation: loading-1 1.8s linear forwards;
    animation: loading-1 1.8s linear forwards;
}

.progressdiv1 .progress1-value {
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress1-left .progress1-bar {
    -webkit-animation: loading-3 1s linear forwards 1.8s;
    animation: loading-3 1s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

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

@media only screen and (max-width: 990px) {
    .progressdiv1 {
        margin-bottom: 20px;
    }
}

.padbtm0 {
    padding-bottom: 0;
}

.fullstar {
    background: url(../images/star.png) no-repeat;
    width: 25px;
    height: 27px;
    vertical-align: middle;
}

.emptystar {
    background: url(../images/emptystar.png) no-repeat;
    width: 25px;
    height: 27px;
    vertical-align: middle;
}

.hotelstardiv h4,
.hotelstardiv>div {
    display: inline-table;
}

.hotelstar span {
    display: inline-table;
}


/*
.form-check span
{
color: #5f5f5f;
}
*/

.freecancelldiv span {
    color: #178bbb;
}

.padbtm30 {
    padding-bottom: 30px;
}

.hotellisting2 label {
    display: table;
    margin-bottom: 0;
}

.hotellisting1 .dropdown-toggle::after {
    position: absolute;
    top: 16px;
    right: 10px;
}

.ratingstar {
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    background: url(../images/star.png) no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.destinationratingIcon {
    background: url(../images/destination.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: bottom;
}

.exclaminationicon {
    background: url(../images/tooltip.png) no-repeat;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 18px;
    height: 23px;
    margin-right: 5px;
    vertical-align: middle;
}

.specialbtn2 {
    font-weight: bold;
    color: #000 !important;
    border-color: #efefef;
    background-color: #efefef;
    display: table;
    margin-top: -5px;
    margin-bottom: 10px;
}

.hotellisting3 {
    vertical-align: top;
}

.smallhotellist1 {
    display: table;
    margin: -5px auto;
}

.hotellistbtnspecial {
    background: #f0981a;
    font-weight: bold;
    color: #FFF !important;
    border-color: #f0981a;
    position: relative;
    padding: 4px 5px 4px 20px;
}

.hotellistbtnspecial bdo {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    position: absolute;
    left: 0px;
    top: 5px;
    background: url(../images/sun2.png) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}


/*
.hotelmilesBtn{
background: #d3195b;
font-weight: bold;
color: #FFF !important;
border-color: #d3195b;
position: relative;
display: block !important;
margin-top: 5px;
padding: 1px 10px 1px 33px;
}
*/

.mrgtp10 {
    margin-top: 10px;
}

.hotellisting4 .food-fac-active bdo {
    background-position: -99px -31px;
}

.mrgauto {
    margin: auto;
}

.smallhotellist2 {
    display: table;
    margin: -5px 0;
}

.hotellisting5 {
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.hotellisting6 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.borderedLeft {
    border-left: 1px solid #dbdbdb;
    padding-left: 10px;
}

.hotellisting7 {
    padding-bottom: 0;
    padding-right: 10px;
}

.hoteliconbook2 {
    position: absolute;
    right: 8px;
    top: 18px;
}

.hotellisting8 li {
    text-align: center;
    color: #5f5f5f;
    padding: 10px;
}

.hotellisting8 .active {
    background: #1579a3;
    color: #fff;
}

.hotelmilesspanicon {
    padding: 0 10px !important;
    width: 100%;
    text-align: left;
}

.hotelmilesspanicon i {
    position: absolute;
    right: 10px;
    top: 18px;
}

.hoteldetail1 img {
    width: 100%;
}


/*
.hoteldetail3 .row > div img
{
height: 100px;
border-radius: 4px;
}
*/

.lasthotelfigure figcaption {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 6vh;
    left: 0;
    right: 0;
    text-align: center;
}

.hoteldetail4 {
    position: absolute;
    top: 15px;
    right: 15px;
}

.yellowdropdown {
    display: inline-table;
    width: 133px;
    height: 30px;
    border: none;
    border-bottom: 2px solid #e3e3e3;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent url(../images/yellowdropdown.png) no-repeat 95% center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    font-weight: bold;
    color: #5f5f5f;
    font-size: 18px;
    padding: 0 10px;
}

.vertmiddle {
    vertical-align: middle;
}

.verttop {
    vertical-align: top;
}

.vertbtm {
    vertical-align: bottom;
}

.passengerIcon {
    background: url(../images/passenger2.png) no-repeat;
    -webkit-background-size: 35px 35px;
    background-size: 35px 35px;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    vertical-align: bottom;
    margin-top: 20px;
}

.bg3 {
    background: #f1f4f7;
}

.w200 {
    width: 200px;
}


/*
.hoteldetail5 .totalreview {
width: 15px;
height: 15px;
margin-right: 3px;
}
*/


/*
.hoteldetail5 .fullreview:before {
top: 3px;
left: 3px;
}
*/

.hoteldetail5 img {
    height: 30px;
    margin-top: 7px;
}

.hoteldetail6 .facilitiesIcons bdo {
    /*	    background-color: #fff;*/
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 18px;
}

.hoteldetail6 .facilitiesIcons li {
    opacity: 1;
    width: 70px;
    text-align: center;
    font-weight: bold;
}

.hoteldetail6 .facilitiesIcons li.restaurant-fac bdo {
    background-position: -95px -27px;
}

.hoteldetail6 .facilitiesIcons li.beverage-fac bdo {
    background-position: -32px -19px;
}

.hoteldetail6 .facilitiesIcons li.wifi-fac bdo {
    background-position: -30px -82px;
}

.hoteldetail6 .facilitiesIcons li.pool-fac bdo {
    background: #fff url(../images/pool.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.laundry-fac bdo {
    background: #fff url(../images/laundary.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.parking-fac bdo {
    background: #fff url(../images/parking.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.gaming-fac bdo {
    background: #fff url(../images/games.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.hoteldetail6 .facilitiesIcons li.tv-fac bdo {
    background: #fff url(../images/tv.png) no-repeat;
    width: 25px;
    height: 18px;
    cursor: pointer;
    background-position: 5px 5px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.userIcon {
    background: url(../images/passenger2.png) no-repeat;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    border-right: none;
    background-position: 0px 0px;
    display: inline-table;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    vertical-align: bottom;
}

.rightposalign {
    position: absolute;
    right: 15px;
}

.hoteldetail7,
.hoteldetail7 .btn {
    color: #d3195b;
    border: 1px solid #d3195b;
    background-color: transparent;
}

.mrglft10 {
    margin-left: 10px;
}

.hotelreviewdiv {
    background: #f1f4f7;
}

.padbtm10 {
    padding-bottom: 10px;
}

.boxshadow1 {
    -webkit-box-shadow: 0px 2px 20px 4px #dedede;
    box-shadow: 0px 2px 20px 4px #dedede;
}

.kingbed {
    background: url(../images/kingbed.png) no-repeat;
    display: inline-table;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    margin-right: 1px;
}

.hoteldetail8 a {
    /*	display: table;*/
    margin-bottom: 10px;
}

.hoteldetail8 img {
    width: 100%;
    height: 100px;
}

.hoteldetailinput {
    width: 50px;
    background-color: #f4f4f4;
    border: none;
    padding: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.hoteldetailtable1 small {
    display: table;
}

.btnhoteldetail1 {
    background: #1579a3;
    color: #fff !important;
    margin-left: 10px;
    width: 109px;
    float: right;
    padding: 10px;
    line-height: 2;
}

.btnhoteldetail2 {
    float: right;
}

.w155 {
    width: 130px;
}

.hoteldetail9 li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.hoteldetail9 span {
    float: right;
    font-weight: bold;
}

.mrgb10 {
    margin-bottom: 10px !important;
}

.blackbg {
    background: #000;
}

.watchlisticon bdo {
    width: 26px;
    background-position: -35px -85px;
}

.blackTitle {
    font-size: 60px;
    color: #000;
    font-weight: normal;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    display: table;
}

.hoteldetail10 .hotelItem img {
    height: 250px;
}

.hoteldetail10 .dropdown-toggle {
    background: #f4f4f4 !important;
}

.hoteldetail10 .hotelCarousel .owl-nav {
    top: -65px;
}

.hoteldetail8 .hoteldetailtable1 thead th {
    vertical-align: middle;
    border: 0;
    text-align: center;
}

.adulticon1 {
    background: url(../images/adulticon.png) no-repeat;
    display: inline-table;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    margin-right: 1px;
}

.childrenicon1 {
    background: url(../images/children.png) no-repeat;
    display: inline-table;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 0;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.minw100 {
    min-width: 100px;
}

.hoteldetail8 table .specialbtn2 {
    margin-top: 10px;
    display: block;
    padding: 5px;
}

.gaptablecell tbody tr td {
    padding-bottom: 160px;
}

.hoteldetail8 .col-md-3 bdo {
    margin-right: 5px;
    vertical-align: middle;
}

.filtericon {
    position: absolute;
    right: 0;
    top: 12px;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/filtericon.png) no-repeat;
}

.posrelat {
    position: relative;
}

.filterlistchkbox label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #178bbb;
    font-weight: bold;
}


/* Hide the browser's default radio button */

.filterlistchkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.filterlistchkbox label:hover input~.checkmark {
    background-color: #ccc;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.filterlistchkbox label input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.filterlistchkbox label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d3195b;
}

.hotelmap1 iframe {
    width: 100%;
}


/*
.input-group > div:first-child
{
display: none;
}
*/

.hotelmap2 .panel>div {
    position: relative;
    padding: 0;
}

.maprighticon {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #ecb731;
}

.hotelmap1 {
    position: absolute;
    top: 0;
    width: 90%;
    right: 0;
}

.hotelmap2 {
    position: absolute;
    top: 37px;
    z-index: 1000;
}

.minh500 {
    min-height: 500px;
}

.hotelmap3 {
    position: absolute;
    top: 37px;
    right: 10px;
}

.hotellisting2 ul li {
    width: auto;
    color: #178bbb;
}

.hotelmap2 {
    width: 267px;
}

.hotelmap2 .rangeSlider {
    width: 187px;
}

.hotelmap2 .card-header {
    background: transparent;
    border: none;
    padding: 0;
}

.hotelmap2 .btn {
    color: #178bbb;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 17px;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    padding-bottom: 0;
    margin: 0;
}

.hotelmap2 .card {
    border: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.hotelmap2 .fa-plus:before {
    content: "\f068";
}

.hotelmap2 .collapsed .fa-plus:before {
    content: "\f067";
}

.hotelmap2 #accordion .card:last-child {
    border-bottom: none;
}

.hoteldetail1 figure img {
    width: 100%;
}

.hoteldetail3 figure {
    height: 100px;
    overflow: hidden;
}

.hoteldetail3 figure a:hover,
.hoteldetail2 a:hover {
    opacity: 0.7;
}

.hoteldetail2 {
    overflow: hidden;
}

.hoteldetail2 img {
    width: auto;
}

.noBorderDropdown {
    border-bottom: none !important;
    font-size: 13px;
}

.fs-13 {
    font-size: 13px;
}

.hotellisting3 figure.dsptble {
    margin-bottom: 0;
}

.hoteldetail6 .facilitiesIcons li {
    position: relative;
}

.hoteldetail6 .facilitiesIcons li bdo {
    position: relative;
    z-index: 2;
}

.hoteldetail6 .facilitiesIcons li::after {
    content: "";
    height: 50px;
    width: 50px;
    background: #FFF;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    display: block;
    position: absolute;
    left: 9px;
    top: -7px;
    z-index: 1;
}

.hoteldetail6 .panelTitle {
    vertical-align: top !important;
    padding-top: 11px;
}

.hoteldetail6 .verttop {
    font-size: 14px;
    font-weight: bold;
}

.smallRedBtn {
    height: 26px;
    line-height: 26px;
    padding: 0 23px;
    color: #d3195b;
    font-size: 13px;
    font-weight: bold;
    background: transparent;
    display: inline-block;
    border-color: #d3195b !important;
}

.smallRedBtn:hover {
    background: #d3195b !important;
    border-color: #d3195b !important;
}

.hotelreviewdiv p {
    font-size: 12px;
}

.mb-20 {
    margin-bottom: 20px;
}

.dspflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.noticePanel {
    font-size: 13px;
}

p.mb-10 {
    display: block;
    margin-bottom: 10px !important;
}

.viewByTabs .filterlistchkbox label .checkmark:after {
    top: 5px;
    left: 5px;
}

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

.viewByTabs .filterlistchkbox label {
    margin-right: 15px;
    padding-left: 30px;
}

.hoteldetail8 h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.hoteldetail8 .col-md-3 {
    background: #f1f4f7;
}

.hoteldetail8 .hoteldetailtable1 {
    font-size: 14px;
    font-weight: normal;
}

.hoteldetail8 .hoteldetailtable1 th {
    font-weight: normal;
}

.hoteldetail8 .hoteldetailtable1 tr th:first-child {
    text-align: left;
}

.hoteldetail8 .table-responsive,
.hoteldetail8 .panel {
    overflow: visible;
}

.hoteldetailtable1 .hotelDetailRow {
    margin-bottom: 13px;
    background: #FFF;
    -webkit-transform: translateX(-33px);
    -ms-transform: translateX(-33px);
    transform: translateX(-33px);
    position: relative;
}


/*

.hoteldetail8 .hoteldetailtable1 tr.shadow{
border:4px solid #fff;
overflow: hidden
}

*/


/*
.hotelDetailRow{
border: 2px solid #fff
}

.hotelDetailRow:hover,.hotelDetailRow.selected{
border: 2px solid #ecb731
}
*/

.hotelDetailRow {
    position: relative;
}

.hoteldetail8 .hotelDetailRow::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border: 2px solid #ecb731;
    opacity: 0;
    z-index: -1;
}

.hoteldetail8 .hoteldetailtable1 .hotelDetailRow:hover::before,
.hoteldetail8 .hoteldetailtable1 .hotelDetailRow.selected::before {
    opacity: 1;
}

.hoteldetail8 .hoteldetailtable1 tr td {
    border: none;
}

.hoteldetail8 .hoteldetailtable1 tr.shadow td {
    border-right: 1px solid #dee2e6;
}

.hoteldetail8 .hoteldetailtable1 tr.shadow td:last-child {
    border-right: none;
}

.btnhoteldetail1 {
    line-height: 12px;
    height: 31px;
}

.hoteldetail8 .col-md-9>.p-3 {
    padding-left: 0px !important;
}

.hoteldetailtable1 .custom-select {
    font-size: 15px;
    font-weight: normal;
    border-bottom: none;
}

.hoteldetailtable1 .blueArrowSelect .custom-select {
    background: transparent url(../images/blue-arrow-down.png) no-repeat 85% center;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
}

.hoteldetailtable1 {
    color: #5f5f5f;
}

.blueText {
    color: #178bbb;
}

.fullTextarea {
    max-height: 190px;
    min-height: 190px;
    min-width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-style: italic;
    border: none;
    color: #b4b4b4;
    border-bottom: 1px solid #e4e4e4;
}

.arrivalTime .blueArrowSelect {
    display: inline-block;
    width: 206px;
    margin-left: 20px;
}

.rightAlignedTabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.rightAlignedTabs li {
    margin-left: 28px;
}

.faqTabs label {
    font-style: italic;
    margin-bottom: 0;
}

.faqTabs .smallBlueTabs {
    margin-bottom: 0;
}

.faqTabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.faqTabs .smallBlueTabs a {
    border-bottom: 1px solid #f4f4f4;
}

.blueAccordion .card-header {
    padding: 0;
    background: none;
    border: none;
}

.blueAccordion .card-header button {
    font-weight: bold;
    color: #178bbb;
    font-size: 18px;
    width: 100%;
    text-align: left;
    text-decoration: none !important;
    padding: 0;
}

.blueAccordion .card-body {
    padding: 0;
    font-size: 15px;
}

.blueAccordion .maprighticon {
    right: 18px;
    top: 20px;
    color: #178bbb;
}

.blueAccordion .fa-plus:before {
    content: "\f068";
}

.blueAccordion .collapsed .fa-plus:before {
    content: "\f067";
}

.searchflgbrd .searchInput {
    top: 24px;
}

.hotelDetailBigImage img {
    width: 100%;
}

.hotelDetailRow .blueArrowSelect {
    width: 65px;
}

.hoteldetailtable1 .firstCol {
    width: 187px;
}

.hoteldetailtable1 th.firstCol {
    width: 128px;
}

.hoteldetailtable1 th.col3 {
    /* text-align: left !important; */
    width: 125px;
}

.hoteldetailtable1 .blueclr {
    min-width: 81px;
}

.hoteldetailtable1 th.col2 {
    /* text-align: left; */
    min-width: 13px;
    width: 92px;
}

.hoteldetailtable1 .col4 {
    /* text-align: left !important; */
    padding-left: 0;
}

.tripPlannerList .moodItem {
    width: 100%;
}

.userSafriyatMiles {
    background: #f1f4f7;
}

.userSafriyatMiles span {
    font-size: 16px;
}

.userSafriyatMiles {
    color: #272727;
}

.userSafriyatMiles h3 {
    font-size: 24px;
    font-weight: bold;
}

.userSafriyatMiles h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.userSafriyatMiles .progressNew svg:nth-child(2) path {
    opacity: 1;
}

.userMilePie {
    width: 290px;
    position: relative;
}

.userMilePie .progressNew>li:after,
.userMilePie .progressNew>li:before {
    left: 107%;
    text-align: left;
}

.userMilePie .progressNew>li:after {
    font-size: 25px;
}

.userMilePie .progressNew>li:before {
    font-size: 16px;
}

.userMilePie .progressNew {
    text-align: left;
}

.progressNew svg:nth-child(2) path {
    opacity: 1;
    stroke: #374850;
    stroke-width: 19px;
}

.userMilePie h4 {
    font-size: 15px;
    position: absolute;
    left: 23px;
    top: 68px;
    text-align: center;
}

.userMilePanels .panel,
.userMilesHolder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.userMilePanels {
    width: 440px;
    margin-left: 20px;
    color: #5f5f5f;
}

.userMilePanels .panel {
    width: 100%;
    height: 82px;
    color: #5f5f5f;
}

.userMilePanels label {
    font-size: 14px;
}

.userMilePanels h3 {
    font-size: 18px;
    font-weight: bold;
}

.userMilePanels .panel>div {
    margin-right: 50px;
}

.addMiles {
    border: 2px solid #178bbb;
    height: 47px;
    line-height: 47px;
    padding-left: 15px;
}

.addMiles a {
    text-align: left;
}

.addMiles a:hover {
    background: #178bbb;
    color: #FFF;
}

.normalUserSideTabs label {
    margin: 0;
}

.whoAreYouBooking.normalUserSideTabs .tab-content {
    width: 570px;
}

.flightStatusTable {
    background: #f1f4f7;
}

.pb-100 {
    padding-bottom: 100px;
}

.flightStatusTable table {
    margin: 0;
}

.socialFooter label {
    margin-right: 8px;
    font-weight: 700;
}

.socialFooter li {
    margin-right: 8px;
}

.trplann1b {
    position: relative;
}

.trplann1b .sharessign {
    height: 36px;
    width: 36px;
    background: #f2c031 url(../images/share-white.png) no-repeat center center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    position: absolute;
    right: 0;
    top: -41px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

.trplann1 {
    position: relative;
    top: 50px;
}

.watchListBtn {
    padding-right: 346px;
    font-size: 10px;
    text-transform: uppercase;
    background: transparent url(../images/watch.png) no-repeat 90% center !important;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-background-size: 18px auto !important;
    background-size: 18px auto !important;
}

.transparentBtn {
    background: transparent !important;
    color: #f2c031;
}

.transparentBtn::before {
    opacity: 0;
}

.transparentBtn:hover::before {
    opacity: 1;
    color: #f2c031 !important;
}

.transparentBtn:hover {
    border-color: #f2c031 !important;
}

.HtlNameHolder {
    width: 223px;
}

.btnEffect.addHotelRoom a:before {
    left: -200px;
}

.btnEffect.addHotelRoom a:hover:before {
    left: 0;
}

.airlineSearch {
    padding-left: 0;
}

ul.facilitiesIcons.inlinetable.mrg0 li {
    margin-right: 12px;
    margin-top: 12px;
}


/*responsive*/


/* 8-6-2019 bugs fixes  */

.panel.round.userLoginPanel.d-4 .checkRadioList input[type="radio"]+.label-text:before,
.checkRadioList input[type="checkbox"]+.label-text:before {
    position: absolute;
    left: 0;
    top: -3px;
}

.AirlineNameBlock .form-check label {
    padding-left: 20px;
}

.panel.round.userLoginPanel.d-4 .checkRadioList .form-check label {
    padding-left: 18px;
}

.panel.round.userLoginPanel.d-4 .checkRadioList .form-check label span {
    line-height: 16px;
}

.tooltip.tooltip-min.bottom {
    margin-left: 20px;
}

.moodItem.openFoem .clickedForm {
    display: block;
    z-index: 14;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    padding-top: 10px;
}

.moodItem.openFoem:before {
    /* background: transparent url(../images/gradient.jpg) no-repeat center center; */
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 0.8;
}

.moodItem.openFoem .clickedForm:after {
    background: url(./images/gradient.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.moodItem.openFoem .clickedForm h5 {
    z-index: 99 !important;
    position: relative;
}

.moodItem.openFoem .clickedForm div {
    z-index: 7;
}

.moodItem {
    position: relative;
}

.showonhover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2000px;
    z-index: 99;
    background: #0a0a0a8a;
}

.showonhoverbutton {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #2aace3;
    color: white;
    max-width: 162px;
    padding: 6px 30px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.moodItem:hover .showonhover {
    top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.moodItem.openFoem .showonhover {
    top: -2000px;
}

div#bookRoomToo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    z-index: 99999;
    display: none;
}

div#bookRoomToo.showPopUp {
    display: block !important;
}

.popupContent {
    background: white;
    max-width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    -webkit-transform: translatey(40%);
    -ms-transform: translatey(40%);
    transform: translatey(40%);
    padding: 20px;
    padding-bottom: 60px;
}

p.popupName {
    color: #008fc1;
    margin-bottom: 0;
}

.popupContent h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 43px;
    color: black;
    margin-top: 0;
}

p.dealstext {
    color: #008fc1;
    margin-bottom: 0;
    font-size: 23px;
    font-weight: bold;
}

p.dealcontent b {
    display: block;
    font-size: 21px;
    color: black;
    line-height: 1;
}

.popupButton.confirm {
    background: #e5b427;
    color: white;
    float: left;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 22px;
}

.popupButton.reject {
    border: #e5b427 1px solid;
    color: #e5b427;
    float: right;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 22px;
}

p.dealcontent {
    margin-bottom: 38px;
}

img.hotelSample {
    position: absolute;
    right: 50px;
    top: 100px;
    max-height: 180px;
    max-width: 40%;
}

img.dealIcon {
    position: absolute;
    max-width: 90px;
    margin-top: 24px;
}

p.dealcontent {
    padding-left: 133px;
    margin-top: 20px;
    margin-bottom: 80px;
}

p.popupName {
    font-weight: bold;
}

.popupButton {
    cursor: pointer;
}

.closePopup {
    position: absolute;
    top: -18px;
    right: -15px;
    cursor: pointer;
    font-size: 32px;
    background: #d3195b;
    color: white;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.2;
}

.closePopup span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

.totalMiles {
    color: #fff;
    font-size: 14px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-left: 20px;
}

.status {
    background-color: #ffcd37;
    padding: 6px 15px;
    line-height: 14px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    font-weight: 600;
    margin-right: 6px;
    margin-left: 6px;
}

header .langDropdown .dropdown-toggle,
header .currencyDropdown .dropdown-toggle {
    padding-right: 0 !important;
}

header .userNavItem .show>.btn-secondary.dropdown-toggle {
    background-color: transparent !important;
}

header .userImage {
    display: none;
}

header .userNavItem {
    padding-left: 20px;
}

.btn figure {
    margin-bottom: 0;
}

header .countrySelector .currencyDropdown .dropdown-toggle {
    padding-right: 12px !important;
}

header .countrySelector .currencyItem {
    width: auto;
}

header .countrySelector .dropdown-menu {
    min-width: 0;
}

.countrySelector .currencyItem figure,
.countrySelector .currencyItem img {
    margin: 0;
}

.countrySelector .dropdown-item {
    padding: 5px 10px;
}

.dropdown-item {
    font-size: 14px;
    font-weight: 600;
}

.dropdown-item {
    padding: 6px 1.5rem;
    border-bottom: 1px solid #ebebeb;
}

header .subMenu {
    text-align: right;
    min-height: 47px;
}

header .subMenu.noSubMenus .nav {
    display: none !important;
}

header .subMenu .nav-link {
    color: #243b46;
    font-size: 13px;
    opacity: 0.8;
}

header .subMenu ul {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    margin: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

header .subMenu .nav-link:hover {
    opacity: 1;
}

header .subMenu .nav-item {
    padding: 4px 0;
    padding-left: 20px;
}

.top-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.top-header .subMenu {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.top-header .mainMenu,
.top-header .subMenu,
.top-header .signInRegister,
.top-header .bgHolder {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.top-header--transparent .mainMenu {
    background: rgba(36, 59, 70, 0.8);
}

.top-header--transparent .subMenu {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-header--transparent .signInRegister {
    background-color: transparent;
}

.top-header--transparent .signInRegister .bgHolder {
    background-color: transparent;
}

.homeBanner--full-screen {
    min-height: 100%;
}

.top-benefits {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
}

.top-benefits ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 100%;
}

.top-benefits ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top-benefits ul li img {
    height: 50px;
}

.top-benefits .text {
    margin-left: 15px;
}

.top-benefits .heading {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 18px;
}

.top-benefits .description {
    font-size: 14px;
    margin: 0;
}

.flightTypeChoices .checkRadioList input[type="checkbox"],
.flightTypeChoices .checkRadioList input[type="radio"] {
    right: 0;
    opacity: 0;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]+.label-text:before,
.flightTypeChoices .checkRadioList.normalRadio input[type="checkbox"]+.label-text:before {
    display: none;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]:checked+.label-text:after,
.flightTypeChoices .checkRadioList.normalRadio input[type="checkbox"]:checked+.label-text:after {
    display: none;
}

.flightTypeChoices .checkRadioList.normalRadio input[type="radio"]:checked+.label-text {
    border-bottom: 2px solid #212529;
}

.flightTypeChoices .normalRadio span {
    padding-left: 0;
    padding-bottom: 10px;
}

.flightTypeChoices .checkRadioList {
    margin-bottom: 38px;
}

.plane1Icon {
    background: #FFF url(../images/from-icon.png) no-repeat center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
}

.plane2Icon {
    background: #FFF url(../images/to-icon.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
}

.bannerControls .dropdown-toggle {
    background: #fff;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}

.flexyLogo {
    margin-bottom: 20px;
}

.loyaltyPoints strong {
    display: block;
    color: #2aace3;
    font-size: 16px;
}

loyaltyPoints {
    font-size: 16px;
}

.loyaltyPointsParent {
    padding-top: 26px;
    clear: both;
    margin-left: 20px;
    position: absolute;
    right: 50px;
}

.dashboardLink.cl-effect-5 {
    position: absolute;
    bottom: 0;
}

.superFlights {
    padding: 75px 0;
    background-color: #374850;
}

.superFlights h2 {
    color: #fff;
    font-size: 42px;
    margin: 0;
    margin-bottom: 30px;
}

.moodItem .time {
    background-color: rgba(55, 72, 80, 0.6);
    padding: 5px 10px;
    display: inline-block;
    font-style: italic;
    margin-bottom: 7px;
}

.moodItem .time span {
    font-style: normal;
}

.flyTo {
    font-size: 16px;
    font-style: italic;
}

.superFlights .btn-primary {
    height: 40px;
    line-height: 36px;
}

.superFlights .col-md-4 {
    padding: 0 6px;
}


/* .superFlights {
margin: 0 -6px;
} */

.superFlights .arrowIcon {
    background-position: -408px 5px;
}

.mapBlockMain {
    padding: 75px 0;
}

.mapBlockMain h3 {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-size: 42px;
    color: #374850;
    font-weight: 400;
}

.semiBold {
    font-weight: 600 !important;
}

.mapBlockMain .btnEffect,
.storiesBlockMain .btnEffect {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.blockHead {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.superFlights .row {
    margin: 0;
}

.blackBlock {
    position: relative;
    overflow: hidden;
    background: none;
    color: #374850;
}

.blackBlock .doubleTitle,
.blackBlock .doubleTitle span {
    color: #374850;
}

.storiesCarousel {
    background-color: #f7f7f7;
    color: #374850;
    padding: 35px;
}

.storiesCarousel .imageHolder {
    position: relative;
    margin-right: 40px;
}

.storiesCarousel .imageHolder:before {
    /* font-family: 'Sigmar One', cursive; */
    font-size: 120px;
    line-height: 81px;
    position: absolute;
    bottom: -57px;
    left: 0;
    color: #2aace3;
    z-index: 1;
    opacity: 0.9;
    left: 57px;
}

.link a {
    text-transform: uppercase;
    font-size: 12px;
    color: #2aace3 !important;
}

.link {
    position: relative;
    padding-right: 5px;
}

.storiesCarousel .link {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.link:before {
    content: '';
    height: 14px;
    width: 9px;
    background: transparent url(../images/sprite.png) no-repeat;
    -webkit-background-size: 500px 500px;
    background-size: 500px 500px;
    background-position: -221px -33px;
    position: absolute;
    right: 0;
    top: 5px;
}

.blackBlock .doubleTitle span,
.doubleTitle span {
    color: #2aace3;
    font-size: 16px;
}


/* .doubleTitle h3 {
font-size: 42px;
line-height: 46px;
font-weight: 600;
} */

.storiesCarousel h5 {
    font-weight: 700;
    font-size: 18px;
    color: #374850;
}

.storiesCarousel .media-body {
    color: #374850;
    font-size: 13px;
}

.storiesBlockMain {
    padding: 75px 0 70px;
}

.blockHead .doubleTitle h3 {
    color: #374850;
}

.travAdventure {
    margin-bottom: 60px;
}

.travAdventure h4 {
    font-size: 18px;
    color: #374850;
    font-weight: 700;
}

.travAdventure .listingDescription {
    color: #4d6069;
    font-size: 13px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 10px;
}

.travAdventure .author {
    color: #2aace3;
    font-size: 13px;
    font-weight: 600;
}

.travAdventure em {
    display: inline-block;
    padding-right: 2px;
}

.travAdventure .listingImage {
    margin-bottom: 12px;
    display: block;
}

.travAdventure h4 {
    margin-bottom: 4px;
}

.travAdventure .owl-nav button,
.smallImagesSlider .owl-nav button {
    height: 36px;
    width: 19px;
    background-image: url(../images/slider-arrow.png) !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.smallImagesSlider .owl-nav button {
    width: 7px;
    height: 15px;
}

.travAdventure .owl-nav span,
.smallImagesSlider .owl-nav span {
    display: none;
}

.travAdventure .owl-nav {
    position: absolute;
    top: 90px;
    width: 100%;
}

.smallImagesSlider .owl-nav {
    position: absolute;
    top: 45px;
    width: calc(100% + 44px);
    left: -22px;
}

.smallImagesSlider .owl-prev {
    left: 0;
    position: absolute;
}

.smallImagesSlider .owl-next {
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.travAdventure .owl-prev {
    position: absolute;
    left: -40px;
}

.travAdventure .owl-next {
    position: absolute;
    right: -40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hotelDeals .price {
    background: #2aace3;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-left: auto;
}

.hotelDeals .country {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.hotelDeals .col-md-3 {
    padding: 0 6px;
}

.hotelDeals .row {
    margin: 0 -6px;
}

.hotelDeals .listingImage {
    position: relative;
    height: 250px;
    -webkit-background-size: cover;
    background-size: cover;
}

.hotelDeals .itemHolder {
    margin-bottom: 30px;
}

.hotelDeals .countryPrice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 13px;
    padding: 0 10px;
    z-index: 1;
}

.hotelDeals .listingImage:before {
    content: '';
    background-image: url(../images/imageShadow.png);
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.hotelDeals .listingTitle {
    color: #374850;
    font-weight: 700;
    font-size: 16px;
}

.hotelDeals .listingInfos {
    background-color: #fff;
    padding: 12px 10px;
}

.hotelDeals {
    background-color: #f7f7f7;
    padding: 75px 0 70px;
}

.hotelDeals.greyBlock {
    background: #f4f4f4;
    padding-top: 40px;
}

.hotelDeals.greyBlock .container {
    padding-top: 25px;
    border-top: 1px solid #d6d6d6;
}

.hotelDeals .ratingBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px;
}

.hotelDeals .ratingValue {
    margin-left: auto;
    color: #374850;
    font-size: 13px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 700;
}

.hotelDeals .ratingValue .selected {
    background-color: #1c698a;
    padding: 5px 10px 7px;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 13px;
    display: inline-block;
}

.hotelDeals .completeAddress {
    color: #4d6069;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 20px;
}

.hotelDeals .viewingNow {
    color: #faac16;
    font-size: 12px;
    font-weight: 600;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 20px;
}

.hotelDeals .listingDescription,
.hotelDeals .reviewedOn {
    color: #747a7d;
    font-size: 12px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: 600;
    margin-bottom: 10px;
}

.hotelDeals .reviewedOn {
    margin-bottom: 20px;
}

.hotelDeals .btnEffect,
.hotelDeals .btnEffect a {
    width: 100%;
    display: block;
}

.newsletterBlock {
    background: #2aace3;
}

.newsletterBlock h3 {
    font-size: 38px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0;
}

.newsletterBlock .doubleTitle span.whiteColotext {
    font-weight: 500;
}

.newsletterBlock .input-group {
    width: 617px;
    max-width: 100%;
    margin-left: auto;
    margin-bottom: 5px;
}

.newsletterBlock .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.newsletterBlock .input-group .form-control {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    padding-left: 15px;
}

.footerLogo img {
    width: 159px;
}

.footer .topSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0;
    border-bottom: 1px solid #e1e1e1;
}

.socialFooter {
    margin-left: auto;
}

.footer figure {
    margin-bottom: 0;
}

.footerMainMenu .nav a {
    color: #374850;
    font-size: 16px;
    font-weight: 700;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    margin-bottom: 12px;
}

.footerSubMenu .nav a {
    font-size: 13px;
}

.footerSubMenu .nav a,
.footerTopDashboard li {
    color: #455d68;
}

.footerTopDashboard li {
    font-size: 12px;
    margin-bottom: 5px;
}

.footerTopDashboard h5 {
    color: #374850;
}

footer {
    color: #374850;
}

.footerTopDashboard {
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 40px;
}

.footer .middleSection {
    padding: 35px 0;
}

.footer ul.nav {
    display: block !important;
}

.footer .cl-effect-5 a span::before {
    font-weight: 500;
}

.footerSubMenu .nav-link {
    padding: 0 14px 0 12px;
    position: relative;
}

.footerSubMenu .nav-link:before {
    content: '.';
    position: absolute;
    right: 0;
}

.footerTopDashboard .row {
    padding-top: 25px;
    border-top: 1px solid #e1e1e1;
}

.footerTopDashboard .col-md-3:first-of-type {
    padding-left: 0;
}

.noDate h3 {
    margin-bottom: 22px;
}

.userNavItem .link {
    padding-right: 0;
}

.userNavItem .link a {
    background-color: #f5f5f5;
    text-align: right;
    padding: 10px 5px;
    padding-right: 33px;
    display: block;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.userNavItem .link a:hover {
    background-color: #29abe2;
    color: #fff !important;
}

.userNavItem .link:before {
    right: 20px;
    top: 12px;
}

@-webkit-keyframes planeAnimation {
    0% {
        left: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        left: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        left: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@keyframes planeAnimation {
    0% {
        left: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        left: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        left: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@-webkit-keyframes planeAnimationRtl {
    0% {
        right: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        right: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        right: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@keyframes planeAnimationRtl {
    0% {
        right: 0;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
    50% {
        right: 50%;
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1);
    }
    100% {
        right: 100%;
        -webkit-transform: scaleX(0.35) scaleY(0.35);
        transform: scaleX(0.35) scaleY(0.35);
    }
}

@-webkit-keyframes mymove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@keyframes mymove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

.loadingBanner img {
    display: block;
    margin: 0 auto;
}

.planeIcon {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-animation: planeAnimation linear 7s infinite;
    animation: planeAnimation linear 7s infinite;
}

.planeIcon img {
    height: 42px;
}

.trip-info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px !important;
}

.trip-info .from {
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    background-position: center right;
    padding-right: 24px;
    white-space: nowrap;
}

.trip-info .to {
    padding-left: 24px;
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    white-space: nowrap;
}

.dotsImage {
    position: relative;
    width: 915px;
    margin: 0 auto;
}

.dotsImage>img {
    width: 80%;
}

.plane-container {
    position: relative;
    background-image: url(../images/dots-image-1.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 80%;
    margin: 0 20px;
    height: 40px;
}

.innerPageBanner {
    /* padding-top: 100px; */
}

.searchedFor .icon {
    max-width: 100%;
}

.displayFlex:after {
    content: '';
    display: table;
    clear: both;
}

.searchedFor .dates {
    position: relative;
    clear: both;
    float: left;
}

.searchedFor .ticketType {
    padding-left: 20px;
    position: relative;
    float: left;
}

.searchedFor .ticketType:before {
    content: '|';
    position: absolute;
    left: 18px;
    top: -1px;
}

.searchedFor .ticketType:before {
    left: 8px;
}

.searchedFor .ticketType1 {
    padding-left: 15px;
    position: relative;
    float: left;
}

.searchedFor .ticketType1:before {
    left: 5px;
}

.searchedFor .dates .to {
    padding-left: 16px;
    display: inline-block;
    position: relative;
}

.searchedFor .dates .to:before {
    content: '-';
    position: absolute;
    left: 3px;
    top: -1px;
}

.searchedFor .btn {
    padding: 0 30px;
    position: absolute;
    top: calc(50% - 24px);
    right: 0;
}

.withVisibleControls .searchedFor .btn {
    position: static;
    float: right;
}

.searchedFor .leftSection {
    max-width: calc(100% - 55px);
    float: left;
}

.searchedFor:after {
    content: '';
    display: block;
    clear: both;
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.innerPageBanner h2 {
    margin-bottom: 0;
}

.btnEffect a:hover::before,
.btnEffect a:focus::before,
.btnEffect a::before {
    display: none;
}

.btnEffect a:hover span,
.btnEffect a:focus span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.greyBlock.paddedBlock {
    padding: 35px 0;
}

.weatherBlock .textBlock {
    margin-left: auto;
    margin-right: 30px;
    padding-left: 20px;
}

.weatherBlock .btn-primary:after {
    display: inline-block;
    content: '';
    height: 14px;
    width: 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(../images/watchlist.svg);
    margin-right: 28px;
    vertical-align: middle;
    margin-top: -3px;
}

.weatherBlock .btn-primary span {
    display: inline-block;
    padding-right: 6px;
    vertical-align: top;
    line-height: 46px;
}

.leftBookingSection {
    width: 250px;
    max-width: 100%;
    float: left;
    margin-right: 12px;
}

.mainBookingSection {
    width: calc(100% - 262px);
    float: left;
}

.panelsHolder {
    position: relative;
}

.panelsHolder:after {
    display: table;
    clear: both;
    content: '';
}

.mainBookingSection .blockHeading h2 {
    font-size: 26px;
    font-weight: 600;
    color: #374850;
    margin-bottom: 5px;
}

.mainBookingSection .blockHeading h3 {
    font-size: 15px;
    color: #374850;
}

.mainBookingSection .blockHeading .to {
    position: relative;
    padding-left: 40px;
}


/* 
.mainBookingSection .blockHeading {
margin-bottom: 35px; 
} */

.highlightedFlight {
    background-color: #47bb1d;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    line-height: 12px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.flightResultListing .leftSection {
    width: 79%;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #dbdbdb;
    margin-bottom: 30px;
}

.flightResultListing .rightSection {
    width: 21%;
    float: left;
    padding: 0 20px;
    padding-right: 0;
    position: relative;
}

.tripHeader {
    background-color: #374850;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 10px 10px;
    padding-left: 10px;
    margin-bottom: 14px;
}

.tripHeader span {
    font-weight: 700;
}

.tripHeader .icon {
    margin-right: 10px;
    display: inline-block;
}

.tripA,
.tripC {
    width: 66px;
    font-size: 14px;
}

.tripVisual figure {
    width: 120px;
}

.tripVisual {
    padding-left: 12px;
}

.tripSection:last-of-type .tripVisual {
    padding-bottom: 0;
}

.listingItemMain .btn-primary {
    height: inherit;
    line-height: inherit;
    width: 100%;
    padding: 12px 10px;
}

.flightlistingbanner .bannerControls h2 {
    text-align: center;
    margin-bottom: 25px;
}

.flightlistingbanner .bannerContent {
    /* top: 50px;  */
}

.flightBookingMain {
    opacity: 0;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    position: relative;
    z-index: 2;
}

.flightBookingMain.active {
    opacity: 1;
}

.clearBoth {
    clear: both;
}

.flightDetails {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.flightDetails.active {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.flightDetails .blockHeading {
    padding: 20px;
    background-color: #edf1f7;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.flightDetails .blockHeading .dest,
.flightDetails .blockHeading .duration {
    width: 50%;
    font-size: 20px;
    line-height: 20px;
}

.flightDetails .tableBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 15px;
}

.flightDetails .tableHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #374850;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.flightDetails .airlineLogo {
    max-width: 120px;
    margin-bottom: 4px;
}

.flightDetails .airlineLogo img {
    max-width: 100%;
}

.flightDetails .tableItem:nth-of-type(1) {
    width: 24%;
    padding-left: 14px;
}

.flightDetails .tableItem:nth-of-type(3) {
    width: 35%;
}

.flightDetails .airlineService {
    font-size: 12px;
    font-weight: 600;
}

.flightDetails .airlineService img {
    display: block;
    margin-bottom: 7px;
    margin-top: 3px;
}

.flightDetails .classLabel {
    padding: 0 13px;
    height: 26px;
    line-height: 26px;
}

.flightDetails .dest {
    /* font-size: 22px; */
    line-height: 26px;
    margin-bottom: 4px;
}

.flightDetails .date {
    /* font-size: 19px; */
    margin-bottom: 4px;
}

.flightDetails .airport {
    color: #7e9099;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.flightDetails .luggageSection {
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    margin-bottom: 10px;
}

.flightDetails .luggageSection img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 18px;
}

.flightDetails .flightSection {
    /* width: 58%; */
    width: 62%;
    float: left;
}

.flightDetails .noteSlider {
    width: 42%;
    float: left;
}

.flightDetails .airplaneSection {
    margin-bottom: 25px;
}

.flightDetails .airplaneSection .name {
    display: block;
    margin-bottom: 15px;
}

.flightDetails .seatOrdering {
    display: inline-block;
    vertical-align: top;
}

.flightDetails .seatOrdering label {
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    line-height: 14px;
}

.flightDetails .seatOrdering strong {
    font-size: 12px;
}

.flightDetails .seatOrdering ul {
    margin-bottom: 0;
}

.flightDetails .seatOrdering div {
    line-height: 12px;
}

.flightDetails .amenitiesListing li {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    padding-left: 40px;
    position: relative;
    line-height: 22px;
}

.flightDetails .amenitiesListing img {
    max-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 15px;
    max-width: 30px;
}

.flightDetails .note {
    font-size: 10px;
    width: 100%;
    line-height: 15px;
    background-color: #f5f6f8;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.flightDetails .note img {
    margin-right: 7px;
}

.flightDetails .note span {
    display: inline-block;
    vertical-align: middle;
}

.flightDetails .smallImagesSlider img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.flightDetails .smallImagesSlider .listingHolder {
    width: calc(100% - 44px);
    margin: 0 auto;
}

.flightDetails .layoverStrip {
    font-size: 15px;
    background-color: #f5f6f8;
    text-align: center;
    padding: 10px;
    line-height: 15px;
    margin-bottom: 7px;
}

.flightDetails .noImages {
    padding-top: 5px;
    font-size: 10px;
}

.flightDetails .detailsItem:last-of-type {
    margin-bottom: 30px;
}

.flightDetailsToggle {
    color: #76878f !important;
    display: block;
    font-size: 11px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.flightDetailsToggle img {
    display: block;
    width: 20px;
    margin: 0 auto;
}

.flightDetailsToggle span {
    display: inline-block;
    margin-bottom: 5px;
}

.flightDetailsToggle.active img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sevenDaysBlock {
    margin-bottom: 20px;
}

.sevenDaysBlock .showHide {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #2aace3 !important;
    margin-bottom: 5px;
    display: inline-block;
}

.sevenDaysBlock .showHide:after {
    content: '';
    height: 8px;
    width: 11px;
    background-image: url(../images/table-down-arrow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
    position: absolute;
    right: -24px;
    top: 4px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sevenDaysBlock .showHide.active:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.sevenDaysBlock .tableHolder {
    position: relative;
    margin-bottom: 20px;
    height: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
}

.sevenDaysBlock .tableHolder.active {
    height: auto;
    opacity: 1;
}

.sevenDaysBlock .tableLike {
    width: calc(100% - 110px);
    background-color: #fff;
}

.sevenDaysBlock .tableLike .td.cheapest {
    background-color: #f4f4f4;
    color: #47bb1d;
    font-weight: 700;
}

.sevenDaysBlock .tableLike .td.active {
    background-color: #2aace3;
    color: #fff;
    font-weight: 700;
}

.sevenDaysBlock .tableRow {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.sevenDaysBlock .tableRow:after {
    content: '';
    clear: both;
    display: table;
}

.sevenDaysBlock .retTable li {
    padding: 16px 0 17px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    background-color: #374850;
    font-weight: 700;
}

.sevenDaysBlock .retTable li:first-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.sevenDaysBlock .retTable li.active {
    background-color: #6b838e;
}

.sevenDaysBlock .retTitle {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    right: 39px;
    top: 43px;
}

.sevenDaysBlock .retTitle:after {
    content: '';
    height: 20px;
    width: 14px;
    background-image: url(../images/table-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: -14px;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 2px;
}

.visibleControls .bannerContent {
    top: -20px;
}

.flightlistingbanner .bannerContent {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.innerPageBanner.withVisibleControls .leftSection {
    margin-bottom: 50px;
}

.innerPageBanner.withVisibleControls .bannerContent {
    margin-bottom: 20px;
}

.leftBookingSection .panel {
    margin-bottom: 20px;
    padding: 0;
}

.leftBookingSection .panel .panelSection {
    padding: 16px 20px 7px;
}

.leftBookingSection .panel .panelSection.normalPadding {
    padding-bottom: 16px;
}

.leftBookingSection .blockHead .clearFilter {
    font-size: 12px;
    color: #374850;
    max-width: 40%;
    float: right;
    font-weight: 500;
    text-decoration: underline;
}

.leftBookingSection .blockHead .blockTitle {
    max-width: 55%;
    float: left;
    padding-top: 2px;
}

.leftBookingSection .blockHead.noLink .blockTitle {
    max-width: 100%;
}

.leftBookingSection .panelSection.withBorder {
    border-bottom: 1px solid #e4e4e4;
}

.leftBookingSection .blueArrowSelect {
    position: relative;
}

.leftBookingSection .blueArrowSelect:after {
    content: '';
    width: 11px;
    height: 8px;
    -webkit-background-size: 11px 11px;
    background-size: 11px;
    position: Absolute;
    right: 10px;
    top: 11px;
    background-repeat: no-repeat;
}

.leftBookingSection .blockTitle {
    font-size: 13px;
    color: #2aace3;
    font-weight: 700;
}

.leftBookingSection .promoCode .blockTitle {
    position: relative;
}

.leftBookingSection .promoCode .blockTitle {
    margin-bottom: 12px;
}

.leftBookingSection .promoCode .blockTitle:before {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/promo-code.svg);
    height: 22px;
    width: 21px;
    -webkit-background-size: 21px 21px;
    background-size: 21px;
    content: '';
    background-repeat: no-repeat;
}

.leftBookingSection .promoCode span {
    max-width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}

.leftBookingSection .blockHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
}

.leftBookingSection .blockHead .clearFilter {
    margin-left: auto;
}

.leftBookingSection .blockHead.blackTitle {
    margin-bottom: 7px;
    /* font-family: 'Montserrat', sans-serif;  */
}

.leftBookingSection .blockHead.blackTitle .blockTitle {
    font-size: 15px;
    color: #040f14;
    margin-bottom: 0;
    font-weight: 600;
}

.leftBookingSection .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    position: absolute;
    left: 0;
    top: 1px;
}

.panelSubSection.withPaddingTop {
    padding-top: 15px;
}

.panelSubSection h2 {
    color: #040f14;
    font-size: 15px;
    font-weight: 700;
}

.panelSubSection .tableHead .leftSec {
    float: left;
    max-width: 75%;
}

.panelSubSection .tableHead .rightSec {
    float: right;
    max-width: 25%;
}

.panelSubSection .tableHead:after {
    content: '';
    display: table;
    clear: both;
}

.panelSubSection .tableLike .rightSec {
    float: right;
    max-width: 30%;
}

.panelSubSection .tableLike .rightSec .currency {
    padding-right: 4px;
    display: inline-block;
    font-size: 10px;
}

.panelSubSection .tableLike:after {
    content: '';
    display: table;
    clear: both;
}

.panelSubSection .tableLike .checkRadioList {
    margin-bottom: 0;
}

.panelSubSection .tableLike .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    height: 12px;
    width: 12px;
    border-color: #77868d;
    min-width: 12px !important
}

.panelSubSection .tableLike .checkRadioList label {
    margin-bottom: 0;
}

.panelSubSection .tableLike.oneItem .label-text:before {
    display: inline-block;
    vertical-align: top;
}

.panelSubSection .checkRadioList .whiteCheck input[type="checkbox"]:checked+.label-text:after {
    background-color: #2aace3;
    font-size: 0;
    height: 6px;
    width: 6px;
    top: 4px;
    left: 8px;
    right: 3px;
    z-index: initial;
}

.panelSubSection .slider-selection {
    background-color: #374850;
}

.panelSubSection .slider-track-low,
.panelSubSection .slider-track-high {
    background-color: #c5c5c5;
}

.panelSubSection .slider-handle {
    background-color: #2aace3 !important;
}

.panelSubSection h4.panelTitle,
.panelSubSection .minMaxValues {
    font-size: 12px;
    color: #040f14;
    margin-bottom: 8px;
}

.panelSubSection .minMaxValues {
    padding-top: 5px;
}

.panelSubSection .valueSliderParent {
    padding-top: 10px;
    margin-bottom: 10px;
}

.panelSubSection.withBorder {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.panelSubSection .hiddenChoiceBlock {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.panelSubSection .hiddenChoiceBlock.active {
    height: auto;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
}

.showMore {
    font-size: 12px;
    color: #374850;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    text-decoration: underline;
}

.showMore .lessText {
    display: none;
}

.showMore.active .lessText {
    display: block;
}

.showMore.active .moreText {
    display: none;
}

.servicesSection {
    padding-bottom: 15px !important;
}

.servicesSection a.active {
    opacity: 1;
    background-color: #f4f4f4;
}

.servicesSection a:after {
    display: table;
    clear: both;
    content: '';
}

.servicesSection img {
    width: 22px;
}

.servicesSection .listingImage {
    margin-right: 14px;
    float: left;
}

.servicesSection .listingInfos {
    max-width: calc(100% - 37px);
    float: left;
}

.viewMore {
    display: block;
    width: 220px;
    margin: 30px auto;
    text-align: center;
}

.subpageBanner {
    min-height: 315px;
    padding-top: 0;
    position: relative;
}


/* .subpageBanner h3 {
font-size: 40px;
} */

.subpageBanner:before {
    background-color: rgba(13, 53, 72, 0.4);
}

.chosenFlightDetails .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 72%;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
}

.chosenFlightDetails .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28%;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.chosenFlightDetails .tripLine .tripC .sprite {
    background: none !important;
}

.chosenFlightDetails.fullPageBlock .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18%;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 100%;
}

.form-control {
    font-size: 13px;
}

.registerFlightPanel input[type="text"] {
    height: auto;
}

.registerFlightPanel h3.panelTitle {
    margin-bottom: 7px;
}

.whoAreYouBooking .tab-content {
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    background: #fff;
}

.whoAreYouBooking .noMargin {
    margin: 0;
}

.whoAreYouBooking .blueTitle {
    font-size: 16px;
    color: #2aace3;
    font-weight: 700;
    margin-bottom: 25px;
    padding-top: 10px;
}

.whoAreYouBooking .blueArrowSelect .input-group-prepend label {
    font-size: 12px;
    color: #374850;
}

.whoAreYouBooking .firstLevelRow {
    margin: 0 -10px;
}

.whoAreYouBooking .firstCol {
    padding: 0 10px;
}

.whoAreYouBooking .optionalDetails {
    padding: 20px;
}

.whoAreYouBooking .tabbable {
    margin-bottom: 15px;
}

.contactBilling {
    padding: 20px;
}

.contactBilling .col-md-4,
.contactBilling .col-md-3,
.contactBilling .col-md-6 {
    padding: 0 5px;
}

.contactBilling .row {
    margin: 0 -5px;
}

.contactBilling .checkRadioList span:after {
    top: 12px !important;
}

.contactBilling .checkRadioList label {
    color: #374850;
    font-size: 13px;
}

.errorSpan {
    display: none;
}

.mandatoryInput label {
    display: inline-block;
    line-height: 10px;
}

.mandatoryInput .errorSpan {
    display: inline-block;
    font-size: 10px;
    color: #ed1a33;
    font-weight: 600;
    line-height: 8px;
}

.mandatoryInput input {
    border-color: #ed1a33 !important;
}

.safriyatMiles {
    margin-bottom: 20px;
    background-color: #374850;
    text-align: center;
}

.safriyatMiles .dashboardButton {
    background-color: transparent;
    color: #fff;
}

.safriyatMiles .progressNew svg:nth-child(2) path {
    stroke: #f2f2f2;
}

.safriyatMiles .loyaltyPointsParent {
    position: static;
    padding-top: 0;
    margin-left: 0;
}

.safriyatMiles .loyaltyPoints strong {
    font-size: 24px;
    color: #fff;
}

.safriyatMiles .dashboardButton label {
    float: none;
}

.safriyatMiles .dashboardButton label {
    padding: 0;
    margin-right: 0;
}

.safriyatMiles .loyaltyPoints {
    margin-bottom: 10px;
}

.safriyatMiles .dashboardButton {
    padding-bottom: 0;
}

.safriyatMiles .progressNew {
    margin-bottom: 0;
}

.safriyatMiles .progressNew>li:before {
    color: #fff;
}

.mainPageRow {
    margin: 0 -6px;
    padding-top: 25px;
}

.mainPageRow .mainPageCol {
    padding: 0 6px;
}

.flightSummary h3.panelTitle {
    font-size: 17px;
}

.flightSummary .p-4 {
    padding: 20px !important;
}

.flightSummary .noMarginBotom {
    margin-bottom: 5px;
}

.highlightedPink {
    color: #2aace3;
}

.urgentHelp .highlightedPink {
    font-size: 14px;
}

.flightRecap .p-4 {
    padding: 20px !important;
    padding-top: 25px !important;
}

.flightRecap .listingHolder {
    margin: 0;
}

.flightRecap .listingItem:last-of-type {
    margin-right: 0;
}

.flightRecap .blueArrowSelect h5 {
    font-size: 16px;
    color: #374850;
    font-weight: 600;
}

.flightRecap .mb-4,
.flightRecap .my-4 {
    margin-bottom: 14px !important;
}

.flightRecap .lightBlueBg .mb-4,
.flightRecap .lightBlueBg .my-4 {
    margin-bottom: 27px !important;
}

.paymentOptions .nav li a {
    font-size: 14px;
}

.paymentOptions .fakeOption::before {
    top: 1px;
    width: 17px;
    height: 17px;
}

.paymentOptions .fakeOption::after {
    display: none !important;
    left: 5px;
    top: 6px;
}

.paymentOptions .active .fakeOption::after {
    display: block !important;
}

.paymentOptions .tab-content {
    padding: 0;
}

.paymentOptions .blueArrowSelect .custom-select {
    color: #2aace3;
    font-size: 12px;
    background-image: url(../images/light-blue-arrow.png) !important;
    padding: 0 20px;
}

.paymentOptions .paymentLeft {
    margin-bottom: 35px;
}

.paymentOptions .securityPanel {
    width: 100%;
    padding: 0 25px;
}

.whoAreYouBooking .nav {
    position: relative;
}

.whoAreYouBooking .nav li a {
    background: #2aace3;
    border-bottom: 1px solid #199ed5 !important;
}

.whoAreYouBooking .nav li a.active {
    border-bottom: none !important;
}

.tabs-left>.nav-tabs>li>a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.noPaddingLeft {
    padding-left: 0 !important;
}

.priceOverview .totalFlightPrice {
    font-size: 18px;
}

.FlightDisclaimer {
    color: #374850;
    font-size: 12px;
}

.paymentMainPage .passengerDetailPanel {
    margin-bottom: 45px;
}

.paymentMainPage .flightRecap {
    margin-bottom: 45px;
}

.paymentMainPage .mainPageRow {
    padding-bottom: 90px;
}

.registerFlightPanel .p-4.borderBottom {
    padding-top: 35px !important;
}

.registerFlightPanel .col-md-5 {
    margin-top: -5px;
}

.registerFlightPanel.panel p {
    font-size: 14px;
}

.registerFlightPanel .highlighteMedia p {
    font-size: 13px !important;
    line-height: 17px;
}

.registerFlightPanel .highlighteMedia h5 {
    font-size: 16px;
    color: #374850;
}

.registerFlightPanel .highlighteMedia figure {
    margin-bottom: 0;
}

.flightRecap .col-md-6:first-of-type .listingItem:nth-of-type(3) {
    margin-right: 0;
}

.weatherPanel {
    padding-top: 25px;
}

.weatherPanel li {
    padding: 0 11px;
}

.weatherPanel .temperature {
    margin-bottom: 25px;
}

.weatherPanel figure {
    margin-bottom: 7px;
}

.moodPicker.nav-tabs .nav-link {
    font-size: 16px;
}

.moodPicker.nav-tabs .nav-link.active,
.moodPicker.nav-tabs .nav-link:hover {
    color: #374850;
}

.thingsToDoBlock .moodPicker a {
    padding: 0 !important;
    margin: 0 25px;
}

.thingsToDoBlock .moodPicker a.active {
    border-bottom: 1px solid #2aace3 !important;
}

.thingsToDoBlock .nav-tabs {
    padding-top: 5px;
}

.thingsToDoBlock .row {
    margin: 0 -5px;
}

.thingsToDoBlock .col-md-3 {
    padding: 0 5px;
}

.thingsToDoBlock .whatToDoItem h5 {
    color: #374850;
    font-size: 17px;
}

.thingsToDoBlock p {
    font-size: 12px !important;
}

.flightDetailsRecap {
    font-size: 13px;
}

.flightDetailsRecap .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36%;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}

.flightDetailsRecap .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 39%;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    max-width: 39%;
}

.flightDetailsRecap .btnEffect {
    position: absolute;
    bottom: 15px;
    margin-bottom: 0 !important;
    left: 0;
}

.flightDetailsRecap .textNoTitle {
    padding-top: 25px;
}

.flightDetailsRecap .relativeParent {
    height: 100%;
    position: relative;
}

.moodPicker {
    margin-bottom: 20px;
}

.outerPanelTitle {
    margin-bottom: 15px;
}

.registerFlightPanel {
    margin-bottom: 40px;
}

.confirmationMain .safriyatMiles {
    margin-bottom: 10px;
}

.thingsToDoBlock {
    margin-bottom: 50px;
}

.userInfoPanel {
    top: 0;
    padding-top: 25px;
}

.userInfoPanel .imageHolder {
    margin-bottom: 20px;
}

.userInfoPanel .imageHolder a {
    font-size: 13px;
    color: #2aace3;
    text-decoration: underline;
    font-weight: 600;
}

.userInfoPanel .userContact {
    color: #374850;
    margin-bottom: 20px;
    font-weight: 600;
}

.userProfileImage {
    position: static;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 11px 0px #ccc;
    box-shadow: 0px 0px 11px 0px #ccc;
    margin-bottom: 4px;
}

.userPanels.panelsHolder>.row>.col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
}

.userPanels.panelsHolder>.row>.col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 73%;
    -ms-flex: 0 0 73%;
    flex: 0 0 73%;
    max-width: 73%;
}

.userPanels .flightRecap .mb-4,
.userPanels .flightRecap .my-4 {
    margin-bottom: 20px !important;
}

.userPanels .flightRecap .p-4 {
    padding-top: 20px !important;
}

.passengerInfoMain .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.passengerInfoMain .btn {
    width: 245px;
    max-width: 100%;
}

.passengerInfoMain .btn.blueTranspBtn {
    width: 100%;
    text-align: center !important;
}

.passengerInfoMain .topSection {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.blueTranspBtn:hover {
    background: #2aace3 !important;
    border-color: #2aace3 !important;
}

.infosBlockTitle {
    font-size: 24px;
    font-weight: 700;
    color: #2f2f2f;
    margin-bottom: 17px;
    padding-top: 15px;
}

.otherPassengers {
    padding-top: 35px;
}

.deletePass {
    color: #f72727 !important;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    padding-left: 45px;
    position: relative;
}

.deletePass:after {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    left: 20px;
    top: 2px;
    background-image: url(../images/close-icon.png);
}

.deletePass:hover {
    text-decoration: underline;
}

.dk-selected:before,
.dk-selected:after {
    border: none !important;
}

.sortDiv {
    padding-top: 15px;
}

.myBookingItem:not(.hotelBookingItem) {
    padding: 35px 20px 28px;
}

.myBookingItem .tripVisual {
    padding: 0;
}

.myBookingsList {
    margin-bottom: 50px;
}

.myBookingsList.hotelBookingList {
    margin-bottom: 0;
}

.myBookingsList li {
    margin-bottom: 20px;
}

.myBookingsList .hotelBookingItem {
    padding: 20px !important;
}

.myBookingsList .hotelBookingItem h5 {
    margin-bottom: 5px;
    font-size: 16px;
    color: #374850;
}

.myBookingsList .hotelBookingItem .media span {
    font-size: 13px;
    color: #374850;
}

.myBookingsList .hotelBookingItem .hotelLocation,
.myBookingsList .hotelBookingItem .bookingDate {
    font-size: 13px;
    display: inline-block;
    color: #374850;
}

.myBookingsList .hotelBookingItem .hotelLocation {
    margin-right: 4px;
}

.myBookingsList .hotelBookingItem .rebookFlight {
    margin-top: 21px;
}

.myBookingsList .hotelBookingItem .media-body {
    padding-top: 6px;
}

.myBookingItem {
    -webkit-box-shadow: 0px 0px 11px 0px #ccc;
    box-shadow: 0px 0px 11px 0px #ccc;
    background: #fff;
    position: relative;
}

.myBookingItem .plane1 {
    position: absolute;
    top: 10px;
    left: -1px;
    background: transparent url(../images/departure.svg) no-repeat center center !important;
}

.myBookingItem .plane2 {
    position: absolute;
    top: 8px;
    right: -8px;
    background: transparent url(../images/arrival.svg) no-repeat right !important;
}

.myBookingItem .tripFrom {
    color: #374850;
    width: auto;
}

.myBookingItem .country {
    font-size: 16px;
    padding: 8px 0;
}

.myBookingItem .tripB {
    border-bottom: 1px dashed #8a8a8a;
    width: 160px;
    padding-top: 0;
    margin-top: 0;
    line-height: 0;
    height: auto;
    min-height: 0;
    padding-top: 34px;
    height: 4px;
    margin: 0 20px;
}

.myBookingItem .tripB:before {
    display: none;
}

.myBookingItem .sharessign {
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(../images/share-icon.svg);
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-position: center center;
    left: auto;
}

.noBooking {
    padding: 30px 20px !important;
}

.noBooking .tripVisual {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.noBooking .rebookFlight {
    margin-top: 0;
}

.noBooking h4 {
    color: #374850;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.noBooking .rebookFlight .btn span {
    padding-left: 30px;
    background: none;
}

.AccountInfo h3.panelTitle {
    font-size: 16px;
}

.AccountInfo .topSection {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: none;
}

.AccountInfo .topSection:last-of-type {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
}

.threeCols .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.book-process {
    padding: 200px 20px 50px;
}

.fail-img {
    padding: 204px 30px 60px !important;
}

.noResultsFound {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

.noResultsFound .blockImage {
    position: relative;
    margin-left: 55px;
}

.noResultsFound .blockImage>img {
    width: 215px;
}

.noResultsFound .textImage {
    position: absolute;
    top: 50px;
    left: 10px;
}

.noResultsFound .textImage img {
    width: auto;
}

.noResultsFound h2 {
    font-size: 30px;
    font-weight: 700;
}

.noResultsFound h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.noResultsFound .btn {
    padding: 0 30px;
}

.noResultsFound .blockInfos {
    max-width: 52%;
}

.whoAreYouBooking .fakeOption::before,
.whoAreYouBooking .checkRadioList span:before,
.saveDetails .fakeOption::before,
.saveDetails .checkRadioList span:before {
    content: "";
    width: 17px;
    height: 17px;
    background: none !important;
    border: 1px solid #cacaca;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
}

.whoAreYouBooking .checkRadioList span:before,
.saveDetails .checkRadioList span:before {
    top: 6px !important;
}

.whoAreYouBooking .fakeOption::after,
.whoAreYouBooking .checkRadioList .label-text:after,
.saveDetails .fakeOption::after,
.saveDetails .checkRadioList .label-text:after {
    content: "";
    height: 8px;
    width: 8px;
    z-index: -99;
    background-color: #2aace3;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block !important;
    /* background-image: none !important; */
    font-size: 0 !important;
}

.whoAreYouBooking .checkRadioList span:after,
.saveDetails .checkRadioList span:after {
    opacity: 0;
    left: 6px !important;
    top: 9px !important;
}

.saveDetails .fakeOption::after,
.saveDetails .checkRadioList .label-text:after,
.flightRulesPanel .checkRadioList .label-text:after {
    opacity: 0;
    left: 5px !important;
    top: 11px !important;
    height: 9px;
    width: 9px;
}

.whoAreYouBooking.paymentOptions .fakeOption::before,
.whoAreYouBooking.paymentOptions .checkRadioList span:before {
    top: 1px;
}

.whoAreYouBooking.paymentOptions .fakeOption::after,
.whoAreYouBooking.paymentOptions .checkRadioList span:after {
    top: 6px;
}

.userNavItem .dropdown-menu {
    width: 215px;
}

.userNavItem .dropdown-menu .dropdown-item {
    padding: 13px 20px;
    border: none;
    position: relative;
}

.userNavItem .dropdown-menu .dropdown-item:after {
    content: '';
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    bottom: 0;
    position: absolute;
    background-color: #ebebeb;
}

header .dropdown-item:hover,
.headerControl .dropdown-item:hover {
    background-color: #29abe2;
}

header .dropdown-item:hover:after,
.headerControl .dropdown-item:hover:after {
    display: none;
}

.dropdown-item {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.userNavItem .link:hover {
    background-color: #29abe2;
    color: #fff;
}

.userNavItem .link:hover:before {
    background-position: -219px -20px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 16px;
    height: 9px;
    width: 13px;
}

.tripSection.noStops .multStop:after {
    display: none !important;
}

.closeSearchSpan {
    display: none;
}

.closeSearch .closeSearchSpan {
    display: block;
}

.closeSearch .changeSearch {
    display: none;
}

.homeBanner.withVisibleControls {
    z-index: 3;
}

.footer a:hover {
    color: #2aace3;
}

.footerSubMenu li:last-child .nav-link:before {
    display: none;
}

.dk-select-options {
    border: 1px solid #3f5661 !important;
    padding: 0;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.dk-select-options-highlight .dk-option-selected {
    background-color: #0665d0;
    color: #fff;
}

.dk-option-selected {
    background-color: #0665d0;
    color: #fff;
}

.dk-option {
    padding: 7px 10px 9px;
    border-bottom: 1px solid #fff;
}

.dk-option:last-child {
    border-bottom: none;
}

.dk-select-options .dk-option-highlight {
    background-color: #f0f3f8;
    color: #495057;
}

.cl-effect-5 a span {
    font-weight: 700;
}

.cl-effect-5 a span:hover {
    text-decoration: underline;
}

.popupMain {
    width: 370px;
    max-width: 100%;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.popupMain.activePopup {
    opacity: 1;
    visibility: visible;
}

.popupMain .popupTitle {
    padding: 15px 30px;
    background-color: #374850;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 24px;
    overflow: hidden;
}

.popupMain .popupTitle:after {
    content: '';
    position: absolute;
    right: -19px;
    top: -21px;
    height: 71px;
    width: 71px;
    background: url(../images/settings-icon.svg) no-repeat;
}

.popupMain .popupBody {
    padding: 25px 30px;
}

.popupMain li>span {
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

.popupMain .dropdown-toggle {
    width: 100%;
    background-color: transparent !important;
    text-align: left;
    border-color: #e8e8e8 !important;
    color: #374850 !important;
}

.popupMain .dropdown-toggle:after {
    left: auto;
    position: absolute;
}

.popupMain .nav-item {
    margin-bottom: 25px;
}

.popupMain .dropdown-menu {
    width: 100%;
}

.popupMain .dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.popupMain .dropdown-item span {
    margin-right: 5px;
}

.popupMain .dropdown-menu:before {
    display: none;
}

.popupMain .dropdown .dropdown-menu {
    top: -6px !important;
    padding: 0;
}

.popupMain .dropdown-item:focus,
.popupMain .dropdown-item:hover {
    background-color: #29abe2;
    color: #fff !important;
}

.popupMain .dropdown-item:focus span,
.popupMain .dropdown-item:hover span {
    color: #374850 !important;
}

.popupMain .btnsHolder .btn {
    width: calc(50% - 10px);
    float: left;
    margin-right: 20px;
}

.popupMain .btnsHolder .btn:nth-of-type(2) {
    margin-right: 0;
}

.popupMain .btnsHolder .btn.btn-white {
    background-color: transparent;
    color: #263f49 !important;
}

.popupMain .btnsHolder .btn.btn-white:hover {
    background: #1a94c8;
    border-color: #1a94c8 !important;
    color: #fff !important;
}

.popupMain .btnsHolder:after {
    content: '';
    clear: both;
    display: table;
}

.popupMain.sessionPopup {
    text-align: center;
}

.popupMain.sessionPopup .iconHolder {
    text-align: center;
    margin-bottom: 15px;
}

.popupMain.sessionPopup .iconHolder img {
    width: 40px;
}

.popupMain.sessionPopup .btn {
    width: 145px;
}

.popupMain h4 {
    font-size: 22px;
    font-weight: 600;
    /* font-family: 'Montserrat Alternates', sans-serif;  */
}

.popupMain .popupDesc {
    font-size: 14px;
    margin-bottom: 25px;
}

body {
    position: relative;
}

body:before {
    content: '';
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
}

body.withOverlay:before {
    opacity: 1;
    visibility: visible;
}

.signInRegister {
    font-size: 15px;
    color: #fff;
    margin-right: 0;
    padding: 0 30px !important;
    margin-left: 20px;
    position: relative;
}

.signInRegister .bgHolder {
    content: '';
    height: 86px;
    width: 100%;
    content: '';
    position: absolute;
    right: 0;
    top: -32px;
}

.signInRegister .btnsHolder {
    position: relative;
    z-index: 1;
    padding: 40px 0;
}

.signInRegister a {
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.signInRegister a:hover {
    color: #29abe2;
}

.signInRegister em {
    font-weight: 500;
    display: inline-block;
    margin: 0 11px 0 9px;
}

header .userNavItem {
    display: none !important;
    background-color: #243b46;
    margin-left: 24px;
    padding-left: 0 !important;
}

header .signInRegister {
    display: inline-block;
}

header.signedIn .signInRegister {
    display: none;
}

header.signedIn .userNavItem {
    display: block !important;
}

.footer .socialFooter a:hover {
    color: #fff;
    background: #1a94c8;
}

.updatedDetails .airlineLogo {
    margin-top: 20px;
    margin-bottom: 80px;
}

.updatedDetails .bottomSection {
    padding-left: 15px;
}

.updatedDetails .airlineService {
    margin-bottom: 25px;
}

.updatedDetails .airplaneSection {
    margin-bottom: 5px;
}

.updatedDetails .airplaneSection .planeImg {
    margin-bottom: 35px;
}

.updatedDetails .airplaneSection .name {
    margin-bottom: 10px;
}

.updatedDetails .airplaneSection .name.biggerMargin {
    margin-bottom: 20px;
}

.updatedDetails .seatOrdering label {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
}

.updatedDetails .luggageSection {
    padding-left: 0;
    margin-bottom: 30px;
}

.updatedDetails .luggageSection li {
    margin-bottom: 7px;
    font-size: 16px;
}

.updatedDetails .note {
    margin-bottom: 60px;
}

.cheapest .smallProgress,
.cheapest .progress-value {
    display: none;
}

.cheapest .cheapestFlight {
    text-align: right;
    padding-top: 24px;
}

.cheapest .cheapestFlight .price {
    display: inline-block;
    margin-bottom: 8px;
}

.cheapest .yellowSection {
    font-size: 10px;
    color: #fff;
    background-color: #fbcf01;
    padding: 8px 16px 7px;
    padding-left: 35px;
    position: relative;
    line-height: 12px;
    display: inline-block;
    font-weight: 700;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 10px;
}

.cheapest .yellowSection:before {
    content: '';
    height: 9px;
    width: 13px;
    background-image: url(../images/white-tick.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: 15px;
}

.cheapest .availableSeats span {
    font-size: 12px;
    display: block;
}

.cheapest .availableSeats .seatsLeft {
    color: #e41313;
    font-weight: 700;
    display: inline-block;
    font-size: 12px;
}

.cheapest .availableSeats .seatsLeft span {
    display: inline-block;
    margin-right: 3px;
}

.searchedFor .cityFrom,
.searchedFor .cityTo {
    max-width: 400px;
    /* max-width: inherit; */
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.searchedFor .icon {
    float: left;
}

@media all and (max-width: 1550px) {
    header .nav-item {
        padding-left: 10px;
    }
    header .nav-link {
        padding: 10px 15px;
    }
}

.top-header .navbar-toggler img {
    width: 30px;
}

.top-header .main-nav .navbar-nav {
    margin-left: auto;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.top-header .main-nav .nav-link {
    padding: 10px 15px;
}

.mapHolder img {
    max-width: 100%;
}

@media (min-width: 1165px) {
    .totalMiles {
        display: block !important;
    }
}

.top-header .btn-settings {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60px;
    font-size: 18px;
    display: none;
}

.top-header .btn-account {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0;
    width: 60px;
    background: transparent !important;
}

.top-header .btn-account>div {
    width: 100%;
    height: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top-header .btn-account .dropdown-toggle {
    padding: 0 !important;
    font-size: 18px;
}

.top-header .btn-account .dropdown-toggle:after {
    display: none;
}

@media (max-width: 567.98px) {
    .book-banner {
        height: 30vh;
        padding-top: 120px !important;
        -webkit-background-size: cover;
        background-size: cover;
        /* background: #374850 !important; */
    }
    .footerLogo {
        display: flex;
        justify-content: center;
    }
    .socialFooter {
        margin-top: 40px;
        justify-content: center !important;
    }
    .footerTopDashboard {
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .homeBanner {
        padding-top: 82px !important;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: 25px;
        /* background: #374850 !important; */
    }
    .homeBanner:not(.innerPageBanner) .bannerContent {
        background-color: rgba(9, 48, 66, 0.6);
        padding: 15px;
    }
    .list-head-text {
        display: none !important;
    }
    .head-details {
        max-width: 100%;
        float: none;
        margin-bottom: 0px !important;
        padding: 0 15px;
    }
    .homeBanner h2 {
        font-size: 30px;
        display: none;
    }
    .homeBanner h4,
    .homeBanner h3 {
        display: none;
    }
    .homeBanner--full-screen {
        min-height: initial;
    }
    .navbar {
        padding: 0 16px;
    }
    .filterSec {
        display: none;
    }
    #radioTarget1> :nth-child(1),
    #radioTarget2> :nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #radioTarget1> :nth-child(2),
    #radioTarget2> :nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    #radioTarget1> :nth-child(3),
    #radioTarget2> :nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    #radioTarget1> :nth-child(4),
    #radioTarget2> :nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    #radioTarget1> :nth-child(5),
    #radioTarget2> :nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    #radioTarget1> :nth-child(6),
    #radioTarget2> :nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .whiteBridge::before,
    .whiteBridge::after {
        display: none;
    }
    .doubleDate .row {
        margin: 0;
    }
    .doubleDate .row [class^="col-"] {
        padding: 0;
        margin: 0;
    }
    .superFlights {
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .hotelDeals {
        padding-bottom: 0;
        padding-top: 30px;
    }
    /* .socialFooter {
display: none;
} */
}

@media (max-width: 991.98px) {
    .book-banner {
        height: 100vh;
        padding-top: 150px !important;
        -webkit-background-size: cover;
        background-size: cover;
        /* background: #374850 !important; */
    }
    .navbar {
        padding: 0 16px;
    }
    .navbar-brand {
        margin: auto;
    }
    .homeBanner {
        /* height: 100vh; */
        background-size: cover;
        padding-top: 65px !important;
        -webkit-background-size: cover;
        /* background-color: #374850; */
    }
    .top-header .btn-settings {
        display: block;
    }
    .userNavItem.btn-account {
        display: block !important;
    }
}

body.rtl {
    text-align: right;
    direction: rtl;
    /* font-family: 'Tajawal', sans-serif !important; */
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.rtl .top-header>.navbar {
    padding: 0 1rem 0 0;
}

.rtl .top-header .main-nav .navbar-nav {
    margin-left: 0;
    margin-right: auto;
    padding: 0;
}

.rtl .totalMiles {
    margin-right: 20px;
    margin-left: 0;
}

.rtl header .nav-item {
    padding-right: 30px;
    padding-left: 0;
}

.rtl header .nav-item.langParent,
.rtl header .nav-item.currParent {
    padding-left: 0;
    padding-right: 40px;
}

.rtl header .nav-item.langParent:before,
.rtl header .nav-item.currParent:before {
    right: 20px;
    left: unset;
}

.rtl .signInRegister {
    margin-right: 20px;
    margin-left: 0;
}

.rtl header .userNavItem {
    margin-right: 24px;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 0 !important;
}

.rtl .dropdown-item {
    text-align: right;
}

.rtl .userNavItem .link a {
    text-align: left;
    padding-right: 5px;
    padding-left: 33px;
}

.rtl .userNavItem .link:before {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    right: unset;
    left: 18px;
}

.rtl .userNavItem .link:hover:before {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}

.rtl header .subMenu .nav-item {
    padding-left: 4px;
    padding-right: 20px;
}

.rtl .top-benefits .text {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .mapBlockMain .btnEffect,
.rtl .storiesBlockMain .btnEffect {
    left: 0;
    right: unset;
}

.rtl .storiesCarousel .imageHolder {
    margin-right: 0;
    margin-left: 40px;
}

.rtl .storiesCarousel .link:before {
    right: unset;
    left: 0;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    top: 7px;
}

.rtl .storiesCarousel .link a {
    padding-right: 0 !important;
    padding-left: 12px !important;
}

.rtl .loyaltyDashboard .checkList {
    padding-right: 30px;
}

.rtl .checkList li {
    padding-left: 0;
    padding-right: 40px;
    background-position: right center;
}

.rtl .dashboardLink.link:before {
    right: unset;
    left: -8px;
    top: 5px;
}

.rtl .dashboardLink.cl-effect-5 {
    padding-right: 0;
    padding-left: 5px;
}

.rtl .hotelDeals .price {
    margin-right: auto;
    margin-left: 0;
}

.rtl .hotelDeals .ratingValue {
    margin-left: 0;
    margin-right: auto;
}

.rtl .newsletterBlock .input-group {
    margin-left: 0;
    margin-right: auto;
}

.rtl .newsletterBlock .submitNewsletter {
    left: 17px;
    right: unset;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    -webkit-background-size: contain;
    background-size: contain;
}

.rtl .socialFooter {
    margin-left: 0;
    margin-right: auto;
}

.rtl .socialFooter ul {
    padding: 0;
}

.rtl ul {
    padding-right: 0;
}

.rtl .checkRadioList.normalRadio .form-check {
    margin-left: 0;
    margin-right: 20px;
}

.rtl .checkRadioList.normalRadio .form-check:first-child {
    margin-right: 0;
}

.rtl .bannerControls .input-group-prepend {
    -webkit-border-radius: 0 0.25rem 0.25rem 0;
    border-radius: 0 0.25rem 0.25rem 0;
}

.rtl .input-group>.custom-select:not(:first-child),
.rtl .input-group>.form-control:not(:first-child) {
    -webkit-border-radius: 0.25rem 0 0 0.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
}

.rtl .plane1Icon,
.rtl .plane2Icon {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .dateIcon {
    background-position: center;
}

.rtl .bannerControls .dropdown-toggle {
    -webkit-border-radius: 0.25rem 0 0 0.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
    padding-left: 30px;
    padding-right: 0;
    text-align: right;
}

.rtl .dropdown-toggle::after {
    right: unset;
    left: 0;
}

.rtl .bannerControls .dropdown.show .dropdown-menu {
    text-align: right;
}

.rtl .blueArrowSelect .custom-select {
    padding: 0 10px 0 24px;
}

.rtl .blueArrowSelect .custom-select:after {
    right: unset;
    left: 0;
}

.rtl .rightAlign {
    text-align: left;
}

.rtl .doubleArrow {
    left: unset;
    right: 7px;
}

.rtl .secondDestination {
    float: right;
}

.rtl .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    margin-right: 0;
    /* margin-left: 10px; */
}

.rtl .whiteBridge::before {
    left: unset;
    right: -30px;
}

.rtl .whiteBridge::after {
    left: unset;
    right: -24px;
}

.rtl .dateGroup input {
    text-align: right;
}

.rtl .hotelIcon {
    width: 18px;
}

.rtl .staticInputText {
    left: unset;
    right: 45px;
}

.rtl .popupMain .popupTitle:after {
    right: unset;
    left: -19px;
}

.rtl .popupMain .dropdown-toggle {
    text-align: right;
}

@media all and (max-width: 1550px) {
    .rtl header .nav-item {
        padding-right: 10px;
        padding-left: 0;
    }
}

.homeBanner.signup {
    background: #d3185c;
    background: -webkit-linear-gradient(50deg, #d3185c 0%, #090979 66%, #1679a3 100%) !important;
    background: -o-linear-gradient(50deg, #d3185c 0%, #090979 66%, #1679a3 100%) !important;
    background: linear-gradient(40deg, #d3185c 0%, #090979 66%, #1679a3 100%) !important;
    padding-top: 80px !important;
    min-height: 300px;
}

.socialBtn {
    padding: 10px 15px;
    white-space: initial;
    min-height: 48px;
    height: auto;
    line-height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {
    .homeBanner.signup {
        min-height: 80px;
    }
}

@media (max-width: 991.98px) {
    .media {
        margin-bottom: 20px;
    }
    .bigIconsList figure {
        display: none;
    }
    .userPanels .row {
        margin: 0;
    }
}

.rtl .bigIconsList figure {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .bigIconsList figure img {
    margin: 0 !important;
}

.btn-filter-popup,
.btn-flight-details,
.btn-flight-summary {
    display: none;
    /* width: 100%;
position: fixed;
bottom: 0;
left: 0;
padding: 0 20px 10px;

z-index: 9999; */
    width: 90%;
    position: fixed;
    bottom: 0;
    left: 5%;
    right: 5%;
    padding: 0px 1px 12px;
    /* margin-left: 12px; */
    z-index: 9999;
}

.btn-filter-popup .btn,
.btn-flight-details .btn,
.btn-flight-summary .btn {
    padding: 0 20px;
    width: 100%;
    background: #2e444e;
    border-color: #173746 !important;
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.35);
}

.btn-filter-popup .sort,
.btn-filter-popup .show,
.btn-flight-summary .sort,
.btn-flight-summary .show {
    display: inline;
}

.btn-filter-popup .done,
.btn-flight-summary .done {
    display: none;
}

.btn-filter-popup .btn.opened .sort,
.btn-filter-popup .btn.opened .show,
.btn-flight-summary .btn.opened .sort,
.btn-flight-summary .btn.opened .show {
    display: none;
}

.btn-filter-popup .btn.opened .done,
.btn-flight-summary .btn.opened .done {
    display: inline;
}

.cheapest .cheapestFlight {
    text-align: center !important;
}

.sar-size {
    font-size: 16px !important;
    font-weight: normal !important;
}

.earn-text {
    color: #2aace3 !important;
    font-size: 14px !important;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.login-form-elements .loginSoc {
    margin: auto;
}

.login-form-elements .loginSoc-rtl {
    margin: auto;
}

@media (max-width: 767.98px) {
    .loadingMain h2 {
        display: block !important;
        padding: 0 20px;
    }
    .searchedFor.active {
        min-height: 100px;
    }
    .loadingMain.active {
        min-height: 122px;
    }
    .flightlistingbanner {
        min-height: 82px;
    }
    .flightlistingbanner .bannerContent {
        top: 20px;
    }
    .homeBanner.withVisibleControls {
        padding-bottom: 0;
    }
    .trip-info {
        max-width: 100%;
    }
    .trip-info .from,
    .trip-info .to {
        display: none;
    }
    .trip-info .plane-container {
        width: 100%;
    }
    .planeIcon {
        -webkit-animation: planeAnimation linear 4s infinite;
        animation: planeAnimation linear 4s infinite;
    }
    .searchedFor .leftSection {
        max-width: 100%;
        float: none;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .searchedFor .searchToggleBtn {
        position: relative;
        margin: 0 auto;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .withVisibleControls .searchedFor .searchToggleBtn {
        float: none;
        margin-bottom: 30px;
    }
    .innerPageBanner.withVisibleControls .bannerContent {
        margin: 0;
        margin-top: -1px;
    }
    .flightResultListing .card {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    .flightResultListing .listingItemMain {
        padding: 15px 10px;
    }
    .flightResultListing .leftSection {
        width: 100% !important;
        border: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
    .flightResultListing .rightSection {
        width: 100% !important;
        padding: 0;
    }
    .flightResultListing .rightSection .progress,
    .flightResultListing .rightSection .smallProgress,
    .flightResultListing .rightSection .progress-value {
        display: none;
    }
    .flightResultListing .milesBtn,
    .flightResultListing .share {
        display: none;
    }
    .flightResultListing .cheapest .cheapestFlight {
        display: none;
    }
    .flightDetailsToggle {
        margin: 30px 0 10px;
        width: 100%;
    }
    .tripSection {
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    .tripHeader {
        margin-bottom: 0;
        background-color: #eee;
        color: #2e444e;
    }
    .tripHeader .icon {
        display: none;
    }
    .tripVisual {
        padding: 0;
    }
    .tripVisual figure {
        display: block;
        margin-bottom: 8px;
        padding: 0;
        margin: 10px 0;
    }
    .tripVisual .tripLine {
        width: 100%;
    }
    .tripVisual .tripLine .tripA .sprite,
    .tripVisual .tripLine .tripC .sprite {
        display: none;
    }
    .noResultsFound {
        padding: 20px;
        margin-top: 30px;
    }
    .noResultsFound .blockInfos {
        max-width: 100%;
    }
    .noResultsFound .blockImage {
        display: none;
    }
    .flightDetails.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 999;
        overflow: auto;
        padding-bottom: 44px;
    }
    .flightDetails .blockHeading {
        display: block;
    }
    .flightDetails .blockHeading .dest,
    .flightDetails .blockHeading .duration {
        width: 100%;
    }
    .flightDetails .blockHeading .dest {
        margin-bottom: 12px;
    }
    .flightDetails .tableHeader {
        display: none;
    }
    .flightDetails .tableBody {
        display: block;
        padding: 15px;
    }
    .flightDetails .tableItem {
        width: 100% !important;
        border-bottom: 1px solid #eee;
        padding: 15px 0 !important;
    }
    .flightDetails .tableItem:nth-of-type(1) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flightDetails .airlineLogo {
        width: 50%;
    }
    .flightDetails .airlineService {
        width: 50%;
        margin-left: 20px;
    }
    .flightDetails .bottomSection {
        padding: 15px;
    }
    .flightDetails .flightSection,
    .flightDetails .noteSlider {
        width: 100%;
        float: none;
    }
    .flightDetails .noteSlider {
        display: none;
    }
    .flightDetails .luggageSection {
        font-size: 16px;
        margin-bottom: 30px;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
    }
    .flightDetails .airplaneSection {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #eee;
    }
    .flightDetails .amenitiesListing {
        margin-bottom: 0;
    }
    .flightDetails .amenitiesListing li {
        margin-bottom: 10px;
    }
    .flightDetails .note {
        font-size: 16px;
        padding: 15px 15px;
    }
    .flightDetails .note img {
        margin: 0 10px 10px;
        width: 20px !important;
    }
    .flightDetails .smallImagesSlider img {
        width: 140px;
    }
    .flightDetails .layoverStrip {
        margin: 15px 0;
    }
    .btn-flight-details.active {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .leftBookingSection {
        visibility: hidden;
        /* border: 5px solid; */
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        float: none;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        /* padding: 2%; */
        /* border-radius: 40px; */
        z-index: 999;
        background: #f4f4f4;
        padding: 20px 20px 30px;
        height: 100%;
        overflow: auto;
        box-sizing: border-box;
        /* background-color: #ffffff; */
        box-shadow: 0px -6px 17px 0px #00000042;
        /* visibility: hidden;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
float: none;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
background: #f4f4f4;
padding: 20px;
height: 100%;
overflow: auto;
box-sizing: border-box; */
    }
    .leftBookingSection.show {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .mainBookingSection {
        width: 100%;
    }
    .flightResultListing .leftSection {
        width: 75%;
    }
    .flightResultListing .rightSection {
        width: 25%;
    }
    .btn-filter-popup {
        display: block;
    }
}

.rtl .searchedFor .cityFrom,
.rtl .searchedFor .cityTo {
    float: right;
}

.rtl .searchedFor .icon {
    float: right;
}

.rtl .searchedFor .dates {
    float: right;
}

.rtl .searchedFor .ticketType {
    float: right;
    padding-left: 0;
    padding-right: 35px;
}

.rtl .searchedFor .ticketType:before {
    left: unset;
    right: 14px;
}

.rtl .searchedFor .leftSection {
    float: right;
}

.rtl .searchedFor .btn {
    right: unset;
    left: 0;
}

.rtl .withVisibleControls .searchedFor .btn {
    float: left;
}

.rtl .floatRight {
    float: left;
}

.rtl .weatherBlock .btn-primary span {
    padding-right: 30px;
    padding-left: 6px;
}

.rtl .weatherBlock .btn-primary:after {
    margin-right: unset;
    margin-left: 28px;
}

.rtl .leftBookingSection {
    float: right;
    margin-right: 0;
    margin-left: 12px;
}

.rtl .mainBookingSection {
    float: right;
}

.rtl .sevenDaysBlock .showHide:after {
    right: unset;
    left: -24px;
}

.rtl .leftBookingSection .promoCode .blockTitle:before {
    margin-left: 5px;
    margin-right: 0;
}

.rtl .leftBookingSection .blockHead .clearFilter {
    margin-left: 0;
    margin-right: auto;
}

.rtl .panelSubSection .tableHead .leftSec {
    float: right;
}

.rtl .panelSubSection .tableHead .rightSec {
    float: left;
}

.rtl .panelSubSection .tableLike .leftSec {
    float: right;
}

.rtl .panelSubSection .tableLike .rightSec {
    float: left;
}

.rtl .leftBookingSection .label-text {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .leftBookingSection .checkRadioList .squareCheckbox input[type="checkbox"]+.label-text:before {
    left: unset;
    right: 0;
}

.rtl .showMore {
    text-align: left;
}

.rtl .trip-info .from {
    padding-right: 0;
    padding-left: 24px;
    background-position: center left;
}

.rtl .trip-info .to {
    padding-left: 0;
    padding-right: 24px;
    background-position: center right;
}

.rtl .planeIcon img {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}

.rtl .planeIcon {
    left: unset;
    right: 0;
    -webkit-animation: planeAnimationRtl linear 7s infinite;
    animation: planeAnimationRtl linear 7s infinite;
}

.rtl .panelSubSection .tableLike .rightSec .currency {
    padding-right: 0;
    padding-left: 4px;
}

.rtl .flightResultListing .leftSection {
    padding-right: 0;
    padding-left: 20px;
    border-right: 0;
    border-left: 1px solid #dbdbdb;
    float: right;
}

.rtl .flightResultListing .rightSection {
    padding-right: 20px;
    padding-left: 0;
    float: right;
}

.rtl .tripHeader .icon {
    margin-right: 0;
    margin-left: 10px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .tripVisual {
    padding: 10px 0px 10px 10px;
}

.rtl .tripVisual figure {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .tripA,
.rtl .tripB,
.rtl .tripC {
    float: right;
}

.rtl .tripLine .tripA .sprite {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 100%;
    height: 18px;
    background-position: left center !important;
}

.rtl .tripLine .time {
    font-weight: bold;
    text-align: left;
}

.rtl .tripLine .country {
    text-align: left;
}

.rtl .tripLine .tripC .sprite {
    background-position: 40px center !important;
    height: 20px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .flightDetails .flightSection {
    float: right;
}

.rtl .flightDetails .noteSlider {
    float: right;
}

.rtl .updatedDetails .seatOrdering label {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .noResultsFound .blockImage {
    margin-right: 55px;
    margin-left: 0;
}

.rtl .cheapest .yellowSection {
    padding-left: 16px;
    padding-right: 35px;
}

.rtl .cheapest .yellowSection:before {
    left: unset;
    right: 15px;
}

.rtl .share {
    right: unset;
    left: 0;
}

.rtl .servicesSection .listingImage {
    float: right;
    margin-right: 0;
    margin-left: 14px;
}

.rtl .servicesSection .listingInfos {
    float: right;
}

@media (max-width: 767.98px) {
    .rtl .searchedFor .leftSection,
    .rtl .withVisibleControls .searchedFor .searchToggleBtn {
        float: none;
    }
}

.loginSoc {
    width: 100%;
    height: 100%;
    /* padding-bottom: 50px; */
    /* padding-right: 50px; */
    position: relative;
    font-size: 12px !important;
    display: flex;
    justify-content: space-around;
    font-weight: 400;
    line-height: 38px;
}

.loginSoc-rtl {
    width: 100%;
    height: 100%;
    /* padding-bottom: 50px; */
    padding-right: 38px;
    position: relative;
    font-size: 12px !important;
    display: flex;
    justify-content: space-around;
    font-weight: 400;
    line-height: 38px;
}

.loginSoc i {
    position: absolute;
    top: 6px;
    left: 19px;
}

.loginSoc-rtl i {
    position: absolute;
    top: 7px;
    left: 220px;
}

.next-payment-btns--mobile {
    display: none;
}

.registerFlightPanel .login-form,
.registerFlightPanel .register-form {
    display: none;
}

.registerFlightPanel .login-form.active,
.registerFlightPanel .register-form.active {
    display: block;
}

.why-flydirect-account {
    margin: 20px 0 20px;
}

.why-flydirect-account h6 {
    margin-bottom: 15px;
}

.why-flydirect-account ul {
    margin: 0;
    /* padding: 0 0 0 20px; */
}

.why-flydirect-account li {
    margin-bottom: 8px;
    padding-left: 25px;
    position: relative;
    line-height: 20px;
}

.why-flydirect-account li:before {
    content: '';
    background-image: url(../images/check-1.png);
    height: 20px;
    width: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    background-repeat: no-repeat;
    background-size: contain;
}

.final-trip {
    position: relative;
    /* padding-left: 55px; */
    margin-bottom: 1rem;
    min-height: 40px;
    /* text-align: center; */
    display: flex;
    /* align-items: center; */
}

.fh-text {
    padding: 0 12px;
}

.steps-header {
    position: relative;
    padding-left: 55px;
    margin-bottom: 1rem;
    min-height: 40px;
    /* text-align: center; */
    /* display: flex;
align-items: center; */
}

.steps-header .step-no {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #0665d0;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.steps-header .main {
    font-weight: bold;
}

.passengerDetailPanel {
    margin-bottom: 50px;
}

.tab-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    font-weight: bold;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tab-heading .tag {
    background: #0665d0;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 100;
    margin-right: 5px;
}

.seatSelectionPanel {
    margin-bottom: 50px;
}

.seatSelectionPanel h4 {
    font-weight: bold;
}

.seatSelectionPanel p {
    margin: 20px 0;
}

.seatSelectionPanel .btn {
    padding: 0 20px;
}

.seatSelectionPanel .btn img {
    height: 24px;
    margin-left: 9px;
}

.contactBilling {
    margin-bottom: 50px;
}

.flightRulesPanel {
    margin-bottom: 50px;
}

.flightRulesPanel>ul {
    padding: 0 0 0 25px;
}

.flightRulesPanel>ul>li {
    font-weight: 600;
    margin-bottom: 8px;
    list-style: decimal;
}

.flightRulesPanel .rules {
    font-weight: 100;
    margin: 20px 0;
    padding-left: 20px;
    /* height: 350px; */
    overflow: auto;
}

.flightRulesPanel .rules li {
    margin-bottom: 6px;
}

.flightRulesPanel .rules li:before {
    content: '- ';
}

.flightRulesPanel .checkRadioList label {
    line-height: 30px;
}

.next-payment-btns {
    margin-top: 50px;
}

.checkRadioList .label-text:after {
    background-color: #2aace3;
    z-index: -99;
}

#flightSummaryCol.is_stuck {
    margin: 20px 0;
}

.paymentPanel {
    margin-bottom: 50px;
}

.paymentPanel .payment-form {
    margin: 30px 0;
}

.paymentPanel .payment-form label {
    margin-top: 10px;
}

.paymentPanel .payment-form input,
.paymentPanel .payment-form select {
    height: 45px;
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 25px;
}

.paymentPanel .payment-form .expiry_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.paymentPanel .payment-form .expiry_date select {
    width: 48% !important;
}

.whoAreYouBooking .note {
    background-image: url("../images/note-bell.png");
    background-repeat: no-repeat;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    padding: 5px 36px;
    background-position: left 2px;
}

.iti input {
    padding-left: 50px !important;
}

@media (max-width: 767.98px) {
    .btnEffect.addHotelRoom {
        display: none;
    }
    .login-form-elements> :nth-child(3) {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .register-form-elements> :nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .loginSoc {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    /* .loginSoc i {
    position: static;
} */
    .iti {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .chosenFlightDetails .tripVisual {
        padding: 0;
        border: 0;
        width: 100%;
        margin-bottom: 22px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .tabs-left>.nav-tabs {
        float: none;
        margin: 0;
    }
    .tabs-left>.nav-tabs>li {
        float: left !important;
    }
    .whoAreYouBooking .nav li {
        display: inline-block !important;
        width: initial;
    }
    .whoAreYouBooking .nav li a {
        -webkit-border-radius: .5em .5em 0 0 !important;
        border-radius: .5em .5em 0 0 !important;
    }
    .whoAreYouBooking .optionalDetails {
        padding: 20px 5px;
    }
    .whoAreYouBooking .optionalDetails .row {
        margin: 0;
    }
    .whoAreYouBooking .tab-content {
        width: 100%;
    }
    .chosenFlightDetails .row {
        margin: 0;
    }
    .next-payment-btns--mobile {
        display: block;
    }
    .urgentHelp {
        visibility: hidden;
        /* display: none; */
    }
    .subpageBanner {
        min-height: 82px;
        /* padding-top: 0 !important;
background: none !important; */
    }
    .passengerDetailPanel {
        padding: 13px;
    }
    .mainPageRow {
        margin: 0;
    }
    #flightSummaryCol {
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        background: #fff;
        margin: 0 !important;
        z-index: 99;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    #flightSummaryCol.show {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .btn-flight-summary {
        z-index: 999;
        display: block;
    }
}

@media (min-width: 992px) {
    #flightSummaryCol.fixed {
        position: fixed;
        top: 0;
        z-index: 9999999;
        min-width: 276px;
    }
}

.rtl .why-flydirect-account li {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .why-flydirect-account li:before {
    left: unset;
    right: 0;
    margin-left: 15px;
    margin-right: 0;
}

.rtl .steps-header {
    padding-left: 0;
    padding-right: 55px;
}

.rtl .steps-header .step-no {
    left: unset;
    right: 0;
}

.rtl .tab-heading .tag {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .iti__country-list {
    left: 0;
    text-align: right;
}

.rtl .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
}

.rtl .whoAreYouBooking .datepicker {
    padding-right: 40px !important;
    text-align: right;
}

.rtl .whoAreYouBooking .note {
    background-position: center right;
}


/* .rtl .checkRadioList input[type="radio"]+.label-text:before,
.rtl .checkRadioList input[type="checkbox"]+.label-text:before {
margin-right: 0;
margin-left: 5px;
} */

.rtl .flightRulesPanel>ul {
    padding: 0 25px 0 0;
}

.rtl .panelUser .userImage {
    left: unset;
    right: 0;
    margin-right: 0;
    margin-left: 10px;
}

.rtl .alignRight {
    text-align: left;
}

.rtl .urgentHelp {
    padding-right: 0;
    padding-left: 75px;
    background-position: center left;
    text-align: right !important;
}

.flightRecap .listingHolder p {
    margin-bottom: 5px;
}

.flightRecap .listingHolder a {
    display: inline-block;
    margin-top: 10px;
}

.flightRecap .panelTitle {
    color: #2f2f2f;
}

.flightRecap .lightBlueBg .panelTitle {
    color: #2aace3;
}

.flightRecap .passengers-info .listingItem {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.paymentOptions .logos {
    height: 50px;
    margin-bottom: 20px;
}

.paymentOptions .logos img {
    height: 100%;
}

.FlightDisclaimer {
    margin-top: 50px;
    padding: 0 10px;
}

.FlightDisclaimer .pay-btn-col {
    text-align: right;
}

.paymentOptions .borderRight {
    padding-right: 20px;
}

.paymentOptions .firstLevelRow {
    padding: 25px;
}

.securityReassurance.media {
    margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    .flightRecap .passengers-info .listingHolder a {
        margin-bottom: 30px;
        width: 100%;
        text-align: right;
    }
    .whoAreYouBooking .firstLevelRow {
        margin: 0 0;
    }
    .whoAreYouBooking .firstCol {
        padding: 0;
    }
    .paymentOptions .borderRight {
        border: 0;
        padding-right: 0 !important;
    }
    .security-code-field {
        margin-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .paymentMainPage .flightRecap>.row {
        width: initial;
    }
}

.rtl .flightRecap .listingItem {
    margin-right: 0;
    margin-left: 50px;
}

.rtl .borderRight {
    border-right: 0;
    border-left: 1px solid #e4e4e4;
}

.rtl .paymentOptions .borderRight {
    padding-left: 20px;
    padding-right: 0;
}

.errorInput input::-webkit-input-placeholder {
    color: red !important;
}

.errorInput input:-ms-input-placeholder {
    color: red !important;
}

.errorInput {
    box-shadow: 0px 0px 1px 2px red;
    border-radius: 4px;
    color: red;
}

.errorInput input::placeholder {
    color: red !important;
}

.search-drop-down .fa-arrow-right:before {
    content: '';
    background-image: url(../images/fnl-ap-icn.png);
    height: 20px;
    width: 24px;
    position: absolute;
    left: 20px;
    right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.search-results i {
    font-size: 14px;
    /* padding: 5px 30px 5px 52px; */
}

.search-drop-down .fa-arrow-right {
    padding-top: 3px;
}

.sevenDaysBlock .tableLike .td {
    cursor: pointer;
}

.sevenDaysBlock .tableLike .td-rtl {
    cursor: pointer;
}

#radioTarget3 input[formarrayname=flightDetails] {
    width: 90%;
}

#radioTarget3 .ng-pristine .form-inline {
    width: 100%;
}

@media (max-width: 1199px) {
    .searchingdetail .chooseRoombtn .choose-more-btn {
        font-size: 11px !important;
        width: 120px;
    }
    .searchingdetail .chooseRoombtn .px-4 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .searchingdetail .text-lg-right.float-right {
        float: none !important;
    }
    .searchingdetail .text-center.float-right {
        float: none !important;
        margin-left: 11px;
        width: 123px;
        padding: 4px !important;
    }
    .searchingdetail .text-center.float-right strong {
        font-size: 10px;
    }
    .pricesectn {
        padding-left: 0px;
    }
    .searchingdetail .hotel_listing_title_star .row {
        width: 100%;
    }
    .searchingdetail .hotel_listing_title_star .row .px-1 {
        width: 30px;
    }
    .searchingdetail .hotel_listing_title_star .row .hotel-list-ol {
        width: calc(100% - 50px);
    }
}

@media (max-width: 991px) {
    .searchresults .leftSection {
        width: 500px;
    }
    .searchingdetail .text-lg-right.float-right {
        float: right !important;
        text-align: right;
    }
    .searchingdetail .text-center.float-right {
        margin-left: 16px;
    }
}

@media (max-width: 767px) {
    .hotelformseacrh .doubleDate .col-md-4.spacing-text {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .searchresults .leftSection {
        width: 100%;
    }
    .searchingdetail .hr-a {
        border-left: none;
        height: auto;
    }
    .searchingdetail .text-lg-right.float-right {
        float: none !important;
        text-align: left;
    }
    .searchingdetail .text-center.float-right {
        margin-left: 0px;
    }
    .searchingdetail .chooseRoombtn {
        position: relative;
        text-align: left;
        float: left !important;
    }
}

.customer_first_row .select_contary .custom-select {
    width: 100%;
    border: none;
    border-bottom: 2px solid #e3e3e3;
    height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent;
    font-size: 14px;
}

.customer_first_row .select_contary .custom-select:before {
    display: block;
    width: 24px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../images/blue-arrow-down.png) no-repeat;
    background-position: center;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
}

.customer_first_row label {
    padding-left: 15px !important;
    font-size: 12px !important;
    padding-top: 10px !important;
}

.title_width .ngx-select__toggle {
    min-height: 33px;
}

.title_width .ngx-select__toggle {
    border: 1px solid #d4dcec!important;
    /* border-bottom: 2px solid #e3e3e3 !important; */
    border-color: transparent;
    height: 35px;
}

.title_width .dropdown .dropdown-menu {
    top: 38px !important;
    padding: 0px;
    overflow: auto;
    max-height: 10.5em;
    min-width: auto;
}

.title_width .dropdown .dropdown-menu li a.dropdown-item {
    border-bottom: none;
    padding: 7px 10px 9px;
}

.title_width .dropdown .dropdown-menu li .ngx-select__item_active {
    background-color: #374850;
}

.title_width .ngx-select__toggle:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.title_width .form-control:focus {
    box-shadow: none;
}

.title_width .input-group-text {
    background-color: transparent;
    border: none;
    padding: 0 10px;
}

.title_width .ngx-select__selected-single {
    font-size: 17px;
}

.ngx-select__selected-single {
    font-weight: bold;
}

.customer_first_row label {
    font-size: 15px !important;
    font-weight: 700!important;
    line-height: 25px!important;
}

.title_width .form-control:focus {
    border-color: transparent;
}

.title_width .form-control {
    border: transparent;
}

.title_width .dropdown .dropdown-menu:focus {
    outline: none;
}

.title_width .ngx-select.dropdown {
    outline: none !important;
}

.maxcheck .ngx-select__toggle {
    border: 2px solid #FF0000 !important;
    /* border-bottom: 2px solid red !important;
    border-radius: 0px; */
}

.title_name .ngx-select__toggle {
    margin-top: 8px;
    /* height: 44px; */
    border-radius: 0px;
    border-radius: 5px;
}

.issuing_contary label {
    background-color: transparent;
    border-color: transparent;
    font-size: 18px !important;
}

.customer_first_row {
    padding-bottom: 10px;
    padding-left: 40px;
}

.customer_first_row .select_contary select {
    border-color: transparent;
    background-color: transparent;
    border-bottom: 2px solid #e3e3e3;
    line-height: 30px!important;
}

.flight_header_h2 {
    color: #2aace3;
    padding-bottom: 20px;
}

.hotel_details_table ul {
    padding-left: 40px;
}

.hotel_details_table ul li {
    font-size: 16px;
    line-height: 34px;
}

.hotel_details_table ul li:before {
    content: '*';
}

table.hoteldetailtable1 td {
    text-align: center;
}

table.hoteldetailtable1 th {
    text-align: center !important;
}


/* .select_contary .drop_select_none option:hover{
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
.select_contary select option:hover {
background-color: #f8f9fa;
color: #16181b;
text-decoration: none;
}
.select_contary select option:focus{
background-color: #f8f9fa;
color: #16181b;
text-decoration: none;
} */

.hotel_informatn .text-primary {
    color: #2aace3 !important;
}

.chooseRoombtn .choose-more-btn {
    padding: 10px 5px !important;
}

em {
    font-style: normal !important;
}

.nonstop_error_msg {
    border: 2px solid #2aace3;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.img-error {
    margin-right: 10px;
    width: 35px;
}

.swal2-popup .swal2-content .swal2-checkbox {
    display: none !important;
}

.carousel-control-prev,
.carousel-control-next {
    display: flex !important;
    z-index: 99;
}

.heart-img-a {
    z-index: 101;
    cursor: pointer;
}

.icon-moon2 {
    background: #FFF url(../images/moon2.svg) no-repeat 70% center;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    background-position: center;
}

.nights-count {
    cursor: not-allowed;
}

typeahead-container {
    max-height: 330px;
    overflow: hidden;
    box-shadow: rgba(85, 85, 85, 0.22) -1px 9px 20px;
}

typeahead-container.dropdown-menu:before {
    left: 16px;
    right: 0px;
}

typeahead-container.dropdown-menu {
    width: 100% !important;
    transform: translateY(45px) !important;
}

.moodItem {
    z-index: 0;
}

.prpmo-code-a input {
    border: none;
    background: transparent;
    border-bottom: 2px solid #ddd;
    border-radius: 0px;
    padding: 0px;
    width: 185px;
}


/* .gm-style .gm-style-iw-c {
padding: 0px !important;
} */

.prpmo-code-a input.error {
    border-bottom: 2px solid red;
}

.promoError {
    padding-top: 2px;
    color: red;
}

.prpmo-code-a input:focus {
    background: transparent;
}

.spacing-text {
    padding: 0px !important;
    float: left;
    width: 30%;
    padding-right: 10px !important;
}

.whiteBridge::before {
    display: none;
}

.whiteBridge::after {
    display: none;
}

.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.focused {
    padding-right: 0px;
}

.spacing {
    padding: 0px !important;
}

.RoomsBlocks .selectrooms {
    width: 40%;
    display: inline-block;
}

.optWidget .selectRooms {
    width: 40%;
}

.custom-select-v3 {
    position: relative;
}

.custom-select-v3::after {
    content: " ";
    background: 0 0;
    background: url(../images/drop-arrow.png) no-repeat;
    border: 0;
    display: block;
    /* font-family: 'icomoon' !important; */
    margin-right: 0;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: 13px;
    width: 24px;
    z-index: 6;
    font-weight: 700;
    font-size: 13px;
    color: #7799BE;
}

.optWidget .custom-select-v3:after {
    height: 30px;
    line-height: 30px;
}

.custom-select-v3 select {
    height: 28px !important;
    background-color: #fff;
    border: 1px solid #CAD6E3 !important;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    height: 30px !important;
    line-height: normal;
    margin-bottom: 0px;
    padding: 0 10px;
    text-overflow: ellipsis;
    box-shadow: none;
    color: #203152;
    width: 100%;
    overflow: hidden;
}

.passengersDropdown[x-placement='bottom-start'] {
    padding-top: 15px !important;
}

.optWidget .closeBtn:before {
    font-size: 11px;
    margin-right: 6px;
}

.closeDropdown {
    display: inline-block;
    width: 100%;
}

.closeDropdown .btn {
    text-align: center !important;
}

.roomsContent {
    width: 100%;
    float: none;
    padding: 0 15px;
    display: inline-block;
    border-bottom: 1px solid #CAD6E3;
    margin-bottom: 20px;
}

.dropdownMenuButton .roomsContent:last-child {
    border-bottom: none !important;
    margin-bottom: 20px !important;
}

#changesearch-options.optWidget label {
    color: #4D6F93;
    margin-bottom: 11px !important;
    font-size: 12px;
    left: -70px;
    display: inline-block !important;
    font-weight: 400;
    top: 10px;
}

.room_it {
    float: left;
    margin-right: 2%;
    margin-top: 10px;
    position: static;
    width: 20%;
}

.adult,
.child {
    width: 30%;
    margin-right: 10px;
    padding: 0;
    float: left;
    position: relative;
}

#changesearch-options.optWidget label {
    color: #4D6F93;
    margin-bottom: 11px;
    font-size: 12px;
}

.hidden-lg {
    display: none !important;
}

.specifyChild.specifyAge {
    width: 100%;
}

.specifyChildrenAges {
    float: left;
    width: 100%;
}

.childAge {
    width: 18%;
    margin-right: 5px;
    padding: 0;
    float: left;
    position: relative;
}

.popup {
    position: relative;
}

.popup .close-abc {
    position: absolute;
    right: 30px;
    top: 30px;
}

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }
    .popup {
        width: 70%;
    }
}

.view-map-padding-a {
    display: table-cell;
}

.color-of-text {
    color: #8ea2ac;
}

.slideshow-container {
    max-width: 240px;
    margin-bottom: 20px;
}

.bs-datepicker-head button.next {
    position: relative !important;
    margin-top: 0px;
    top: 0;
}

.heart-img-active {
    background-image: url('../images/active-heart.png');
    bottom: 8px;
    right: 10px;
}

.mySlides.myblock {
    display: block;
}

.drop-down-a {
    background-color: transparent;
    color: #000;
    padding: 5px 15px 5px 15px;
    text-align: center;
    border-radius: 3px;
    border: none;
    font-weight: 600;
    text-decoration: none;
}

.drop-down-a.active {
    background-color: #32a33d;
    color: white;
}

.icon-margin-card.facilityIcon i img {
    filter: grayscale(100%) opacity(0.4);
    ;
    cursor: not-allowed;
}

.icon-margin-card.facilityIcon i.active img {
    filter: unset;
    cursor: pointer;
}

.dropdown-item {
    display: flex;
}

.flightBookingMain {
    opacity: 1 !important;
}


/* .LoadBtn {
    background-color: #F90!important;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
    background-size: 40px 40px!important;
    -webkit-animation: BtnL-load 1s linear infinite;
    animation: BtnL-load 1s linear infinite;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    cursor: default!important;
    border-bottom-color: #e7a542!important;
} */

.errorInput input::-webkit-input-placeholder {
    color: red !important;
}

.errorInput input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red !important;
}

.errorInput {
    box-shadow: 0px 0px 1px 2px red;
    border-radius: 4px;
    color: red;
}

.errorInput input::placeholder {
    color: red !important;
}

.passengerRowBorder {
    border-top: 1px solid #ddd;
    padding-top: 7px;
}

.chooseRoombtn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
}

.hotel-loader-container {
    height: 70px;
    /* max-width: 100%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 60%, black 40%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 100% at 48% 78%, black 40%, transparent 50%);
}


/* mask-image: linear-gradient(to left, transparent 5%, black 20%);
=======
.prpmo-code-a input.error {
border-bottom: 2px solid red;
}
.promoError {
padding-top: 2px;
color: red;
}
.prpmo-code-a input:focus {
background: transparent;
}
.spacing-text {
padding: 0px !important;
float: left;
width: 30%;
padding-right: 10px !important;
}
.whiteBridge::before {
display: none;
}
.whiteBridge::after {
display: none;
}
.form-control[readonly] {
background-color: #fff;
opacity: 1;
}
.focused {
padding-right: 0px;
}
.spacing {
padding: 0px !important;
}
.RoomsBlocks .selectrooms {
width: 40%;
display: inline-block;
}
.optWidget .selectRooms {
width: 40%;
}
.custom-select-v3 {
position: relative;
}
.custom-select-v3::after {
content: " ";
background: 0 0;
background: url(../images/drop-arrow.png) no-repeat;
border: 0;
display: block;
/* font-family: 'icomoon' !important; */


/* margin-right: 0;
pointer-events: none;
position: absolute;
right: -6px;
top: 13px;
width: 24px;
z-index: 6;
font-weight: 700;
font-size: 13px;
color: #7799BE;

}
.optWidget .custom-select-v3:after {
height: 30px;
line-height: 30px;
}
.custom-select-v3 select {
height: 28px !important;
background-color: #fff;
border: 1px solid #CAD6E3 !important;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
height: 30px !important;
line-height: normal;
margin-bottom: 0px;
padding: 0 10px;
text-overflow: ellipsis;
box-shadow: none;
color: #203152;
width: 100%;
overflow: hidden;
}
.passengersDropdown[x-placement='bottom-start'] {
padding-top: 15px !important;
}
.optWidget .closeBtn:before {
font-size: 11px;
margin-right: 6px;
}
.closeDropdown {
display: inline-block;
width: 100%;
}
.closeDropdown .btn {
text-align: center !important;
}
.roomsContent {
width: 100%;
float: none;
padding: 0 15px;
display: inline-block;
border-bottom: 1px solid #CAD6E3;
margin-bottom: 20px;
}
.dropdownMenuButton .roomsContent:last-child {
border-bottom: none !important;
margin-bottom: 20px !important;
}
#changesearch-options.optWidget label {
color: #4D6F93;
margin-bottom: 11px !important;
font-size: 12px;
left: -70px;
display: inline-block !important;
font-weight: 400;
top: 10px;
}
.room_it {
float: left;
margin-right: 2%;
margin-top: 10px;
position: static;
width: 20%;
}
.adult,
.child {
width: 30%;
margin-right: 10px;
padding: 0;
float: left;
position: relative;
}
#changesearch-options.optWidget label {
color: #4D6F93;
margin-bottom: 11px;
font-size: 12px;
}
.hidden-lg {
display: none !important;
}
.specifyChild.specifyAge {
width: 100%;
}
.specifyChildrenAges {
float: left;
width: 100%;
}
.childAge {
width: 18%;
margin-right: 5px;
padding: 0;
float: left;
position: relative;
}
.childAgeHotal {
width: 25%;
margin-right: 5px;
padding: 0;
float: left;
position: relative;
margin-bottom: 5px;
}
.popup {
position: relative;
}
.popup .close-abc {
position: absolute;
right: 30px;
top: 30px;
}
@media screen and (max-width: 700px) {
.box {
width: 70%;
}

.popup {
width: 70%;
}
}
.view-map-padding-a {
display: table-cell;
}
.color-of-text {
color: #8ea2ac;
}
.slideshow-container {
max-width: 240px;
margin-bottom: 20px;
}
.bs-datepicker-head button.next {
position: relative !important;
margin-top: 0px;
top: 0;
}
.heart-img-active {
background-image: url('../images/active-heart.png');
bottom: 8px;
right: 10px;
}
.mySlides.myblock {
display: block;
}
.drop-down-a {
background-color: transparent;
color: #000;
padding: 5px 15px 5px 15px;
text-align: center;
border-radius: 3px;
border: none;
font-weight: 600;
text-decoration: none;
}
.drop-down-a.active {
background-color: #32a33d;
color: white;
}
.icon-margin-card.facilityIcon i img {
filter: grayscale(100%) opacity(0.4);
;
cursor: not-allowed;
}
.icon-margin-card.facilityIcon i.active img {
filter: unset;
cursor: pointer;
}
.dropdown-item {
display: flex;
}
.flightBookingMain {
opacity: 1 !important;
}
.LoadBtn {
background-color: #F90!important;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
background-size: 40px 40px!important;
-webkit-animation: BtnL-load 1s linear infinite;
animation: BtnL-load 1s linear infinite;
-webkit-transition: width .6s ease;
transition: width .6s ease;
cursor: default!important;
border-bottom-color: #e7a542!important;
}
.errorInput input::-webkit-input-placeholder {
color: red !important;
}
.errorInput input:-ms-input-placeholder {
/* Internet Explorer 10-11 */

.errorInput {
    box-shadow: 0px 0px 1px 2px red;
    border-radius: 4px;
    color: red;
}

.errorInput input::placeholder {
    color: red !important;
}

.passengerRowBorder {
    border-top: 1px solid #ddd;
    padding-top: 7px;
}

.chooseRoombtn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
}

.hotel-loader-container {
    height: 70px;
    /* max-width: 100%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 60%, black 40%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 100% at 48% 78%, black 40%, transparent 50%);
}


/* mask-image: linear-gradient(to left, transparent 5%, black 20%);
=======
} */

.optWidget .custom-select-v3:after {
    height: 30px;
    line-height: 30px;
}

.custom-select-v3 select {
    height: 28px !important;
    background-color: #fff;
    border: 1px solid #CAD6E3 !important;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    height: 30px !important;
    line-height: normal;
    margin-bottom: 0px;
    padding: 0 10px;
    text-overflow: ellipsis;
    box-shadow: none;
    color: #203152;
    width: 100%;
    overflow: hidden;
}

.optWidget .closeBtn:before {
    font-size: 11px;
    margin-right: 6px;
}

.closeDropdown {
    display: inline-block;
    width: 100%;
}

.closeDropdown .btn {
    text-align: center !important;
}

.roomsContent {
    width: 100%;
    float: none;
    padding: 0 15px;
    display: inline-block;
    border-bottom: 1px solid #CAD6E3;
    margin-bottom: 20px;
}

.dropdownMenuButton .roomsContent:last-child {
    border-bottom: none !important;
    margin-bottom: 20px !important;
}

#changesearch-options.optWidget label {
    color: #4D6F93;
    margin-bottom: 11px !important;
    font-size: 12px;
    left: -70px;
    display: inline-block !important;
    font-weight: 400;
    top: 10px;
}

.room_it {
    float: left;
    margin-right: 2%;
    margin-top: 10px;
    position: static;
    width: 20%;
}

.adult,
.child {
    width: 30%;
    margin-right: 10px;
    padding: 0;
    float: left;
    position: relative;
}

#changesearch-options.optWidget label {
    color: #4D6F93;
    margin-bottom: 11px;
    font-size: 12px;
}

.hidden-lg {
    display: none !important;
}

.specifyChild.specifyAge {
    width: 100%;
}

.specifyChildrenAges {
    float: left;
    width: 100%;
}

.childAge {
    width: 18%;
    margin-right: 5px;
    padding: 0;
    float: left;
    position: relative;
}

.childAgeHotal {
    width: 25%;
    margin-right: 5px;
    padding: 0;
    float: left;
    position: relative;
    margin-bottom: 5px;
}

.popup {
    position: relative;
}

.popup .close-abc {
    position: absolute;
    right: 30px;
    top: 30px;
}

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }
    .popup {
        width: 70%;
    }
}

.view-map-padding-a {
    display: table-cell;
}

.color-of-text {
    color: #8ea2ac;
}

.slideshow-container {
    max-width: 240px;
    margin-bottom: 20px;
}

.bs-datepicker-head button.next {
    position: relative !important;
    margin-top: 0px;
    top: 0;
}

.heart-img-active {
    background-image: url('../images/active-heart.png');
    bottom: 8px;
    right: 10px;
}

.mySlides.myblock {
    display: block;
}

.drop-down-a {
    background-color: transparent;
    color: #000;
    padding: 5px 15px 5px 15px;
    text-align: center;
    border-radius: 3px;
    border: none;
    font-weight: 600;
    text-decoration: none;
}

.drop-down-a.active {
    background-color: #32a33d;
    color: white;
}

.icon-margin-card.facilityIcon i img {
    filter: grayscale(100%) opacity(0.4);
    ;
    cursor: not-allowed;
}

.icon-margin-card.facilityIcon i.active img {
    filter: unset;
    cursor: pointer;
}

.dropdown-item {
    display: flex;
}

.flightBookingMain {
    opacity: 1 !important;
}

.errorInput input::-webkit-input-placeholder {
    color: red !important;
}

.errorInput input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red !important;
}

.errorInput {
    box-shadow: 0px 0px 1px 2px red;
    border-radius: 4px;
    color: red;
}

.errorInput input::placeholder {
    color: red !important;
}

.passengerRowBorder {
    border-top: 1px solid #ddd;
    padding-top: 7px;
}

.chooseRoombtn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
}

.hotel-loader-container {
    height: 70px;
    /* max-width: 100%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 60%, black 40%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 100% at 48% 78%, black 40%, transparent 50%);
}


/* mask-image: linear-gradient(to left, transparent 5%, black 20%);
.optWidget .custom-select-v3:after {
height: 30px;
line-height: 30px;
}
.custom-select-v3 select {
height: 28px !important;
background-color: #fff;
border: 1px solid #CAD6E3 !important;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
height: 30px !important;
line-height: normal;
margin-bottom: 0px;
padding: 0 10px;
text-overflow: ellipsis;
box-shadow: none;
color: #203152;
width: 100%;
overflow: hidden;
}
.passengersDropdown[x-placement='bottom-start'] {
padding-top: 15px !important;
}
.optWidget .closeBtn:before {
font-size: 11px;
margin-right: 6px;
}
.closeDropdown {
display: inline-block;
width: 100%;
}
.closeDropdown .btn {
text-align: center !important;
}
.roomsContent {
width: 100%;
float: none;
padding: 0 15px;
display: inline-block;
border-bottom: 1px solid #CAD6E3;
margin-bottom: 20px;
}
.dropdownMenuButton .roomsContent:last-child {
border-bottom: none !important;
margin-bottom: 20px !important;
}
#changesearch-options.optWidget label {
color: #4D6F93;
margin-bottom: 11px !important;
font-size: 12px;
left: -70px;
display: inline-block !important;
font-weight: 400;
top: 10px;
}
.room_it {
float: left;
margin-right: 2%;
margin-top: 10px;
position: static;
width: 20%;
}
.adult,
.child {
width: 30%;
margin-right: 10px;
padding: 0;
float: left;
position: relative;
}
#changesearch-options.optWidget label {
color: #4D6F93;
margin-bottom: 11px;
font-size: 12px;
}
.hidden-lg {
display: none !important;
}
.specifyChild.specifyAge {
width: 100%;
}
.specifyChildrenAges {
float: left;
width: 100%;
}
.childAge {
width: 18%;
margin-right: 5px;
padding: 0;
float: left;
position: relative;
}
.childAgeHotal {
width: 25%;
margin-right: 5px;
padding: 0;
float: left;
position: relative;
margin-bottom: 5px;
}
.popup {
position: relative;
}
.popup .close-abc {
position: absolute;
right: 30px;
top: 30px;
}
@media screen and (max-width: 700px) {
.box {
width: 70%;
}

.popup {
width: 70%;
}
}
.view-map-padding-a {
display: table-cell;
}
.color-of-text {
color: #8ea2ac;
}
.slideshow-container {
max-width: 240px;
margin-bottom: 20px;
}
.bs-datepicker-head button.next {
position: relative !important;
margin-top: 0px;
top: 0;
}
.heart-img-active {
background-image: url('../images/active-heart.png');
bottom: 8px;
right: 10px;
}
.mySlides.myblock {
display: block;
}
.drop-down-a {
background-color: transparent;
color: #000;
padding: 5px 15px 5px 15px;
text-align: center;
border-radius: 3px;
border: none;
font-weight: 600;
text-decoration: none;
}
.drop-down-a.active {
background-color: #32a33d;
color: white;
}
.icon-margin-card.facilityIcon i img {
filter: grayscale(100%) opacity(0.4);
;
cursor: not-allowed;
}
.icon-margin-card.facilityIcon i.active img {
filter: unset;
cursor: pointer;
}
.dropdown-item {
display: flex;
}
.flightBookingMain {
opacity: 1 !important;
}
.LoadBtn {
background-color: #F90!important;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)!important;
background-size: 40px 40px!important;
-webkit-animation: BtnL-load 1s linear infinite;
animation: BtnL-load 1s linear infinite;
-webkit-transition: width .6s ease;
transition: width .6s ease;
cursor: default!important;
border-bottom-color: #e7a542!important;
}
.errorInput input::-webkit-input-placeholder {
color: red !important;
}
.errorInput input:-ms-input-placeholder {
/* Internet Explorer 10-11 */

.errorInput {
    box-shadow: 0px 0px 1px 2px red;
    border-radius: 4px;
    color: red;
}

.errorInput input::placeholder {
    color: red !important;
}

.passengerRowBorder {
    border-top: 1px solid #ddd;
    padding-top: 7px;
}

.chooseRoombtn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
}

.hotel-loader-container {
    height: 70px;
    /* max-width: 100%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 60%, black 40%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 100% at 48% 78%, black 40%, transparent 50%);
}


/* mask-image: linear-gradient(to left, transparent 5%, black 20%);

-webkit-mask-image: linear-gradient(to left, transparent 5%, black 20%);
mask-image: linear-gradient(to right, transparent 5%, black 20%);
-webkit-mask-image: linear-gradient(to right, transparent 5%, black 20%); */


/* border-left: 2px solid red;
border-right: 2px solid yellow; */

.hotel-loader-container:before {
    content: '';
    position: absolute;
    /* width: 100%; */
    filter: blur(50px);
    left: 0;
    background-image: linear-gradient(to left, rgba(244, 244, 245, 0), rgba(9, 48, 66, 0.411));
    height: 85px;
    width: 100px;
    z-index: 9;
}

.hotel-loader-container:after {
    content: '';
    filter: blur(50px);
    position: absolute;
    /* width: 100%; */
    right: 0;
    background-clip: clip;
    background-image: linear-gradient(to left, rgba(244, 244, 245, 0), rgba(9, 48, 66, 0.411));
    /* background-color:red; */
    /* filter: blur(5px); */
    height: 85px;
    width: 100px;
    z-index: 9;
    transition: all ease-in 400ms;
    /* box-shadow: inset -250px 0 50px 10px #FFF; */
}

.hotel-loader-container>div {
    width: 7000px;
    background-image: url(../images/loder-icons.png);
    /* background-color: yellow; */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
    background-size: auto 70px;
    background-repeat: repeat;
    /* mask-image: linear-gradient(to left, transparent 5%, black 50%);
-webkit-mask-image: linear-gradient(to left, transparent 5%, black 50%); */
    /* animation: hotelLoader 10s linear infinite; */
    /* mask-image: linear-gradient(to bottom, transparent 25%, black 75%); */
    /* background-clip: clip;
 -webkit-background-clip: clip;
 */
}

.hotel-loader-container .hotel-loader {
    animation: hotelLoader 40s linear infinite;
}

.hotelMap {
    max-width: 100%;
}

.hotelMap .modal-content {
    background: transparent;
    border: none;
}

.transitionanimation {
    z-index: 999;
}

.modal-body {
    overflow: auto;
}

agm-map {
    height: 100%;
}

.agm-map-container-inner {
    width: inherit;
    height: inherit;
}

.agm-map-content {
    display: none;
}

.mandatoryInput .dk-select.ng-invalid {
    border-color: #ed1a33 !important;
}

.no_result_div {
    text-align: center;
}

.no_result_img {
    width: 20%;
    margin-right: 8%;
}

@-webkit-keyframes BtnL-load {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes hotelLoader {
    100% {
        transform: translateX(-66.6666%);
    }
}

@keyframes BtnL-load {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.custom-nav-item-active {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.green-border {
    border-color: #32a33d;
    border-width: thick;
}

.hr-border {
    background-color: #fff;
}

.tol-font {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.test-carousel {
    position: relative;
    left: 200%;
}

@media (max-width: 567px) {
    /* body.rtl {
        text-align: right;
        direction: ltr;
    } */
    .rtl .bannerControls .dropdown-toggle {
        -webkit-border-radius: 0.25rem 0 0 0.25rem;
        border-radius: 0.25rem 0 0 0.25rem;
        padding-left: 18px;
        padding-right: 14px;
        text-align: right;
    }
    /* .leftBookingSection .panel .panelSection {
   padding: 0px;
   margin: auto;
   display: none;
    } */
    .popupMain .popupTitle {
        padding: 0px;
        display: none;
    }
    .rtl .leftBookingSection {
        float: left;
        margin-right: 0;
        margin-left: 0;
        /* display: none; */
    }
}

.map-img img {
    width: 125px;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

img.see-map-img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

.flag-img {
    margin-bottom: 5px;
}

.tab-radius-left {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab-radius-right {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.round-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.round-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#PT_express_checkout_wrap {
    height: 78vh !important;
    background: none !important;
}

.FlightDisclaimer {
    padding: 0;
}

.popup-rtl {
    position: absolute;
    border-radius: 3px !important;
    will-change: transform;
    transform: translate3d(0px, 48px, 0px);
    left: 0px !important;
    top: 0px !important;
    right: -33px !important;
}

.popup-ltr {
    position: absolute;
    border-radius: 3px !important;
    will-change: transform;
    transform: translate3d(0px, 48px, 0px);
    left: 371px !important;
    top: 0px !important;
    right: 0 !important;
}

.type-left {
    text-align: left !important;
}

.type-right {
    text-align: right !important;
}

.seat-logo {
    position: relative;
}

.seat-logo span {
    position: absolute;
    top: 31px;
    font-size: 14px;
    font-weight: 500;
}

.seat-logo img {
    width: 150px;
}

.seat-flight-badge span {
    background-color: #1a94c8;
    font-weight: inherit;
}

.seat-flight-badge p {
    line-height: 30px;
    font-weight: 500;
}

button.next-flight {
    padding: 0 80px 0 20px !important;
}

.next-flight span {
    text-align: left !important;
}

.seat-selector ul li {
    line-height: 40px;
    cursor: pointer;
    transition: all ease-in-out 300ms;
}

.seat-selector ul li:hover {
    color: #1a94c8;
    transition: ease-out 400ms;
}

.pt-checkout-transaction {
    display: none !important;
}

.hidden_iframe {
    background-color: white !important;
}

.pt-checkout-transaction {
    display: none !important;
}

.h-img {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.terms-booking {
    height: 30vh;
    overflow-y: scroll;
}

.question {
    color: #fff;
    position: relative;
    /* background: #98c23d; */
    margin: 0;
    /* padding: 10px 10px 10px 20px; */
    display: block;
    width: 100%;
    cursor: pointer;
}

.answers {
    font-weight: 300;
    background: #f2f2f2;
    padding: 0px 15px;
    margin: 0px 0;
    height: 0;
    overflow: hidden;
    /* z-index: -1; */
    position: relative;
    opacity: 0;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    color: black;
}

.questions:checked~.answers {
    height: auto;
    opacity: 1;
    padding: 15px;
}

.plus {
    /* transform: rotate(90deg); */
    color: #fff;
    position: absolute;
    /* margin-left: 10px; */
    margin-top: 3px;
    z-index: 5;
    /* font-size: 2em; */
    line-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.questions:checked~.plus {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.questions {
    display: none;
}

.font-flight span {
    font-size: 15px;
}

.g-text-rtl {
    border-right: 1px solid #00000026;
    margin-right: -108px;
    padding-right: 10px;
}

.g-text-ltr {
    border-left: 1px solid #00000026;
    margin-left: 20px;
    /* padding-left: 15px !important;*/
}

.fb-text-rtl {
    border-right: 1px solid #00000026;
    margin-right: -3px;
    padding-right: .5rem;
}

.fb-text-ltr {
    border-left: 1px solid #00000026;
    margin-left: 2rem;
    padding-left: .5rem;
}

.pay-popup {
    background-image: url(../images/bg_img.png);
}

.font-light-bold {
    font-weight: 500 !important;
}

.input-ltr {
    direction: ltr!important;
}

.flight-direction-rtl {
    flex-flow: inherit;
    display: flex;
    align-items: center;
}

.flight-direction-ltr {
    align-items: center;
}

.dir-icon-rtl {
    transform: scaleX(-1);
}

.dir-icon-ltr {
    transform: scaleX(1);
}

.country-code .ngx-select__toggle {
    height: 35px!important;
    border: none;
    border-bottom: 2px solid #e3e3e34a;
    border-radius: 0;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4dcec;
    border-radius: .25rem !important;
}

.country-code .ngx-select__item_active {
    color: #fff;
    outline: 0;
    background-color: #374850 !important;
    padding: 10px 20px !important;
}

.country-code ul {
    overflow: auto!important;
    margin-top: 20px !important;
    border-radius: 0 !important;
}

.country-code ul li a {
    border: none!important;
}

.country-code ul li {
    padding: 5px 0!important;
}

.d-ltr {
    direction: ltr !important;
}

.align-footer-icon {
    display: flex;
    align-items: center;
}

.tc-rtl {
    width: 100%;
}

.tc {
    width: max-content;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.CountryOptionSelected {
    font-weight: 600;
    margin-top: 5px;
    align-items: center;
    justify-content: space-around;
    display: flex;
    /* flex-direction: row-reverse; */
}

.CountryOptionSelected .flags {
    height: 15px!important;
    width: 30px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    width: 30px !important;
    height: 100% !important;
    background: url(../images/light-blue-arrow.png) no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
    background-position: center;
    background-position: 10px 10px;
    margin-top: -9px!important;
    margin-left: -18px!important;
    transform: rotate(0deg)!important;
    transition: 300ms ease-in-out!important;
}

.c-divider:before {
    position: absolute;
    top: 25px;
    left: 63px;
    content: '';
    width: 1px;
    z-index: 999;
    height: 33px;
    background-color: #d4dcec!important;
}

.c-divider-rtl:before {
    position: absolute;
    top: 54px;
    left: 168px;
    content: '';
    width: 4px;
    z-index: 99;
    height: 6px;
    background-color: #ffffff!important;
}

.c-divider-bill:before {
    position: absolute;
    top: 18px;
    left: 75px;
    content: '';
    width: 1px;
    z-index: 999;
    height: 33px;
    background-color: #d4dcec!important;
}

.c-divider-rtl-bill:before {
    position: absolute;
    top: 47px;
    left: 95px;
    content: '';
    width: 4px;
    z-index: 99;
    height: 6px;
    background-color: #ffffff!important;
}

.c-divider-fbill:before {
    position: absolute;
    top: 50px;
    left: 66px;
    content: '';
    width: 4px;
    z-index: 999;
    height: 6px;
    background-color: #ffffff!important;
}

.c-divider-rtl-fbill:before {
    position: absolute;
    top: 52px;
    left: 160px;
    content: '';
    width: 4px;
    z-index: 99;
    height: 6px;
    background-color: #ffffff!important;
}

.cont-divider:before {
    position: absolute;
    top: 72px;
    left: 65px;
    content: '';
    width: 4px;
    z-index: 9999;
    height: 6px;
    background-color: #ffffff!important;
}

.cont-divider-rtl:before {
    position: absolute;
    top: 72px;
    left: 65px;
    content: '';
    width: 4px;
    z-index: 99;
    height: 6px;
    background-color: #ffffff!important;
}

.mrt-7 {
    margin-top: -7px;
}

.select-8-container--focus {
    border: none !important;
}

.input-main-div-rtl {
    font-weight: 600;
}

.input-main-div-rtl {
    font-weight: 600;
    position: relative;
    display: flex!important;
    flex-direction: row-reverse!important;
}

.input-main-div-rtl .CountryNumberInput.form-control {
    direction: ltr !important;
}

.CountryNumberInput.form-control {
    direction: inherit !important;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #acacac !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
    z-index: 9999999;
    border-radius: 5px !important;
    border: 1px solid #acacac !important;
}


/* .select2-search--dropdown {
            border-radius: 5px;
            display: block;
            padding: 4px;
            border-top: 1px solid #aaaaaa !important;
        } */

span.selection span.select2-selection.select2-selection--single:focus {
    outline: none !important;
    border: none !important;
}

.flag-dir-ltr {
    direction: ltr !important;
}

.flag-dir-rtl {
    direction: rtl !important;
}

.autofill {
    /* color: black; */
    font-size: 14px;
    cursor: pointer;
    width: inherit;
    border-radius: 5px!important;
}

ngui-auto-complete {
    border-radius: 5px!important;
    width: inherit!important;
    transition: all ease-in-out 300ms;
}

ngui-auto-complete ul li {
    padding: 5px 10px!important;
    width: 196px!important;
}

ngui-auto-complete ul li:hover {
    cursor: pointer!important;
    color: white!important;
    background-color: #374850!important;
    transition: all ease-in-out 300ms;
}

li.select2-results__option {
    display: flex !important;
}

.p-lr {
    padding: 0 5px;
}

.pika-rtl:before {
    display: table;
    content: '▲';
    position: absolute;
    margin-top: -25.5px;
    color: white;
    left: 95% !important;
    -webkit-transform: scale(1.5, 0.8);
    transform: scale(1.5, 0.8);
}

.hotel-pika-rtl:before {
    display: table;
    content: '▲';
    position: absolute;
    margin-top: -25.5px;
    color: white;
    left: 5% !important;
    -webkit-transform: scale(1.5, 0.8);
    transform: scale(1.5, 0.8);
}

.model-desc-rtl {
    width: 80%;
    text-align: inherit;
    margin-right: 1%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.model-desc-ltr {
    width: 80%;
    text-align: left;
    margin-left: 2%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.landmark-ltr {
    width: 20%;
    text-align: right;
    color: #999999;
    float: right;
}

.landmark-rtl {
    width: 20%;
    text-align: left;
    color: #999999;
    float: right;
}

.landmark {
    height: 20px;
}

.mob-dir .c-divider-rtl intl-input-phone .input-main-div.OrderByType2 {
    display: flex!important;
    flex-direction: row-reverse!important;
}

.listToolbar-rtl {
    display: flex;
    justify-content: space-between;
}

.listToolbar-rtl .floatRight {
    margin-right: auto;
}

.listToolbar-rtl .align-self-center.hotelImage.rounded {
    margin-right: 0px!important;
    margin-left: 16px;
}

.airplanedir-rtl {
    transform: scaleX(-1);
}

.text-inherit {
    text-align: inherit!important;
}

.alignelments typeahead-container button.dropdown-item {
    display: flex;
    align-items: center;
}

.whoAreYouBooking .datepicker-rtl {
    padding-left: 40px !important;
    text-align: right;
    padding-right: 10px!important;
}

.whoAreYouBooking .datepicker-rtl {
    background-image: url(../images/calendaricon.png) !important;
    -webkit-background-size: 15px 15px !important;
    background-size: 15px !important;
    background-position: calc(100% - 360px) center !important;
    background-repeat: no-repeat !important;
}

.form-group .dk-select.custom-select.ng-untouched.ng-pristine.ng-valid {
    display: flex;
    align-items: center;
}

.input-group.blueArrowSelect.greyBg .dk-select.custom-select {
    display: flex;
    align-items: center;
}

.contactNo-rtl {
    display: flex;
    flex-direction: row-reverse;
    direction: ltr;
}

.dropdown-menu.country-dropdown.ng-star-inserted {
    direction: ltr;
}

.dropdown-menu.country-dropdown.ng-star-inserted.show {
    width: 300px;
}

.country.ng-star-inserted:hover {
    background-color: #2aace3!important;
    color: white;
    transition: all ease-in 150ms;
}

.selected-flag.dropdown-toggle {
    display: flex;
    justify-content: flex-end;
}

ngx-intl-tel-input {
    direction: ltr!important;
    text-align: left!important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 68px!important;
    margin-left: 0;
    font-size: 17px;
    color: #374850;
    font-weight: 500;
    padding: 4px;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4dcec;
    border-radius: .25rem !important;
}

#country-search-box {
    padding: 10px!important;
}

.selected-flag.dropdown-toggle {
    width: 3.8em!important;
    display: block!important;
}

.mrgn ngx-intl-tel-input .intl-tel-input.allow-dropdown input.ng-untouched.ng-pristine.ng-valid {
    margin-top: 4px!important;
}

.f-book {
    margin-top: -7px;
}

.f-book-rtl {
    /* display: flex;
    flex-direction: row-reverse; */
    margin-top: -3px;
}

.f-book-rtl ngx-intl-tel-input {
    display: flex;
    justify-content: flex-end;
}

.selected-flag:before {
    border: none !important;
    width: 30px !important;
    height: 100% !important;
    background: url(../images/light-blue-arrow.png) no-repeat !important;
    -webkit-background-size: 10px 10px !important;
    background-size: 10px !important;
    background-position: center !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.tableLike .checkRadioList .form-check.squareCheckbox.whiteCheck label {
    display: flex!important;
    justify-content: space-between!important;
}

.tableLike .checkRadioList .form-check.squareCheckbox.whiteCheck label span {
    display: flex!important;
}

p.hbook bs-tooltip-container {
    /* background-color: black!important; */
    min-width: fit-content!important;
    transform: translate3d(20px, 58px, 0px)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

p.hbook bs-tooltip-container .tooltip-arrow.arrow {
    left: 119px!important;
    top: 0px!important;
}

p.hbook bs-tooltip-container .tooltip-inner {
    box-shadow: 0 0 black!important;
    padding: 10px!important;
    background: #000000eb!important;
    border-radius: 5px!important;
}

p.hbook bs-tooltip-container .tooltip-inner p {
    padding: 0px!important;
}

p.hbook-rtl bs-tooltip-container {
    /* background-color: black!important; */
    min-width: fit-content!important;
    transform: translate3d(20px, 58px, 0px)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

p.hbook-rtl bs-tooltip-container .tooltip-arrow.arrow {
    left: 142px!important;
    top: 0px!important;
}

p.hbook-rtl bs-tooltip-container .tooltip-inner {
    box-shadow: 0 0 black!important;
    padding: 10px!important;
    background: #000000eb!important;
    border-radius: 5px!important;
}

p.hbook-rtl bs-tooltip-container .tooltip-inner p {
    padding: 0px!important;
}

.positionRelative {
    position: relative;
}

.positionAbsolute {
    position: absolute;
}

.top0 {
    top: 0;
}

.widthMax {
    width: max-content;
}

.new-old-filter {
    justify-content: center;
    display: flex;
    align-content: center;
    margin: 0 auto;
}

.new-old-filter select {
    background: #374851 url(../images/blue-arrow-down.png) no-repeat calc(100% - 14px) 12px;
    font-size: 12px;
    color: #fff;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    height: 30px;
    padding-right: 36px;
    -webkit-border-radius: .25rem !important;
    border-radius: .25rem !important;
    border: none;
    font-weight: 700;
    cursor: pointer;
}

.new-old-filter select option {
    cursor: pointer;
    padding: 5px !important;
    color: #374851 !important;
    background-color: White!important;
}

.new-old-filter select option:hover {
    cursor: pointer;
    color: white!important;
    background-color: #374851!important;
}

.new-old-filter-rtl select {
    background: #374851 url(../images/blue-arrow-down.png) no-repeat calc(100% - 120px) 12px;
    font-size: 12px;
    color: #fff;
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
    height: 30px;
    padding-left: 36px;
    -webkit-border-radius: .25rem !important;
    border-radius: .25rem !important;
    border: none;
    font-weight: 700;
    cursor: pointer;
}

.new-old-filter-rtl select option {
    cursor: pointer;
    padding: 5px !important;
    color: #374851 !important;
    background-color: White!important;
}

.new-old-filte-rtl select option:hover {
    cursor: pointer;
    color: white!important;
    background-color: #374851!important;
}

.n-o-select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.n-o-select:focus {
    border: none;
    outline: none;
}

.pika-lendar table thead tr th abbr {
    cursor: default!important;
}

.h_dropdown_cancel {
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    color: gray;
}

.f_price ul {
    border-radius: 5px!important;
    border: none!important;
    padding: .5rem;
    padding-left: .5rem;
    box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, .08);
}

.fsrch_align {
    display: block;
}

.f_price ul li {
    color: #495057;
    border-radius: 5px;
}

.fsrch_align app-retur-trip-search form .row .fbtn-srch {
    margin-top: -78px;
    display: flex;
}

.fsrch_align app-oneway-trip-search form .row .fbtn-srch {
    margin-top: -78px;
    display: flex;
}

.topspacesearch app-flightsearch .searchedFor.active {
    /* margin-top: 300px; */
}

.custom-control-label b {
    padding-right: 5px;
}

.custom-control-label b:nth-child(2) {
    padding-left: 5px;
}

.budget_space .tableLike:nth-child(1) .checkRadioList .form-check.squareCheckbox.whiteCheck label span b {
    margin-left: 5px;
}

.budget_space .tableLike:nth-child(5) .checkRadioList .form-check.squareCheckbox.whiteCheck label span b {
    margin-left: 5px;
}

.label-text.view-map-padding-a b {
    padding-right: 5px;
}

.label-text.view-map-padding-a b:nth-child(2) {
    padding-left: 5px;
}

.search_hotel_dropdown typeahead-container.dropdown-menu {
    width: 50%!important;
    margin-top: 70px;
    margin-left: 13px;
}

.done_btn app-flightsearch .rightAlign .btn.btn-primary.example {
    position: inherit;
}


/* app-multicity-search form .ng-invalid.ng-dirty.ng-touched .form-inline.ng-invalid.ng-dirty.ng-touched .col-md-12.rowToAdd .row .col-md-3 .search-drop-down {
    width: 180%!important;
    margin-top: 50px!important;
    margin-left: 11px!important;
} */

.add_row_multi {
    background-color: #6aa52b;
    padding: 0 10px!important;
    margin-left: 8px;
    color: #fff!important;
    border-radius: 5px!important;
    font-size: 0.9rem;
}

.col-md-12 .addMoreRows .add_row_multi:hover {
    background-color: #508319!important;
    color: #fff!important;
}

.remove_row_multi {
    background-color: #d34742;
    padding: 0 10px!important;
    margin-left: 8px;
    color: white!important;
    border-radius: 5px!important;
    font-size: 0.9rem;
}

.col-md-12 .addMoreRows .remove_row_multi:hover {
    background-color: #b33e3a!important;
    color: #fff!important;
}

.searchedFor .forAdultPassenger {
    /* padding-left: 0px; */
    position: relative;
    float: left;
}

.multi_dropdown_passanger #dropdownInputGroup #dropdownItem #dropdownMenuButtonItem .nbPassengersRow .row .col-3.col-sm-3.col-md-12.col-lg-3 .input-group.blueArrowSelect.greyBg .form-group .dk-select.custom-select.ng-untouched.ng-pristine.ng-valid ul.dk-select-options {
    width: 4.5vw!important;
}

.btn-height .row .borderTopWhite .col-md-4.floatRight.pr-0 .btnEffect {
    height: 50px;
}

.oneWayArrowIcon {
    width: 17px;
}

.showFFP {
    display: block !important;
}

.hideFFP {
    display: none;
}

.col-md-12.rowToAdd {
    margin: 0;
    padding: 0 !important;
}

app-flight-autocomplete-form .dropdown-item.active,app-flight-autocomplete-form .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0456b2;
}

app-flight-autocomplete-form .model-desc-ltr.parent-airport::before {
    background-image: url(../images/fnl-ap-icn-b.png);
    content: '';
    background-size: 30px;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 35px;
    height: 15px;
    margin-top: 5px;
    display: inline-block;
    position: absolute;
    left: 10px;
}

app-flight-autocomplete-form .model-desc-ltr.parent-airport{
    color: #0056b3 !important;
    font-weight: bold;
    display: contents;
}

app-flight-autocomplete-form .model-desc-ltr.child-airport{
    padding-left: 10px;
    color: #0056b3 !important;
    display: contents;
    font-weight: normal;
}

app-flight-autocomplete-form .model-desc-ltr.child-airport::before {
    content: '';
    background-image: url(../images/fnl-ap-icn.png);
    height: 13px;
    width: 30px;
    position: absolute;
    left: 18px;
    right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-top: 3px;
}

app-flight-autocomplete-form .dropdown-item.active .model-desc-ltr{
    color: #fff !important;
}

app-flight-autocomplete-form .dropdown-item .model-desc-ltr{
    font-family: 'Montserrat Alternates', sans-serif !important;
}

app-flight-autocomplete-form .dropdown-item{
    padding:10px 47px;
    white-space: normal;
}

app-flight-autocomplete-form .dropdown-item.active .model-desc-ltr.parent-airport::before {
    background-image: url(../images/fnl-ap-icn-w.png);
}

app-multicity-search app-flight-autocomplete-form typeahead-container.dropdown-menu {
    min-width: 400px;
}