﻿
/*general page styles*/
a:hover {
    text-decoration: none !important;
}

.filter4 .destination-filter-box {
    height: 404px;
}

.filter4 .destination-filter-text {
    font-size: 12px;
    height: 117px;
}

.filter4 .destination-filter-imgbox {
    height: 133px;
}

.filter4 .destination-filter-header {
    height: 63px;
}

    .filter4 .destination-filter-header h2 {
        font-size: 15px;
    }

.filter4 .destination-filter-imgbox div {
    bottom: 7px;
}


.filter3 .destination-filter-header {
    height: 50px;
}


    .filter3 .destination-filter-header h2 {
        font-size: 20px;
    }


.filter3 .destination-filter-imgbox div {
    bottom: 21px;
}

.destination-overview-wrapper {
    position: relative;
}

.destination-overview.collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    max-height: 6em;
}

.read-more-dest-over-toggle {
    display: block;
    margin: -15px 15px 0 15px;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
    width: fit-content;
}

.fpn .read-more-dest-over-toggle {
    padding-left: 2px;
    margin: -10px 15px 0 15px;
}

.fpn .destination-overview {
    padding: 0px 15px;
    margin: 10px 0px;
}

.fpn .read-more-dest-over-toggle {
    font-size: 10px;
}


.filter2 .destination-filter-header h2 {
    font-size: 26px;
}

/*filter page destinations*/


.destination-filter-text {
    height: auto;
    overflow: hidden;
}

.destination-filter-box {
    background-color: #fff;
    height: 450px;
}

.destination-filter-imgbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    height: 200px;
}

.destination-filter-price {
    color: #fff;
    margin: 2px;
    font-size: 30px;
}


    .destination-home h1 {
        font-size: 30px;
        padding:0 17px;
    }

    .destination-home a
    {
        text-decoration:none !important;
    }


.destination-home h3 {
    font-size: 30px;
}

.multicentres h3 {
    font-size: 24px;
}

.multicentres h4 {
    font-size: 20px;
}

.destination-home .cms-content--link__h3 {
    font-size: 22px;
}

.destination {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.destination div {
    color: #4E4C41;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 5px 2px 5px #fff;
}


.hotel-result--block {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px 10px;
}

.destination-home .hotel-result--h1 {
    font-size: 26px;
}


.hotel-result--img-offer {
    background-color: #1b1464;
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    width: 100%;
    padding: 2px 3px;
}

.multicentre-offer-price {
    background-color: #1b1464;
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    max-width: 100%;
    padding: 2px 3px;
}

.hotel-result--img-offer-onimg {
    background-color: #1b1464;
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: -17px;
    max-width: 100%;
    padding: 5px 10px;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
}
.hotel-result-link {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width:100%;
    min-height: 200px;
    max-height: 220px;
}

.hotel-result--img-cont {
    min-height: 220px;
    max-height: 220px;
}


.spec-offer-title {
    color: #1b1464;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.spec-offer-text{
    padding-top:1rem;
}

.specialOfferTitle {
    background-color: #1b1464;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    padding: 5px 10px;
}

.specialOfferTitleText {
    color: #1b1464;
    font-weight: 600;
    padding: 0px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.readMoreText {
    color: #1b1464;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 100;
    padding: 5px 10px;
}

.offerInfoText {
    color: #525252;
    padding: 5px 10px;
}

.newOfferContainer {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 10px !important;
    margin-top: 10px !important;
    border: 1px solid black;
}

.mobShrinkText {
    padding-top: 10px;
    transition: padding-top 0.3s ease;
}

    .mobShrinkText.visible {
        padding-top: 10px;
    }

.hotel--content-block {
    font-size: 14px;
}

.hotel-result--price-from, .from-text {
    font-size: 28px;
    line-height: 28px;
}

    .offer-banner-dest {
    display: inline-block;
    font-size: 18px;
    width: 100%;
}

    /*general page styles*/
    .destination-overview {
        margin: 20px 15px;
    }
.destination-overview-wrapper {
    position: relative;
}
.mcn-overview {
    text-align:left;
}
.destination-overview.collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    max-height: 6em;
}

.read-more-dest-over-toggle {
    display: block;
    margin: -15px 15px 0 15px;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
    width: fit-content;
}

.filter-page-image {
    overflow: hidden;
    transition: all .5s ease-in-out;
    width: 100%;
}

    .filter-page-image:hover {
        transform: scale(1.1);
    }

.view-more-link {
    bottom: 13px;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .view-more-link a {
        color: #fff;
        width: 200px;
    }

        .view-more-link a:hover {
            text-decoration: none;
        }

.destination-filter-box-content {
    position: absolute;
    bottom: 10px;
}
/*end filter page destinations*/



/*result Filters styles*/

.package-results-sort {
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    box-shadow: 2px 2px 5px 5px #c9c9c9;
    padding: 10px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

    .package-results-sort a {
        color: #585a5e;
        font-weight: normal;
    }

        .package-results-sort a.active {
            color: #1b1464;
            text-decoration: underline;
        }.market-uk .filter-checks input[type="checkbox"]:checked + input[type=hidden] + label span {
    background: url(https://images.destination2.co.uk/Results/Gold-Check1.png) center center no-repeat;
}

.market-ireland .filter-checks input[type="checkbox"]:checked + input[type=hidden] + label span {
    background: url(https://images.destination2.ie/Results/Gold-Check1.png) center center no-repeat;
}

/*end results filter styles*/



.select-right{
    float:right;
}




/*hotel results list layout*/
.hotel-result {
    border: 2px solid #eaebe2;
    box-shadow: 2px 2px 5px 5px #c9c9c9;
    margin-bottom: 20px;
    padding: 10px 10px;
}

    .hotel-result > div:nth-of-type(1) > div {
        position: absolute;
        bottom: 10px;
        left: 0;
    }


        .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(1) {
            background-color: rgba(27, 20, 100, 0.9);
            display: inline-block;
            font-size: 1.2em;
            font-weight: bold;
            padding: 10px 15px;
            text-align: center;
            color: #fff;
        }

        .hotel-result > div:nth-of-type(1) > div > img {
            vertical-align: bottom;
            display: inline-block;
            margin-left: -4px;
        }

        .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(2) {
            border-color: rgba(27, 20, 100, 0.9);
            border-style: solid;
            border-width: 22px 30px 22px 0;
            display: inline-block;
            margin-bottom: -16px;
            margin-left: -4px;
        }




    .hotel-result > div:nth-of-type(2) > div:nth-of-type(1) {
        color: #585a5e;
    }

        .hotel-result > div:nth-of-type(2) > div:nth-of-type(1) > span {
            color: #000;
            font-weight: bold;
        }

    .hotel-result > div:nth-of-type(2) > div:nth-of-type(2) > img {
        height: 20px;
        width: 20px;
        margin-top: -5px;
    }

.mc-stars img {
    height: 20px;
    margin-top: -5px;
    width: 20px;
}

/*.hotel-result > div:nth-of-type(2) > div:nth-of-type(2) {
        margin-bottom: 10px;
    }*/

.hotel-result > div:nth-of-type(2) > div:nth-of-type(3) {
    color: #585a5e;
}

.hotel-result-price {
    margin-top: 10px;
}

    .hotel-result-price > div:nth-of-type(1) {
        color: #585a5e;
        font-size: 1.4em;
    }

        .hotel-result-price > div:nth-of-type(1) > span:nth-of-type(1) {
            font-weight: bold;
            font-size: 1.6em;
        }

    /*.hotel-result-price > div:nth-of-type(2) {
        text-align: right;
        padding-top: 5px;
    }*/

    .hotel-result-price > div:nth-of-type(1) > span:nth-of-type(2) {
        font-size: 13px;
        float: left;
        margin-top: -3px;
    }
/*end hotel result list layout*/


/*product info boxes*/
.box-lg, .box-md, .box-sm {
    box-shadow: 2px 2px 5px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px 5px #C9C9C9;
    -moz-box-shadow: 2px 2px 5px 5px #C9C9C9;
    margin-bottom: 20px;
    padding-bottom:15px;
}

    .box-lg h3, .box-md h3, .box-sm h3 {
        text-align: center;
    }




.dest-call-now {
    color: #1b1464;
    font-size: 37px;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
}


.dest-aff-msg {
    color: #333;
    font-size: 11px;
}


.htl-call-now {
    color: #1b1464;
    font-size: 28px;
    padding: 5px 0;
    font-weight: bold;
}

.htl-call-now-new {
    color: #1b1464;
    font-size: 28px;
    padding: 5px 0;
    font-weight: bold;
    font-style: italic;
}


.htl-call {
    font-size: 16px;
}

.htl-num {
    margin: -5px 0 -2px 0;
}


.htl-aff-msg {
    color: #333;
    font-size: 10px;
    font-weight: normal;
}





.htl-call-now-new-mc {
    color: #1b1464;
    padding: 5px 0;
    font-weight: bold;
    font-style: italic;
}


    .htl-call-now-new-mc .htl-call {
        font-size: 12px;
    }

    .htl-call-now-new-mc .htl-num {
        margin: -5px 0 -2px 0;
        font-size: 23px;
    }


    .htl-call-now-new-mc .htl-aff-msg {
        color: #333;
        font-size: 10px;
        font-weight: normal;
    }




.google-reviews {
    display: inline-block;
    cursor: pointer;
    padding: 10px 0;
}


.google-reviews img {
    width: 20px;
    margin-top: -5px;
}

.google-reviews i {
    color: #41A958 !important;
    padding-top: 2px;
}

.google-reviews .google-reviews-link {
    color: blue;
    text-decoration: underline;
    display: block;
}


.google-reviews-pop {
    background-color: #fff;
    padding: 15px 15px 25px 15px !important;
}

.google-reviews-pop-title {
    display: flex;
}

.google-reviews-pop-title img {
    width: 30px;
    margin-top: -10px;
}

.google-reviews-pop-title i {
    color: #00af75;
    font-size: 1.8em;
}

.google-reviews-pop-title div {
    flex: 50%;
}

.google-reviews-pop-title div:nth-of-type(2) {
    text-align: right
}

.google-reviews-pop-body {
    padding: 15px 0;
}

.google-reviews-pop-body div:nth-of-type(1) {
    font-weight: bold;
    color: #1b1464;
}

.model-review {
    width: 90% !important;
}


/*NEW MULTICENTRE LAYOUT*/


.mcn-body {
    background-color: #fff;
}

.mcn-header {
    text-align: center;
    padding: 20px 0;
}

    .mcn-header h2 {
        color: #1b1464;
        margin-bottom: 20px;
        font-weight: bold;
    }

.mcn-subheader {
    color: #1b1464;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 10px;
}




.mcn-res-3 {
    background-color: #D9E8F7;
}

    .mcn-res-3 h3 {
        color: #1b1464;
        font-weight: bold;
        margin: 30px 0 20px;
    }

.mcn-results {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom:50px;
}

.mcn-result {
    width: calc(33.333% - 11px); /* 3 in a row with spacing accounted for */
    background: #ddd;
    text-align: center;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.mcnr-info {
    background-color: #fff;
    color: #1b1464;
    text-align: left;
    border: 1px solid #c9c9c9;
    flex-grow: 1;
    padding:15px;
}

.mcnr-title{
    text-transform:uppercase;
    font-weight:bold;
    font-size:18px;
}

.mcnr-price {
    background-color: #0042AF;
    color: #fff;
    text-align: left;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.mcnr-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 190px;
    position: relative;
}

.di-tab-header {
    background-color: #1b1464;
    padding: 15px 25px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

    .di-tab-header i {
        float: right;
        font-weight: bold;
        transform: rotate(0deg);
        transition: all 0.5s;
    }

    .di-tab-header.active {
        background-color: #D9E8F7;
        color: #1b1464;
    }

    .di-tab-header.active i {
        transform: rotate(180deg);
        transition: all 0.5s;
    }

.di-tab-detail {
}

.di-tab-cont{
    margin-top:15px;
    display:flex;
    flex-direction:column;
}

.di-tab-content {
    border: 1px solid #585a5e;
    border-top: none;
    display: none;
}
.di-tab {
    margin-top:15px;
}

.mc-additional {
    padding-bottom: 25px;
}

.mcn-showhide {
    display: none;
}


/*END NEW MULTICENTRE LAYOUT*/
@media(max-width:1199px) {
    .filter-checks {
        padding: 0 5px;
        font-size: 11px;
    }

     .htl-aff-msg{
        display:block;
    }
}

@media(max-width:992px) {
    /*results filter styles*/
    #results-filter {
        position: inherit;
        top: 0 !important;
    }
}

@media (max-width:1024px) {
    .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(2) {
        border-width: 21px 15px 20px 0;
    }

    .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(1) {
        font-size: 1.5rem;
    }

    .htl-call-now {
        font-size:1.5em;
    }

    .htl-aff-msg{
        display:block;
    }


}

/*@media(max-width:768px) {
    .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(1) {
        font-size: 1.6rem;
    }

    .filter4 .destination-filter-imgbox {
        height: 175px;
    }

    .filter4 .destination-filter-box{
        height:auto;
    }

    .filter-page-image{
        height:auto;
        width:100%;
    }

    .destination-filter-text{
        height:auto !important;
    }
}*/

@media (min-width: 992px) and (max-width: 1199px) {

    .mcnr-image {
        min-height: 150px;
    }


    .filter3 .destination-filter-header h2 {
        font-size: 16px;
    }

    .filter3 .destination-filter-imgbox div {
        bottom: 6px;
    }

        .filter3 .destination-filter-imgbox div > span:nth-of-type(1) {
            font-size: 1.4em;
            padding: 6px 15px;
        }



    .filter3 .destination-filter-imgbox {
        height: 149px;
    }

    .filter3 .destination-filter-text {
        height: 141px;
        overflow: hidden;
    }


    .filter4 .destination-filter-imgbox {
        height: 105px;
    }


        .filter4 .destination-filter-imgbox div > span:nth-of-type(1) {
            font-size: 1.2em;
        }


    .filter4 .destination-filter-text {
        font-size: 12px;
        height: 152px;
    }

    .filter4 .view-more-link a {
        width: 185px;
    }


    .htl-call-now-new {
        font-size: 24px;
    }


    .htl-call {
        font-size: 16px;
    }

    .htl-num {
    }


}



@media (min-width: 768px) and (max-width: 991px) {

    .mcnr-title {
        font-size: 15px;
    }

    /*destination select boxes*/
    .destination div {
        font-size: 13px;
    }

    .destination h3 {
        font-size: 17px !important;
    }

    .no-pad-right {
        padding: 0;
    }


    .destination-filter-box h2 {
        font-size: 22px;
    }

    .destination-filter-imgbox {
        height: 177px;
        margin-bottom: 10px;
    }

    .destination-filter-text {
        height: 79px;
    }

    .destination-filter-box {
        height: 400px;
    }

    .filter3 .destination-filter-header h2 {
        font-size: 14px;
    }

    .filter3 .destination-filter-imgbox {
        height: 107px;
    }

    .filter3 .destination-filter-text {
        height: 165px;
        font-size: 12px;
    }

    .filter3 .view-more-link a {
        width: 100%;
    }

    .filter3 .destination-filter-box {
        height: 371px;
    }

    .filter3 .destination-filter-imgbox div {
        bottom: 3px;
    }

        .filter3 .destination-filter-imgbox div > span:nth-of-type(1) {
            font-size: 1.3em;
            padding: 4px 15px;
        }


    .filter4 .destination-filter-box {
        height: 359px;
        margin-bottom: 15px;
    }


    .dest-call-now {
        font-size: 30px;
    }



    .dest-aff-msg {
        font-size: 10px;
    }

     .mob-f-mc {
        width: 100%;   
    }

 

     
    .view-fac-btn{
        color:#1b1464;
        text-align:right;
        margin-bottom:5px;

    }

     .facilities-filter{
        display:none;
    }


    .htl-call-now-new {
        font-size: 25px;
    }


}




@media (max-width: 767px) {
    .read-more-dest-over-toggle {
        margin: -15px 10px 0 10px;
    }

    .fpn .read-more-dest-over-toggle {
        padding-left: 0px;
    }

    .mcn-showhide {
        display: flex;
        padding-bottom:25px;
        justify-content:center;
    }

    .mcn-showhide .btn{
        padding:10px 20px;
    }

    .twohide, .threehide {
        display: none;
    }

    .mcn-results {
        padding-bottom: 30px;
    }

    .mcnr-info, .mcnr-price {
        text-align: center;
    }

    .mcnr-image {
        min-height: 150px;
    }

    .mcnr-title {
        font-size: 15px;
    }
    .di-tab-content{
        font-size:12px;
    }

    .di-tab-header {
        font-size: 15px;
    }

    .google-reviews-pop-title {
        display: block;
    }

    .google-reviews-pop-title div:nth-of-type(2) {
        text-align: left;
        padding-top: 10px;
    }

    /*destination select boxes*/
    .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(2) {
        border-width: 19px 15px 18px 0;
    }

    .hotel-result > div:nth-of-type(1) > div > span:nth-of-type(1) {
        font-size: 1.2rem;
    }

    .hotel-result > div:nth-of-type(1) > div > img {
        height: 36.5px;
    }

    .mob-f-mc {
        width: 100%;   
    }
    .destination-filter-box {
        height: auto !important;
        margin-bottom: 20px !important;
    }

    .destination-filter-text {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .destination-filter-imgbox {
        height: auto !important;
    }

    .filter2 .destination-filter-header h2, .filter3 .destination-filter-header h2 {
        font-size: 17px;
    }


    .filter2 .destination-filter-imgbox, .filter3 .destination-filter-imgbox, .filter4 .destination-filter-imgbox{

        height:auto;
    }


    .view-fac-btn{
        color:#1b1464;
        text-align:right;
        margin-bottom:5px;

    }

    .facilities-filter{
        display:none;
    }

    .view-more-link {
        margin-bottom: 13px;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .destination-home .hotel-result--h1 {
    font-size: 18px;
}

    .from-text {
    font-size: 15px !important;
    line-height: 28px;
}

    .destination {
        overflow: visible;
    }

        .destination div {
            font-size: 12px;
        }

        .destination h3 {
            font-size: 15px !important;
        }

    .destination-home h2, .destination-home h3 {
        font-size: 24px;
        text-align: center;
    }

    .destination-home h1 {
        font-size: 20px;
        padding:0 9px;
    }

    .hotel--content-block {
        font-size: 12px;
        text-align: justify;
        padding: 5px 0;
    }

    .spec-offer-box{
        padding:5px;
        /*text-align:center;*/
    font-size: 12px;
    border:1px solid #1b1464;

    }
   
    .spec-offer-title {
    color: #1b1464;
    font-size: 14px;
    text-align:center;
}
.spec-offer-text{
    padding-top:1rem;
}


    /*general page styles*/
    .destination-overview {
        margin: 20px 10px;
        font-size: 12px;
    }
    /*product info boxes*/
    .destination-info {
        font-size: 12px;
    }

    /*filter page destinations*/


    .view-more-link {
        margin: 10px 0 5px;
        text-align: center;
        width: 100%;
    }

        .view-more-link a {
        }

    .no-pad-right {
        padding: 0;
    }

    /*hotel results*/
    .hotel-result h1, .hotel-result h2 {
        text-align: center;
    }

    .hotel-result > div:nth-of-type(3) {
        text-align: center;
    }

        .hotel-result > div:nth-of-type(3) > div:nth-of-type(2) {
            text-align: center;
        }

            .hotel-result > div:nth-of-type(3) > div:nth-of-type(2) > a > div:nth-of-type(1) {
                width: 100%;
            }

        .hotel-result > div:nth-of-type(3) > div:nth-of-type(1) > span:nth-of-type(2) {
            float: none;
        }

    .hotel-result-price {
        text-align: center;
    }

    .destination img:hover {
        transform: none;
    }

    .hotel-includes {
        width: 100%;
        margin: auto;
    }

    .dest-call-now {
        font-size: 30px;
    }

        .dest-call-now > span:nth-of-type(1) {
            font-size: 18px;
        }

        .dest-call-now span:nth-of-type(2) {
            display: block;
        }

    .dest-aff-msg {
        font-size: 10px;
        display: block;
    }


    .htl-call-now {
        font-size: 28px;
        padding: 5px 0;
        text-align: center;
    }

    .htl-aff-msg {
        display: block;
    }

    .htl-call-now span:nth-of-type(2) {
        display: block;
        margin-top: -9px;
    }

    .htl-call-now > span:nth-of-type(1) {
        font-size: 18px;
    }

    .box-lg, .box-md, .box-sm {
        font-size:12px;
    }

   
}

.please-wait-container {
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%) translateX(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px 4px;
    padding: 10px;
    border: solid 5px #1b1464;
}

    .please-wait-container > h3 {
        color: #1b1464;
        text-align: center;
        margin-top: -12px;
    }

    .please-wait-container > span {
        color: #1b1464;
        text-align: center;
        margin-top: -12px;
        font-size: 24px;
    }

    .please-wait-container > p {
        color: #1b1464;
        text-align: center;
        border-bottom: 2px solid #1b1464;
        font-weight: bold !important;
        font-size: 1.5em;
        margin: -11px 18px 10px;
        padding-bottom: 10px;
    }

.please-wait-spinner {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 0 10px #1b1464;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .please-wait-spinner:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: linear-gradient(#1b1464, rgba(255, 255, 255, 0.0) 10%);
        animation: wait-spinner 1.5s infinite linear;
    }

    .please-wait-spinner:after {
        content: "";
        position: absolute;
        width: 95%;
        height: 95%;
        top: 2.5%;
        left: 2.5%;
        border-radius: 50%;
        box-shadow: inset 0 0 5px #1b1464;
    }

@keyframes wait-spinner {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*JOB HOTEL OFFERS*/

.jho-offer {
    padding: 5px 0;
}

.jho-offer-title {
    font-weight: bold;
    text-transform:uppercase;
    color:#1b1464;
}

.jho-offer-title-spacer {
    padding: 0 5px;
}

.jho-offer-text {
}

    .jho-offer-text ul, .jho-offer-text ol {
        margin-left: 20px;
    }

.jho-offer-blackout {
    font-size: 0.8em;
    color: #000;
    width: 100%;
    display: block;
    text-align: right;
    padding-top:5px;
}

.jho-offer-hr {
    border: 1px solid #efefef;
    margin: 5px 0 !important;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .mc-image-link {
        display: block;
        width:100%;
        min-height:340px;
    }
}

@media screen and (max-width: 499px) {
    .mc-image-link {
        display: block;
        width: 100%;
        min-height: 220px;
    }
}
@media (min-width: 500px) and (max-width: 767px) {
    .mcn-result {
        width: calc(50% - 11px);
    }
}

@media (max-width: 499px) {
    .mcn-result {
        width: calc(100%);
    }
}