.modal-backdrop { background-color: #fff;}

.modal-dialog{ }
.modal-content{border-radius: 0; background: #fff; padding: 1rem 1rem;
    box-shadow: 5px 2px 50px 2px rgba(0,0,0,.1); border: 1px solid #eaeaee !important; }

.modal-footer{border: none; text-align: center; padding-top: 0; padding-bottom: 0;}
.modal-footer .btn{padding: 0.8rem 3rem;}

.modal-header{position: relative; border-bottom:none; padding-top: 0; padding-bottom: 0;}
.modal-header .close { position: absolute;  padding: 0; margin: 0; font-size: 1.7rem;
    right: -11px; top: -18px; color: #212529; font-weight: 500; border: none!important;}

.modal-details-info .modal-header .close { right: 2px; top: -8px; z-index: 1;}

.modal-body p:last-child{margin-bottom: 0;}


.modal-cancellation-details .modal-dialog { top: 90px; }
/* modal-learn-more  */
.modal-learn-more .modal-dialog { margin: 0 auto; top:90px; }

.modal-learn-more .modal-content{color: #202027;}
.modal-learn-more .modal-content p{font-size: 1.6em; line-height:1.3; font-weight: 300; }
.modal-learn-more .modal-content p a{color: #202027; text-decoration: underline;}

/* modal-learn-more   reasons */
.modal-learn-more.reasons .modal-header h2{font-size: 2em; font-weight: 700; margin: 0.5rem 0 0 0;
    text-transform: uppercase; text-align: center; width: 100%}
.modal-learn-more.reasons .reasons-block{padding: 0;}

.reasons-block{font-size: 1.4em; line-height: 1.2em;  font-weight: 300; }
.reasons-block .media{padding: 1.5rem 0; border-bottom: 1px solid #eaeaee; }
.reasons-block .media:last-child{border: none; padding-bottom: 1rem;}

.reasons-block img{ height: 47px; position: relative; top: 0; margin-right: 1rem !important;}
.reasons-block h5{font-size: 16px; font-weight: 700;  margin-bottom: 5px;}


/* modal */
.modal-details-info {font-size: 1.6em; line-height: 1.4em;}


/* modal   modal-reviews */
.modal-reviews .modal-body { padding: 0.5rem 1rem; height: 100%;}
.modal-reviews .modal-content{max-height: 600px; height: 100vh;padding: 1rem 0.3rem; }

.modal-reviews iframe { border: 0;}
.modal-reviews .trustpilot-reviews{height: 100%;}

.modal-reviews .modal-header .close {right: -2px; top: -20px;}

.modal-open .modal-details-info.modal { overflow-y: hidden; }

/* page LP - popup - !!! css */
.modal-booking-form.modal {overflow-y: scroll;padding-right: 0 !important;}

.modal-booking-form .modal-header .close { right: -22px; top: -26px; color: #212529;
    font-weight: 400; font-size: 1.5rem;}
.modal-booking-form .modal-body{padding-right: 0; padding-left: 0;}


.modal-booking-form .modal-dialog { top: 115px;}
.modal-booking-form .modal-content{padding: 1.6rem 1.8rem 1.5rem 1.8rem;
    box-shadow: 5px 2px 50px 2px rgba(0,0,0,.5); background: #fdfdfd;}
.modal-booking-form .modal-header {-ms-flex-direction: column !important;  flex-direction: column !important; padding: 0}
.modal-booking-form .modal-header h2{font-size: 2.8em; margin-bottom: 0; font-weight: 700;
    width: 100%; text-align: center; text-transform: uppercase;}
.modal-booking-form .modal-header p{font-size: 1.6em; margin: 0 0 0.7rem 0; width: 100%; text-align: center;}
.modal-booking-form .modal-header p img{width: 30px; height: 30px;display:inline-block;}
.modal-booking-form .modal-header p.mb-2{margin-bottom: 1rem!important;}

.modal-booking-form .black-border.hotel-booking { padding: 1rem 0; height: 110px;}


/* modal - map */
.modal-map-box .modal-dialog { max-width: 80%;  height: calc(100% - 100px) !important; margin-top: 50px; margin-bottom: 50px;}
.modal-map-box .modal-content { height: 100%; padding: 0.2rem;}
.modal-map-box .modal-body, .modal-map-box .leaflet-container {height: 100%;}
.modal-map-box .modal-header .close{top: -7px; right: 0; z-index: 200;}


/* modal - Timer */
.timer-info-modal h2 {font-size: 2.2em; margin: 1rem 0 0.7rem 0; font-weight: 700; text-transform: uppercase;}
.timer-info-modal h2 span svg { width:26px; height:26px; fill: #ed9112; position: relative; top:-3px;}
.timer-info-modal p{font-size: 1.6em; line-height: 1.4; margin:0; }

.timer-info-modal .modal-body{padding-top: 0;}


/* modal - cvv-code-info  */
.cvv-code-info p{font-size: 1.6em; line-height: 1.2em;}
.cvv-code-info img{ width: 124px; height: 73px; margin-top: 4px;}

@media (min-width: 428px){
    .cvv-code-info .modal-dialog {max-width: 320px; margin-right: auto; margin-left: auto;}
}



/* modal - ten-minute-modal p-CO  */

.ten-minute-modal{}

.ten-minute-modal .modal-header .close{width: 2rem; height: 2rem;right: -20px; top: -28px;}

.ten-minute-modal .modal-content{padding: 2rem 1.24rem;}
.ten-minute-modal .modal-body{padding: 0;}
.ten-minute-modal .modal-body p{text-align: center; font-size: 16px; line-height: 20px; font-weight: normal;
    margin-bottom: 8px; color: #4E5261;}
.ten-minute-modal .modal-body p strong{color: #02071A; font-weight: 700;}
.ten-minute-modal .modal-body p svg{width: 40px; height: 40px;}
.ten-minute-modal .modal-body p:last-child{margin-bottom: 0;}

.ten-minute-modal .modal-footer{padding: 1.25rem 0 0 0; display: flex; flex-direction: column; align-items: center;}
.ten-minute-modal .modal-footer .btn{padding: 0.75rem 2rem; margin: 0;}

.ten-minute-modal .modal-dialog { margin-right: 15px; margin-left: 15px;}

@media (min-width: 394px) {

    .ten-minute-modal .modal-content{padding: 2rem 1.5rem;}
    .ten-minute-modal .modal-dialog {
        max-width: 360px;
        margin-right: auto; margin-left: auto;
    }
    .ten-minute-modal .modal-header .close{right: -16px;}
}



/* ----------------------------------------------------- */

@media (min-width:576px){

    .modal-dialog { max-width: 530px; }

}

@media (min-width:768px){

    .modal-dialog { max-width: 560px;}
    .modal-details-info .modal-dialog { max-width: 600px; }

}

/* ----------------------------------------------------- */

@media (max-width:991.98px){

    /* page LP - popup - !!! css */
    .modal-booking-form .modal-dialog {top:95px;}
    .modal-booking-form .modal-body { padding: 0.5rem 0 0.5rem 0;}

}

@media (max-width: 767.98px){

    /* page LP - popup - !!! css */
    .modal-booking-form .modal-dialog { top:70px;}

    /* modal-learn-more  */
    .modal-learn-more .modal-dialog { top:40px;}

    /* modal - map */
    .modal-map-box .modal-dialog { max-width: 100%;  width: calc(100% - 40px);
        margin-left: 20px; margin-right: 20px;}

    /* modal - Timer */

}


@media (max-width:575.98px){

    .modal-content {padding: 1rem 0;}

    .modal-header .close {right: 4px;  top: -20px;}


    /* page LP - popup - !!! css */
    .modal-booking-form .modal-dialog { max-width: 100%; top:70px; margin: 1.5rem;}
    .modal-booking-form .modal-content { padding: 1.1rem 1rem 0.7rem 1rem;}

    .modal-booking-form .modal-header .close { right: -5px;top: -12px;}

    .modal-booking-form .modal-header h2 {font-size: 2.4em; margin-bottom: 0.1rem;}
    .modal-booking-form .modal-header p { font-size: 1.4em; line-height: 1.2em; margin-bottom: 0.5rem;}

    .modal-booking-form .modal-body {padding-top: 5px; }


    /* modal-learn-more  */
    .modal-learn-more .modal-dialog { max-width: 100%; top: 25px; margin:0 1.5rem; }
    .modal-cancellation-details .modal-dialog { top: 25px; }
    /* modal-learn-more   reasons */
    .modal-learn-more.reasons .modal-content p {font-size: 1.4em;}
    .modal-learn-more.reasons .reasons-block .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .reasons-block .media{padding: 1.5rem 0 0 0;}
    .reasons-block .media:first-child{padding-top: 1rem;}
    .reasons-block .media:last-child{padding-bottom: 0;}
    .reasons-block img {height: 37px;}
    .reasons-block h5{margin-bottom: 0;}

    .modal-details-info .modal-header .close { right: 14px;}

}

@media (max-width:476px){

    /* modal   modal-reviews */
    .modal-reviews .modal-content .modal-body{padding: 0.5rem ;}

    /* page LP - popup - !!! css */
    .modal-booking-form .modal-content {padding: 0.8rem 0.8rem 0.8rem 0.8rem;}


    /* modal-learn-more  */
    .modal-learn-more .modal-dialog {  top: 25px; }
}


@media (max-width: 374px){

    /* page LP - popup - !!! css */
    .modal-booking-form .modal-header p { font-size: 1.2em;}
    .modal-booking-form .modal-header h2 {font-size: 2.2em;}

    .modal-booking-form .modal-content {padding: 0.8rem 0.6rem 0.3rem 0.6rem;}
    .modal-booking-form .modal-header p.mb-2 { margin-bottom: 0.8rem !important; }


    /* modal - Timer */
    .timer-info-modal h2 {font-size: 1.8em;}
    .timer-info-modal h2 span svg { width:24px; height:24px;}

}