@font-face {
    font-family: "Swiss-Medium";
    src: url("../fonts/Swiss721BT-Medium.eot");
    src: url("../fonts/Swiss721BT-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Swiss721BT-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Swiss-Regular";
    src: url("../fonts/Swiss721BT-Regular.eot");
    src: url("../fonts/Swiss721BT-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Swiss721BT-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Aldine-Light";
    src: url("../fonts/Aldine721BT-Light.eot");
    src: url("../fonts/Aldine721BT-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Aldine721BT-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

html,
body {
    min-height: 100%;
    height: 100%;
}

:root {
    --bvy-base-10: #231c19;
    --bvy-base-20: #f9f6f4;
    --bvy-base-30: #ff8d6b;
    --bvy-accent-10: #ffb995;
    --bvy-accent-20: #dc6f50;
    --bvy-accent-30: #ffdaa0;
    --bvy-accent-40: #cad7eb;
    --neutral-00: #000000;
    --neutral-20: #eeeeee;
    --neutral-30: #c4c4c4;
    --neutral-40: #707070;
    --neutral-50: #303030;
    --base-10: #1c1c1c;
    --base-20: #ffffff;
    --neutral-10: #f4f4f4;
    --accent-10: #ff8d6b;
    --base-10-hover: #494949;
    --spacer-1: 0.25rem;
    --spacer-2: 0.5rem;
    --spacer-3: 1rem;
    --spacer-4: 1.5rem;
    --spacer-5: 2rem;
    --coral: #ff9662;
    --border-radius: 1.25rem;
    --border-radius-lg: 1.625rem;
    --border-radius-sm: 1rem;
    --border-radius-xs: .5rem;
    --alert-20:#C4C4C4;
    --alert-30:#477D00;
    --alert-40:#B94600;
--alert-50:#D0021B;
}


.color-coral {
    color: var(--coral) !important;
}
.voyager {
    font-size: 16px;
    font-family: "Swiss-Regular", Arial, Helvetica, sans-serif;
}

.voyager h1,
.voyager h2,
.voyager h3,
.voyager h4,
.voyager h5,
.voyager h6,
.voyager .h1,
.voyager .h2,
.voyager .h3,
.voyager .h4,
.voyager .h5,
.voyager .h6 {
    font-family: "Swiss-Medium", Arial, Helvetica, sans-serif;
}

.voyager h1,
.voyager .h1 {
    font-size: 2.5rem;
}

.voyager h2,
.voyager .h2 {
    font-size: 2rem;
}

.eyebrow,
.titleSmall,
.titleMedium,
.titleLarge,
.subtitleMedium,
.subtitleLarge,
.subtitleXLarge,
.labelSmall,
.labelXSmall {
    font-family: "Swiss-Medium", Arial, Helvetica, sans-serif !important;
    line-height: 1.5;
    margin: 0;
}

.bodyXSmall,
.bodySmall,
.bodyMedium{
    margin: 0;
}

.voyager .bodySmall,
.voyager .labelSmall {
    font-size: 0.875rem;
}

.voyager .labelXSmall,
.voyager .eyebrow {
    font-size: 0.75rem;
    letter-spacing: 1px;
}
.voyager .titleSmall {
    font-size: 1.375rem;
}
.voyager .titleMedium {
    font-size: 1.875rem;
}
.voyager .titleLarge {
    font-size: 2.5rem;
}

.voyager .bodyMedium,
.voyager .subtitleMedium {
    font-size: 1rem;
}
.voyager .subtitleLarge {
    font-size: 1.125rem;
}
.voyager .subtitleXLarge {
    font-size: 1.375rem;
    line-height:1.2;
}
@media (min-width: 992px) {
    .voyager .titleSmall {
        font-size: 1.875rem;
    }
    .voyager .titleMedium {
        font-size: 2.5rem;
    }
    .voyager .titleLarge {
        font-size: 3.75rem;
    }
}

.voyager .filterPill,
.voyager .btn {
    font-family: "Swiss-Medium", Arial, Helvetica, sans-serif;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    font-size: 1rem;
    height: auto;
    line-height: unset;
    text-transform: uppercase;
    min-width: 8rem;
    box-shadow: none;
    font-size: 1rem;
}

.voyager .filterPill{
    border: 1px solid var(--neutral-30);
    min-width: unset;
    white-space: nowrap;
    margin-left: 0.75rem;
    text-transform: none;
    display: flex;
    align-items: center;
}
.voyager .filterPill span{
    margin: 0 5px;
}

.voyager .filterPill:lang(ar),
.voyager .filterPill:lang(he){
    margin-right: 0.75rem;
    margin-left: 0;
}

.voyager .filterPill:hover{
    background-color: var(--neutral-30);
}

.voyager .btn-lg {
    border-radius: var(--border-radius-lg) !important;
    padding: 0.75rem 2rem;
    font-size: 1.125rem !important;
    line-height: 1.5;
}

.voyager .btn-sm {
    font-size: 0.75rem !important;
    line-height: 1.5;
}

.voyager.btn-primary,
.voyager.btn-primary:active,
.voyager.btn-primary:focus,
.voyager .btn-primary,
.voyager .btn-primary:active,
.voyager .btn-primary:focus {
    border-color: var(--base-10);
    background-color: var(--base-10) !important;
    color: var(--base-20);
}

.voyager .btn-primary:hover {
    background-color: var(--base-10-hover) !important;
    border-color: var(--base-10-hover);
}

.voyager .btn-secondary {
    background-color: var(--base-20);
    color: var(--base-10);
    border-color: var(--base-20);
}

.voyager .btn-secondary:hover {
    background-color: var(--base-10);
    border-color: var(--base-10);
    color: var(--base-20);
}
.voyager .btn.hover-gray:hover{
    background-color: #e2e2e2;
    color: var(--base-10);
}

.voyager .btn-secondary-inverse.transparent,
.voyager .btn-secondary.transparent {
    background-color: transparent;
}

.voyager .btn-secondary-inverse {
    background-color: transparent;
    color: var(--base-20);
    border-color: var(--base-20);
}

.voyager .btn-secondary-inverse:hover {
    background-color: var(--base-10);
    color: var(--base-20);
    border-color: var(--base-10);
}

.voyager .font-medium {
    font-family: "Swiss-Medium", Arial, Helvetica, sans-serif;
}

.voyager .font-regular {
    font-family: "Swiss-Regular", Arial, Helvetica, sans-serif !important;
}

.voyager strong,
.voyager .bold {
    font-family: "Swiss-Medium", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.voyager em {
    font-family: "Aldine-Light", Arial, Helvetica, sans-serif;
    font-size: 1.025rem;
}

.voyager .subTitle {
    font-family: "Aldine-Light", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
}

.voyager .label {
    font-family: "Swiss-Regular", Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
}

.voyager .label.xs {
    font-size: 0.75rem;
}

.voyager.banner h1,
.voyager .slideElement aside h1 {
    font-family: "Swiss-Regular", Arial, Helvetica, sans-serif;
    text-shadow: none;
    text-transform: none;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.voyager.banner p,
.voyager .slideElement aside p {
    font-size: 1rem;
    text-shadow: none;
    line-height: 1.375rem;
}

@media (min-width: 992px) {
    .voyager.banner h1,
    .voyager .slideElement aside h1 {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
}

.voyager .slideElement {
    position: relative;
}

.voyager .slideElement:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.5) 25%,
        rgba(0, 0, 0, 0) 100%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0%, rgba(0, 0, 0, 0.5)),
        color-stop(25%, rgba(0, 0, 0, 0.5)),
        color-stop(100%, rgba(0, 0, 0, 0))
    );
    background: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.5) 25%,
        rgba(0, 0, 0, 0) 100%
    );
    background: -o-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.5) 25%,
        rgba(0, 0, 0, 0) 100%
    );
    background: -ms-linear-gradient(
        left,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.5) 25%,
        rgba(0, 0, 0, 0) 100%
    );
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.5) 25%,
        rgba(0, 0, 0, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.voyager .hangingBox {
    border-radius: var(--border-radius);
    padding: 0;
    height: 100px;
}

.voyager .hangingBox .dateRange,
.voyager .hangingBox .searchBox {
    height: unset;
    padding: 0;
    border: none !important;
    color: var(--base-10);
    border-radius: 0 !important;
    padding-right: 28px;
}

.voyager .hangingBox .dateRange:lang(he),
.voyager .hangingBox .searchBox:lang(he),
.voyager .hangingBox .dateRange:lang(ar),
.voyager .hangingBox .searchBox:lang(ar){
    padding-right: unset;
    padding-left: 28px;
}

.voyager .hangingBox label {
    letter-spacing: 1px !important;
    font-size: 0.75rem !important;
    margin: 0;
}

.cancelInput {
    position: absolute;
    top: 1.75rem;
    right: 0;
}
.cancelInput:lang(he),
.cancelInput:lang(ar) {
    right: unset;
    left: 0;   
}

.cancelInput:before {
    color: var(--base-10) !important;
    font-size: 1.5rem;
    cursor: pointer;
}

.inputBox{
    position: relative;
}
.errorMsg{
    display: none;
    border-top: 3px solid var(--alert-50);
    line-height: 1;
    padding-top: 3px;
    position: absolute;
    width: 100%;
    font-size: 0.75rem;
    color: var(--alert-50);
    margin: 0;
}

.errorMsg span[class^="miIcon"]:before{
    font-size: 0.75rem;
    color: var(--alert-50);
}

.inputBox.hasError .errorMsg{
    display: block;
}

.searchDropdown {
    border-radius: var(--border-radius);
    background: var(--base-20);
    position: relative;
    padding: 1rem;
}

@media (min-width: 992px) {
    .searchDropdown {
        padding: 1.125rem 2rem 1rem;
    }
}

.searchResults .row{
    margin: 0 -2rem;
    max-height: calc(100vh - 165px);
    overflow: auto;
}
#myTabContent{
    max-height: calc(100vh - 250px);
    overflow: auto;
}
@media (min-width: 575px) {
    .searchResults .row{
        max-height: 350px;
    }
}

.voyager .hangingBox .btn-lg{
    font-size: 1rem !important;
}

@media (max-width: 991px) {
    .voyager .hangingBox{
        height: 90px;
    }

    .voyager .hangingBox .form-control-lg{
        font-size: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .voyager .hangingBox .btn-lg{
        padding: .5rem 1rem;
    }

    .cancelInput {
        top: 1.5rem;
      }

      .searchResults .row {
        margin: 0 -1rem;
      }
    .errorMsg{position: relative;}
}

.searchResults .title{
    padding-left: 2rem;
    margin: 1rem 0 0.5rem;
}

.searchResults .title:lang(ar),
.searchResults .title:lang(he){
    padding-left: unset;
    padding-right: 2rem;
}

#submitCol {
    padding-right: 1rem;
}

#submitCol:lang(he),
#submitCol:lang(ar) {
    padding-right: unset;
    padding-left: 1rem;
}

@media (min-width: 992px) {
    #submitCol {
        padding-right: 2rem;
    }

    #submitCol:lang(he),
    #submitCol:lang(ar) {
        padding-left: 2rem;
    }
}

.searchResults {
    border-top: 3px solid var(--base-10);
    padding-top: 1.5rem;
    margin-top: 1.3rem;
}

@media (max-width: 575px) {
    .searchResults.articleResults{
        margin-top: 0;
    }
}

/* @media (min-width: 578px) {
    .searchResults {
        max-height: 20rem;
        overflow-x: hidden;
        overflow-y: auto;   
    }
} */

.searchResults ul li a{
    display: block;
    color:var(--base-10);
    padding: .5rem .25rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 2rem;
}

.searchResults ul li a:lang(ar),
.searchResults ul li a:lang(he){
    padding-left: unset;
    padding-right: 2rem;
}

.searchResults ul li a img{
    vertical-align: baseline;
    width: 16px;
    margin-right: .75rem;
}

.searchResults ul li a img:lang(ar),
.searchResults ul li a img:lang(he){
    margin-right: unset;
    margin-left: .75rem;
}

.searchResults ul li a:hover{
    background: var(--neutral-20);
}


.homeSearchBtn {
    margin-top: 1.5rem;
}

.shadow {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15) !important;
}

.mbCardHorizontal,
.mbCard {
    border-radius: var(--border-radius);
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
}

.mbCard .embed-responsive-item{
    border-radius: var(--border-radius);
    background-color: transparent;
}

@media (min-width: 768px) and (max-width: 991px) {
    .mbCardHorizontal .embed-responsive:before {
        padding-top: 80%;
    }
}
.mbCard .caption {
    background-color: rgba(28, 28, 28, 0.54);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.voyager .mbCard:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0)),
        color-stop(100%, rgba(0, 0, 0, 0.75))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    background: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e73827', endColorstr='#000000', GradientType=0);
}

.mbCard > div,
.mbCard > aside {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.mbCard aside p{
    color: var(--base-20);
}
.mbCard aside {
    z-index: 1;
    color: var(--base-20);
    padding: 1rem 1rem 1.5rem 1.5rem;
}
.mbCard span[class^="miIcon"]:before {
    color: var(--base-20);
    font-size: 2rem;
}

.tall {
    padding-top: 140%;
}

.accordionHeader {
    padding: 1rem 0;
    border-top: 1px solid var(--base-10);
    font-size: 1.125rem;
    color: var(--base-10) !important;
    width: 100%;
}
@media (min-width: 991px) {
    .accordionHeader {
        font-size: 1.375rem;
    }
}

.accordionHeader span[class^="miIcon"]:before {
    color: var(--base-10) !important;
}

.accordionHeader[aria-expanded="true"] span[class^="miIcon"]:before {
    content: "";
}

.miniCard {
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    margin-bottom: 1.125rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15) !important;
}
.miniCard .cardTitle {
    margin: 0;
}

.miniCard .embed-responsive {
    max-width: 80px;
}
.miniCard .embed-responsive .embed-responsive-item {
    min-height: unset;
}

.miniCard .arrow:before {
    color: var(--base-10);
    font-size: 1.125rem;
}

.voyager .grow {
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
}

.memberCardItem:hover .grow,
.mbCardHorizontal:hover .grow,
.mbCard:hover .grow,
.miniCard:hover .grow {
    transform: scale(1.2);
}

.voyager .filterPill,
.voyagerSLider .slick-list,
.favorite_destinations .slick-list,
.popular_staycations .slick-list {
    overflow: visible;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

@media (max-width: 575px) {
    .voyagerSLider:not(.memberOffer) .embed-responsive-16by9::before,
    .favorite_destinations .tall,
    .popular_staycations .embed-responsive-16by9::before{
        padding-top: 100%;
    }
}

.slick-slide:not(.slick-active){
    opacity: 0.4;
}

.voyagerSLider:lang(he) .slick-list,
.voyagerSLider:lang(ar) .slick-list,
.favorite_destinations:lang(he) .slick-list,
.popular_staycations:lang(he) .slick-list,
.favorite_destinations:lang(ar) .slick-list,
.popular_staycations:lang(ar) .slick-list {
    padding-right: unset;
}

@media (max-width: 767px) {
    .voyagerSLider .slick-list,
    .favorite_destinations .slick-list,
    .popular_staycations .slick-list {
        padding-right: 5%;
    }

    .voyagerSLider:lang(he) .slick-list,
    .voyagerSLider:lang(ar) .slick-list,
    .favorite_destinations:lang(he) .slick-list,
    .popular_staycations:lang(he) .slick-list,
    .favorite_destinations:lang(ar) .slick-list,
    .popular_staycations:lang(ar) .slick-list {
        padding-right: unset;
    }
    .slick-slide:not(.slick-active){
        opacity: 1;
    }
}

.voyager .btnNext,
.voyager .btnPrev {
    background: var(--base-20);
    border: 1px solid var(--bvy-accent-40);
}
.voyager .btnNext {
    right: -8px;
}
.voyager .btnPrev {
    left: -8px;
}

.voyager .btnNext:lang(he),
.voyager .btnNext:lang(ar) {
    left: -8px;
    right: unset;
}

.voyager .btnPrev:lang(he),
.voyager .btnPrev:lang(ar) {
    right: -8px;
    left: unset;
}


.voyager .btnNext span,
.voyager .btnPrev span {
    top: 3px;
    position: absolute;
    left: 2px;
}
.voyager .btnPrev span {
    left: 0;
}

.voyager .btnNext:lang(ar) span,
.voyager .btnPrev:lang(ar) span,
.voyager .btnNext:lang(he) span,
.voyager .btnPrev:lang(he) span {
    right: 2px;
    left: unset;
}
.voyager .btnPrev:lang(ar) span,
.voyager .btnPrev:lang(he) span {
    left: unset;
    right:0
}

.voyager .btnNext span:before,
.voyager .btnPrev span:before {
    font-size: 2rem;
    color: var(--base-10);
}

.voyager .slick-dots {
    bottom: -30px;
}

/* used to disable clicks */
.voyager .slick-dotted .slick-dots{
    position: relative;
    width: auto;
    margin: auto;
}
/*.voyager .slick-dotted .slick-dots:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/* /// */

.voyager .slick-dots li.slick-active span {
    background: var(--base-10) !important;
    transform: scale(0.75);
    border: none;
}

.voyager .slick-dots li {
    margin: 0 2px;
}

.voyager .slick-dots li.slick-active span:hover,
.voyager .slick-dots li span:hover,
.voyager .slick-dots li span {
    background-color: var(--bvy-accent-40) !important;
    transform: scale(0.5);
    border: none !important;
    outline: none !important;
}

.voyager .homeSlider .slick-dots li.slick-active span:hover,
.voyager .homeSlider .slick-dots li span:hover,
.voyager .homeSlider .slick-dots li span {
    background-color: rgba(255,255,255,0.34) !important;
}

.voyager .homeSlider .slick-dots li.slick-active span:hover,
.voyager .homeSlider .slick-dots li span:hover,
.voyager .homeSlider .slick-dots li span {
    background-color: rgba(255,255,255,0.34) !important;
}

.voyager .slick-prev,
.voyager .slick-next {
    margin: 0 10px;
    z-index: 2;
    position: absolute;
    left: -40px;
}
.voyager .slick-next{
    left:unset;
    right: -40px;
}
.voyager .slick-prev span:before,
.voyager .slick-next span:before {
    font-size: 1.5rem;
    color: var(--base-10);
    vertical-align: sub;
}

.voyager.alert *{
    font-family: 'Swiss-Medium', Arial, Helvetica, sans-serif;
}

.voyager.alert{
    border: 1px solid;
    background-color: white;
    border-radius: var(--border-radius-xs);
    padding: .5rem 1rem;
    font-size: 0.875rem;
    margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
    .voyager.alert{
        margin-bottom: 40px;
    }
}

.voyager.alert-danger{
    border-color: var(--alert-50);
}

.voyager.alert-danger [class*="miIcon-"]{
    margin-right: .5rem;
}
.voyager.alert-danger [class*="miIcon-"]:before{
    font-size: 1.2rem;

}
.voyager.alert-danger [class*="miIcon-"]:before, .voyager.alert-danger p{
    color: var(--alert-50);
}

.daterangepicker{
    background: transparent;
    margin-top: 20px;
    border-top: 3px solid #1c1c1c;
    border-radius:0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    z-index: 1;
}
.daterangepicker::before,
.daterangepicker::after{
    display: none;
}
.daterangepicker .calendar-table{
    background: transparent;
    border: none;
}

@media only screen and (max-width: 1199px){
    .daterangepicker:not(.mobile) .calendar-table th,
    .daterangepicker:not(.mobile) .calendar-table td {
        min-width: 30px !important;
        width: 30px !important;
        height: 30px !important;
    }
}

@media only screen and (max-width: 991px){
    .daterangepicker:not(.mobile) .calendar-table th,
    .daterangepicker:not(.mobile) .calendar-table td {
        min-width: 25px !important;
        width: 25px !important;
        height: 25px !important;
    }
}


.voyager .homeSlider .slick-dots {
	bottom: 70px;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex !important;
	background: rgba(0,0,0,0.4);
	border-radius: 15px;
    position: absolute;
    height: 25px;
    padding: 0 30px;
}

.voyager .homeSlider .slick-prev, .voyager .homeSlider .slick-next{
	margin: 0px 5px;
}
.voyager .homeSlider .slick-prev{
    right: unset;
    left: 0;
}

.voyager .homeSlider .slick-next{
    right: 0;
    left: unset;
}

.voyager .homeSlider .slick-dots li.slick-active span{
	background-color: var(--base-20) !important;
}

.voyager .homeSlider .slick-prev span::before, .voyager .homeSlider .slick-next span::before{
    color: var(--base-20);
}

@media only screen and (max-width: 540px){
    /* .voyager .homeSlider .slick-dots {
        bottom: 40px;
    } */
    .voyager .homeSlider.overlaid .slideElement .container{
        padding-bottom: 30px;
    }
}

.text-danger,
.text-danger [class*="miIcon-"]:before{
    color: var(--alert-50) !important;
}

.daterangepicker{
    background: transparent;
    margin-top: 20px;
    border-top: 3px solid #1c1c1c;
    border-radius:0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    z-index: 1;
}
.daterangepicker::before,
.daterangepicker::after{
    display: none;
}
.daterangepicker .calendar-table{
    background: transparent;
    border: none;
}
.memberOfferLeft{
    background-color: #FFFFFF;
    z-index: 1;
    position: relative;
}

.memberOfferLeft:after{
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 150%;
    background-color: white;
}

.memberOfferLeft:lang(he):after,
.memberOfferLeft:lang(ar):after{
    right: unset;
    left: 0;
}

.memberOfferLeft .text-default:hover{
    color: #1c1c1c !important;
}

.memberOfferLeft .text-default span::before{
    color: #1c1c1c;
}

.memberOfferLeft a{
    color: var(--base-10) !important;
    display: inline-block;
    transition: none;
}
.memberOfferLeft a:hover{
    border-bottom: 1px solid var(--base-10);
}

.memberCardItem{
    overflow: hidden;
    border-radius: var(--border-radius);
}
.memberCardItem .mbCard{
    border-radius: 0;
}

.memberCardItem .mbCard .caption{
    background-color: var(--accent-10);
    color: var(--base-10);
}
.memberCardItem .mbCard .caption small:before{
    color: var(--base-10);
    vertical-align: text-bottom;
    font-size: 0.75rem;
}

.memberOffer .draggable,
.memberOffer .slick-track{
    display: flex !important;
}
.memberOffer .slick-slide
{
    height: inherit !important;
}

/* OFFER REVAMP*/
@media (max-width: 767px) {
    .voyager .modal-dialog{
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: unset;
        margin: 0;
        max-height: 90%;
        min-height: 90%;
    }

    .voyager.modal.fade .modal-dialog {
        transform: translate3d(0, 0, 0);
    }
}

.filterTray .badge{
    min-width: 18px;
    height: 18px;
    border-radius: 10px;
    text-align: center;
    background-color: var(--neutral-50) !important;
    color: var(--base-20);
}

.voyager .modal-header button{
    width: 30px;
    height: 30px;
    background-color: var(--neutral-20);
    text-align: center;
    -webkit-appearance: none;
    position: relative;
}
.voyager .modal-header button span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.voyager .modal-header button:hover{
    background-color: var(--base-10);
    color: var(--base-20);
}
.voyager .modal-header button:hover .text-default{
    color: var(--base-20) !important;
}

.voyager .modal-content{
    border-radius: var(--border-radius);
}
.voyager .modal-content .inputBox span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.voyager .modal-content .searchResults{
    padding: 1rem 0;
    border: none;
    margin: 0;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.voyager .modal-content .searchResults ul li a{
    padding-left:1rem;
    padding-right:1rem;
}


.voyager .modal-content .searchBox,
.voyager .modal-content .searchBox:focus,
.voyager .modal-content .searchBox:active{
    border: none !important;
    border-bottom: 2px solid var(--neutral-30) !important;
    border-radius: 0;
    padding: 0 35px 0 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voyager .customCheckbox{
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    color: var(--base-10);
}
.voyager .checkmark{
    border: 1px solid var(--base-10-hover);
}

.voyager .brandFilterItem input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.voyager .brandFilterItem .embed-responsive{
    border-radius: var(--border-radius-sm);
    border: 2px solid var(--neutral-20);
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.voyager .brandFilterItem:not(.disabled):hover .embed-responsive{
    border: 2px solid var(--base-10);
}

.voyager .brandFilterItem.disabled .embed-responsive{
    cursor: not-allowed;
    background-color: var(--neutral-20);
}
.voyager .brandFilterItem input:checked + .embed-responsive{
    border: 2px solid var(--base-10);
}
.voyager .brandFilterImage{
    object-fit: contain;
    max-width: 80%;
    max-height: 80%;
    width: 100%;
    margin: auto;
}
.filterSeparator{
    margin-left: unset;
    border-right: 1px dashed var(--neutral-30);
}

.filterSeparator:lang(ar),
.filterSeparator:lang(he){
    border-left: 1px dashed var(--neutral-30);
    border-right: none;
}

.filterSeparator .filterPill{
    margin-left: 0;
    margin-right: 0.75rem;
}

.filterSeparator:lang(ar) .filterPill,
.filterSeparator:lang(he) .filterPill{
    margin-right: 0;
    margin-left: 0.75rem;
}

.filterTray{
    width: 100%;
}

@media (min-width: 768px) {
    .filterSeparator .filterPill{
        margin-left: 0.75rem;
        margin-right: 0; 
    }
    .filterTray{
        width: auto;
    }

    .filterSeparator{
        border-left: 1px dashed var(--neutral-30);
        border-right: none;
        margin-left:.75rem;
    }

    .filterSeparator:lang(ar),
    .filterSeparator:lang(he){
        border-right: 1px dashed var(--neutral-30);
        border-left: none;
        margin-left: unset;
        margin-right:.75rem;
    }
    .filterSeparator:lang(ar) .filterPill,
    .filterSeparator:lang(he) .filterPill{
        margin-right: 0.75rem;
        margin-left: 0; 
    }

    .voyager .filterPill:lang(ar),
    .voyager .filterPill:lang(he){
        margin-left: 0;
        margin-right: 0.75rem;
    }
}
/* OFFER REVAMP */

.slideOverflowContainer{
    overflow-x: hidden;
    margin:0 -5px
}

@media (min-width: 992px) {
    .slideOverflowContainer{
        overflow-x: hidden;
        margin:0 -10px
    }
}

@media (max-width: 767px) {
    .moblieSearchWidget .modal-dialog{
        height: 100%;
        margin: 0;
        background: var(--base-20);
        max-width: unset;
    }

    .moblieSearchWidget .inputBox{
        border: none;
        background: var(--base-10);
        padding: 1rem;
        color: var(--base-20)
    }

    .moblieSearchWidget .searchResults{
        border: none;
        padding: 0
    }

    .moblieSearchWidget .searchResults ul li a,
    .moblieSearchWidget .searchResults .title{
        padding-left: 1rem
    }

    .moblieSearchWidget:lang(he) .searchResults ul li a,
    .moblieSearchWidget:lang(he) .searchResults .title,
    .moblieSearchWidget:lang(ar) .searchResults ul li a,
    .moblieSearchWidget:lang(ar) .searchResults .title{
        padding-right: 1rem
    }

    .moblieSearchWidget .searchResults .row{
        margin: 0 !important
    }

    .mobile.daterangepicker{
        z-index: 1050;
        border-top: none;
    }

    .moblieSearchWidget .inputBox .dateRange:focus,
    .moblieSearchWidget .inputBox .dateRange:active,
    .moblieSearchWidget .inputBox .dateRange,
    .moblieSearchWidget .inputBox .searchBox:focus,
    .moblieSearchWidget .inputBox .searchBox:active,
    .moblieSearchWidget .inputBox .searchBox{
        background: transparent;
        padding: 0;
        padding-right: 2rem;
        border: none !important;
        color: var(--base-20)
    }

    .moblieSearchWidget:lang(ar) .inputBox .dateRange:focus,
    .moblieSearchWidget:lang(ar) .inputBox .dateRange:active,
    .moblieSearchWidget:lang(ar) .inputBox .dateRange,
    .moblieSearchWidget:lang(ar) .inputBox .searchBox:focus,
    .moblieSearchWidget:lang(ar) .inputBox .searchBox:active,
    .moblieSearchWidget:lang(ar) .inputBox .searchBox,
    .moblieSearchWidget:lang(he) .inputBox .dateRange:focus,
    .moblieSearchWidget:lang(he) .inputBox .dateRange:active,
    .moblieSearchWidget:lang(he) .inputBox .dateRange,
    .moblieSearchWidget:lang(he) .inputBox .searchBox:focus,
    .moblieSearchWidget:lang(he) .inputBox .searchBox:active,
    .moblieSearchWidget:lang(he) .inputBox .searchBox{
        padding: 0;
        padding-left: 2rem;  
    }

    .moblieSearchWidget .inputBox .cancelInput{
        top: unset;
        bottom: 1.5rem;
        right: 1rem
    }
    .moblieSearchWidget:lang(ar) .inputBox .cancelInput,
    .moblieSearchWidget:lang(he) .inputBox .cancelInput{
        left: 1rem;
        right: unset;
    }
    .moblieSearchWidget .inputBox .cancelInput::before{
        color: var(--base-20) !important;
    }

    .moblieSearchWidget .nav.nav-tabs button{
        background:transparent;
        border-bottom: 4px solid transparent;
        padding: 0;
        padding-bottom: 5px;
        margin-right: 2rem;
        color: var(--neutral-40);
        border: none
    }
    .moblieSearchWidget:lang(ar) .nav.nav-tabs button,
    .moblieSearchWidget:lang(he) .nav.nav-tabs button{
        margin-left: 2rem;
        margin-right: unset;
    }

    .moblieSearchWidget .nav.nav-tabs button:focus,
    .moblieSearchWidget .nav.nav-tabs button:active,
    .moblieSearchWidget .nav.nav-tabs button.active{
        color: var(--base-10);
        border-bottom: 4px solid var(--coral);
        outline: none
    }

    .moblieSearchWidget .tab-pane .searchResults ul li a{
        padding-left: 0;
    }

    .popupSlide{
        display: none;
        height: 100%;
    }

    .finalSlide{
        background: var(--base-10);
    }

    .voyager .hangingBox{
        height: 85px;
        margin-top: -40px !important;
    }

    .voyager .borderLeft{
        border-left: 2px dashed var(--neutral-30);
        padding-left: 1rem;
    }

    .voyager .borderLeft:lang(ar),
    .voyager .borderLeft:lang(he){
        border-left: none;
        padding-left: unset;
        border-right: 2px dashed var(--neutral-30);
        padding-right: 1rem;
    }

    .daterangepicker.mobile .drp-calendar{
        width: unset !important;
    }
    .daterangepicker.mobile .drp-calendar.right{
        padding: 8px 8px 8px 0;
    }
}

@media (max-width: 575px) {
    .daterangepicker.mobile{
        width: 100% !important;
        overflow: auto;
        bottom: 0;
    }
    .daterangepicker.mobile .drp-calendar{
        padding: 0;
    }

    .daterangepicker:lang(he) td.start-date,
    .daterangepicker:lang(ar) td.start-date{
        border-radius: 0 50% 50% 0 !important;
    }

    .daterangepicker:lang(he) td.end-date,
    .daterangepicker:lang(ar) td.end-date{
        border-radius: 50% 0 0 50% !important;
    }

    .daterangepicker:lang(ar) .calendar-table .prev span,
    .daterangepicker:lang(he) .calendar-table .prev span{
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .daterangepicker:lang(ar) .calendar-table .next span,
    .daterangepicker:lang(he) .calendar-table .next span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .voyager .homeSlider .slick-dots {
        bottom: 50px;
    }
}

.slider-controls{
    display: inline-flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    padding: 0 8px;
    border-radius: 1rem;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin-top: 30px;
}

.slider-controls:lang(he),
.slider-controls:lang(ar){
    left: unset;
    right: 50%;
    transform: translateX(50%);
}

.slider-controls a:nth-child(2){
    order: 3;
}

.slider-controls .slick-dots{
    position: relative !important;
    display: flex;
    bottom: unset;
    margin-left: 10px;
    margin-right: 10px;
}

.slider-controls a > span{
    display: inline-block;
    padding-top: 1px;
    font-weight: bold;
}

.homeSlider + .slider-controls .slick-dots{
    margin: 0;
}
.homeSlider + .slider-controls{
    position: absolute;
    bottom: 70px;
    background-color: rgba(0,0,0,0.4);
    margin-top: unset;
}
.homeSlider + .slider-controls .slick-dots li.slick-active span,
.homeSlider + .slider-controls .slick-dots li span:hover{
    background-color: var(--base-20) !important;
    transform: scale(.75)
}

.slider-controls a > span:before,
.homeSlider + .slider-controls a > span:before{
    color: var(--base-20) !important;
    font-size: 1.25rem
}

.slider-controls a > span:before{
    color: var(--base-10) !important;
}

.slider-controls .slick-dots li.slick-active span:hover,
.slider-controls .slick-dots li span:hover{
    transform: scale(.75) !important;
    background-color: var(--base-10) !important;
}

@media (max-width: 575px) {
    .homeSlider + .slider-controls{
        bottom: 50px;
    }
}