:root {
    --mdb-form-control-border-color: transparent;
    --color-blanco: #FFF;
    --action-hover: #598392;
    --border-radius: 12px;
    --mdb-btn-box-shadow: none;
    --font-family: 'Poppins', sans-serif;
}

/*
@font-face {
    font-family: 'brandon-grotesque';
    src: url('../assets/fonts/Brandon_Grotesque_regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
 */

html {
    position: relative;
    min-height: 100%;
    background-color: rgb(251, 246, 245) !important;
}
body {
    width: 100%;
    height: 100%;
    background-color: rgb(251, 246, 245) !important;
}

body.resize-on * {
    transition: none !important
}

body.resize-on *:before,body.resize-on *:after {
    transition: none !important
}

body.noscroll,body.lb-disable-scrolling {
    overflow: hidden
}

@media(min-width: 1280px) {
    body.noscroll,body.lb-disable-scrolling {
        padding-right:17px
    }
}

figure {
    margin: 0
}

p,a,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: normal
}

p:empty,a:empty,h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty {
    display: none
}

input[type=number] {
    -moz-appearance: textfield
}

a {
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

b,strong {
    font-weight: bold
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 80%
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    border: none;
    resize: none
}

button,input {
    line-height: normal
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

i {
    font-family: "icomoon";
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*:focus {
    outline: none
}

.motor-top .ui-widget.ui-widget-content {
    transform: translateY(-15px)
}

.ui-widget.ui-widget-content {
    border: none !important;
    z-index: 999 !important;
    box-shadow: 0px 0px 6px rgba(203,203,203,.5);
    border-radius: 0px !important;
    transform: translateY(15px)
}

.ui-widget-header {
    background-color: #fff !important;
    border-color: #fff !important
}

.ui-datepicker td span,.ui-datepicker td a {
    padding: .3em .2em
}

.ui-datepicker-title {
    font-family: "brandon-grotesque",sans-serif !important;
    color: #9b887d !important;
    font-size: 16px !important;
    text-transform: uppercase !important
}

.ui-datepicker-calendar th {
    font-family: "brandon-grotesque",sans-serif !important;
    color: #9b887d !important;
    font-size: 16px !important;
    font-weight: 500 !important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    font-family: "brandon-grotesque",sans-serif !important;
    font-size: 16px !important;
    border: none !important;
    background: rgba(0,0,0,0) !important;
    font-weight: normal !important;
    color: #9b887d !important;
    text-align: center
}

.ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-state-focus,.ui-datepicker-calendar .ui-state-focus,.ui-datepicker-calendar .ui-button:hover,.ui-datepicker-calendar .ui-button:focus {
    border-color: rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important;
    font-weight: normal !important;
    color: #fff !important;
    background-color: #9b887d !important
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    color: #fff !important;
    background-color: #9b887d !important
}

.ui-widget-header .ui-state-hover,.ui-widget-header .ui-state-focus {
    border: none !important;
    font-weight: inherit !important;
    border-color: rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important;
    background-color: rgba(0,0,0,0) !important
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    margin-left: -10px
}

.ui-widget-header .ui-icon {
    background-image: none !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer
}

.ui-widget-header .ui-icon:before {
    position: relative;
    display: block;
    font-size: 8px;
    color: #9b887d;
    font-family: "icomoon";
    margin-top: 6px
}

.ui-datepicker-next .ui-icon:before {
    content: ""
}

.ui-datepicker-prev .ui-icon:before {
    content: ""
}

.hidden {
    display: none !important
}

.big-wrapper {
    position: relative;
    padding: 0 40px;
    background-color: #fdf6f5
}

.big-wrapper.disable-borders:before,.big-wrapper.disable-borders:after {
    content: none
}

.big-wrapper.light-background {
    background-color: #fff
}

.big-wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-color: #fff;
    pointer-events: none
}

.big-wrapper:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-color: #fff;
    pointer-events: none
}

@media(min-width: 540px) {
    .big-wrapper {
        padding:0 50px
    }

    .big-wrapper:before,.big-wrapper:after {
        width: 15px
    }
}

@media(min-width: 768px) {
    .big-wrapper {
        padding:0 60px
    }
}

@media(min-width: 1024px) {
    .big-wrapper {
        padding:0 125px
    }
}

@media(min-width: 1280px) {
    .big-wrapper {
        padding:0 115px
    }
}

@media(min-width: 1680px) {
    .big-wrapper {
        max-width:1920px;
        margin: 0 auto
    }

    .big-wrapper:before,.big-wrapper:after {
        width: 20px
    }
}

@media(max-width: 374px) {
    .big-wrapper {
        padding:0 30px
    }
}

.wrapper {
    max-width: 1200px;
    padding: 0 50px;
    margin: 0 auto
}

@media(max-width: 1279px) {
    .wrapper {
        max-width:initial
    }
}

@media(max-width: 767px) {
    .wrapper {
        padding:0 35px
    }
}

@media(max-width: 539px) {
    .wrapper {
        padding:0 25px
    }
}

/*.responsive-resize {
    background-color: rgba(245,175,171,.2)
}*/

@media(min-width: 1024px) {
    .topmodule_off .first--module {
        padding-top:140px;
        margin-top: 0
    }
}

@media(min-width: 1280px) {
    .topmodule_off .first--module {
        padding-top:190px
    }
}

@media(max-width: 1023px) {
    .intern-rooftop .attach-links-element.onlyadult,.topmodule_off .attach-links-element.onlyadult {
        top:75px
    }
}

@media(max-width: 767px) {
    .intern-rooftop .attach-links-element.onlyadult,.topmodule_off .attach-links-element.onlyadult {
        top:50px
    }
}

@media(max-width: 539px) {
    .intern-rooftop .attach-links-element.onlyadult,.topmodule_off .attach-links-element.onlyadult {
        top:50px
    }
}

.responsive--topmodule_off.intern-rooftop .top-module .wrap-top-module {
    position: relative;
    min-height: 508px
}

@media(max-width: 1023px) {
    .responsive--topmodule_off.intern-rooftop .top-module {
        padding:12px 15px 0 15px
    }

    .responsive--topmodule_off.intern-rooftop .top-module .wrap-top-module {
        height: auto;
        min-height: auto;
        background: #fdf6f5;
        padding-top: 60px;
        margin-bottom: -15px
    }

    .responsive--topmodule_off.intern-rooftop .top-module .wrap-top-module>* {
        display: none
    }

    .responsive--topmodule_off.intern-rooftop .top-module .wrap-top-module .top-module-info {
        display: block;
        background: #fdf6f5;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .responsive--topmodule_off.intern-rooftop .top-module {
        padding:12px 12px 0 12px
    }
}

.first--module {
    margin-top: 12px;
    padding-top: 20px
}

@media(min-width: 540px) {
    .first--module {
        margin-top:15px
    }
}

@media(min-width: 768px) {
    .first--module {
        padding-top:30px
    }
}

@media(min-width: 1280px) {
    .first--module {
        padding-top:60px
    }
}

@media(min-width: 1680px) {
    .first--module {
        margin-top:20px;
        padding-top: 60px
    }
}

.global--padding {
    padding: 20px 0
}

@media(min-width: 768px) {
    .global--padding {
        padding:30px 0
    }
}

@media(min-width: 1280px) {
    .global--padding {
        padding:35px 0
    }
}

@media(min-width: 1680px) {
    .global--padding {
        padding:60px 0
    }
}

@media(max-width: 1279px) {
    .add--separator:after {
        content:"";
        display: block;
        height: 10px;
        background-image: url('https://www.hotelvillachiquita.com/static/svg/resources/separator.svg');
        background-repeat: repeat;
        background-position: 0 0;
        margin: 40px auto 0
    }
}

@media(max-width: 1279px)and (min-width: 768px) {
    .add--separator:after {
        margin:60px auto 0;
        max-width: 520px
    }
}

.start {
    position: relative
}

.start .breadcrumbs-box {
    display: none
}

@media(min-width: 1280px) {
    .start .breadcrumbs-box {
        display:block;
        position: absolute;
        z-index: 3;
        bottom: 0;
        right: 40px
    }
}

@media(min-width: 1680px) {
    .start .breadcrumbs-box {
        right:50px
    }
}

.breadcrumbs-list {
    display: none
}

@media(min-width: 1280px) {
    .breadcrumbs-list {
        display:block;
        font-size: 0
    }

    .breadcrumbs-list .breadcrumbs-list-element {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    .breadcrumbs-list .breadcrumbs-list-element.active:before {
        width: calc(100% - 24px)
    }

    .breadcrumbs-list .breadcrumbs-list-element:last-child:after {
        content: none
    }

    .breadcrumbs-list .breadcrumbs-list-element:before {
        content: "";
        position: absolute;
        top: calc(100% + 2px);
        left: 50%;
        width: 0;
        height: 1px;
        background-color: #fff;
        transform: translateX(-50%);
        box-shadow: 2px 2px 2px rgba(115,91,74,.3);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .breadcrumbs-list .breadcrumbs-list-element:after {
        content: "/";
        display: inline-block;
        vertical-align: middle;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        letter-spacing: .02em;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .breadcrumbs-list .breadcrumbs-list-element .breadcrumbs-element-text {
        display: inline-block;
        vertical-align: middle;
        padding: 0 12px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        letter-spacing: .02em;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .breadcrumbs-list .breadcrumbs-list-element:hover:before {
        width:calc(100% - 24px)
    }
}

@media(min-width: 1280px) {
    .color .breadcrumbs-list .breadcrumbs-list-element:before {
        background-color:#735b4a;
        box-shadow: none
    }

    .color .breadcrumbs-list .breadcrumbs-list-element:after {
        color: #735b4a;
        text-shadow: none
    }

    .color .breadcrumbs-list .breadcrumbs-list-element .breadcrumbs-element-text {
        color: #735b4a;
        text-shadow: none
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .color .breadcrumbs-list .breadcrumbs-list-element:hover:before {
        background-color:#9b887d
    }

    .color .breadcrumbs-list .breadcrumbs-list-element:hover .breadcrumbs-element-text {
        color: #9b887d
    }
}

.responsive-header {
    display: none
}

@media(max-width: 1023px) {
    .responsive-header {
        display:block
    }

    .responsive-header .responsive-header_wrapper {
        padding: 12px 0 0;
        text-align: center;
        background-color: #fff
    }

    .responsive-header .responsive-header_logo {
        display: inline-block;
        width: 180px;
        height: auto
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .responsive-header .responsive-header_wrapper {
        padding:20px 0 0
    }

    .responsive-header .responsive-header_logo {
        width: 260px
    }
}

.counter {
    display: none
}

@media(min-width: 1280px) {
    .counter {
        position:absolute;
        display: block;
        z-index: 2;
        padding-bottom: 20px;
        opacity: 0;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .counter:after {
        content: "";
        position: absolute;
        left: calc(50% - 1px);
        bottom: 0;
        width: 1px;
        height: 0px;
        background-color: rgba(115,91,74,.4);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .counter .counter_box {
        position: relative;
        width: 25px;
        height: 35px
    }

    .counter .counter_box:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) rotate(-45deg);
        width: 35px;
        height: 1px;
        background-color: #735b4a
    }

    .counter .counter_number {
        position: absolute;
        font: 500 13px/1 "brandon-grotesque",sans-serif;
        letter-spacing: .05em;
        color: #735b4a
    }

    .counter .counter_number.actual {
        top: 1px;
        left: 1px
    }

    .counter .counter_number.total {
        bottom: 0;
        right: 0
    }
}

.global-header.remove--title .global-header_title {
    display: none
}

.global-header.remove--title .global-header_subtitle {
    padding-top: 0
}

@media(min-width: 1280px) {
    .global-header.remove--title .global-header_subtitle:before {
        content:none
    }
}

.global-header .global-header_wrapper {
    padding-bottom: 10px
}

.global-header .global-header_title {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 135.7142857143%;
    color: #735b4a;
    text-transform: uppercase
}

.global-header .global-header_subtitle {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 135.7142857143%;
    color: #9b887d;
    text-transform: uppercase;
    padding-top: 5px
}

.global-header .global-header_subtitle:empty {
    padding-top: 0
}

.global-header .global-header_btn {
    display: none
}

@media(min-width: 768px) {
    .global-header .global-header_wrapper {
        padding-bottom:20px
    }

    .global-header .global-header_title {
        letter-spacing: .1em
    }

    .global-header .global-header_subtitle {
        letter-spacing: .1em;
        padding-top: 10px
    }
}

@media(min-width: 1280px) {
    .global-header .global-header_wrapper {
        position:relative;
        padding: 0 200px 30px 0;
        font-size: 0
    }

    .global-header .global-header_title {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: .15em
    }

    .global-header .global-header_subtitle {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: .15em;
        padding-top: 0
    }

    .global-header .global-header_subtitle:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 1px;
        height: 10px;
        background-color: rgba(115,91,74,.4);
        margin: 0 30px
    }

    .global-header .global-header_btn {
        display: block;
        position: absolute;
        right: 0;
        bottom: 20px
    }
}

.lightboxOverlay {
    background-color: #fff !important;
    opacity: 1 !important;
    cursor: zoom-out
}

.lb-dataContainer {
    position: absolute;
    top: -50px;
    left: 35px;
    width: calc(100% - 70px) !important
}

.lb-data .lb-details {
    width: 100% !important;
    text-align: center !important
}

.lb-data .lb-number {
    position: absolute !important;
    bottom: 90px !important;
    left: 50% !important;
    transform: translateX(-50%);
    font-family: "brandon-grotesque",sans-serif;
    font-size: 20px !important;
    color: #735b4a !important;
    letter-spacing: .3em;
    font-weight: 400 !important;
    text-transform: uppercase
}

.lightbox .lb-image {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 768px !important
}

.lb-data .lb-caption {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 20px !important;
    color: #735b4a;
    letter-spacing: .3em;
    font-weight: 400 !important;
    text-transform: uppercase
}

.lb-closeContainer {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    margin: 0 auto;
    z-index: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid rgba(115,91,74,.5);
    cursor: pointer;
    transform: translateZ(0) scale(1);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.lb-closeContainer:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    font-family: "icomoon";
    font-size: 12px;
    color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .lb-closeContainer:hover:hover {
        transform:translateZ(0) scale(1.14)
    }
}

.lb-data .lb-close {
    background: none !important
}

.lb-container {
    padding: 4px 90px !important
}

.lb-nav {
    top: 50% !important;
    height: auto !important;
    width: calc(100% + 20px) !important;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%);
    overflow: hidden !important;
    padding: 10px
}

.lb-nav .lb-prev {
    float: left !important;
    display: block !important;
    width: 35px !important;
    height: 35px !important;
    background-color: #fff !important;
    margin-left: 0px !important;
    background: none !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    border: 2px solid rgba(115,91,74,.5) !important;
    transition: all .2s ease-in-out
}

.lb-nav .lb-prev:before {
    display: inline-block !important;
    content: "";
    font-family: "icomoon" !important;
    font-size: 12px !important;
    color: rgba(115,91,74,.5) !important;
    margin-top: 10px !important;
    margin-right: 2px !important
}

.lb-nav .lb-prev:hover {
    transform: scale(1.14);
    border-color: #9b887d !important
}

.lb-nav .lb-prev:hover:before {
    color: #9b887d !important
}

.lb-nav .lb-next {
    float: right !important;
    display: block !important;
    width: 35px !important;
    height: 35px !important;
    background-color: #fff !important;
    margin-right: 0px !important;
    border-radius: 50% !important;
    background: none !important;
    opacity: 1 !important;
    border: 2px solid rgba(115,91,74,.5) !important;
    transition: all .2s ease-in-out
}

.lb-nav .lb-next:before {
    display: inline-block !important;
    content: "";
    font-family: "icomoon" !important;
    font-size: 12px !important;
    color: rgba(115,91,74,.5) !important;
    margin-top: 10px !important;
    margin-left: 2px !important
}

.lb-nav .lb-next:hover {
    transform: scale(1.14);
    border-color: #9b887d !important
}

.lb-nav .lb-next:hover:before {
    color: #9b887d !important
}

.slick-slider {
    visibility: hidden;
    opacity: 0
}

.slick-initialized {
    visibility: visible !important;
    opacity: 1 !important
}

.slick-list,.slick-track {
    height: 100%
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.3) 50% 57% no-repeat
}

.modal-text {
    width: 287px;
    height: 600px;
    position: absolute;
    left: 0px;
    right: 0;
    top: 373px;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

#recaptcha_container {
    position: absolute;
    z-index: 100
}

.btn-corp {
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    padding: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-corp.btn-white .btn-corp-text {
    color: #fff;
    border-color: #fff;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    box-shadow: 2px 2px 2px rgba(115,91,74,.3)
}

.btn-corp.btn-white:before {
    color: #fff
}

.btn-corp.btn-white:after {
    background-color: #f7bebb
}

@media(min-width: 1025px) {
    .btn-corp.btn-white:hover {
        background-color:#fff
    }

    .btn-corp.btn-white:hover .btn-corp-text {
        text-shadow: none;
        border-color: rgba(0,0,0,0)
    }
}

.btn-corp.btn-call-white:not(:hover) {
    box-shadow: 4px 4px 0 rgba(115,91,74,.1)
}

.btn-corp.btn-call-white:not(:hover) .btn-corp-text {
    color: rgba(115,91,74,.5);
    background-color: #fff;
    border-color: rgba(0,0,0,0)
}

.btn-corp.btn-call-green .btn-corp-text {
    color: #fff;
    background-color: #4ccbd1;
    border-color: rgba(0,0,0,0)
}

.btn-corp.btn-small .btn-corp-text {
    min-width: 200px;
    padding: 10px
}

.btn-corp .btn-corp-text {
    position: relative;
    z-index: 1;
    display: block;
    padding: 10px 20px;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(115,91,74,.5);
    text-transform: uppercase;
    letter-spacing: .06em;
    border: 2px solid rgba(115,91,74,.5);
    background-color: rgba(0,0,0,0);
    min-width: 260px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-corp:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
    font-family: "icomoon";
    font-size: 9px;
    color: #fff;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-corp:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    padding-top: 0%;
    width: 10%;
    background-color: #f7bebb;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    transform: translateX(-50%) translateY(50%)
}

@media(min-width: 1025px) {
    .btn-corp:hover {
        background-color:rgba(115,91,74,.5)
    }

    .btn-corp:hover .btn-corp-text {
        border-color: rgba(0,0,0,0);
        color: #fff
    }

    .btn-corp:hover:before {
        opacity: 1;
        transform: translateY(-50%) translateX(0)
    }

    .btn-corp:hover:after {
        transform: translateX(-50%) translateY(50%);
        width: 125%;
        opacity: 1;
        padding-top: 100%
    }
}

@media(max-width: 374px) {
    .btn-corp .btn-corp-text {
        min-width:210px;
        font-size: 14px
    }
}

@media(min-width: 1280px) {
    .btn-corp .btn-corp-text {
        letter-spacing:.1em
    }
}

.btn-linker {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.btn-linker.toleft:after {
    left: auto;
    right: 0
}

.btn-linker.toleft .btn-linker-text {
    padding: 10px 0 10px 30px
}

.btn-linker.toleft .btn-linker-text:before {
    content: "";
    right: auto;
    left: 0
}

.btn-linker.toleft .btn-linker-text:after {
    left: 0;
    right: auto
}

.btn-linker.toright .btn-linker-text:before {
    content: ""
}

.btn-linker.tobottom .btn-linker-text:before {
    content: "";
    font-size: 15px;
    top: calc(50% - 8px);
    right: 3px
}

.btn-linker.totop .btn-linker-text:before {
    content: "";
    font-size: 15px;
    top: calc(50% - 8px);
    right: 3px
}

.btn-linker:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-linker .btn-linker-text {
    position: relative;
    z-index: 1;
    display: block;
    padding: 10px 30px 10px 0;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(115,91,74,.5);
    text-transform: uppercase;
    letter-spacing: .06em;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-linker .btn-linker-text:before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    font-family: "icomoon";
    font-size: 9px;
    color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-linker .btn-linker-text:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 2px;
    width: 100%;
    height: 1px;
    background-color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .btn-linker:hover:after {
        width:100%;
        background-color: #735b4a
    }

    .btn-linker:hover .btn-linker-text {
        color: #735b4a
    }

    .btn-linker:hover .btn-linker-text:before {
        color: #735b4a
    }

    .btn-linker:hover .btn-linker-text:after {
        width: 0;
        background-color: #735b4a
    }
}

@media(min-width: 1280px) {
    .btn-linker .btn-linker-text {
        letter-spacing:.15em
    }

    .btn-linker .btn-linker-text:after {
        width: 15px
    }
}

.btn-circle {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(115,91,74,.5);
    cursor: pointer;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-circle.icon-pointer-up:before,.btn-circle.icon-pointer-down:before {
    font-size: 9px
}

.btn-circle.icon-cross:before {
    font-size: 10px
}

.btn-circle:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 12px;
    color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-circle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    opacity: .4;
    border-radius: 50%;
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%) scale(0)
}

@media(min-width: 768px) {
    .btn-circle {
        width:40px;
        height: 40px
    }
}

@media(min-width: 1025px) {
    .btn-circle:hover {
        background-color:#f7bebb;
        border-color: rgba(0,0,0,0)
    }

    .btn-circle:hover:before {
        color: #fff
    }

    .btn-circle:hover:after {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

.btn-slide-circle {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(115,91,74,.5);
    cursor: pointer;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-slide-circle.slick-next:before {
    content: ""
}

.btn-slide-circle.slick-prev:before {
    content: ""
}

.btn-slide-circle:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: "icomoon";
    font-size: 12px;
    color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(max-width: 767px) {
    .btn-slide-circle:after {
        content:"";
        position: absolute;
        z-index: -1;
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        top: -6px;
        left: -6px;
        background-color: #fdf6f5;
        border-radius: 50%
    }
}

@media(min-width: 768px) {
    .btn-slide-circle {
        width:50px;
        height: 50px
    }

    .btn-slide-circle:before {
        font-size: 15px
    }
}

@media(min-width: 1280px) {
    .btn-slide-circle:after {
        content:"";
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        opacity: .4;
        border-radius: 50%;
        background-color: #fff;
        transform: translateX(-50%) translateY(-50%) scale(0)
    }
}

@media(min-width: 1025px) {
    .btn-slide-circle:hover {
        background-color:#f7bebb;
        border-color: rgba(0,0,0,0)
    }

    .btn-slide-circle:hover:before {
        color: #fff
    }

    .btn-slide-circle:hover:after {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

.input-element {
    display: inline-block;
    width: 100%
}

.input-element.button .wrap-input-element .input-element-field {
    padding: 0 50px 0 25px
}

.input-element.select {
    cursor: pointer
}

.input-element.select .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 10px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.select .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.user .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 16px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.user .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.pass .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 16px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.pass .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.phone .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 16px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.phone .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.email .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 14px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.email .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.file .wrap-input-element:before {
    content: "";
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 22px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element.file .wrap-input-element .input-element-field {
    padding: 0 70px 0 25px
}

.input-element.must {
    position: relative
}

.input-element.must:before {
    content: "";
    position: absolute;
    right: calc(100% + 9px);
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border: 2px solid rgba(115,91,74,.4);
    border-radius: 50%
}

.input-element.textarea .wrap-input-element {
    height: 280px
}

.input-element.textarea .wrap-input-element .input-element-field {
    padding: 15px 25px
}

.input-element .wrap-input-element {
    position: relative;
    /*border: 2px solid rgba(115,91,74,.4);
    border-radius: 1px;*/
    border: 1px solid var(--dark) ;
    border-radius: var(--radius) !important;
    height: 50px
}

.input-element .wrap-input-element .input-element-text {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 15px;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .03em;
    padding: 2px 10px;
    background-color: #fdf6f5;
    pointer-events: none;
    transform: translateY(-50%);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element .wrap-input-element .input-element-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em;
    padding: 0 25px;
    background-color: rgba(0,0,0,0);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element .wrap-input-element .input-element-field.placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}

.input-element .wrap-input-element .input-element-field:-moz-placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}

.input-element .wrap-input-element .input-element-field::-moz-placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}

.input-element .wrap-input-element .input-element-field:-ms-input-placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}

.input-element .wrap-input-element .input-element-field::-webkit-input-placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}

/*.input-element .wrap-input-element .input-element-field:-o-input-placeholder {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em
}*/

.input-element .wrap-input-element .input-element-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .06em;
    padding: 20px 45px 10px 25px;
    background-color: rgba(0,0,0,0);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.input-element .wrap-input-element .input-element-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 100%;
    background-color: rgba(0,0,0,0);
    margin: 0;
    padding: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    border-radius: 0 12px 12px 0;
}

.input-element .wrap-input-element .input-element-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);
    transform: translateY(-50%) translateX(-50%);
    font-family: "icomoon";
    font-size: 12px;
    color: #735b4a;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-element .wrap-input-element .input-element-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);
    transform: translateY(-50%) translateX(-100%);
    font-family: "icomoon";
    font-size: 12px;
    color: #fff;
    pointer-events: none;
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .input-element .wrap-input-element .input-element-button:hover {
        background-color:#f7bebb
    }

    .input-element .wrap-input-element .input-element-button:hover:before {
        color: #fff;
        transform: translateY(-50%) translateX(0);
        opacity: 0
    }

    .input-element .wrap-input-element .input-element-button:hover:after {
        transform: translateY(-50%) translateX(-50%);
        opacity: 1
    }
}

.checkbox-element {
    display: block;
    font-size: 0;
    cursor: pointer
}

.checkbox-element .checkbox-input {
    display: none
}

.checkbox-element .checkbox-input:checked~.checkbox-icon:before {
    opacity: 1
}

.checkbox-element .checkbox-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(115,91,74,.4);
    margin-top: 4px
}

.checkbox-element .checkbox-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.checkbox-element .checkbox-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 15px);
    font-family: "brandon-grotesque",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .04em;
    line-height: 166.6666666667%;
    padding-left: 8px;
    text-align: left
}

.checkbox-element .checkbox-text.full {
    width: auto
}

.checkbox-element .checkbox-text .checkbox-text-link {
    position: relative;
    display: inline-block;
    color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.checkbox-element .checkbox-text .checkbox-text-link:before {
    content: "";
    position: absolute;
    transform: translateY(5px);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .checkbox-element .checkbox-text .checkbox-text-link:hover {
        color:#9b887d
    }

    .checkbox-element .checkbox-text .checkbox-text-link:hover:before {
        background-color: #9b887d;
        transform: translateY(3px)
    }
}

.must-element .must-element-text {
    position: relative;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .04em;
    line-height: 166.6666666667%;
    padding-left: 25px
}

.must-element .must-element-text:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 6px;
    width: 8px;
    height: 8px;
    border: 2px solid rgba(115,91,74,.4);
    border-radius: 50%
}

.map-marker {
    width: 33px;
    height: 51px;
    background-image: url('https://www.hotelvillachiquita.com/static/svg/map-pointer.svg');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

@media(min-width: 540px) {
    .grecaptcha-badge {
        bottom:180px !important
    }
}

@media(max-width: 539px) {
    .grecaptcha-badge {
        bottom:140px !important
    }
}

.error {
    background-color: #f2dede;
    box-shadow: inset 0 0 10px #f7bebb
}

.form-error,.help-block {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    font-family: "brandon-grotesque",sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: #f7bebb
}

@media(min-width: 1024px) {
    .menu-white .nav-box .wrap-nav-box {
        background-color:rgba(0,0,0,0);
        border-color: rgba(0,0,0,0);
        padding-top: 27px
    }

    .menu-white .nav-btns_menu .btns-menu-text {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_menu .btn-menu-icon {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_user .btns-user-element {
        border-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_user .btns-user-element:after {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_user .btns-user-icon {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_lang .btns-lang-element {
        border-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_lang .btns-lang-element:after {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-btns_lang .btns-lang-text {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-logo {
        top: 40px
    }

    .menu-white .nav-logo .nav-logo_element {
        width: 240px;
        height: 40px;
        /*background-image: url("../assets/images/logo-white.svg");*/
        background-image: url("http://acmelogos.com/images/logo-5.svg");
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        /*-ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));*/
        -o-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6))
    }

    .menu-white .nav-book {
        top: 42px
    }
}

@media(min-width: 1280px) {
    .menu-white .nav-box .wrap-nav-box {
        padding-top:20px
    }

    .menu-white .nav-links_element.home .links-element_text:before {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .menu-white .nav-links_element .links-element_text {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .menu-white .nav-links_element:hover .links-element_text {
        color:#fff
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .menu-white .nav-btns_user:hover .btns-user-element {
        border-color:#fff
    }

    .menu-white .nav-btns_user:hover .btns-user-element:after {
        color: #fff
    }

    .menu-white .nav-btns_user:hover .btns-user-icon {
        color: #fff
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .menu-white .nav-btns_lang:hover .btns-lang-element {
        border-color:#fff
    }

    .menu-white .nav-btns_lang:hover .btns-lang-element:after {
        color: #fff
    }

    .menu-white .nav-btns_lang:hover .btns-lang-text {
        color: #fff
    }
}

@media(min-width: 1280px) {
    .menu-white .nav-links_logo {
        top:35px;
        left: calc(50% - 95px)
    }

    .menu-white .nav-links_logo .links-logo_element {
        width: 190px;
        height: 130px;
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
        /*-ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));*/
        -o-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6))
    }
}

@media(min-width: 1280px) {
    .menu-white .nav-btns {
        top:40px
    }
}

@media(min-width: 1680px) {
    .menu-white .nav-links_logo {
        left:calc(50% - 130px)
    }

    .menu-white .nav-links_logo .links-logo_element {
        width: 260px;
        height: 190px
    }

    .menu-white .nav-logo {
        top: 30px
    }

    .menu-white .nav-logo .wrap-nav-logo .nav-logo_element {
        width: 280px;
        height: 50px
    }
}

@media(max-width: 1279px) {
    .menu-white .onlyadult {
        left:50%;
        transform: translateX(-50%);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.nav-box {
    position: fixed;
    z-index: 100;
    bottom: 60px;
    left: 0;
    width: 100%
}

@media(min-width: 768px) {
    .nav-box {
        bottom:85px
    }
}

@media(max-width: 1023px) {
    .nav-box .wrap-nav-box {
        position:relative;
        background-color: rgba(243,234,231,.8);
        padding: 13px 10px
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .nav-box .wrap-nav-box {
        padding:19px 25px
    }
}

@media(min-width: 1024px) {
    .nav-box {
        bottom:auto;
        top: 0
    }

    .nav-box .wrap-nav-box {
        background-color: #fff;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .nav-links .wrap-nav-links {
        font-size:0
    }

    .nav-links .wrap-nav-links:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 80px;
        width: 0;
        pointer-events: none;
        opacity: 0
    }

    .nav-links .nav-links_close {
        display: none
    }

    .nav-links .nav-links_container {
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 1px)
    }
}

@media(max-width: 1279px) {
    .nav-links {
        position:fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 12px;
        background-color: #fff;
        pointer-events: none;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-links.open {
        pointer-events: auto;
        opacity: 1
    }

    .nav-links.open .wrap-nav-links {
        transform: translateY(0)
    }

    .nav-links .wrap-nav-links {
        height: 100%;
        background-color: #fdf6f5;
        overflow: auto;
        transform: translateY(50px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-links .nav-links_close {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2
    }

    .nav-links .nav-links_container {
        min-height: 100%;
        padding: 30px 30px 45px
    }
}

@media(max-width: 1279px)and (min-width: 768px) {
    .nav-links .nav-links_close {
        top:40px;
        right: 40px
    }

    .nav-links .nav-links_container {
        padding: 45px 0px 75px;
        max-width: 550px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .nav-links_zone {
        text-align:center
    }
}

@media(min-width: 1280px) {
    .nav-links_element {
        display:inline-block;
        vertical-align: middle;
        cursor: pointer;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-links_element.home .links-element_text {
        font-size: 0
    }


    .nav-links_element.home .links-element_icon img {
        display: inline; /* Ensure the image is displayed inline */
        width: 13px;    /* Set the desired width */
        height: 13px;
        margin: 0 auto;  /* Optional: for visualization */
    }

    .btns-user-icon.icon-mail-shape img {
        display: inline; /* Ensure the image is displayed inline */
        width: 26px;    /* Set the desired width */
        height: 26px;
    }

    .btns-user-icon.icon-mail-shape img, .btns-user-icon.icon-user-shape img {
        display: inline; /* Ensure the image is displayed inline */
        width: 24px;    /* Set the desired width */
        height: 24px;
    }




/*
.nav-links_element.home .links-element_text:before {
    content: url("/static/assets/fonts/icomoon/home.svg");
    /*display: block;
    font-family: "icomoon";
    font-size: 13px;
    color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}
*/

    .nav-links_element .wrap-links-element {
        display: block;
        padding: 20px 10px
    }

    .nav-links_element .links-element_text {
        font: 400 18px/1 "brandon-grotesque",sans-serif;
        color: #735b4a;
        letter-spacing: .02em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

}

@media(min-width: 1280px)and (min-width: 1025px) {
    .nav-links_element .links-element_text:hover {
        color:#9b887d
    }
}

@media(min-width: 1280px)and (min-width: 1366px) {
    .nav-links_element .wrap-links-element {
        padding:20px 13px
    }
}

@media(min-width: 1280px)and (min-width: 1680px) {
    .nav-links_element .wrap-links-element {
        padding:20px 18px
    }

    .nav-links_element .links-element_text {
        font-size: 20px;
        letter-spacing: .04em
    }
}

@media(min-width: 1280px)and (min-width: 1920px) {
    .nav-links_element .wrap-links-element {
        padding:20px 20px
    }

    .nav-links_element .links-element_text {
        letter-spacing: .15em
    }
}

@media(max-width: 1279px) {
    .nav-links_element .wrap-links-element {
        display:block;
        padding: 20px 0 15px;
        border-bottom: 1px solid rgba(115,91,74,.4)
    }

    .nav-links_element .links-element_text {
        font: 400 20px/1 "brandon-grotesque",sans-serif;
        color: #735b4a;
        text-transform: uppercase
    }
}

@media(max-width: 1279px)and (min-width: 768px) {
    .nav-links_element .wrap-links-element {
        padding:25px 0 22px
    }

    .nav-links_element .links-element_text {
        font-size: 22px
    }
}

.nav-links_back {
    padding-top: 20px
}

@media(min-width: 768px) {
    .nav-links_back {
        padding-top:30px
    }
}

@media(min-width: 1280px) {
    .nav-links_back {
        display:none
    }
}

.nav-links_logo {
    display: none
}

@media(min-width: 1280px) {
    .nav-links_logo {
        display:block;
        position: absolute;
        top: 0;
        left: calc(50% - 87px);
        height: 100%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-links_logo .wrap-links-logo {
        display: block;
        height: 100%;
        padding: 5px 0
    }

    .nav-links_logo .links-logo_element {
        display: block;
        width: 175px;
        height: 100%;
        background-image: url("../../assets/images/logo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

}

.nav-btns .wrap-nav-btns:before,.nav-btns .wrap-nav-btns:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 1024px) {
    .nav-btns {
        display:inline-block;
        padding: 18px 0 21px 40px;
        font-size: 0
    }
}

@media(min-width: 1280px) {
    .nav-btns {
        padding:0;
        position: absolute;
        top: calc(50% - 20px);
        right: 30px;
        transition: top cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        -webkit-transition: top cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        -moz-transition: top cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        -ms-transition: top cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        -o-transition: top cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

.nav-btns_menu {
    display: none
}

@media(min-width: 1024px) {
    .nav-btns_menu {
        display:inline-block;
        vertical-align: middle
    }

    .nav-btns_menu .wrap-btns-menu {
        padding-right: 10px;
        font-size: 0
    }

    .nav-btns_menu .btns-menu-text {
        display: inline-block;
        vertical-align: middle;
        font: 500 20px/1 "brandon-grotesque",sans-serif;
        color: #735b4a;
        letter-spacing: .2em;
        padding: 1px 12px 0 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-btns_menu .btn-menu-icon {
        display: inline-block;
        vertical-align: middle;
        font-size: 25px;
        color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .nav-btns_menu {
        display:none
    }
}

.nav-btns_user {
    position: relative;
    float: left
}

.nav-btns_user .wrap-btns-user {
    cursor: pointer
}

.nav-btns_user .btns-user-element {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    display: block
}

.nav-btns_user .btns-user-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 13px;
    color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .nav-btns_user:hover .btns-user-element {
        border-color:#9b887d
    }

    .nav-btns_user:hover .btns-user-element:after {
        color: #9b887d
    }

    .nav-btns_user:hover .btns-user-icon {
        color: #9b887d
    }
}

@media(min-width: 768px) {
    .nav-btns_user .btns-user-element {
        width:40px;
        height: 40px
    }

    .nav-btns_user .btns-user-icon {
        font-size: 15px
    }
}

@media(max-width: 1023px) {
    .nav-btns_user.to-contact {
        display:none
    }
}

@media(min-width: 1024px) {
    .nav-btns_user {
        float:none;
        display: inline-block;
        vertical-align: middle
    }

    .nav-btns_user .wrap-btns-user {
        padding: 0 10px
    }

    .nav-btns_user .btns-user-element {
        position: relative;
        border-color: #735b4a
    }

    .nav-btns_user .btns-user-icon {
        color: #735b4a
    }
}

@media(min-width: 1280px) {
    .nav-btns_user {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1680px) {
    .nav-btns_user .wrap-btns-user {
        padding:0 15px
    }
}

.nav-btns_user-access {
    position: absolute;
    z-index: 2;
    bottom: calc(100% + 10px);
    left: 0;
    padding: 6px;
    width: 260px;
    background-color: rgba(155,136,125,.4);
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.nav-btns_user-access.open {
    pointer-events: auto;
    opacity: 1;
    bottom: calc(100% + 23px)
}

.nav-btns_user-access.open .user-access-icon {
    opacity: 1;
    transform: scale(1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s
}

.nav-btns_user-access .wrap-user-access {
    background-color: #fff
}

.nav-btns_user-access .user-access-box {
    position: relative;
    padding: 20px 25px
}

.nav-btns_user-access .user-access-icon {
    position: absolute;
    right: 25px;
    top: 20px;
    display: block;
    font-size: 18px;
    color: #9b887d;
    opacity: 0;
    transform: scale(0.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.nav-btns_user-access .user-access-title {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    letter-spacing: .02em;
    text-transform: uppercase
}

.nav-btns_user-access .user-access-subtitle {
    font: 400 13px/1 "brandon-grotesque",sans-serif;
    color: #9b887d;
    letter-spacing: .02em;
    padding: 10px 0 15px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.nav-btns_user-access .user-access-text {
    font: 400 13px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    letter-spacing: .03em;
    line-height: 138.4615384615%;
    padding-top: 15px
}

.nav-btns_user-access .user-access-btn {
    margin-top: 15px
}

.nav-btns_user-access .user-access-btn .user-access-btn_text {
    display: block;
    font: 500 15px/1 "brandon-grotesque",sans-serif;
    color: rgba(115,91,74,.5);
    letter-spacing: .03em;
    padding: 5px 0;
    text-align: center;
    border: 2px solid rgba(115,91,74,.5);
    border-radius: 80px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .nav-btns_user-access .user-access-btn .user-access-btn_text:hover {
        border-color:rgba(0,0,0,0);
        background-color: #f7bebb;
        color: #fff
    }
}

.nav-btns_user-access .user-access-subtn {
    display: table;
    margin: 10px auto 0
}

.nav-btns_user-access .user-access-subtn .user-access-subtn_text {
    display: block;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    color: rgba(115,91,74,.5);
    letter-spacing: .03em;
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .nav-btns_user-access .user-access-subtn .user-access-subtn_text:hover {
        color:#735b4a;
        border-color: #735b4a
    }
}

@media(min-width: 768px) {
    .nav-btns_user-access.open {
        bottom:calc(100% + 31px)
    }
}

@media(min-width: 1024px) {
    .nav-btns_user-access {
        bottom:auto;
        top: calc(100% + 10px)
    }

    .nav-btns_user-access.open {
        bottom: auto;
        top: calc(100% + 31px)
    }
}

@media(min-width: 1280px) {
    .nav-btns_user-access {
        left:auto;
        right: 0
    }
}

.nav-btns_lang {
    float: right;
    cursor: pointer
}

.nav-btns_lang .btns-lang-element {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.nav-btns_lang .btns-lang-text {
    position: absolute;
    top: calc(50% + 1px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font: 700 12px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .nav-btns_lang:hover .btns-lang-element {
        border-color:#9b887d
    }

    .nav-btns_lang:hover .btns-lang-element:after {
        color: #9b887d
    }

    .nav-btns_lang:hover .btns-lang-text {
        color: #9b887d
    }
}

@media(min-width: 768px) {
    .nav-btns_lang .btns-lang-element {
        width:40px;
        height: 40px
    }

    .nav-btns_lang .btns-lang-text {
        font-size: 14px
    }
}

@media(min-width: 1024px) {
    .nav-btns_lang {
        float:none;
        display: inline-block;
        vertical-align: middle
    }

    .nav-btns_lang .wrap-btns-lang {
        padding: 0 10px
    }

    .nav-btns_lang .btns-lang-element {
        position: relative;
        border-color: #735b4a
    }

    .nav-btns_lang .btns-lang-text {
        color: #735b4a
    }
}

@media(min-width: 1280px) {
    .nav-btns_lang {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1366px) {
    .nav-btns_lang {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-btns_lang .wrap-btns-lang {
        padding: 0 10px
    }
}

.nav-book {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 90px);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.nav-book .nav-book_btn {
    width: 180px
}

.nav-book .nav-book_btn-link {
    width: 100%;
    text-align: center;
    background-color: #f7bebb;
    font: 700 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 0 11px
}

@media(min-width: 768px) {
    .nav-book {
        top:calc(50% - 25px);
        left: calc(50% - 130px)
    }

    .nav-book .nav-book_btn {
        width: 260px
    }

    .nav-book .nav-book_btn-link {
        font-size: 20px;
        padding: 16px 0 14px
    }
}

@media(min-width: 1024px) {
    .nav-book {
        left:auto;
        right: 40px
    }
}

@media(min-width: 1280px) {
    .nav-book {
        display:none
    }
}

.nav-logo {
    display: none
}

@media(min-width: 1024px) {
    .nav-logo {
        display:block;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        transform: translateX(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .nav-logo .wrap-nav-logo {
        display: block;
        padding: 5px 0;
        height: 100%
    }

    .nav-logo .nav-logo_element {
        display: block;
        height: 100%;
        width: 215px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        background-image: url('../../assets/images/logo.svg');
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    /*
    .menu-white .nav-logo .nav-logo_element {
        background-image: url('../assets/images/logo-white.svg');
    }

    .menu-dark .nav-logo .nav-logo_element {
        background-image: url('../assets/images/logo.svg');
    }
    */

}

@media(min-width: 1280px) {
    .nav-logo {
        left:40px;
        transform: none;
    }
}

@media(min-width: 1680px) {
    .nav-logo .wrap-nav-logo .nav-logo_element {
        width:260px;
    }
}

.subnav-box {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
}

.subnav-box.open {
    pointer-events: auto;
    opacity: 1;
}

.subnav-box.open .wrap-subnav-box {
    transform: translateY(0);
}

@media(min-width: 1280px) {
    .subnav-box[data-subnav=gastro] .subnav-box_list .wrap-subnav-list {
        text-align:center;
    }
}

.subnav-box.var-onpage .half-list-element_info .half-list-element_info-text span {
    display: block;
    color: #9b887d;
}

.subnav-box.var-onpage .half-list-element_info .half-list-element_info-text span:before {
    content: none
}

@media(min-width: 1024px) {
    .subnav-box.var-onpage .subnav-box_half-list .wrap-half-list {
        max-width:800px
    }

    .subnav-box.var-onpage .half-list-box {
        font-size: 0;
        margin: 0 -30px;
    }

    .subnav-box.var-onpage .half-list-element {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 30px
    }

    .subnav-box.var-onpage .half-list-element_img {
        display: inline-block;
        width: 115px;
        height: 115px
    }

    .subnav-box.var-onpage .half-list-element_info {
        width: calc(100% - 115px);
        padding-left: 35px
    }
}

@media(min-width: 1280px) {
    .subnav-box.var-onpage .subnav-box_half-list {
        width:100%;
        display: block;
        padding: 0 70px
    }

    .subnav-box.var-onpage .subnav-box_half-list .wrap-half-list {
        max-width: 1420px
    }

    .subnav-box.var-onpage .half-list-element {
        width: 33.33%
    }

    .subnav-box.var-onpage .half-list-element .wrap-list-element:before {
        content: none
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .subnav-box.var-onpage .half-list-element .wrap-list-element:hover .half-list-element_img:before {
        opacity:0
    }
}

@media(min-width: 1280px) {
    .subnav-box.var-onpage .half-list-element_info {
        padding-right:20px
    }
}

@media(min-width: 1280px) {
    .subnav-box.var-onpage .half-list-element_img:before {
        content:"";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(155,136,125,.5);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .subnav-box.var-onpage .half-list-element_info {
        padding-left:20px
    }

    .subnav-box.var-onpage .half-list-element_info .half-list-element_info-text {
        font-size: 28px
    }

    .subnav-box.var-onpage .half-list-element_info .half-list-element_info-text span {
        font-size: 16px
    }
}

.subnav-box .wrap-subnav-box {
    height: 100%;
    background-color: #fdf6f5;
    overflow: auto;
    transform: translateY(50px);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.subnav-box .subnav-box_close {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px
}

@media(min-width: 768px) {
    .subnav-box {
        padding:15px
    }

    .subnav-box .subnav-box_close {
        top: 40px;
        right: 40px
    }
}

@media(min-width: 1280px) {
    .subnav-box .wrap-subnav-box {
        font-size:0
    }
}

.subnav-box_half-list .wrap-half-list {
    padding: 40px
}

.subnav-box_half-list .half-list-title {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .06em;
    color: #9b887d;
    padding-bottom: 10px;
    padding-right: 15px
}

.subnav-box_half-list .half-list-back {
    padding-top: 20px
}

@media(min-width: 768px) {
    .subnav-box_half-list {
        font-size:0;
        text-align: center
    }

    .subnav-box_half-list:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: calc(100vh - 30px);
        opacity: 0;
        pointer-events: none
    }

    .subnav-box_half-list .wrap-half-list {
        display: inline-block;
        vertical-align: middle;
        padding: 70px 0;
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        text-align: left
    }

    .subnav-box_half-list .half-list-title {
        font-size: 20px;
        padding-bottom: 30px
    }

    .subnav-box_half-list .half-list-back {
        padding-top: 30px;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .subnav-box_half-list .half-list-title {
        padding-bottom:20px
    }
}

@media(min-width: 1280px) {
    .subnav-box_half-list {
        display:inline-block;
        vertical-align: middle;
        width: 50%;
        padding-left: 15px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .subnav-box_half-list .half-list-box:hover>* {
        opacity:.6
    }

    .subnav-box_half-list .half-list-box:hover>*:hover {
        opacity: 1
    }
}

@media(min-width: 1680px) {
    .subnav-box_half-list .wrap-half-list {
        max-width:600px
    }
}

.half-list-element .wrap-list-element {
    position: relative;
    display: block;
    font-size: 0;
    padding: 10px 25px 10px 0;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.half-list-element .wrap-list-element:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
    font-family: "icomoon";
    font-size: 11px;
    color: #735b4a
}

@media(min-width: 1024px) {
    .half-list-element .wrap-list-element {
        padding:20px 0 15px
    }

    .half-list-element .wrap-list-element:after {
        content: none
    }
}

@media(min-width: 1280px) {
    .half-list-element .wrap-list-element {
        padding:25px 0 20px
    }
}

@media(min-width: 1680px) {
    .half-list-element .wrap-list-element {
        padding:30px 0 25px
    }
}

@media(min-width: 1280px) {
    .half-list-element {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .half-list-element .wrap-list-element:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 0;
        height: 1px;
        background-color: #9b887d;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .half-list-element .wrap-list-element:after {
        content: "";
        top: 50%;
        right: 30px;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .half-list-element .wrap-list-element:hover:before {
        width:100%
    }

    .half-list-element .wrap-list-element:hover:after {
        right: 20px;
        opacity: 1
    }
}

.half-list-element_img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.half-list-element_img .half-list-element_img-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .half-list-element_img {
        width:85px;
        height: 85px
    }
}

@media(min-width: 1024px) {
    .half-list-element_img {
        display:none
    }
}

.half-list-element_info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    padding-left: 15px
}

.half-list-element_info .half-list-element_info-text {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    text-transform: uppercase;
    letter-spacing: .03em
}

.half-list-element_info .half-list-element_info-text span {
    display: block;
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    opacity: .8;
    padding-top: 5px;
    text-transform: none
}

@media(min-width: 768px) {
    .half-list-element_info {
        width:calc(100% - 85px);
        padding-left: 25px
    }

    .half-list-element_info .half-list-element_info-text {
        font-size: 22px
    }

    .half-list-element_info .half-list-element_info-text span {
        font-size: 18px
    }
}

@media(min-width: 1024px) {
    .half-list-element_info {
        width:100%;
        padding-left: 0
    }

    .half-list-element_info .half-list-element_info-text span {
        display: inline
    }

    .half-list-element_info .half-list-element_info-text span:before {
        content: "/";
        display: inline-block;
        font: 400 18px/1 "brandon-grotesque",sans-serif;
        color: #735b4a;
        opacity: .8;
        padding: 0 8px 0 4px
    }
}

@media(min-width: 1280px) {
    .half-list-element_info .half-list-element_info-text {
        font-size:24px
    }
}

.subnav-box_half-media {
    display: none
}

@media(min-width: 1280px) {
    .subnav-box_half-media {
        display:inline-block;
        vertical-align: middle;
        width: 50%;
        height: 100%;
        padding: 0 60px 0 20px
    }

    .subnav-box_half-media .wrap-half-media {
        position: relative;
        height: 100%
    }

    .subnav-box_half-media .half-media-img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 550px;
        height: 550px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(-50%) translateX(-50%)
    }

    .subnav-box_half-media .half-media-img.adjust-png {
        background-size: contain
    }
}

@media(min-width: 1680px) {
    .subnav-box_half-media .half-media-img {
        width:660px;
        height: 660px
    }
}

.subnav-box_list .wrap-subnav-list {
    padding: 40px
}

.subnav-box_list .subnav-list-title {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .06em;
    color: #9b887d;
    padding-bottom: 10px
}

.subnav-box_list .subnav-list-back {
    padding-top: 15px
}

@media(min-width: 768px) {
    .subnav-box_list {
        font-size:0;
        text-align: center
    }

    .subnav-box_list:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: calc(100vh - 30px);
        opacity: 0;
        pointer-events: none
    }

    .subnav-box_list .wrap-subnav-list {
        display: inline-block;
        vertical-align: middle;
        padding: 70px 0;
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        text-align: left
    }

    .subnav-box_list .subnav-list-title {
        font-size: 20px;
        padding-bottom: 30px
    }

    .subnav-box_list .subnav-list-back {
        padding-top: 25px
    }
}

@media(min-width: 1280px) {
    .subnav-box_list {
        padding:0 70px
    }

    .subnav-box_list .subnav-list-title {
        font-size: 21px;
        padding-bottom: 50px
    }

    .subnav-box_list .wrap-subnav-list {
        max-width: 1080px
    }

    .subnav-box_list .subnav-list-box {
        margin: 0 -30px
    }

    .subnav-box_list .subnav-list-back {
        display: none
    }
}

@media(min-width: 1680px) {
    .subnav-box_list .wrap-subnav-list {
        max-width:1420px
    }

    .subnav-box_list .subnav-list-box {
        margin: 0 -50px
    }
}

.subnav-list-element .wrap-list-element {
    display: block;
    padding: 10px 0;
    font-size: 0
}

@media(min-width: 768px) {
    .subnav-list-element .wrap-list-element {
        padding:15px 0
    }
}

@media(max-width: 1365px) {
    .subnav-list-element .wrap-list-element {
        border-bottom:1px solid rgba(115,91,74,.4)
    }
}

@media(min-width: 1366px) {
    .subnav-list-element {
        display:inline-block;
        vertical-align: top;
        width: 25%;
        padding-bottom: 90px
    }

    .subnav-list-element .wrap-list-element {
        position: relative;
        padding: 0 30px;
        cursor: pointer
    }
}

@media(min-width: 1366px)and (min-width: 1025px) {
    .subnav-list-element:hover .subnav-list-element_info {
        transform:translateY(-60px)
    }

    .subnav-list-element:hover .subnav-list-element_info .subnav-list-element_info-title {
        color: #9b887d
    }

    .subnav-list-element:hover .subnav-list-element_info .subnav-list-element_info-btn {
        opacity: 1;
        margin: 20px auto;
        height: 40px
    }
}

@media(min-width: 1366px)and (min-width: 1025px)and (max-width: 1679px) {
    .subnav-list-element:hover .subnav-list-element_info .subnav-list-element_info-btn {
        height:36px
    }
}

@media(min-width: 1366px)and (min-width: 1025px) {
    .subnav-list-element:hover .subnav-list-element_info .subnav-list-element_info-btn .btn-corp-text {
        padding:10px 20px
    }
}

@media(min-width: 1366px)and (min-width: 1025px)and (min-width: 1680px) {
    .subnav-list-element:hover .subnav-list-element_info {
        padding-bottom:0
    }

    .subnav-list-element:hover .subnav-list-element_info .subnav-list-element_info-btn {
        margin: 20px auto 30px
    }
}

@media(min-width: 1680px) {
    .subnav-list-element .wrap-list-element {
        padding:0 20px
    }
}

.subnav-list-element_img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px
}

.subnav-list-element_img .subnav-list-element_img-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .subnav-list-element_img {
        width:110px;
        height: 100px
    }
}

@media(min-width: 1366px) {
    .subnav-list-element_img {
        width:100%;
        height: auto;
        padding-top: 100%
    }
}

.subnav-list-element_info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    padding-left: 15px
}

.subnav-list-element_info .subnav-list-element_info-title {
    position: relative;
    font: 400 20px/1 "brandon-grotesque",sans-serif;
    color: #735b4a;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 20px 0 0
}

.subnav-list-element_info .subnav-list-element_info-subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #9b887d;
    padding-top: 5px
}

.subnav-list-element_info .subnav-list-element_info-btn {
    display: none
}

@media(min-width: 768px) {
    .subnav-list-element_info {
        width:calc(100% - 110px);
        padding-left: 35px
    }

    .subnav-list-element_info .subnav-list-element_info-title {
        font-size: 22px
    }

    .subnav-list-element_info .subnav-list-element_info-subtitle {
        font-size: 18px;
        letter-spacing: .05em;
        padding-top: 10px
    }
}

@media(max-width: 1365px) {
    .subnav-list-element_info {
        position:relative
    }

    .subnav-list-element_info:before {
        content: "";
        position: absolute;
        top: calc(50% - 5px);
        right: 10px;
        font-family: "icomoon";
        font-size: 11px;
        color: #735b4a
    }
}

@media(min-width: 1366px) {
    .subnav-list-element_info {
        position:absolute;
        top: 100%;
        left: 30px;
        width: calc(100% - 60px);
        z-index: 2;
        padding-left: 0;
        padding: 20px 25px 0;
        background-color: #fff;
        text-align: left;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        text-align: center
    }

    .subnav-list-element_info .subnav-list-element_info-title {
        padding-right: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        text-align: left
    }

    .subnav-list-element_info .subnav-list-element_info-subtitle {
        text-align: left
    }

    .subnav-list-element_info .subnav-list-element_info-btn {
        display: inline-block;
        margin: 0 auto;
        height: 20px;
        opacity: 0
    }

    .subnav-list-element_info .subnav-list-element_info-btn .btn-corp-text {
        padding: 0 10px
    }
}

@media(min-width: 1680px) {
    .subnav-list-element_info {
        width:calc(100% - 40px);
        left: 20px;
        padding: 30px 25px 10px
    }

    .subnav-list-element_info .subnav-list-element_info-title {
        font-size: 24px
    }
}

.shortcut-menu {
    display: none
}

@media(max-width: 1023px) {
    .shortcut-menu {
        display:block;
        position: fixed;
        z-index: 98;
        bottom: 0;
        left: 0;
        width: 100%;
        will-change: transform;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .85s;
        transition-delay: .7s;
        -webkit-transition-delay: .7s;
        -moz-transition-delay: .7s;
        -ms-transition-delay: .7s;
        -o-transition-delay: .7s
    }

    .shortcut-menu.hide {
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transform: translateY(100%)
    }

    .shortcut-menu .wrap-shortcut-menu {
        background-color: #fff;
        text-align: center;
        height: 60px;
        font-size: 0;
        overflow: hidden
    }

    .shortcut-menu .wrap-shortcut-menu:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
        opacity: 0;
        pointer-events: none
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .shortcut-menu .wrap-shortcut-menu {
        height:85px
    }
}

@media(max-width: 1023px) {
    .shortcut-menu-list {
        font-size:0;
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }
}

@media(max-width: 1023px) {
    .shortcut-menu-element {
        display:inline-block;
        vertical-align: bottom
    }
}

@media(max-width: 1023px)and (min-width: 540px) {
    .shortcut-menu-element:first-child .wrap-shortcut-element {
        padding-left:10px
    }

    .shortcut-menu-element:last-child .wrap-shortcut-element {
        padding-right: 10px
    }
}

@media(max-width: 1023px) {
    .shortcut-menu-element .wrap-shortcut-element {
        padding:16px 0
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon {
        display: inline-block;
        font-size: 22px;
        color: #735b4a
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon.icon-cultery,.shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon.icon-massage,.shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon.icon-sunset {
        font-size: 25px
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon:before {
        display: inline-block
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-text {
        display: none
    }
}

@media(max-width: 1023px)and (max-width: 539px) {
    .shortcut-menu-element {
        width:14.2857142857%
    }
}

@media(max-width: 1023px)and (max-width: 374px) {
    .shortcut-menu-element .wrap-shortcut-element {
        padding:13px
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon {
        font-size: 20px
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon.icon-bell {
        font-size: 23px
    }
}

@media(max-width: 1023px)and (min-width: 540px) {
    .shortcut-menu-element {
        width:14.2857142857%
    }

    .shortcut-menu-element .wrap-shortcut-element {
        padding: 12px 0
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-icon {
        height: 30px
    }

    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-text {
        display: block;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #735b4a
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .shortcut-menu-element .wrap-shortcut-element .shortcut-element-text {
        font-size:14px
    }
}

.menu-btn .wrap-menu-btn {
    position: relative;
    cursor: pointer;
    padding-bottom: 5px
}

.menu-btn .wrap-menu-btn .menu-btn-text {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-family: "brandon-grotesque",sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #735b4a;
    text-transform: uppercase;
    letter-spacing: .03em
}

.menu-btn .wrap-menu-btn .menu-btn-icon {
    font-size: 18px;
    color: #735b4a
}

.menu-btn .wrap-menu-btn .menu-btn-icon:before {
    content: "";
    display: inline-block
}

@media(min-width: 540px) {
    .menu-btn .wrap-menu-btn {
        padding-bottom:23px
    }

    .menu-btn .wrap-menu-btn .menu-btn-text {
        bottom: 0
    }
}

@media(min-width: 768px) {
    .menu-btn .wrap-menu-btn .menu-btn-text {
        font-size:14px
    }
}

@media(min-width: 1024px) {
    .menu-btn .wrap-menu-btn {
        font-size:0;
        padding: 8px 0
    }

    .menu-btn .wrap-menu-btn .menu-btn-text {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        padding-right: 12px;
        font-size: 16px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .menu-btn .wrap-menu-btn .menu-btn-icon {
        display: inline-block;
        vertical-align: middle
    }

    .menu-btn .wrap-menu-btn .menu-btn-icon:before {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .menu-btn .wrap-menu-btn .menu-btn-text {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .menu-btn .wrap-menu-btn .menu-btn-text:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%) scale(0);
        opacity: 0;
        font-family: "icomoon";
        font-size: 6px;
        color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .menu-btn .wrap-menu-btn:hover .menu-btn-text {
        padding-right:30px
    }

    .menu-btn .wrap-menu-btn:hover .menu-btn-text:after {
        transform: translateY(-50%) scale(1);
        opacity: 1
    }
}

@media(max-width: 1023px) {
    .intern-nav {
        position:fixed;
        z-index: 100;
        left: calc(50% - 100px);
        bottom: 60px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .intern-nav .wrap-intern-nav {
        width: 200px;
        padding: 14px 0
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .intern-nav {
        bottom:85px;
        left: calc(50% - 130px)
    }

    .intern-nav .wrap-intern-nav {
        width: 260px;
        padding: 18px 0
    }
}

@media(max-width: 1023px) {
    .intern-nav-element {
        display:none
    }
}

@media(max-width: 1023px) {
    .intern-nav-btn .wrap-nav-btn {
        width:100%;
        border-radius: 80px
    }

    .intern-nav-btn .nav-btn-text {
        color: #fff;
        text-transform: uppercase;
        min-width: auto;
        width: 100%;
        font-size: 16px;
        padding: 8px 0px 7px;
        border: none;
        border-radius: 80px;
        font-weight: 700
    }
}

@media(max-width: 1023px)and (min-width: 768px) {
    .intern-nav-btn .nav-btn-text {
        font-size:18px;
        padding: 12px 0px 11px
    }
}

@media(min-width: 1024px) {
    .internmenu-white .intern-nav .wrap-intern-nav {
        background-color:rgba(115,91,74,.6)
    }

    .internmenu-white .intern-nav-element .nav-element-text {
        color: #fff
    }
}

@media(min-width: 1024px)and (min-width: 1025px) {
    .internmenu-white .intern-nav-element:hover .nav-element-text {
        color:#fff
    }
}

@media(min-width: 1024px) {
    .intern-nav {
        display:block;
        position: fixed;
        z-index: 90;
        top: 82px;
        left: 15px;
        width: calc(100% - 30px)
    }

    .intern-nav .wrap-intern-nav {
        position: relative;
        background-color: rgba(232,233,234,.8);
        font-size: 0;
        text-align: center;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1024px)and (min-width: 1280px) {
    .intern-nav {
        top:80px
    }
}

@media(min-width: 1024px)and (min-width: 1680px) {
    .intern-nav {
        left:20px;
        width: calc(100% - 40px)
    }
}

@media(min-width: 1024px) {
    .intern-nav-element {
        display:inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .intern-nav-element .wrap-nav-element {
        padding: 19px 20px 18px
    }

    .intern-nav-element .nav-element-text {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #735b4a;
        text-transform: uppercase;
        letter-spacing: .15em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1024px)and (min-width: 1025px) {
    .intern-nav-element:hover .nav-element-text {
        color:#9b887d
    }
}

@media(min-width: 1024px)and (min-width: 1280px) {
    .intern-nav-element .wrap-nav-element {
        padding:28px 30px 28px
    }

    .intern-nav-element .nav-element-text {
        font-size: 14px;
        letter-spacing: .2em
    }
}

@media(min-width: 1024px)and (min-width: 1680px) {
    .intern-nav-element .wrap-nav-element {
        padding:28px 45px 28px
    }
}

@media(min-width: 1024px) {
    .intern-nav-btn {
        display:inline-block;
        vertical-align: middle;
        padding-left: 20px
    }

    .intern-nav-btn .wrap-nav-btn {
        display: block;
        text-align: center
    }

    .intern-nav-btn .wrap-nav-btn:after {
        border-radius: 80px
    }

    .intern-nav-btn .nav-btn-text {
        background-color: #9b887d;
        border-radius: 80px;
        min-width: 190px;
        border: none;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .15em
    }
}

@media(min-width: 1024px)and (min-width: 1280px) {
    .intern-nav-btn {
        padding-left:30px
    }
}

@media(min-width: 1024px)and (min-width: 1680px) {
    .intern-nav-btn {
        position:absolute;
        padding: 0;
        right: 40px;
        top: calc(50% - 15px)
    }
}

.events-box .wrap-subnav-list {
    max-width: 100%
}

@media(max-width: 1679px) {
    .events-box .btn-corp-text {
        position:relative;
        z-index: 1;
        display: block;
        padding: 10px 20px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 13px;
        font-weight: 500;
        color: rgba(115,91,74,.5);
        text-transform: uppercase;
        letter-spacing: .06em;
        border: 2px solid rgba(115,91,74,.5);
        background-color: rgba(0,0,0,0);
        max-width: 260px;
        min-width: 200px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(max-width: 1365px) {
    .events-box .btn-corp-text {
        position:relative;
        z-index: 1;
        display: block;
        padding: 10px 20px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: rgba(115,91,74,.5);
        text-transform: uppercase;
        letter-spacing: .06em;
        border: 2px solid rgba(115,91,74,.5);
        background-color: rgba(0,0,0,0);
        max-width: 260px;
        min-width: 180px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(max-width: 1365px) {
    .events-box .wrap-subnav-list {
        max-width:500px
    }
}

@media(max-width: 767px) {
    .events-box .wrap-subnav-list {
        max-width:100%
    }
}

.flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-column {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width: 1280px) {
    .top-module.video-active .top-module-slider {
        display:none
    }

    .top-module.video-active .top-module-video {
        display: block
    }
}

.top-module .wrap-top-module {
    position: relative;
    height: calc(100vh - 60px);
    min-height: 508px
}

@media(min-width: 768px) {
    .top-module .wrap-top-module {
        height:calc(100vh - 85px)
    }
}

@media(min-width: 1024px) {
    .top-module .wrap-top-module {
        height:100vh
    }
}

@media(min-width: 1280px) {
    .top-module {
        position:relative
    }

    .top-module .wrap-top-module {
        height: 100vh
    }
}

.top-module-breadcrumbs {
    display: none
}

@media(min-width: 1024px) {
    .top-module-breadcrumbs {
        display:block;
        position: absolute;
        z-index: 2;
        top: 160px;
        right: 30px
    }
}

@media(min-width: 1280px) {
    .top-module-breadcrumbs {
        top:185px
    }
}

@media(min-width: 1680px) {
    .top-module-breadcrumbs {
        right:50px
    }
}

.top-module-slider {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.top-slider-element .wrap-slider-element {
    width: 100%;
    height: 100%
}

.top-slider-element .wrap-slider-element .slider-element-img {
    display: block;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.top-module-logo {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.top-module-logo .wrap-top-logo {
    text-align: center;
    padding-top: 35px
}

.top-module-logo .wrap-top-logo .top-logo-img {
    display: inline-block;
    width: 240px;
    height: auto
}

@media(min-width: 768px) {
    .top-module-logo .wrap-top-logo {
        padding-top:40px
    }

    .top-module-logo .wrap-top-logo .top-logo-img {
        width: 360px
    }
}

@media(min-width: 1024px) {
    .top-module-logo {
        display:none
    }
}

.top-module-text {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 215px;
    width: 100%;
    text-align: center;
    padding: 0 25px
}

.top-module-text .top-module-text_btn {
    margin-bottom: 15px
}

.top-module-text .top-module-text_btn:before {
    font-size: 6px
}

.top-module-text .top-module-text_btn .btn-corp-text {
    padding: 11px 15px 9px;
    font-size: 18px
}

.top-module-text .top-module-text_title {
    display: none
}

.top-module-text .top-module-text_logo {
    display: none
}

.top-module-text .top-module-text_phrase {
    font: 400 18px/1.2 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3)
}

.top-module-text .top-module-text_subtext {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    padding-top: 15px;
    text-transform: uppercase;
    max-width: 580px;
    border-top: 1px solid #fff;
    margin: 12px auto 0
}

@media(max-width: 374px) {
    .top-module-text .top-module-text_btn .btn-corp-text {
        min-width:auto
    }

    .top-module-text .top-module-text_phrase {
        display: none
    }
}

@media(min-width: 540px) {
    .top-module-text .top-module-text_title {
        display:block;
        font: 500 28px/1 "brandon-grotesque",sans-serif;
        letter-spacing: .05em;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        text-transform: uppercase;
        padding-bottom: 5px
    }
}

@media(min-width: 768px) {
    .top-module-text {
        bottom:250px
    }

    .top-module-text .top-module-text_btn {
        margin-bottom: 20px
    }

    .top-module-text .top-module-text_title {
        padding-bottom: 10px
    }

    .top-module-text .top-module-text_phrase {
        font-size: 20px
    }
}

@media(min-width: 1024px) {
    .top-module-text {
        bottom:60px
    }

    .top-module-text .top-module-text_logo {
        display: inline-block;
        width: 400px;
        height: auto
    }

    .top-module-text .top-module-text_title {
        letter-spacing: .1em
    }

    .top-module-text .top-module-text_phrase {
        font-size: 22px
    }
}

@media(min-width: 1280px) {
    .top-module-text {
        bottom:45px
    }

    .top-module-text .top-module-text_title {
        letter-spacing: .15em
    }

    .top-module-text .top-module-text_subtext {
        max-width: 720px
    }
}

.top-module-view {
    display: block;
    position: absolute;
    z-index: 2;
    top: calc(50% - 37px);
    right: 40px
}

@media(max-width: 1023px) {
    .top-module-view {
        display:none
    }
}

.top-module-view .top-module-view_info {
    position: absolute;
    top: calc(50% - 9px);
    right: calc(100% + 15px);
    font-family: "brandon-grotesque",sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .03em;
    width: 190px;
    text-align: right;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    pointer-events: none;
    opacity: 0;
    transform: rotateY(45deg);
    will-change: transform;
    animation: showoff 15s 5s infinite
}

.top-module-view .top-module-view_info:after {
    content: "";
    display: inline-block;
    font-family: "icomoon";
    font-size: 12px;
    color: #fff;
    padding-left: 12px;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3)
}

.top-module-view .top-module-view_btn {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .top-module-view .top-module-view_btn:hover {
        background-color:#f7bebb;
        border-color: rgba(0,0,0,0)
    }

    .top-module-view .top-module-view_btn:hover~.top-module-view_info {
        animation: none;
        transform: rotateY(0deg);
        opacity: 1
    }
}

.top-module-view .top-module-view_btn-text {
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .03em
}

.top-module-view.top-module-info {
    display: block;
    top: 50%
}

.top-module-view.top-module-info .wrap-module-info {
    background-color: #fff;
    width: 390px;
    max-width: 100%;
    padding: 35px;
    text-align: center;
    position: relative
}

.top-module-view.top-module-info .module-info-icon {
    font-size: 35px;
    background: #fff;
    border-radius: 100%;
    padding: 16px;
    top: -30px;
    position: absolute;
    left: calc(50% - 30px)
}

.top-module-view.top-module-info .module-info-icon::before {
    border: 1px solid #735b4a;
    border-radius: 100%
}

.top-module-view.top-module-info .module-info-text {
    font-size: 16px;
    color: rgba(115,91,74,.7);
    line-height: 22px;
    letter-spacing: .02em
}

.top-module-links {
    display: none
}

@media(min-width: 1024px) {
    .top-module-links {
        display:block;
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 50px;
        right: 40px
    }

    .top-module-links .wrap-top-links {
        font-size: 0;
        padding: 0
    }
}

@media(min-width: 1280px) {
    .top-module-links {
        bottom:70px
    }
}

@media(min-width: 1680px) {
    .top-module-links {
        right:70px
    }
}

@media(min-width: 1024px) {
    .top-links-element {
        display:inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .top-links-element .wrap-links-element {
        position: relative;
        font-size: 0;
        padding: 3px 0
    }

    .top-links-element .wrap-links-element .links-element-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        letter-spacing: .06em;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        padding-right: 10px
    }

    .top-links-element .wrap-links-element .links-element-icon {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: 2px solid #fff;
        font-size: 12px;
        color: #fff;
        overflow: hidden;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        box-shadow: 2px 2px 2px rgba(115,91,74,.3);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .top-links-element .wrap-links-element .links-element-icon:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .top-links-element .wrap-links-element .links-element-icon:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        background-color: #fff;
        border-radius: 50%;
        transform: translateX(-50%) translateY(-50%) scale(0);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .85s
    }
}

@media(min-width: 1024px)and (min-width: 1025px) {
    .top-links-element .wrap-links-element:hover .links-element-icon {
        background-color:#735b4a;
        text-shadow: none;
        border-color: rgba(0,0,0,0)
    }

    .top-links-element .wrap-links-element:hover .links-element-icon:after {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0
    }
}

@media(min-width: 1280px)and (max-width: 1365px) {
    .top-links-element .wrap-links-element .links-element-text {
        display:none
    }
}

.top-module-scroll {
    position: absolute;
    z-index: 2;
    bottom: 100px;
    left: 0;
    width: 100%
}

.top-module-scroll .wrap-top-scroll {
    padding: 20px 0;
    text-align: center;
    cursor: pointer
}

.top-module-scroll .wrap-top-scroll .top-scroll-text {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .06em;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    padding-top: 10px
}

.top-module-scroll .wrap-top-scroll .top-scroll-icon {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    box-shadow: 2px 2px 2px rgba(115,91,74,.3)
}

.top-module-scroll .wrap-top-scroll .top-scroll-icon:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 9px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.top-module-scroll .wrap-top-scroll .top-scroll-icon:after {
    position: absolute;
    content: "";
    font-family: "icomoon";
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
    font-size: 16px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(115,91,74,.3);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    opacity: 0
}

@media(min-width: 1025px) {
    .top-module-scroll .wrap-top-scroll:hover .top-scroll-icon {
        background-color:#f7bebb;
        border-color: rgba(0,0,0,0);
        text-shadow: none
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-icon:before {
        transform: translateY(0%) translateX(-50%);
        opacity: 0
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-icon:after {
        transform: translateY(-50%) translateX(-50%);
        opacity: 1
    }
}

@media(min-width: 768px) {
    .top-module-scroll {
        bottom:125px
    }
}

@media(min-width: 1024px) {
    .top-module-scroll {
        bottom:50px;
        left: 40px;
        width: auto
    }

    .top-module-scroll .wrap-top-scroll {
        position: relative;
        padding: 0;
        text-align: left
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        position: absolute;
        top: calc(50% - 1px);
        left: 100%;
        width: 120px;
        transform: translateY(-50%);
        padding-bottom: 0;
        line-height: 133.3333333333%;
        padding-left: 15px;
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .top-module-scroll {
        bottom:30px;
        width: auto;
        left: 40px
    }
}

@media(min-width: 1280px)and (max-width: 1365px) {
    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        display:none
    }
}

@media(min-width: 1680px) {
    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        width:115px;
        padding-left: 20px
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-text:before {
        left: 20px
    }
}

@media(min-width: 1280px) {
    .motor-mask .motor-fixed .wrap-motor-fixed {
        background-color:rgba(0,0,0,.2)
    }

    .motor-mask .motor-fixed .wrap-motor-fixed:before,.motor-mask .motor-fixed .wrap-motor-fixed:after {
        content: none
    }

    .motor-mask .attach-links-element:not(:hover) .wrap-attach-element {
        border-color: #fff
    }

    .motor-mask .attach-links-element:not(:hover) .wrap-attach-element .attach-element-text,.motor-mask .attach-links-element:not(:hover) .wrap-attach-element .attach-element-icon {
        color: #fff
    }
}

@media(min-width: 1024px) {
    .motor-top .attach-links {
        top:0;
        height: 0;
        position: relative;
    }

    .motor-top .attach-links .wrap-attach-links {
        padding: 0;
        background-color: rgba(0,0,0,0)
    }

    .motor-top .attach-links .wrap-attach-links:before,.motor-top .attach-links .wrap-attach-links:after {
        content: none;
    }

    .motor-top .attach-links-element {
        padding: 0;
    }

    .motor-top .attach-links-element:first-child {
        position: absolute;
        z-index: 3;
        top: calc(50vh - 14px);
        left: 40px;
    }

    .motor-top .attach-links-element:nth-child(2) {
        position: absolute;
        z-index: 3;
        top: 110px;
        right: 40px;
    }

    .motor-top .attach-links-element .wrap-attach-element {
        border-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3);
    }

    .motor-top .attach-links-element .wrap-attach-element .attach-element-text {
        color: #fff;
    }

    .motor-top .attach-links-element .wrap-attach-element .attach-element-icon {
        color: #fff;
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .motor-top .attach-links .attach-links-element {
        padding:0 8px;
        background-color: rgba(0,0,0,0);
        border-radius: 0;
        margin: 0;
    }
}

@media(min-width: 1280px) {
    .motor-top .attach-links-element:nth-child(2) {
        top:calc(100vh - 73px);
        right: 40px;
        left: auto;
        width: 170px;
    }

    .motor-top .attach-links-element:nth-child(2) .wrap-attach-element:after {
        content: none;
    }

    .motor-top .motor-fixed {
        position: absolute;
        top: auto;
        bottom: auto;
        top: calc(100vh - 90px);
        left: calc(50% - 400px);
        width: auto;
    }

    .motor-top .motor-fixed .wrap-motor-fixed {
        background-color: rgba(0,0,0,0);
    }

    .motor-top .motor-fixed .wrap-motor-fixed:before,.motor-top .motor-fixed .wrap-motor-fixed:after {
        content: none
    }

    .motor-top .motor-fixed-box {
        padding: 0 12px
    }

    .motor-top .motor-element-field .wrap-motor-field {
        border-color: rgba(0,0,0,0)
    }

    .motor-top .motor-element-check .wrap-motor-check {
        border-color: rgba(115,91,74,.4)
    }

    .motor-top .motor-box-btn {
        width: calc(20% + 48px);
        margin: 0 -13px 0 0
    }

    .motor-top .motor-subox {
        bottom: calc(100% + 35px);
        top: auto
    }

    .motor-top .motor-subox.active .wrap-motor-subox:after {
        bottom: auto;
        top: calc(100% + 20px)
    }

    .motor-top .motor-subox .wrap-motor-subox:after {
        content: "";
        top: calc(100% + 10px);
        bottom: auto;
        color: #fff
    }

    .motor-top .top-module-text {
        bottom: 105px
    }
}

@media(min-width: 1280px) {
    .motor-fixed {
        position:fixed;
        z-index: 10;
        width: 100%;
        left: 0;
        top: 80px;
        will-change: transform
    }

    .motor-fixed .motor-fixed-backmask {
        display: none
    }

    .motor-fixed .wrap-motor-fixed {
        position: relative;
        background-color: rgba(243,234,231,.8);
        padding: 12px 0
    }

    .motor-fixed .wrap-motor-fixed:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 100%;
        background-color: #fff
    }

    .motor-fixed .wrap-motor-fixed:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 15px;
        height: 100%;
        background-color: #fff
    }
}

@media(min-width: 1280px)and (min-width: 1680px) {
    .motor-fixed .wrap-motor-fixed:before,.motor-fixed .wrap-motor-fixed:after {
        width:20px
    }
}

@media(min-width: 1280px) {
    .motor-close-btn {
        display:none
    }
}

@media(min-width: 1280px) {
    .motor-fixed-box {
        width:800px;
        margin: 0 auto
    }

    .motor-fixed-box .wrap-motor-box {
        position: relative;
        height: 46px;
        font-size: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        border-radius: 10px
    }

    .motor-fixed-box .wrap-motor-box form {
        height: 100%;
        width: 100%;
        font-size: 0
    }
}

@media(min-width: 1280px) {
    .motor-box-close {
        display:none;
        cursor: pointer;
        text-align: center;
        padding-top: 85px
    }

    .motor-box-close .motor-box-close_text {
        padding-top: 10px;
        font: 700 12px/1 "brandon-grotesque",sans-serif;
        letter-spacing: .25em;
        color: #fff;
        text-transform: uppercase
    }
}

@media(min-width: 1280px) {
    .motor-box-title,.motor-box-subtitle {
        display:none
    }
}

@media(min-width: 1280px) {
    .motor-box-links {
        position:absolute;
        top: calc(100% + 20px);
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .motor-links-element {
        display:inline-block;
        vertical-align: top;
        padding: 0 10px
    }

    .motor-links-element.transfer .wrap-links-element {
        background-color: #f7bebb
    }

    .motor-links-element .wrap-links-element {
        padding: 5px 15px;
        border-radius: 0;
        font-size: 0;
        background-color: #f7bebb;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        min-width: 160px;
        border-radius: 80px
    }

    .motor-links-element .links-element-icon {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-size: 20px;
        padding-right: 10px;
        height: 20px
    }

    .motor-links-element .links-element-icon.icon-check {
        font-size: 13px;
        padding-top: 3px
    }

    .motor-links-element .links-element-icon.icon-star {
        font-size: 16px;
        padding-top: 1px
    }

    .motor-links-element .links-element-icon.icon-present {
        font-size: 16px;
        padding-top: 1px
    }

    .motor-links-element .links-element-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-bottom: 2px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-links-element:hover .wrap-links-element {
        background-color:#f5afab
    }
}

@media(min-width: 1280px) {
    .motor-box-element {
        display:inline-block;
        vertical-align: top;
        height: 100%;
        width: calc(20% - 9px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-box-element:first-child .motor-element-field {
        padding-left: 0
    }

    .motor-box-element .wrap-motor-element {
        height: 100%
    }
}

@media(min-width: 1280px) {
    .motor-element-field {
        height:100%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        padding: 0 4px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-element-field:hover .wrap-motor-field {
        border-color:#735b4a
    }
}

@media(min-width: 1280px) {
    .motor-element-field.active .wrap-motor-field {
        border-color:#735b4a
    }
}

@media(min-width: 1280px) {
    .motor-element-field .wrap-motor-field {
        position:relative;
        height: 100%;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0);
        border-radius: 2px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-element-field .wrap-motor-field .motor-field-text {
        position: absolute;
        top: 8px;
        left: 15px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        pointer-events: none
    }

    .motor-element-field .wrap-motor-field .motor-field-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 24px 35px 6px 15px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em;
        background-color: rgba(0,0,0,0);
        cursor: pointer;
        line-height: 1.5
    }

    .motor-element-field .wrap-motor-field .motor-field-input.placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }

    .motor-element-field .wrap-motor-field .motor-field-input:-moz-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }

    .motor-element-field .wrap-motor-field .motor-field-input::-moz-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }

    .motor-element-field .wrap-motor-field .motor-field-input:-ms-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }

    .motor-element-field .wrap-motor-field .motor-field-input::-webkit-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }

    /*.motor-element-field .wrap-motor-field .motor-field-input:-o-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em
    }*/

    .motor-element-field .wrap-motor-field .motor-field-icon {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font-size: 16px;
        color: #735b4a;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-element-field .wrap-motor-field .motor-field-icon.icon-pointer-down {
        font-size: 8px
    }
}

@media(min-width: 1280px) {
    .motor-element-check {
        height:100%;
        padding: 0 4px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-element-check:hover .wrap-motor-check {
        border-color:#735b4a
    }
}

@media(min-width: 1280px) {
    .motor-element-check .wrap-motor-check {
        position:relative;
        display: block;
        height: 100%;
        cursor: pointer;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0);
        background-color: #fff;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .motor-element-check .motor-check-text {
        position:absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100% - 44px);
        padding-right: 10px;
        font: 500 14px/1.2 "brandon-grotesque",sans-serif;
        color: #735b4a
    }
}

@media(min-width: 1280px) {
    .motor-element-check .motor-check-input {
        display:none
    }

    .motor-element-check .motor-check-input:checked~.motor-check-icon:before {
        opacity: 1;
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@media(min-width: 1280px) {
    .motor-element-check .motor-check-icon {
        position:absolute;
        top: calc(50% - 10px);
        right: 12px;
        width: 18px;
        height: 18px;
        border: 1px solid #735b4a;
        border-radius: 50%
    }

    .motor-element-check .motor-check-icon:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.6);
        opacity: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .motor-box-btn {
        display:inline-block;
        vertical-align: top;
        height: 100%;
        width: calc(20% + 35px);
        padding-left: 6px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-box-btn a:hover .wrap-motor-btn {
        background-color:#f5afab
    }

    .motor-box-btn a:hover .wrap-motor-btn:after {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0
    }

    .motor-box-btn a:hover .wrap-motor-btn .motor-btn-text:after {
        transform: translateX(0px) scale(1);
        opacity: 1
    }
}

@media(min-width: 1280px) {
    .motor-box-btn .wrap-motor-btn {
        position:relative;
        height: 100%;
        background-color: #f7bebb;
        border-radius: 2px;
        text-align: center;
        overflow: hidden;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-box-btn .wrap-motor-btn:after {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        opacity: .4;
        background-color: #fff;
        pointer-events: none;
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    .motor-box-btn .wrap-motor-btn .motor-btn-text {
        position: relative;
        display: inline-block;
        z-index: 2;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: 15px 0
    }

    .motor-box-btn .wrap-motor-btn .motor-btn-subtext {
        position: absolute;
        z-index: 2;
        left: 0;
        width: 100%;
        bottom: 22px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        letter-spacing: .025em
    }
}

@media(max-width: 1279px) {
    .motor-fixed {
        display:block;
        position: fixed;
        z-index: 9999;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        opacity: 0;
        will-change: transform;
        overflow: hidden;
        pointer-events: none;
        background-color: #fff;
        padding: 12px
    }

    .motor-fixed.open {
        opacity: 1;
        pointer-events: auto
    }

    .motor-fixed.open .wrap-motor-fixed {
        transform: translateY(0)
    }

    .motor-fixed .wrap-motor-fixed {
        position: relative;
        height: 100%;
        width: 100%;
        background-color: #fdf6f5;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 70px 0;
        transform: translateY(50px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-fixed .wrap-motor-fixed:after {
        content: "";
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 635px;
        height: 190px;
        background-image: url("https://www.hotelvillachiquita.com/static/svg/resources/arrows-pattern.svg");
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .05
    }
}

@media(max-width: 1279px)and (max-width: 1023px)and (orientation: landscape) {
    .motor-fixed .wrap-motor-fixed:after {
        content:none
    }
}

@media(max-width: 1279px)and (min-width: 768px) {
    .motor-fixed .wrap-motor-fixed:after {
        width:1040px;
        height: 340px
    }
}

@media(max-width: 1279px)and (min-width: 1024px) {
    .motor-fixed .wrap-motor-fixed:after {
        width:1040px;
        height: 190px
    }
}

@media(max-width: 1279px) {
    .motor-box-close {
        display:none
    }
}

@media(max-width: 1279px) {
    .motor-close-btn {
        position:absolute;
        top: 20px;
        right: 20px
    }
}

@media(max-width: 1279px)and (max-width: 539px) {
    .motor-close-btn {
        width:34px;
        height: 34px
    }
}

@media(max-width: 1279px) {
    .motor-fixed-box .wrap-motor-box {
        position:relative;
        font-size: 0;
        max-width: 275px;
        margin: 0 auto;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-fixed-box .wrap-motor-box form {
        height: 100%;
        width: 100%;
        font-size: 0
    }

    .motor-fixed-box .motor-box-title {
        display: none
    }

    .motor-fixed-box .motor-box-subtitle {
        display: none
    }
}

@media(max-width: 1279px) {
    .motor-box-element {
        display:block;
        padding-bottom: 15px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-box-element.desktop-only {
        display: none
    }

    .motor-box-element.share-prices .motor-element-field .wrap-motor-field {
        border: none
    }

    .motor-box-element .wrap-motor-element {
        height: 100%
    }
}

@media(max-width: 1279px) {
    .motor-element-field {
        height:100%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-element-field.active {
        background-color: #f0f0f0
    }

    .motor-element-field.active .wrap-motor-field .motor-field-icon {
        transform: translateY(-50%) rotate(180deg)
    }

    .motor-element-field .wrap-motor-field {
        position: relative;
        height: 60px;
        border: 1px solid rgba(0,0,0,0);
        background-color: #fff
    }

    .motor-element-field .wrap-motor-field .motor-field-text {
        position: absolute;
        top: 15px;
        left: 15px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        pointer-events: none
    }

    .motor-element-field .wrap-motor-field .motor-field-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 30px 50px 8px 15px;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a;
        background-color: rgba(0,0,0,0);
        cursor: pointer;
        line-height: 1.5
    }

    .motor-element-field .wrap-motor-field .motor-field-input.placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }

    .motor-element-field .wrap-motor-field .motor-field-input:-moz-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }

    .motor-element-field .wrap-motor-field .motor-field-input::-moz-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }

    .motor-element-field .wrap-motor-field .motor-field-input:-ms-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }

    .motor-element-field .wrap-motor-field .motor-field-input::-webkit-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }

    /*.motor-element-field .wrap-motor-field .motor-field-input:-o-input-placeholder {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #735b4a
    }*/

    .motor-element-field .wrap-motor-field .motor-field-input[type=date] {
        -webkit-appearance: none
    }

    .motor-element-field .wrap-motor-field .motor-field-input[type=date]::-webkit-inner-spin-button,.motor-element-field .wrap-motor-field .motor-field-input[type=date]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none
    }

    .motor-element-field .wrap-motor-field .motor-field-icon {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font-size: 16px;
        color: #735b4a;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-element-field .wrap-motor-field .motor-field-icon.icon-pointer-down {
        font-size: 8px
    }
}

@media(max-width: 1279px) {
    .motor-field-share {
        padding:0 15px
    }

    .motor-field-share .motor-share-count {
        overflow: hidden;
        padding: 10px 0;
        border-bottom: 1px solid rgba(115,91,74,.4)
    }

    .motor-field-share .motor-share-count .share-count-info {
        float: left;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: rgba(115,91,74,.5);
        letter-spacing: .02em
    }

    .motor-field-share .motor-share-count .share-count-info.price {
        float: right
    }

    .motor-field-share .motor-share-total {
        overflow: hidden;
        padding: 10px 0
    }

    .motor-field-share .motor-share-total .share-total-info {
        float: left;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        padding-top: 2px
    }

    .motor-field-share .motor-share-total .share-total-info.price {
        font-size: 14px;
        float: right;
        padding-top: 0
    }
}

@media(max-width: 1279px) {
    .motor-element-check {
        height:100%
    }

    .motor-element-check .wrap-motor-check {
        position: relative;
        display: block;
        height: 60px;
        border: 1px solid rgba(115,91,74,.4);
        cursor: pointer;
        background-color: #fff
    }

    .motor-element-check .motor-check-text {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100% - 50px);
        padding-right: 10px;
        font: 500 14px/1.2 "brandon-grotesque",sans-serif;
        color: #735b4a
    }

    .motor-element-check .motor-check-input {
        display: none
    }

    .motor-element-check .motor-check-input:checked~.motor-check-icon:before {
        opacity: 1;
        transform: translateY(-50%) translateX(-50%) scale(1)
    }

    .motor-element-check .motor-check-icon {
        position: absolute;
        top: calc(50% - 10px);
        right: 15px;
        width: 20px;
        height: 20px;
        border: 1px solid #735b4a;
        border-radius: 50%
    }

    .motor-element-check .motor-check-icon:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.6);
        opacity: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(max-width: 1279px) {
    .motor-box-btn {
        display:block;
        padding-top: 10px
    }

    .motor-box-btn.corporative .wrap-motor-btn {
        background-color: #735b4a
    }

    .motor-box-btn.corporative .wrap-motor-btn:after {
        background-color: #735b4a
    }

    .motor-box-btn .wrap-motor-btn {
        position: relative;
        height: 100%;
        background-color: #f7bebb;
        text-align: center;
        overflow: hidden;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-box-btn .wrap-motor-btn .motor-btn-text {
        position: relative;
        display: inline-block;
        z-index: 2;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        letter-spacing: .05em;
        text-transform: uppercase;
        padding: 23px 0 19px
    }
}

@media(max-width: 1279px)and (min-width: 540px) {
    .wrap-motor-fixed {
        padding:80px 70px;
        font-size: 0
    }

    .wrap-motor-fixed:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
        opacity: 0;
        pointer-events: none
    }

    .motor-fixed-box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 1px)
    }

    .motor-fixed-box .wrap-motor-box {
        padding-top: 30px
    }

    .motor-fixed-box .motor-box-title {
        display: block;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .1em;
        padding-bottom: 10px;
        text-transform: uppercase;
        text-align: center
    }

    .motor-fixed-box .motor-box-subtitle {
        display: block;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #9b887d;
        letter-spacing: .03em;
        text-align: center
    }
}

@media(max-width: 1279px) {
    .motor-subox {
        height:0;
        width: 100%;
        transform: scale(0.6);
        opacity: 0;
        pointer-events: none;
        transform-origin: bottom center;
        -webkit-transform-origin: bottom center;
        -moz-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        -o-transform-origin: bottom center;
        will-change: transform
    }

    .motor-subox.active {
        height: auto;
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
        padding-top: 28px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox.active .wrap-motor-subox:after {
        bottom: calc(100% + 16px);
        opacity: 1;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subox.active .motor-subox-element {
        transform: translateY(0);
        opacity: 1
    }

    .motor-subox.active .motor-subox-element:nth-child(1) {
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subox.active .motor-subox-element:nth-child(2) {
        transition-delay: .5s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
        -o-transition-delay: .5s
    }

    .motor-subox.active .motor-subox-element:nth-child(3) {
        transition-delay: .7s;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .7s;
        -ms-transition-delay: .7s;
        -o-transition-delay: .7s
    }

    .motor-subox.active .motor-subox-btns {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .9s;
        -webkit-transition-delay: .6s;
        -moz-transition-delay: .9s;
        -ms-transition-delay: .9s;
        -o-transition-delay: .9s
    }

    .motor-subox .wrap-motor-subox {
        position: relative;
        background-color: #fdf6f5;
        border: 8px solid #fff
    }

    .motor-subox .wrap-motor-subox:after {
        content: "";
        position: absolute;
        bottom: calc(100% + 5px);
        left: calc(50% - 5px);
        font-family: "icomoon";
        font-size: 8px;
        color: rgba(115,91,74,.4);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox-container {
        padding: 35px;
        overflow: hidden
    }

    .motor-subox-element {
        padding-bottom: 15px;
        transform: translateX(-30px);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-select .wrap-motor-select {
        position: relative;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0);
        height: 55px
    }

    .motor-select .wrap-motor-select .motor-select-title {
        position: absolute;
        z-index: 2;
        display: block;
        width: 100%;
        top: 0;
        left: 0;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        padding: 8px 50px 0 10px;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-select .wrap-motor-select .motor-select-title small {
        color: #9b887d;
        letter-spacing: 0em;
        font-weight: 500;
        padding-left: 5px;
        text-transform: none;
        line-height: 1.3;
        display: inline-block;
        vertical-align: top
    }

    .motor-select .wrap-motor-select .motor-select-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #735b4a;
        text-transform: uppercase;
        padding: 25px 50px 6px 10px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: #fff
    }

    .motor-select .wrap-motor-select .motor-select-icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 100%;
        pointer-events: none
    }

    .motor-select .wrap-motor-select .motor-select-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 10px;
        color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox-btns {
        transform: translateX(-30px);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox-btns .wrap-subox-btns {
        text-align: center
    }

    .motor-subselect-box {
        margin: 0 -35px;
        opacity: 0;
        height: 0;
        overflow: hidden
    }

    .motor-subselect-box.active {
        opacity: 1;
        height: auto;
        padding-top: 15px
    }

    .motor-subselect-box.active .wrap-subselect-box .subselect-box-title {
        opacity: 1;
        transform: translateX(0)
    }

    .motor-subselect-box.active .subselect-inputs-element {
        opacity: 1;
        transform: translateX(0)
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(1) {
        transition-delay: .1s;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        -ms-transition-delay: .1s;
        -o-transition-delay: .1s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(2) {
        transition-delay: .2s;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        -ms-transition-delay: .2s;
        -o-transition-delay: .2s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(3) {
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(4) {
        transition-delay: .4s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        -ms-transition-delay: .4s;
        -o-transition-delay: .4s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(5) {
        transition-delay: .5s;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
        -o-transition-delay: .5s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(6) {
        transition-delay: .6s;
        -webkit-transition-delay: .6s;
        -moz-transition-delay: .6s;
        -ms-transition-delay: .6s;
        -o-transition-delay: .6s
    }

    .motor-subselect-box .wrap-subselect-box {
        background-color: #fff;
        padding: 20px 35px
    }

    .motor-subselect-box .wrap-subselect-box .subselect-box-title {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        text-transform: uppercase;
        opacity: 0;
        transform: translateX(-15px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .subselect-box-inputs {
        font-size: 0;
        margin: 0 -10px
    }

    .subselect-inputs-element {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        opacity: 0;
        transform: translateX(-15px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .subselect-inputs-element .wrap-subselect-element {
        padding: 12px 10px 0
    }

    .subselect-inputs-element .wrap-subselect-element .subselect-element-title {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        padding-bottom: 5px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .subselect-element-field .wrap-subselect-field {
        position: relative;
        border: 2px solid rgba(115,91,74,.4);
        border-radius: 2px;
        background-color: #fff;
        height: 36px
    }

    .subselect-element-field .wrap-subselect-field:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: "icomoon";
        font-size: 9px;
        color: #735b4a;
        transform: translateY(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        pointer-events: none
    }

    .subselect-element-field .wrap-subselect-field .subselect-field-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #735b4a;
        text-transform: uppercase;
        letter-spacing: -0.03em;
        padding: 0 10px
    }
}

@media(min-width: 1280px) {
    .motor-subox {
        position:absolute;
        width: 300px;
        left: calc(50% - 170px);
        top: calc(100% + 20px);
        transform: scale(0.6);
        opacity: 0;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform-origin: bottom center;
        -webkit-transform-origin: bottom center;
        -moz-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        -o-transform-origin: bottom center;
        will-change: transform;
        box-shadow: 0px 0px 0px 6px rgba(115,91,74,.2)
    }

    .motor-subox.active {
        transform: scale(1);
        opacity: 1;
        pointer-events: auto
    }

    .motor-subox.active .wrap-motor-subox:after {
        bottom: calc(100% + 10px);
        opacity: 1;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subox.active .motor-subox-element {
        transform: translateY(0);
        opacity: 1
    }

    .motor-subox.active .motor-subox-element:nth-child(1) {
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subox.active .motor-subox-element:nth-child(2) {
        transition-delay: .5s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
        -o-transition-delay: .5s
    }

    .motor-subox.active .motor-subox-element:nth-child(3) {
        transition-delay: .7s;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .7s;
        -ms-transition-delay: .7s;
        -o-transition-delay: .7s
    }

    .motor-subox.active .motor-subox-btns {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .9s;
        -webkit-transition-delay: .6s;
        -moz-transition-delay: .9s;
        -ms-transition-delay: .9s;
        -o-transition-delay: .9s
    }

    .motor-subox .wrap-motor-subox {
        position: relative;
        background-color: #fdf6f5;
        border: 8px solid #fff
    }

    .motor-subox .wrap-motor-subox:after {
        position: absolute;
        bottom: calc(100% + 5px);
        left: calc(50% - 5px);
        font-family: "icomoon";
        font-size: 8px;
        color: rgba(115,91,74,.4);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox-container {
        padding: 20px 25px;
        overflow: hidden;
        max-height: 300px;
        overflow-y: auto
    }

    .motor-subox-element {
        padding-bottom: 15px;
        transform: translateX(-30px);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-select {
        cursor: pointer
    }

    .motor-select .wrap-motor-select {
        position: relative;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0);
        height: 55px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-select .wrap-motor-select .motor-select-title {
        position: absolute;
        z-index: 2;
        display: block;
        width: 100%;
        top: 0;
        left: 0;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        padding: 10px 50px 0 10px;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-select .wrap-motor-select .motor-select-title small {
        color: #735b4a;
        letter-spacing: 0em;
        opacity: .7;
        font-weight: 500;
        padding-left: 5px;
        text-transform: none;
        line-height: 1.3;
        display: inline-block;
        vertical-align: top
    }

    .motor-select .wrap-motor-select .motor-select-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #735b4a;
        text-transform: uppercase;
        padding: 25px 50px 6px 10px;
        cursor: pointer;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: #fff
    }

    .motor-select .wrap-motor-select .motor-select-icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 100%;
        pointer-events: none
    }

    .motor-select .wrap-motor-select .motor-select-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 10px;
        color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-select:hover .wrap-motor-select {
        border-color:#735b4a
    }
}

@media(min-width: 1280px) {
    .motor-subox-btns {
        transform:translateX(-30px);
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .motor-subox-btns .wrap-subox-btns {
        text-align: center
    }

    .motor-subox-btns .subox-btns-element {
        cursor: pointer
    }

    .motor-subox-btns .subox-btns-element:after {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        opacity: .4;
        background-color: #fff;
        pointer-events: none;
        max-height: initial;
        transform: translateX(-50%) translateY(-50%) scale(0);
        transition: none
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .motor-subox-btns .subox-btns-element:hover:after {
        opacity:0;
        transform: translateX(-50%) translateY(-50%) scale(1);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .motor-subselect-box {
        margin:0 -35px;
        opacity: 0;
        height: 0;
        overflow: hidden
    }

    .motor-subselect-box.active {
        opacity: 1;
        height: auto;
        padding-top: 15px
    }

    .motor-subselect-box.active .wrap-subselect-box .subselect-box-title {
        opacity: 1;
        transform: translateX(0)
    }

    .motor-subselect-box.active .subselect-inputs-element {
        opacity: 1;
        transform: translateX(0)
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(1) {
        transition-delay: .1s;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        -ms-transition-delay: .1s;
        -o-transition-delay: .1s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(2) {
        transition-delay: .2s;
        -webkit-transition-delay: .2s;
        -moz-transition-delay: .2s;
        -ms-transition-delay: .2s;
        -o-transition-delay: .2s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(3) {
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(4) {
        transition-delay: .4s;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        -ms-transition-delay: .4s;
        -o-transition-delay: .4s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(5) {
        transition-delay: .5s;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        -ms-transition-delay: .5s;
        -o-transition-delay: .5s
    }

    .motor-subselect-box.active .subselect-inputs-element:nth-child(6) {
        transition-delay: .6s;
        -webkit-transition-delay: .6s;
        -moz-transition-delay: .6s;
        -ms-transition-delay: .6s;
        -o-transition-delay: .6s
    }

    .motor-subselect-box .wrap-subselect-box {
        background-color: #fff;
        padding: 20px 35px
    }

    .motor-subselect-box .wrap-subselect-box .subselect-box-title {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        text-transform: uppercase;
        opacity: 0;
        transform: translateX(-15px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .subselect-box-inputs {
        font-size:0;
        margin: 0 -10px
    }
}

@media(min-width: 1280px) {
    .subselect-inputs-element {
        display:inline-block;
        vertical-align: top;
        width: 50%;
        opacity: 0;
        transform: translateX(-15px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .subselect-inputs-element .wrap-subselect-element {
        padding: 12px 10px 0
    }

    .subselect-inputs-element .wrap-subselect-element .subselect-element-title {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #735b4a;
        letter-spacing: .02em;
        padding-bottom: 5px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .subselect-inputs-element:hover .wrap-subselect-element .subselect-element-title {
        color:#735b4a
    }

    .subselect-inputs-element:hover .subselect-element-field .wrap-subselect-field:after {
        color: #735b4a
    }
}

@media(min-width: 1280px) {
    .subselect-element-field .wrap-subselect-field {
        position:relative;
        border: 2px solid rgba(115,91,74,.4);
        border-radius: 2px;
        background-color: #fff;
        height: 36px
    }

    .subselect-element-field .wrap-subselect-field:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: "icomoon";
        font-size: 9px;
        color: #735b4a;
        transform: translateY(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        pointer-events: none
    }

    .subselect-element-field .wrap-subselect-field .subselect-field-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "brandon-grotesque",sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #735b4a;
        text-transform: uppercase;
        letter-spacing: -0.03em;
        padding: 0 10px
    }
}

.attach-links {
    position: fixed;
    z-index: 3;
    bottom: 130px;
    left: 0;
    width: 100%;
    pointer-events: none
}

.attach-links .wrap-attach-links {
    font-size: 0;
    text-align: center
}

@media(min-width: 768px) {
    .attach-links {
        bottom:175px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .attach-links {
        bottom:auto;
        top: 82px
    }

    .attach-links .wrap-attach-links {
        position: relative;
        padding: 10px 0
    }

    .attach-links .attach-links-element {
        padding: 4px;
        border-radius: 80px;
        background-color: #fdf6f5;
        margin: 0 8px
    }
}

@media(min-width: 1280px) {
    .attach-links {
        bottom:auto;
        z-index: 10;
        top: 96px
    }

    .attach-links .wrap-attach-links {
        padding: 0 40px;
        overflow: hidden;
        pointer-events: none
    }

    .attach-links .attach-links-element {
        padding: 0;
        pointer-events: auto
    }

    .attach-links .attach-links-element:first-child {
        float: left
    }

    .attach-links .attach-links-element:nth-child(2) {
        float: right
    }
}

@media(min-width: 1680px) {
    .attach-links .wrap-attach-links {
        padding:0 50px
    }
}

@keyframes showoff {
    0% {
        transform: rotateY(-45deg);
        opacity: 0
    }

    5% {
        transform: rotateY(-45deg);
        opacity: 0
    }

    10% {
        transform: rotateY(0deg);
        opacity: 1
    }

    30% {
        transform: rotateY(0deg);
        opacity: 1
    }

    35% {
        transform: rotateY(-45deg);
        opacity: 0
    }

    100% {
        transform: rotateY(-45deg);
        opacity: 0
    }
}

@keyframes popoff {
    0% {
        top: 100%;
        opacity: 0
    }

    5% {
        top: 100%;
        opacity: 0
    }

    10% {
        top: calc(100% + 12px);
        opacity: 1
    }

    30% {
        top: calc(100% + 12px);
        opacity: 1
    }

    35% {
        top: 100%;
        opacity: 0
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

.attach-links-element {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 5px 0;
    pointer-events: auto
}

.attach-links-element .wrap-attach-element {
    width: 175px;
    font-size: 0;
    padding: 7px 0;
    background-color: #735b4a;
    border-radius: 80px;
    cursor: pointer;
    box-shadow: 2px 2px 2px rgba(115,91,74,.3)
}

.attach-links-element.onlyadult {
    pointer-events: none
}

.attach-links-element.onlyadult .wrap-attach-element {
    border: rgba(0,0,0,0) !important;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0) !important
}

.attach-links-element.onlyadult .wrap-attach-element .attach-element-text {
    font-size: 18px;
    font-weight: 500
}

.attach-links-element.onlyadult.onlyadult-home {
    display: none
}

@media(max-width: 1023px) {
    .attach-links-element.onlyadult {
        position:absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        text-align: center;
        display: none
    }

    .attach-links-element.onlyadult .wrap-attach-element .attach-element-text {
        color: #735b4a
    }

    .attach-links-element.onlyadult.onlyadult-responsive {
        display: block
    }

    .attach-links-element.onlyadult.onlyadult-home {
        display: block;
        top: 110px
    }
}

@media(max-width: 1023px)and (max-width: 767px) {
    .attach-links-element.onlyadult.onlyadult-home {
        top:90px
    }
}

@media(max-width: 1023px)and (max-width: 539px) {
    .attach-links-element.onlyadult.onlyadult-home {
        top:80px
    }
}

@media(max-width: 1023px) {
    .attach-links-element.onlyadult.onlyadult-home .wrap-attach-element .attach-element-text {
        color:#fff
    }
}

@media(max-width: 767px) {
    .attach-links-element.onlyadult {
        top:40px
    }
}

@media(max-width: 539px) {
    .attach-links-element.onlyadult {
        top:40px
    }
}

.attach-links-element .attach-element-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    color: #fff;
    padding-left: 8px
}

.attach-links-element .attach-element-text {
    display: inline-block;
    vertical-align: middle;
    font: 500 13px/1 "brandon-grotesque",sans-serif;
    color: #fff;
    letter-spacing: .03em
}

.attach-links-element .attach-links-hover {
    display: none
}

@media(max-width: 767px) {
    .attach-links-element .wrap-attach-element {
        width:150px
    }
}

@media(min-width: 768px) {
    .attach-links-element {
        padding:0 8px
    }

    .attach-links-element .wrap-attach-element {
        width: 250px;
        padding: 9px 0
    }

    .attach-links-element .attach-element-icon {
        font-size: 11px
    }

    .attach-links-element .attach-element-text {
        font-size: 15px
    }
}

@media(max-width: 1023px) {
    .attach-links-element .wrap-attach-element {
        background-color:#4ccbd1
    }
}

@media(min-width: 1024px) {
    .attach-links-element .wrap-attach-element {
        width:260px;
        background-color: rgba(0,0,0,0);
        border: 2px solid #735b4a;
        box-shadow: none
    }

    .attach-links-element .wrap-attach-element .attach-element-text {
        color: #735b4a
    }

    .attach-links-element .wrap-attach-element .attach-element-icon {
        color: #735b4a
    }
}

@media(min-width: 1280px) {
    .attach-links-element .attach-links-hover {
        display:block;
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        animation: popoff 15s 5s infinite
    }

    .attach-links-element .attach-links-hover:before {
        content: "";
        position: absolute;
        left: calc(50% - 4px);
        bottom: calc(100% - 1px);
        font-family: "icomoon";
        font-size: 8px;
        color: rgba(115,91,74,.6)
    }

    .attach-links-element .attach-links-hover .wrap-attach-hover {
        padding: 15px 13px;
        border-radius: 3px;
        background-color: rgba(115,91,74,.6);
        text-align: left
    }

    .attach-links-element .attach-links-hover .attach-hover-text {
        font: 400 14px/1 "brandon-grotesque",sans-serif;
        color: #fff;
        letter-spacing: .035em;
        line-height: 128.5714285714%
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .attach-links-element:hover .attach-links-hover {
        top:calc(100% + 12px);
        opacity: 1
    }

    .attach-links-element:hover .wrap-attach-element {
        border-color: rgba(0,0,0,0);
        background-color: #4ccbd1
    }

    .attach-links-element:hover .wrap-attach-element:after {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0
    }

    .attach-links-element:hover .wrap-attach-element .attach-element-text {
        color: #fff
    }

    .attach-links-element:hover .wrap-attach-element .attach-element-icon {
        color: #fff
    }
}

@media(min-width: 1280px) {
    .attach-links-element .wrap-attach-element {
        position:relative;
        width: 170px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .attach-links-element .wrap-attach-element:after {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        opacity: .4;
        background-color: #fff;
        pointer-events: none;
        border-radius: 80px;
        transform: translateX(-50%) translateY(-50%) scale(0);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .attach-links-element .attach-element-text {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px) {
    .attach-links-element .attach-element-icon {
        transition:all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

.advantages-module .wrap-advantages-module {
    padding: 25px 0 20px
}

@media(min-width: 768px) {
    .advantages-module .wrap-advantages-module {
        padding:30px 0
    }
}

@media(min-width: 1680px) {
    .advantages-module .wrap-advantages-module {
        padding:60px 0
    }
}

.advantages-module-box {
    padding-top: 35px
}

.advantages-module-box .wrap-advantages-box {
    position: relative;
    padding: 25px 0;
    background-color: #fff
}

.advantages-module-box .advantages-box-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #735b4a;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 15px;
    transform: translateY(-100%)
}

.advantages-module-box .advantages-box-arrows {
    position: absolute;
    top: 50%;
    left: -15px;
    width: calc(100% + 30px);
    overflow: hidden;
    text-align: center;
    transform: translateY(-50%);
    overflow: hidden
}

.advantages-module-box .advantages-box-arrows .btn-slide-circle {
    display: inline-block;
    vertical-align: top
}

.advantages-module-box .advantages-box-arrows .btn-slide-circle.slick-prev {
    float: left
}

.advantages-module-box .advantages-box-arrows .btn-slide-circle.slick-next {
    float: right
}

@media(max-width: 767px) {
    .advantages-module-box .advantages-box-arrows .btn-slide-circle {
        background-color:#fdf6f5
    }
}

@media(min-width: 768px) {
    .advantages-module-box .wrap-advantages-box {
        padding:40px 0
    }

    .advantages-module-box .advantages-box-arrows {
        width: calc(100% + 75px);
        left: -38px
    }

    .advantages-module-box .advantages-box-arrows .btn-slide-circle {
        width: 30px;
        height: 30px
    }

    .advantages-module-box .advantages-box-arrows .btn-slide-circle:before {
        font-size: 12px
    }

    .advantages-module-box .advantages-box-list {
        position: relative
    }

    .advantages-module-box .advantages-box-list:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .advantages-module-box .advantages-box-arrows {
        width:calc(100% + 110px);
        left: -55px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .advantages-module-box {
        max-width:700px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .advantages-module-box {
        padding-top:45px
    }

    .advantages-module-box .advantages-box-title {
        text-align: left;
        padding-bottom: 25px
    }
}

@media(min-width: 1680px) {
    .advantages-module-box {
        max-width:1500px;
        margin: 0 auto
    }
}

.advantages-list-element .wrap-advantages-element {
    text-align: center;
    padding: 0 20px;
    font-size: 0
}

.advantages-list-element .advantages-element-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    font-size: 60px;
    color: #735b4a;
    width: 50px;
    height: 50px
}

.advantages-list-element .advantages-element-icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.advantages-list-element .advantages-element-info {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    max-width: calc(100% - 50px)
}

.advantages-list-element .advantages-element-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 110%;
    color: #735b4a
}

.advantages-list-element .advantages-element-subtext {
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #9b887d;
    padding-top: 10px
}

@media(min-width: 768px) {
    .advantages-list-element .wrap-advantages-element {
        position:relative;
        padding: 0 30px;
        text-align: left
    }

    .advantages-list-element .wrap-advantages-element:after {
        content: "";
        position: absolute;
        top: calc(50% - 25px);
        right: 0;
        width: 1px;
        height: 50px;
        background-color: rgba(115,91,74,.4)
    }

    .advantages-list-element .advantages-element-text {
        font-size: 18px
    }

    .advantages-list-element .advantages-element-subtext {
        font-size: 15px
    }
}

@media(min-width: 1280px) {
    .advantages-list-element .wrap-advantages-element {
        position:relative
    }
}

.generic-popup {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.generic-popup.open {
    opacity: 1;
    pointer-events: auto
}

@media(min-width: 1280px) {
    .generic-popup.open.var-add-media .popup-box-media {
        top:0;
        left: 0;
        opacity: 1
    }
}

.generic-popup.open .popup-header-icon {
    opacity: 1;
    transform: scale(1)
}

@media(max-width: 767px) {
    .generic-popup.open .generic-popup-box .wrap-popup-box {
        margin-top:0
    }

    .generic-popup.open .popup-box-newsletter:after {
        transform: translateY(0);
        opacity: 1
    }
}

@media(min-width: 768px) {
    .generic-popup.open .generic-popup-box {
        top:50%
    }
}

@media(min-width: 1280px) {
    .generic-popup.var-add-media .generic-popup-box {
        width:1120px
    }

    .generic-popup.var-add-media .generic-popup-box .wrap-popup-box {
        min-height: 510px
    }

    .generic-popup.var-add-media .wrap-popup-box {
        width: 50%;
        margin: 0 0 0 auto
    }

    .generic-popup.var-add-media .popup-box-info {
        padding-top: 20px
    }

    .generic-popup.var-add-media .popup-box-media {
        display: block;
        position: absolute;
        top: -50px;
        left: -50px;
        width: 50%;
        height: 100%;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .generic-popup.var-add-media .popup-box-media .wrap-popup-media {
        position: relative;
        width: 100%;
        height: 100%
    }

    .generic-popup.var-add-media .popup-box-media .popup-media-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media(min-width: 1680px) {
    .generic-popup.var-add-media .generic-popup-box {
        width:1280px
    }

    .generic-popup.var-add-media .generic-popup-box .wrap-popup-box {
        min-height: 560px
    }
}

.generic-popup .wrap-generic-popup {
    position: relative;
    height: 100%;
    font-size: 0;
    text-align: center
}

.generic-popup .popup-module-backmask {
    display: none
}

@media(max-width: 767px) {
    .generic-popup {
        background-color:#fff;
        padding: 12px
    }

    .generic-popup .wrap-generic-popup {
        background-color: #fdf6f5;
        overflow: hidden;
        overflow-y: auto
    }
}

@media(min-width: 768px) {
    .generic-popup .popup-module-backmask {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(115,91,74,.7);
        display: block
    }
}

.generic-popup-box {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.generic-popup-box .popup-box-close {
    position: absolute;
    top: 10px;
    right: 10px
}

.generic-popup-box .wrap-popup-box {
    padding: 80px 30px;
    text-align: left
}

@media(max-width: 767px) {
    .generic-popup-box .wrap-popup-box {
        position:relative;
        margin-top: 50px;
        min-height: calc(100vh - 24px);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 768px) {
    .generic-popup-box {
        position:absolute;
        z-index: 2;
        top: calc(50% + 50px);
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        background-color: #fff;
        width: 560px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .generic-popup-box .popup-box-close {
        top: -15px;
        right: -15px;
        transform: translateY(-100%) translateX(100%);
        border-color: #fff
    }

    .generic-popup-box .popup-box-close:before {
        color: #fff
    }
}

@media(min-width: 768px)and (min-width: 1025px) {
    .generic-popup-box .popup-box-close:hover {
        border-color:rgba(0,0,0,0);
        background-color: #f7bebb
    }
}

@media(min-width: 768px) {
    .generic-popup-box .wrap-popup-box {
        padding:50px 75px;
        max-height: 85vh;
        overflow-y: auto
    }
}

@media(min-width: 1680px) {
    .generic-popup-box {
        width:640px
    }

    .generic-popup-box .wrap-popup-box {
        padding: 55px 90px
    }
}

.popup-box-media {
    display: none
}

.generic-popup-header .wrap-popup-header {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.generic-popup-header .popup-header-title {
    font: 400 22px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #735b4a
}

.generic-popup-header .popup-header-subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .06em;
    color: #9b887d;
    padding-top: 10px
}

.generic-popup-header .popup-header-icon {
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 30px;
    color: #735b4a;
    opacity: 0;
    transform: scale(0.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s
}

.generic-popup-header .popup-header-icon.icon-mail-shape-light {
    top: 0;
    font-size: 22px
}

@media(min-width: 768px) {
    .generic-popup-header .wrap-popup-header {
        padding-bottom:50px
    }
}

.popup-box-languages .btn-languages {
    display: block;
    position: relative;
    padding: 30px 0 25px 20px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.popup-box-languages .btn-languages.active:before {
    display: block
}

.popup-box-languages .btn-languages.active:after {
    display: none
}

.popup-box-languages .btn-languages.active .btn-languages-text {
    color: #735b4a
}

.popup-box-languages .btn-languages:last-child {
    border: none
}

.popup-box-languages .btn-languages:before {
    display: none;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 6px;
    height: 6px;
    border: 1px solid #735b4a;
    border-radius: 50%
}

.popup-box-languages .btn-languages:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    font-family: "icomoon";
    font-size: 11px;
    color: rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.popup-box-languages .btn-languages-text {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: rgba(115,91,74,.5);
    text-transform: uppercase;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1280px) {
    .popup-box-languages .btn-languages:after {
        opacity:0;
        right: 25px
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .popup-box-languages .btn-languages:hover:after {
        opacity:1;
        right: 15px;
        color: #735b4a
    }

    .popup-box-languages .btn-languages:hover .btn-languages-text {
        color: #735b4a
    }
}

.popup-box-newsletter:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
    width: 100px;
    height: 230px;
    background-image: url("https://www.hotelvillachiquita.com/static/img/placeholders/siurell.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(50%);
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s
}

.popup-box-newsletter .wrap-box-newsletter {
    padding-top: 25px
}

.popup-box-newsletter .popup-box-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    line-height: 150%;
    color: #735b4a;
    padding-bottom: 25px
}

.popup-box-newsletter .popup-newsletter-checkbox {
    padding-top: 10px
}

@media(max-width: 767px) {
    .popup-box-newsletter {
        padding-bottom:200px
    }
}

@media(min-width: 768px) {
    .popup-box-newsletter .wrap-box-newsletter {
        padding-top:35px
    }

    .popup-box-newsletter .popup-box-text {
        padding-bottom: 35px
    }

    .popup-box-newsletter .input-element .wrap-input-element .input-element-text {
        background-color: #fff
    }
}

.cookies-module {
    position: fixed;
    z-index: 9999;
    top: calc(50% - 208px);
    left: calc(50% - 158px);
    width: 316px;
    height: 316px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50px);
    will-change: transform;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.cookies-module.active {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0)
}

.cookies-module.active .cookies-module-icon {
    opacity: 1;
    transform: scale(1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s
}

.cookies-module .wrap-cookies-module {
    position: relative;
    height: 100%;
    font-size: 0;
    border-radius: 50%;
    background-color: rgba(247,190,187,.9)
}

.cookies-module .wrap-cookies-module:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.cookies-module .cookies-module-box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 25px
}

.cookies-module .cookies-module-icon {
    display: block;
    font-size: 42px;
    color: #fff;
    margin-bottom: 10px;
    transform: scale(0.5);
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.cookies-module .cookies-module-title {
    font: 500 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .1em;
    line-height: 162.5%;
    text-transform: uppercase;
    color: #fff
}

.cookies-module .cookies-module-text {
    font: 400 13px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    line-height: 138.4615384615%;
    color: #fff;
    padding-top: 15px
}

.cookies-module .cookies-module-btns {
    font-size: 0;
    padding-top: 15px
}

.cookies-module .cookies-btns-main {
    display: inline-block;
    vertical-align: middle;
    padding: 5px
}

.cookies-module .cookies-btns-main .cookies-btns-main_text {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 80px;
    min-width: 100px;
    cursor: pointer;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .cookies-module .cookies-btns-main .cookies-btns-main_text:hover {
        background-color:#fff;
        color: #735b4a
    }
}

.cookies-module .cookies-btns-info {
    display: table;
    margin: 10px auto 0
}

.cookies-module .cookies-btns-info .cookies-btns-info_text {
    position: relative;
    display: block;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff
}

@media(min-width: 1280px) {
    .cookies-module .cookies-btns-info .cookies-btns-info_text {
        opacity:.7;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .cookies-module .cookies-btns-info .cookies-btns-info_text:hover {
        opacity:1
    }
}

@media(min-width: 1024px) {
    .cookies-module {
        transform:translateX(-50%);
        top: calc(50% - 158px);
        left: 40px
    }

    .cookies-module.active {
        transform: translateX(0)
    }
}

.highlight-popup {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.highlight-popup.open {
    opacity: 1;
    pointer-events: auto
}

.highlight-popup.open .wrap-highlight-popup {
    transform: translateY(0)
}

.highlight-popup.open .highlight-popup-content .popup-box-tag {
    opacity: 1;
    transform: scale(1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s
}

@media(min-width: 1280px) {
    .highlight-popup.open .popup-content-media {
        top:0;
        left: 0
    }
}

.highlight-popup .wrap-highlight-popup {
    position: relative;
    height: 100%;
    font-size: 0;
    transform: translateY(50px);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.highlight-popup .popup-module-backmask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(115,91,74,.7)
}

.highlight-popup-content {
    position: absolute;
    z-index: 2;
    top: calc(50% + 25px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: #fff;
    width: 330px
}

.highlight-popup-content .wrap-popup-content {
    padding: 40px 25px;
    max-height: 85vh;
    overflow: hidden;
    overflow-y: auto
}

.highlight-popup-content .popup-box-close {
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
    border-color: #fff
}

.highlight-popup-content .popup-box-close:before {
    color: #fff
}

@media(min-width: 1025px) {
    .highlight-popup-content .popup-box-close:hover {
        background-color:#fff
    }

    .highlight-popup-content .popup-box-close:hover:before {
        color: #735b4a
    }
}

.highlight-popup-content .popup-box-pretitle {
    position: absolute;
    bottom: calc(100% + 15px);
    left: 0;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff
}

.highlight-popup-content .popup-box-tag {
    position: absolute;
    z-index: 2;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 25px 0 0;
    text-align: center;
    background-color: #f7bebb;
    font: 700 10px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
    transform: scale(0.5);
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 768px) {
    .highlight-popup-content {
        width:560px
    }

    .highlight-popup-content .wrap-popup-content {
        padding: 55px 75px
    }

    .highlight-popup-content .popup-box-close {
        right: auto;
        left: calc(100% + 20px)
    }

    .highlight-popup-content .popup-box-tag {
        top: calc(50% - 30px);
        left: -30px
    }

    .highlight-popup-content .popup-box-pretitle {
        bottom: calc(100% + 20px)
    }
}

@media(min-width: 1280px) {
    .highlight-popup-content {
        width:1120px
    }

    .highlight-popup-content .wrap-popup-content {
        width: 50%;
        margin: 0 0 0 auto;
        min-height: 500px
    }

    .highlight-popup-content .popup-box-tag {
        left: calc(50% - 30px)
    }
}

@media(min-width: 1680px) {
    .highlight-popup-content {
        width:1280px
    }

    .highlight-popup-content .wrap-popup-content {
        min-height: 560px
    }
}

.popup-content-media {
    display: none
}

@media(min-width: 1280px) {
    .popup-content-media {
        display:block;
        position: absolute;
        top: -50px;
        left: -50px;
        width: 50%;
        height: 100%;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .popup-content-media .wrap-popup-media {
        position: relative;
        height: 100%
    }

    .popup-content-media .popup-media-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.highlight-popup-header .wrap-popup-header {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.highlight-popup-header .popup-header-title {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 144.4444444444%;
    text-transform: uppercase;
    color: #735b4a
}

.highlight-popup-header .popup-header-subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    color: #9b887d;
    padding-top: 10px
}

@media(min-width: 768px) {
    .highlight-popup-header .wrap-popup-header {
        padding-bottom:30px
    }

    .highlight-popup-header .popup-header-title {
        font-size: 22px
    }

    .highlight-popup-header .popup-header-subtitle {
        font-size: 18px
    }
}

@media(min-width: 1680px) {
    .highlight-popup-header .wrap-popup-header {
        padding-bottom:55px
    }
}

.highlight-popup-info .wrap-popup-info {
    padding-top: 25px
}

.highlight-popup-info .popup-info-title {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 135.7142857143%;
    text-transform: uppercase;
    color: #9b887d;
    padding-bottom: 20px
}

.highlight-popup-info .popup-info-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .01em;
    line-height: 162.5%;
    color: #735b4a
}

@media(min-width: 768px) {
    .highlight-popup-info .wrap-popup-info {
        padding-top:30px
    }

    .highlight-popup-info .popup-info-title {
        letter-spacing: .15em
    }

    .highlight-popup-info .popup-info-text {
        font-size: 18px;
        letter-spacing: .03em;
        line-height: 188.8888888889%
    }
}

@media(min-width: 1680px) {
    .highlight-popup-info .wrap-popup-info {
        padding-top:40px
    }

    .highlight-popup-info .popup-info-title {
        padding-bottom: 25px
    }
}

.highlight-popup-foot.var-price-off .popup-foot-price {
    display: none
}

.highlight-popup-foot.var-price-off .popup-foot-btns {
    float: none;
    text-align: center
}

.highlight-popup-foot.var-price-off .popup-foot-btns .btn-linker {
    margin: 10px auto 0
}

.highlight-popup-foot .wrap-popup-foot {
    padding-top: 25px;
    text-align: center
}

@media(min-width: 768px) {
    .highlight-popup-foot .wrap-popup-foot {
        padding-top:30px;
        font-size: 0
    }

    .highlight-popup-foot .popup-foot-price {
        float: left
    }

    .highlight-popup-foot .popup-foot-btns {
        float: right
    }
}

@media(min-width: 1680px) {
    .highlight-popup-foot .wrap-popup-foot {
        padding-top:55px
    }
}

.popup-foot-price {
    display: inline-block;
    padding-bottom: 20px
}

.popup-foot-price .popup-price-since {
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: #735b4a;
    text-align: left;
    padding-bottom: 4px
}

.popup-foot-price .popup-price-number {
    font: 300 55px/1 "brandon-grotesque",sans-serif;
    color: #735b4a
}

.popup-foot-price .popup-price-number small {
    padding-left: 5px
}

.popup-foot-btns .btn-corp .btn-corp-text {
    min-width: 230px;
    font-size: 14px
}

.popup-foot-btns .btn-linker {
    display: table;
    margin: 10px auto 0
}

.popup-foot-btns .btn-linker .btn-linker-text {
    font-size: 14px
}

@media(min-width: 768px) {
    .popup-foot-btns {
        text-align:right
    }

    .popup-foot-btns .btn-linker {
        margin: 10px 0 0 auto
    }
}

@media(min-width: 1680px) {
    .popup-foot-btns .btn-corp .btn-corp-text {
        min-width:260px
    }
}

.notification-popup {
    position: fixed;
    z-index: 9999;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px;
    background-color: rgba(247,190,187,.4);
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.notification-popup.open {
    opacity: 1;
    pointer-events: auto;
    background-color: rgba(115,91,74,.4)
}

.notification-popup.open .wrap-notification-popup {
    top: 0;
    left: 0
}

.notification-popup .wrap-notification-popup {
    position: relative;
    top: -30px;
    left: -30px;
    background-color: #fff;
    padding: 50px 25px 25px;
    width: 330px;
    max-height: calc(100vh - 60px);
    overflow: hidden;
    overflow-y: auto;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.notification-popup .close-notification-popup {
    position: absolute;
    top: 12px;
    right: 12px
}

.notification-popup .notification-popup-title {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 144.4444444444%;
    color: #735b4a;
    text-transform: uppercase
}

.notification-popup .notification-popup-subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    color: #9b887d;
    padding-top: 10px
}

.notification-popup .notification-popup-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 150%;
    color: #735b4a;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(115,91,74,.4)
}

.notification-popup .notification-popup-btn {
    margin-top: 10px
}

@media(min-width: 768px) {
    .notification-popup {
        top:125px
    }

    .notification-popup .wrap-notification-popup {
        padding: 55px 70px;
        width: 545px;
        max-height: calc(100vh - 305px)
    }

    .notification-popup .close-notification-popup {
        top: 20px;
        right: 20px
    }

    .notification-popup .notification-popup-title {
        font-size: 22px
    }

    .notification-popup .notification-popup-subtitle {
        font-size: 18px;
        padding-top: 15px
    }

    .notification-popup .notification-popup-text {
        font-size: 18px;
        line-height: 177.7777777778%
    }

    .notification-popup .notification-popup-btn {
        margin-top: 20px
    }
}

@media(min-width: 1024px) {
    .notification-popup {
        top:50%;
        transform: translateY(-50%) translateX(-50%)
    }

    .notification-popup .wrap-notification-popup {
        max-height: 85vh
    }
}

@media(max-width: 1279px) {
    .section-info.hide--media .section-info_element-media {
        display:none
    }
}

@media(min-width: 1280px) {
    .section-info.info--right .section-info_pretitle {
        margin:0 0 0 auto;
        width: 55%
    }

    .section-info.info--right .section-info_element.add--secondary_photo .section-info_element-wrapper {
        padding-right: 0
    }

    .section-info.info--right .section-info_element.add--secondary_photo:before {
        width: calc(45% + 80px);
        padding-top: calc(45% - 40px)
    }

    .section-info.info--right .section-info_element:before {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 45%;
        padding-top: 45%
    }

    .section-info.info--right .section-info_element-media {
        left: 0
    }
}

@media(min-width: 1366px) {
    .section-info.info--right .section-info_pretitle {
        padding-left:70px;
        width: 50%
    }

    .section-info.info--right .section-info_element .section-info_element-wrapper {
        padding: 0 0 0 70px
    }

    .section-info.info--right .section-info_element:before {
        width: 50%;
        padding-top: 48%
    }
}

@media(min-width: 1680px) {
    .section-info.info--right .section-info_wrapper {
        padding-left:90px;
        padding-right: 60px
    }

    .section-info.info--right .section-info_element.add--secondary_photo .section-info_element-wrapper {
        padding: 0 0 0 70px
    }

    .section-info.info--right .section-info_element.add--secondary_photo:before {
        width: calc(45% + 180px);
        padding-top: calc(45% - 90px)
    }

    .section-info.info--right .section-info_element .section-info_element-wrapper {
        padding: 0 0 0 120px
    }
}

@media(min-width: 1920px) {
    .section-info.info--right .section-info_pretitle {
        padding-left:100px
    }

    .section-info.info--right .section-info_wrapper {
        padding-left: 0;
        padding-right: 0;
        max-width: 1315px;
        margin: 0 auto
    }

    .section-info.info--right .section-info_element .section-info_element-wrapper {
        padding: 0 0 0 100px
    }
}

.section-info.info--left .section-info_wrapper.background--light .section-info_content {
    background-color: #fff
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-media .element-media_wrapper {
    padding-top: 70%
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-text {
    padding: 20px 27px 30px
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_wrapper {
    padding-top: 0
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_copy {
    font-size: 18px;
    line-height: 155.5555555556%
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_btns {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-header .element-header_subtitle:after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 1px;
    background-color: rgba(115,91,74,.4);
    margin: 20px 0 0
}

.section-info.info--left .section-info_wrapper.background--light .section-info_element-header .element-header_title {
    font-size: 30px
}

@media(min-width: 768px) {
    .section-info.info--left .section-info_wrapper.background--light .section-info_element-text {
        padding:28px 55px 30px
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_copy {
        font-size: 20px;
        line-height: 150%
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-header .element-header_title {
        font-size: 34px
    }
}

@media(min-width: 1024px) {
    .section-info.info--left .section-info_wrapper.background--light .section-info_element-media .element-media_wrapper {
        padding-top:90%
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-text {
        padding: 28px 55px 30px
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_copy {
        font-size: 21px;
        line-height: 190.4761904762%
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-text .element-text_btns {
        text-align: left;
        display: block;
        align-items: flex-start;
        justify-content: flex-start
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element-header .element-header_title {
        font-size: 36px
    }
}

@media(min-width: 1280px) {
    .section-info.info--left .section-info_wrapper.background--light .section-info_element:after {
        width:0%;
        padding-top: 0
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element .section-info_element-wrapper {
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: row-reverse
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element .section-info_element-wrapper .section-info_element-media {
        width: 50%;
        position: relative
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element .section-info_element-wrapper .section-info_element-media .element-media_wrapper {
        padding-top: 0;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element .section-info_element-wrapper .section-info_element-text {
        width: 50%;
        padding: 66px 99px;
        position: relative
    }

    .section-info.info--left .section-info_wrapper.background--light .section-info_element .section-info_element-wrapper .section-info_element-text .element-text_copy {
        font-size: 21px;
        line-height: 142.8571428571%
    }

    .section-info.info--left .section-info_element.add--secondary_photo .section-info_element-wrapper {
        padding-left: 0
    }

    .section-info.info--left .section-info_element.add--secondary_photo:after {
        width: calc(45% + 80px);
        padding-top: calc(45% - 40px)
    }

    .section-info.info--left .section-info_element:after {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 45%;
        padding-top: 45%
    }

    .section-info.info--left .section-info_element-media {
        right: 0
    }

    .section-info.info--left .section-info_element-media>.section-slider-arrows {
        left: auto;
        right: -75px
    }

    .section-info.info--left .section-info_element-media .section-slider-counter {
        left: auto;
        right: -63px
    }
}

@media(min-width: 1366px) {
    .section-info.info--left .section-info_element .section-info_element-wrapper {
        padding:0 70px 0 0
    }

    .section-info.info--left .section-info_element:after {
        width: 50%;
        padding-top: 48%
    }
}

@media(min-width: 1680px) {
    .section-info.info--left .section-info_wrapper {
        padding-left:60px;
        padding-right: 90px
    }

    .section-info.info--left .section-info_element.add--secondary_photo .section-info_element-wrapper {
        padding: 0 70px 0 0
    }

    .section-info.info--left .section-info_element.add--secondary_photo:after {
        width: calc(45% + 180px);
        padding-top: calc(45% - 90px)
    }

    .section-info.info--left .section-info_element .section-info_element-wrapper {
        padding: 0 120px 0 0
    }

    .section-info.info--left .section-info_element-media {
        right: 0
    }

    .section-info.info--left .section-info_element-media>.section-slider-arrows {
        right: -115px
    }

    .section-info.info--left .section-info_element-media .section-slider-counter {
        right: -101px
    }
}

@media(min-width: 1920px) {
    .section-info.info--left .section-info_wrapper {
        padding-left:0;
        padding-right: 0;
        max-width: 1315px;
        margin: 0 auto
    }

    .section-info.info--left .section-info_element .section-info_element-wrapper {
        padding: 0 100px 0 0
    }

    .section-info.info--left .section-info_element-media {
        right: 0
    }

    .section-info.info--left .section-info_element-media>.section-slider-arrows {
        right: -110px
    }

    .section-info.info--left .section-info_element-media .section-slider-counter {
        right: -95px
    }
}

.section-info .section-info_pretitle {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    line-height: 135.7142857143%;
    color: #735b4a;
    text-transform: uppercase;
    padding-bottom: 20px
}

.section-info .section-info_pretitle:empty {
    padding-bottom: 0
}

@media(min-width: 768px) {
    .section-info .section-info_wrapper {
        padding-left:75px;
        padding-right: 75px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .section-info .section-info_wrapper {
        max-width:670px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .section-info .section-info_wrapper {
        padding-left:0;
        padding-right: 0
    }

    .section-info .section-info_pretitle {
        padding-bottom: 30px;
        padding-left: 60px
    }
}

@media(min-width: 1366px) {
    .section-info .section-info_pretitle {
        padding-bottom:40px;
        padding-left: 0
    }
}

.section-info_content .section-info_content-wrapper {
    position: relative
}

.section-info_content .section-info_content-wrapper>.section-slider-counter {
    position: absolute;
    top: 50%;
    right: -63px;
    transform: translateY(-50%);
    margin-top: -100px
}

.section-info_content .section-info_content-wrapper>.section-slider-arrows {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: calc(100% + 30px);
    left: -15px;
    padding: 4px 0;
    overflow: hidden;
    transform: translateY(-50%)
}

.section-info_content .section-info_content-wrapper>.section-slider-arrows .slick-prev {
    float: left
}

.section-info_content .section-info_content-wrapper>.section-slider-arrows .slick-next {
    float: right
}

@media(min-width: 1025px) {
    .section-info_content .section-info_content-wrapper>.section-slider-arrows:hover~.section-slider-counter {
        opacity:1;
        padding-bottom: 70px
    }

    .section-info_content .section-info_content-wrapper>.section-slider-arrows:hover~.section-slider-counter:after {
        height: 50px
    }
}

@media(min-width: 768px) {
    .section-info_content .section-info_content-wrapper>.section-slider-arrows {
        left:-75px;
        width: calc(100% + 150px)
    }
}

@media(min-width: 1280px) {
    .section-info_content .section-info_content-wrapper>.section-slider-arrows {
        pointer-events:none
    }

    .section-info_content .section-info_content-wrapper>.section-slider-arrows .slick-btn {
        pointer-events: auto
    }
}

@media(min-width: 1680px) {
    .section-info_content .section-info_content-wrapper>.section-slider-counter {
        right:-103px
    }

    .section-info_content .section-info_content-wrapper>.section-slider-arrows {
        left: -115px;
        width: calc(100% + 230px)
    }
}

@media(min-width: 1280px) {
    .section-info_element.add--branch_graphic .section-info_element-media:before {
        content:"";
        position: absolute;
        top: calc(50% - 172px);
        left: -240px;
        width: 380px;
        height: 345px;
        background-image: url("https://www.hotelvillachiquita.com/static/svg/resources/branch.svg");
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .05
    }
}

@media(min-width: 1366px) {
    .section-info_element.add--branch_graphic .section-info_element-media:before {
        width:440px;
        height: 400px;
        top: calc(50% - 200px);
        left: -300px
    }
}

@media(min-width: 1680px) {
    .section-info_element.add--branch_graphic .section-info_element-media:before {
        width:480px;
        height: 440px;
        top: calc(50% - 220px);
        left: -380px
    }
}

@media(min-width: 1280px) {
    .section-info_element.add--arrows_graphic .section-info_element-media:before {
        content:"";
        position: absolute;
        top: calc(50% - 172px);
        left: -335px;
        width: 380px;
        height: 345px;
        background-image: url("https://www.hotelvillachiquita.com/static/svg/resources/arrows-triangle.svg");
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .05
    }
}

@media(min-width: 1366px) {
    .section-info_element.add--arrows_graphic .section-info_element-media:before {
        width:440px;
        height: 400px;
        top: calc(50% - 200px);
        left: -370px
    }
}

@media(min-width: 1680px) {
    .section-info_element.add--arrows_graphic .section-info_element-media:before {
        width:480px;
        height: 440px;
        top: calc(50% - 220px);
        left: -395px
    }
}

@media(min-width: 1280px) {
    .section-info_element.add--leaf_graphic .section-info_element-media:before {
        content:"";
        position: absolute;
        top: calc(50% - 172px);
        left: -295px;
        width: 380px;
        height: 345px;
        background-image: url("https://www.hotelvillachiquita.com/static/svg/resources/leaf.svg");
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .05
    }
}

@media(min-width: 1366px) {
    .section-info_element.add--leaf_graphic .section-info_element-media:before {
        width:440px;
        height: 400px;
        top: calc(50% - 200px);
        left: -355px
    }
}

@media(min-width: 1680px) {
    .section-info_element.add--leaf_graphic .section-info_element-media:before {
        width:480px;
        height: 440px;
        top: calc(50% - 220px);
        left: -395px
    }
}

@media(min-width: 1280px) {
    .section-info_element.add--sun_graphic .section-info_element-media:before {
        content:"";
        position: absolute;
        top: calc(50% - 172px);
        left: -295px;
        width: 380px;
        height: 345px;
        background-image: url("https://www.hotelvillachiquita.com/static/svg/resources/sun.svg");
        background-position: 50% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .05
    }
}

@media(min-width: 1366px) {
    .section-info_element.add--sun_graphic .section-info_element-media:before {
        width:440px;
        height: 400px;
        top: calc(50% - 200px);
        left: -355px
    }
}

@media(min-width: 1680px) {
    .section-info_element.add--sun_graphic .section-info_element-media:before {
        width:480px;
        height: 440px;
        top: calc(50% - 220px);
        left: -395px
    }
}

@media(min-width: 768px) {
    .section-info_element.add--secondary_photo .section-info_element-media .element-media_img-small {
        display:block;
        position: absolute;
        z-index: 2;
        bottom: -50px;
        left: calc(50% - 100px);
        width: 200px;
        height: 200px;
        border: 8px solid #fdf6f5;
        background-position: 50% 50%;

        background-size: cover;
        background-repeat: no-repeat
    }
}

@media(min-width: 768px)and (max-width: 1279px) {
    .section-info_element.add--secondary_photo .section-info_element-text .element-text_wrapper {
        padding-top:60px
    }
}

@media(min-width: 1280px) {
    .section-info_element.add--secondary_photo .section-info_element-wrapper {
        width:calc(55% - 80px)
    }

    .section-info_element.add--secondary_photo .section-info_element-text .element-text_btns {
        padding-top: 20px
    }

    .section-info_element.add--secondary_photo .section-info_element-media {
        width: calc(45% + 80px);
        padding-right: 80px
    }

    .section-info_element.add--secondary_photo .section-info_element-media .element-media_img-small {
        width: 220px;
        height: 220px;
        top: calc(50% - 110px);
        right: -80px;
        left: auto
    }
}

@media(min-width: 1366px) {
    .section-info_element.add--secondary_photo .section-info_element-text .element-text_btns .element-text_btns-link {
        margin-top:15px
    }

    .section-info_element.add--secondary_photo .section-info_element-text .element-text_btns .element-text_btns-link:first-child {
        margin-top: 0
    }

    .section-info_element.add--secondary_photo .section-info_element-media .element-media_img-small {
        top: calc(50% - 125px);
        width: 250px;
        height: 250px
    }
}

@media(min-width: 1680px) {
    .section-info_element.add--secondary_photo .section-info_element-wrapper {
        width:calc(55% - 180px)
    }

    .section-info_element.add--secondary_photo .section-info_element-media {
        width: calc(45% + 180px);
        padding-right: 180px
    }

    .section-info_element.add--secondary_photo .section-info_element-media .element-media_img-small {
        top: calc(50% - 140px);
        right: -180px;
        width: 280px;
        height: 280px
    }
}

@media(min-width: 1280px) {
    .section-info_element {
        position:relative;
        font-size: 0
    }

    .section-info_element .section-info_element-wrapper {
        display: inline-block;
        vertical-align: middle;
        width: 55%;
        padding: 0 60px
    }
}

@media(min-width: 1366px) {
    .section-info_element .section-info_element-wrapper {
        width:50%
    }
}

.section-info_element-header .element-header_wrapper {
    padding-bottom: 10px
}

.section-info_element-header .element-header_title {
    font: 300 30px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .04em;
    line-height: 113.3333333333%;
    color: #735b4a;
    text-transform: uppercase
}

.section-info_element-header .element-header_subtitle {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 133.3333333333%;
    color: #9b887d;
    padding-top: 5px
}

.section-info_element-header .element-header_subtitle:empty {
    padding-top: 0
}

@media(min-width: 768px) {
    .section-info_element-header .element-header_wrapper {
        padding-bottom:20px
    }

    .section-info_element-header .element-header_title {
        font-size: 38px
    }

    .section-info_element-header .element-header_subtitle {
        font-size: 22px;
        letter-spacing: .03em;
        padding-top: 10px
    }
}

@media(min-width: 1280px) {
    .section-info_element-header .element-header_wrapper {
        padding:0 0 25px
    }

    .section-info_element-header .element-header_title {
        font-size: 42px
    }

    .section-info_element-header .element-header_title.smaller {
        font-size: 32px
    }

    .section-info_element-header .element-header_subtitle {
        padding-top: 15px
    }

    .section-info_element-header .element-header_subtitle:empty:after {
        content: none
    }

    .section-info_element-header .element-header_subtitle:after {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 1px;
        background-color: rgba(115,91,74,.4);
        margin: 20px 0 0
    }
}

@media(min-width: 1366px) {
    .section-info_element-header .element-header_wrapper {
        padding:0 0 25px
    }

    .section-info_element-header .element-header_title {
        font-size: 48px
    }

    .section-info_element-header .element-header_title.smaller {
        font-size: 34px
    }

    .section-info_element-header .element-header_subtitle {
        padding-top: 20px
    }

    .section-info_element-header .element-header_subtitle:after {
        margin-top: 30px
    }
}

@media(min-width: 1680px) {
    .section-info_element-header .element-header_wrapper {
        padding:0 0 30px
    }

    .section-info_element-header .element-header_title {
        font-size: 55px
    }

    .section-info_element-header .element-header_title.smaller {
        font-size: 36px
    }

    .section-info_element-header .element-header_subtitle {
        font-size: 24px
    }

    .section-info_element-header .element-header_subtitle:after {
        margin-top: 35px
    }
}

.section-info_element-media {
    position: relative
}

@media(min-width: 1280px) {
    .section-info_element-media.fixed {
        position:fixed;
        z-index: 9;
        top: 210px
    }

    .section-info_element-media.fixed.stop {
        position: absolute;
        top: auto;
        bottom: 0
    }
}

@media(min-width: 1280px) {
    .section-info_element-media.stop {
        top:auto;
        bottom: 0
    }
}

.section-info_element-media .element-media_wrapper {
    position: relative;
    padding-top: 90%
}

.section-info_element-media .element-media_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.section-info_element-media .element-media_img-small {
    display: none
}

.section-info_element-media>.section-slider-arrows {
    position: absolute;
    z-index: 2;
    top: calc(50% - 17px);
    left: -15px;
    width: calc(100% + 30px);
    padding: 4px 0;
    overflow: hidden
}

.section-info_element-media>.section-slider-arrows .slick-prev {
    float: left
}

.section-info_element-media>.section-slider-arrows .slick-next {
    float: right
}

@media(min-width: 1025px) {
    .section-info_element-media>.section-slider-arrows:hover~.section-slider-counter {
        opacity:1;
        padding-bottom: 70px
    }

    .section-info_element-media>.section-slider-arrows:hover~.section-slider-counter:after {
        height: 50px
    }
}

@media(min-width: 768px) {
    .section-info_element-media>.section-slider-arrows {
        top:calc(50% - 24px);
        left: -75px;
        width: calc(100% + 150px)
    }
}

@media(min-width: 1280px) {
    .section-info_element-media {
        position:absolute;
        top: 0;
        width: 45%
    }

    .section-info_element-media .element-media_wrapper {
        padding-top: 100%
    }

    .section-info_element-media>.section-slider-counter {
        position: absolute;
        top: calc(50% - 135px);
        left: -60px;
        transform: translateY(-50%)
    }

    .section-info_element-media>.section-slider-arrows {
        width: auto;
        top: calc(50% - 57px);
        padding: 0;
        pointer-events: none
    }

    .section-info_element-media>.section-slider-arrows .slick-btn {
        pointer-events: auto
    }

    .section-info_element-media>.section-slider-arrows .slick-prev,.section-info_element-media>.section-slider-arrows .slick-next {
        float: none;
        display: block
    }

    .section-info_element-media>.section-slider-arrows .slick-prev {
        margin-bottom: 15px
    }
}

@media(min-width: 1366px) {
    .section-info_element-media {
        width:50%
    }

    .section-info_element-media .element-media_wrapper {
        padding-top: 96%
    }
}

@media(min-width: 1680px) {
    .section-info_element-media>.section-slider-counter {
        left:-101px
    }

    .section-info_element-media>.section-slider-arrows {
        left: -115px
    }
}

@media(min-width: 1920px) {
    .section-info_element-media>.section-slider-counter {
        left:-95px
    }

    .section-info_element-media>.section-slider-arrows {
        left: -110px
    }
}

@media(max-width: 1279px) {
    .section-info_element-text.only--btns .element-text_wrapper {
        padding-top:10px
    }
}

@media(min-width: 1680px) {
    .section-info_element-text.only--btns .element-text_wrapper {
        padding-top:20px
    }
}

.section-info_element-text .element-text_wrapper {
    padding-top: 20px
}

.section-info_element-text .element-text_copy {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a
}

.section-info_element-text .element-text_copy div,.section-info_element-text .element-text_copy p,.section-info_element-text .element-text_copy span,.section-info_element-text .element-text_copy h1,.section-info_element-text .element-text_copy h2,.section-info_element-text .element-text_copy h3,.section-info_element-text .element-text_copy h4 {
    display: initial;
    font: 400 16px/1 "brandon-grotesque",sans-serif !important;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a !important
}

.section-info_element-text .element-text_btns {
    padding-top: 15px
}

.section-info_element-text .element-text_btns.element-text_btns--center {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1280px) {
    .section-info_element-text .element-text_btns.element-text_btns--center {
        justify-content:flex-start
    }
}

.section-info_element-text .element-text_btns.element-text_btns--center .element-text_btns-link.btn-corp {
    margin-top: 0;
    margin-bottom: 0
}

.section-info_element-text .element-text_btns.element-text_btns--center .element-text_btns-link.btn-corp:first-child {
    margin: 0 30px 0 0px
}

.section-info_element-text .element-text_btns.element-text_btns--center .element-text_btns-link.btn-corp .btn-corp-text {
    min-width: 236px
}

@media(min-width: 1280px) {
    .section-info_element-text .element-text_btns.element-text_btns--center .element-text_btns-link.btn-corp .btn-corp-text {
        min-width:260px
    }
}

.section-info_element-text .element-text_btns .element-text_btns-link {
    display: table;
    margin: 20px auto 4px
}

.section-info_element-text .element-text_btns .element-text_btns-link.hide {
    opacity: 0;
    pointer-events: none
}

.section-info_element-text .element-text_btns .element-text_btns-link:first-child {
    margin-top: 0
}

@media(min-width: 768px) {
    .section-info_element-text .element-text_wrapper {
        padding-top:30px
    }

    .section-info_element-text .element-text_copy {
        font-size: 20px;
        line-height: 150%
    }

    .section-info_element-text .element-text_copy div,.section-info_element-text .element-text_copy p,.section-info_element-text .element-text_copy span,.section-info_element-text .element-text_copy h1,.section-info_element-text .element-text_copy h2,.section-info_element-text .element-text_copy h3,.section-info_element-text .element-text_copy h4 {
        font-size: 20px !important;
        line-height: 150%
    }

    .section-info_element-text .element-text_btns {
        padding-top: 25px;
        font-size: 0
    }

    .section-info_element-text .element-text_btns:before,.section-info_element-text .element-text_btns:after {
        content: "";
        position: relative;
        display: block;
        clear: both
    }

    .section-info_element-text .element-text_btns .element-text_btns-link {
        margin: 0
    }

    .section-info_element-text .element-text_btns .element-text_btns-link.btn-corp {
        margin-bottom: 4px;
        margin-right: 4px
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:first-child {
        float: left
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:nth-child(2) {
        float: right
    }
}

@media(min-width: 1280px) {
    .section-info_element-text .element-text_wrapper {
        padding:0
    }

    .section-info_element-text .element-text_btns {
        padding-top: 30px
    }

    .section-info_element-text .element-text_btns .element-text_btns-link.btn-corp .btn-corp-text {
        min-width: 300px
    }

    .section-info_element-text .element-text_btns .element-text_btns-link {
        margin: 20px 0 0
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:first-child {
        float: initial
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:nth-child(2) {
        float: initial
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .section-info_element-text .element-text_copy {
        font-size:18px
    }

    .section-info_element-text .element-text_copy div,.section-info_element-text .element-text_copy p,.section-info_element-text .element-text_copy span,.section-info_element-text .element-text_copy h1,.section-info_element-text .element-text_copy h2,.section-info_element-text .element-text_copy h3,.section-info_element-text .element-text_copy h4 {
        font-size: 18px !important
    }
}

@media(min-width: 1366px) {
    .section-info_element-text .element-text_copy {
        line-height:194.4444444444%
    }

    .section-info_element-text .element-text_copy div,.section-info_element-text .element-text_copy p,.section-info_element-text .element-text_copy span,.section-info_element-text .element-text_copy h1,.section-info_element-text .element-text_copy h2,.section-info_element-text .element-text_copy h3,.section-info_element-text .element-text_copy h4 {
        line-height: 194.4444444444%
    }

    .section-info_element-text .element-text_btns {
        font-size: 0
    }

    .section-info_element-text .element-text_btns .element-text_btns-link {
        display: inline-block;
        vertical-align: middle
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:first-child {
        float: initial;
        margin-right: 50px
    }

    .section-info_element-text .element-text_btns .element-text_btns-link:nth-child(2) {
        float: initial
    }
}

@media(min-width: 1680px) {
    .section-info_element-text .element-text_copy {
        font-size:21px;
        line-height: 190.4761904762%
    }

    .section-info_element-text .element-text_copy div,.section-info_element-text .element-text_copy p,.section-info_element-text .element-text_copy span,.section-info_element-text .element-text_copy h1,.section-info_element-text .element-text_copy h2,.section-info_element-text .element-text_copy h3,.section-info_element-text .element-text_copy h4 {
        font-size: 21px !important;
        line-height: 190.4761904762%
    }
}

.section-info_element-list.smaller--icons .element-list_box-point .box-point_icon {
    font-size: 35px
}

.section-info_element-list .element-list_title {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 116%;
    color: #735b4a;
    text-transform: uppercase
}

.section-info_element-list .element-list_subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #9b887d;
    padding-top: 10px
}

.section-info_element-list .element-list_subtitle:empty {
    padding-top: 0
}

.section-info_element-list .element-list_box {
    padding-top: 15px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.section-info_element-list .element-list_box:not(.open) .element-list_box-point {
    height: 0;
    overflow: hidden
}

.section-info_element-list .element-list_box:not(.open) .element-list_box-point .box-point_wrapper {
    opacity: 0;
    transform: translateX(-40px)
}

.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(1),.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(2),.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(3),.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(4) {
    height: auto;
    overflow: auto
}

.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(1) .box-point_wrapper,.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(2) .box-point_wrapper,.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(3) .box-point_wrapper,.section-info_element-list .element-list_box:not(.open) .element-list_box-point:nth-child(4) .box-point_wrapper {
    opacity: 1;
    transform: translateX(0)
}

.section-info_element-list .element-list_box-point .box-point_wrapper {
    position: relative;
    padding: 30px 90px 30px 15px;
    border-top: 1px solid rgba(115,91,74,.4);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.section-info_element-list .element-list_box-point .box-point_title {
    position: relative;
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 125%;
    color: #735b4a
}

.section-info_element-list .element-list_box-point .box-point_title:before {
    content: ">";
    position: absolute;
    top: 0;
    right: calc(100% + 7px);
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #735b4a
}

.section-info_element-list .element-list_box-point .box-point_subtitle {
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 112.5%;
    color: #9b887d;
    padding-top: 5px
}

.section-info_element-list .element-list_box-point .box-point_subtitle:empty {
    padding-top: 0
}

.section-info_element-list .element-list_box-point .box-point_icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 50px;
    color: #735b4a
}

.section-info_element-list .element-list_btn {
    display: table;
    margin: 20px auto 0
}

.section-info_element-list .element-list_btn.tohide .btn-linker-text {
    display: none
}

.section-info_element-list .element-list_btn.tohide .hide-text {
    display: block
}

.section-info_element-list .element-list_btn .hide-text {
    display: none
}

.section-info_element-list .element-list_btn .hide-text:before {
    content: ""
}

@media(min-width: 768px) {
    .section-info_element-list .element-list_title {
        letter-spacing:.1em
    }

    .section-info_element-list .element-list_box {
        padding-top: 30px
    }

    .section-info_element-list .element-list_box-point .box-point_wrapper {
        padding: 35px 90px 35px 35px
    }

    .section-info_element-list .element-list_box-point .box-point_title {
        font-size: 20px
    }

    .section-info_element-list .element-list_box-point .box-point_title:before {
        top: 1px;
        font-size: 20px
    }

    .section-info_element-list .element-list_box-point .box-point_subtitle {
        font-size: 15px;
        padding-top: 8px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .section-info_element-list .element-list_subtitle {
        padding-top:5px
    }

    .section-info_element-list .element-list_box {
        padding-top: 15px
    }

    .section-info_element-list .element-list_box-point .box-point_wrapper {
        padding: 30px 90px 30px 15px
    }

    .section-info_element-list .element-list_box-point .box-point_title {
        font-size: 16px
    }

    .section-info_element-list .element-list_box-point .box-point_title:before {
        top: 0;
        font-size: 16px
    }

    .section-info_element-list .element-list_box-point .box-point_subtitle {
        font-size: 14px;
        padding-top: 5px
    }
}

.section-info_element-message {
    margin-top: 25px;
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid rgba(115,91,74,.4);
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.section-info_element-message .element-message_icon {
    display: inline-block;
    font-size: 55px;
    color: #735b4a
}

.section-info_element-message .element-message_box {
    padding-top: 15px
}

.section-info_element-message .element-message_title {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a
}

.section-info_element-message .element-message_subtitle {
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 142.8571428571%;
    color: #9b887d;
    padding-top: 5px
}

@media(min-width: 768px) {
    .section-info_element-message {
        margin-top:45px;
        font-size: 0;
        text-align: left;
        padding: 25px
    }

    .section-info_element-message .element-message_icon {
        display: inline-block;
        vertical-align: middle;
        width: 55px
    }

    .section-info_element-message .element-message_box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 55px);
        padding: 5px 0 0 45px
    }

    .section-info_element-message .element-message_title {
        font-size: 20px
    }

    .section-info_element-message .element-message_subtitle {
        font-size: 15px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .section-info_element-message {
        margin-top:25px
    }

    .section-info_element-message .element-message_title {
        font-size: 16px
    }

    .section-info_element-message .element-message_subtitle {
        font-size: 14px
    }
}

.section-info_element-schedules {
    padding-top: 40px
}

.section-info_element-schedules .element-schedules_title {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .1em;
    line-height: 135.7142857143%;
    color: #735b4a;
    text-transform: uppercase;
    padding-bottom: 25px
}

.section-info_element-schedules .element-schedules_title:empty {
    padding-bottom: 0
}

.section-info_element-schedules .element-schedules_list-element {
    padding: 20px 0 20px 12px;
    border-top: 1px solid rgba(115,91,74,.4)
}

.section-info_element-schedules .element-schedules_list-element:last-child {
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.section-info_element-schedules .element-schedules_list-element .list-element_title {
    position: relative;
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 125%;
    color: #9b887d
}

.section-info_element-schedules .element-schedules_list-element .list-element_title:before {
    content: ">";
    position: absolute;
    top: 0;
    right: calc(100% + 5px);
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #9b887d
}

.section-info_element-schedules .element-schedules_list-element .list-element_text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 125%;
    color: #9b887d;
    padding-top: 5px
}

@media(min-width: 768px) {
    .section-info_element-schedules {
        padding-top:60px
    }

    .section-info_element-schedules .element-schedules_title {
        letter-spacing: .15em;
        padding-bottom: 30px
    }

    .section-info_element-schedules .element-schedules_list-element {
        padding: 25px 0 25px 15px;
        font-size: 0
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_title {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 230px);
        font-size: 20px
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_title:before {
        top: 1px;
        font-size: 20px
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_text {
        display: inline-block;
        vertical-align: middle;
        width: 230px;
        font-size: 20px;
        padding-top: 0
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .section-info_element-schedules {
        padding-top:40px
    }

    .section-info_element-schedules .element-schedules_title {
        letter-spacing: .1em;
        padding-bottom: 25px
    }

    .section-info_element-schedules .element-schedules_list-element {
        padding: 20px 0 20px 12px;
        font-size: 0
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_title {
        font-size: 16px
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_title:before {
        top: 0;
        font-size: 16px
    }

    .section-info_element-schedules .element-schedules_list-element .list-element_text {
        font-size: 16px
    }
}

.phrase-module .phrase-module_wrapper {
    text-align: center
}

.phrase-module .phrase-module_text {
    font: 400 50px/1 "SilverSouthScript",sans-serif;
    letter-spacing: .02em;
    line-height: 116%;
    color: rgba(115,91,74,.5)
}

@media(min-width: 768px) {
    .phrase-module .phrase-module_text {
        font-size:58px
    }
}

@media(min-width: 1024px) {
    .phrase-module .phrase-module_text {
        font-size:70px
    }
}

@media(min-width: 1280px) {
    .phrase-module .phrase-module_text {
        font-size:80px
    }
}

@media(min-width: 1366px) {
    .phrase-module .phrase-module_text {
        font-size:85px
    }
}

.banner-info .banner-info_wrapper {
    position: relative
}

.banner-info .banner-info-counter {
    position: absolute;
    top: 50%;
    right: -63px;
    transform: translateY(-50%);
    margin-top: -100px
}

.banner-info .banner-info_arrows {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: -15px;
    width: calc(100% + 30px);
    transform: translateY(-50%);
    padding: 4px 0;
    overflow: hidden
}

.banner-info .banner-info_arrows .slick-prev {
    float: left
}

.banner-info .banner-info_arrows .slick-next {
    float: right
}

@media(min-width: 1025px) {
    .banner-info .banner-info_arrows:hover~.banner-info-counter {
        opacity:1;
        padding-bottom: 70px
    }

    .banner-info .banner-info_arrows:hover~.banner-info-counter:after {
        height: 50px
    }
}

@media(min-width: 768px) {
    .banner-info .banner-info_arrows {
        left:0;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .banner-info .banner-info_arrows {
        left:-75px;
        width: calc(100% + 150px)
    }
}

@media(min-width: 1280px) {
    .banner-info .banner-info_arrows {
        pointer-events:none
    }

    .banner-info .banner-info_arrows .slick-btn {
        pointer-events: auto
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .banner-info_element.long--header .banner-info_element-media .element-media_header {
        position:relative;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        padding-bottom: 20px
    }
}

@media(min-width: 1280px) {
    .banner-info_element.long--header .banner-info_element-media .element-media_header {
        position:static;
        bottom: 0;
        width: auto
    }

    .banner-info_element.long--header .banner-info_element-content {
        top: 100px
    }
}

@media(min-width: 1366px) {
    .banner-info_element.long--header .banner-info_element-content {
        top:118px
    }
}

@media(min-width: 1680px) {
    .banner-info_element.long--header .banner-info_element-content {
        top:133px
    }
}

@media(min-width: 1025px) {
    .banner-info_element:hover .banner-info_element-content .element-content_pretitle {
        opacity:0;
        pointer-events: none;
        transition: none
    }

    .banner-info_element:hover .banner-info_element-content .element-content_btns {
        opacity: 1;
        pointer-events: auto;
        height: auto;
        padding-top: 25px
    }
}

@media(min-width: 768px) {
    .banner-info_element .banner-info_element-wrapper {
        padding:0 75px
    }
}

@media(min-width: 1024px) {
    .banner-info_element .banner-info_element-wrapper {
        padding:0
    }
}

@media(min-width: 1280px) {
    .banner-info_element .banner-info_element-wrapper {
        position:relative
    }
}

.banner-info_element-media .element-media_header {
    padding-bottom: 10px
}

.banner-info_element-media .element-media_header-title {
    font: 300 30px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .04em;
    line-height: 113.3333333333%;
    color: #735b4a;
    text-transform: uppercase
}

.banner-info_element-media .element-media_header-subtitle {
    display: block;
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 133.3333333333%;
    color: #9b887d;
    text-transform: none;
    padding-top: 5px
}

.banner-info_element-media .element-media_header-subtitle:empty {
    padding-top: 0
}

.banner-info_element-media .element-media_header-longtitle {
    font: 300 30px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .04em;
    line-height: 113.3333333333%;
    color: #735b4a;
    text-transform: uppercase
}

.banner-info_element-media .element-media_header-longsubtitle {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 133.3333333333%;
    color: #9b887d;
    text-transform: none;
    padding-top: 5px
}

.banner-info_element-media .element-media_header-longsubtitle:empty {
    padding-top: 0
}

.banner-info_element-media .element-media_photo {
    position: relative;
    padding-top: 90%
}

.banner-info_element-media .element-media_photo-capture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .banner-info_element-media .element-media_header {
        padding-bottom:20px
    }

    .banner-info_element-media .element-media_header-title {
        font-size: 38px
    }

    .banner-info_element-media .element-media_header-subtitle {
        font-size: 22px
    }

    .banner-info_element-media .element-media_header-longtitle {
        font-size: 38px
    }

    .banner-info_element-media .element-media_header-longsubtitle {
        font-size: 22px
    }
}

@media(min-width: 1024px) {
    .banner-info_element-media {
        position:relative;
        overflow: hidden
    }

    .banner-info_element-media .element-media_header {
        position: absolute;
        z-index: 1;
        bottom: -16px;
        left: calc(50% - 260px);
        width: 520px;
        padding-bottom: 0
    }

    .banner-info_element-media .element-media_header-title {
        position: relative;
        display: inline-block;
        font-size: 94px;
        color: #fdf6f5;
        letter-spacing: .08em;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        line-height: 1;
        margin-left: -5px
    }

    .banner-info_element-media .element-media_header-subtitle {
        position: absolute;
        bottom: 100%;
        left: 0;
        color: #fdf6f5;
        padding: 0 0 5px 7px;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-media .element-media_photo {
        padding-top: 54%
    }
}

@media(min-width: 1280px) {
    .banner-info_element-media .element-media_header {
        width:100%;
        left: 0;
        bottom: -18px;
        text-align: center
    }

    .banner-info_element-media .element-media_header-title {
        margin: 0;
        font-size: 105px
    }

    .banner-info_element-media .element-media_header-subtitle {
        font-size: 26px
    }

    .banner-info_element-media .element-media_header-longtitle {
        position: absolute;
        z-index: 1;
        width: calc(100% - 35px);
        bottom: -12px;
        left: 35px;
        font-size: 72px;
        letter-spacing: .08em;
        color: #fdf6f5;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        text-align: left;
        line-height: 1
    }

    .banner-info_element-media .element-media_header-longsubtitle {
        position: absolute;
        z-index: 1;
        width: calc(100% - 80px);
        top: 40px;
        left: 40px;
        font-size: 20px;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3);
        text-align: left
    }

    .banner-info_element-media .element-media_header-longsubtitle:after {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 1px;
        background-color: #fff;
        margin: 12px 0
    }

    .banner-info_element-media .element-media_header-longsubtitle:empty:after {
        content: none
    }

    .banner-info_element-media .element-media_photo {
        padding-top: 50%
    }
}

@media(min-width: 1366px) {
    .banner-info_element-media .element-media_header {
        bottom:-20px
    }

    .banner-info_element-media .element-media_header-title {
        font-size: 120px
    }

    .banner-info_element-media .element-media_photo {
        padding-top: 45%
    }

    .banner-info_element-media .element-media_header-longtitle {
        font-size: 74px
    }

    .banner-info_element-media .element-media_header-longsubtitle {
        font-size: 22px
    }

    .banner-info_element-media .element-media_header-longsubtitle:after {
        margin: 20px 0
    }
}

@media(min-width: 1680px) {
    .banner-info_element-media .element-media_header {
        bottom:-23px
    }

    .banner-info_element-media .element-media_header-title {
        font-size: 140px
    }

    .banner-info_element-media .element-media_photo {
        padding-top: 42%
    }

    .banner-info_element-media .element-media_header-longtitle {
        font-size: 97px;
        left: 60px;
        bottom: -16px
    }

    .banner-info_element-media .element-media_header-longsubtitle {
        top: 55px;
        left: 70px
    }
}

.banner-info_element-content {
    padding-top: 15px
}

@media(min-width: 1280px) {
    .banner-info_element-content.fixed--pretitle .element-content_pretitle {
        position:relative;
        top: 0;
        opacity: 1 !important
    }

    .banner-info_element-content.fixed--pretitle .element-content_pretitle:before {
        content: none
    }

    .banner-info_element-content.fixed--pretitle .element-content_pretitle:after {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 1px;
        background-color: #fff;
        margin: 20px 0
    }
}

@media(min-width: 1280px) {
    .banner-info_element-content.info--center {
        top:50%;
        transform: translateY(-50%)
    }
}

@media(min-width: 1280px) {
    .banner-info_element-content.info--right {
        right:40px
    }
}

@media(min-width: 1680px) {
    .banner-info_element-content.info--right {
        right:65px
    }
}

@media(min-width: 1280px) {
    .banner-info_element-content.info--left {
        left:40px
    }
}

@media(min-width: 1680px) {
    .banner-info_element-content.info--left {
        left:65px
    }
}

.banner-info_element-content .element-content_pretitle {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .1em;
    line-height: 135.7142857143%;
    color: #735b4a;
    text-transform: uppercase
}

.banner-info_element-content .element-content_pretitle:after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 1px;
    background-color: rgba(115,91,74,.4);
    margin: 12px 0
}

.banner-info_element-content .element-content_pretitle:empty:after {
    content: none
}

.banner-info_element-content .element-content_text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a
}

.banner-info_element-content .element-content_btns {
    text-align: center;
    padding-top: 20px
}

.banner-info_element-content .btn-corp {
    margin: 4px
}

.banner-info_element-content .element-content_btns-element {
    margin-top: 15px
}

.banner-info_element-content .element-content_btns-element:first-child {
    margin-top: 0
}

@media(min-width: 768px) {
    .banner-info_element-content {
        padding-top:25px
    }

    .banner-info_element-content .element-content_pretitle {
        letter-spacing: .15em
    }

    .banner-info_element-content .element-content_pretitle:after {
        margin: 20px 0
    }

    .banner-info_element-content .element-content_text {
        font-size: 20px;
        line-height: 150%
    }

    .banner-info_element-content .element-content_btns {
        padding-top: 25px
    }
}

@media(min-width: 768px)and (max-width: 1279px) {
    .banner-info_element-content .element-content_btns {
        overflow:hidden
    }

    .banner-info_element-content .element-content_btns-element {
        margin-top: 0
    }

    .banner-info_element-content .element-content_btns-element.btn-corp {
        float: right
    }

    .banner-info_element-content .element-content_btns-element.btn-linker {
        float: left
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .banner-info_element-content {
        max-width:520px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .banner-info_element-content {
        position:absolute;
        z-index: 1;
        top: 40px;
        width: 325px;
        padding-top: 0
    }

    .banner-info_element-content .element-content_pretitle {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        color: #fff;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_pretitle:after {
        content: none
    }

    .banner-info_element-content .element-content_pretitle:before {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 1px;
        background-color: #fff;
        margin: 20px 0
    }

    .banner-info_element-content .element-content_pretitle:empty:before {
        content: none
    }

    .banner-info_element-content .element-content_text {
        font-size: 18px;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .btn-corp {
        margin: 0
    }

    .banner-info_element-content .element-content_btns {
        height: 0;
        padding: 0;
        opacity: 0;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        text-align: left
    }

    .banner-info_element-content .element-content_btns .btn-corp:not(:hover) .btn-corp-text {
        color: #fff;
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        border-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_btns .btn-linker:after {
        background-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_btns .btn-linker .btn-linker-text {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_btns .btn-linker .btn-linker-text:before {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_btns .btn-linker .btn-linker-text:after {
        background-color: #fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .banner-info_element-content .element-content_btns-element {
        margin-top: 10px
    }
}

@media(min-width: 1680px) {
    .banner-info_element-content {
        width:360px;
        top: 50px
    }

    .banner-info_element-content .element-content_text {
        font-size: 20px
    }
}

.products-gallery.products--list .products-gallery_element .products-gallery_element-wrapper {
    padding-bottom: 35px
}

@media(min-width: 768px) {
    .products-gallery.products--list .products-gallery_element .products-gallery_element-wrapper {
        padding-bottom:50px
    }
}

@media(min-width: 1280px) {
    .products-gallery.products--list .products-gallery_content {
        margin:0 -50px -50px;
        font-size: 0
    }

    .products-gallery.products--list .products-gallery_element {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .products-gallery.products--list .products-gallery_element .products-gallery_element-wrapper {
        padding: 0 50px 50px
    }
}

@media(min-width: 1680px) {
    .products-gallery.products--list .products-gallery_content {
        margin:0 -50px -60px
    }

    .products-gallery.products--list .products-gallery_element {
        width: 33.33%
    }

    .products-gallery.products--list .products-gallery_element .products-gallery_element-wrapper {
        padding: 0 50px 60px
    }
}

.products-gallery .products-gallery_wrapper {
    position: relative
}

.products-gallery .products-gallery_content {
    position: relative
}

.products-gallery .products-gallery_arrows {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 90%
}

.products-gallery .products-gallery_arrows .js-slider-arrows {
    position: absolute;
    top: 100%;
    left: -15px;
    transform: translateY(-50%);
    width: calc(100% + 30px);
    overflow: hidden;
    padding: 4px 0
}

.products-gallery .products-gallery_arrows .js-slider-arrows .slick-prev {
    float: left
}

.products-gallery .products-gallery_arrows .js-slider-arrows .slick-next {
    float: right
}

@media(max-width: 1279px) {
    .products-gallery .products-gallery_content {
        padding-bottom:50px
    }

    .products-gallery .global-header .global-header_btn {
        display: block;
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(max-width: 1279px)and (min-width: 768px) {
    .products-gallery .global-header .global-header_btn {
        bottom:95px
    }
}

@media(min-width: 768px) {
    .products-gallery .products-gallery_wrapper {
        padding-left:75px;
        padding-right: 75px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows {
        top: 50%;
        left: -75px;
        width: calc(100% + 150px)
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .products-gallery .products-gallery_wrapper {
        max-width:670px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .products-gallery .products-gallery_wrapper {
        padding-left:60px;
        padding-right: 60px
    }

    .products-gallery .products-gallery_content {
        margin: 0 -30px
    }

    .products-gallery .products-gallery_arrows {
        padding: 0;
        width: calc(50% - 30px);
        left: 30px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows {
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 90%;
        overflow: visible;
        pointer-events: none
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows:before,.products-gallery .products-gallery_arrows .js-slider-arrows:after {
        content: "";
        display: blocK;
        clear: both
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-btn {
        pointer-events: auto
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -75px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-100% - 75px)
    }
}

@media(min-width: 1366px) {
    .products-gallery .products-gallery_content {
        margin:0 -50px
    }

    .products-gallery .products-gallery_arrows {
        left: 50px;
        width: calc(50% - 50px)
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -90px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-100% - 90px)
    }
}

@media(min-width: 1680px) {
    .products-gallery .products-gallery_wrapper {
        padding-left:0;
        padding-right: 0
    }

    .products-gallery .products-gallery_arrows {
        left: 50px;
        width: calc(33.33% - 50px)
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -72px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-200% - 122px)
    }
}

@media(min-width: 1680px)and (max-width: 1919px) {
    .products-gallery .products-gallery_content {
        margin:0 -30px
    }

    .products-gallery .products-gallery_arrows {
        left: 30px;
        width: calc(33.33% - 30px)
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -72px
    }

    .products-gallery .products-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-200% - 102px)
    }
}

@media(min-width: 1280px) {
    .products-gallery_element .products-gallery_element-wrapper {
        padding:0 30px
    }
}

@media(min-width: 1025px) {
    .products-gallery_element:hover .products-gallery_element-info {
        margin-top:-109px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transition-delay: initial;
        -webkit-transition-delay: initial;
        -moz-transition-delay: initial;
        -ms-transition-delay: initial;
        -o-transition-delay: initial
    }

    .products-gallery_element:hover .element-info_btns {
        max-height: 500px;
        opacity: 1;
        padding-top: 20px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }

    .products-gallery_element:hover.only--one_btn .products-gallery_element-info {
        margin-top: -60px
    }
}

@media(min-width: 1366px) {
    .products-gallery_element .products-gallery_element-wrapper {
        padding:0 50px
    }
}

@media(min-width: 1680px)and (max-width: 1919px) {
    .products-gallery_element .products-gallery_element-wrapper {
        padding:0 30px
    }
}

.products-gallery_element-media .element-media_wrapper {
    position: relative;
    padding-top: 90%
}

.products-gallery_element-media .element-media_photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.products-gallery_element-info .element-info_wrapper {
    position: relative;
    padding: 40px 25px 30px;
    background-color: #fff;
    text-align: center
}

.products-gallery_element-info .element-info_tag {
    position: absolute;
    z-index: 1;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    background-color: #f7bebb;
    font: 700 10px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #fff;
    text-transform: uppercase;
    padding: 25px 0 0
}

.element-info_title {
    font: 400 18px/1 "brandon-grotesque", "sans-serif";
    letter-spacing: .05em;
    line-height: 122.2222222222%;
    color: #735b4a;
    text-transform: uppercase;
}

.element-info_subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    line-height: 125%;
    color: #9b887d;
    padding-top: 5px
}

.products-gallery_element-info .element-info_subtitle:empty {
    padding-top: 0
}

.products-gallery_element-info .element-info_btns {
    padding-top: 20px;
    text-align: center
}

.products-gallery_element-info .element-info_btns-element {
    display: table;
    margin: 10px auto 0
}

.products-gallery_element-info .element-info_btns-element:first-child {
    margin-top: 0
}

.products-gallery_element-info .element-info_btns-element.btn-corp {
    display: inline-block
}

@media(max-width: 539px) {
    .products-gallery_element-info .element-info_btns-element.btn-corp .btn-corp-text {
        min-width:210px
    }
}

@media(min-width: 768px) {
    .products-gallery_element-info .element-info_tag {
        left:auto;
        right: 25px
    }

    .products-gallery_element-info .element-info_title {
        font-size: 22px
    }

    .products-gallery_element-info .element-info_subtitle {
        font-size: 18px;
        padding-top: 10px
    }
}

@media(min-width: 1024px) {
    .products-gallery_element-info .element-info_wrapper {
        text-align:left
    }
}

@media(min-width: 1280px) {
    .products-gallery_element-info {
        position:relative;
        z-index: 1
    }

    .products-gallery_element-info .element-info_btns {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0
    }
}

.event-gallery.events--list .event-gallery_element .event-gallery_element-wrapper {
    padding-bottom: 35px
}

@media(min-width: 768px) {
    .event-gallery.events--list .event-gallery_element .event-gallery_element-wrapper {
        padding-bottom:50px
    }
}

@media(min-width: 1280px) {
    .event-gallery.events--list .event-gallery_content {
        font-size:0;
        margin: 0 -30px -50px
    }

    .event-gallery.events--list .event-gallery_element {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .event-gallery.events--list .event-gallery_element .event-gallery_element-wrapper {
        padding: 0 30px 50px
    }
}

@media(min-width: 1680px) {
    .event-gallery.events--list .event-gallery_content {
        margin:0 -50px -60px
    }

    .event-gallery.events--list .event-gallery_element .event-gallery_element-wrapper {
        padding: 0 50px 60px
    }
}

@media(min-width: 1024px) {
    .event-gallery .event-gallery_wrapper {
        padding-left:50px;
        padding-right: 50px
    }
}

@media(max-width: 1279px) {
    .event-gallery .global-header .global-header_btn {
        display:block;
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 1280px) {
    .event-gallery .event-gallery_wrapper {
        padding-left:0;
        padding-right: 0
    }
}

.event-gallery_content {
    position: relative
}

.event-gallery_content .event-gallery_arrows {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 78%
}

.event-gallery_content .event-gallery_arrows .js-slider-arrows {
    position: absolute;
    top: 100%;
    left: -15px;
    transform: translateY(-50%);
    width: calc(100% + 30px);
    overflow: hidden;
    padding: 4px 0
}

.event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-prev {
    float: left
}

.event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-next {
    float: right
}

@media(min-width: 768px) {
    .event-gallery_content .event-gallery_arrows {
        padding-top:60%
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows {
        left: -25px;
        top: 50%;
        width: calc(100% + 50px)
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .event-gallery_content .event-gallery_arrows .js-slider-arrows {
        padding:7px 0
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-btn:after {
        content: "";
        position: absolute;
        z-index: -1;
        width: calc(100% + 14px);
        height: calc(100% + 14px);
        top: -7px;
        left: -7px;
        background-color: #fdf6f5;
        border-radius: 50%
    }
}

@media(min-width: 1024px) {
    .event-gallery_content .event-gallery_arrows .js-slider-arrows {
        left:-75px;
        width: calc(100% + 150px)
    }
}

@media(max-width: 1279px) {
    .event-gallery_content {
        padding-bottom:50px
    }
}

@media(min-width: 1280px) {
    .event-gallery_content {
        margin:0 -30px
    }

    .event-gallery_content .event-gallery_arrows {
        left: 30px;
        width: calc(50% - 60px);
        padding-top: 0
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows {
        left: 0;
        width: 100%;
        padding-top: 60%;
        overflow: visible;
        pointer-events: none
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-btn {
        pointer-events: auto
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -75px
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-100% - 135px)
    }
}

@media(min-width: 1366px) {
    .event-gallery_content {
        margin:0 -50px
    }

    .event-gallery_content .event-gallery_arrows {
        left: 50px;
        width: calc(50% - 100px)
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-btn {
        pointer-events: auto
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-prev {
        margin-left: -73px
    }

    .event-gallery_content .event-gallery_arrows .js-slider-arrows .slick-next {
        margin-right: calc(-100% - 173px)
    }
}

@media(min-width: 1025px) {
    .event-gallery_element:hover .event-gallery_element-info {
        margin-top:-106px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .event-gallery_element:hover .element-info_btns {
        max-height: 500px;
        opacity: 1;
        padding-top: 20px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s
    }
}

@media(min-width: 1025px)and (min-width: 1680px) {
    .event-gallery_element:hover .event-gallery_element-info {
        margin-top:-60px
    }
}

@media(min-width: 1280px) {
    .event-gallery_element .event-gallery_element-wrapper {
        padding:0 30px
    }
}

@media(min-width: 1366px) {
    .event-gallery_element .event-gallery_element-wrapper {
        padding:0 50px
    }
}

.event-gallery_element-media .element-media_wrapper {
    position: relative;
    padding-top: 78%
}

.event-gallery_element-media .element-media_photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .event-gallery_element-media .element-media_wrapper {
        padding-top:60%
    }
}

.event-gallery_element-info .element-info_wrapper {
    position: relative;
    padding: 40px 25px 30px;
    background-color: #fff;
    text-align: center
}

.event-gallery_element-info .element-info_tag {
    position: absolute;
    z-index: 1;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    background-color: #f7bebb;
    font: 700 10px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #fff;
    text-transform: uppercase;
    padding: 25px 0 0
}

.event-gallery_element-info .element-info_header {
    padding-bottom: 15px
}

.event-gallery_element-info .element-info_header .element-info_header-title {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 122.2222222222%;
    color: #735b4a;
    text-transform: uppercase
}

.event-gallery_element-info .element-info_header .element-info_header-subtitle {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .03em;
    line-height: 125%;
    color: #9b887d;
    padding-top: 5px
}

.event-gallery_element-info .element-info_header .element-info_header-subtitle:empty {
    padding-top: 0
}

.event-gallery_element-info .element-info_price {
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid rgba(115,91,74,.4)
}

.event-gallery_element-info .element-info_price .element-info_price-field {
    display: inline-block;
    font: 300 55px/1 "brandon-grotesque",sans-serif;
    color: #735b4a
}

.event-gallery_element-info .element-info_price .element-info_price-field pre {
    display: block;
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: #735b4a;
    padding-bottom: 5px;
    text-align: left;
    margin: 0
}

.event-gallery_element-info .element-info_price .element-info_price-field small {
    font-size: 40px;
    margin-left: -6px
}

.event-gallery_element-info .element-info_btns {
    padding-top: 20px;
    text-align: center
}

.event-gallery_element-info .element-info_btns-element {
    display: table;
    margin: 10px auto 0
}

.event-gallery_element-info .element-info_btns-element:first-child {
    margin-top: 0
}

.event-gallery_element-info .element-info_btns-element.btn-corp {
    display: inline-block
}

@media(max-width: 539px) {
    .event-gallery_element-info .element-info_btns-element.btn-corp .btn-corp-text {
        min-width:230px
    }
}

@media(min-width: 768px) {
    .event-gallery_element-info .element-info_wrapper {
        padding:40px 35px 30px;
        font-size: 0
    }

    .event-gallery_element-info .element-info_tag {
        left: auto;
        right: 35px
    }

    .event-gallery_element-info .element-info_header {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 150px);
        padding-bottom: 0;
        padding-bottom: 20px;
        text-align: left
    }

    .event-gallery_element-info .element-info_header .element-info_header-title {
        font-size: 22px;
        letter-spacing: .1em
    }

    .event-gallery_element-info .element-info_header .element-info_header-subtitle {
        font-size: 18px;
        padding-top: 10px
    }

    .event-gallery_element-info .element-info_price {
        display: inline-block;
        vertical-align: top;
        width: 150px;
        text-align: right;
        padding-top: 0;
        border-top: none
    }

    .event-gallery_element-info .element-info_btns {
        padding: 0;
        overflow: hidden
    }

    .event-gallery_element-info .element-info_btns:before {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        background-color: rgba(115,91,74,.4);
        margin-bottom: 20px
    }

    .event-gallery_element-info .element-info_btns-element {
        margin: 0
    }

    .event-gallery_element-info .element-info_btns-element.btn-corp {
        float: right
    }

    .event-gallery_element-info .element-info_btns-element.btn-linker {
        float: left
    }
}

@media(min-width: 1280px) {
    .event-gallery_element-info {
        position:relative;
        z-index: 1
    }

    .event-gallery_element-info .element-info_header {
        padding-bottom: 0;
        min-height: 86px
    }

    .event-gallery_element-info .element-info_btns {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-top: 0
    }

    .event-gallery_element-info .element-info_btns:before {
        content: none
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .event-gallery_element-info .element-info_header .element-info_header-title {
        font-size:18px
    }

    .event-gallery_element-info .element-info_header .element-info_header-subtitle {
        font-size: 16px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .event-gallery_element-info .element-info_header .element-info_header-title {
        letter-spacing:.05em
    }

    .event-gallery_element-info .element-info_btns-element {
        margin: 10px auto 0
    }

    .event-gallery_element-info .element-info_btns-element.btn-corp {
        float: initial
    }

    .event-gallery_element-info .element-info_btns-element.btn-linker {
        float: initial
    }
}

.advice-claim.only--info .advice-claim_wrapper {
    text-align: center
}

.advice-claim.only--info .advice-claim_header {
    padding-bottom: 20px
}

.advice-claim.only--info .advice-claim_header .advice-claim_header-icon {
    position: relative;
    top: 0;
    font-size: 45px
}

.advice-claim.only--info .advice-claim_content {
    border-top: none;
    padding-top: 0
}

@media(min-width: 1680px) {
    .advice-claim.only--info .advice-claim_box {
        max-width:1015px
    }

    .advice-claim.only--info .advice-claim_header {
        padding-bottom: 0;
        width: 120px
    }

    .advice-claim.only--info .advice-claim_content {
        width: calc(100% - 120px);
        padding-left: 10px
    }

    .advice-claim.only--info .advice-claim_content .advice-claim_content-text {
        width: 100%;
        text-align: left
    }
}

.advice-claim.only--info_btn .advice-claim_wrapper {
    text-align: center
}

.advice-claim.only--info_btn .advice-claim_header {
    padding-bottom: 20px
}

.advice-claim.only--info_btn .advice-claim_header .advice-claim_header-icon {
    position: relative;
    top: 0;
    font-size: 45px
}

.advice-claim.only--info_btn .advice-claim_content {
    border-top: none;
    padding-top: 0
}

@media(min-width: 1680px) {
    .advice-claim.only--info_btn .advice-claim_box {
        max-width:1015px
    }

    .advice-claim.only--info_btn .advice-claim_header {
        padding-bottom: 0;
        width: 120px
    }

    .advice-claim.only--info_btn .advice-claim_content {
        width: calc(100% - 120px);
        padding-left: 10px
    }

    .advice-claim.only--info_btn .advice-claim_content .advice-claim_content-text {
        padding-right: 20px;
        text-align: left
    }
}

.advice-claim .advice-claim_box {
    background-color: #fff;
    padding: 30px
}

@media(min-width: 768px) {
    .advice-claim .advice-claim_box {
        padding:35px 55px;
        max-width: 590px;
        margin: 0 auto
    }
}

@media(min-width: 1366px) {
    .advice-claim .advice-claim_box {
        max-width:775px
    }
}

@media(min-width: 1680px) {
    .advice-claim .advice-claim_box {
        max-width:1360px;
        padding: 25px 65px;
        font-size: 0
    }
}

.advice-claim_header {
    position: relative;
    padding-bottom: 30px
}

.advice-claim_header .advice-claim_header-title {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .15em;
    color: #735b4a;
    text-transform: uppercase
}

.advice-claim_header .advice-claim_header-icon {
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 23px;
    color: #735b4a
}

@media(min-width: 1680px) {
    .advice-claim_header {
        display:inline-block;
        vertical-align: middle;
        width: 200px;
        padding-bottom: 0;
        padding-right: 40px
    }
}

.advice-claim_content {
    padding-top: 15px;
    border-top: 1px solid rgba(115,91,74,.4)
}

.advice-claim_content .advice-claim_content-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #9b887d
}

.advice-claim_content .advice-claim_content-btn {
    display: table;
    margin: 20px auto 0
}

@media(max-width: 539px) {
    .advice-claim_content .advice-claim_content-btn.btn-corp .btn-corp-text {
        min-width:230px
    }
}

@media(min-width: 768px) {
    .advice-claim_content {
        padding-top:25px
    }

    .advice-claim_content .advice-claim_content-text {
        font-size: 18px;
        line-height: 166.6666666667%
    }

    .advice-claim_content .advice-claim_content-btn {
        margin: 25px auto 0
    }
}

@media(min-width: 1680px) {
    .advice-claim_content {
        display:inline-block;
        vertical-align: middle;
        width: calc(100% - 200px);
        padding-top: 0;
        border-top: none;
        font-size: 0;
        padding-left: 50px
    }

    .advice-claim_content .advice-claim_content-text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 260px)
    }

    .advice-claim_content .advice-claim_content-btn {
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
}

.media-gallery .media-gallery_wrapper {
    padding-bottom: 0
}

@media(max-width: 1279px) {
    .media-gallery .global-header .global-header_subtitle {
        text-align:center
    }
}

.media-gallery_content {
    position: relative;
    padding: 10px 30px 0
}

.media-gallery_content .media-gallery_arrows {
    position: absolute;
    top: 50%;
    left: -15px;
    width: calc(100% + 30px);
    transform: translateY(-50%);
    overflow: hidden;
    pointer-events: none
}

.media-gallery_content .media-gallery_arrows .slick-btn {
    pointer-events: auto
}

.media-gallery_content .media-gallery_arrows .slick-prev {
    float: left
}

.media-gallery_content .media-gallery_arrows .slick-next {
    float: right
}

@media(min-width: 768px) {
    .media-gallery_content {
        margin:0 -22px;
        padding: 10px 20px 0
    }

    .media-gallery_content .media-gallery_arrows {
        left: -5px;
        width: calc(100% + 10px)
    }

    .media-gallery_content .media-gallery_arrows .slick-btn {
        width: 30px;
        height: 30px
    }

    .media-gallery_content .media-gallery_arrows .slick-btn:before {
        font-size: 12px
    }
}

@media(min-width: 1024px) {
    .media-gallery_content {
        padding:10px 0 0
    }

    .media-gallery_content .media-gallery_arrows {
        left: -30px;
        width: calc(100% + 60px)
    }
}

@media(min-width: 1280px) {
    .media-gallery_content {
        padding:0;
        margin: 0 -25px
    }
}

.media-gallery_element .media-gallery_element-wrapper {
    position: relative;
    padding-top: 96%;
    overflow: hidden
}

.media-gallery_element .media-gallery_element-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .media-gallery_element {
        padding:0 22px
    }
}

@media(min-width: 1280px) {
    .media-gallery_element {
        padding:0 25px
    }
}

@media(max-width: 767px) {
    .footer-links .footer-links_wrapper {
        padding-bottom:50px
    }
}

@media(min-width: 1280px) {
    .footer-links .footer-links_wrapper {
        padding-bottom:60px
    }
}

@media(min-width: 1680px) {
    .footer-links .footer-links_wrapper {
        padding-bottom:100px
    }
}

.footer-links_socials .footer-links_socials-wrapper {
    padding-bottom: 40px;
    text-align: center
}

.footer-links_socials .footer-links_socials-hashtag {
    font: 300 25px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: #735b4a;
    text-transform: uppercase;
    padding-bottom: 25px
}

.footer-links_socials .footer-links_socials-hashtag:empty {
    padding-bottom: 0
}

.footer-links_socials .footer-links_socials-links {
    font-size: 0;
    margin: 0 -25px
}

.footer-links_socials .socials-links_element {
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px
}

.footer-links_socials .socials-links_element .socials-links_element-icon {
    display: block;
    font-size: 21px;
    color: #735b4a
}

.footer-links_socials .socials-links_element .socials-links_element-icon.icon-facebook {
    font-size: 23px
}

.footer-links_socials .socials-links_element .socials-links_element-icon.icon-twitter,.footer-links_socials .socials-links_element .socials-links_element-icon.icon-youtube {
    font-size: 19px
}

@media(max-width: 374px) {
    .footer-links_socials .footer-links_socials-hashtag {
        font-size:22px
    }
}

@media(min-width: 768px) {
    .footer-links_socials .footer-links_socials-wrapper {
        padding-bottom:60px
    }

    .footer-links_socials .footer-links_socials-hashtag {
        font-size: 48px;
        padding-bottom: 35px
    }
}

@media(min-width: 1024px) {
    .footer-links_socials .footer-links_socials-hashtag {
        font-size:66px
    }
}

@media(min-width: 1280px) {
    .footer-links_socials .footer-links_socials-wrapper {
        font-size:0;
        text-align: left
    }

    .footer-links_socials .footer-links_socials-hashtag {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 0;
        font-size: 55px;
        width: calc(100% - 295px)
    }

    .footer-links_socials .footer-links_socials-links {
        display: inline-block;
        vertical-align: middle;
        width: 295px;
        margin: 0;
        text-align: center
    }

    .footer-links_socials .socials-links_element {
        position: relative
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .footer-links_socials .socials-links_element:hover .socials-links_element-icon:before {
        color:#fff
    }

    .footer-links_socials .socials-links_element:hover .socials-links_element-icon:after {
        opacity: 1;
        transform: scale(1)
    }
}

@media(min-width: 1280px) {
    .footer-links_socials .socials-links_element .socials-links_element-icon:before {
        position:relative;
        z-index: 2;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .footer-links_socials .socials-links_element .socials-links_element-icon:after {
        content: "";
        position: absolute;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        opacity: 0;
        transform: scale(0);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .footer-links_socials .socials-links_element .socials-links_element-icon.icon-facebook:after {
        background-color: #5273b4
    }

    .footer-links_socials .socials-links_element .socials-links_element-icon.icon-youtube:after {
        background-color: #da334a
    }

    .footer-links_socials .socials-links_element .socials-links_element-icon.icon-twitter:after {
        background-color: #19bae6
    }

    .footer-links_socials .socials-links_element .socials-links_element-icon.icon-instagram:after {
        background-color: #f5afab
    }
}

@media(min-width: 1366px) {
    .footer-links_socials .footer-links_socials-hashtag {
        font-size:60px
    }
}

@media(min-width: 1680px) {
    .footer-links_socials .footer-links_socials-hashtag {
        font-size:80px
    }
}

@media(min-width: 768px) {
    .footer-links_info .footer-links_info-wrapper {
        position:relative
    }
}

@media(min-width: 768px)and (max-width: 1279px) {
    .footer-links_info .footer-links_info-wrapper {
        padding:0 20px;
        max-width: 620px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .footer-links_info .footer-links_info-wrapper {
        font-size:0
    }
}

@media(min-width: 1680px) {
    .footer-links_info .footer-links_info-wrapper {
        max-width:1480px;
        margin: 0 auto
    }
}

.footer-links_info-media {
    padding: 40px 30px
}

.footer-links_info-media .info-media_wrapper {
    position: relative;
    padding-top: 92%
}

.footer-links_info-media .info-media_photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .footer-links_info-media {
        padding:60px 75px;
        border-top: 1px solid rgba(115,91,74,.4)
    }
}

@media(min-width: 1280px) {
    .footer-links_info-media {
        display:inline-block;
        vertical-align: top;
        width: 460px;
        padding: 75px 0 0;
        border-top: none
    }
}

@media(min-width: 1680px) {
    .footer-links_info-media {
        width:600px;
        padding: 35px 0 0;
        border-top: none
    }
}

@media(min-width: 1920px) {
    .footer-links_info-media {
        width:660px
    }
}

@media(min-width: 1280px) {
    .footer-links_info-zone {
        display:inline-block;
        vertical-align: top;
        width: calc(50% - 230px)
    }

    .footer-links_info-zone:first-child {
        padding-right: 40px
    }

    .footer-links_info-zone:nth-child(3) {
        padding-left: 40px
    }
}

@media(min-width: 1680px) {
    .footer-links_info-zone {
        display:inline-block;
        vertical-align: top;
        width: calc(50% - 300px)
    }

    .footer-links_info-zone:first-child {
        padding-right: 90px
    }

    .footer-links_info-zone:nth-child(3) {
        padding-left: 90px
    }
}

@media(min-width: 1920px) {
    .footer-links_info-zone {
        display:inline-block;
        vertical-align: top;
        width: calc(50% - 330px)
    }
}

@media(min-width: 1280px) {
    .footer-links_info-element.add--link .info-element_title {
        position:relative
    }

    .footer-links_info-element.add--link .info-element_title:after {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1025px) {
    .footer-links_info-element.add--link:hover .info-element_title {
        position:relative
    }

    .footer-links_info-element.add--link:hover .info-element_title:after {
        width: 100%
    }
}

.footer-links_info-element .info-element_wrapper {
    padding: 35px 0 45px;
    border-top: 1px solid rgba(115,91,74,.4)
}

.footer-links_info-element .info-element_title {
    font: 400 20px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    color: #735b4a;
    text-transform: uppercase;
    padding-bottom: 25px
}

.footer-links_info-element .info-element_title:empty {
    padding-bottom: 0
}

.footer-links_info-element .info-element_content .info-element_content-text {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 166.6666666667%;
    color: #735b4a
}

.footer-links_info-element .info-element_content .info-element_content-text.add--link {
    display: inline-block;
    margin-top: 10px
}

@media(min-width: 1280px) {
    .footer-links_info-element .info-element_content .info-element_content-text.add--link {
        position:relative
    }

    .footer-links_info-element .info-element_content .info-element_content-text.add--link:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #735b4a;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1025px) {
    .footer-links_info-element .info-element_content .info-element_content-text.add--link:hover:after {
        width:100%
    }
}

.footer-links_info-element .info-element_content .info-element_content-btn {
    margin-top: 15px
}

.footer-links_info-element .info-element_awards .slick-dots {
    text-align: center;
    font-size: 0
}

.footer-links_info-element .info-element_awards .slick-dots li {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px
}

.footer-links_info-element .info-element_awards .slick-dots li.slick-active button:before {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%) scale(1)
}

.footer-links_info-element .info-element_awards .slick-dots li.slick-active button:after {
    width: 18px;
    height: 18px;
    border-color: #735b4a
}

.footer-links_info-element .info-element_awards .slick-dots li button {
    position: relative;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
    background-color: rgba(0,0,0,0)
}

.footer-links_info-element .info-element_awards .slick-dots li button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translateY(-50%) translateX(-50%) scale(0);
    opacity: 0;
    border-radius: 50%;
    background-color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.footer-links_info-element .info-element_awards .slick-dots li button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
    border: 2px solid rgba(115,91,74,.5);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.footer-links_info-element .info-element_awards .info-element_awards-element {
    padding-bottom: 15px
}

.footer-links_info-element .info-element_awards .info-element_awards-logo {
    display: block;
    max-width: 310px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media(max-width: 767px) {
    .footer-links_info-element:last-child .info-element_wrapper {
        border-bottom:1px solid rgba(115,91,74,.4)
    }
}

@media(min-width: 768px) {
    .footer-links_info-element .info-element_wrapper {
        padding:50px 0 60px;
        font-size: 0
    }
}

@media(min-width: 768px)and (max-width: 1279px) {
    .footer-links_info-element .info-element_title {
        display:inline-block;
        vertical-align: top;
        width: 50%;
        padding-top: 5px;
        font-size: 22px
    }

    .footer-links_info-element .info-element_content {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .footer-links_info-element .info-element_content .info-element_content-text {
        font-size: 20px
    }
}

@media(min-width: 1280px) {
    .footer-links_info-element .info-element_wrapper {
        padding:30px 0;
        border-top: none
    }

    .footer-links_info-element .info-element_title {
        padding-bottom: 0
    }

    .footer-links_info-element .info-element_title:after {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 1px;
        background-color: rgba(115,91,74,.4);
        margin: 25px 0 0
    }

    .footer-links_info-element .info-element_content {
        padding-top: 25px
    }

    .footer-links_info-element .info-element_content .info-element_content-btn {
        display: none
    }
}

@media(min-width: 1366px) {
    .footer-links_info-element .info-element_title {
        font-size:22px
    }
}

@media(min-width: 1680px) {
    .footer-links_info-element .info-element_wrapper {
        padding:35px 0
    }

    .footer-links_info-element .info-element_content .info-element_content-text {
        font-size: 20px
    }
}

.footer-links_info-top {
    display: table;
    margin: 35px auto 0;
    text-align: center
}

.footer-links_info-top .info-top-text {
    font: 500 15px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: rgba(115,91,74,.5);
    padding-bottom: 20px
}

.footer-links_info-top .info-top-btn {
    position: relative;
    width: 50px;
    height: 50px
}

.footer-links_info-top .info-top-btn:after {
    content: none
}

.footer-links_info-top .info-top-btn:before {
    font-size: 8px
}

@media(min-width: 768px) {
    .footer-links_info-top {
        margin:0;
        position: absolute;
        right: -15px;
        bottom: 160px
    }
}

@media(min-width: 1024px) {
    .footer-links_info-top {
        right:-70px
    }
}

@media(min-width: 1280px) {
    .footer-links_info-top {
        bottom:auto;
        top: calc(50% - 50px)
    }

    .footer-links_info-top:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 70px;
        width: 1px;
        height: 0;
        background-color: rgba(115,91,74,.4);
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .footer-links_info-top .info-top-text {
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        padding-bottom: 20px;
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1025px) {
    .footer-links_info-top:hover:before {
        height:50px
    }

    .footer-links_info-top:hover .info-top-text {
        color: #735b4a;
        padding-bottom: 90px
    }

    .footer-links_info-top:hover .info-top-btn {
        border-color: rgba(0,0,0,0);
        background-color: #f7bebb
    }

    .footer-links_info-top:hover .info-top-btn:before {
        color: #fff
    }
}

@media(min-width: 1920px) {
    .footer-links_info-top {
        right:-100px
    }
}

.footer-static .big-wrapper {
    background-color: #fff
}

.footer-static .footer-static_content {
    padding: 50px 0 170px
}

@media(min-width: 768px) {
    .footer-static .footer-static_content {
        padding:60px 0 230px
    }
}

@media(min-width: 1024px) {
    .footer-static .footer-static_content {
        padding:60px 0 40px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .footer-static .footer-static_content {
        max-width:580px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .footer-static .footer-static_content {
        padding:35px 0 30px
    }
}

@media(min-width: 1680px) {
    .footer-static .big-wrapper {
        padding:0 50px
    }

    .footer-static .footer-static_content {
        font-size: 0
    }
}

.footer-static_header {
    padding-bottom: 40px
}

.footer-static_header .footer-static_header-copy {
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: #735b4a;
    text-transform: uppercase
}

@media(min-width: 1280px) {
    .footer-static_header {
        padding-bottom:30px;
        border-bottom: 1px solid rgba(115,91,74,.4)
    }

    .footer-static_header .footer-static_header-copy {
        letter-spacing: .1em
    }
}

@media(min-width: 1680px) {
    .footer-static_header {
        display:inline-block;
        vertical-align: top;
        width: 260px;
        border: none;
        padding: 3px 0 0
    }
}

@media(min-width: 768px) {
    .footer-static_list {
        font-size:0;
        margin: 0 -30px
    }
}

@media(min-width: 1280px) {
    .footer-static_list {
        padding-top:30px
    }
}

@media(min-width: 1680px) {
    .footer-static_list {
        display:inline-block;
        vertical-align: top;
        width: calc(100% - 260px);
        padding-top: 0;
        margin: 0;
        text-align: right
    }
}

.footer-static_list-element .list-element_wrapper {
    border-top: 1px solid rgba(115,91,74,.4);
    padding: 30px 0
}

.footer-static_list-element .list-element_text {
    position: relative;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    line-height: 135.7142857143%;
    color: #735b4a;
    padding-left: 15px
}

.footer-static_list-element .list-element_text:before {
    content: ">";
    position: absolute;
    top: 1px;
    left: 0;
    font: 500 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: #735b4a
}

@media(min-width: 768px) {
    .footer-static_list-element {
        display:inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 30px
    }
}

@media(min-width: 1280px) {
    .footer-static_list-element {
        width:auto
    }

    .footer-static_list-element .list-element_wrapper {
        border-top: none;
        padding: 0
    }

    .footer-static_list-element .list-element_text {
        opacity: .7;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .footer-static_list-element .list-element_text:hover {
        opacity:1
    }
}

@media(min-width: 1680px) {
    .footer-static_list-element:last-child {
        padding-right:0
    }
}

.expand-info {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-40px);
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.expand-info.open {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.expand-info.open .expand-info_header {
    opacity: 1;
    transition-delay: .2s;
    transform: skew(0)
}

.expand-info.open .expand-info_content {
    opacity: 1;
    transition-delay: .4s;
    transform: skew(0)
}

.expand-info .expand-info_wrapper {
    padding-top: 20px
}

@media(min-width: 768px) {
    .expand-info .expand-info_wrapper {
        padding-left:75px;
        padding-right: 75px
    }
}

@media(min-width: 1024px)and (max-width: 1279px) {
    .expand-info .expand-info_wrapper {
        max-width:670px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .expand-info .expand-info_wrapper {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 1680px) {
    .expand-info .expand-info_wrapper {
        padding-left:100px;
        max-width: 1315px;
        margin: 0 auto
    }
}

.expand-info_header {
    opacity: 0;
    transform: skew(20deg);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    padding-bottom: 15px
}

.expand-info_header .expand-info_header-title {
    font: 300 24px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .04em;
    line-height: 141.6666666667%;
    color: #735b4a;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .expand-info_header {
        padding-bottom:25px
    }

    .expand-info_header .expand-info_header-title {
        font-size: 32px
    }
}

@media(min-width: 1280px) {
    .expand-info_header .expand-info_header-title {
        font-size:40px
    }
}

@media(min-width: 1680px) {
    .expand-info_header {
        padding-bottom:35px
    }
}

.expand-info_content {
    opacity: 0;
    transform: skew(10deg);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1280px) {
    .expand-info_content {
        font-size:0;
        margin: 0 -25px
    }
}

@media(min-width: 1680px) {
    .expand-info_content {
        margin:0 -50px
    }
}

.expand-info_content-element .content-element_wrapper {
    padding: 15px 0
}

.expand-info_content-element .content-element_title {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .04em;
    line-height: 144.4444444444%;
    color: #9b887d;
    padding-bottom: 10px
}

.expand-info_content-element .content-element_title:empty {
    padding-bottom: 0
}

.expand-info_content-element .content-element_text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 150%;
    color: #735b4a
}

@media(min-width: 768px) {
    .expand-info_content-element .content-element_wrapper {
        padding:25px 0
    }

    .expand-info_content-element .content-element_title {
        font-size: 24px;
        padding-bottom: 25px
    }

    .expand-info_content-element .content-element_text {
        font-size: 21px
    }
}

@media(min-width: 1280px) {
    .expand-info_content-element {
        display:inline-block;
        vertical-align: top;
        width: 50%
    }

    .expand-info_content-element .content-element_wrapper {
        padding: 25px
    }
}

@media(min-width: 1680px) {
    .expand-info_content-element .content-element_wrapper {
        padding:35px 50px
    }

    .expand-info_content-element .content-element_text {
        line-height: 190.4761904762%
    }
}

.expand-info_content-media .content-media_box {
    position: relative;
    padding: 15px 0
}

.expand-info_content-media .content-media_box-wrapper {
    position: relative;
    padding-top: 92%
}

.expand-info_content-media .content-media_box-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.expand-info_content-media .content-media_box-ilustration {
    position: absolute;
    bottom: -15px;
    right: 0;
    transform: translateX(25%);
    width: 70px;
    height: auto
}

@media(min-width: 768px) {
    .expand-info_content-media .content-media_box {
        padding:25px 0
    }

    .expand-info_content-media .content-media_box-ilustration {
        width: 125px;
        bottom: -25px;
        transform: translateX(45%)
    }
}

@media(min-width: 1280px) {
    .expand-info_content-media {
        position:relative
    }

    .expand-info_content-media .content-media_box {
        position: absolute;
        left: 25px;
        top: 0;
        height: calc(100% - 40px);
        width: calc(50% - 50px)
    }

    .expand-info_content-media .content-media_box-wrapper {
        padding-top: 0;
        height: 100%
    }

    .expand-info_content-media .expand-info_content-element {
        display: block;
        margin: 0 0 0 auto;
        min-height: 150px
    }

    .expand-info_content-media .content-media_box-ilustration {
        width: 100px;
        transform: translateX(25%)
    }
}

@media(min-width: 1680px) {
    .expand-info_content-media .content-media_box {
        position:absolute;
        left: -25px;
        height: calc(100% - 20px);
        padding: 35px 0
    }

    .expand-info_content-media .content-media_box-ilustration {
        width: 140px;
        transform: translateX(45%)
    }
}

.expand-info_content-btn {
    display: table
}

@media(min-width: 1280px) {
    .expand-info_content-btn {
        margin:0 25px 0 auto
    }
}

@media(min-width: 1680px) {
    .expand-info_content-btn {
        margin:0 50px 0 auto
    }
}

@media(min-width: 768px)and (max-width: 1279px) {
    .banner-double .banner-double_wrapper {
        max-width:670px;
        margin: 0 auto;
        padding-left: 75px;
        padding-right: 75px
    }
}

@media(min-width: 1280px) {
    .banner-double .banner-double_box {
        position:relative
    }
}

.banner-double_media {
    position: relative
}

@media(min-width: 1280px) {
    .banner-double_media {
        padding-top:42%
    }
}

@media(min-width: 1680px) {
    .banner-double_media {
        padding-top:40%
    }
}

.banner-double_media-photo .media-photo-wrapper {
    position: relative;
    padding-top: 92%
}

.banner-double_media-photo .media-photo-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width: 1280px) {
    .banner-double_media-photo {
        position:absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%
    }

    .banner-double_media-photo .media-photo-wrapper {
        padding-top: 0;
        height: 100%
    }
}

.banner-double_media-smallphoto {
    position: absolute;
    top: calc(100% - 35px);
    left: calc(50% - 70px)
}

.banner-double_media-smallphoto .media-smallphoto-wrapper {
    position: relative;
    width: 140px;
    height: 115px;
    border: 4px solid #fff
}

.banner-double_media-smallphoto .media-smallphoto-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .banner-double_media-smallphoto {
        top:calc(100% - 60px);
        left: calc(50% - 120px)
    }

    .banner-double_media-smallphoto .media-smallphoto-wrapper {
        width: 240px;
        height: 200px;
        border-width: 8px
    }
}

@media(min-width: 1280px) {
    .banner-double_media-smallphoto {
        right:0;
        left: auto;
        top: 0;
        width: 50%;
        height: 100%
    }

    .banner-double_media-smallphoto .media-smallphoto-wrapper {
        padding-top: 0;
        border: none;
        width: 100%;
        height: 100%
    }
}

.banner-double_info .banner-double_info-wrapper {
    padding: 95px 25px 40px;
    background-color: #fff;
    text-align: center
}

.banner-double_info .banner-double_info-icon {
    display: none
}

.banner-double_info .banner-double_info-title {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 144.4444444444%;
    color: #9b887d;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.banner-double_info .banner-double_info-title:empty {
    padding-bottom: 0;
    border-bottom: none
}

.banner-double_info .banner-double_info-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a;
    padding-top: 15px
}

@media(min-width: 768px) {
    .banner-double_info .banner-double_info-wrapper {
        padding:160px 70px 50px
    }

    .banner-double_info .banner-double_info-title {
        font-size: 24px;
        letter-spacing: .03em;
        padding-bottom: 25px
    }

    .banner-double_info .banner-double_info-text {
        font-size: 20px;
        line-height: 150%;
        padding-top: 25px
    }
}

@media(min-width: 1280px) {
    .banner-double_info {
        position:absolute;
        top: calc(50% - 240px);
        left: calc(50% - 240px);
        width: 480px;
        height: 480px;
        border-radius: 50%;
        background-color: #fff
    }

    .banner-double_info .banner-double_info-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding: 65px 60px 0;
        background-color: rgba(0,0,0,0)
    }

    .banner-double_info .banner-double_info-icon {
        display: inline-block;
        font-size: 55px;
        color: #735b4a;
        padding-bottom: 20px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .banner-double_info {
        top:calc(50% - 200px);
        left: calc(50% - 200px);
        width: 400px;
        height: 400px
    }

    .banner-double_info .banner-double_info-wrapper {
        padding: 85px 35px 0
    }

    .banner-double_info .banner-double_info-icon {
        font-size: 42px;
        padding-bottom: 10px
    }

    .banner-double_info .banner-double_info-title {
        font-size: 20px;
        padding-bottom: 15px
    }

    .banner-double_info .banner-double_info-text {
        font-size: 17px;
        padding-top: 15px
    }
}

@media(min-width: 1680px) {
    .banner-double_info .banner-double_info-title {
        padding-bottom:30px
    }

    .banner-double_info .banner-double_info-text {
        font-size: 21px;
        line-height: 166.6666666667%;
        padding-top: 30px
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .post-list .post-list_wrapper {
        max-width:500px;
        margin: 0 auto
    }
}

.post-list_header {
    padding-bottom: 10px
}

.post-list_header .post-list_header-title {
    font: 300 24px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 120.8333333333%;
    color: #735b4a;
    text-transform: uppercase
}

.post-list_header .post-list_header-subtitle {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 127.7777777778%;
    color: #735b4a;
    padding-top: 5px
}

.post-list_header .post-list_header-subtitle:empty {
    padding-top: 0
}

@media(min-width: 768px) {
    .post-list_header {
        padding-bottom:20px
    }

    .post-list_header .post-list_header-title {
        font-size: 32px;
        letter-spacing: .04em
    }
}

@media(min-width: 1024px) {
    .post-list_header {
        padding-bottom:30px
    }

    .post-list_header .post-list_header-title {
        font-size: 38px
    }

    .post-list_header .post-list_header-subtitle {
        font-size: 20px
    }
}

@media(min-width: 1024px) {
    .post-list_box {
        font-size:0;
        margin: 0 -40px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .post-list_box {
        margin:0 -20px
    }
}

.post-list_box-element:last-child .box-element_wrapper {
    padding-bottom: 0
}

.post-list_box-element .box-element_wrapper {
    padding-bottom: 45px
}

.post-list_box-element .box-element_media {
    position: relative;
    padding-top: 92%
}

.post-list_box-element .box-element_media .box-element_media-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.post-list_box-element .box-element_info {
    padding-top: 10px
}

.post-list_box-element .box-element_info .box-element_info-title {
    font: 400 19px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 126.3157894737%;
    color: #735b4a;
    text-transform: uppercase
}

.post-list_box-element .box-element_info .box-element_info-subtitle {
    font: 400 18px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 127.7777777778%;
    color: #9b887d;
    padding-top: 5px
}

.post-list_box-element .box-element_info .box-element_info-subtitle:empty {
    padding-top: 0
}

.post-list_box-element .box-element_info .box-element_info-text {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a;
    padding-top: 15px
}

.post-list_box-element .box-element_info .box-element_info-text:empty {
    padding-top: 0
}

@media(min-width: 768px) {
    .post-list_box-element .box-element_wrapper {
        padding-bottom:60px
    }

    .post-list_box-element .box-element_info {
        padding-top: 20px
    }

    .post-list_box-element .box-element_info .box-element_info-title {
        font-size: 22px;
        letter-spacing: .05em
    }

    .post-list_box-element .box-element_info .box-element_info-text {
        font-size: 18px;
        line-height: 166.6666666667%;
        padding-top: 20px
    }
}

@media(min-width: 1024px) {
    .post-list_box-element {
        display:inline-block;
        vertical-align: top;
        width: 50%
    }

    .post-list_box-element:nth-last-child(2) .box-element_wrapper {
        padding-bottom: 0
    }

    .post-list_box-element .box-element_wrapper {
        padding: 0 40px 60px
    }
}

@media(min-width: 1280px) {
    .post-list_box-element {
        width:33.33%
    }

    .post-list_box-element:nth-last-child(3) .box-element_wrapper {
        padding-bottom: 0
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .post-list_box-element .box-element_wrapper {
        padding:0 20px 50px
    }

    .post-list_box-element .box-element_info .box-element_info-title {
        font-size: 19px;
        letter-spacing: .02em
    }

    .post-list_box-element .box-element_info .box-element_info-text {
        font-size: 16px;
        padding-top: 15px
    }
}

.footer-phrase .footer-phrase_wrapper {
    text-align: center;
    padding-bottom: 50px
}

.footer-phrase .footer-phrase_text {
    font: 400 54px/1 "SilverSouthScript",sans-serif;
    letter-spacing: .02em;
    line-height: 110.3448275862%;
    color: rgba(115,91,74,.5)
}

.footer-phrase .footer-phrase_btn {
    position: relative;
    margin: 90px auto 0;
    width: 50px;
    height: 50px
}

.footer-phrase .footer-phrase_btn .footer-phrase_btn-text {
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0;
    width: 100%;
    font: 500 15px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .05em;
    color: rgba(115,91,74,.5);
    text-align: center
}

@media(min-width: 768px) {
    .footer-phrase .footer-phrase_wrapper {
        padding-bottom:60px
    }

    .footer-phrase .footer-phrase_text {
        font-size: 58px
    }
}

@media(min-width: 1024px) {
    .footer-phrase .footer-phrase_text {
        font-size:62px
    }
}

@media(min-width: 1280px) {
    .footer-phrase {
        position:relative
    }

    .footer-phrase .footer-phrase_wrapper {
        padding: 50px 0 70px
    }

    .footer-phrase .footer-phrase_btn {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        margin-top: 0
    }

    .footer-phrase .footer-phrase_btn .footer-phrase_btn-text {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .footer-phrase .footer-phrase_btn .footer-phrase_btn-text:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 1px;
        height: 0;
        background-color: rgba(115,91,74,.4);
        pointer-events: none;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media(min-width: 1280px)and (min-width: 1025px) {
    .footer-phrase .footer-phrase_btn:hover {
        border-color:rgba(0,0,0,0);
        background-color: #f7bebb
    }

    .footer-phrase .footer-phrase_btn:hover:before {
        color: #fff
    }

    .footer-phrase .footer-phrase_btn:hover .footer-phrase_btn-text {
        color: #735b4a;
        padding-bottom: 70px
    }

    .footer-phrase .footer-phrase_btn:hover .footer-phrase_btn-text:before {
        height: 50px
    }
}

.media-popup {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.media-popup.open {
    opacity: 1;
    pointer-events: auto
}

.media-popup .media-popup_wrapper {
    position: relative;
    height: 100%;
    font-size: 0;
    text-align: center;
    background-color: #fdf6f5
}

.media-popup .media-popup_close {
    position: absolute;
    top: 10px;
    right: 10px
}

@media(max-width: 1023px) {
    .media-popup .media-popup_close {
        border-color:#fff;
        box-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }

    .media-popup .media-popup_close:before {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(115,91,74,.3)
    }
}

@media(min-width: 768px) {
    .media-popup .media-popup_close {
        top:20px;
        right: 20px
    }
}

@media(min-width: 1024px) {
    .media-popup {
        background-color:#fff;
        padding: 12px
    }

    .media-popup .media-popup_wrapper {
        position: relative;
        overflow: hidden;
        overflow-y: auto
    }
}

@media(min-width: 1680px) {
    .media-popup {
        padding:20px
    }
}

.media-popup_box .media-popup_box-title {
    display: none
}

@media(max-width: 1023px) {
    .media-popup_box {
        height:100%
    }

    .media-popup_box .media-popup_box-container {
        height: 100%
    }

    .media-popup_box .media-popup_box-frame {
        display: block;
        height: 100%;
        width: 100%
    }

    .media-popup_box .media-popup_box-frame iframe {
        display: block;
        height: 100%;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .media-popup_box {
        position:absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 0 70px;
        transform: translateY(-50%)
    }

    .media-popup_box .media-popup_box-title {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        display: block;
        font: 400 21px/1 "brandon-grotesque",sans-serif;
        letter-spacing: .03em;
        color: #9b887d;
        padding-bottom: 20px
    }

    .media-popup_box .media-popup_box-container {
        height: 50vh;
        max-width: 1480px;
        margin: 0 auto
    }

    .media-popup_box .media-popup_box-frame {
        height: 100%
    }

    .media-popup_box .media-popup_box-frame iframe {
        display: block;
        height: 100%;
        width: 100%
    }
}

@media(min-width: 1280px) {
    .media-popup_box .media-popup_box-container {
        height:66vh
    }
}

.loyalty-plans .wrap-plans {
    padding: 70px 0 40px
}

.loyalty-plans .wrap-plans .plans-header .wrap-header {
    text-align: center;
    padding: 50px 95px 0px;
    max-width: 1150px;
    margin: 0 auto;
    background: #fff
}

.loyalty-plans .wrap-plans .plans-header .wrap-header .header-title {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #735b4a;
    text-transform: uppercase;
    letter-spacing: .01em;
    padding-bottom: 10px
}

.loyalty-plans .wrap-plans .plans-header .wrap-header .header-subtitle {
    display: inline-block;
    vertical-align: middle;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: rgba(115,91,74,.4);
    letter-spacing: .01em;
    line-height: 133.3333333333%;
    padding-right: 7px
}

.loyalty-plans .wrap-plans .plans-header .wrap-header .header-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #735b4a
}

.loyalty-plans .wrap-plans .plans-header .wrap-header .header-icon:before {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 26px;
    color: #735b4a
}

.loyalty-plans .wrap-plans .plans-content .wrap-content {
    padding: 50px 95px 50px;
    max-width: 1150px;
    margin: 0 auto;
    background: #fff
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table#desktop-table {
    display: none
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table#devices-table {
    display: block
}

@media(min-width: 1024px) {
    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table#desktop-table {
        display:block
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table#devices-table {
        display: none
    }
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header {
    font-size: 0;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .section-header {
    display: inline-block;
    vertical-align: top;
    width: 16.6666666667%;
    padding: 5px 10px;
    text-align: center
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .section-header.colors .header-title {
    color: #fff;
    font-weight: 500
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .section-header.colors .header-subtitle {
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .section-header.colors .header-subtitle .number {
    font-weight: 600
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .main-header {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 5px 0
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .header-title {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .03em;
    line-height: 178.9473684211%
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .header-subtitle {
    font-family: "brandon-grotesque",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: rgba(115,91,74,.7);
    letter-spacing: .01em;
    line-height: 166.6666666667%
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .header-subtitle .number {
    font-size: 12px;
    font-weight: 800;
    padding-left: 5px;
    color: #fff
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element {
    font-size: 0
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 18px 30px;
    height: 68px;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header .element-header-title {
    position: relative;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #735b4a;
    letter-spacing: .03em;
    line-height: 125%
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header .element-header-title:before {
    position: absolute;
    top: -1px;
    right: calc(100% + 2px);
    display: inline-block;
    vertical-align: top;
    content: ">";
    font-family: "icomoon";
    font-size: 12px;
    color: #735b4a;
    padding-right: 2px;
    padding-bottom: 2px
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 68px;
    font-size: 0;
    border-bottom: 1px solid rgba(115,91,74,.4)
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333333%;
    height: 100%
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section:nth-child(1),.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section:nth-child(3) {
    background-color: #f9f3ef
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data {
    height: 100%;
    position: relative
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-null,.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-vc_line {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4px;
    transform: translateY(-50%) translateX(-50%)
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-null:before,.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-vc_line:before {
    opacity: .5
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-check,.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .icon-vc-check {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 20px;
    height: 20px;
    font-size: 14px
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .data-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    font-family: "brandon-grotesque",sans-serif;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #747678;
    line-height: 116.6666666667%
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section .section-data .data-number {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #9b887d
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot {
    padding-top: 40px;
    font-size: 0
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .icon-foot {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: 1px solid #735b4a
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .icon-foot:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 26px;
    color: #735b4a
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 30px);
    padding-top: 2px
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element {
    position: relative;
    padding-left: 10px
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element .element-text {
    display: inline-block;
    vertical-align: top;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #735b4a;
    line-height: 166.6666666667%;
    letter-spacing: .02em;
    padding-bottom: 15px
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element .element-text .element-link {
    position: relative;
    display: inline-block;
    color: #735b4a;
    margin-right: 3px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element .element-text .element-link:before {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #735b4a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media(min-width: 1025px) {
    .loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element .element-text .element-link:hover {
        color:#735b4a
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot .wrap-foot .foot-content .foot-element .element-text .element-link:hover:before {
        background-color: #735b4a
    }
}

@media(max-width: 1023px) {
    .loyalty-plans .big-wrapper {
        padding:0
    }

    .loyalty-plans .wrap-plans .plans-header {
        max-width: 750px;
        margin: 0 auto;
        padding: 0 45px
    }

    .loyalty-plans .wrap-plans .plans-header .wrap-header {
        padding: 50px 30px 0px
    }

    .loyalty-plans .wrap-plans .plans-content {
        max-width: 750px;
        margin: 0 auto;
        padding: 0 45px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content {
        padding: 30px 35px 30px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table {
        border-bottom: none;
        border-top: none
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element.active .table-element-header .element-header-icon:before {
        content: ""
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element.active .table-element-content {
        max-height: 1500px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header {
        position: relative;
        padding: 12px 20px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header.colors .element-header-info .header-info-title,.loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header.colors .element-header-info .header-info-subtitle {
        color: #fff
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header.colors .element-header-icon {
        border-color: #fff
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header.colors .element-header-icon:before {
        color: #fff
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-info {
        padding-right: 50px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-info .header-info-title {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 16px;
        font-weight: 800;
        color: #735b4a;
        letter-spacing: .005em;
        line-height: 125%
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-info .header-info-subtitle {
        font-family: "brandon-grotesque",sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #735b4a;
        letter-spacing: .02em;
        line-height: 146.1538461538%
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-info .header-info-subtitle .number {
        padding-left: 5px;
        font-weight: 800;
        font-size: 14px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-icon {
        position: absolute;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        width: 33px;
        height: 33px;
        border-radius: 50%;
        border: 2px solid #735b4a
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-header .element-header-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 10px;
        color: #735b4a
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-content {
        overflow: hidden;
        max-height: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .85s
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .main-header {
        width: 100%;
        padding: 12px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-header .main-header:after {
        content: none
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info {
        padding-bottom: 25px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header {
        width: 50%;
        background-color: rgba(0,0,0,0);
        padding: 25px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info {
        width: 50%;
        background-color: #efece9
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info .info-section {
        width: 100%
    }
}

@media(max-width: 767px) {
    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header {
        width:calc(100% - 135px)
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-info {
        width: 135px
    }
}

@media(max-width: 539px) {
    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .plans-table-element .table-element-content {
        padding:0 15px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .plans-table .table-info .info-list .list-element .element-header {
        padding: 25px 10px
    }

    .loyalty-plans .wrap-plans .plans-content .wrap-content .content-foot {
        padding: 0 15px
    }
}

.section-info_element-message-meeting {
    display: flex;
    margin-right: 50px
}

@media(max-width: 767px) {
    .section-info_element-message-meeting {
        display:flex;
        margin-right: 50px;
        width: 30%;
        justify-content: center
    }
}

.section-info_element-message-meeting .element-message_icon {
    display: inline-block;
    font-size: 30px;
    color: #735b4a
}

@media(max-width: 767px) {
    .section-info_element-message-meeting .element-message_icon {
        font-size:30px
    }
}

.section-info_element-message-meeting .element-message_title {
    font: 400 16px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 137.5%;
    color: #735b4a
}

.section-info_element-message-meeting .element-message_subtitle {
    font: 400 14px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 142.8571428571%;
    color: #9b887d;
    padding-top: 5px
}

@media(min-width: 768px) {
    .section-info_element-message-meeting {
        font-size:0;
        text-align: left
    }

    .section-info_element-message-meeting .element-message_icon {
        vertical-align: middle;
        width: 55px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .section-info_element-message-meeting .element-message_box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 55px)
    }

    .section-info_element-message-meeting .element-message_title {
        font-size: 20px
    }

    .section-info_element-message-meeting .element-message_subtitle {
        font-size: 15px
    }
}

@media(min-width: 1280px)and (max-width: 1679px) {
    .section-info_element-message-meeting .element-message_title {
        font-size:16px
    }

    .section-info_element-message-meeting .element-message_subtitle {
        font-size: 14px
    }
}

.list-element_subtitle_meeting {
    position: relative;
    font: 400 15px/1 "brandon-grotesque",sans-serif;
    letter-spacing: .02em;
    line-height: 125%;
    color: #9b887d
}

.view-meeting {
    position: fixed;
    left: 40px;
    right: auto;
    z-index: 1;
    display: block
}

.view-meeting.top-module-view .top-module-view_btn {
    background-color: #f7bebb
}

.view-meeting.top-module-view .top-module-view_info {
    left: calc(100% + 15px);
    right: auto;
    text-align: left;
    color: #f7bebb;
    text-shadow: 2px 2px 2px rgba(255,255,255,.3);
    width: auto;
    padding-left: 29px;
    min-width: 170px
}

.view-meeting.top-module-view .top-module-view_info::after {
    color: #f7bebb;
    text-shadow: 2px 2px 2px rgba(255,255,255,.3);
    left: 0;
    position: absolute;
    right: auto;
    transform: rotate(180deg);
    top: 3px
}

@media(max-width: 1023px) {
    .view-meeting {
        bottom:170px;
        top: auto;
        left: 20px
    }
}

@media(max-width: 767px) {
    .view-meeting {
        bottom:130px;
        top: auto;
        left: 20px
    }

    .view-meeting.top-module-view .top-module-view_btn {
        width: 55px;
        height: 55px
    }
}










/*

.container-fluid,.row {
    padding: 0;
    margin: 0;
}

.navbar {
    height: 109px;
    background-color: transparent !important;
}

#content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-container, .carousel-container .carousel-inner {
    height: 100vw;
}

#carousel, .img-carousel-main {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

h1 {
    color: #735B4A;
}

#form14 {
    border-bottom: 1px solid #735B4A;
    border-radius: 0;
}

#form14:focus {
    border-bottom: 1px solid #735B4A;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    box-shadow: none !important;
}

.centered-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    text-align: center;
}

#reservation-reference {
    color: #735B4A;
}

#oacute {
    font-size: 24px;
}

.text-center {
    margin-bottom: 40px;
}

.form-helper {
    color: #FF0000 !important;
}

#button-submit {
    border-radius: 0;
    box-shadow: none;
    margin-top: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #F7BEBB;
}
*/

/* Modal confirmation section */
.modal-confirmation {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

.modal-confirmation_content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Confirmation modal: The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-confirmation_content_table {
    margin-left: 40px;
    padding: 20px;
}

.modal-confirmation_content_table_label {
    font-weight: bold;
    color: var(--action-hover);
}

#modal-confirmation_content_table_value_category,#modal-confirmation_content_table_value_room,#modal-confirmation_content_table_value_price,#modal-confirmation_content_table_value_total_price {
    padding: 20px;
    font-weight: bold;
    color: var(--color-principal);
}

#modal-confirmation_content_description {
    padding: 20px;
}

.modal-confirmation_content_buttons {
    text-align: right;
}

.modal-confirmation_content_button_confirm {
    margin: 20px;
    background-color: var(--action-hover);
    color: var(--color-blanco);
    border-radius: var(--border-radius);
    box-shadow: var(--mdb-btn-box-shadow);
    font-family: var(--font-family);
    font-weight: bold;
}

#modal-confirmation_content_button_back {
    margin: 20px;
    color: var(--action-hover);
    font-family: var(--font-family);
    font-weight: bold;
}