body{font-size: 10px; font-family: 'Nunito Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;}

.hide,
.hidden {
    display: none !important;
}
/* Color btn */
.btn{border-radius: 0;}
.btn-warning {color: #fff; background-color: #f3ab1f;  border-color: #f3ab1f; font-weight: 800; text-transform: uppercase; }
button.btn-warning {background-color: #f3ab1f;}
.btn-warning:hover{color: #fff;}


.btn-secondary.disabled, .btn-secondary.disabled:hover { background: #DEDFDF; color: #808080;}


.btn.submited, .btn.submited:active,
.btn.submited:focus, .btn.submited:hover{cursor: progress; background: #F9D58F !important; color:#202027 !important; }


.btn-warning-br{border: 1px solid #ed9112 !important; color: #ed9112;  font-weight: 800; text-transform: uppercase; }
.btn.btn-warning-br, .btn.btn-warning-br:focus,
.btn.btn-warning-br:active:focus, .btn.btn-warning-br.active:focus,
.btn.btn-warning-br.focus, .btn.btn-warning-br:active.focus{border: 1px solid #ed9112 !important; color: #ed9112;}


/* Color badge */
.badge{white-space: normal;}
.badge-success{color: #202027;background-color: #c1e1c1;  border-color: #c1e1c1; }
.badge-warning{background-color: #f3ab1f; color: #202027;}
.badge-new {
    color: #146246;
    background-color: #CCF3CB;
    padding: 5px 10px;
    border-radius: 3px;
}

/* Color text */
.text-warning {color: #db9b20 !important;}
.text-secondary{color: #c9cac3 !important;}
.text-green{color: #13948F !important;}
.text-dark-blue{color: #002747 !important;}
.text-gray{color: #85909A!important;}

/* Color background */
.bg-dark{background: #202027!important;}
.bg-light{background: #f5f5f5!important;}
.bg-light-gray{background: #FAFAFA!important;}

.bg-gray{background: #eaeaea!important;}
.bg-gray-2{background:#e8e8e9!important;}


.bg-white{background: #fff!important;}

/* validated form */
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus{border-color:#21aa81;}

.was-validated .form-control:invalid, .form-control.is-invalid {border-color:  #e17272;}

.invalid-feedback{color: #e17272 ; font-size: 1.2em; line-height:1.2; margin-top: 0;}
.invalid-feedback a{text-decoration: underline; }
.invalid-feedback a:hover{color: #e17272 ;}


/* h size */
h2{font-size: 2em; font-weight: 700;}

.small-bold{font-weight: 600;}
.mt-6{ margin-top: 3.5rem !important;}
.mt-7{ margin-top: 6rem !important;}

b, strong {font-weight: 700;}

a{color:  inherit;}

input::-ms-clear { display: none;}

.hidden {display: none !important;}

/* BEGIN: input tab focus styles for ADA compliance */
.form-control:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus,
select:focus,
.btn-warning:focus, 
.btn-warning.focus {box-shadow:none;border-color: #000;}
:focus,
:focus-visible {
    outline-color: #000;
}
/* END: input tab focus styles for ADA compliance */

textarea {resize:none;}

input:not([type="checkbox"]):not([type="radio"]), textarea, select {
    -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}


/* Pagination*/
.page-navigation{ margin-top: 1rem;}
.page-navigation .pagination{-ms-flex-pack: end !important;
    justify-content: flex-end !important;}
.page-navigation .pagination li{font-size: 1.6em; font-weight: 600; background: #fff; margin: 3px 0; border-right: 0!important;}
.page-navigation .pagination li:first-child{margin-left: 5px;}
.page-navigation .pagination li:last-child{}
.page-navigation .pagination li a{color: #202027;outline: none  !important; box-shadow: none  !important;}
.page-navigation .pagination li.disabled{display: none;}

.page-navigation .pagination li a:hover, .page-navigation .pagination li.active a{color: #F3AB1F; background: transparent;}

.page-navigation .pagination li.prev .page-link, .page-navigation .pagination li.next .page-link{background: #F5F5F5;}


/* Position for Display */
.for-mobile, .for-tablet, .for-mobile-inline, .for-tablet-inline, .for-mobile-flex, .for-tablet-flex{display: none !important;}
.for-tablet.for-mobile, .for-tablet-inline.for-mobile-inline, .for-tablet-flex.for-mobile-flex  {display: none !important;}

.for-tablet.for-desktop{display: block!important;}
.for-tablet-inline.for-desktop-inline{display: inline!important;}
.for-tablet-flex.for-desktop-flex{display: flex !important;}

.for-mobile-small{display: none;}
.for-mobile-small-big{}

/* TM */
body b.trademark-name {font-weight: inherit;font-family: inherit; color: inherit;position: relative;}
body b.trademark-name sup {top: -1.8em; font-size: .28em;text-decoration: none !important;
    margin-left: 1px; position: relative;letter-spacing: 0.5px;}
body b.trademark-name.transform sup {top: -1.65em;}
body h4.trademark-name {font-weight: inherit;font-family: inherit; color: inherit;position: relative;}
body h4.trademark-name sup {top: -1.8em; font-size: .28em;text-decoration: none !important;
    margin-left: 1px; position: relative;letter-spacing: 0.5px;}
body h4.trademark-name.transform sup {top: -1.65em;}


/* popup - learnmore */
.pr-block{font-size: 1.6em; line-height: 1.2; width: 100%; }
.pr-block img{ width: 16px; height: 16px;  margin-right: 6px !important; margin-top: -3px; display: inline-block; }
.pr-block a, .pr-block a:hover {color: #212529; text-decoration: underline;}


/* stars */
.stars img{height: 12px; width: 12px; min-width: 12px; margin-right: 7px; }
.stars img:last-child{margin: 0 !important;}

/* checkbox */
.promoted-input-checkbox { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;  padding: 0;
    position: absolute; width: 0; z-index: 1}

.promoted-checkbox input:checked + label > svg { height: 10px; width: 10px; margin-top: 1px;
    -webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
    animation: draw-checkbox ease-in-out 0.2s forwards;}
.promoted-checkbox label { cursor: pointer;  padding: 0 0 0 24px; position: relative; color: #85909A;}
.promoted-checkbox label:active::after { background-color: #e6e6e6;}
.promoted-checkbox label::after {  content: " ";  height: 16px;  width: 16px;  margin-right: 1rem;
    border: 1px solid #c5c5c5;  border-radius: 0; position: absolute; left: 0; top:2px;
    box-shadow: inset 10px 10px 10px rgba(0, 0, 0, .02);
    -webkit-transition: 0.15s all ease-out;
    transition: 0.15s all ease-out; background-color: #fff;}


.promoted-checkbox svg { stroke: #002747; stroke-width: 5px; height:0; width: 0;
    position: absolute; left: 3px;  top: 4px; stroke-dasharray: 33; z-index: 2; }

/* breadcrumb-search */
.breadcrumb-search{padding: 2rem 0 2rem 0;}

.breadcrumb-search .breadcrumb{padding: 0; margin: 0; background: transparent; font-size: 1.2em; color: #85909A; font-weight: 600;
    width: 100%;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; display: block !important;}
.breadcrumb-search .breadcrumb li{display: inline;}

.breadcrumb-search .breadcrumb a{text-decoration: underline;}
.breadcrumb-search .breadcrumb a, .breadcrumb-item.active {color: #85909A;}
.breadcrumb-search .breadcrumb > li + li::before { color: #85909A;  content: "/";  padding: 0 5px;}

#mobile-indicator {width:0; height:0;}

.no-wrap {white-space: nowrap;}

/* timer CR - CO */
.timer-wrap{}
.timer-wrap .time-left{ padding: 10px 10px; margin: 0; text-align: center;
    color: #202027; font-size: 1.6em; line-height: 1.6em; font-weight: 600; background: #EFCFCF;}
.timer-wrap .time-left .text-time{color: #810e0e; font-weight: 800;}
.timer-wrap .time-left .clock-icon{}
.timer-wrap .time-left .text-time span.unvisible{opacity:0;visibility: hidden;}


.timer-wrap .time-left .clock-icon svg{height: 12px; width: 12px;  cursor: pointer;  margin-left: 5px; position: relative; top:-1px;}
.timer-wrap .time-left .clock-icon svg .cls-1 {fill: #202027;}
.timer-wrap .time-left .clock-icon svg .cls-2 { fill: none; stroke: #202027; stroke-miterlimit: 10; stroke-width: 40px;}

.nodeals-button {
    margin-top: 16px;
}
.nodeals-button a {
    color: #FFFFFF !important;
    background: #298FC5;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 900;
    line-height: 38px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.nodeals-button a:hover {
    text-decoration: none !important;
}

/* footer without margin on same pages */
.footer .footer-padding.no-footer-margin { margin:0;}


/* Adaptiv MAX
-------------------------------------------------- */
@-webkit-keyframes draw-checkbox { 0% {stroke-dashoffset: 33;} 100% {stroke-dashoffset: 0;} }
@keyframes draw-checkbox {  0% {stroke-dashoffset: 33;} 100% {stroke-dashoffset: 0;} }


.container-p2 {width: 100%;  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
.max-container-1280{max-width: 100% !important; width: 1280px !important; padding: 0;}

/* Strip tailwind styles */
.default-styles * {
    all: unset;
    display: revert;
}

.default-styles h1, .default-styles h2, .default-styles h3,
.default-styles h4, .default-styles h5, .default-styles h6 {
    font-size: revert;
    font-weight: revert;
    margin: revert;
    line-height: revert;
}

.default-styles p {
    margin: revert;
    font-size: revert;
    line-height: revert;
}

.default-styles ul, .default-styles ol {
    list-style-type: revert;
    margin: revert;
    padding-left: revert;
}

.default-styles li {
    list-style-position: revert;
    margin-bottom: revert;
}

.default-styles a {
    color: revert;
    text-decoration: revert;
}

@media (max-width: 1360px){

    .container.container-1280{max-width: 100%; width: 100%; padding: 0 40px;}
    header .container.container-1280 { padding: 0 20px; }

}

@media (max-width: 1199.98px){
    header .container.container-1280 { padding: 0 10px; }
}

@media (max-width: 991.98px){

    #mobile-indicator {position: absolute;}

    /* Position for Display */
    .for-tablet{display: block !important; }
    .for-mobile, .for-desktop{display: none !important;}

    .for-desktop.for-tablet{display: block !important;}
    .for-tablet.for-mobile{display: block !important;}

    .for-desktop.for-mobile{display: none !important;}

    .for-tablet-inline{display: inline !important; }
    .for-tablet-flex{display: flex !important; }
    .for-mobile-inline, .for-desktop-inline{display: none !important;}
    .for-mobile-flex, .for-desktop-flex{display: none !important;}

    .for-desktop-inline.for-tablet-inline{display: inline !important;}
    .for-desktop-flex.for-tablet-flex{display: flex !important;}
    .for-tablet-inline.for-mobile-inline{display: inline !important;}
    .for-tablet-flex.for-mobile-flex{display: flex !important;}

    .for-desktop-inline.for-mobile-inline{display: none !important;}
    .for-desktop-flex.for-mobile-flex{display: none !important;}
}

@media (max-width: 768px){

    .container.container-1280 { padding: 0 15px;}
    .container  .reservation-block .container-p2{width: 100%; padding-right: 30px;  padding-left: 30px;}


    /* page CR, CO, TP - header hotel */
    .header-hotel{ padding: 1.5rem 0 1.5rem 0; }

}

@media (max-width: 767.98px){

    #mobile-indicator {position: relative;}

    /* popup - learnmore */
    .pr-block img{display: none}

    /* Position for Display */
    .for-mobile{display: block !important;}
    .for-tablet, .for-desktop{display: none !important;}

    .for-desktop.for-mobile{display: block !important;}
    .for-tablet.for-mobile{display: block !important;}

    .for-desktop.for-tablet{display: none !important;}


    .for-mobile-inline{display: inline !important;}
    .for-mobile-flex{display: flex !important;}
    .for-tablet-inline, .for-desktop-inline{display: none !important;}
    .for-tablet-flex, .for-desktop-flex{display: none !important;}

    .for-desktop-inline.for-mobile-inline{display: inline !important;}
    .for-desktop-flex.for-mobile-flex{display: flex !important;}
    .for-tablet-inline.for-mobile-inline{display: inline !important;}
    .for-tablet-flex.for-mobile-flex{display: flex !important;}

    .for-desktop-inline.for-tablet-inline{display: none !important;}
    .for-desktop-flex.for-tablet-flex{display: none !important;}

    /* page CR, CO, TP - header hotel */
    .header-hotel .body{ padding-right: 0!important;}
    .header-hotel .body p{text-align: center;}


    /* Pagination*/
    .page-navigation .pagination{-ms-flex-pack: center  !important;  justify-content: center !important;}
}

@media (max-width: 575.98px){

    .container{padding: 0 15px;}
    .container-p2 {padding-right: 15px;  padding-left: 15px;}
    .max-container-1280{padding: 0;}
    .container  .reservation-block  .container-p2{padding-right: 15px;  padding-left: 15px;}


    .for-mobile-small-big{display: none !important;}
    .for-mobile-small{display: block;}

    /* popup - learnmore */
    .pr-block {font-size: 1.4em;}

    .nodeals-button {
        margin-top: 14px;
    }
    .nodeals-button a {
        padding: 6px 16px;
        font-size: 14px;
        line-height: 30px;
    }
}

@media (max-width: 400px){

    /* popup - learnmore */

    /* timer CR - CO */
    .timer-wrap .time-left{font-size: 1.4em; line-height: 1.4em; font-weight: 600;}
    .timer-wrap .time-left .clock-icon svg { margin-left: 3px;}
}

@media (max-width: 339px){
    .nodeals-button a {
        padding: 6px 14px;
        font-size: 12px;
        line-height: 30px;
    }
}

/* Adaptiv MIN
-------------------------------------------------- */


@media (min-width: 576px){

    .container-p2{width: 500px;}


}

@media (min-width: 768px){

    .container-p2{width: 650px;}

}

@media (width: 768px){

    .container-p2{width: 690px;}
    .container .container-p2{width: 100%;}

}

@media (min-width: 992px){

    .container { max-width: 900px;}
    .container-p2{width: 820px}

}

@media (min-width: 1200px){

    .container { max-width: 1140px;}
    .container-p2{width: 1060px; }

}

@media (min-width: 1360px){

    .container-1280{max-width: 1280px !important; width: 1280px !important; padding: 0;}

    .booking-nodeals-page .container-p2,
    .booking-checkrates-page .container-p2{max-width: 1080px !important; width: 1080px !important;}

}