body{
    font-family: 'Open Sans', sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif !important;
}
.row{
    margin-left: 0px;
    margin-right: 0px;
}
.alerts-wrapper{
    position: absolute;
    z-index: 10000;
    margin-left: auto;
    margin-right: auto;
    display: block;
    right: 2px;
    max-width: 400px;
    margin-top: 2px; 
    top: 0px;
}
.login-box{
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
}
.alert-success { 
    color: #446B66; 
    background-color: #D9E8E6; 
    border-color: #D9E8E6; 
}
.alert { 
    margin-bottom: 10rem; 
}
.menu-box{
    background: #F0F3F3;
    padding-top: 25px;
    padding-bottom: 75px;
}
.menu-box__logo img{
    width: 300px;
    height: auto;
    position: relative;
    left: -17px;
}
.menu-box nav.navbar{
    background-color: transparent !important;
    padding-left: 0px;
    padding-right: 0px;
}
.menu-box .navbar .collapse ul.navbar-nav{
    margin-right: 0px !important;
    margin-left: auto;
}
.menu-box .navbar .collapse ul li.dropdown{
    padding-right: 80px;
}
.menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle{
    color: #2B504B;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    font-weight: 600;
    padding-left: 0px;
}
.menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle i{
    display: none;
}
.menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle::after{
    display: none;
}
.dropdown-item{
    padding: .2rem 1.65rem;
}
.menu-box .navbar .collapse ul li.dropdown .dropdown-menu{
    background: rgba(43, 80, 75, 0.9);
    margin-top: 2px;
    border: none;
    border-radius: 0px;
    margin-left: 2px;
}
.menu-box .navbar .collapse ul li.dropdown .dropdown-menu::before{
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 23px solid rgba(43, 80, 75, 0.9);
    border-bottom: none;
    position: absolute;
    left: 0px;
    top: -11px;
}
.menu-box .navbar .collapse ul li.dropdown .dropdown-menu a{
    color: white;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    background: transparent;
}
.menu-box .navbar .collapse ul li.nav-item__icon i{
    color: #2B504B;
    font-size: 18px;
    position: relative;
    top: 11px;
}
.menu-box__dropdown-header{
    display: none;       
}


.body-box__login__form .alert-danger ~ .input-group input[type="email"]{
    border-color: #F5A9A9;
}

@media screen and (max-width: 992px){
    .menu-box{
        padding-top: 16px;
        padding-bottom: 23px;
    }
    .menu-box .navbar{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .menu-box .navbar .menu-box__logo{
        padding-top: 0px;
        padding-bottom: 0px;
        margin-right: 0px;
    }
    .menu-box .navbar .collapse ul.navbar-nav{
        display: block;
        flex-direction: unset;
    }
    .menu-box .navbar .collapse ul.navbar-nav li.dropdown{
        display: inline-block;
        position: relative;
        padding-right: 0px;
        width: max-content;
    }
    .menu-box .navbar .collapse ul.navbar-nav li.nav-item__icon {
        display: inline-block;
        padding-left: 20px;
    }
    .menu-box__logo img{
        position: relative;
        left: -15px;
        width: 225px;
    }
    .menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle span.menu-box__dropdown-text-desktop{
        display: none;
    }
    .menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle i.fa-grip-lines{
        display: block;
        font-size: 19px;
    }
    .menu-box .navbar .collapse ul li.dropdown.show a.dropdown-toggle i.fa-grip-lines{
        display: none;
    }
    .menu-box .navbar .collapse ul li.dropdown a.dropdown-toggle i.fa-plus{
        display: none;
        font-size: 19px;
        transform: rotate(45deg);
    }
    .menu-box .navbar .collapse ul li.dropdown.show a.dropdown-toggle i.fa-plus{
        display: block;
    }
    .menu-box .navbar .collapse{
        width: auto;
        flex: none;
        display: inline-block;
    }
    .menu-box .navbar .collapse ul li.nav-item__icon i{
        top: 0px;
    }
    .menu-box .navbar .collapse ul li.dropdown .dropdown-menu::before{
        right: 0px;
        top: -11px;
        left: auto;
        border-top: 12px solid transparent;
        border-right: 27px solid #2B504B;
        border-left: unset;
        border-bottom: 0px solid transparent;
    }
    .menu-box .navbar .collapse ul li.dropdown .dropdown-menu{
        float: right !important;
        left: auto;
        right: 15px;
        margin-top: 8px;
        position: absolute;
        padding: 10px 35px;
        min-width: 223px;
        border: 0;
        background-color: #2B504B;
    }
    .menu-box .navbar .collapse ul li.dropdown .dropdown-menu a{
        text-align: center;
        padding: 0px;
    }
    .menu-box__dropdown-header{
        display: block;
        line-height: 30px;
        cursor: unset;
        background: transparent !important;
        color: white !important;
        font-size: 16px;
        text-align: center;
        margin-bottom: 5px;
        padding: 0px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 380px) and (min-width: 356px){
    .menu-box__logo img{
        width: 215px;
    }
}
@media screen and (max-width: 355px){
    .menu-box__logo img{
        width: 200px;
    }
}

.footer-box{
    background-color: #367B9B;
    padding-top: 60px;
}
.footer-box__info{
    padding-bottom: 50px;
}
.footer-box__info h2{
    font-size: 20px;
    color: white;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.footer-box__info__content a, .footer-box__info__content p{
    font-size: 16px;
    color: white;
    line-height: 30px;
    font-weight: 400;
    display: block;
    margin-bottom: 0px;
}
.footer-box__info__link-page{
    padding-top: 29px;
}
.footer-box__info__link-page a{
    font-size: 16px;
    color: white;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.footer-box__year{
    padding-bottom: 13px;
}
.footer-box__year p{
    margin-bottom: 0px;
    color: white;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}
.footer-box__second-part{
    border-top: 1px dashed #FFFFFF33;
    padding-top: 13px;
}

@media screen and (max-width: 767px){
    .footer-box{
        padding-top: 30px;
    }
    .footer-box__info{
        padding-bottom: 17px;
    }
    .footer-box__info__link-page{
        padding-top: 10px;
        text-align: center;
    }
    .footer-box__info h2{
        text-align: center;
    }
    .footer-box__info__left{
        padding-bottom: 27px;
    }
    .footer-box__info__right h2{
        display: none;
    }
    .footer-box__info__content a, .footer-box__info__content p{
        text-align: center;
        line-height: 27px;
    }
    .footer-box__info__link-page a{
        line-height: 27px;
    }
    .footer-box__second-part{
        padding-top: 11px;
    }
    .footer-box__year{
        padding-bottom: 11px;
    }
}


/* -------------- */
.body-box__register{
    padding-top: 160px;
    padding-bottom: 240px;
}
.body-box__register__intro h1{
    display: block;
    text-align: right;
    color: #507A74;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.body-box__register__intro p{
    display: block;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0px;
}
.body-box__register__form form[name="registration_form"]{
    float: left;
    padding-left: 2em;
}
.body-box__register__form form[name="registration_form"] label{
    font-size: 0px;
}
.body-box__register__form__agree-terms > div{
    display: flex;
    flex-direction: column;
    padding-top: 3px;
}
.body-box__register__form__agree-terms__text{
    display: inline;
    width: auto;
    max-width: 280px;
    font-size: 15px;
    color: #999999;
    line-height: 1.4;
    order: 3;
    margin-right: 0;
    margin-left: 25px;
    margin-bottom: 0px;
    bottom: 26px;
    position: relative;
}
.body-box__register__form__agree-terms ul{
    order: 1;
    display: block;
    width: 100%;
    max-width: 306px;
    padding-left: 0px;
    list-style: none;
}
.body-box__register__form__agree-terms ul li{
    list-style: none;
    color: #C61515;
    font-size: 15px;
    line-height: 19px;
}
.body-box__register__form label[for="registration_form_agreeTerms"]{
    float: left;
    top: 3px;
    width: 14px !important;
    height: 14px;
    display: inline-block !important;
    cursor: pointer;
    order: 2;
}
.body-box__register__form .body-box__register__form__agree-terms ul ~ label[for="registration_form_agreeTerms"]::before{
    border-color: #F5A9A9 !important;
}
.body-box__register__form form[name="registration_form"] label[for="registration_form_agreeTerms"]::before{
    content: "" !important;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    border: 2px solid #DFDFDF;
    border-radius: 2px;
    background: white;
    position: unset !important;
}
.body-box__register__form form[name="registration_form"] input#registration_form_agreeTerms{
    display: none;
}
#registration_form_agreeTerms:checked ~ label:after{
    content: "";
    position: absolute;
    left: 4px;
    top: 7px;
    background: #E3B442;
    width: 2px;
    height: 2px;
    box-shadow: -1px 0 0 #E3B442, 1px 0 0 #E3B442, 2px 0 0 #E3B442, 2px -1px 0 #E3B442, 2px -2px 0 #E3B442, 2px -3px 0 #E3B442, 2px -4px 0 #E3B442, 2px -5px 0 #E3B442, 2px -6px 0 #E3B442;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: none;
}
#registration_form_agreeTerms:disabled ~ label{
    color: #b8b8b8;
  cursor: auto;
}
.body-box__register__form__element ul ~ input{
    border-color: #F5A9A9 !important;
}

.body-box__register__form form[name="registration_form"] input[type="text"],
.body-box__register__form form[name="registration_form"] input[type="email"],
.body-box__register__form form[name="registration_form"] input[type="password"]{
    border: 3px solid #DFDFDF;
    font-size: 16px;
    text-align: center;
    outline: none;
    margin-bottom: 4px;
    border-radius: 2px;
    width: 306px;
    height: 44px;
    padding: 5px 20px;
    box-shadow: none;
}
.body-box__register__form form[name="registration_form"] input[type="text"]::placeholder,
.body-box__register__form form[name="registration_form"] input[type="email"]::placeholder,
.body-box__register__form form[name="registration_form"] input[type="password"]::placeholder{
    color: #999999;
}
.body-box__register__form form[name="registration_form"] label.required{
    position: relative;
}
.body-box__register__form form[name="registration_form"] label.required::before{
    content: "*";
    color: #E3B442;
    position: absolute;
    font-size: 15px !important;
    left: 7px;
    bottom: 22px;
}
.body-box__register__form form[name="registration_form"] button.btn{
    background: #E3B442 !important;
    border: 2px solid #E3B442 !important;
    box-shadow: none !important;
    outline: none;
    color: white;
    width: 306px;
    height: 44px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 0px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    bottom: 5px;
}
.body-box__register__form form[name="registration_form"] button.btn:hover,
.body-box__register__form form[name="registration_form"] button.btn:disabled{
    border-color: #E3A342 !important;
    background: #E3A342 !important;
    opacity: 1;
}
.body-box__register__form__star{
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    color: #999999;
    padding-left: 7px;
    padding-bottom: 1em;
    margin-bottom: 5px;
    padding-top: 3px;
}
.body-box__register__form__star span{
    color: #E3B442;
    font-size: 15px;
}
form[name="registration_form"] .body-box__register__form__element div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
form[name="registration_form"] .body-box__register__form__element div label{
    order: 3;
}
form[name="registration_form"] .body-box__register__form__element div ul{
    order: 1;
}
form[name="registration_form"] .body-box__register__form__element div input{
    order: 2;
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .body-box__register .col-md-6.body-box__register__intro,
    .body-box__register .col-md-6.body-box__register__form{
        display: block;
        width: 100%;
        flex: unset;
        max-width: unset;
    }
}

@media screen and (max-width: 992px){
    .body-box__register{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .body-box__register__intro h1{
        width: 100%;
        text-align: center;
        display: block;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .body-box__register__intro p{
        text-align: center;
        max-width: unset;
        margin-right: auto;
        padding: 0 3em 0.8em 3em;
    }
    .body-box__register__form form[name="registration_form"]{
        float: none;
        width: 100%;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
    .body-box__register__form form[name="registration_form"] input[type="text"], 
    .body-box__register__form form[name="registration_form"] input[type="email"], 
    .body-box__register__form form[name="registration_form"] input[type="password"]{
        display: block;
        width: 100%;
    }
    .body-box__register__form form[name="registration_form"] label.required{
        display: block;
        width: 100%;
    }
    .body-box__register__form form[name="registration_form"] button.btn{
        display: block;
        width: 100%;
    }
    .body-box__register__form form[name="registration_form"] label[for="registration_form_plainPassword"]::after{
        top: 60px;
    }
}

@media screen and (max-width: 550px){
    .body-box__register__form form[name="registration_form"] input[type="text"], 
    .body-box__register__form form[name="registration_form"] input[type="email"], 
    .body-box__register__form form[name="registration_form"] input[type="password"]{
        font-size: 15px;
    }
}



.body-box__login{
    padding-top: 160px;
    padding-bottom: 240px;
}
.body-box__login__intro h1{
    display: block;
    text-align: right;
    color: #507A74;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.body-box__login__intro p{
    display: block;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0px;
}
.body-box__login__form form{
    float: left;
    padding-left: 2em;
}
.body-box__login__form form label{
    font-size: 0px;
}
.body-box__login__form form input[type="text"],
.body-box__login__form form input[type="email"],
.body-box__login__form form input[type="password"]{
    border: 3px solid #DFDFDF;
    font-size: 16px;
    text-align: center;
    outline: none;
    margin-bottom: 4px;
    border-radius: 2px !important;
    width: 306px;
    height: 44px;
    padding: 5px 20px;
    position: unset;
    box-shadow: none;
}
.body-box__login__form form input[type="text"]::placeholder,
.body-box__login__form form input[type="email"]::placeholder,
.body-box__login__form form input[type="password"]::placeholder{
    color: #999999;
}
.body-box__login__form form label.required{
    position: relative;
}
.body-box__login__form form label.required::before{
    content: "*";
    color: #E3B442;
    position: absolute;
    font-size: 15px !important;
    left: 7px;
    bottom: 22px;
    z-index: 10;
}
.body-box__login__form form .input-group{
    margin-bottom: 0px !important;
}
.body-box__login__form form button.btn{
    background: #E3B442 !important;
    border: 2px solid #E3B442 !important;
    box-shadow: none !important;
    color: white;
    outline: none;
    width: 306px;
    height: 44px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.body-box__login__form form button.btn:hover,
.body-box__login__form form button.btn:disabled{
    border-color: #E3A342 !important;
    background: #E3A342 !important;
    opacity: 1;
}
.body-box__login__form__forgot-password{
    color: #E3B442 !important;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    display: block;
    margin-top: 20px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.body-box__login__form .input-group {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.body-box__login__form .input-group label{
    order: 3;
}
.body-box__login__form .input-group ul{
    order: 1;
}
.body-box__login__form .input-group input{
    order: 2;
}
.body-box__login__form__star{
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    color: #999999;
    padding-left: 7px;
    padding-bottom: 1em;
    padding-top: 3px;
}
.body-box__login__form__star span{
    color: #E3B442;
    font-size: 15px;
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .body-box__login .col-md-6.body-box__login__intro,
    .body-box__login .col-md-6.body-box__login__form{
        display: block;
        width: 100%;
        flex: unset;
        max-width: unset;
    }
}

@media screen and (max-width: 992px){
    .body-box__login{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .body-box__login__intro h1{
        width: 100%;
        text-align: center;
        display: block;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .body-box__login__intro p{
        text-align: center;
        max-width: unset;
        margin-right: auto;
        padding: 0 3em 0.8em 3em;
    }
    .body-box__login__form form{
        float: none;
        width: 100%;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
    .body-box__login__form form input[type="text"], 
    .body-box__login__form form input[type="email"], 
    .body-box__login__form form input[type="password"]{
        display: block;
        width: 100%;
    }
    .body-box__login__form form label.required{
        display: block;
        width: 100%;
    }
    .body-box__login__form form button.btn{
        display: block;
        width: 100%;
    }
    .body-box__login__form form label[for="registration_form_plainPassword"]::after{
        top: 60px;
    }
    .body-box__login__form form label[for="registration_form_agreeTerms"]{
        margin-left: unset;
        margin-right: unset;
        max-width: unset;
        width: 90%;
        display: inline;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 550px){
    .body-box__login__form input[type="text"], 
    .body-box__login__form input[type="email"], 
    .body-box__login__form input[type="password"]{
        font-size: 15px !important;
    }
}



.body-box__change-profile{
    padding-top: 160px;
    padding-bottom: 240px;
}
.body-box__change-profile__intro h4{
    display: block;
    text-align: right;
    color: #507A74;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.body-box__change-profile__intro p{
    display: block;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0px;
}
.body-box__change-profile__form form[name="edit_customer"]{
    float: left;
    padding-left: 2em;
}
.body-box__change-profile__form form[name="edit_customer"] label{
    font-size: 0px;
}
.body-box__change-profile__form form[name="edit_customer"] label[for="registration_form_agreeTerms"]{
    display: inline;
    font-weight: 400;
    padding-top: 5px;
    font-size: 14px;
    width: 93%;
    float: right;
    position: unset;
}
.body-box__change-profile__form form[name="edit_customer"] input[type="text"],
.body-box__change-profile__form form[name="edit_customer"] input[type="email"],
.body-box__change-profile__form form[name="edit_customer"] input[type="password"]{
    border: 3px solid #DFDFDF;
    font-size: 16px;
    text-align: center;
    outline: none;
    margin-bottom: 4px;
    border-radius: 2px;
    width: 306px;
    height: 44px;
    padding: 5px 20px;
    box-shadow: none;
}
.body-box__change-profile__form form[name="edit_customer"] input[type="text"]::placeholder,
.body-box__change-profile__form form[name="edit_customer"] input[type="email"]::placeholder,
.body-box__change-profile__form form[name="edit_customer"] input[type="password"]::placeholder{
    color: #999999;
}
.body-box__change-profile__form form[name="edit_customer"] label.required{
    position: relative;
}
.body-box__change-profile__form form[name="edit_customer"] label.required::before{
    content: "*";
    color: #E3B442;
    position: absolute;
    font-size: 15px !important;
    left: 7px;
    bottom: 22px;
}
.body-box__change-profile__form form[name="edit_customer"] label[for="registration_form_agreeTerms"]::before{
    display: none;
}
.body-box__change-profile__form form[name="edit_customer"] input#registration_form_agreeTerms{
    float: left;
    position: relative;
    top: 10px;
    left: 0;
}
.body-box__change-profile__form form[name="edit_customer"] button.btn{
    background: #E3B442 !important;
    border: 2px solid #E3B442 !important;
    box-shadow: none !important;
    outline: none;
    color: white;
    width: 306px;
    height: 44px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.body-box__change-profile__form form[name="edit_customer"] button.btn:hover,
.body-box__change-profile__form form[name="edit_customer"] button.btn:disabled{
    border-color: #E3A342 !important;
    background: #E3A342 !important;
    opacity: 1;
}
.body-box__change-profile__form__star{
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    color: #999999;
    padding-left: 7px;
    padding-bottom: 1em;
    padding-top: 3px;
}
.body-box__change-profile__form__star span{
    color: #E3B442;
    font-size: 15px;
}
.body-box__change-profile__form__element div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.body-box__change-profile__form__element div label{
    order: 3;
}
.body-box__change-profile__form__element div ul{
    order: 1;
}
.body-box__change-profile__form__element div input{
    order: 2;
}
.body-box__change-profile__form__element ul ~ input{
    border-color: #F5A9A9 !important;
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .body-box__change-profile .col-md-6.body-box__change-profile__intro,
    .body-box__change-profile .col-md-6.body-box__change-profile__form{
        display: block;
        width: 100%;
        flex: unset;
        max-width: unset;
    }
}

@media screen and (max-width: 992px){
    .body-box__change-profile{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .body-box__change-profile__intro h4{
        width: 100%;
        text-align: center;
        display: block;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .body-box__change-profile__intro p{
        text-align: center;
        max-width: unset;
        margin-right: auto;
        padding: 0 3em 0.8em 3em;
    }
    .body-box__change-profile__form form[name="edit_customer"]{
        float: none;
        width: 100%;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
    .body-box__change-profile__form form[name="edit_customer"] input[type="text"], 
    .body-box__change-profile__form form[name="edit_customer"] input[type="email"], 
    .body-box__change-profile__form form[name="edit_customer"] input[type="password"]{
        display: block;
        width: 100%;
    }
    .body-box__change-profile__form form[name="edit_customer"] label.required{
        display: block;
        width: 100%;
    }
    .body-box__change-profile__form form[name="edit_customer"] button.btn{
        display: block;
        width: 100%;
    }
    .body-box__change-profile__form form[name="edit_customer"] label[for="registration_form_plainPassword"]::after{
        top: 60px;
    }
    .body-box__change-profile__form form[name="edit_customer"] label[for="registration_form_agreeTerms"]{
        margin-left: unset;
        margin-right: unset;
        max-width: unset;
        width: 90%;
        display: inline;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 550px){
    .body-box__change-profile__form form[name="edit_customer"] input[type="text"], 
    .body-box__change-profile__form form[name="edit_customer"] input[type="email"], 
    .body-box__change-profile__form form[name="edit_customer"] input[type="password"]{
        font-size: 15px;
    }
}



.body-box__forgot-password{
    padding-top: 160px;
    padding-bottom: 240px;
}
.body-box__forgot-password__intro h1{
    display: block;
    text-align: right;
    color: #507A74;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.body-box__forgot-password__intro p{
    display: block;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0px;
}
.body-box__forgot-password__form form{
    float: left;
    padding-left: 2em;
}
.body-box__forgot-password__form form label{
    font-size: 0px;
}
.body-box__forgot-password__form form label[for="registration_form_agreeTerms"]{
    display: inline;
    font-weight: 400;
    padding-top: 5px;
    font-size: 14px;
    width: 93%;
    float: right;
    position: unset;
}
.body-box__forgot-password__form form input[type="text"],
.body-box__forgot-password__form form input[type="email"],
.body-box__forgot-password__form form input[type="password"]{
    border: 3px solid #DFDFDF;
    font-size: 16px;
    text-align: center;
    outline: none;
    margin-bottom: 4px;
    border-radius: 2px;
    width: 306px;
    height: 44px;
    padding: 5px 20px;
    box-shadow: none;
}
.body-box__forgot-password__form form input[type="text"]::placeholder,
.body-box__forgot-password__form form input[type="email"]::placeholder,
.body-box__forgot-password__form form input[type="password"]::placeholder{
    color: #999999;
}
.body-box__forgot-password__form form label.required{
    position: relative;
}
.body-box__forgot-password__form form label.required::before{
    content: "*";
    color: #E3B442;
    position: absolute;
    font-size: 15px !important;
    left: 7px;
    bottom: 22px;
    z-index: 10;
}
.body-box__forgot-password__form form label[for="registration_form_agreeTerms"]::before{
    display: none;
}
.body-box__forgot-password__form form input#registration_form_agreeTerms{
    float: left;
    position: relative;
    top: 10px;
    left: 0;
}
.body-box__forgot-password__form form .input-group{
    margin-bottom: 0px !important;
}
.body-box__forgot-password__form form button.btn{
    background: #E3B442 !important;
    border: 2px solid #E3B442 !important;
    box-shadow: none !important;
    color: white;
    outline: none;
    width: 306px;
    height: auto;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    letter-spacing: 1px;
    padding: 8px 12px;
    font-family: 'Open Sans', sans-serif;
}
.body-box__forgot-password__form form button.btn:hover,
.body-box__forgot-password__form form button.btn:disabled{
    border-color: #E3A342 !important;
    background: #E3A342 !important;
    opacity: 1;
}
.body-box__forgot-password__form__forgot-password{
    color: #E3B442;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    display: block;
    margin-top: 20px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.body-box__forgot-password__form__star{
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    color: #999999;
    padding-left: 7px;
    padding-bottom: 1em;
    padding-top: 3px;
}
.body-box__forgot-password__form__star span{
    color: #E3B442;
    font-size: 15px;
}
.body-box__forgot-password__form__element div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.body-box__forgot-password__form__element div label{
    order: 3;
}
.body-box__forgot-password__form__element div ul{
    order: 1;
}
.body-box__forgot-password__form__element div input{
    order: 2;
}
.body-box__forgot-password__form__element ul ~ input{
    border-color: #F5A9A9 !important;
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .body-box__forgot-password .col-md-6.body-box__forgot-password__intro,
    .body-box__forgot-password .col-md-6.body-box__forgot-password__form{
        display: block;
        width: 100%;
        flex: unset;
        max-width: unset;
    }
}

@media screen and (max-width: 992px){
    .body-box__forgot-password{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .body-box__forgot-password__intro h1{
        width: 100%;
        text-align: center;
        display: block;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .body-box__forgot-password__intro p{
        text-align: center;
        max-width: unset;
        margin-right: auto;
        padding: 0 3em 0.8em 3em;
    }
    .body-box__forgot-password__form form{
        float: none;
        width: 100%;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
    .body-box__forgot-password__form form input[type="text"], 
    .body-box__forgot-password__form form input[type="email"], 
    .body-box__forgot-password__form form input[type="password"]{
        display: block;
        width: 100%;
    }
    .body-box__forgot-password__form form label.required{
        display: block;
        width: 100%;
    }
    .body-box__forgot-password__form form button.btn{
        display: block;
        width: 100%;
    }
    .body-box__forgot-password__form form label[for="registration_form_plainPassword"]::after{
        top: 60px;
    }
    .body-box__forgot-password__form form label[for="registration_form_agreeTerms"]{
        margin-left: unset;
        margin-right: unset;
        max-width: unset;
        width: 90%;
        display: inline;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 550px){
    .body-box__forgot-password__form input[type="text"]{
        font-size: 15px !important;
    }
}

.page_home .menu-box{
    position: absolute;
    top: 0px;
    width: 100%;
    background: transparent;
    z-index: 1;
}
.homepage-wrapper__header{
    overflow: hidden;
    height: auto;
    position: relative;
    top: -55px;
}
.homepage-wrapper__background-image{
    height: 100%;
    width: auto;
    min-width: 100%;
    animation: scale 40s linear infinite;
}
.page_home .homepage-wrapper__intro{ 
    padding-top: 360px;
    text-align: center;
    top: 0px;
    position: absolute;
    width: 100%;
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.page_home .homepage-wrapper__intro h2{
    display: inline;
    background: rgba(43, 80, 75, 0.8);
    line-height: 45px;
    outline: 3px solid rgba(43, 80, 75, 0.8);
    text-align: left;
    color: white;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0px 6px;
}
.homepage-wrapper__content{
    padding-bottom: 55px;
}
.homepage-wrapper__content__title-part{
    color: #446B66;
    font-size: 27px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 15px;
}
.homepage-wrapper__content__image-banner .col-md-6{
    padding-bottom: 6px;
}
.homepage-wrapper__content__image-banner__link{
    display: block;
    height: 296px;
    overflow: hidden;
    float: none;
}
.homepage-wrapper__content__image-banner__link img{
    height: 100%;
    width: auto;
    min-width: 100%;
}



.content__image-banner_section{
    min-height: 296px;
    height: auto;
    width: 100%;
}
.content__image-banner_section__first{
    background-image: url(../images/home_inspiration1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content__image-banner_section__second{
    background-image: url(../images/home_inspiration2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content__image-banner_section__third{
    background-image: url(../images/home_inspiration3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content__image-banner_section__fourth{
    background-image: url(../images/home_inspiration4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content__image-banner_section__fifth{
    background-image: url(../images/home_inspiration5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content__image-banner_section__info{
    position: absolute;
    bottom: 15px;
    background: #2B504BD9;
    text-align: right;
    min-width: 40%;
    padding: 7px 12px;
}
.content__image-banner_section__info__title{
    color: white;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.content__image-banner_section__info p{
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}
.padding-left-3{
    padding-left: 3px;
}
.padding-right-3{
    padding-right: 3px;
}
.padding-left-4{
    padding-left: 4px;
}
.padding-right-4{
    padding-right: 4px;
}
.padding-left-right-2{
    padding-left: 2px;
    padding-right: 2px;
}

.homepage__search-bar{
    margin-top: 15px;
}
.homepage__search-bar__form__place label{
    display: none;
}
.homepage__search-bar__form__place input{
    width: 100%;
    font-size: 18px;
    color: black;
    line-height: 30px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    border-left: 4px;
    border-right: 0px;
    border-top: 4px;
    border-bottom: 4px;
    border-style: solid;
    border-color: #F0D695;
    height: 56px;
    padding: 5px 10px;
}
.homepage__search-bar__form__place input::placeholder{
    color: black;
}
.homepage__search-bar__form input#date_range{
    display: inline-grid;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    font-size: 18px;
    color: black;
    line-height: 30px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    border-left: 4px;
    border-right: 0px;
    border-top: 4px;
    border-bottom: 4px;
    border-style: solid;
    border-color: #F0D695;
    height: 56px;
    padding: 5px 10px;
    border-radius: 0px;
    box-shadow: none !important;
    background: white;
}
.number_of_people_wrapper .number_of_people{
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    color: black;
    line-height: 30px;
    text-align: center;
    border-left: 4px;
    border-right: 4px;
    border-top: 4px;
    border-bottom: 4px;
    border-style: solid;
    border-color: #F0D695;
    height: 56px;
    padding: 9px 10px;
}
.number_of_people_dropdown{
    display: none;
}
.homepage__search-bar__button button{
    width: 100%;
    font-size: 19px;
    color: white;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    border-left: 0px;
    border-right: 4px;
    border-top: 4px;
    border-bottom: 4px;
    border-style: solid;
    border-color: #F0D695;
    height: 56px;
    padding: 5px 10px;
    border-radius: 0px;
    box-shadow: none !important;
    background: #E3B442;
}
.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span{
    border: solid #E3B442 !important;
    border-width: 0 2px 2px 0 !important;
}
.daterangepicker th.month{
    color: #446B66;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
}
.daterangepicker .calendar-table thead tr:nth-of-type(2) th{
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.daterangepicker .calendar-table tbody tr td{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    border: 2px solid white;
}
.daterangepicker .calendar-table tbody tr td:hover{
    border-color: white;
}
.daterangepicker .calendar-table tbody tr td.active.start-date.available,
.daterangepicker .calendar-table tbody tr td.active.start-date.end-date.available{
    color: black;
    background: linear-gradient(to bottom right, #fff 0%, #fff 49%, #F0D695 50%, #F0D695 100%);
}
.daterangepicker .calendar-table tbody tr td.active.end-date.available{
    color: black;
    background: linear-gradient(to top left, #fff 0%, #fff 49%, #F0D695 50%, #F0D695 100%);
}
.daterangepicker .calendar-table tbody tr td.in-range.available{
    background: #F0D695;
}
.daterangepicker .calendar-table tbody tr td.weekend{
    background: #F0F3F3;
    color: black !important;
}

@media screen and (max-width: 1200px) and (min-width: 993px){
    .homepage__search-bar__form input#date_range,
    .homepage__search-bar__form__place input{
        font-size: 14px;
        padding: 5px 7px;
    }
    .number_of_people_wrapper .number_of_people{
        font-size: 14px;
        padding: 9px 7px;
    }
}

@media screen and (min-width: 768px){
    .homepage-wrapper__content__title-part__mobile{
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 551px){
    .homepage-wrapper__content__image-banner .col-md-6{
        padding-left: 15px;
        padding-right: 15px;
    }
    .homepage-wrapper__content__image-banner .col-md-4{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px){
    .homepage-wrapper__content__title-part{
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .homepage-wrapper__content__title-part__desktop{
        display: none;
    }
    .homepage-wrapper__content__image-banner .col-md-6{
        padding-bottom: 6px;
    }
    .homepage-wrapper__content__image-banner .col-md-4{
        padding-bottom: 6px;
    }
    .content__image-banner_section{
        min-height: 200px;
    }
    .content__image-banner_section__info__title{
        font-size: 19px;
        line-height: 35px;
        margin-bottom: 0px;
    }
    .content__image-banner_section__info p{
        font-size: 15px;
        margin-bottom: 0px;
    }
    .homepage-wrapper__content{
        top: -10px !important;
    }
    .page_home .homepage-wrapper__intro h2 mark{
        padding: 0px;
    }
    .homepage-wrapper__content__image-banner__link{
        height: 200px;
    }
}

@media screen and (min-width: 993px){
    .homepage__search-bar{
        padding-top: 20px;
    }
    .homepage__search-bar__form{
        display: grid;
        grid-template-columns: 0.29fr 0.29fr 0.29fr 0.13fr;
    }
    .homepage__search-bar__form__place{
        display: inline-grid;
        grid-column: 1;
        grid-row: 1;
    }
    .number_of_people_wrapper{
        display: inline-grid;
        grid-column: 3;
        grid-row: 1;
    }
    .homepage__search-bar__button{
        display: inline-grid;
        grid-column: 4;
        grid-row: 1;
    }
}

@media screen and (max-width: 550px){
    .homepage-wrapper__content__image-banner{
        margin-left: -15px;
        margin-right: -15px;
    }
    .homepage-wrapper__content__image-banner .col-md-6,
    .homepage-wrapper__content__image-banner .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .page_home .homepage-wrapper__intro h2{
        margin-left: unset;
        margin-right: unset;
        text-align: left;
    }
    .homepage__search-bar__form__place input{
        font-size: 16px;
    }
    .homepage__search-bar__form input#date_range{
        font-size: 16px;
    }
    .number_of_people_wrapper .number_of_people{
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) and (min-width: 551px){
    .homepage__search-bar__form{
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    .page_home .homepage-wrapper__intro h2{
        text-align: center;
        
    }
}

@media screen and (max-width: 992px){
    .homepage-wrapper__intro{
        height: auto;
        padding-top: 180px !important;
    }
    .homepage-wrapper__content{
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
    }
    .homepage__search-bar__form__place input{
        border-right: 4px solid #F0D695;
    }
    .homepage__search-bar__form input#date_range{
        border-top: 0px;
        border-bottom: 0px;
        border-right: 4px solid #F0D695;
    }
    .homepage__search-bar__button{
        padding-top: 6px;
    }
    .homepage__search-bar__button button{
        border-left: 4px solid #F0D695;
    }
    .page_home .homepage-wrapper__intro h2{
        font-size: 22px;
        line-height: 39px;
    }
}


.number_of_people{
    background: white;
    color: black;
}

.number_of_people_dropdown{
    background: white;
}
.body-box__register__form__agree-terms{
    position: relative;
}

.body-box__login__form .alert-danger,
.body-box__register__form .alert-danger,
.body-box__change-profile__form .alert-danger,
.body-box__forgot-password__form .alert-danger{
    margin-bottom: 7px;
    background: transparent;
    border: none;
    padding: 0px;
    color: #C61515;
    font-size: 15px;
    line-height: 19px;
}
.body-box__register__form__element ul,
.body-box__change-profile__form__element ul,
.body-box__forgot-password__form__element ul{
    padding-left: 0px;
    margin-bottom: 7px;
    max-width: 306px;
}
.body-box__register__form__element ul li,
.body-box__change-profile__form__element ul li,
.body-box__forgot-password__form__element ul li{
    list-style: none;
    color: #C61515;
    font-size: 15px;
    line-height: 19px;
}

.form-change-password{
    padding-top: 35px;
}
.form-change-password__button-show-form{
    padding-left: 2em;
}
.form-change-password__button-show-form button{
    background: #7C9C99 !important;
    border: 2px solid #7C9C99 !important;
    box-shadow: none !important;
    outline: none;
    color: white;
    width: 306px;
    height: 44px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
}
.form-change-password__button-show-form button:hover{
    background: #2B504B !important;
    border-color: #2B504B !important;
}
.form-change-password__form{
    padding-left: 2em;
    display: none;
}
.form-change-password__form.show{
    display: block;
}
.form-change-password__form.show ~ .form-change-password__button-show-form{
    display: none;
}
.body-box__change-password__form__element div{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.body-box__change-password__form__element label{
    order: 3;
}
.body-box__change-password__form__element label.required{
    position: relative;
    font-size: 0px;
}
.body-box__change-password__form__element label.required::before{
    content: "*";
    color: #E3B442;
    position: absolute;
    font-size: 15px !important;
    left: 7px;
    bottom: 22px;
}
.body-box__change-password__form__element input{
    order: 2;
    border: 3px solid #DFDFDF;
    font-size: 16px;
    text-align: center;
    outline: none;
    margin-bottom: 4px;
    border-radius: 2px;
    width: 306px;
    height: 44px;
    padding: 5px 20px;
    box-shadow: none;
}
.form-change-password button#change_password_save{
    background: #6B918D !important;
    border: 2px solid #6B918D !important;
    box-shadow: none !important;
    outline: none;
    color: white;
    width: 306px;
    height: 44px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    margin-top: 12px;
}
.form-change-password button#change_password_save:hover{
    background: #507A74 !important;
    border-color: #507A74 !important;
}
.body-box__change-password__form__element ul {
    padding-left: 0px;
    margin-bottom: 7px;
    max-width: 306px;
    order: 1;
}
.body-box__change-password__form__element ul li{
    list-style: none;
    color: #C61515;
    font-size: 15px;
    line-height: 19px;
}
.body-box__change-password__form__element ul ~ input{
    border-color: #F5A9A9 !important;
}

@media screen and (max-width: 992px){
    .form-change-password .col-md-6{
        display: block;
        width: 100%;
        flex: unset;
        max-width: unset;
    }
    .form-change-password__form, 
    .form-change-password__button-show-form{
        float: none;
        width: 100%;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
    .body-box__change-password__form__element input,
    .form-change-password button#change_password_save,
    .form-change-password__button-show-form button{
        width: 100%;
    }
}