html,
body {
    height: 100%;

}
.clearfix {clear:both;width:100%;display:block;height:22px;float:none;}
.text-center {margin:0 auto;text-align:center;margin-bottom:30px;}
.text-center img {margin:0 auto;display:block;max-width:100%;}
.imagebg {
    background-image: url("images/bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.form-cont {
    width:70%;
    margin: 70px auto 10px;
    padding: 30px;
    background-color: #fff !important;
    position: relative;
}

.form-cont h2 {font-weight:300;font-size:28px;}
.form-cont p {font-weight:300;line-height:19px;font-size:13px;color:#555;}
.form-cont .row {
    margin-bottom: 0;
}
#success_message h4 {font-size:22px;color:#9ccc51}
#error_message h4 {font-size:22px;color:#ab552b}
#error_message {border:1px solid #ab552b;background:#e6c0c0;padding:10px;margin:10px;}
#error_message ul {margin-left:40px;}
#error_message ul, #error_message ul li {list-style-type:disc;}
/* label color */
.input-field label {
    color: #9c9c9c;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #9c9c9c;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #9c9c9c;
    box-shadow: 0 1px 0 0 #9c9c9c;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #9c9c9c;
    box-shadow: 0 1px 0 0 #9c9c9c;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #9c9c9c;
    box-shadow: 0 1px 0 0 #9c9c9c;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #9c9c9c;
}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #009ddc;
    box-shadow: 0 1px 0 0 #009ddc;
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #009ddc;
}

.picker__clear, .picker__today {display:none !important;}
.form-cont .btn {
    background-color: #009ddc;

}
.submitbtn {
    line-height: 48px;
    display: block;
    height: 48px;
    width: 100%;
    max-width:300px;
    margin:0 auto;
}
.form-cont h3 {
    font-size: 43px;
    font-weight:300;
    margin: 0;
    padding-bottom: 25px;
    text-transform: uppercase;
    text-align:center;
    color:#0094aa;

}
@media  all and (max-width: 840px) {
    .form-cont {
        position: relative;
        z-index:101;
        width: 98%;
        background: #fff !important;
        margin:20px auto;
    }
    .form-cont h3 {
        font-size: 24px;
        top: -26px;
    }
}

.input-field>label { top: 6px }
.select-wrapper+label { top: -26px }

.invalid-feedback { color: #dc1a9b; font-style: italic; }

.enroll-price { margin: 30px 0; text-align: center }

.enroll-price p {
    font-size: 20pt;
}
.enroll-price span {  font-weight: bold }

.check-label span { color: black }
.turns-select > label {     top: -32px;
    font-size: .8rem; }

.logo-cont {
    display: flex;column-gap: 8em;
    justify-content: space-between;align-items: center;justify-content: center;
    margin-bottom: 30px;
}
.easy-logo { width: 200px }
.yanah-logo { width: 150px }

@media only screen and (max-width: 768px) {
    .easy-logo { width: 120px }
    .yanah-logo { width: 90px }
    .logo-cont { column-gap: 1em }
}

.turns-select > p, .options-select > p { padding: 5px 0; }

.with-field, .addon-field { float: left }
.addon-field {
    margin: 0 0 0 20px;
}
.addon-field input[type=text] {
    height: 2em;
}
.addon-field > label {
    top: -2px;
}

.options-select p:after {
    content: "";
    clear: both;
    display: table;
}
.d-none {
    display: none;
}
.disabled-turn > span { color: #AAA }
.last-alert { padding-left: 10px; font-style: italic; font-weight: bold }
.row.consent > .input-field { margin-top: 5px; margin-bottom: 5px }
.success-cont p { text-align: center; font-size: 14pt; color: #222; line-height: 24pt }

.gender-no-place { display: none }
.select-wrapper * { transition: none !important; transform: none !important; }
.dropdown-content.select-dropdown, .dropdown-content.select-dropdown * { transition: none !important; transform: none !important; }

.dropdown-content-datepicker {
    position: fixed;
    height:300px !important;
    top: 10% !important;
}

.turns-select p > .last-alert:last-of-type {
    display: none;
}


.plus-minus-input {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.plus-minus-input .input-group-field {
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 1rem;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.plus-minus-input .input-group-button .circle {
    border-radius: 50%;
    padding: 0.25em 0.8em;
}

.counter { float: left; width: 230px }

@media  all and (max-width: 840px) {
    body .counters-cont { display: block; }
    .counter {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    body .part-section { width: 94%;
        margin: 3%; }
    body .room-types-cont .price-cont {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 12pt;
    }
    body .room-types-cont .card .card-content {
        width: 100%;
    }
}

#adultCount, #childCount, #youngCount { width: 110px; text-align: center }
.counter label[for="adultCount"], .counter label[for="childCount"],
    .counter label[for="youngCount"] { transform: translateY(-14px) scale(0.8); }
.room-type-tpl, .room-tpl, .part-tpl { display: none }

.room-types-cont .card .card-image .card-title, .rooms-row .card .card-image .card-title {
    color: rgba(0,0,0,0.87);
    position: relative;
    display: block;
}
.rooms-row .card .card-image {
    border-bottom: solid 1px #ccc;
}
.room-types-cont .card .card-content {
    padding-top: 10px;
    width: 75%;
}
.room-types-cont .card .card-image .card-title {
    padding-bottom: 0;
}
.room-types-cont .btn-floating.halfway-fab { bottom: -5px; }
.room-types-cont .price-cont {
    position: absolute;
    bottom: 35px;
    right: 70px;
    font-size: 14pt;
}
.part-section { width: 45%; padding: 20px; float:left; margin: 25px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    position: relative;
}
.room-section .card { min-height: 100px }
.room-section .valign-wrapper { flex-direction: row-reverse; height: 73px; padding-right: 30px }
.room-section .btn { background-color: #26a69a }
.room-section .card-title {
    float: left;
}
.room-section .fixed-action-btn {
    position: relative;
    float: left; padding-top: 20px;
    margin-top: 20px; margin-left: 15px;
}
.room-section .fixed-action-btn.direction-right ul {
    left: 44px;
    top: 38px;
}

.counters-cont { display: flex; justify-content: center; }
.part-section .del-part.btn-floating {
    position: absolute; right: 15px;
    width: 22px; height: 22px;
    background-color: #cfa862;
}
.part-section .del-part.btn-floating > i { width: 22px; height: 22px; line-height: 22px }

.room-section .card-image .room-remove {
    width: 22px; height: 22px;
    background-color: #cfa862;
    margin-left: 15px;
}
.room-section .card-image .room-remove > i {
    width: 22px; height: 22px; line-height: 22px
}
.with-extra-field label.check-label, .with-extra-field .extra-field-row {
    width: 50%; float: left;
}
.with-extra-field label.check-label {
    line-height: 36px;
    margin-top:7px;
}
body .extra-field-row .input-field {
    margin: 0;
}
body .extra-field-row .input-field input, body .extra-field-row .input-field select {
    height: 2.5rem;
    margin-bottom: 5px;
}
.extra-field-row {
    display: none;
}
.with-extra-field {
    width: 100%;
}
.equip-form {
    /* background-color: #ffe7d2; */
    border: solid 1px #ddd;
    padding: 10px;
}
.room-feedback {
    padding: 10px;
}
.form-cont .participant-services {
    font-size: 13pt;
    color: rgba(0,0,0,0.87);
    margin-bottom: 24px;
}
.fv-copy p {
    padding-top: 10px;
}