* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:after, :before {
    box-sizing: border-box
}

html, body {
    width: 100%
}

body {
    margin: 0;
    padding: 0;
    font-family: "Brandon",sans-serif !important;
    font-size: 14px;
    line-height: 1;
    color: #444;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body.noscroll {
    overflow: hidden
}

figure {
    margin: 0
}

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

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

a {
    text-decoration: none
}

*:focus {
    outline: 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: "Brandon",sans-serif;
    font-size: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    resize: none;
    -webkit-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;
    padding: 0
}

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" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.mini-slider,.single-image{display:block;min-height:197px;position:relative}.mini-slider{width:100%}.mini-slider .swiper-wrapper .slider__slide .light-box-link,.single-image .light-box-link{position:relative;display:block}.mini-slider .swiper-wrapper .slider__slide .light-box-link:hover .hover-magnifier,.single-image .light-box-link:hover .hover-magnifier{visibility:visible;opacity:1}.mini-slider .swiper-wrapper .slider__slide .light-box-link .hover-magnifier,.single-image .light-box-link .hover-magnifier{position:absolute;top:0;width:100%;height:100%;text-align:center;cursor:pointer;background-color:rgba(255,255,255,.3);visibility:hidden;opacity:0;transition:visibility,opacity .5s linear}.mini-slider .swiper-wrapper .slider__slide .light-box-link .hover-magnifier svg,.single-image .light-box-link .hover-magnifier svg{top:calc(50% - 26px);position:relative}.mini-slider .swiper-wrapper .paging-circle{position:absolute;bottom:auto;right:auto;z-index:2;top:calc(50% - 26px);width:100%;height:1px;overflow:visible}.mini-slider .swiper-wrapper .paging-circle .paging__prev{float:left}.mini-slider .swiper-wrapper .paging-circle .paging__next{float:right}.rezblock{position:absolute;bottom:10px;left:0;right:0;z-index:999}.rezblock.hotel-rezblock{bottom:20px}.rezblock .rcont .closebtn{position:absolute;right:0;top:-25px;color:#fff;font-weight:800}.rezblock .container{position:relative}.rezblock .rcont{display:flex;position:relative;justify-content: center;}.rezblock .rcont .icol{height:70px;flex-grow:1;width:200px;max-width:200px;}.rezblock .rcont .icol .hselect{background-color:#fff;height:100%;width:100%}.rezblock .rcont .icol .hselect .hshead{display:flex;padding:19px 23px;width:100%}.rezblock .rcont .icol .hselect .hshead .hstitle{color:#223b5c;font-size:14px;padding-left:14px;display:flex;flex-direction:column;justify-content:center;flex-grow:1;cursor:pointer}.rezblock .rcont .icol .hselect .hshead .hstitle .top{font-weight:800;margin-bottom:2px}.rezblock .rcont .icol .hselect .hshead .hstitle .bottom{font-size:13px}
.rezblock .rcont .icol .dselect.dsgray{background-color:#f6f6f6}.rezblock .rcont .icol .dselect{background-color:#fff;height:70px;padding:7px 23px}.rezblock .rcont .icol .dselect a{display:flex;color:#223b5c}.rezblock .rcont .icol .dselect a .dstitle{position:relative;flex-grow:1;width:0;}.rezblock .rcont .icol .dselect a .dstitle input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:9}.rezblock .rcont .icol .dselect a .dstitle .top{font-size:12px;font-weight:600}.rezblock .rcont .icol .dselect a .dstitle .bottom{font-size:18px;color:#223b5c;font-weight:900;display:flex}.rezblock .rcont .icol .dselect a .dstitle .bottom>div{margin-right:4px}.rezblock .rcont .icol .dselect a .dstitle .bottom>div:last-child{margin-right:0}.rezblock .rcont .icol .dselect a .img{padding-left:15px;padding-top:10px}.rezblock .rcont .icol .snop{background-color:#f6f6f6;height:70px;padding:7px 8px}.rezblock .rcont .icol .snop .desc{font-size:12px;color:#223b5c;font-weight:600}.rezblock .rcont .icol .snop .select select{border:0;background-color:transparent;font-size:18px;color:#223b5c;font-weight:900;width:100%}.rezblock .rcont .icol .fbtn{height:100%;padding-left:0;width:62%}.rezblock .rcont .icol .fbtn button{height:100%;background-color:#1c71b6;color:#fff;font-weight:800;cursor:pointer;border:0;display:block;padding:0;font-size:16px;width:100%}.rezblock .hsmenu{position:absolute;left:0;bottom:77px;background-color:#fff;padding:30px;display:none;z-index:100}.rezblock .hsmenu.active{display:block}.rezblock .hsmenu .hsmcont{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr)}.rezblock .hsmenu .hsmcont .item a{display:block;color:#204162;font-size:13px;display:flex;align-items:center;padding:11px 10px}.rezblock .hsmenu .hsmcont .item.active a .icon{background-color:#223b5c}.rezblock .hsmenu .hsmcont .item a .icon{width:15px;height:15px;border:2px solid #e7e7e7;border-radius:50%;margin-right:10px;position:relative;flex:0 0 15px}.rezblock .hsmenu .hsmcont .item a .desc strong{font-weight:800}.rezblock.active{display:flex}@media (max-width:992px){.rezblock .rcont{flex-wrap:wrap}.rezblock .rcont .icol .fbtn{padding-left:0}.rezblock .hsmenu{top:-51px;bottom:initial}.rezblock .hsmenu .hsmcont{grid-auto-flow:row;grid-template-rows:repeat(1,1fr)}.rezblock .hsmenu .hsmcont .item a{padding:4px 10px}}.ui-widget-header{border:1px solid #1c71b6;background:#1c71b6;color:#fff;font-weight:700;border-radius:0}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;color:#1c71b6;border:0}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:0;background:#1c71b6;font-weight:700;color:#fff}.ui-datepicker .ui-datepicker-next .ui-icon,.ui-datepicker .ui-datepicker-prev .ui-icon{filter:brightness(0) invert(1)}.ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon,.ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon{filter:initial}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:0;cursor:pointer;background:unset!important;font-weight:700;color:#1c71b6;border-radius:0}.alt_buton_v2{display:none;position:fixed;z-index:99999;bottom:0;left:0;width:100%;height:60px;background:#fff;box-shadow:0 0 80px rgba(12,42,144,.45);-webkit-box-shadow:0 0 30px 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 30px 10px rgba(0,0,0,.3);box-shadow:0 0 30px 10px rgba(0,0,0,.3)}.alt_buton_v2 .hemen_ara,.alt_buton_v2 .sizi_arayalim,.alt_buton_v2 .wp{float:left;width:50%;text-align:center}.alt_buton_v2 .wp{right:0}.alt_buton_v2 .img{float:left;width:100%;margin-top:10px}.alt_buton_v2 .img img{display:inline-block;height:25px}.alt_buton_v2 span{float:left;width:100%;line-height:20px;font-weight:700;color:#7d7e81}.alt_buton_v2 .hemen_ara{position:absolute;bottom:5px;left:50%;margin-left:-35px;width:70px;height:70px;border-radius:50%;background-color:#1c71b6;text-align:center;-webkit-box-shadow:0 0 5px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px 3px rgba(0,0,0,.1);box-shadow:0 0 5px 3px rgba(0,0,0,.1)}.alt_buton_v2 .hemen_ara span{line-height:1;font-weight:400;color:#fff;padding-top:0;font-size:15px}.alt_buton_v2 .hemen_ara img{height:20px}.alt_buton_v2 .wp span{color:#55bb81}@media only screen and (max-width:767px){.alt_buton_v2{display:block}}

@media (min-width: 1680px){.wrap-info-element p{font-size: 20px;}}
@media (min-width: 1280px){.wrap-info-element p{font-size: 20px;}}
@media (min-width: 768px){.wrap-info-element p{font-size: 20px;letter-spacing: .035em;}}
@media (min-width: 540px){.wrap-info-element p{font-size: 19px;line-height: 157.8947368421%;}}
.wrap-info-element p {
    font-family: "Brandon",sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
}
@media (min-width: 1680px){.wrap-info-element h1{font-size: 20px;}}
@media (min-width: 1280px){.wrap-info-element h1{font-size: 20px;}}
@media (min-width: 768px){.wrap-info-element h1{font-size: 20px;letter-spacing: .035em;}}
@media (min-width: 540px){.wrap-info-element h1{font-size: 19px;line-height: 157.8947368421%;}}
.wrap-info-element h1 {
    font-family: "Brandon",sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
}
@media (min-width: 1680px){.wrap-info-element h2{font-size: 20px;}}
@media (min-width: 1280px){.wrap-info-element h2{font-size: 20px;}}
@media (min-width: 768px){.wrap-info-element h2{font-size: 20px;letter-spacing: .035em;}}
@media (min-width: 540px){.wrap-info-element h2{font-size: 19px;line-height: 157.8947368421%;}}
.wrap-info-element h2 {
    font-family: "Brandon",sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
}
@media (min-width: 1680px){.wrap-info-element h3{font-size: 20px;}}
@media (min-width: 1280px){.wrap-info-element h3{font-size: 20px;}}
@media (min-width: 768px){.wrap-info-element h3{font-size: 20px;letter-spacing: .035em;}}
@media (min-width: 540px){.wrap-info-element h3{font-size: 19px;line-height: 157.8947368421%;}}
.wrap-info-element h3 {
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
}

.ui-widget.ui-widget-content {
    border-color: #766f6b !important
}

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

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

.ui-datepicker-calendar th {
    font-family: "Brandon",sans-serif !important;
    color: #766f6b !important;
    font-size: 16px !important;
    text-transform: uppercase !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",sans-serif !important;
    font-size: 16px !important;
    border: 1px solid #766f6b !important;
    background: #fff !important;
    font-weight: normal !important;
    color: #766f6b !important
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #766f6b !important;
    background: #766f6b !important;
    font-weight: normal !important;
    color: #fff !important
}

.lazyload {
    background-color: #e8e9ed
}

.hidden {
    display: none !important
}

.big-wrapper {
    padding: 0 100px;
    margin: 0 auto
}

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

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

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

@media (min-width: 1024px)and (max-width: 1279px) {
    .big-wrapper.tablet-space {
        max-width: initial;
        padding: 0 80px
    }
}

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

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

.wrapper {
    margin: 0 auto
}

@media (min-width: 1280px) {
    .wrapper {
        max-width: 510px
    }
}

@media (min-width: 1680px) {
    .wrapper {
        max-width: 600px
    }
}

@media (min-width: 1920px) {
    .wrapper {
        max-width: 700px
    }
}

@media (max-width: 1279px) {
    .wrapper {
        max-width: 660px;
        padding: 0 30px
    }
}

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

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

.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",sans-serif;
    font-size: 20px !important;
    color: #444 !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",sans-serif;
    font-size: 16px !important;
    color: #9f9c9a;
    letter-spacing: .15em;
    font-weight: 400 !important;
    text-transform: uppercase
}

.lb-disable-scrolling {
    overflow: hidden
}

@media (min-width: 1280px) {
    .lb-disable-scrolling {
        padding-right: 15px
    }
}

.lb-closeContainer {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin: 0 auto;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #766f6b;
    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: #766f6b;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .lb-closeContainer:hover, .lb-closeContainer:focus {
        background-color: #766f6b
    }

    .lb-closeContainer:hover:before, .lb-closeContainer:focus:before {
        color: #fff
    }
}

.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: 55px !important;
    height: 55px !important;
    background: none !important;
    background-color: #9f9d9a !important;
    margin-left: 0px !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    border: none !important;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.lb-nav .lb-prev:before {
    display: inline-block !important;
    content: "";
    font-family: "icomoon" !important;
    font-size: 22px !important;
    color: #fff !important;
    margin-top: 15px !important;
    margin-right: 2px !important;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.lb-nav .lb-prev:hover {
    background-color: #766f6b !important
}

.lb-nav .lb-next {
    float: right !important;
    display: block !important;
    width: 55px !important;
    height: 55px !important;
    background: none !important;
    background-color: #9f9d9a !important;
    margin-right: 0px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    border: none !important;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.lb-nav .lb-next:before {
    display: inline-block !important;
    content: "";
    font-family: "icomoon" !important;
    font-size: 22px !important;
    color: #fff !important;
    margin-top: 15px !important;
    margin-left: 2px !important;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.lb-nav .lb-next:hover {
    background-color: #766f6b !important
}

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

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

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

.btn-corp {
    position: relative;
    display: table;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden
}

.btn-corp.btn-white .btn-corp-text {
    color: #fff;
    border-color: #fff
}

@media (min-width: 1280px) {
    .btn-corp.btn-white .btn-corp-text:after {
        background-color: #fff
    }

    .btn-corp.btn-white:hover .btn-corp-text, .btn-corp.btn-white:focus .btn-corp-text {
        color: #766f6b
    }
}

.btn-corp.btn-green .btn-corp-text {
    color: #fff;
    border: none;
    background-color: #09aa66;
    padding: 18px 0
}

@media (min-width: 1280px) {
    .btn-corp.btn-green:hover .btn-corp-text {
        background-color: rgba(0, 0, 0, 0)
    }
}

.btn-corp .btn-corp-text {
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #766f6b;
    text-transform: uppercase;
    letter-spacing: .12px;
    border: 2px solid #766f6b;
    padding: 13px 0;
    text-align: center;
    min-width: 250px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .btn-corp .btn-corp-text:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background-color: #766f6b;
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(0.6);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

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

    .btn-corp:hover .btn-corp-text:after, .btn-corp:focus .btn-corp-text:after {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 1
    }
}

.btn-circle {
    width: 40px;
    height: 40px;
    color: #766f6b;
    border: 2px solid #766f6b;
    border-radius: 50%;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    cursor: pointer
}

.btn-circle:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    color: #766f6b;
    font-family: "icomoon";
    transform: translateY(-50%) translateX(-50%);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.btn-circle .btn-circle-text {
    display: none
}

.btn-circle.slick-btn {
    width: 35px;
    height: 35px;
    border: 4px solid #fff
}

.btn-circle.slick-btn.slick-next {
    background-color: #766f6b
}

.btn-circle.slick-btn.slick-next:before {
    content: "";
    color: #fff;
    font-size: 15px
}

.btn-circle.slick-btn.slick-prev {
    background-color: #766f6b
}

.btn-circle.slick-btn.slick-prev:before {
    content: "";
    color: #fff;
    font-size: 15px
}

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

    .btn-circle.slick-btn.slick-next:before, .btn-circle.slick-btn.slick-prev:before {
        font-size: 19px
    }
}

@media (min-width: 1280px) {
    .btn-circle.slick-btn:hover.slick-next, .btn-circle.slick-btn:hover.slick-prev, .btn-circle.slick-btn:focus.slick-next, .btn-circle.slick-btn:focus.slick-prev {
        background-color: rgba(0, 0, 0, 0)
    }
}

.btn-circle.btn-white {
    color: #fff;
    border-color: #fff
}

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

.btn-circle.btn-white:after {
    background-color: #fff
}

@media (min-width: 1280px) {
    .btn-circle.btn-white:hover, .btn-circle.btn-white:focus {
        color: #766f6b
    }

    .btn-circle.btn-white:hover:before, .btn-circle.btn-white:focus:before {
        color: #766f6b
    }
}

@media (min-width: 1280px) {
    .btn-circle:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .btn-circle .btn-circle-text {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        font-family: "Brandon",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        opacity: 0;
        letter-spacing: .2em;
        transform: translateY(-50%) scale(0.8) translateX(0);
        min-width: 170px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .btn-circle .btn-circle-text.right {
        left: 100%;
        text-align: left
    }

    .btn-circle .btn-circle-text.right:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "icomoon";
        font-size: 16px;
        color: #fff;
        padding-left: 15px;
        padding-top: 2px;
        transform: rotate(180deg);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .btn-circle .btn-circle-text.left {
        right: 100%;
        text-align: right
    }

    .btn-circle .btn-circle-text.left:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "icomoon";
        font-size: 16px;
        color: #fff;
        padding-left: 15px;
        padding-bottom: 2px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

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

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

    .btn-circle:hover .btn-circle-text, .btn-circle:focus .btn-circle-text {
        opacity: 1
    }

    .btn-circle:hover .btn-circle-text.right, .btn-circle:focus .btn-circle-text.right {
        transform: translateY(-50%) scale(1) translateX(15px)
    }

    .btn-circle:hover .btn-circle-text.left, .btn-circle:focus .btn-circle-text.left {
        transform: translateY(-50%) scale(1) translateX(-15px)
    }

    .btn-circle:hover:after, .btn-circle:focus:after {
        width: calc(100% + 4px);
        height: calc(100% + 4px)
    }
}

@keyframes up-down {
    0% {
        top: 50%
    }
    16% {
        top: 60%
    }
    33% {
        top: 40%
    }
    50% {
        top: 55%
    }
    66% {
        top: 50%
    }
    100% {
        top: 50%
    }
}

@keyframes right-left {
    0% {
        right: 100%
    }
    16% {
        right: calc(100% + 5px)
    }
    33% {
        right: calc(100% - 5px)
    }
    50% {
        right: calc(100% + 3px)
    }
    66% {
        right: calc(100% - 3px)
    }
    100% {
        right: 100%
    }
}

@keyframes right-left {
    0% {
        right: 100%
    }
    16% {
        right: calc(100% + 5px)
    }
    33% {
        right: calc(100% - 5px)
    }
    50% {
        right: calc(100% + 3px)
    }
    66% {
        right: calc(100% - 3px)
    }
    100% {
        right: 100%
    }
}

.btn-more {
    display: inline-block;
    cursor: pointer
}

.btn-more .btn-more-text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #766f6b;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding: 12px 0
}

.btn-more .btn-more-text:after {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    font-family: "icomoon";
    color: #766f6b;
    font-size: 20px;
    padding-left: 22px
}

.btn-more.arrow-down .btn-more-text:after {
    content: ""
}

.btn-more.arrow-up .btn-more-text:after {
    content: ""
}

.btn-more.arrow-right .btn-more-text:after {
    content: ""
}

.btn-more.arrow-left .btn-more-text:after {
    content: "";
    left: auto;
    right: 100%;
    transform: translateY(-50%) rotate(180deg)
}

@media (min-width: 540px) {
    .btn-more .btn-more-text {
        font-size: 17px
    }

    .btn-more .btn-more-text:after {
        font-size: 23px
    }
}

@media (max-width: 1023px) {
    .btn-more .btn-more-text:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15px;
        height: 2px;
        background-color: rgba(118, 111, 107, .5)
    }
}

@media (min-width: 1280px) {
    .btn-more:hover.arrow-up .btn-more-text:after, .btn-more:hover.arrow-down .btn-more-text:after {
        animation: up-down 2s linear infinite
    }

    .btn-more:hover.arrow-right .btn-more-text:after {
        animation: left-right 2s linear infinite
    }

    .btn-more:hover.arrow-left .btn-more-text:after {
        animation: right-left 2s linear infinite
    }
}

.slider-counter {
    position: relative;
    width: 30px;
    height: 40px
}

.slider-counter:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30px;
    width: 2px;
    transform: translateY(-50%) translateX(-50%) rotate(35deg);
    background-color: #9f9c9a
}

.slider-counter .counter-num {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .12em
}

.slider-counter .counter-total {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .12em
}

@media (min-width: 768px) {
    .slider-counter {
        width: 36px;
        height: 49px
    }

    .slider-counter:before {
        height: 40px
    }

    .slider-counter .counter-num, .slider-counter .counter-total {
        font-size: 15px
    }
}

.breadcrumbs-list {
    font-size: 0
}

.breadcrumbs-list.color .breadcrumbs-element .wrap-breadcrumbs-element:after {
    color: #9f9c9a
}

.breadcrumbs-list.color .breadcrumbs-element .wrap-breadcrumbs-element .breadcrumbs-element-text {
    color: #9f9c9a
}

.breadcrumbs-list.color .breadcrumbs-element .wrap-breadcrumbs-element .breadcrumbs-element-text:after {
    background-color: #9f9c9a
}

.breadcrumbs-element {
    display: inline-block;
    vertical-align: top
}

.breadcrumbs-element:last-child .wrap-breadcrumbs-element {
    padding-right: 0
}

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

.breadcrumbs-element .wrap-breadcrumbs-element {
    position: relative;
    padding: 0 20px
}

.breadcrumbs-element .wrap-breadcrumbs-element:after {
    content: "/";
    position: absolute;
    top: 50%;
    right: 0;
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 150%;
    letter-spacing: .2em;
    transform: translateY(-50%) translateX(50%)
}

.breadcrumbs-element .wrap-breadcrumbs-element .breadcrumbs-element-text {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 142.8571428571%;
    letter-spacing: .08em;
    padding: 5px 0;
    text-transform: uppercase
}

.breadcrumbs-element .wrap-breadcrumbs-element .breadcrumbs-element-text:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.breadcrumbs-element.active .wrap-breadcrumbs-element .breadcrumbs-element-text:after {
    width: 100%
}

@media (min-width: 1280px) {
    .breadcrumbs-element:hover .wrap-breadcrumbs-element .breadcrumbs-element-text:after, .breadcrumbs-element:focus .wrap-breadcrumbs-element .breadcrumbs-element-text:after {
        width: 100%
    }
}

.input-field.user .wrap-input-field:after {
    content: "";
    font-size: 16px
}

.input-field.phone .wrap-input-field:after {
    content: "";
    font-size: 16px
}

.input-field.lock .wrap-input-field:after {
    content: "";
    font-size: 16px
}

.input-field.email .wrap-input-field:after {
    content: "";
    font-size: 13px
}

.input-field.arrow-down .wrap-input-field:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background-color: #d0ccca;
    pointer-events: none
}

.input-field.arrow-down .wrap-input-field:after {
    content: "";
    font-size: 16px
}

.input-field.must {
    position: relative
}

.input-field.must:before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + 8px);
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border: 2px solid #d0ccca;
    border-radius: 50%
}

.input-field .wrap-input-field {
    position: relative;
    height: 55px;
    border: 2px solid #d0ccca;
    border-radius: 1px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.input-field .wrap-input-field:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-family: "icomoon";
    color: #444;
    pointer-events: none
}

.input-field .wrap-input-field .input-text {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 12px;
    transform: translateY(-50%);
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 2px 10px;
    background-color: #fbfafa;
    border-radius: 2px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    pointer-events: none
}

.input-field .wrap-input-field .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 55px 0 23px;
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    letter-spacing: .03em
}

.input-field .wrap-input-field .input.placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .input:-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .input::-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .input:-ms-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .input::-webkit-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .input {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 55px 0 23px;
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em;
    cursor: pointer
}

.input-field .wrap-input-field .select option {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 23px;
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea.placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea:-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea::-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea:-ms-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea::-webkit-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

.input-field .wrap-input-field .textarea {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(68, 68, 68, .5);
    letter-spacing: .03em
}

@media (min-width: 1280px) {
    .input-field:hover .wrap-input-field, .input-field:focus .wrap-input-field {
        background-color: #fff
    }
}

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

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

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

.checkbox-element .checkbox-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    border: 2px solid #d0ccca;
    margin-top: 4px
}

.checkbox-element .checkbox-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.5);
    opacity: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #444;
    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",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    letter-spacing: .04em;
    line-height: 166.6666666667%;
    padding-left: 8px
}

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

.checkbox-element .checkbox-text .checkbox-text-link {
    position: relative;
    display: inline-block;
    color: #444
}

.checkbox-element .checkbox-text .checkbox-text-link:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #444
}

.must-element {
    font-size: 0
}

.must-element .must-icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border: 2px solid #d0ccca;
    border-radius: 50%
}

.must-element .must-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    letter-spacing: .04em;
    line-height: 166.6666666667%
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.map-marker {
    width: 79px;
    height: 89px;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.page-nav {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%
}

.page-nav .wrap-page-nav {
    background-color: #fff;
    font-size: 0;
    text-align: center
}

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

    .page-nav .wrap-page-nav {
        position: relative;
        text-align: left;
        border-bottom: 1px solid #d0ccca
    }
}

.device-links {
    display: inline-block;
    vertical-align: top;
    height: 55px;
    width: 83.4%;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.device-links .wrap-device-links {
    height: 100%;
    font-size: 0;
    padding-left: 10px
}

@media (min-width: 540px) {
    .device-links {
        height: 70px
    }

    .device-links .wrap-device-links {
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .device-links {
        display: none
    }
}

@media (max-width: 374px) {
    .device-links {
        height: 50px
    }
}

.device-links-element {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 20%
}

.device-links-element .wrap-link {
    position: relative;
    height: 100%
}

.device-links-element .wrap-link .link-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    color: #766f6b
}

.device-links-element .wrap-link .link-icon.icon-sobre {
    font-size: 18px
}

.device-links-element .wrap-link .link-icon.icon-bed {
    font-size: 19px
}

.device-links-element .wrap-link .link-icon.icon-logo_simbolo_sf_1 {
    font-size: 24px
}

.device-links-element .wrap-link .link-text {
    display: none
}

@media (min-width: 540px) {
    .device-links-element .wrap-link .link-icon {
        top: auto;
        bottom: 32px;
        transform: translateX(-50%);
        font-size: 23px
    }

    .device-links-element .wrap-link .link-icon.icon-sobre {
        font-size: 21px
    }

    .device-links-element .wrap-link .link-icon.icon-bed {
        font-size: 22px
    }

    .device-links-element .wrap-link .link-icon.icon-restaurante {
        font-size: 25px
    }

    .device-links-element .wrap-link .link-text {
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 8px;
        font-family: "Brandon",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #766f6b;
        letter-spacing: .03em
    }
}

.menu-button {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    height: 55px;
    padding-right: 10px;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    cursor: pointer
}

.menu-button .wrap-menu-button {
    position: relative;
    height: 100%
}

.menu-button .wrap-menu-button .menu-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 22px;
    height: 18px;
    margin: 0 auto
}

.menu-button .wrap-menu-button .menu-button-icon span {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #766f6b;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.menu-button .wrap-menu-button .menu-button-icon span:first-child {
    top: 0
}

.menu-button .wrap-menu-button .menu-button-icon span:nth-child(2) {
    top: calc(50% - 1px);
    left: 50%;
    transform: translateX(-50%)
}

.menu-button .wrap-menu-button .menu-button-icon span:last-child {
    bottom: 0
}

.menu-button .wrap-menu-button .menu-button-text {
    display: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .menu-button .wrap-menu-button .menu-button-text:before {
        content: "";
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%) translateX(5px) scale(0.5);
        font-family: "icomoon";
        font-size: 8px;
        color: #766f6b;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .menu-button:hover .wrap-menu-button .menu-button-icon span:nth-child(2), .menu-button:focus .wrap-menu-button .menu-button-icon span:nth-child(2) {
        width: 75%
    }

    .menu-button:hover .wrap-menu-button .menu-button-text, .menu-button:focus .wrap-menu-button .menu-button-text {
        padding-left: 55px
    }

    .menu-button:hover .wrap-menu-button .menu-button-text:before, .menu-button:focus .wrap-menu-button .menu-button-text:before {
        transform: translateY(-50%) translateX(0) scale(1);
        opacity: 1
    }
}

@media (min-width: 540px) {
    .menu-button {
        height: 70px;
        padding-right: 0
    }

    .menu-button .wrap-menu-button .menu-button-icon {
        top: auto;
        bottom: 32px;
        transform: translateX(-50%);
        width: 26px;
        height: 19px
    }

    .menu-button .wrap-menu-button .menu-button-text {
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 8px;
        font-family: "Brandon",sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #766f6b;
        letter-spacing: .03em
    }
}

@media (min-width: 1024px) {
    .menu-button {
        width: auto;
        height: auto;
        margin-left: 25px
    }

    .menu-button .wrap-menu-button {
        padding: 22px 25px
    }

    .menu-button .wrap-menu-button .menu-button-icon {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        bottom: 0;
        left: 0;
        transform: none;
        width: 34px;
        height: 25px
    }

    .menu-button .wrap-menu-button .menu-button-icon span {
        height: 3px
    }

    .menu-button .wrap-menu-button .menu-button-icon span:nth-child(2) {
        top: calc(50% - 1.5px)
    }

    .menu-button .wrap-menu-button .menu-button-text {
        position: relative;
        width: calc(100% - 34px);
        display: inline-block;
        vertical-align: middle;
        bottom: 0;
        left: 0;
        transform: none;
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .2em;
        padding-left: 30px
    }
}

@media (min-width: 1280px) {
    .menu-button .wrap-menu-button {
        padding: 28px 25px 27px
    }
}

@media (min-width: 1680px) {
    .menu-button {
        margin-left: 45px
    }
}

@media (max-width: 374px) {
    .menu-button {
        height: 50px
    }
}

.menu-languages {
    display: none
}

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

    .menu-languages .wrap-menu-languages {
        position: relative;
        padding: 29px 25px
    }

    .menu-languages .wrap-menu-languages:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        height: 20px;
        width: 1px;
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .menu-languages .wrap-menu-languages .menu-languages-text {
        font-family: "Brandon",sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #766f6b;
        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: 1280px) {
    .menu-languages .wrap-menu-languages .menu-languages-text {
        position: relative
    }

    .menu-languages .wrap-menu-languages .menu-languages-text:before {
        content: "";
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        width: 0;
        height: 1px;
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .menu-languages:hover .wrap-menu-languages .menu-languages-text:before, .menu-languages:focus .wrap-menu-languages .menu-languages-text:before {
        width: 100%
    }
}

@media (min-width: 1280px) {
    .menu-languages .wrap-menu-languages {
        padding: 34px 25px
    }
}

.menu-logo {
    display: none
}

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

    .menu-logo .menu-logo-icon {
        font-size: 53px;
        color: #766f6b
    }
}

@media (min-width: 1280px) {
    .menu-logo {
        top: 12px
    }

    .menu-logo .menu-logo-icon {
        font-size: 56px
    }
}

.page-plusnav {
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 55px;
    left: 0
}

.page-plusnav .wrap-page-plusnav {
    background-color: rgba(68, 68, 68, .6);
    padding: 11px 22px;
    font-size: 0
}

@media (min-width: 540px) {
    .page-plusnav {
        bottom: 70px
    }

    .page-plusnav .wrap-page-plusnav {
        padding: 13px 30px
    }
}

@media (min-width: 768px) {
    .page-plusnav .wrap-page-plusnav {
        padding: 13px 47px
    }
}

@media (min-width: 1024px) {
    .page-plusnav {
        bottom: auto;
        top: 0;
        left: auto;
        right: 0;
        width: auto
    }

    .page-plusnav .wrap-page-plusnav {
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 50px 10px 0
    }
}

@media (min-width: 1280px) {
    .page-plusnav .wrap-page-plusnav {
        padding: 16px 50px 16px 0
    }
}

@media (min-width: 1680px) {
    .page-plusnav .wrap-page-plusnav {
        padding: 16px 70px 16px 0
    }
}

@media (max-width: 1023px) {
    .page-plusnav {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media (max-width: 374px) {
    .page-plusnav {
        bottom: 50px
    }

    .page-plusnav .wrap-page-plusnav {
        padding: 8px 17px
    }
}

.plusnav-login {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.plusnav-login:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
    font-size: 14px;
    color: #fff;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1024px) {
    .plusnav-login {
        display: none
    }
}

.plusnav-btn {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    text-align: center
}

.plusnav-btn .btn-corp .btn-corp-text {
    padding: 9px 0;
    font-size: 16px;
    letter-spacing: .1em;
    min-width: 180px
}

@media (min-width: 540px) {
    .plusnav-btn .btn-corp .btn-corp-text {
        padding: 10px 0 8px;
        font-size: 20px;
        min-width: 260px;
        border-width: 3px
    }
}

@media (min-width: 1024px) {
    .plusnav-btn {
        width: auto
    }

    .plusnav-btn .btn-corp .btn-corp-text {
        padding: 14px 0 12px;
        font-size: 18px;
        min-width: 220px;
        border-width: 2px;
        color: #766f6b;
        border-color: #766f6b
    }

    .plusnav-btn .btn-corp .btn-corp-text:after {
        background-color: #766f6b
    }
}

@media (min-width: 1024px)and (min-width: 1280px) {
    .plusnav-btn .btn-corp:hover .btn-corp-text, .plusnav-btn .btn-corp:focus .btn-corp-text {
        border-color: rgba(0, 0, 0, 0);
        color: #fff
    }
}

.plusnav-languages {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.plusnav-languages .languages-code {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-transform: uppercase;
    font-family: "Brandon",sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1024px) {
    .plusnav-languages {
        display: none
    }
}

@media (min-width: 1024px) {
    .white-menu .page-nav {
        position: absolute;
        top: 35px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .white-menu .page-nav .wrap-page-nav {
        background-color: rgba(0, 0, 0, 0);
        border-bottom: rgba(0, 0, 0, 0)
    }

    .white-menu .menu-button .wrap-menu-button .menu-button-icon span {
        background-color: #fff
    }

    .white-menu .menu-button .wrap-menu-button .menu-button-text {
        color: #fff
    }

    .white-menu .menu-languages .wrap-menu-languages:before {
        background-color: #fff
    }

    .white-menu .menu-languages .wrap-menu-languages .menu-languages-text {
        color: #fff
    }

    .white-menu .menu-logo {
        opacity: 0;
        pointer-events: none
    }

    .white-menu .page-plusnav {
        position: absolute;
        top: 35px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .white-menu .plusnav-btn .btn-corp .btn-corp-text {
        color: #fff;
        border-color: #fff
    }
}

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

    .white-menu .menu-button .wrap-menu-button .menu-button-text:before {
        color: #fff
    }

    .white-menu .menu-languages .wrap-menu-languages .menu-languages-text:before {
        background-color: #fff
    }

    .white-menu .page-plusnav {
        top: 30px
    }

    .white-menu .plusnav-btn .btn-corp .btn-corp-text:after {
        background-color: #fff
    }
}

@media (min-width: 1280px)and (min-width: 1280px) {
    .white-menu .plusnav-btn .btn-corp:hover .btn-corp-text, .white-menu .plusnav-btn .btn-corp:focus .btn-corp-text {
        color: #766f6b;
        border-color: rgba(0, 0, 0, 0)
    }
}

.open-menu .menu-logo {
    opacity: 0
}

.open-menu .menu-dropdown {
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 1023px) {
    .open-menu .device-links, .open-menu .menu-button {
        transform: translateY(100%)
    }

    .open-menu .page-plusnav {
        transform: translateY(70px)
    }

    .open-menu .page-plusnav .wrap-page-plusnav {
        background-color: #fff
    }

    .open-menu .page-plusnav .wrap-page-plusnav .plusnav-login, .open-menu .page-plusnav .wrap-page-plusnav .plusnav-languages {
        border-color: #766f6b;
        color: #766f6b
    }

    .open-menu .page-plusnav .wrap-page-plusnav .plusnav-login:before, .open-menu .page-plusnav .wrap-page-plusnav .plusnav-languages:before {
        color: #766f6b
    }

    .open-menu .page-plusnav .wrap-page-plusnav .plusnav-login .languages-code, .open-menu .page-plusnav .wrap-page-plusnav .plusnav-languages .languages-code {
        color: #766f6b
    }

    .open-menu .page-plusnav .wrap-page-plusnav .plusnav-btn .btn-corp .btn-corp-text {
        border-color: #766f6b;
        color: #766f6b
    }
}

@media (max-width: 539px) {
    .open-menu .page-plusnav {
        transform: translateY(55px)
    }
}

@media (max-width: 374px) {
    .open-menu .page-plusnav {
        transform: translateY(49px)
    }
}

.menu-dropdown {
    position: fixed;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #f3efec;
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.menu-dropdown .wrap-menu-dropdown {
    position: relative;
    padding: 50px 0;
    height: 100%;
    overflow-y: auto;
    font-size: 0;
    text-align: center
}

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

.menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: #766f6b
}

@media (min-width: 540px) {
    .menu-dropdown {
        bottom: 70px;
        height: calc(100% - 70px)
    }

    .menu-dropdown .wrap-menu-dropdown {
        padding: 70px 0
    }

    .menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
        top: 40px;
        right: 25px
    }
}

@media (min-width: 540px)and (max-width: 1023px) {
    .menu-dropdown .wrap-menu-dropdown:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-family: "icomoon";
        font-size: 105px;
        color: rgba(118, 111, 107, .2)
    }
}

@media (min-width: 540px)and (max-width: 1023px)and (min-width: 768px) {
    .menu-dropdown .wrap-menu-dropdown:after {
        font-size: 135px
    }
}

@media (min-width: 768px) {
    .menu-dropdown .wrap-menu-dropdown {
        padding: 90px 0
    }
}

@media (min-width: 1024px) {
    .menu-dropdown {
        bottom: auto;
        top: 70px
    }

    .menu-dropdown .wrap-menu-dropdown {
        padding: 70px 0
    }

    .menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
        right: 40px
    }
}

@media (min-width: 1280px) {
    .menu-dropdown {
        top: 80px
    }

    .menu-dropdown .wrap-menu-dropdown {
        text-align: left
    }

    .menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
        top: 20px;
        right: 50px
    }
}

@media (min-width: 1680px) {
    .menu-dropdown .wrap-menu-dropdown {
        padding: 70px 100px 70px 150px
    }

    .menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
        right: 80px
    }
}

@media (max-width: 539px) {
    .menu-dropdown .wrap-menu-dropdown .menu-dropdown-close {
        width: 35px;
        height: 35px
    }
}

@media (max-width: 374px) {
    .menu-dropdown {
        bottom: 55px;
        height: calc(100% - 55px)
    }
}

.menu-dropdown-gallery {
    display: none
}

@media (min-width: 1280px) {
    .menu-dropdown-gallery {
        display: block;
        position: absolute;
        top: 80px;
        height: calc(100% - 160px);
        right: 80px;
        width: calc(50% - 80px)
    }

    .menu-dropdown-gallery .wrap-dropdown-gallery {
        position: relative;
        height: 100%
    }

    .menu-dropdown-gallery .wrap-dropdown-gallery:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-family: "icomoon";
        font-size: 400px;
        color: #766f6b
    }

    .menu-dropdown-gallery .wrap-dropdown-gallery .dropdown-gallery-img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media (min-width: 1366px) {
    .menu-dropdown-gallery {
        width: calc(50% - 115px)
    }
}

@media (min-width: 1680px) {
    .menu-dropdown-gallery {
        right: 100px;
        width: calc(50% - 115px)
    }
}

.menu-dropdown-content {
    display: inline-block;
    vertical-align: middle;
    max-width: 340px;
    width: 100%;
    margin: 0 auto
}

.menu-dropdown-content .wrap-dropdown-content {
    padding: 0 30px;
    text-align: left
}

@media (min-width: 540px) {
    .menu-dropdown-content {
        max-width: 380px
    }
}

@media (min-width: 768px) {
    .menu-dropdown-content {
        max-width: 480px
    }
}

@media (min-width: 1024px) {
    .menu-dropdown-content {
        max-width: 540px
    }
}

@media (min-width: 1280px) {
    .menu-dropdown-content {
        max-width: 620px
    }

    .menu-dropdown-content .wrap-dropdown-content {
        padding: 0 60px 0 80px
    }
}

@media (min-width: 1366px) {
    .menu-dropdown-content {
        max-width: 710px
    }

    .menu-dropdown-content .wrap-dropdown-content {
        padding: 0 115px
    }
}

@media (min-width: 1680px) {
    .menu-dropdown-content {
        max-width: 520px
    }

    .menu-dropdown-content .wrap-dropdown-content {
        padding: 0
    }
}

@media (min-width: 1280px) {
    .dropdown-content-links .wrap-dropdown-links:hover > *:not(:hover), .dropdown-content-links .wrap-dropdown-links:focus > *:not(:hover) {
        opacity: .5
    }
}

.dropdown-links-element {
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.dropdown-links-element .wrap-links-element {
    padding: 15px 0 13px;
    border-bottom: 1px solid #d0ccca
}

.dropdown-links-element .wrap-links-element .dropdown-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em
}

.dropdown-links-element .wrap-links-element .dropdown-element-text .subtext {
    display: inline-block;
    padding-left: 10px;
    font-size: 12px;
    letter-spacing: .1em
}

@media (min-width: 540px) {
    .dropdown-links-element .wrap-links-element .dropdown-element-text {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .dropdown-links-element .wrap-links-element {
        padding: 20px 0 18px
    }

    .dropdown-links-element .wrap-links-element .dropdown-element-text {
        font-size: 23px
    }
}

@media (min-width: 1024px) {
    .dropdown-links-element.devices-only {
        display: none
    }

    .dropdown-links-element .wrap-links-element .dropdown-element-text {
        font-size: 22px
    }
}

@media (min-width: 1680px) {
    .dropdown-links-element .wrap-links-element .dropdown-element-text {
        font-size: 24px
    }
}

@media (min-width: 1280px) {
    .dropdown-links-element .wrap-links-element {
        position: relative
    }

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

    .dropdown-links-element .wrap-links-element:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%) translateX(-10px);
        font-family: "icomoon";
        font-size: 7px;
        color: #766f6b;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .dropdown-links-element:hover .wrap-links-element:before, .dropdown-links-element:focus .wrap-links-element:before {
        width: 35px
    }

    .dropdown-links-element:hover .wrap-links-element:after, .dropdown-links-element:focus .wrap-links-element:after {
        opacity: 1;
        transform: translateY(-50%) translateX(0)
    }
}

@media (max-width: 374px) {
    .dropdown-links-element .wrap-links-element {
        padding: 13px 0 11px
    }

    .dropdown-links-element .wrap-links-element .dropdown-element-text {
        font-size: 15px
    }

    .dropdown-links-element .wrap-links-element .dropdown-element-text .subtext {
        font-size: 11px
    }
}

.dropdown-content-sublinks .wrap-dropdown-sublinks {
    font-size: 0;
    margin: 0 -15px;
    padding-top: 15px
}

@media (min-width: 768px) {
    .dropdown-content-sublinks .wrap-dropdown-sublinks {
        margin: 0 -20px;
        padding-top: 10px
    }
}

.dropdown-sublinks-element {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px
}

.dropdown-sublinks-element:last-child .wrap-sublinks-element, .dropdown-sublinks-element:nth-last-child(2) .wrap-sublinks-element {
    border-bottom: none
}

.dropdown-sublinks-element .wrap-sublinks-element {
    padding: 15px 0;
    border-bottom: 1px solid #d0ccca
}

.dropdown-sublinks-element .wrap-sublinks-element .dropdown-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 540px) {
    .dropdown-sublinks-element .wrap-sublinks-element .dropdown-element-text {
        letter-spacing: .1em
    }
}

@media (min-width: 768px) {
    .dropdown-sublinks-element {
        padding: 0 15px
    }

    .dropdown-sublinks-element .wrap-sublinks-element {
        padding: 30px 0
    }
}

@media (min-width: 1024px) {
    .dropdown-sublinks-element {
        width: auto
    }

    .dropdown-sublinks-element .wrap-sublinks-element {
        border: none
    }

    .dropdown-sublinks-element .wrap-sublinks-element .dropdown-element-text {
        font-size: 13px
    }
}

@media (min-width: 1280px) {
    .dropdown-sublinks-element .wrap-sublinks-element {
        position: relative
    }

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

    .dropdown-sublinks-element:hover .wrap-sublinks-element:before, .dropdown-sublinks-element:focus .wrap-sublinks-element:before {
        width: 100%
    }

    .dropdown-sublinks-element:hover .wrap-sublinks-element .dropdown-element-text, .dropdown-sublinks-element:focus .wrap-sublinks-element .dropdown-element-text {
        color: #766f6b
    }
}

.page-subnav {
    display: none
}

@media (min-width: 1024px) {
    .submenu-white .page-subnav .wrap-page-subnav {
        background-color: rgba(68, 68, 68, .6)
    }

    .submenu-white .subnav-title .subnav-title-text {
        color: #fff
    }

    .submenu-white .subnav-title .subnav-title-text:after {
        color: #fff
    }

    .submenu-white .page-subnav-back .wrap-subnav-back .subnav-back-text {
        color: #fff !important
    }

    .submenu-white .page-subnav-back .wrap-subnav-back .subnav-back-text:after {
        color: #fff !important
    }

    .submenu-white .page-subnav-back .wrap-subnav-back .subnav-back-icon {
        color: #fff !important
    }

    .submenu-white .page-subnav-element .wrap-subnav-element .subnav-element-text {
        color: #fff !important
    }

    .submenu-white .page-subnav-element .wrap-subnav-element:after {
        background-color: #fff
    }

    .page-subnav {
        display: block;
        position: fixed;
        z-index: 6;
        top: 71px;
        left: 0;
        width: 100%
    }

    .page-subnav .wrap-page-subnav {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: #eae6e3
    }

    .page-subnav .wrap-page-subnav .page-subnav-list {
        text-align: center;
        font-size: 0
    }

    .subnav-title {
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        font-size: 0
    }

    .subnav-title .subnav-title-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "Brandon",sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #766f6b;
        text-transform: uppercase;
        letter-spacing: .15em
    }

    .subnav-title .subnav-title-text:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "icomoon";
        font-size: 8px;
        color: #766f6b;
        padding-left: 12px;
        padding-bottom: 3px
    }
}

@media (min-width: 1024px)and (max-width: 1365px) {
    .subnav-title {
        left: 25px
    }

    .subnav-title .subnav-title-text {
        font-size: 14px;
        letter-spacing: .05em
    }

    .subnav-title .subnav-title-text:after {
        padding-left: 8px;
        padding-bottom: 5px;
        font-size: 6px
    }
}

@media (min-width: 1024px) {
    .page-subnav-back {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        cursor: pointer
    }

    .page-subnav-back .wrap-subnav-back {
        font-size: 0
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-icon {
        display: inline-block;
        vertical-align: middle;
        font-size: 30px;
        color: rgba(118, 111, 107, .6);
        padding-left: 15px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "Brandon",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: rgba(118, 111, 107, .6);
        text-transform: uppercase;
        letter-spacing: .2em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-text:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "icomoon";
        font-size: 24px;
        color: rgba(118, 111, 107, .6);
        padding-left: 12px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media (min-width: 1024px)and (min-width: 1280px) {
    .page-subnav-back:hover .wrap-subnav-back .subnav-back-icon {
        color: #766f6b;
        padding-left: 5px
    }

    .page-subnav-back:hover .wrap-subnav-back .subnav-back-text {
        color: #766f6b
    }

    .page-subnav-back:hover .wrap-subnav-back .subnav-back-text:after {
        color: #766f6b
    }
}

@media (min-width: 1024px)and (max-width: 1365px) {
    .page-subnav-back {
        right: 25px
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-icon {
        font-size: 26px
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-text {
        letter-spacing: .05em
    }

    .page-subnav-back .wrap-subnav-back .subnav-back-text:after {
        font-size: 20px
    }
}

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

    .page-subnav-element.active .wrap-subnav-element:after {
        width: 35px
    }

    .page-subnav-element.active .wrap-subnav-element .subnav-element-text {
        color: #766f6b
    }

    .page-subnav-element .wrap-subnav-element {
        position: relative
    }

    .page-subnav-element .wrap-subnav-element:after {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: #766f6b;
        transform: translateX(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .page-subnav-element .wrap-subnav-element .subnav-element-text {
        padding: 19px 18px;
        font-family: "Brandon",sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: rgba(118, 111, 107, .6);
        text-transform: uppercase;
        letter-spacing: .15em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media (min-width: 1280px) {
    .page-subnav {
        top: 81px
    }

    .page-subnav-element:hover .wrap-subnav-element:after, .page-subnav-element:focus .wrap-subnav-element:after {
        width: 35px
    }

    .page-subnav-element:hover .wrap-subnav-element .subnav-element-text, .page-subnav-element:focus .wrap-subnav-element .subnav-element-text {
        color: #766f6b
    }

    .page-subnav-element .wrap-subnav-element .subnav-element-text {
        padding: 19px 33px
    }
}

@media (min-width: 1680px) {
    .page-subnav-element .wrap-subnav-element:after {
        bottom: 15px
    }

    .page-subnav-element .wrap-subnav-element .subnav-element-text {
        padding: 23px 33px;
        font-size: 13px;
        letter-spacing: .2em
    }
}

.gallery-subnav {
    background-color: #eae6e3
}

@media (min-width: 1024px) {
    .gallery-subnav {
        position: fixed;
        z-index: 8;
        top: 71px;
        left: 0;
        width: 100%
    }
}

@media (min-width: 1280px) {
    .gallery-subnav {
        top: 81px
    }
}

.gallery-subnav-btns .wrap-gallery-btns {
    position: relative;
    text-align: center;
    font-size: 0
}

.gallery-subnav-btns .wrap-gallery-btns:before {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    top: 50%;
    width: 2px;
    height: 20px;
    background-color: #d0ccca;
    transform: translateY(-50%)
}

@media (min-width: 1024px) {
    .gallery-subnav-btns {
        display: none
    }
}

.gallery-btn {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.gallery-btn .wrap-gallery-btn {
    padding: 15px 0;
    font-size: 0
}

.gallery-btn .wrap-gallery-btn .gallery-btn-text {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #766f6b;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 150%
}

.gallery-btn .wrap-gallery-btn .gallery-btn-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    color: #766f6b
}

@media (min-width: 768px) {
    .gallery-btn .wrap-gallery-btn {
        padding: 20px 0
    }

    .gallery-btn .wrap-gallery-btn .gallery-btn-text {
        letter-spacing: .2em;
        padding-right: 20px
    }
}

.gallery-subnav-box {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(-50%) scale(0.7);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    background-color: #f3efec;
    pointer-events: none
}

.gallery-subnav-box.open {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto
}

.gallery-subnav-box .wrap-subnav-box {
    position: relative;
    height: 100%;
    padding: 50px 45px;
    overflow-y: auto
}

.gallery-subnav-box .wrap-subnav-box .close-subnav {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 35px;
    height: 35px;
    font-size: 12px
}

@media (max-width: 374px) {
    .gallery-subnav-box .wrap-subnav-box {
        padding: 30px 35px
    }
}

@media (min-width: 540px) {
    .gallery-subnav-box .wrap-subnav-box {
        padding: 90px 110px 50px
    }

    .gallery-subnav-box .wrap-subnav-box .close-subnav {
        top: 40px;
        right: 25px;
        width: 42px;
        height: 42px;
        font-size: 14px
    }

    .gallery-subnav-box .wrap-subnav-box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(180deg);
        font-family: "icomoon";
        font-size: 58px;
        color: rgba(118, 111, 107, .2)
    }
}

@media (min-width: 768px) {
    .gallery-subnav-box .wrap-subnav-box {
        padding: 145px 170px 70px
    }

    .gallery-subnav-box .wrap-subnav-box:before {
        font-size: 88px
    }

    .gallery-subnav-box .wrap-subnav-box .close-subnav {
        top: 45px;
        right: 35px
    }
}

@media (min-width: 1024px) {
    .gallery-subnav-box {
        top: 71px;
        height: calc(100vh - 71px)
    }

    .gallery-subnav-box .wrap-subnav-box {
        padding: 70px 280px
    }

    .gallery-subnav-box .wrap-subnav-box:before {
        content: none
    }

    .gallery-subnav-box .wrap-subnav-box .close-subnav {
        top: 30px;
        right: 40px
    }

    .gallery-subnav-box.main {
        position: relative;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        background-color: rgba(0, 0, 0, 0);
        height: auto;
        top: auto;
        left: auto;
        width: auto
    }

    .gallery-subnav-box.main .wrap-subnav-box {
        padding: 0;
        height: auto
    }

    .gallery-subnav-box.main .wrap-subnav-box:before {
        content: none
    }

    .gallery-subnav-box.main .wrap-subnav-box .close-subnav {
        display: none
    }

    .gallery-subnav-box.main .gallery-subnav-head {
        display: none
    }

    .gallery-subnav-box.main .gallery-subnav-list {
        font-size: 0;
        text-align: center;
        width: auto
    }

    .gallery-subnav-box.main .gallery-subnav-element {
        display: inline-block;
        vertical-align: top
    }

    .gallery-subnav-box.main .gallery-subnav-element:last-child .wrap-subnav-element {
        border-bottom: none
    }

    .gallery-subnav-box.main .gallery-subnav-element.active .wrap-subnav-element:after, .gallery-subnav-box.main .gallery-subnav-element:hover .wrap-subnav-element:after {
        width: 35px
    }

    .gallery-subnav-box.main .gallery-subnav-element.active .wrap-subnav-element .subnav-element-text, .gallery-subnav-box.main .gallery-subnav-element:hover .wrap-subnav-element .subnav-element-text {
        color: #766f6b
    }

    .gallery-subnav-box.main .gallery-subnav-element .wrap-subnav-element {
        position: relative;
        padding: 22px 20px 20px;
        border-top: none
    }

    .gallery-subnav-box.main .gallery-subnav-element .wrap-subnav-element:after {
        content: "";
        position: absolute;
        bottom: 11px;
        left: 50%;
        top: auto;
        right: auto;
        width: 0;
        height: 2px;
        transform: translateX(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: #766f6b;
        opacity: 1
    }

    .gallery-subnav-box.main .gallery-subnav-element .wrap-subnav-element:before {
        content: none
    }

    .gallery-subnav-box.main .gallery-subnav-element .wrap-subnav-element .subnav-element-text {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .15em;
        color: rgba(118, 111, 107, .6);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media (min-width: 1280px) {
    .gallery-subnav-box {
        top: 81px;
        height: calc(100vh - 81px)
    }
}

@media (min-width: 1680px) {
    .gallery-subnav-box .wrap-subnav-box {
        padding: 90px 280px
    }
}

.gallery-subnav-head .wrap-subnav-head {
    text-align: center;
    padding-bottom: 25px
}

.gallery-subnav-head .wrap-subnav-head .subnav-head-intro {
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    line-height: 123.0769230769%;
    letter-spacing: .1em
}

@media (max-width: 374px) {
    .gallery-subnav-head .wrap-subnav-head .subnav-head-intro {
        font-size: 12px;
        letter-spacing: .05em
    }
}

@media (min-width: 768px) {
    .gallery-subnav-head .wrap-subnav-head {
        padding-bottom: 35px
    }
}

@media (min-width: 1024px) {
    .gallery-subnav-head {
        width: 450px;
        margin: 0 auto
    }

    .gallery-subnav-head .wrap-subnav-head {
        text-align: left
    }
}

@media (min-width: 1680px) {
    .gallery-subnav-head .wrap-subnav-head {
        padding-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .gallery-subnav-list {
        width: 450px;
        margin: 0 auto
    }

    .gallery-subnav-list:hover > *:not(:hover) .wrap-subnav-element .subnav-element-text {
        color: rgba(118, 111, 107, .6)
    }
}

.gallery-subnav-element:last-child .wrap-subnav-element {
    border-bottom: 1px solid #d0ccca
}

.gallery-subnav-element .wrap-subnav-element {
    padding: 17px 0 15px;
    border-top: 1px solid #d0ccca
}

.gallery-subnav-element .wrap-subnav-element .subnav-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 540px) {
    .gallery-subnav-element .wrap-subnav-element {
        padding: 20px 0 18px
    }

    .gallery-subnav-element .wrap-subnav-element .subnav-element-text {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .gallery-subnav-element .wrap-subnav-element {
        padding: 22px 0 20px
    }

    .gallery-subnav-element .wrap-subnav-element .subnav-element-text {
        font-size: 22px
    }
}

@media (min-width: 1024px) {
    .gallery-subnav-element {
        cursor: pointer
    }
}

@media (min-width: 1280px) {
    .gallery-subnav-element .wrap-subnav-element {
        position: relative
    }

    .gallery-subnav-element .wrap-subnav-element:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 100%;
        width: 0;
        height: 1px;
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .gallery-subnav-element .wrap-subnav-element:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) translateX(-10px) scale(0.6);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        font-family: "icomoon";
        font-size: 6px;
        color: #766f6b;
        opacity: 0
    }

    .gallery-subnav-element:hover .wrap-subnav-element:before, .gallery-subnav-element:focus .wrap-subnav-element:before {
        width: 35px
    }

    .gallery-subnav-element:hover .wrap-subnav-element:after, .gallery-subnav-element:focus .wrap-subnav-element:after {
        opacity: 1;
        transform: translateY(-50%) translateX(0) scale(1)
    }
}

@media (min-width: 1680px) {
    .gallery-subnav-element .wrap-subnav-element .subnav-element-text {
        font-size: 24px
    }
}

.footer-container .wrap-footer-container {
    position: relative
}

.info-element-header .wrap-info-header {
    padding-bottom: 15px
}

.info-element-header .wrap-info-header .info-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 142.8571428571%
}

@media (min-width: 540px) {
    .info-element-header {
        display: inline-block;
        vertical-align: top;
        width: 150px
    }

    .info-element-header .wrap-info-header {
        padding: 4px 10px 0 0
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .info-element-header {
        width: 200px
    }
}

.info-element-content .wrap-info-content .info-content-text {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 200%
}

.info-element-content .wrap-info-content .info-content-text.link {
    display: inline-block;
    padding-top: 20px
}

@media (min-width: 1280px) {
    .info-element-content .wrap-info-content .info-content-text.link {
        position: relative
    }

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

    .info-element-content .wrap-info-content .info-content-text.link:hover:before, .info-element-content .wrap-info-content .info-content-text.link:focus:before {
        width: 100%
    }
}

.info-element-content .wrap-info-content .info-content-text .maintext {
    display: inline-block;
    vertical-align: middle;
    width: 160px
}

.info-element-content .wrap-info-content .info-content-text .subtext {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #9f9c9a;
    text-transform: none;
    letter-spacing: .05em;
    line-height: 100%
}

@media (min-width: 540px) {
    .info-element-content {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 150px)
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .info-element-content {
        width: calc(100% - 200px)
    }
}

@media (max-width: 374px) {
    .info-element-content .wrap-info-content .info-content-text.link {
        font-size: 12px
    }
}

.footer-multimedia {
    display: none
}

@media (min-width: 1280px) {
    .footer-multimedia {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%
    }

    .footer-multimedia.fixed {
        position: fixed;
        top: 80px
    }

    .footer-multimedia.fixed.stop {
        position: absolute;
        bottom: 0;
        top: auto
    }

    .footer-multimedia .wrap-footer-multimedia {
        height: 100%;
        padding: 80px 80px 80px 0
    }

    .footer-multimedia .wrap-footer-multimedia .footer-multimedia-title {
        position: absolute;
        top: 30px;
        left: 0;
        width: calc(100% - 80px);
        text-align: center;
        font-family: "Brandon",sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 137.5%
    }

    .footer-multimedia .wrap-footer-multimedia .footer-multimedia-map {
        width: 100%;
        height: 100%;
        background-color: #cfb8c0
    }

    .footer-multimedia .wrap-footer-multimedia .btn-top {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        border-color: rgba(0, 0, 0, 0);
        background-color: #9f9c9a
    }

    .footer-multimedia .wrap-footer-multimedia .btn-top:before {
        color: #fff
    }

    .footer-multimedia .wrap-footer-multimedia .btn-top .btn-top-text {
        position: absolute;
        bottom: calc(100% + 10px);
        left: 0;
        width: 100%;
        font-family: "Brandon",sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #766f6b;
        text-transform: uppercase;
        letter-spacing: .1em;
        text-align: center;
        opacity: 0;
        transform: scale(0.6);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform-origin: bottom center
    }

    .footer-multimedia .wrap-footer-multimedia .btn-top:hover .btn-top-text, .footer-multimedia .wrap-footer-multimedia .btn-top:focus .btn-top-text {
        opacity: 1;
        transform: scale(1)
    }
}

@media (min-width: 1280px) {
    .footer-multimedia-gallery {
        height: 100%
    }

    .footer-multimedia-gallery .wrap-footer-gallery {
        position: relative;
        height: 100%
    }

    .footer-multimedia-gallery .wrap-footer-gallery .footer-gallery-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

    .footer-gallery-info {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        padding: 35px 0 0 35px;
        width: 320px
    }

    .footer-gallery-info .footer-gallery-text {
        font-family: "Brandon",sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .12em;
        line-height: 144.4444444444%;
        padding-bottom: 25px
    }

    .footer-gallery-info .footer-gallery-subtext {
        font-family: "Brandon",sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        letter-spacing: .035em;
        line-height: 128.5714285714%
    }
}

@media (min-width: 1280px) {
    .footer-content {
        width: 50%
    }
}

.footer-links .wrap-footer-links {
    padding-top: 60px
}

@media (min-width: 540px) {
    .footer-links .wrap-footer-links {
        padding-top: 80px
    }
}

.footer-info-element:first-child .wrap-info-element {
    padding-top: 0
}

.footer-info-element .wrap-info-element {
    padding: 45px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .footer-info-element .wrap-info-element {
        padding: 60px 0;
        font-size: 0
    }
}

.footer-links-section .wrap-footer-section {
    padding: 45px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .footer-links-section .wrap-footer-section {
        padding: 60px 0;
        font-size: 0
    }
}

.footer-section-graphic {
    padding-bottom: 20px;
    text-align: center
}

.footer-section-graphic .section-graphic-icon {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 2px solid #766f6b
}

.footer-section-graphic .section-graphic-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 25px;
    color: #766f6b
}

@media (min-width: 540px) {
    .footer-section-graphic {
        display: inline-block;
        vertical-align: top;
        width: 150px;
        text-align: center;
        padding-top: 15px
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .footer-section-graphic {
        width: 200px
    }
}

.footer-section-info .wrap-section-info {
    text-align: center
}

.footer-section-info .wrap-section-info .section-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%
}

.footer-section-info .wrap-section-info .section-info-btn {
    margin-top: 20px
}

.footer-section-info .wrap-section-info .section-info-btn .btn-more-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: rgba(118, 111, 107, .5)
}

@media (min-width: 540px) {
    .footer-section-info {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 150px)
    }

    .footer-section-info .wrap-section-info {
        text-align: left
    }

    .footer-section-info .wrap-section-info .section-info-btn {
        margin-top: 30px
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .footer-section-info {
        width: calc(100% - 200px)
    }
}

.footer-links-socials .wrap-footer-socials {
    padding: 20px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .footer-links-socials .wrap-footer-socials {
        padding: 60px 0 0 0;
        font-size: 0
    }
}

.footer-socials-header {
    padding-bottom: 40px;
    text-align: center
}

.footer-socials-header .socials-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 142.8571428571%
}

@media (min-width: 540px) {
    .footer-socials-header {
        display: inline-block;
        vertical-align: middle;
        width: 150px;
        padding-bottom: 0;
        text-align: left
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .footer-socials-header {
        width: 200px
    }
}

.footer-socials-content .wrap-socials-content {
    text-align: center;
    font-size: 0
}

.footer-socials-content .wrap-socials-content .socials-content-element {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    font-size: 19px;
    color: #9f9c9a
}

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

    .footer-socials-content .wrap-socials-content .socials-content-element:hover.icon-instagram, .footer-socials-content .wrap-socials-content .socials-content-element:focus.icon-instagram {
        color: #766f6b
    }

    .footer-socials-content .wrap-socials-content .socials-content-element:hover.icon-facebook, .footer-socials-content .wrap-socials-content .socials-content-element:focus.icon-facebook {
        color: #185b95
    }

    .footer-socials-content .wrap-socials-content .socials-content-element:hover.icon-twiter, .footer-socials-content .wrap-socials-content .socials-content-element:focus.icon-twiter {
        color: #00a6e8
    }

    .footer-socials-content .wrap-socials-content .socials-content-element:hover.icon-pinterest, .footer-socials-content .wrap-socials-content .socials-content-element:focus.icon-pinterest {
        color: #df0018
    }

    .footer-socials-content .wrap-socials-content .socials-content-element:hover.icon-youtube, .footer-socials-content .wrap-socials-content .socials-content-element:focus.icon-youtube {
        color: #e70f0f
    }
}

@media (min-width: 540px) {
    .footer-socials-content {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 150px)
    }
}

@media (min-width: 768px)and (max-width: 1279px),(min-width: 1680px) {
    .footer-socials-content {
        width: calc(100% - 200px)
    }

    .footer-socials-content .wrap-socials-content {
        text-align: left
    }

    .footer-socials-content .wrap-socials-content .socials-content-element:first-child {
        padding-left: 0
    }
}

@media (max-width: 374px) {
    .footer-socials-content .wrap-socials-content .socials-content-element {
        padding: 10px 18px
    }
}

.footer-links-external .wrap-footer-external {
    padding: 45px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .footer-links-external .wrap-footer-external {
        padding: 60px 0
    }
}

.footer-external-header {
    padding-bottom: 40px;
    text-align: center
}

.footer-external-header .footer-external-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 142.8571428571%
}

@media (min-width: 540px) {
    .footer-external-header {
        text-align: left
    }
}

.footer-external-logo .external-logo-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
    height: auto
}

.footer-external-btns {
    padding-top: 35px;
    text-align: center
}

.footer-external-btns .btn-more .btn-more-text {
    font-size: 13px
}

.footer-external-btns .btn-more .btn-more-text:after {
    font-size: 17px;
    padding-left: 15px
}

.footer-links-partners .wrap-footer-partners {
    padding: 45px 0 0
}

@media (min-width: 540px) {
    .footer-links-partners .wrap-footer-partners {
        padding: 60px 0 15px;
        border-bottom: 1px solid #d0ccca
    }
}

.footer-partners-header {
    text-align: center
}

.footer-partners-header .partners-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 142.8571428571%
}

@media (min-width: 540px) {
    .footer-partners-header {
        text-align: left
    }
}

.footer-partners-content {
    font-size: 0;
    text-align: center
}

.partners-content-element .wrap-partnerns-element {
    padding: 45px 0;
    border-bottom: 1px solid #d0ccca
}

.partners-content-element .wrap-partnerns-element .partnerns-element-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 175px;
    height: auto
}

.partners-content-element .wrap-partnerns-element .partnerns-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-top: 25px;
    text-align: center
}

@media (min-width: 540px) {
    .partners-content-element {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .partners-content-element:nth-child(2) {
        position: relative
    }

    .partners-content-element:nth-child(2):before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 2px;
        height: 95px;
        background-color: #d0ccca
    }

    .partners-content-element .wrap-partnerns-element {
        border-bottom: none
    }
}

@media (min-width: 1280px) {
    .partners-content-element .wrap-partnerns-element .partnerns-element-text {
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .partners-content-element:hover .wrap-partnerns-element .partnerns-element-text, .partners-content-element:focus .wrap-partnerns-element .partnerns-element-text {
        opacity: 1
    }
}

.footer-static .wrap-footer-static {
    position: relative;
    padding: 45px 0 100px
}

@media (min-width: 540px) {
    .footer-static .wrap-footer-static {
        padding: 70px 0 100px
    }
}

@media (min-width: 1024px) {
    .footer-static.full-size .wrap-footer-static {
        padding: 70px 0 40px
    }

    .footer-static.full-size .content-links-element {
        width: 33.33%
    }
}

@media (min-width: 1366px) {
    .footer-static.full-size .wrap-footer-static {
        padding: 70px 0 30px
    }

    .footer-static.full-size .footer-static-content .static-content-links {
        margin: 0 -40px
    }

    .footer-static.full-size .content-links-element {
        width: 25%;
        padding: 0 40px
    }

    .footer-static.full-size .content-links-element .wrap-links-element {
        padding: 40px 0
    }
}

.footer-static-header .wrap-static-header {
    padding-bottom: 45px
}

.footer-static-header .wrap-static-header .static-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 142.8571428571%;
    max-width: 130px
}

@media (min-width: 540px) {
    .footer-static-content .static-content-links {
        font-size: 0;
        margin: 0 -30px
    }
}

.content-links-element .wrap-links-element {
    padding: 30px 0;
    border-top: 1px solid #d0ccca
}

.content-links-element .wrap-links-element .links-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #766f6b;
    letter-spacing: .05em;
    line-height: 114.2857142857%
}

@media (min-width: 540px) {
    .content-links-element {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 30px
    }
}

@media (min-width: 1280px) {
    .content-links-element .wrap-links-element {
        position: relative
    }

    .content-links-element .wrap-links-element:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .content-links-element .wrap-links-element:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) translateX(-10px);
        font-family: "icomoon";
        font-size: 7px;
        color: #766f6b;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .content-links-element:hover .wrap-links-element:before, .content-links-element:focus .wrap-links-element:before {
        width: 100%
    }

    .content-links-element:hover .wrap-links-element:after, .content-links-element:focus .wrap-links-element:after {
        transform: translateY(-50%) translateX(0);
        opacity: 1
    }
}

.footer-end {
    position: relative
}

.footer-end:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 35px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: contain
}

.footer-end .wrap-footer-end {
    padding-bottom: 115px
}

@media (min-width: 540px) {
    .footer-end .wrap-footer-end {
        padding-bottom: 140px
    }
}

@media (min-width: 1024px) {
    .footer-end .wrap-footer-end {
        position: relative;
        padding-bottom: 0;
        font-size: 0
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .footer-end .big-wrapper {
        max-width: initial;
        padding: 0 80px
    }
}

@media (min-width: 1280px) {
    .footer-end:before {
        position: relative;
        bottom: 0;
        display: block;
        background-color: #f3efec
    }
}

.footer-end-element:nth-child(2) .wrap-end-element {
    border-top: 1px solid #d0ccca
}

.footer-end-element .wrap-end-element {
    padding: 45px 0;
    font-size: 0;
    text-align: center
}

@media (min-width: 540px) {
    .footer-end-element .wrap-end-element {
        padding: 45px 35px
    }
}

@media (min-width: 1024px) {
    .footer-end-element {
        display: inline-block;
        width: calc(100% - 130px)
    }

    .footer-end-element:nth-child(2) .wrap-end-element {
        border-top: none;
        padding: 0
    }

    .footer-end-element .wrap-end-element {
        padding: 25px 0
    }
}

.end-element-img {
    display: inline-block;
    vertical-align: top;
    width: 200px
}

.end-element-img .element-img-logo {
    display: block;
    width: 100%;
    height: auto
}

@media (min-width: 1024px) {
    .end-element-img {
        vertical-align: middle
    }
}

.end-element-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 200px);
    text-align: left
}

.end-element-info .wrap-element-info {
    padding: 15px 0 0 25px
}

.end-element-info .wrap-element-info .element-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #766f6b;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 118.75%;
    padding-bottom: 10px
}

.end-element-info .wrap-element-info .element-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #766f6b;
    letter-spacing: .05em;
    line-height: 114.2857142857%
}

.end-element-info .wrap-element-info .element-info-btn {
    margin-top: 10px
}

.end-element-info .wrap-element-info .element-info-btn .btn-more-text {
    font-size: 13px
}

.end-element-info .wrap-element-info .element-info-btn .btn-more-text:after {
    font-size: 17px;
    padding-left: 15px
}

@media (min-width: 1024px) {
    .end-element-info {
        vertical-align: middle
    }

    .end-element-info .wrap-element-info {
        padding: 0 0 0 50px
    }

    .end-element-info .wrap-element-info .element-info-btn {
        display: none
    }
}

.end-element-add {
    text-align: center
}

.end-element-add .element-add-logo {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 130px;
    min-width: 1px;
    height: auto
}

@media (min-width: 1024px) {
    .end-element-add {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }
}

body {
    background-color: #f3efec
}

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

@media (min-width: 1280px) {
    body.noscroll {
        padding-right: 15px
    }
}

body.motor .page-plusnav {
    display: none
}

body.motor .motor-page {
    height: calc(100vh - 60px)
}

.background-white {
    background-color: #fbfafa
}

@media (min-width: 1024px) {
    .full-intern .top-module {
        padding-top: 70px
    }
}

@media (min-width: 1280px) {
    .full-intern .top-module {
        padding-top: 80px
    }
}

@media (max-width: 1023px) {
    .full-intern .top-module {
        display: none !important
    }
}

@media (min-width: 1024px) {
    .full-intern-space {
        padding-top: 20px !important
    }

    .full-intern-space.submenu-space {
        padding-top: 70px !important
    }
}

@media (min-width: 1280px) {
    .full-intern-space {
        padding-top: 40px !important
    }

    .full-intern-space.submenu-space {
        padding-top: 90px !important
    }
}

@media (min-width: 1680px) {
    .full-intern-space {
        padding-top: 70px !important
    }

    .full-intern-space.submenu-space {
        padding-top: 120px !important
    }
}

.top-module {
    height: calc(100vh - 55px);
    min-height: 400px
}

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

@media (min-width: 540px) {
    .top-module {
        height: calc(100vh - 70px)
    }
}

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

@media (max-width: 374px) {
    .top-module {
        height: calc(100vh - 50px)
    }
}

.top-module-logo {
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 50%;
    transform: translateX(-50%)
}

.top-module-logo .wrap-top-logo {
    width: 200px;
    margin: 0 auto
}

.top-module-logo .wrap-top-logo .top-logo-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -1rem;
}
@media (max-width: 767px) {.top-module-logo .wrap-top-logo .top-logo-img {margin-top: -5rem;}

}
@media (min-width: 540px) {
    .top-module-logo {
        top: 140px
    }

    .top-module-logo .wrap-top-logo {
        width: 250px
    }
}

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

    .top-module-logo .wrap-top-logo {
        width: 290px
    }
}

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

    .top-module-logo .wrap-top-logo {
        width: 240px;
        padding-top: 0;
    }
}

@media (min-width: 1366px) {
    .top-module-logo .wrap-top-logo {
        width: 240px
    }
}

@media (max-width: 374px) {
    .top-module-logo {
        top: 90px
    }

    .top-module-logo .wrap-top-logo {
        width: 170px
    }
}

.top-module-logoicon {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.top-module-logoicon .wrap-top-logoicon .top-logoicon-img {
    display: inline-block;
    width: 50px;
    height: auto;
    filter: brightness(5)
}

@media (min-width: 540px) {
    .top-module-logoicon {
        top: 40px
    }

    .top-module-logoicon .wrap-top-logoicon .top-logoicon-img {
        width: 65px
    }
}

@media (min-width: 768px) {
    .top-module-logoicon {
        top: 50px
    }

    .top-module-logoicon .wrap-top-logoicon .top-logoicon-img {
        width: 70px
    }
}

@media (min-width: 1024px) {
    .top-module-logoicon {
        top: 50%;
        left: 50px;
        transform: translateY(-50%)
    }

    .top-module-logoicon .wrap-top-logoicon .top-logoicon-img {
        width: 65px
    }
}

@media (min-width: 1280px) {
    .top-module-logoicon .wrap-top-logoicon .top-logoicon-img {
        width: 75px
    }
}

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

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

    .video-active .top-module-gallery {
        display: none
    }
}

.top-module-video {
    display: none
}

@media (min-width: 1280px) {
    .top-module-video {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover
    }

    .top-module-video .wrap-top-video {
        position: relative;
        height: 100%;
        overflow: hidden
    }

    .top-module-video .wrap-top-video .top-video-element {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translateX(-50%) translateY(-50%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        min-width: 100%;
        min-height: 100%
    }
}

.top-module-gallery {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top-module-gallery .wrap-top-gallery {
    height: 100%
}

.top-gallery-slider {
    height: 100%
}

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

@media (min-width: 1024px) {
    .top-module-breadcrumbs {
        position: absolute;
        z-index: 2;
        top: 70px;
        right: 80px
    }
}

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

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

@media (max-width: 767px) {
    .top-module-scroll{bottom: 7rem !important;}
}
.top-module-scroll {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    width: 100%
}

.top-module-scroll .wrap-top-scroll {
    display: block;
    width: 100%;
    padding: 25px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

.top-module-scroll .wrap-top-scroll .top-scroll-title {
    display: none
}

.top-module-scroll .wrap-top-scroll .top-scroll-text {
    display: none
}

.top-module-scroll .wrap-top-scroll .top-scroll-hover {
    display: none
}

.top-module-scroll .wrap-top-scroll .top-scroll-icon {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    border: 3px solid #fff;
    border-radius: 50%
}

.top-module-scroll .wrap-top-scroll .top-scroll-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: "icomoon";
    font-size: 14px;
    color: #fff
}

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

    .top-module-scroll .wrap-top-scroll .top-scroll-hover {
        position: absolute;
        display: inline-block;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        font-family: "Brandon",sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .2em;
        padding: 0 50px 12px;
        max-height: 12px;
        overflow: hidden;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-hover:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 1px;
        background-color: #fff;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-icon {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-text, .top-module-scroll .wrap-top-scroll:focus .top-scroll-text {
        opacity: 0;
        transform: translateY(-20px) scale(0.8)
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-hover, .top-module-scroll .wrap-top-scroll:focus .top-scroll-hover {
        max-height: 30px;
        opacity: 1
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-hover:after, .top-module-scroll .wrap-top-scroll:focus .top-scroll-hover:after {
        width: 100%
    }

    .top-module-scroll .wrap-top-scroll:hover .top-scroll-icon, .top-module-scroll .wrap-top-scroll:focus .top-scroll-icon {
        transform: scale(1.2)
    }
}

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

    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        display: block;
        font-family:"Linotype",sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-bottom: 20px
    }
}

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

    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        padding-bottom: 30px
    }
}

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

    .top-module-scroll .wrap-top-scroll {
        width: 80%;
        padding: 25px 25px 35px
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-title {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        display: block;
        font-family: "Linotype", sans-serif;
        font-size: 40px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .08em;
        line-height: 150%;
        transform: translateY(-100%)
    }

    .top-module-scroll .wrap-top-scroll .top-scroll-text {
        padding-bottom: 30px
    }
}

@media (max-width: 374px) {
    .top-module-scroll {
        bottom: 55px
    }
}

.top-module-btn {
    display: none
}

@media (min-width: 1024px) {
    .top-module-btn {
        display: block;
        position: absolute;
        bottom: 35px;
        font-size: 14px
    }

    .top-module-btn.top-module-newsletter {
        left: 50px
    }

    .top-module-btn.top-module-login {
        right: 50px
    }
}

@media (min-width: 1680px) {
    .top-module-btn.top-module-newsletter {
        left: 70px
    }

    .top-module-btn.top-module-login {
        right: 70px
    }
}

.popup-module {
    position: fixed;
    z-index: 100;
    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
}

.popup-module .popup-backmask {
    display: none
}

.popup-module.full-page {
    z-index: 90
}

.popup-module.full-page .popup-box .wrap-popup-box {
    overflow: auto
}

.popup-module.full-page .popup-box .wrap-popup-box:before {
    content: none
}
.popup-box .wrap-popup-box::after {
    content: "" !important;
}
@media (max-width: 539px) {
    .popup-module.full-page .popup-box .wrap-popup-box:after {
        content: none
    }
}

@media (min-width: 768px) {
    .popup-module {
        transform: translateY(-50%) scale(0.5)
    }

    .popup-module.open {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1)
    }

    .popup-module .popup-backmask {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .7)
    }

    .popup-module.full-page .popup-box {
        position: relative;
        height: 100%;
        width: 100%;
        max-height: initial;
        left: 0;
        top: 0;
        transform: none
    }

    .popup-module.full-page .popup-box .wrap-popup-box:after {
        top: 0;
        bottom: auto;
        transform: translateY(-50%) translateX(-50%)
    }
}

@media (min-width: 1024px) {
    .popup-module.full-page .popup-box {
        padding-top: 71px
    }

    .popup-module.full-page .popup-box .wrap-popup-box:after {
        content: none
    }
}

@media (min-width: 1280px) {
    .popup-module.full-page .popup-box {
        padding-top: 81px
    }
}

@media (max-width: 767px) {
    .popup-module.open {
        opacity: 1;
        pointer-events: auto
    }
}

.popup-box {
    height: 100%;
    background-color: #fbfafa;
    overflow: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .popup-box.bigger .wrap-popup-box:before {
        content: none
    }

    .popup-box.bigger .wrap-popup-box .popup-box-content {
        display: block;
        padding: 90px 25px;
        max-width: initial
    }
}

@media (max-width: 767px)and (min-width: 540px) {
    .popup-box.bigger .wrap-popup-box .popup-box-content {
        padding: 100px 80px
    }
}

.popup-box .wrap-popup-box {
    position: relative;
    font-size: 0;
    height: 100%;
    overflow-y: auto;
    text-align: center
}

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

.popup-box .wrap-popup-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: "icomoon";
    font-size: 105px;
    color: rgba(118, 111, 107, .2)
}

.popup-box .wrap-popup-box .close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px
}

.popup-box .wrap-popup-box .popup-box-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 90px 0;
    max-width: 250px
}

@media (min-width: 540px) {
    .popup-box .wrap-popup-box .close-popup {
        top: 40px;
        right: 25px
    }

    .popup-box .wrap-popup-box .popup-box-content {
        max-width: 320px
    }
}

@media (min-width: 768px) {
    .popup-box {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 600px;
        max-height: 90vh;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%)
    }

    .popup-box .wrap-popup-box {
        overflow: hidden
    }

    .popup-box .wrap-popup-box:before {
        content: none
    }

    .popup-box .wrap-popup-box:after {
        top: auto;
        bottom: 0;
        transform: translateY(50%) translateX(-50%)
    }

    .popup-box .wrap-popup-box .close-popup {
        top: 30px;
        right: 30px
    }

    .popup-box .wrap-popup-box .popup-box-content {
        max-width: 460px;
        padding: 75px 0 120px;
        min-height: 540px
    }
}

@media (max-width: 539px) {
    .popup-box .wrap-popup-box .close-popup {
        width: 35px;
        height: 35px;
        font-size: 13px
    }
}

.popup-languages .wrap-languages .languages-title {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding-bottom: 40px
}

.popup-languages .wrap-languages .btn-languages {
    margin-top: 20px
}

.popup-languages .wrap-languages .btn-languages:nth-child(2) {
    margin-top: 0
}

.popup-languages .wrap-languages .btn-languages.active .btn-corp-text {
    color: #fff;
    background-color: #766f6b
}

@media (min-width: 540px) {
    .popup-languages .wrap-languages .languages-title {
        letter-spacing: .2em;
        padding-bottom: 60px
    }

    .popup-languages .wrap-languages .btn-languages {
        margin-top: 28px
    }
}

@media (min-width: 768px) {
    .popup-languages .wrap-languages .languages-title {
        padding-bottom: 40px
    }
}

@media (max-width: 539px) {
    .popup-languages .wrap-languages .btn-languages .btn-corp-text {
        min-width: 200px;
        font-size: 16px;
        padding: 13px 0 11px
    }
}

.popup-schedules .wrap-schedules {
    text-align: left
}

@media (min-width: 768px) {
    .popup-schedules {
        width: 460px
    }
}

.schedules-header .wrap-schedules-header {
    padding-bottom: 55px;
    border-bottom: 1px solid #d0ccca
}

.schedules-header .wrap-schedules-header .schedules-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 116.6666666667%;
    padding-bottom: 10px
}

.schedules-header .wrap-schedules-header .schedules-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 146.1538461538%
}

@media (max-width: 539px) {
    .schedules-header .wrap-schedules-header {
        padding-bottom: 40px
    }

    .schedules-header .wrap-schedules-header .schedules-header-title {
        font-size: 16px;
        letter-spacing: .15em;
        padding-bottom: 5px
    }

    .schedules-header .wrap-schedules-header .schedules-header-subtitle {
        font-size: 12px;
        letter-spacing: .1em
    }
}

.schedules-list {
    padding-top: 50px
}

@media (max-width: 539px) {
    .schedules-list {
        padding-top: 35px
    }
}

.schedules-element .wrap-schedules-element {
    font-size: 0;
    padding-bottom: 20px
}

.schedules-element .wrap-schedules-element a {
    position: relative;
    width: auto !important
}

.schedules-element .wrap-schedules-element a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #444;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.schedules-element .wrap-schedules-element a:hover:before, .schedules-element .wrap-schedules-element a:focus:before {
    width: 100%
}

.schedules-element .wrap-schedules-element .schedules-element-title {
    display: inline-block;
    vertical-align: top;
    width: 37%;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 214.2857142857%
}

.schedules-element .wrap-schedules-element .schedules-element-title.longer {
    width: 100%
}

.schedules-element .wrap-schedules-element .schedules-element-title.bold {
    font-weight: 700;
    color: #444
}

.schedules-element .wrap-schedules-element .schedules-element-time {
    display: inline-block;
    vertical-align: top;
    width: 63%;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 214.2857142857%
}

.schedules-element .wrap-schedules-element .schedules-element-time.bold {
    font-weight: bold;
    width: 100%
}

.cards-element:last-child .wrap-cards-element {
    border-bottom: none
}

.cards-element .wrap-cards-element {
    position: relative;
    font-size: 0;
    padding: 35px 40px 35px 0;
    border-bottom: 1px solid #d0ccca
}

.cards-element .wrap-cards-element .cards-element-title {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 142.8571428571%;
    padding-left: 10px
}

.cards-element .wrap-cards-element .cards-element-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icomoon";
    font-size: 5px;
    color: #444
}

.cards-element .wrap-cards-element .cards-element-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .035em;
    line-height: 137.5%;
    padding-left: 10px;
    padding-top: 5px
}

.cards-element .wrap-cards-element .cards-element-icon {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #444;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.cards-element .wrap-cards-element .cards-element-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
    font-size: 12px;
    color: #444;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .cards-element .wrap-cards-element .cards-element-icon:hover, .cards-element .wrap-cards-element .cards-element-icon:focus {
        background-color: #766f6b;
        border-color: rgba(0, 0, 0, 0)
    }

    .cards-element .wrap-cards-element .cards-element-icon:hover:before, .cards-element .wrap-cards-element .cards-element-icon:focus:before {
        color: #fff
    }
}

@media (min-width: 540px) {
    .cards-element .wrap-cards-element .cards-element-icon {
        right: 20px
    }
}

@media (min-width: 1280px) {
    .cards-element .wrap-cards-element .cards-element-icon {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        opacity: 0
    }

    .cards-element:hover .wrap-cards-element .cards-element-icon, .cards-element:focus .wrap-cards-element .cards-element-icon {
        opacity: 1
    }
}

.popup-box-newsletter {
    max-width: 275px;
    margin: 0 auto
}

.popup-box-newsletter .wrap-popup-newsletter {
    padding: 60px 0 160px
}

@media (min-width: 540px) {
    .popup-box-newsletter .wrap-popup-newsletter {
        padding: 100px 0 185px
    }
}

@media (min-width: 1024px) {
    .popup-box-newsletter {
        max-width: 605px
    }

    .popup-box-newsletter .wrap-popup-newsletter {
        padding: 50px 0
    }
}

@media (min-width: 1280px) {
    .popup-box-newsletter .wrap-popup-newsletter {
        padding: 60px 0
    }
}

@media (min-width: 1680px) {
    .popup-box-newsletter .wrap-popup-newsletter {
        padding: 80px 0
    }
}

.popup-newlsetter-header .wrap-newsletter-header {
    padding-bottom: 30px
}

.popup-newlsetter-header .wrap-newsletter-header .popup-newsletter-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .15em
}

.popup-newlsetter-header .wrap-newsletter-header .popup-newsletter-subtitle {
    display: none
}

@media (min-width: 540px) {
    .popup-newlsetter-header .wrap-newsletter-header {
        padding-bottom: 40px
    }

    .popup-newlsetter-header .wrap-newsletter-header .popup-newsletter-title {
        font-size: 20px;
        letter-spacing: .1em
    }
}

@media (min-width: 768px) {
    .popup-newlsetter-header .wrap-newsletter-header .popup-newsletter-title {
        font-size: 24px;
        letter-spacing: .1em
    }

    .popup-newlsetter-header .wrap-newsletter-header .popup-newsletter-subtitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .2em;
        line-height: 146.1538461538%;
        padding-top: 12px
    }
}

@media (min-width: 1024px) {
    .popup-newlsetter-header .wrap-newsletter-header {
        padding-bottom: 60px
    }
}

.popup-newsletter-content.registry {
    pointer-events: auto;
    width: 290px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .popup-newsletter-content.registry {
        width: 625px
    }
}

@media (min-width: 1280px) {
    .popup-newsletter-content.registry {
        width: 540px
    }
}

@media (min-width: 1680px) {
    .popup-newsletter-content.registry {
        width: 625px
    }
}

.popup-newsletter-content .wrap-newsletter-content .newsletter-checks-box {
    text-align: left
}

.popup-newsletter-content .wrap-newsletter-content .newsletter-btn-box {
    padding-top: 10px;
    text-align: center
}

.popup-newsletter-content .wrap-newsletter-content .newsletter-btn-box .btn-corp .btn-corp-text {
    font-size: 15px;
    min-width: 200px;
    padding: 15px 0
}

@media (min-width: 1024px) {
    .popup-newsletter-content .wrap-newsletter-content {
        font-size: 0
    }

    .popup-newsletter-content .wrap-newsletter-content .newsletter-inputs-box {
        padding-bottom: 10px;
        font-size: 0;
        margin: 0 -30px
    }

    .popup-newsletter-content .wrap-newsletter-content .newsletter-checks-box {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .popup-newsletter-content .wrap-newsletter-content .newsletter-btn-box {
        padding-top: 0;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding-left: 30px
    }
}

.popup-newsletter-input .wrap-newsletter-input {
    padding-bottom: 25px
}

@media (min-width: 1024px) {
    .popup-newsletter-input {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .popup-newsletter-input .wrap-newsletter-input {
        padding: 0 30px 35px
    }
}

@media (min-width: 1280px) {
    .popup-newsletter-input .wrap-newsletter-input {
        padding: 0 30px 40px
    }
}

.newsletter-must {
    padding-left: 8px;
    padding-bottom: 10px
}

.newsletter-check {
    padding-bottom: 10px
}

.popup-login {
    width: 275px;
    margin: 0 auto
}

.login-box {
    display: none
}

.login-box.active {
    display: block
}

.login-header .wrap-login-header {
    padding-bottom: 50px
}

.login-header .wrap-login-header .login-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .15em;
    line-height: 125%
}

.login-header .wrap-login-header .login-header-subtitle {
    display: none
}

@media (min-width: 540px) {
    .login-header .wrap-login-header .login-header-title {
        font-size: 24px;
        letter-spacing: .1em
    }

    .login-header .wrap-login-header .login-header-subtitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .2em;
        line-height: 146.1538461538%;
        padding-top: 12px
    }
}

.login-inputs .popup-login-input .wrap-login-input {
    padding-bottom: 25px
}

.popup-login-btn {
    text-align: center
}

.popup-login-btn .btn-corp .btn-corp-text {
    min-width: 200px;
    font-size: 15px;
    padding: 15px 0
}

.login-nav .wrap-login-nav {
    font-size: 0;
    text-align: center;
    padding-top: 30px
}

.login-nav-element {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333333%;
    cursor: pointer
}

.login-nav-element.active .wrap-nav-element .login-nav-text {
    color: #766f6b
}

.login-nav-element.active .wrap-nav-element .login-nav-text:before {
    width: 100%
}

.login-nav-element.info {
    width: 66.66%;
    pointer-events: none
}

.login-nav-element.info .wrap-nav-element {
    padding: 0;
    text-align: right
}

.login-nav-element .wrap-nav-element {
    padding: 0 10px
}

.login-nav-element .wrap-nav-element .login-nav-text {
    position: relative;
    display: inline-block;
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(118, 111, 107, .6);
    letter-spacing: .05em;
    padding: 6px 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.login-nav-element .wrap-nav-element .login-nav-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #766f6b;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .login-nav-element:hover .wrap-nav-element .login-nav-text, .login-nav-element:focus .wrap-nav-element .login-nav-text {
        color: #766f6b
    }

    .login-nav-element:hover .wrap-nav-element .login-nav-text:before, .login-nav-element:focus .wrap-nav-element .login-nav-text:before {
        width: 100%
    }
}

.intro-module .wrap-intro-module {
    padding-top: 30px
}

@media (min-width: 540px) {
    .intro-module .wrap-intro-module {
        padding-top: 30px
    }
}

@media (min-width: 1024px) {
    .intro-module .wrap-intro-module {
        padding-top: 30px
    }
}

@media (min-width: 1680px) {
    .intro-module .wrap-intro-module {
        padding-top: 30px
    }
}

@media (min-width: 1800px) {
    .intro-module .wrap-intro-module {
        padding-top: 30px
    }
}

.intro-info .wrap-intro-info .intro-info-pretitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-bottom: 30px
}

@media (min-width: 540px) {
    .intro-info .wrap-intro-info .intro-info-pretitle {
        font-size: 18px;
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .intro-info .wrap-intro-info .intro-info-pretitle {
        letter-spacing: .15em
    }
}

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

.intro-info-header .intro-header-title {
    font-family: "Linotype", sans-serif;
    font-size: 50px;
    font-weight: 500;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 110%;
    padding-bottom: 10px
}

.intro-info-header .intro-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 150%;
    padding-bottom: 20px
}

@media (min-width: 540px) {
    .intro-info-header .intro-header-title {
        font-size: 75px;
        line-height: 113.3333333333%
    }

    .intro-info-header .intro-header-subtitle {
        font-size: 20px;
        line-height: 140%;
        padding-bottom: 30px
    }
}

@media (min-width: 768px) {
    .intro-info-header .intro-header-title {
        font-size: 85px
    }
}

@media (min-width: 1024px) {
    .intro-info-header .intro-header-title {
        font-size: 98px;
        letter-spacing: .04em;
        padding-bottom: 30px
    }

    .intro-info-header .intro-header-subtitle {
        padding-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .intro-info-header {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-right: 40px
    }

    .intro-info-header .intro-header-title {
        font-size: 90px;
        line-height: 113.3333333333%;
        letter-spacing: .015em
    }

    .intro-info-header .intro-header-subtitle {
        font-size: 18px;
        letter-spacing: .1em;
        padding-bottom: 0
    }
}

@media (min-width: 1366px) {
    .intro-info-header {
        padding-right: 50px;
    }
}

@media (min-width: 1680px) {
    .intro-info-header {
        padding-right: 40px
    }

    .intro-info-header .intro-header-title {
        font-size: 100px;
        letter-spacing: .04em
    }

    .intro-info-header .intro-header-subtitle {
        font-size: 20px;
        letter-spacing: .12em
    }
}

.intro-info-content .intro-content-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #444;
    letter-spacing: .01em;
    line-height: 159.0909090909%
}

@media (min-width: 540px) {
    .intro-info-content .intro-content-text {
        font-size: 20px
    }
}

@media (min-width: 768px) {
    .intro-info-content .intro-content-text {
        font-size: 22px
    }
}

@media (min-width: 1024px) {
    .intro-info-content .intro-content-text {
        font-size: 22px
    }
}

@media (min-width: 1280px) {
    .intro-info-content {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-left: 40px
    }
}

@media (min-width: 1366px) {
    .intro-info-content {
        padding-left: 50px
    }
}

@media (min-width: 1680px) {
    .intro-info-content {
        padding-left: 40px
    }

    .intro-info-content .intro-content-text {
        font-size: 22px;
        letter-spacing: .035em;
        line-height: 158.3333333333%
    }
}

.show-moreinfo .intro-moreinfo {
    height: auto
}

.show-moreinfo .intro-footer .wrap-intro-footer .intro-footer-btn:after {
    content: none
}

.show-moreinfo .intro-footer .wrap-intro-footer .btn-show {
    display: none
}

.show-moreinfo .intro-footer .wrap-intro-footer .btn-hidden {
    display: inline-block
}

.intro-moreinfo {
    overflow: hidden;
    height: 0
}

.intro-moreinfo .wrap-intro-moreinfo {
    padding-top: 40px
}

@media (min-width: 540px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        padding-top: 50px
    }
}

@media (min-width: 768px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        padding-top: 60px
    }
}

@media (min-width: 1024px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        padding-top: 70px
    }
}

@media (min-width: 1280px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        padding-top: 50px;
        font-size: 0
    }
}

@media (min-width: 1366px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        margin: 0 -35px
    }
}

@media (min-width: 1680px) {
    .intro-moreinfo .wrap-intro-moreinfo {
        padding-top: 80px;
        margin: 0 -50px
    }
}

.intro-moreinfo-element .wrap-moreinfo-element {
    padding: 40px 0;
    border-top: 1px solid #d0ccca
}

.intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-title {
    font-family: "Brandon",sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    line-height: 140%;
    letter-spacing: .12em;
    padding-bottom: 15px
}

.intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%
}

@media (min-width: 540px) {
    .intro-moreinfo-element .wrap-moreinfo-element {
        padding: 50px 0
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-text {
        font-size: 19px;
        line-height: 157.8947368421%
    }
}

@media (min-width: 768px) {
    .intro-moreinfo-element .wrap-moreinfo-element {
        padding: 60px 0
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-text {
        font-size: 20px
    }
}

@media (min-width: 1280px) {
    .intro-moreinfo-element {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-title {
        font-size: 18px
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-text {
        font-size: 18px
    }
}

@media (min-width: 1280px)and (max-width: 1365px) {
    .intro-moreinfo-element:nth-child(odd) .wrap-moreinfo-element {
        padding-right: 40px
    }

    .intro-moreinfo-element:nth-child(even) .wrap-moreinfo-element {
        padding-left: 40px
    }
}

@media (min-width: 1366px) {
    .intro-moreinfo-element {
        width: 33.33%
    }

    .intro-moreinfo-element .wrap-moreinfo-element {
        padding: 60px 35px
    }
}

@media (min-width: 1680px) {
    .intro-moreinfo-element .wrap-moreinfo-element {
        padding: 80px 50px
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-title {
        font-size: 20px;
        padding-bottom: 30px
    }

    .intro-moreinfo-element .wrap-moreinfo-element .moreinfo-element-text {
        font-size: 20px
    }
}

.intro-moreinfo-end .wrap-moreinfo-end {
    padding-top: 40px;
    border-top: 1px solid #d0ccca
}

.intro-moreinfo-end .wrap-moreinfo-end .moreinfo-end-text {
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #444;
    letter-spacing: .01em;
    line-height: 159.0909090909%
}

@media (min-width: 540px) {
    .intro-moreinfo-end .wrap-moreinfo-end {
        padding-top: 50px
    }

    .intro-moreinfo-end .wrap-moreinfo-end .moreinfo-end-text {
        font-size: 27px;
        letter-spacing: .035em
    }
}

@media (min-width: 768px) {
    .intro-moreinfo-end .wrap-moreinfo-end {
        padding-top: 60px
    }

    .intro-moreinfo-end .wrap-moreinfo-end .moreinfo-end-text {
        font-size: 30px
    }
}

@media (min-width: 1280px) {
    .intro-moreinfo-end .wrap-moreinfo-end .moreinfo-end-text {
        max-width: 50%
    }
}

@media (min-width: 1366px) {
    .intro-moreinfo-end {
        padding: 0 35px
    }
}

@media (min-width: 1680px) {
    .intro-moreinfo-end {
        padding: 0 50px
    }

    .intro-moreinfo-end .wrap-moreinfo-end .moreinfo-end-text {
        font-size: 36px;
        letter-spacing: .035em
    }
}

.intro-footer .wrap-intro-footer {
    position: relative;
    padding: 30px 0 90px;
    overflow: hidden
}

.intro-footer .wrap-intro-footer:after {

    position: absolute;
    left: 50%;

    transform: translateX(-50%) translateY(50%);
    font-family: "icomoon";
    font-size: 105px;
    color: rgba(118, 111, 107, .2)
}

.intro-footer .wrap-intro-footer .intro-footer-btn {
    position: relative
}

.intro-footer .wrap-intro-footer .intro-footer-btn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 1px;
    background-color: rgba(118, 111, 107, .5)
}

.intro-footer .wrap-intro-footer .btn-hidden {
    display: none
}

@media (min-width: 540px) {
    .intro-footer .wrap-intro-footer {
        padding: 50px 0 90px
    }

    .intro-footer .wrap-intro-footer:after {
        font-size: 140px
    }
}

@media (min-width: 768px) {
    .intro-footer .wrap-intro-footer {
        padding: 40px 0 110px
    }
}

@media (min-width: 1280px) {
    .intro-footer .wrap-intro-footer {
        padding: 0 0 16px;
        text-align: right
    }

    .intro-footer .wrap-intro-footer .intro-footer-btn {
        margin-right: 30px
    }
}

@media (min-width: 1680px) {
    .intro-footer .wrap-intro-footer {
        text-align: right
    }

    .intro-footer .wrap-intro-footer .intro-footer-btn {
        margin-right: 30px
    }
}

.galleries-module .wrap-galleries-module {
    position: relative;
    padding: 60px 0
}

@media (min-width: 540px) {
    .galleries-module .wrap-galleries-module {
        padding: 80px 0
    }
}

@media (min-width: 1280px) {
    .galleries-module.info-left .galleries-content-images {
        float: right
    }

    .galleries-module.info-left .galleries-content-info {
        float: left
    }

    .galleries-module.info-left .galleries-content-info .galleries-info-slider {
        padding-right: 60px
    }

    .galleries-module.info-left .galleries-info {
        left: calc(100% + 15px);
        padding-left: 20px;
        padding-bottom: 0
    }

    .galleries-module.info-left.banner-mod .info-slider-element .wrap-info-element {
        padding: 120px 0 70px 70px
    }
}

@media (min-width: 1280px)and (min-width: 1680px) {
    .galleries-module.info-left .galleries-content-info .galleries-info-slider {
        padding-right: 100px
    }

    .galleries-module.info-left .galleries-info {
        padding-left: 30px
    }
}

@media (min-width: 1280px)and (min-width: 1800px) {
    .galleries-module.info-left.banner-mod .info-slider-element .wrap-info-element {
        padding: 160px 0 100px 70px
    }
}

@media (min-width: 1280px) {
    .galleries-module.info-right .galleries-content-images {
        float: left
    }

    .galleries-module.info-right .galleries-content-info {
        float: right
    }

    .galleries-module.info-right .galleries-content-info .galleries-info-slider {
        padding-left: 60px
    }

    .galleries-module.info-right .galleries-info {
        right: calc(100% + 15px);
        padding-right: 20px;
        padding-bottom: 0
    }

    .galleries-module.info-right.banner-mod .info-slider-element .wrap-info-element {
        padding: 120px 70px 70px 0
    }
}

@media (min-width: 1280px)and (min-width: 1680px) {
    .galleries-module.info-right .galleries-content-info .galleries-info-slider {
        padding-left: 100px
    }

    .galleries-module.info-right .galleries-info {
        padding-right: 30px
    }
}

@media (min-width: 1280px)and (min-width: 1800px) {
    .galleries-module.info-right.banner-mod .info-slider-element .wrap-info-element {
        padding: 160px 70px 100px 0
    }
}

@media (min-width: 1280px) {
    .galleries-module.banner-mod .galleries-content .wrap-galleries-content {
        position: relative
    }

    .galleries-module.banner-mod .galleries-content-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .galleries-module.banner-mod .galleries-content-images .galleries-images-slider {
        height: 100%;
        width: 100%
    }

    .galleries-module.banner-mod .images-slider-element {
        height: 100%
    }

    .galleries-module.banner-mod .images-slider-element .wrap-images-element {
        padding-top: 0;
        height: 100%
    }

    .galleries-module.banner-mod .galleries-content-info {
        position: relative;
        z-index: 1;
        min-height: 540px
    }

    .galleries-module.banner-mod .galleries-content-info .galleries-info-slider {
        padding-left: 0;
        padding-right: 0
    }

    .galleries-module.banner-mod .info-slider-element .wrap-info-element .info-element-pretitle {
        display: none
    }

    .galleries-module.banner-mod .info-slider-element .wrap-info-element .info-element-btns {
        text-align: left
    }

    .galleries-module.banner-mod.banner-photo .info-slider-element .wrap-info-element .info-element-title, .galleries-module.banner-mod.banner-photo .info-slider-element .wrap-info-element .info-element-subtitle, .galleries-module.banner-mod.banner-photo .info-slider-element .wrap-info-element .info-element-text {
        color: #fff
    }

    .galleries-module.banner-mod.banner-photo .info-slider-element .wrap-info-element .info-element-btns .btn-more .btn-more-text {
        color: #fff
    }

    .galleries-module.banner-mod.banner-photo .info-slider-element .wrap-info-element .info-element-btns .btn-more .btn-more-text:after {
        color: #fff
    }
}

@media (min-width: 1280px)and (min-width: 1680px) {
    .galleries-module.banner-mod .galleries-content-info {
        min-height: 570px
    }
}

@media (min-width: 1280px)and (min-width: 1800px) {
    .galleries-module.banner-mod .galleries-content-info {
        min-height: 660px;
        width: 600px
    }
}

@media (min-width: 1280px) {
    .galleries-module.active-nav .wrap-galleries-module {
        padding-bottom: 120px
    }

    .galleries-module.active-nav .galleries-info {
        top: calc(50% - 20px)
    }
}

@media (max-width: 1279px) {
    .galleries-module.banner-mod .info-slider-element .wrap-info-element .info-element-btns {
        text-align: left
    }
}

.galleries-nav {
    display: none
}

@media (min-width: 1280px) {
    .galleries-nav {
        display: block;
        position: absolute;
        bottom: 50px;
        left: -75px;
        width: calc(100% + 150px);
        text-align: center
    }

    .galleries-nav.toright {
        left: auto;
        right: 0;
        width: calc(100% - 530px)
    }

    .galleries-nav.more-space .galleries-nav-element {
        width: 310px
    }

    .galleries-nav .galleries-nav-pointer {
        position: absolute;
        top: 100%;
        left: 0;
        width: 50px;
        height: 2px;
        background-color: #766f6b;
        opacity: 0;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform: translateX(-50%)
    }

    .galleries-nav .galleries-nav-pointer:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
        width: 7px;
        height: 7px;
        border: 2px solid #766f6b;
        background-color: #fff
    }

    .galleries-nav .wrap-galleries-nav {
        font-size: 0;
        padding: 0 24px
    }
}

@media (min-width: 1366px) {
    .galleries-nav {
        left: -85px;
        width: calc(100% + 170px)
    }

    .galleries-nav .wrap-galleries-nav {
        padding: 0 27px
    }
}

@media (min-width: 1680px) {
    .galleries-nav {
        left: -35px;
        width: calc(100% + 70px)
    }

    .galleries-nav.toright {
        width: calc(100% - 705px)
    }

    .galleries-nav .wrap-galleries-nav {
        padding: 0
    }
}

@media (min-width: 1280px) {
    .galleries-nav-element {
        display: inline-block;
        vertical-align: top;
        cursor: pointer
    }

    .galleries-nav-element .wrap-nav-element {
        padding: 12px 22px
    }

    .galleries-nav-element .wrap-nav-element .nav-element-text {
        font-family: "Brandon",sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: rgba(118, 111, 107, .55);
        text-transform: uppercase;
        letter-spacing: .15em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .galleries-nav-element.active .wrap-nav-element .nav-element-text {
        color: #766f6b
    }
}

@media (min-width: 1280px) {
    .galleries-nav-element:hover .wrap-nav-element .nav-element-text, .galleries-nav-element:focus .wrap-nav-element .nav-element-text {
        color: #766f6b
    }
}

@media (min-width: 1366px) {
    .galleries-nav-element .wrap-nav-element {
        padding: 12px 27px
    }
}

@media (min-width: 1680px) {
    .galleries-nav-element .wrap-nav-element {
        padding: 12px 35px
    }

    .galleries-nav-element .wrap-nav-element .nav-element-text {
        font-size: 13px;
        letter-spacing: .2em
    }
}

.galleries-header {
    display: none
}

@media (min-width: 1024px) {
    .galleries-header {
        display: block
    }

    .galleries-header .wrap-galleries-header {
        position: relative;
        padding-bottom: 10px
    }

    .galleries-header .wrap-galleries-header .galleries-header-title {
        font-family: "Brandon",sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #444;
        text-transform: uppercase;
        letter-spacing: .15em;
        line-height: 122.2222222222%
    }

    .galleries-header .wrap-galleries-header .galleries-header-subtitle {
        display: none
    }

    .galleries-header .wrap-galleries-header .galleries-header-breadcrumbs {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(100%)
    }
}

@media (min-width: 1280px) {
    .galleries-header .wrap-galleries-header {
        padding-bottom: 40px;
        font-size: 0
    }

    .galleries-header .wrap-galleries-header .galleries-header-title {
        display: inline-block;
        vertical-align: baseline;
        font-size: 16px;
        letter-spacing: .1em
    }

    .galleries-header .wrap-galleries-header .galleries-header-subtitle {
        display: inline-block;
        vertical-align: baseline;
        font-family: "Brandon",sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 122.2222222222%
    }

    .galleries-header .wrap-galleries-header .galleries-header-subtitle:before {
        content: "";
        display: inline-block;
        vertical-align: baseline;
        width: 2px;
        height: 10px;
        background-color: #9f9c9a;
        margin: 0 20px
    }

    .galleries-header .wrap-galleries-header .galleries-header-breadcrumbs {
        transform: none
    }
}

.galleries-info {
    font-size: 0;
    padding-bottom: 30px
}

.galleries-info .galleries-info-title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
    padding-right: 15px;
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em
}

.galleries-info .galleries-info-counter {
    display: inline-block;
    vertical-align: middle;
    width: 30px
}

@media (min-width: 540px) {
    .galleries-info .galleries-info-title {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .galleries-info .galleries-info-title {
        letter-spacing: .15em
    }
}

@media (min-width: 1280px) {
    .galleries-info {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .galleries-info.header-spacer {
        padding-top: 50px
    }

    .galleries-info .galleries-info-title {
        display: none
    }
}

@media (min-width: 1280px) {
    .galleries-content .wrap-galleries-content:before, .galleries-content .wrap-galleries-content:after {
        content: "";
        display: block;
        clear: both
    }
}

.galleries-content-images .galleries-images-slider .slick-btn {
    position: absolute;
    z-index: 2;
    top: 50%
}

.galleries-content-images .galleries-images-slider .slick-btn.slick-prev {
    left: 0;
    transform: translateY(-50%) translateX(-50%)
}

.galleries-content-images .galleries-images-slider .slick-btn.slick-next {
    right: 0;
    transform: translateY(-50%) translateX(50%)
}

@media (min-width: 768px)and (max-width: 1279px) {
    .galleries-content-images .galleries-images-slider .slick-btn.slick-prev {
        left: -20px;
        transform: translateY(-50%) translateX(-100%)
    }

    .galleries-content-images .galleries-images-slider .slick-btn.slick-next {
        right: -20px;
        transform: translateY(-50%) translateX(100%)
    }
}

@media (min-width: 1280px) {
    .galleries-content-images {
        width: calc(100% - 530px)
    }
}

@media (min-width: 1680px) {
    .galleries-content-images {
        width: calc(100% - 705px)
    }
}

.images-slider-element .wrap-images-element {
    position: relative;
    padding-top: 66%
}

.images-slider-element .wrap-images-element .images-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: 1280px) {
    .images-slider-element .wrap-images-element {
        padding-top: 0;
        height: 540px
    }
}

@media (min-width: 1680px) {
    .images-slider-element .wrap-images-element {
        padding-top: 67%;
        height: auto
    }
}

@media (min-width: 1280px) {
    .galleries-content-info {
        width: 530px
    }
}

@media (min-width: 1680px) {
    .galleries-content-info {
        width: 705px
    }
}

.info-slider-element .wrap-info-element {
    padding-top: 15px
}

.info-slider-element .wrap-info-element .info-element-pretitle {
    display: none
}

.info-slider-element .wrap-info-element .info-element-title {
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 127.2727272727%;
    padding-bottom: 10px;
    word-break: break-word
}

.info-slider-element .wrap-info-element .info-element-subtitle {
    display: none
}

.info-slider-element .wrap-info-element .info-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%
}

.info-slider-element .wrap-info-element .info-element-btns {
    padding-top: 20px;
    text-align: left
}

.info-slider-element .wrap-info-element .info-element-btns.align-left {
    text-align: left
}

.info-slider-element .wrap-info-element .info-element-btns .btn-corp {
    display: block
}

.info-slider-element .wrap-info-element .info-element-btns .btn-corp:nth-child(2) {
    margin-top: 15px
}

@media (min-width: 540px) {
    .info-slider-element .wrap-info-element {
        padding-top: 20px
    }

    .info-slider-element .wrap-info-element .info-element-title {
        font-size: 26px;
        letter-spacing: .1em
    }

    .info-slider-element .wrap-info-element .info-element-text {
        font-size: 19px;
        line-height: 157.8947368421%
    }

    .info-slider-element .wrap-info-element .info-element-btns {
        font-size: 0;
        padding-top: 25px
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-more {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        text-align: left
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-more .btn-more-text:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15px;
        height: 2px;
        background-color: #d0ccca
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-corp {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-corp:nth-child(2) {
        margin-top: 0
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-corp .btn-corp-text {
        min-width: initial
    }
}

@media (min-width: 768px) {
    .info-slider-element .wrap-info-element {
        padding: 35px 20px 0
    }

    .info-slider-element .wrap-info-element .info-element-title {
        letter-spacing: .12em;
        padding-bottom: 20px
    }

    .info-slider-element .wrap-info-element .info-element-text {
        font-size: 20px;
        letter-spacing: .035em
    }
}

@media (min-width: 1280px) {
    .info-slider-element .wrap-info-element {
        padding: 0
    }

    .info-slider-element .wrap-info-element .info-element-pretitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: #9f9c9a;
        padding-bottom: 60px
    }

    .info-slider-element .wrap-info-element .info-element-title {
        font-family: "Linotype",sans-serif;
        font-size: 50px;
        font-weight: 500;
        letter-spacing: .02em;
        color: #444;
        padding-bottom: 10px
    }

    .info-slider-element .wrap-info-element .info-element-title.bigger {
        font-size: 70px;
        letter-spacing: .03em;
        line-height: 100%
    }

    .info-slider-element .wrap-info-element .info-element-subtitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 122.2222222222%;
        padding-bottom: 25px
    }

    .info-slider-element .wrap-info-element .info-element-text {
        font-size: 20px
    }

    .info-slider-element .wrap-info-element .info-element-btns {
        padding-top: 35px
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-more .btn-more-text:before {
        content: none
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-corp .btn-corp-text {
        display: inline-block;
        min-width: 220px
    }
}

@media (min-width: 1680px) {
    .info-slider-element .wrap-info-element .info-element-pretitle {
        font-size: 16px;
        padding-bottom: 70px
    }

    .info-slider-element .wrap-info-element .info-element-title {
        font-size: 60px;
        letter-spacing: .03em;
        line-height: 116.6666666667%;
        padding-bottom: 15px
    }

    .info-slider-element .wrap-info-element .info-element-title.bigger {
        font-size: 80px
    }

    .info-slider-element .wrap-info-element .info-element-subtitle {
        font-size: 20px;
        letter-spacing: .12em;
        padding-bottom: 35px
    }

    .info-slider-element .wrap-info-element .info-element-text {
        font-size: 20px
    }

    .info-slider-element .wrap-info-element .info-element-btns {
        padding-top: 40px
    }

    .info-slider-element .wrap-info-element .info-element-btns .btn-corp .btn-corp-text {
        min-width: 250px
    }
}

@media (min-width: 1800px) {
    .info-slider-element .wrap-info-element .info-element-pretitle {
        padding-bottom: 80px
    }
}

@media (max-width: 1279px) {
    .info-slider-element.resp-title-off .wrap-info-element .info-element-title {
        display: none
    }

    .info-slider-element.resp-title-off .wrap-info-element .info-element-subtitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .12em;
        line-height: 135%;
        padding-bottom: 25px
    }
}

@media (max-width: 767px) {
    .info-slider-element.resp-title-off .wrap-info-element .info-element-subtitle {
        font-size: 18px;
        letter-spacing: .05em;
        line-height: 155.5555555556%;
        padding-bottom: 10px
    }
}

.banner-module .wrap-banner-module {
    padding: 50px 0
}

@media (min-width: 540px) {
    .banner-module .wrap-banner-module {
        padding: 70px 0
    }
}

@media (min-width: 768px) {
    .banner-module .wrap-banner-module {
        padding: 90px 0
    }
}

@media (min-width: 1280px) {
    .banner-module {
        padding: 100px 0
    }

    .banner-module .wrap-banner-module {
        padding: 0;
        position: relative
    }

    .banner-module.video-active .banner-module-gallery .wrap-banner-gallery .banner-gallery-image {
        display: none
    }

    .banner-module.video-active .banner-module-gallery .wrap-banner-gallery .banner-gallery-video {
        display: block
    }
}

.banner-module-header {
    padding-bottom: 30px
}

.banner-module-header .banner-header-option .banner-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 127.2727272727%;
    padding-bottom: 20px
}

.banner-module-header .banner-header-option .banner-header-text2 {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%
}

.banner-module-header .banner-header-option .banner-header-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    /*text-transform: uppercase;*/
    letter-spacing: .12em;
    line-height: 133.3333333333%
}

.banner-module-header .banner-header-option .banner-header-sign {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    letter-spacing: .035em;
    padding-top: 15px
}

@media (min-width: 540px) {
    .banner-module-header .banner-header-option .banner-header-text {
        font-size: 20px;
        letter-spacing: .1em
    }
}

@media (min-width: 768px) {
    .banner-module-header {
        padding-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .banner-module-header {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 428px
    }

    .banner-module-header .banner-header-option {
        padding: 35px 0 0 50px
    }

    .banner-module-header .banner-header-option .banner-header-title {
        color: #fff;
        font-size: 18px;
        letter-spacing: .1em
    }

    .banner-module-header .banner-header-option .banner-header-text2 {
        color: #fff
    }

    .banner-module-header .banner-header-option .banner-header-text {
        color: #fff;
        font-size: 20px;
        letter-spacing: .1em
    }

    .banner-module-header .banner-header-option .banner-header-sign {
        color: #fff;
        padding-top: 25px
    }
}

@media (min-width: 1680px) {
    .banner-module-header {
        width: 360px
    }

    .banner-module-header .banner-header-option .banner-header-text {
        font-size: 18px;
        letter-spacing: .12em
    }

    .banner-module-header .banner-header-option .banner-header-title {
        font-size: 20px;
        padding-bottom: 25px
    }

    .banner-module-header .banner-header-option .banner-header-text2 {
        font-size: 20px;
        line-height: 160%
    }

    .banner-module-header .banner-header-option .banner-header-sign {
        padding-top: 30px
    }
}

.banner-module-gallery .wrap-banner-gallery {
    position: relative;
    padding-top: 66%;
    overflow: hidden
}

.banner-module-gallery .wrap-banner-gallery .banner-gallery-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-module-gallery .wrap-banner-gallery .banner-gallery-video {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    pointer-events: none
}

@media (min-width: 1280px) {
    .banner-module-gallery .wrap-banner-gallery {
        padding-top: 49%
    }
}

@media (min-width: 1366px) {
    .banner-module-gallery .wrap-banner-gallery {
        padding-top: 46%
    }
}

@media (min-width: 1680px) {
    .banner-module-gallery .wrap-banner-gallery {
        padding-top: 40%
    }
}

.banner-module-btns {
    padding-top: 15px;
    text-align: center
}

.banner-module-btns .btn-more .btn-more-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #d0ccca
}

@media (min-width: 768px) {
    .banner-module-btns {
        padding-top: 25px
    }
}

@media (min-width: 1280px) {
    .banner-module-btns {
        padding-top: 10px;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        width: 100%
    }

    .banner-module-btns .btn-more .btn-more-text:before {
        content: none
    }
}

.advantages-module .wrap-advantages-module {
    padding: 60px 0
}

@media (min-width: 540px) {
    .advantages-module .wrap-advantages-module {
        padding: 80px 0
    }
}

@media (min-width: 1680px) {
    .advantages-module .wrap-advantages-module {
        padding: 100px 0
    }
}

.show-advantages .advantages-content .wrap-advantages-content {
    height: auto !important
}

.show-advantages .advantages-btns .btn-show {
    display: none
}

.show-advantages .advantages-btns .btn-hide {
    display: inline-block
}

.advantages-header .wrap-advantages-header {
    padding-bottom: 40px
}

.advantages-header .wrap-advantages-header .advantages-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

.advantages-header .wrap-advantages-header .advantages-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%;
    padding-top: 10px
}

@media (min-width: 540px) {
    .advantages-header .wrap-advantages-header .advantages-header-title {
        font-size: 18px
    }

    .advantages-header .wrap-advantages-header .advantages-header-subtitle {
        font-size: 18px
    }
}

@media (min-width: 1280px) {
    .advantages-header .wrap-advantages-header {
        font-size: 0;
        padding-bottom: 50px
    }

    .advantages-header .wrap-advantages-header .advantages-header-title {
        display: inline-block;
        vertical-align: top;
        padding-right: 20px
    }

    .advantages-header .wrap-advantages-header .advantages-header-subtitle {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        padding-left: 20px
    }

    .advantages-header .wrap-advantages-header .advantages-header-subtitle:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        height: 10px;
        width: 2px;
        background-color: #9f9c9a
    }
}

.advantages-content .wrap-advantages-content {
    overflow: hidden
}

@media (min-width: 1024px) {
    .advantages-content .wrap-advantages-content {
        font-size: 0;
        margin: 0 -25px
    }
}

@media (min-width: 1280px) {
    .advantages-content .wrap-advantages-content {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1366px) {
    .advantages-content .wrap-advantages-content {
        font-size: 0;
        margin: 0 -30px
    }
}

@media (min-width: 1680px) {
    .advantages-content .wrap-advantages-content {
        font-size: 0;
        margin: 0 -50px
    }
}

.advantages-element .wrap-advantages-element {
    position: relative;
    padding: 40px 0;
    border-top: 1px solid #d0ccca;
    font-size: 0
}

.advantages-element:last-child .wrap-advantages-element {
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .advantages-element .wrap-advantages-element {
        padding: 40px 20px
    }
}

@media (min-width: 768px) {
    .advantages-element .wrap-advantages-element {
        padding: 45px 20px
    }
}

@media (min-width: 1280px) {
    .advantages-element {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        padding: 0 25px;
        display: flex
    }

    .advantages-element .wrap-advantages-element {
        padding: 40px 0;
        width: 100%;
        height: 100%
    }

    .advantages-element:nth-last-child(2) .wrap-advantages-element, .advantages-element:nth-last-child(3) .wrap-advantages-element {
        border-bottom: 1px solid #d0ccca
    }
}

@media (min-width: 1366px) {
    .advantages-element {
        padding: 0 30px
    }
}

@media (min-width: 1680px) {
    .advantages-element {
        padding: 0 50px
    }

    .advantages-element .wrap-advantages-element {
        padding: 45px 0
    }
}

.advantages-element-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 95px)
}

.advantages-element-info .wrap-advantages-info {
    padding-left: 12px
}

.advantages-element-info .wrap-advantages-info .advantages-info-text {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .01em;
}

.advantages-element-info .wrap-advantages-info .advantages-info-text:before {
    content: "";
    position: absolute;
    top: 6px;
    right: calc(100% + 6px);
    font-family: "icomoon";
    font-size: 6px;
    color: #9f9c9a
}

.advantages-element-info .wrap-advantages-info .advantages-info-subtext {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    letter-spacing: .035em;
    line-height: 137.5%;
    padding-top: 10px
}

@media (min-width: 540px) {
    .advantages-element-info .wrap-advantages-info .advantages-info-text {
        font-size: 22px;
        line-height: 127.2727272727%
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-text:before {
        top: 0
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-subtext {
        padding-top: 20px
    }
}

@media (min-width: 768px) {
    .advantages-element-info {
        width: calc(100% - 125px)
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-text {
        font-size: 27px;
        line-height: 133.3333333333%
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-subtext {
        font-size: 18px
    }
}

@media (min-width: 1280px) {
    .advantages-element-info {
        width: calc(100% - 105px)
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-text {
        font-size: 20px;
        line-height: 140%;
        letter-spacing: .015em
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-text:before {
        top: 0
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-subtext {
        font-size: 16px
    }
}

@media (min-width: 1680px) {
    .advantages-element-info {
        width: calc(100% - 125px)
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-text {
        font-size: 27px;
        line-height: 133.3333333333%
    }

    .advantages-element-info .wrap-advantages-info .advantages-info-subtext {
        font-size: 18px
    }
}

.advantages-element-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top
}

.advantages-element-icon .wrap-advantages-icon {
    position: relative;
    width: 95px;
    height: 140px
}

.advantages-element-icon .wrap-advantages-icon .advantages-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 39px;
    color: #444
}

@media (min-width: 540px) {
    .advantages-element-icon {
        right: 20px
    }
}

@media (min-width: 768px) {
    .advantages-element-icon .wrap-advantages-icon {
        width: 125px;
        height: 180px
    }

    .advantages-element-icon .wrap-advantages-icon .advantages-icon {
        font-size: 50px
    }
}

@media (min-width: 1280px) {
    .advantages-element-icon {
        right: 0
    }

    .advantages-element-icon .wrap-advantages-icon {
        width: 105px;
        height: 150px
    }

    .advantages-element-icon .wrap-advantages-icon .advantages-icon {
        font-size: 42px
    }
}

@media (min-width: 1680px) {
    .advantages-element-icon .wrap-advantages-icon {
        width: 125px;
        height: 180px
    }

    .advantages-element-icon .wrap-advantages-icon .advantages-icon {
        font-size: 50px
    }
}

.advantages-btns {
    text-align: center;
    padding-top: 25px
}

.advantages-btns .btn-hide {
    display: none
}

@media (min-width: 540px) {
    .advantages-btns {
        padding-top: 35px
    }
}

.promotions-module .wrap-promotions-module {
    padding-bottom: 60px
}

@media (min-width: 540px) {
    .promotions-module .wrap-promotions-module {
        padding-bottom: 80px
    }
}

@media (min-width: 768px) {
    .promotions-module .wrap-promotions-module {
        padding-bottom: 100px
    }
}

.promotions-header .wrap-promotions-header {
    position: relative;
    padding-bottom: 20px;
    padding-right: 40px
}

.promotions-header .wrap-promotions-header .promotions-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 125%;
    padding-bottom: 10px
}

.promotions-header .wrap-promotions-header .promotions-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 125%
}

.promotions-header .wrap-promotions-header .promotions-header-btn {
    display: none
}

.promotions-header .wrap-promotions-header .promotions-header-counter, .promotions-header .wrap-promotions-header .experiences-header-counter {
    position: absolute;
    bottom: 20px;
    right: 0
}

@media (min-width: 540px) {
    .promotions-header .wrap-promotions-header {
        padding-bottom: 35px
    }

    .promotions-header .wrap-promotions-header .promotions-header-title {
        font-size: 18px
    }

    .promotions-header .wrap-promotions-header .promotions-header-subtitle {
        font-size: 18px
    }

    .promotions-header .wrap-promotions-header .promotions-header-counter, .promotions-header .wrap-promotions-header .experiences-header-counter {
        bottom: 35px
    }
}

@media (min-width: 1280px) {
    .promotions-header .wrap-promotions-header {
        font-size: 0;
        padding-bottom: 50px
    }

    .promotions-header .wrap-promotions-header .promotions-header-btn {
        display: inline-block;
        position: absolute;
        bottom: 50px;
        right: 43px
    }

    .promotions-header .wrap-promotions-header .promotions-header-title {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 0
    }

    .promotions-header .wrap-promotions-header .promotions-header-subtitle {
        display: inline-block;
        vertical-align: middle
    }

    .promotions-header .wrap-promotions-header .promotions-header-subtitle:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 10px;
        background-color: #9f9c9a;
        margin: 0 20px 4px
    }

    .promotions-header .wrap-promotions-header .promotions-header-counter, .promotions-header .wrap-promotions-header .experiences-header-counter {
        display: none
    }
}

@media (min-width: 1680px) {
    .promotions-header .wrap-promotions-header {
        padding-bottom: 60px
    }
}

.promotions-slider.slider-off .promotion-btns .wrap-promotion-btns {
    padding-bottom: 40px
}

@media (min-width: 540px) {
    .promotions-slider.slider-off .promotion-btns .wrap-promotion-btns {
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {
    .promotions-slider.slider-off .promotion-btns .wrap-promotion-btns {
        padding-bottom: 60px
    }
}

@media (min-width: 1280px) {
    .promotions-slider.slider-off {
        margin: 0 -20px;
        font-size: 0
    }

    .promotions-slider.slider-off .promotions-element {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 20px 50px
    }

    .promotions-slider.slider-off .promotion-btns .wrap-promotion-btns {
        padding-bottom: 10px
    }
}

@media (min-width: 1680px) {
    .promotions-slider.slider-off {
        margin: 0 -50px
    }

    .promotions-slider.slider-off .promotions-element {
        padding: 0 50px 50px
    }
}

.promotions-content {
    position: relative
}

.promotions-content .promotions-slider .slick-btn.slick-next {
    position: absolute;
    z-index: 1;
    top: 107.5px;
    right: 0;
    transform: translateX(50%) translateY(-50%)
}

.promotions-content .promotions-slider .slick-btn.slick-prev {
    position: absolute;
    z-index: 1;
    top: 107.5px;
    left: 0;
    transform: translateX(-50%) translateY(-50%)
}

@media (min-width: 540px) {
    .promotions-content .promotions-slider .slick-btn.slick-next, .promotions-content .promotions-slider .slick-btn.slick-prev {
        top: 157.5px
    }
}

@media (min-width: 768px) {
    .promotions-content .promotions-slider .slick-btn.slick-next, .promotions-content .promotions-slider .slick-btn.slick-prev {
        top: 200px
    }

    .promotions-content .promotions-slider .slick-btn.slick-next {
        transform: translateX(100%) translateY(-50%);
        right: -20px
    }

    .promotions-content .promotions-slider .slick-btn.slick-prev {
        transform: translateX(-100%) translateY(-50%);
        left: -20px
    }
}

@media (min-width: 1280px) {
    .promotions-content {
        margin: 0 -20px;
        background-repeat: repeat-x;
        background-position: top right;
        background-size: 50% 67%
    }

    .promotions-content .promotions-slider .slick-btn.slick-next, .promotions-content .promotions-slider .slick-btn.slick-prev {
        top: 157.5px
    }

    .promotions-content .promotions-slider .slick-btn.slick-next {
        transform: translateX(100%) translateY(-50%);
        right: 0
    }

    .promotions-content .promotions-slider .slick-btn.slick-prev {
        transform: translateX(-100%) translateY(-50%);
        left: 0
    }
}

@media (min-width: 1680px) {
    .promotions-content {
        margin: 0 -50px
    }

    .promotions-content .promotions-slider .slick-btn.slick-next, .promotions-content .promotions-slider .slick-btn.slick-prev {
        top: 200px
    }

    .promotions-content .promotions-slider .slick-btn.slick-next {
        transform: translateX(50%) translateY(-50%)
    }

    .promotions-content .promotions-slider .slick-btn.slick-prev {
        transform: translateX(-50%) translateY(-50%)
    }
}

@media (min-width: 1280px) {
    .promotions-element {
        padding: 0 20px;
        background-color: #f3efec
    }

    .promotions-element .wrap-promotions-element:hover .promotion-btns .wrap-promotion-btns, .promotions-element .wrap-promotions-element:focus .promotion-btns .wrap-promotion-btns {
        transform: translateY(0)
    }
}

@media (min-width: 1680px) {
    .promotions-element {
        padding: 0 50px
    }
}

.promotion-img .wrap-img {
    position: relative;
    height: 215px;
    overflow: hidden
}

.promotion-img .wrap-img .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: 540px) {
    .promotion-img .wrap-img {
        height: 315px
    }
}

@media (min-width: 768px) {
    .promotion-img .wrap-img {
        height: 400px
    }
}

@media (min-width: 1280px) {
    .promotion-img .wrap-img {
        height: 315px
    }
}

@media (min-width: 1366px) {
    .promotion-img .wrap-img {
        height: 340px
    }
}

@media (min-width: 1680px) {
    .promotion-img .wrap-img {
        height: 400px
    }
}

.promotion-info .wrap-info {
    padding-top: 15px
}

@media (min-width: 540px) {
    .promotion-info .wrap-info {
        padding-top: 30px
    }
}

@media (min-width: 768px) {
    .promotion-info .wrap-info {
        padding: 30px 50px 0
    }
}

@media (min-width: 1280px) {
    .promotion-info .wrap-info {
        position: relative;
        padding: 25px 15px 0;
        font-size: 0
    }
}

@media (min-width: 1680px) {
    .promotion-info .wrap-info {
        position: relative;
        padding: 40px 25px 0
    }
}

.promotion-info-box .wrap-box {
    padding-bottom: 30px
}

.promotion-info-box .wrap-box .promotion-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%;
    padding-bottom: 10px
}

.promotion-info-box .wrap-box .promotion-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
    padding-bottom: 15px
}

@media (min-width: 540px) {
    .promotion-info-box .wrap-box .promotion-info-title {
        font-size: 22px;
        letter-spacing: .1em
    }

    .promotion-info-box .wrap-box .promotion-info-subtitle {
        font-size: 19px
    }
}

@media (min-width: 768px) {
    .promotion-info-box .wrap-box .promotion-info-title {
        font-size: 24px;
        padding-bottom: 15px
    }

    .promotion-info-box .wrap-box .promotion-info-subtitle {
        font-size: 20px;
        letter-spacing: .035em;
        padding-bottom: 20px
    }
}

@media (min-width: 1280px) {
    .promotion-info-box {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 180px)
    }

    .promotion-info-box .wrap-box .promotion-info-title {
        font-size: 21px
    }

    .promotion-info-box .wrap-box .promotion-info-subtitle {
        font-size: 18px;
        padding-bottom: 30px
    }
}

@media (min-width: 1680px) {
    .promotion-info-box {
        width: calc(100% - 215px)
    }

    .promotion-info-box .wrap-box .promotion-info-title {
        font-size: 20px
    }

    .promotion-info-box .wrap-box .promotion-info-subtitle {
        font-size: 20px;
        padding-bottom: 40px
    }
}

.experience-info-box .wrap-box {
    padding-bottom: 20px
}

.experience-info-box .wrap-box .experience-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%;
    padding-bottom: 15px
}

.experience-info-box .wrap-box .experience-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 128.5714285714%;
    padding-bottom: 10px
}

.experience-info-box .wrap-box .experience-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%
}

@media (min-width: 540px) {
    .experience-info-box .wrap-box .experience-info-title {
        font-size: 22px;
        letter-spacing: .1em;
        padding-bottom: 20px
    }

    .experience-info-box .wrap-box .experience-info-subtitle {
        padding-bottom: 20px
    }

    .experience-info-box .wrap-box .experience-info-text {
        font-size: 19px
    }
}

@media (min-width: 768px) {
    .experience-info-box .wrap-box .experience-info-title {
        font-size: 24px
    }

    .experience-info-box .wrap-box .experience-info-text {
        font-size: 20px
    }
}

@media (min-width: 1280px) {
    .experience-info-box .wrap-box .experience-info-title {
        font-size: 21px
    }

    .experience-info-box .wrap-box .experience-info-text {
        font-size: 18px
    }
}

@media (min-width: 1680px) {
    .experience-info-box .wrap-box .experience-info-subtitle {
        padding-bottom: 30px
    }

    .experience-info-box .wrap-box .experience-info-text {
        font-size: 20px
    }
}

.promotion-info-date {
    font-size: 0
}

.promotion-info-date .date-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em
}

.promotion-info-date .date-number {
    display: inline-block;
    vertical-align: middle;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em
}

.promotion-info-date .date-number:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 1px;
    background-color: #9f9c9a;
    margin: 0 10px
}

.promotion-price-box .wrap-box {
    padding: 20px 0;
    border-top: 1px solid #d0ccca;
    font-size: 0
}

.promotion-price-box .wrap-box .since-price {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em
}

@media (min-width: 768px) {
    .promotion-price-box .wrap-box {
        padding: 20px 0 30px
    }

    .promotion-price-box .wrap-box .since-price {
        width: calc(100% - 165px)
    }
}

@media (min-width: 1280px) {
    .promotion-price-box {
        display: inline-block;
        vertical-align: top;
        width: 180px
    }

    .promotion-price-box .wrap-box {
        position: relative;
        padding: 0 0 0 40px;
        border-top: none
    }

    .promotion-price-box .wrap-box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 85px;
        background-color: #d0ccca
    }

    .promotion-price-box .wrap-box .since-price {
        width: 100%;
        display: block;
        padding-bottom: 5px
    }
}

@media (min-width: 1680px) {
    .promotion-price-box {
        width: 215px
    }

    .promotion-price-box .wrap-box {
        padding: 0 0 0 50px
    }
}

.price-field {
    display: inline-block;
    vertical-align: middle;
    width: 140px
}

.price-field .price {
    display: inline-block;
    vertical-align: bottom;
    font-family: "Brandon",sans-serif;
    font-size: 57px;
    font-weight: 300;
    color: #444;
    letter-spacing: .03em
}

.price-field .coin {
    display: inline-block;
    vertical-align: bottom;
    font-family: "Brandon",sans-serif;
    font-size: 47px;
    font-weight: 300;
    color: #444;
    letter-spacing: .03em;
    padding-left: 10px
}

@media (min-width: 768px) {
    .price-field {
        width: 165px
    }

    .price-field .price {
        font-size: 70px
    }

    .price-field .coin {
        font-size: 55px
    }
}

@media (min-width: 1280px) {
    .price-field {
        display: block;
        width: 100%
    }

    .price-field .price {
        font-size: 57px
    }

    .price-field .coin {
        font-size: 47px
    }
}

@media (min-width: 1680px) {
    .price-field .price {
        font-size: 70px
    }

    .price-field .coin {
        font-size: 55px
    }
}

.promotion-btns.align-left .wrap-promotion-btns {
    text-align: left
}

.promotion-btns .wrap-promotion-btns {
    padding-bottom: 30px;
    font-size: 0;
    text-align: center
}

.promotion-btns .wrap-promotion-btns .btn-corp {
    display: block;
    margin-top: 12px
}

@media (min-width: 540px) {
    .promotion-btns .wrap-promotion-btns {
        text-align: left
    }

    .promotion-btns .wrap-promotion-btns .btn-more {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 220px)
    }

    .promotion-btns .wrap-promotion-btns .btn-corp {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        width: 220px
    }

    .promotion-btns .wrap-promotion-btns .btn-corp .btn-corp-text {
        min-width: 100%
    }
}

@media (min-width: 768px) {
    .promotion-btns .wrap-promotion-btns {
        padding-bottom: 50px
    }
}

@media (min-width: 1280px) {
    .promotion-btns {
        position: absolute;
        width: 100%;
        bottom: 100%;
        left: 0;
        overflow: hidden
    }

    .promotion-btns.align-left .wrap-promotion-btns .btn-more {
        width: auto
    }

    .promotion-btns .wrap-promotion-btns {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        transform: translateY(100%);
        background-color: rgba(0, 0, 0, .3);
        padding: 10px 30px
    }

    .promotion-btns .wrap-promotion-btns .btn-more {
        width: calc(100% - 200px)
    }

    .promotion-btns .wrap-promotion-btns .btn-more .btn-more-text {
        color: #fff
    }

    .promotion-btns .wrap-promotion-btns .btn-more .btn-more-text:after {
        color: #fff
    }

    .promotion-btns .wrap-promotion-btns .btn-corp {
        width: 200px
    }

    .promotion-btns .wrap-promotion-btns .btn-corp .btn-corp-text {
        color: #fff;
        border-color: #fff
    }

    .promotion-btns .wrap-promotion-btns .btn-corp .btn-corp-text:after {
        background-color: #fff
    }

    .promotion-btns .wrap-promotion-btns .btn-corp:hover .btn-corp-text, .promotion-btns .wrap-promotion-btns .btn-corp:focus .btn-corp-text {
        border-color: rgba(0, 0, 0, 0);
        color: #766f6b
    }
}

@media (max-width: 539px) {
    .promotion-btns .wrap-promotion-btns .btn-more .btn-more-text:before {
        content: none
    }
}

.promotions-content-btns {
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid #d0ccca
}

@media (min-width: 768px) {
    .promotions-content-btns {
        padding-top: 35px
    }
}

@media (min-width: 1280px) {
    .promotions-content-btns {
        display: none
    }
}

@media (max-width: 539px) {
    .promotions-content-btns .btn-more .btn-more-text {
        font-size: 14px;
        letter-spacing: .1em
    }

    .promotions-content-btns .btn-more .btn-more-text:after {
        padding-left: 15px
    }
}

@media (max-width: 374px) {
    .promotions-content-btns .btn-more .btn-more-text {
        font-size: 13px;
        letter-spacing: .05em
    }
}

.agenda-module .wrap-agenda-module {
    position: relative;
    padding: 45px 0
}

.agenda-module .wrap-agenda-module .agenda-pretitle {
    position: absolute;
    top: 50px;
    right: 0;
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media (min-width: 540px) {
    .agenda-module .wrap-agenda-module {
        padding: 60px 0
    }

    .agenda-module .wrap-agenda-module .agenda-pretitle {
        font-size: 15px;
        top: 65px
    }
}

@media (min-width: 768px)and (max-width: 1279px) {
    .agenda-module .wrap-agenda-module .agenda-pretitle {
        right: 20px
    }
}

@media (min-width: 1280px) {
    .agenda-module .wrap-agenda-module {
        padding: 120px 0 80px
    }

    .agenda-module .wrap-agenda-module .agenda-pretitle {
        right: auto;
        left: 0;
        font-size: 15px;
        top: 50px
    }
}

.agenda-header .wrap-agenda-header .agenda-header-title {
    font-family: "Linotype", sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    padding-bottom: 5px
}

.agenda-header .wrap-agenda-header .agenda-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (min-width: 540px) {
    .agenda-header .wrap-agenda-header .agenda-header-title {
        font-size: 50px
    }

    .agenda-header .wrap-agenda-header .agenda-header-subtitle {
        font-size: 18px
    }
}

@media (min-width: 768px)and (max-width: 1279px) {
    .agenda-header .wrap-agenda-header {
        padding: 0 20px
    }
}

@media (min-width: 1280px) {
    .agenda-header {
        position: absolute;
        left: 10px;
        bottom: 115px;
        transform: rotate(-90deg);
        transform-origin: left;
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left
    }

    .agenda-header .wrap-agenda-header {
        font-size: 0
    }

    .agenda-header .wrap-agenda-header .agenda-header-title {
        display: inline-block;
        vertical-align: baseline;
        font-size: 55px;
        padding-bottom: 0;
        padding-right: 40px
    }

    .agenda-header .wrap-agenda-header .agenda-header-subtitle {
        display: inline-block;
        vertical-align: baseline
    }
}

@media (min-width: 1680px) {
    .agenda-header {
        left: 40px
    }

    .agenda-header .wrap-agenda-header .agenda-header-title {
        display: block;
        font-size: 90px;
        padding-bottom: 15px;
        padding-right: 0
    }

    .agenda-header .wrap-agenda-header .agenda-header-subtitle {
        display: block;
        font-size: 20px;
        letter-spacing: .12em
    }
}

@media (min-width: 1280px) {
    .agenda-content .agenda-list {
        font-size: 0;
        padding-left: 100px;
        margin: 0 -25px
    }
}

@media (min-width: 1680px) {
    .agenda-content .agenda-list {
        font-size: 0;
        padding-left: 200px;
        margin: 0 -35px
    }
}

.agenda-element .wrap-agenda-element {
    padding: 35px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 768px)and (max-width: 1279px) {
    .agenda-element .wrap-agenda-element {
        padding: 55px 0
    }
}

@media (min-width: 1280px) {
    .agenda-element {
        display: inline-block;
        vertical-align: top;
        width: 33.33%;
        padding: 0 25px
    }

    .agenda-element:nth-child(1) .wrap-agenda-element, .agenda-element:nth-child(3) .wrap-agenda-element {
        position: relative;
        padding-top: 340px
    }

    .agenda-element:nth-child(1) .wrap-agenda-element:hover .agenda-info-btns .wrap-btns, .agenda-element:nth-child(1) .wrap-agenda-element:focus .agenda-info-btns .wrap-btns, .agenda-element:nth-child(3) .wrap-agenda-element:hover .agenda-info-btns .wrap-btns, .agenda-element:nth-child(3) .wrap-agenda-element:focus .agenda-info-btns .wrap-btns {
        transform: translateY(0)
    }

    .agenda-element:nth-child(1) .agenda-element-info, .agenda-element:nth-child(3) .agenda-element-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 340px
    }

    .agenda-element:nth-child(1) .agenda-element-info .wrap-agenda-info, .agenda-element:nth-child(3) .agenda-element-info .wrap-agenda-info {
        padding-bottom: 50px
    }

    .agenda-element:nth-child(1) .agenda-info-btns, .agenda-element:nth-child(3) .agenda-info-btns {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .agenda-element:nth-child(1) .agenda-info-btns .wrap-btns, .agenda-element:nth-child(3) .agenda-info-btns .wrap-btns {
        transform: translateY(-100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: rgba(0, 0, 0, .3);
        padding: 10px 25px
    }

    .agenda-element:nth-child(1) .agenda-info-btns .wrap-btns .btn-more, .agenda-element:nth-child(3) .agenda-info-btns .wrap-btns .btn-more {
        width: calc(100% - 50px)
    }

    .agenda-element:nth-child(1) .agenda-info-btns .wrap-btns .btn-more .btn-more-text, .agenda-element:nth-child(3) .agenda-info-btns .wrap-btns .btn-more .btn-more-text {
        color: #fff;
        width: 100%
    }

    .agenda-element:nth-child(1) .agenda-info-btns .wrap-btns .btn-more .btn-more-text:after, .agenda-element:nth-child(3) .agenda-info-btns .wrap-btns .btn-more .btn-more-text:after {
        color: #fff
    }

    .agenda-element:nth-child(2) .wrap-agenda-element {
        position: relative;
        padding-bottom: 340px
    }

    .agenda-element:nth-child(2) .wrap-agenda-element:hover .agenda-info-btns .wrap-btns, .agenda-element:nth-child(2) .wrap-agenda-element:focus .agenda-info-btns .wrap-btns {
        transform: translateY(0)
    }

    .agenda-element:nth-child(2) .agenda-element-info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 340px
    }

    .agenda-element:nth-child(2) .agenda-element-info .wrap-agenda-info {
        padding-top: 70px
    }

    .agenda-element:nth-child(2) .agenda-info-btns {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .agenda-element:nth-child(2) .agenda-info-btns .wrap-btns {
        transform: translateY(100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: rgba(0, 0, 0, .3);
        padding: 10px 25px
    }

    .agenda-element:nth-child(2) .agenda-info-btns .wrap-btns .btn-more {
        width: calc(100% - 50px)
    }

    .agenda-element:nth-child(2) .agenda-info-btns .wrap-btns .btn-more .btn-more-text {
        color: #fff;
        width: 100%
    }

    .agenda-element:nth-child(2) .agenda-info-btns .wrap-btns .btn-more .btn-more-text:after {
        color: #fff
    }

    .agenda-element .wrap-agenda-element {
        padding: 0;
        border-bottom: none
    }
}

@media (min-width: 1680px) {
    .agenda-element {
        padding: 0 35px
    }
}

.agenda-element-img .wrap-agenda-img {
    position: relative;
    padding-top: 66%
}

.agenda-element-img .wrap-agenda-img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 1280px) {
    .agenda-element-img .wrap-agenda-img {
        padding-top: 94%
    }
}

.agenda-element-info .wrap-agenda-info {
    padding-top: 15px
}

.agenda-element-info .wrap-agenda-info .agenda-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%;
    padding-bottom: 15px
}

.agenda-element-info .wrap-agenda-info .agenda-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding-bottom: 10px
}

.agenda-element-info .wrap-agenda-info .agenda-info-date {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em
}

.agenda-element-info .wrap-agenda-info .agenda-info-date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-family: "icomoon";
    font-size: 6px;
    color: #444;
    padding-right: 8px;
    padding-bottom: 2px
}

.agenda-element-info .wrap-agenda-info .agenda-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
    padding-top: 15px
}

@media (min-width: 540px) {
    .agenda-element-info .wrap-agenda-info {
        padding-top: 30px
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-title {
        font-size: 22px;
        letter-spacing: .1em
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-subtitle {
        display: inline-block;
        vertical-align: top;
        padding-right: 35px;
        padding-bottom: 0
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-date {
        display: inline-block;
        vertical-align: top
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-text {
        font-size: 19px;
        line-height: 157.8947368421%
    }
}

@media (min-width: 768px)and (max-width: 1279px) {
    .agenda-element-info .wrap-agenda-info {
        padding: 30px 20px 0
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-title {
        font-size: 24px
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-text {
        font-size: 20px;
        letter-spacing: .035em;
        padding-top: 20px
    }
}

@media (min-width: 1280px) {
    .agenda-element-info .wrap-agenda-info {
        padding-top: 0
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-title {
        font-size: 21px
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-subtitle {
        display: block;
        padding-bottom: 8px
    }

    .agenda-element-info .wrap-agenda-info .agenda-info-text {
        font-size: 18px;
        line-height: 138.8888888889%
    }
}

@media (min-width: 1680px) {
    .agenda-element-info .wrap-agenda-info .agenda-info-text {
        font-size: 20px;
        line-height: 160%
    }
}

.agenda-info-btns .wrap-btns {
    padding-top: 15px;
    text-align: left
}

@media (min-width: 540px) {
    .agenda-info-btns .wrap-btns {
        padding-top: 20px
    }
}

.agenda-foot .wrap-agenda-foot {
    padding-top: 30px;
    text-align: center
}

@media (min-width: 540px) {
    .agenda-foot .wrap-agenda-foot {
        padding-top: 40px
    }
}

@media (min-width: 1280px) {
    .agenda-foot .wrap-agenda-foot {
        padding-top: 25px;
        padding-right: 47px;
        text-align: right
    }
}

@media (min-width: 1680px) {
    .agenda-foot .wrap-agenda-foot {
        padding-top: 40px
    }
}

@media (max-width: 539px) {
    .agenda-foot .wrap-agenda-foot .btn-more .btn-more-text {
        font-size: 14px;
        letter-spacing: .1em
    }

    .agenda-foot .wrap-agenda-foot .btn-more .btn-more-text:before {
        font-size: 18px;
        padding-left: 15px
    }
}

.newsletter-module {
    background-color: #ece8e5
}

.newsletter-module.background-white {
    background-color: #fbfbfd
}

.newsletter-module .wrap-newsletter-module {
    padding: 60px 0;
    text-align: center
}

@media (min-width: 1024px) {
    .newsletter-module .wrap-newsletter-module {
        font-size: 0
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .newsletter-module .big-wrapper {
        max-width: initial;
        padding: 0 80px
    }
}

@media (min-width: 1280px) {
    .newsletter-module .wrap-newsletter-module {
        max-width: 920px;
        margin: 0 auto
    }
}

@media (min-width: 1680px) {
    .newsletter-module .wrap-newsletter-module {
        max-width: 1330px
    }
}

.newsletter-module-graphic .wrap-newsletter-graphic {
    padding-bottom: 15px;
    text-align: center
}

.newsletter-module-graphic .wrap-newsletter-graphic .newsletter-graphic-icon {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #766f6b
}

.newsletter-module-graphic .wrap-newsletter-graphic .newsletter-graphic-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 14px;
    color: #766f6b
}

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

    .newsletter-module-graphic .wrap-newsletter-graphic {
        padding-bottom: 0
    }
}

.newsletter-module-info .wrap-newsletter-info {
    padding: 0 15px
}

.newsletter-module-info .wrap-newsletter-info .newsletter-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-bottom: 25px
}

.newsletter-module-info .wrap-newsletter-info .newsletter-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

@media (min-width: 1024px) {
    .newsletter-module-info {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 257px)
    }

    .newsletter-module-info .wrap-newsletter-info {
        padding: 0 40px;
        text-align: left
    }

    .newsletter-module-info .wrap-newsletter-info .newsletter-info-title {
        font-size: 16px;
        padding-bottom: 10px
    }
}

@media (min-width: 1680px) {
    .newsletter-module-info .wrap-newsletter-info {
        font-size: 0
    }

    .newsletter-module-info .wrap-newsletter-info .newsletter-info-title {
        padding-bottom: 0;
        display: inline-block;
        vertical-align: top;
        width: 135px;
        line-height: 137.5%
    }

    .newsletter-module-info .wrap-newsletter-info .newsletter-info-text {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 135px);
        padding-left: 20px
    }

    .newsletter-module-info .wrap-newsletter-info .newsletter-info-text:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 0;
        width: 2px;
        height: 10px;
        background-color: #9f9c9a
    }
}

@media (max-width: 1023px) {
    .newsletter-module-info {
        max-width: 450px;
        margin: 0 auto
    }
}

.newsletter-module-btns .wrap-newsletter-btns {
    padding-top: 30px
}

@media (min-width: 1024px) {
    .newsletter-module-btns {
        display: inline-block;
        vertical-align: middle;
        width: 215px
    }

    .newsletter-module-btns .wrap-newsletter-btns {
        padding-top: 0
    }

    .newsletter-module-btns .wrap-newsletter-btns .btn-corp .btn-corp-text {
        min-width: 215px
    }
}

.valorations-module .wrap-valorations-module {
    padding: 80px 0
}

@media (min-width: 540px) {
    .valorations-module .wrap-valorations-module {
        padding: 100px 0
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .valorations-module .big-wrapper {
        max-width: 770px
    }
}

@media (min-width: 1280px) {
    .valorations-module .wrap-valorations-module {
        padding: 100px 0;
        font-size: 0;
        margin: 0 -40px
    }
}

@media (min-width: 1680px) {
    .valorations-module .wrap-valorations-module {
        margin: 0 -50px
    }
}

.valorations-element .wrap-valorations-element {
    padding-bottom: 70px
}

.valorations-element:last-child .wrap-valorations-element {
    padding-bottom: 0
}

@media (min-width: 540px) {
    .valorations-element .wrap-valorations-element {
        padding-bottom: 80px
    }
}

@media (min-width: 768px) {
    .valorations-element .wrap-valorations-element {
        font-size: 0
    }
}

@media (min-width: 1280px) {
    .valorations-element {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .valorations-element .wrap-valorations-element {
        padding: 0 40px
    }
}

@media (min-width: 1680px) {
    .valorations-element .wrap-valorations-element {
        padding: 0 50px
    }
}

@media (max-width: 767px) {
    .valorations-element .wrap-valorations-element {
        position: relative;
        padding-top: 250px
    }
}

.valorations-element-info .wrap-valorations-info {
    padding-top: 25px;
    text-align: center
}

.valorations-element-info .wrap-valorations-info .valorations-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    line-height: 133.3333333333%;
    letter-spacing: .1em;
    padding-bottom: 20px
}

.valorations-element-info .wrap-valorations-info .valorations-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    line-height: 138.8888888889%;
    letter-spacing: .03em
}

.valorations-element-info .wrap-valorations-info .valorations-info-btn {
    margin-top: 15px
}

@media (min-width: 540px) {
    .valorations-element-info .wrap-valorations-info .valorations-info-text {
        font-size: 19px
    }
}

@media (min-width: 768px) {
    .valorations-element-info {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 250px)
    }

    .valorations-element-info .wrap-valorations-info {
        text-align: left;
        padding-right: 40px
    }

    .valorations-element-info .wrap-valorations-info .valorations-info-text {
        font-size: 20px
    }

    .valorations-element-info .wrap-valorations-info .valorations-info-btn {
        margin-top: 20px
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .valorations-element-info .wrap-valorations-info {
        padding-right: 50px
    }
}

@media (min-width: 1280px) {
    .valorations-element-info {
        width: calc(100% - 230px)
    }

    .valorations-element-info .wrap-valorations-info {
        padding-right: 15px
    }

    .valorations-element-info .wrap-valorations-info .valorations-info-title {
        letter-spacing: .12em;
        padding-bottom: 30px
    }

    .valorations-element-info .wrap-valorations-info .valorations-info-text {
        font-size: 18px;
        line-height: 166.6666666667%
    }
}

@media (min-width: 1366px) {
    .valorations-element-info .wrap-valorations-info {
        padding-right: 30px
    }
}

@media (min-width: 1680px) {
    .valorations-element-info {
        width: calc(100% - 250px)
    }

    .valorations-element-info .wrap-valorations-info {
        padding-right: 50px
    }
}

@media (max-width: 767px) {
    .valorations-element-info {
        max-width: 370px;
        margin: 0 auto
    }
}

.valorations-element-img {
    text-align: center
}

.valorations-element-img .wrap-valorations-img {
    position: relative;
    display: inline-block;
    height: 250px;
    width: 250px
}

.valorations-element-img .wrap-valorations-img .img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    height: auto;
    min-width: 1px;
    max-width: 100%
}

@media (min-width: 768px) {
    .valorations-element-img {
        display: inline-block;
        vertical-align: top;
        width: 250px
    }
}

@media (min-width: 1280px) {
    .valorations-element-img {
        width: 230px
    }
}

@media (min-width: 1680px) {
    .valorations-element-img {
        width: 250px
    }
}

@media (max-width: 767px) {
    .valorations-element-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center
    }
}

.products-module {
    background-color: #fbfafa
}

.products-module .wrap-products-module {
    padding: 60px 25px
}

@media (min-width: 540px) {
    .products-module .wrap-products-module {
        padding: 80px 40px
    }
}

@media (min-width: 768px) {
    .products-module {
        background-color: rgba(0, 0, 0, 0);
        padding: 0 50px 50px
    }

    .products-module.spacer {
        padding-top: 80px
    }

    .products-module .wrap-products-module {
        padding: 60px 90px;
        background-color: #fbfafa
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .products-module {
        padding: 0 0 50px
    }

    .products-module .big-wrapper {
        max-width: initial;
        padding: 0 80px
    }
}

@media (min-width: 1280px) {
    .products-module {
        padding: 0 0 50px
    }

    .products-module .wrap-products-module {
        padding: 60px 80px
    }
}

.products-header .wrap-products-header {
    position: relative;
    padding-right: 45px
}

.products-header .wrap-products-header .products-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

.products-header .wrap-products-header .products-header-counter {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .products-header {
        max-width: 420px;
        margin: 0 auto
    }
}

@media (min-width: 1280px) {
    .products-header .wrap-products-header {
        padding-right: 0
    }

    .products-header .wrap-products-header .products-header-counter {
        display: none
    }
}

.products-content {
    padding-top: 30px
}

.products-content .products-list .slick-btn {
    position: absolute;
    z-index: 2;
    top: calc(50% - 60px)
}

.products-content .products-list .slick-btn.slick-next {
    right: -5px;
    transform: translateY(-50%) translateX(100%)
}

.products-content .products-list .slick-btn.slick-prev {
    left: -5px;
    transform: translateY(-50%) translateX(-100%)
}

@media (min-width: 540px) {
    .products-content {
        padding-top: 40px
    }
}

@media (min-width: 768px) {
    .products-content {
        padding-top: 50px
    }

    .products-content .products-list .slick-btn.slick-next {
        right: -20px
    }

    .products-content .products-list .slick-btn.slick-prev {
        left: -20px
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .products-content {
        max-width: 420px;
        margin: 0 auto
    }
}

@media (min-width: 1280px) {
    .products-content {
        padding-top: 40px
    }

    .products-content .products-list {
        margin: 0 -25px
    }

    .products-content .products-list .slick-btn {
        top: calc(50% - 40px);
        width: 40px;
        height: 40px
    }

    .products-content .products-list .slick-btn:before {
        font-size: 16px
    }

    .products-content .products-list .slick-btn.slick-next {
        right: 15px
    }

    .products-content .products-list .slick-btn.slick-prev {
        left: 15px
    }
}

@media (min-width: 1680px) {
    .products-content .products-list {
        margin: 0 -45px
    }

    .products-content .products-list .slick-btn.slick-next {
        right: 25px
    }

    .products-content .products-list .slick-btn.slick-prev {
        left: 25px
    }
}

@media (min-width: 1280px) {
    .products-element {
        padding: 0 25px
    }
}

@media (min-width: 1680px) {
    .products-element {
        padding: 0 45px
    }
}

@media (min-width: 1280px) {
    .products-element .wrap-products-element:hover .products-element-info .wrap-products-info .products-info-title, .products-element .wrap-products-element:focus .products-element-info .wrap-products-info .products-info-title {
        color: #444
    }

    .products-element .wrap-products-element:hover .products-element-info .wrap-products-info .products-info-subtitle, .products-element .wrap-products-element:focus .products-element-info .wrap-products-info .products-info-subtitle {
        color: #9f9c9a
    }

    .products-element .wrap-products-element:hover .products-element-info .wrap-products-info .products-info-btns .wrap-btns, .products-element .wrap-products-element:focus .products-element-info .wrap-products-info .products-info-btns .wrap-btns {
        transform: translateY(0)
    }
}

.products-element-img .wrap-products-img .img {
    display: block;
    width: 100%;
    height: auto
}

.products-element-info .wrap-products-info {
    padding-top: 20px;
    min-height: 80px
}

.products-element-info .wrap-products-info .products-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    line-height: 141.1764705882%;
    letter-spacing: .05em;
    padding-bottom: 10px
}

.products-element-info .wrap-products-info .products-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    line-height: 142.8571428571%;
    letter-spacing: .06em
}

.products-element-info .wrap-products-info .products-info-btns .wrap-btns {
    padding-top: 15px
}

@media (min-width: 540px) {
    .products-element-info .wrap-products-info {
        padding-top: 35px
    }

    .products-element-info .wrap-products-info .products-info-title {
        font-size: 21px;
        letter-spacing: .1em
    }
}

@media (min-width: 768px) {
    .products-element-info .wrap-products-info {
        padding: 35px 20px 0
    }
}

@media (min-width: 1280px) {
    .products-element-info .wrap-products-info {
        position: relative;
        padding: 25px 0 0
    }

    .products-element-info .wrap-products-info .products-info-title {
        font-size: 19px;
        letter-spacing: .04em
    }

    .products-element-info .wrap-products-info .products-info-title {
        font-size: 19px;
        letter-spacing: .04em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .products-element-info .wrap-products-info .products-info-subtitle {
        letter-spacing: .05em;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .products-element-info .wrap-products-info .products-info-btns {
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        overflow: hidden
    }

    .products-element-info .wrap-products-info .products-info-btns .wrap-btns {
        transform: translateY(100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        background-color: rgba(0, 0, 0, .3);
        padding: 10px 25px
    }

    .products-element-info .wrap-products-info .products-info-btns .wrap-btns .btn-more {
        display: block;
        padding-right: 47px
    }

    .products-element-info .wrap-products-info .products-info-btns .wrap-btns .btn-more .btn-more-text {
        color: #fff;
        width: 100%
    }

    .products-element-info .wrap-products-info .products-info-btns .wrap-btns .btn-more .btn-more-text:after {
        color: #fff
    }
}

@media (min-width: 1680px) {
    .products-element-info .wrap-products-info .products-info-title {
        font-size: 21px
    }

    .products-element-info .wrap-products-info .products-info-subtitle {
        letter-spacing: .12em
    }
}

.devices-header {
    display: none
}

.devices-header .wrap-devices-header {
    position: relative
}

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

.devices-header-logo {
    padding: 12px 0;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #d0ccca
}

.devices-header-logo .logo {
    display: inline-block;
    width: 55px;
    height: auto
}

@media (max-width: 767px) {
    .devices-header-logo {
        padding: 9px 0
    }

    .devices-header-logo .logo {
        width: 50px
    }
}

@media (max-width: 539px) {
    .devices-header-logo {
        padding: 7px 0
    }

    .devices-header-logo .logo {
        width: 128px
    }
}

.devices-header-info {
    position: absolute;
    top: calc(100% + 55px);
    left: 0;
    width: 100%
}

.devices-header-info .devices-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .15em
}

@media (max-width: 767px) {
    .devices-header-info .devices-header-title {
        letter-spacing: .1em
    }
}

@media (max-width: 539px) {
    .devices-header-info {
        top: calc(100% + 40px)
    }

    .devices-header-info .devices-header-title {
        font-size: 16px
    }
}

.features-module .wrap-features-module {
    padding: 60px 0 0
}

@media (min-width: 540px) {
    .features-module .wrap-features-module {
        padding: 80px 0 0
    }
}

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

    .features-module .wrap-features-module {
        padding: 100px 0 0
    }
}

@media (min-width: 1280px) {
    .features-info {
        width: 450px;
        margin: 0 0 0 auto
    }

    .features-info .wrap-features-info {
        padding-top: 20px
    }
}

@media (min-width: 1680px) {
    .features-info {
        width: 570px
    }
}

.features-info-header .wrap-features-header {
    padding-bottom: 25px;
    border-bottom: 1px solid #d0ccca
}

.features-info-header .wrap-features-header .features-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

.features-info-header .wrap-features-header .features-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%;
    padding-top: 10px
}

@media (min-width: 540px)and (max-width: 1279px) {
    .features-info-header .wrap-features-header {
        padding-bottom: 40px
    }

    .features-info-header .wrap-features-header .features-header-title {
        font-size: 18px
    }

    .features-info-header .wrap-features-header .features-header-subtitle {
        font-size: 18px
    }
}

@media (min-width: 1280px) {
    .features-info-header .wrap-features-header {
        padding-bottom: 60px
    }
}

.features-list-element .wrap-features-element {
    padding: 30px 15px;
    border-bottom: 1px solid #d0ccca
}

.features-list-element .wrap-features-element .features-element-title {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .01em;
    line-height: 118.1818181818%
}

.features-list-element .wrap-features-element .features-element-title:before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(100% + 5px);
    font-family: "icomoon";
    font-size: 6px;
    color: #9f9c9a
}

.features-list-element .wrap-features-element .features-element-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    letter-spacing: .035em;
    line-height: 123.0769230769%;
    padding-top: 5px
}

@media (min-width: 540px)and (max-width: 1279px) {
    .features-list-element .wrap-features-element {
        padding: 30px
    }

    .features-list-element .wrap-features-element .features-element-title {
        font-size: 24px;
        letter-spacing: .015em
    }

    .features-list-element .wrap-features-element .features-element-subtitle {
        font-size: 16px
    }
}

.features-gallery .wrap-features-gallery .features-gallery-counter {
    padding: 20px 0
}

.features-gallery .wrap-features-gallery .features-gallery-counter .slider-counter {
    margin: 0 0 0 auto
}

@media (min-width: 540px) {
    .features-gallery .wrap-features-gallery .features-gallery-counter {
        padding: 40px 0 20px
    }
}

@media (min-width: 1280px) {
    .features-gallery {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: calc(100% - 530px);
        height: calc(100vh - 131px)
    }

    .features-gallery.fixed {
        position: fixed;
        top: 131px
    }

    .features-gallery.fixed.stop {
        position: absolute;
        bottom: -100px;
        top: auto
    }

    .features-gallery .wrap-features-gallery {
        padding: 100px 80px;
        height: 100%
    }

    .features-gallery .wrap-features-gallery .features-gallery-counter {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        padding: 0
    }
}

@media (min-width: 1366px) {
    .features-gallery .wrap-features-gallery {
        padding: 100px 100px 100px 80px
    }
}

@media (min-width: 1680px) {
    .features-gallery {
        width: calc(100% - 720px);
        height: calc(100vh - 140px)
    }

    .features-gallery.fixed {
        top: 140px
    }

    .features-gallery .wrap-features-gallery {
        padding: 100px 140px 100px 100px
    }

    .features-gallery .wrap-features-gallery .features-gallery-counter {
        left: 25px
    }
}

.features-gallery-slider .slick-btn {
    position: absolute;
    z-index: 2;
    top: 50%
}

.features-gallery-slider .slick-btn.slick-next {
    right: 0;
    transform: translateY(-50%) translateX(50%)
}

.features-gallery-slider .slick-btn.slick-prev {
    left: 0;
    transform: translateY(-50%) translateX(-50%)
}

@media (min-width: 768px)and (max-width: 1279px) {
    .features-gallery-slider .slick-btn.slick-next {
        right: -20px;
        transform: translateY(-50%) translateX(100%)
    }

    .features-gallery-slider .slick-btn.slick-prev {
        left: -20px;
        transform: translateY(-50%) translateX(-100%)
    }
}

@media (min-width: 1280px) {
    .features-gallery-slider {
        height: 100%
    }
}

.features-gallery-element .wrap-gallery-element {
    position: relative;
    padding-top: 66%
}

.features-gallery-element .wrap-gallery-element .features-gallery-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: 1280px) {
    .features-gallery-element {
        height: 100%
    }

    .features-gallery-element .wrap-gallery-element {
        height: 100%;
        padding-top: 0
    }
}

.showcase-module .wrap-showcase-module {
    padding-top: 40px
}

.showcase-module.global-list .showcase-content .showcase-list {
    padding: 0;
    margin: 0
}

.showcase-module.global-list .showcase-element-img .wrap-showcase-img {
    padding-top: 66%
}

.showcase-module.global-list .showcase-element-info .wrap-showcase-info .showcase-info-subtitle {
    text-transform: uppercase
}

.showcase-module.global-list .showcase-element-info .wrap-showcase-info .showcase-info-text {
    font-size: 20px
}

.showcase-module.global-list .showcase-info-link .wrap-showcase-link {
    padding-top: 10px
}

@media (min-width: 540px) {
    .showcase-module.global-list .showcase-element-info .wrap-showcase-info .showcase-info-title {
        font-size: 24px
    }
}

@media (min-width: 768px) {
    .showcase-module.global-list .showcase-list-element {
        width: 100%
    }

    .showcase-module.global-list .showcase-list-element .wrap-showcase-element {
        padding: 0 0 45px
    }

    .showcase-module.global-list .showcase-element-info .wrap-showcase-info {
        padding: 30px 20px 0
    }
}

@media (min-width: 1024px) {
    .showcase-module.global-list .wrap-showcase-module {
        padding-top: 130px
    }

    .showcase-module.global-list .showcase-content .showcase-list {
        margin: 0 -25px
    }

    .showcase-module.global-list .showcase-list-element {
        width: 50%
    }

    .showcase-module.global-list .showcase-list-element .wrap-showcase-element {
        padding: 0 25px 60px
    }

    .showcase-module.global-list .showcase-element-img .wrap-showcase-img {
        padding-top: 93%
    }

    .showcase-module.global-list .showcase-element-info .wrap-showcase-info .showcase-info-title {
        font-size: 21px
    }

    .showcase-module.global-list .showcase-element-info .wrap-showcase-info .showcase-info-text {
        font-size: 18px
    }
}

@media (min-width: 1280px) {
    .showcase-module.global-list .showcase-list-element {
        width: 33.33%
    }

    .showcase-module.global-list .showcase-list-element .wrap-showcase-element {
        padding: 0 25px 60px
    }

    .showcase-module.global-list .showcase-list-element:hover .showcase-info-link .wrap-showcase-link, .showcase-module.global-list .showcase-list-element:focus .showcase-info-link .wrap-showcase-link {
        transform: translateY(0)
    }

    .showcase-module.global-list .showcase-element-info .wrap-showcase-info {
        position: relative
    }

    .showcase-module.global-list .showcase-info-link {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .showcase-module.global-list .showcase-info-link .wrap-showcase-link {
        padding: 8px 25px;
        background-color: rgba(0, 0, 0, .3);
        transform: translateY(100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .showcase-module.global-list .showcase-info-link .wrap-showcase-link .btn-more {
        width: 100%;
        padding-right: 45px
    }

    .showcase-module.global-list .showcase-info-link .wrap-showcase-link .btn-more .btn-more-text {
        display: block;
        color: #fff
    }

    .showcase-module.global-list .showcase-info-link .wrap-showcase-link .btn-more .btn-more-text:after {
        color: #fff
    }
}

@media (min-width: 1680px) {
    .showcase-module.global-list .showcase-content .showcase-list {
        margin: 0 -50px
    }

    .showcase-module.global-list .showcase-list-element .wrap-showcase-element {
        padding: 0 50px 70px
    }
}

@media (max-width: 1279px)and (min-width: 1024px) {
    .showcase-module.offers-list .big-wrapper {
        max-width: 660px;
        padding: 0 30px
    }
}

@media (min-width: 540px) {
    .showcase-module .wrap-showcase-module {
        padding-top: 50px
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .showcase-module .big-wrapper {
        max-width: initial;
        padding: 0 80px
    }
}

@media (min-width: 1024px) {
    .showcase-module .wrap-showcase-module {
        padding-top: 180px
    }
}

.showcase-header .wrap-showcase-header {
    position: relative;
    padding-bottom: 45px
}

.showcase-header .wrap-showcase-header .showcase-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

.showcase-header .wrap-showcase-header .showcase-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 137.5%;
    padding-top: 10px
}

.showcase-header .wrap-showcase-header .showcase-header-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
    padding-top: 10px
}

.showcase-header .wrap-showcase-header .showcase-header-btn {
    margin-top: 10px
}

.showcase-header .wrap-showcase-header .showcase-header-breadcrumbs {
    display: none
}

@media (min-width: 540px) {
    .showcase-header .wrap-showcase-header {
        padding-bottom: 55px
    }

    .showcase-header .wrap-showcase-header .showcase-header-title {
        font-size: 18px
    }

    .showcase-header .wrap-showcase-header .showcase-header-subtitle {
        font-size: 18px;
        letter-spacing: .1em;
        padding-top: 15px
    }

    .showcase-header .wrap-showcase-header .showcase-header-text {
        font-size: 19px;
        padding-top: 20px
    }

    .showcase-header .wrap-showcase-header .showcase-header-btn {
        margin-top: 25px
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .showcase-header.search-form .wrap-showcase-header .showcase-header-breadcrumbs {
        top: -30px
    }
}

@media (min-width: 1024px) {
    .showcase-header .wrap-showcase-header {
        position: relative;
        padding-bottom: 40px
    }

    .showcase-header .wrap-showcase-header .showcase-header-title, .showcase-header .wrap-showcase-header .showcase-header-subtitle, .showcase-header .wrap-showcase-header .showcase-header-text {
        max-width: 520px
    }

    .showcase-header .wrap-showcase-header .showcase-header-btn {
        margin-top: 0;
        position: absolute;
        bottom: 30px;
        right: 45px
    }

    .showcase-header .wrap-showcase-header .showcase-header-breadcrumbs {
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (min-width: 1280px) {
    .showcase-header.search-form .wrap-showcase-header .showcase-header-search {
        bottom: 30px
    }

    .showcase-header.search-form .wrap-showcase-header .showcase-header-breadcrumbs {
        right: 50%;
        transform: translateX(50%)
    }

    .showcase-header .wrap-showcase-header {
        font-size: 0
    }

    .showcase-header .wrap-showcase-header .showcase-header-title {
        display: inline-block;
        vertical-align: top
    }

    .showcase-header .wrap-showcase-header .showcase-header-subtitle {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        max-width: initial
    }

    .showcase-header .wrap-showcase-header .showcase-header-subtitle:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px 2px;
        width: 2px;
        height: 10px;
        background-color: #9f9c9a
    }

    .showcase-header .wrap-showcase-header .showcase-header-text {
        padding-top: 35px
    }

    .showcase-header .wrap-showcase-header .showcase-header-title, .showcase-header .wrap-showcase-header .showcase-header-text {
        max-width: 580px
    }
}

.showcase-header-search {
    display: inline-block;
    padding-top: 30px
}

.showcase-header-search .showcase-footer-pointer.left {
    float: none
}

.showcase-header-search .showcase-footer-pointer.left .wrap-showcase-pointer {
    padding: 10px 0
}

.showcase-header-search .showcase-footer-pointer.left .wrap-showcase-pointer .showcase-pointer-text {
    display: inline-block
}

@media (max-width: 767px) {
    .showcase-header-search .showcase-footer-pointer.left {
        margin-top: -20px
    }
}

@media (max-width: 539px) {
    .showcase-header-search .showcase-footer-pointer.left .wrap-showcase-pointer .showcase-pointer-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "Brandon",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .12em;
        padding: 0 15px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

.showcase-header-search .wrap-showcase-search {
    position: relative;
    height: 45px;
    min-width: 230px;
    border: 2px solid #d0ccca
}

.showcase-header-search .wrap-showcase-search .search-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 45px 0 15px;
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input.placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input:-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input::-moz-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input:-ms-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input::-webkit-input-placeholder {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-input {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    letter-spacing: .01em
}

.showcase-header-search .wrap-showcase-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%
}

.showcase-header-search .wrap-showcase-search .search-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: "icomoon";
    font-size: 16px;
    color: #444
}

@media (max-width: 767px) {
    .showcase-header-search {
        display: block;
        width: 100%
    }
}

@media (min-width: 768px) {
    .showcase-header-search {
        position: absolute;
        bottom: 55px;
        right: 0;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .showcase-header-search {
        bottom: 40px
    }
}

@media (min-width: 768px) {
    .showcase-content .showcase-list {
        margin: 0 -20px;
        font-size: 0
    }
}

@media (min-width: 1280px) {
    .showcase-content .showcase-list {
        margin: 0 -35px
    }
}

@media (max-width: 767px) {
    .showcase-content .showcase-list {
        padding: 0 25px
    }
}

.showcase-list-element .wrap-showcase-element {
    padding-bottom: 35px
}

@media (min-width: 768px) {
    .showcase-list-element {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .showcase-list-element .wrap-showcase-element {
        padding: 0 20px 45px
    }
}

@media (min-width: 1024px) {
    .showcase-list-element {
        width: 33.33%
    }
}

@media (min-width: 1280px) {
    .showcase-list-element .wrap-showcase-element {
        padding: 0 35px 45px
    }

    .showcase-list-element:hover .showcase-img-btn .wrap-showcase-btn, .showcase-list-element:focus .showcase-img-btn .wrap-showcase-btn {
        transform: translateY(0%)
    }

    .showcase-list-element:hover .showcase-element-info .wrap-showcase-info .showcase-info-btn, .showcase-list-element:focus .showcase-element-info .wrap-showcase-info .showcase-info-btn {
        color: #fff;
        border-color: rgba(0, 0, 0, 0)
    }

    .showcase-list-element:hover .showcase-element-info .wrap-showcase-info .showcase-info-btn:before, .showcase-list-element:focus .showcase-element-info .wrap-showcase-info .showcase-info-btn:before {
        color: #fff
    }

    .showcase-list-element:hover .showcase-element-info .wrap-showcase-info .showcase-info-btn:after, .showcase-list-element:focus .showcase-element-info .wrap-showcase-info .showcase-info-btn:after {
        width: calc(100% + 4px);
        height: calc(100% + 4px)
    }
}

@media (min-width: 1280px) {
    .showcase-list-element {
        width: 25%
    }
}

@media (max-width: 767px) {
    .showcase-list-element .wrap-showcase-element {
        max-width: 345px;
        margin: 0 auto
    }
}

.showcase-element-img.smaller .wrap-showcase-img {
    padding-top: 93%
}

.showcase-element-img .wrap-showcase-img {
    position: relative;
    padding-top: 126%
}

.showcase-element-img .wrap-showcase-img .showcase-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.showcase-img-btn {
    display: none
}

@media (min-width: 1280px) {
    .showcase-img-btn {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .showcase-img-btn .wrap-showcase-btn {
        padding: 20px 25px;
        background-color: rgba(0, 0, 0, .3);
        transform: translateY(100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .showcase-img-btn .wrap-showcase-btn .showcase-btn-text {
        font-family: "Brandon",sans-serif;
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .12em
    }
}

.showcase-element-info .wrap-showcase-info {
    padding: 25px 10px 0
}

.showcase-element-info .wrap-showcase-info .showcase-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 137.5%
}

.showcase-element-info .wrap-showcase-info .showcase-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    letter-spacing: .12em;
    line-height: 142.8571428571%;
    padding-top: 15px
}

.showcase-element-info .wrap-showcase-info .showcase-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    letter-spacing: .035em;
    line-height: 156.25%;
    padding-top: 15px
}

.showcase-element-info .wrap-showcase-info .showcase-info-btn {
    position: relative;
    display: block;
    margin-top: 15px;
    width: 30px;
    height: 30px
}

.showcase-element-info .wrap-showcase-info .showcase-info-btn:before {
    font-size: 13px;
    transform: translateY(-50%) translateX(-50%) rotate(180deg)
}

@media (min-width: 540px) {
    .showcase-element-info .wrap-showcase-info {
        padding: 30px 20px 0
    }
}

@media (min-width: 768px) {
    .showcase-element-info .wrap-showcase-info {
        padding: 30px 10px 0
    }
}

@media (min-width: 1280px) {
    .showcase-element-info .wrap-showcase-info {
        padding: 30px 15px 0
    }

    .showcase-element-info .wrap-showcase-info .showcase-info-title {
        font-size: 18px
    }
}

.showcase-footer {
    padding-top: 45px
}

.showcase-footer .wrap-showcase-footer {
    border-top: 1px solid #d0ccca;
    border-bottom: 1px solid #d0ccca;
    overflow: hidden
}

.showcase-footer-pointer {
    cursor: pointer
}

.showcase-footer-pointer.left {
    float: left
}

.showcase-footer-pointer.left .wrap-showcase-pointer .showcase-pointer-arrow {
    transform: rotate(180deg)
}

.showcase-footer-pointer.right {
    float: right
}

.showcase-footer-pointer .wrap-showcase-pointer {
    padding: 40px 0
}

.showcase-footer-pointer .wrap-showcase-pointer .showcase-pointer-arrow {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #766f6b
}

.showcase-footer-pointer .wrap-showcase-pointer .showcase-pointer-text {
    display: none
}

@media (min-width: 540px) {
    .showcase-footer-pointer .wrap-showcase-pointer .showcase-pointer-text {
        display: inline-block;
        vertical-align: middle;
        font-family: "Brandon",sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .12em;
        padding: 0 15px;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }
}

@media (min-width: 768px) {
    .showcase-footer-pointer .wrap-showcase-pointer .showcase-pointer-text {
        font-size: 16px;
        padding: 0 25px
    }
}

@media (min-width: 1280px) {
    .showcase-footer-pointer:hover .wrap-showcase-pointer .showcase-pointer-text, .showcase-footer-pointer:focus .wrap-showcase-pointer .showcase-pointer-text {
        padding: 0 10px
    }
}

.pages-module .wrap-pages-module {
    padding: 30px 0 200px
}

@media (min-width: 540px) {
    .pages-module .wrap-pages-module {
        padding: 40px 0 200px
    }
}

@media (min-width: 768px) {
    .pages-module .wrap-pages-module {
        padding: 60px 0 200px
    }
}

@media (min-width: 1024px) {
    .pages-module .wrap-pages-module {
        padding: 135px 0 65px
    }
}

@media (min-width: 1280px) {
    .pages-module .wrap-pages-module {
        padding: 145px 0 65px
    }
}

.pages-module-container .pages-module-breadcrumbs {
    display: none
}

@media (min-width: 768px) {
    .pages-module-container {
        padding: 60px 80px;
        background-color: #fbfafa
    }
}

@media (min-width: 1024px) {
    .pages-module-container {
        position: relative;
        padding: 60px 160px
    }

    .pages-module-container .pages-module-breadcrumbs {
        display: block;
        position: absolute;
        bottom: 100%;
        right: 0;
        padding-bottom: 17px
    }
}

@media (min-width: 1280px) {
    .pages-module-container {
        padding: 50px 65px
    }
}

@media (min-width: 1366px) {
    .pages-module-container {
        padding: 50px 80px
    }
}

.pages-header .wrap-pages-header {
    padding-bottom: 30px
}

.pages-header .wrap-pages-header .pages-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%
}

.pages-header .wrap-pages-header .pages-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 137.5%;
    padding-top: 10px
}

@media (min-width: 540px) {
    .pages-header .wrap-pages-header {
        padding-bottom: 35px
    }

    .pages-header .wrap-pages-header .pages-header-title {
        font-size: 18px
    }

    .pages-header .wrap-pages-header .pages-header-subtitle {
        font-size: 18px;
        padding-top: 15px
    }
}

@media (min-width: 1024px) {
    .pages-header .wrap-pages-header {
        font-size: 0;
        padding-bottom: 0
    }

    .pages-header .wrap-pages-header .pages-header-title {
        font-size: 16px;
        display: inline-block;
        vertical-align: top
    }

    .pages-header .wrap-pages-header .pages-header-subtitle {
        font-size: 16px;
        padding-top: 0;
        display: inline-block;
        vertical-align: top
    }

    .pages-header .wrap-pages-header .pages-header-subtitle:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        margin: 7px 20px 0;
        width: 2px;
        height: 10px;
        background-color: #9f9c9a
    }
}

@media (min-width: 1280px) {
    .pages-content .pages-list {
        font-size: 0;
        margin: 0 -30px
    }
}

@media (min-width: 1680px) {
    .pages-content .pages-list {
        font-size: 0;
        margin: 0 -45px
    }
}

.pages-list-element:last-child .wrap-pages-element {
    padding-bottom: 0
}

.pages-list-element .wrap-pages-element {
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .pages-list-element .wrap-pages-element {
        padding-bottom: 65px
    }
}

@media (min-width: 1280px) {
    .pages-list-element {
        display: inline-block;
        vertical-align: top;
        width: 33.33%
    }

    .pages-list-element .wrap-pages-element {
        padding: 40px 30px 0
    }

    .pages-list-element:hover .pages-info-btn .wrap-pages-btn, .pages-list-element:focus .pages-info-btn .wrap-pages-btn {
        transform: translateY(0)
    }
}

@media (min-width: 1680px) {
    .pages-list-element .wrap-pages-element {
        padding: 40px 45px 0
    }
}

.pages-element-img .wrap-pages-img {
    position: relative;
    padding-top: 66%
}

.pages-element-img .wrap-pages-img .pages-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 1280px) {
    .pages-element-img .wrap-pages-img {
        padding-top: 94%
    }
}

.pages-element-info .wrap-pages-info {
    padding-top: 20px
}

.pages-element-info .wrap-pages-info .pages-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%
}

.pages-element-info .wrap-pages-info .pages-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 142.8571428571%;
    padding-top: 10px
}

@media (min-width: 540px) {
    .pages-element-info .wrap-pages-info {
        padding: 35px 20px 0
    }

    .pages-element-info .wrap-pages-info .pages-info-title {
        font-size: 21px;
        letter-spacing: .1em
    }
}

@media (min-width: 1280px) {
    .pages-element-info .wrap-pages-info {
        position: relative;
        padding: 25px 0 0
    }
}

.pages-info-btn .wrap-pages-btn {
    padding-top: 15px
}

@media (min-width: 1280px) {
    .pages-info-btn {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .pages-info-btn .wrap-pages-btn {
        padding: 8px 25px;
        background-color: rgba(0, 0, 0, .3);
        transform: translateY(100%);
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .pages-info-btn .wrap-pages-btn .btn-more {
        width: 100%;
        padding-right: 45px
    }

    .pages-info-btn .wrap-pages-btn .btn-more .btn-more-text {
        display: block;
        color: #fff
    }

    .pages-info-btn .wrap-pages-btn .btn-more .btn-more-text:after {
        color: #fff
    }
}

.categories-module .wrap-categories-module {
    padding: 60px 0
}

@media (min-width: 540px) {
    .categories-module .wrap-categories-module {
        padding: 90px 0 70px
    }
}

@media (min-width: 1024px) {
    .categories-module .wrap-categories-module {
        padding: 100px 0 80px
    }
}

.categories-module-header .wrap-categories-header {
    padding-bottom: 10px
}

.categories-module-header .wrap-categories-header .categories-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: rgba(68, 68, 68, .7);
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 133.3333333333%
}

@media (min-width: 1024px) {
    .categories-module-content .categories-list {
        margin: 0 -25px;
        font-size: 0
    }
}

@media (min-width: 1680px) {
    .categories-module-content .categories-list {
        margin: 0 -50px
    }
}

.catorgies-list-element .wrap-categories-element {
    padding: 30px 0 12px;
    font-size: 0;
    border-bottom: 1px solid #d0ccca
}

.catorgies-list-element .wrap-categories-element .categories-element-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 15px);
    padding-right: 10px;
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    letter-spacing: .03em;
    line-height: 143.75%
}

.catorgies-list-element .wrap-categories-element .categories-element-number {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    font-family: "Brandon",sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #444;
    letter-spacing: .05em;
    line-height: 145.4545454545%;
    padding-top: 4px
}

@media (min-width: 1024px) {
    .catorgies-list-element {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 25px
    }
}

@media (min-width: 1280px) {
    .catorgies-list-element {
        width: 33.33%
    }

    .catorgies-list-element .wrap-categories-element {
        position: relative
    }

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

    .catorgies-list-element .wrap-categories-element:hover:after, .catorgies-list-element .wrap-categories-element:focus:after {
        width: 100%
    }
}

@media (min-width: 1680px) {
    .catorgies-list-element {
        padding: 0 50px
    }
}

.card-page .wrap-card-page {
    padding-top: 30px
}

.card-page .wrap-card-page .card-page-breadcrumbs {
    display: none
}

@media (min-width: 540px) {
    .card-page .wrap-card-page {
        padding-top: 40px
    }
}

@media (min-width: 1024px) {
    .card-page .wrap-card-page {
        position: relative;
        padding-top: 171px
    }

    .card-page .wrap-card-page .card-page-breadcrumbs {
        display: block;
        position: absolute;
        z-index: 2;
        top: 105px;
        right: 80px
    }
}

@media (min-width: 1280px) {
    .card-page .wrap-card-page {
        padding-top: 161px
    }
}

@media (min-width: 1366px) {
    .card-page .wrap-card-page .card-page-breadcrumbs {
        right: 70px
    }
}

@media (min-width: 1680px) {
    .card-page .wrap-card-page .card-page-breadcrumbs {
        right: 100px
    }
}

@media (min-width: 1280px) {
    .card-page-content {
        width: 50%
    }
}

.card-preheader .wrap-card-preheader {
    padding-bottom: 25px;
    overflow: hidden
}

.card-preheader .wrap-card-preheader .card-preheader-title {
    float: left;
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 137.5%
}

.card-preheader .wrap-card-preheader .card-preheader-title.full {
    float: initial;
    display: block
}

.card-preheader .wrap-card-preheader .card-preheader-btn {
    display: none
}

@media (min-width: 540px) {
    .card-preheader .wrap-card-preheader {
        padding-bottom: 35px
    }

    .card-preheader .wrap-card-preheader .card-preheader-title {
        font-size: 18px;
        letter-spacing: .1em;
        padding-top: 7px
    }

    .card-preheader .wrap-card-preheader .card-preheader-btn {
        display: inline-block;
        float: right
    }

    .card-preheader .wrap-card-preheader .card-preheader-btn .btn-more-text:before {
        content: none
    }
}

@media (min-width: 1280px) {
    .card-preheader .wrap-card-preheader {
        padding-bottom: 40px;
        border-bottom: 1px solid #d0ccca
    }
}

@media (max-width: 1279px) {
    .card-gallery.map .wrap-card-gallery {
        padding-top: 10%
    }
}

@media (min-width: 1024px)and (max-width: 1279px) {
    .card-gallery.map {
        width: 860px;
        margin-left: -130px
    }

    .card-gallery.map .wrap-card-gallery {
        padding-top: 63%
    }
}

@media (min-width: 1280px) {
    .card-gallery.map .wrap-card-gallery {
        padding: 80px 50px 80px 0
    }
}

@media (min-width: 1366px) {
    .card-gallery.map .wrap-card-gallery {
        padding: 80px 80px 80px 40px
    }
}

@media (min-width: 1680px) {
    .card-gallery.map .wrap-card-gallery {
        padding: 80px 100px 80px 80px
    }
}

.card-gallery .wrap-card-gallery {
    position: relative;
    padding-top: 23%
}

.card-gallery .wrap-card-gallery .card-gallery-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.card-gallery .wrap-card-gallery .card-gallery-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1280px) {
    .card-gallery {
        position: fixed;
        top: 81px;
        right: 0;
        height: calc(100vh - 81px);
        width: 50%
    }

    .card-gallery.stop {
        position: absolute;
        bottom: 0;
        top: auto
    }

    .card-gallery .wrap-card-gallery {
        height: 100%;
        padding: 80px 50px
    }

    .card-gallery .wrap-card-gallery .card-gallery-img, .card-gallery .wrap-card-gallery .card-gallery-map {
        position: relative
    }
}

@media (min-width: 1366px) {
    .card-gallery .wrap-card-gallery {
        padding: 80px 70px
    }
}

@media (min-width: 1680px) {
    .card-gallery .wrap-card-gallery {
        padding: 80px 100px
    }
}

.card-header .wrap-card-header {
    padding: 25px 0;
    border-bottom: 1px solid #d0ccca
}

.card-header .wrap-card-header .card-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%
}

.card-header .wrap-card-header .card-header-subtitle {
    display: none
}

@media (min-width: 540px) {
    .card-header .wrap-card-header {
        padding: 35px 0
    }

    .card-header .wrap-card-header .card-header-title {
        font-size: 22px;
        letter-spacing: .1em
    }
}

@media (min-width: 1280px) {
    .card-header .wrap-card-header {
        padding: 45px 0
    }

    .card-header .wrap-card-header .card-header-title {
        font-family: "Linotype", sans-serif;
        font-size: 50px;
        font-weight: 500;
        letter-spacing: .02em;
        line-height: 120%;
        color: #444
    }

    .card-header .wrap-card-header .card-header-subtitle {
        display: block;
        font-family: "Brandon",sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .12em;
        line-height: 133.3333333333%;
        padding-top: 25px
    }
}

@media (min-width: 1680px) {
    .card-header .wrap-card-header {
        padding: 70px 0
    }

    .card-header .wrap-card-header .card-header-title {
        font-size: 57px;
        letter-spacing: .03em
    }

    .card-header .wrap-card-header .card-header-subtitle {
        font-size: 20px;
        padding-top: 30px
    }
}

.card-info-date.inline-text .wrap-card-date {
    font-size: 0;
    padding: 30px 0
}

.card-info-date.inline-text .wrap-card-date .card-date-text {
    display: block
}

.card-info-date.inline-text .wrap-card-date .card-date-number {
    display: block
}

.card-info-date .wrap-card-date {
    padding: 25px 0;
    font-size: 0;
    border-bottom: 1px solid #d0ccca
}

.card-info-date .wrap-card-date .card-date-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 135%;
    padding-bottom: 30px
}

.card-info-date .wrap-card-date .card-date-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 214.2857142857%
}

.card-info-date .wrap-card-date .card-date-text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "icomoon";
    font-size: 6px;
    color: #444
}

.card-info-date .wrap-card-date .card-date-text a {
    color: #444
}

.card-info-date .wrap-card-date .card-date-listtext {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .035em;
    line-height: 160%;
    padding-left: 15px;
    padding-bottom: 5px
}

.card-info-date .wrap-card-date .card-date-listtext:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #444
}

.card-info-date .wrap-card-date .card-date-listtext a {
    color: #444
}

.card-info-date .wrap-card-date .card-date-number {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 214.2857142857%
}

.card-info-date .wrap-card-date .card-date-number:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 10px;
    height: 1px;
    width: 10px;
    background-color: #9f9c9a
}

.card-info-date .wrap-card-date .card-date-number a {
    color: #444
}

@media (min-width: 540px) {
    .card-info-date .wrap-card-date {
        padding: 30px 0
    }

    .card-info-date .wrap-card-date .card-date-title {
        font-size: 20px
    }

    .card-info-date .wrap-card-date .card-date-listtext {
        font-size: 20px
    }
}

@media (min-width: 768px) {
    .card-info-date .wrap-card-date {
        padding: 50px 0
    }
}

.card-info-list .wrap-card-list {
    padding: 40px 0;
    border-bottom: 1px solid #d0ccca
}

.card-info-list .wrap-card-list .card-list-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 133.3333333333%
}

.card-info-list .wrap-card-list .card-list {
    padding-top: 30px
}

@media (min-width: 540px) {
    .card-info-list .wrap-card-list {
        padding: 70px 0
    }

    .card-info-list .wrap-card-list .card-list {
        padding-top: 45px
    }
}

.card-list-element {
    padding-bottom: 5px
}

.card-list-element:last-child {
    padding-bottom: 0
}

.card-list-element .wrap-list-element {
    position: relative;
    padding-left: 15px
}

.card-list-element .wrap-list-element:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #9f9c9a
}

.card-list-element .wrap-list-element .list-element-text {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #8a8987;
    letter-spacing: .03em;
    line-height: 137.5%
}

.card-list-element .wrap-list-element .list-element-text a {
    color: #8a8987
}

@media (min-width: 540px) {
    .card-list-element {
        padding-bottom: 20px
    }

    .card-list-element .wrap-list-element .list-element-text {
        font-size: 20px
    }
}

.card-info-text .wrap-card-text {
    padding: 40px 0;
    border-bottom: 1px solid #d0ccca
}

.card-info-text .wrap-card-text .card-text-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%;
    padding-bottom: 25px
}

.card-info-text .wrap-card-text .card-text-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-top: 40px
}

.card-info-text .wrap-card-text .card-text-paragraph {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
    padding-bottom: 30px
}

.card-info-text .wrap-card-text .card-text-paragraph a {
    color: #444
}

.card-info-text .wrap-card-text .card-text-paragraph:last-child {
    padding-bottom: 0
}

.card-info-text .wrap-card-text .card-text-paragraph.pointer {
    position: relative;
    padding-left: 15px
}

.card-info-text .wrap-card-text .card-text-paragraph.pointer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #9f9c9a
}

.card-info-text .wrap-card-text .card-text-strong {
    font-family: "Brandon",sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #9f9c9a;
    padding-bottom: 15px
}

.card-info-text .wrap-card-text .card-text-strong.small {
    font-family: "Brandon",sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .12em
}

.card-info-text .wrap-card-text .card-text-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

@media (min-width: 540px) {
    .card-info-text .wrap-card-text {
        padding: 50px 0
    }

    .card-info-text .wrap-card-text .card-text-title {
        font-size: 20px;
        letter-spacing: .1em;
        padding-bottom: 30px
    }

    .card-info-text .wrap-card-text .card-text-paragraph {
        padding-bottom: 50px;
        font-size: 19px;
        line-height: 157.8947368421%
    }

    .card-info-text .wrap-card-text .card-text-strong {
        padding-bottom: 30px
    }

    .card-info-text .wrap-card-text .card-text-img {
        margin-bottom: 35px
    }
}

@media (min-width: 768px) {
    .card-info-text .wrap-card-text .card-text-img {
        margin-bottom: 60px
    }
}

.card-text-sign .wrap-card-sign:before {
    content: "";
    display: block;
    margin: 5px 0 30px;
    width: 20px;
    height: 1px;
    background-color: #d0ccca
}

.card-text-sign .wrap-card-sign .sign-property {
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 142.8571428571%;
    padding-bottom: 5px
}

.card-text-sign .wrap-card-sign .sign-author {
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    letter-spacing: .05em;
    line-height: 146.1538461538%
}

.card-info-btns .wrap-card-btns {
    padding: 40px 0;
    border-bottom: 1px solid #d0ccca;
    text-align: center
}

@media (min-width: 540px) {
    .card-info-btns.price-on .wrap-card-btns {
        font-size: 0
    }

    .card-info-btns.price-on .wrap-card-btns .card-btn {
        display: inline-block;
        vertical-align: middle;
        width: 200px
    }

    .card-info-btns.price-on .wrap-card-btns .card-btn .btn-corp-text {
        min-width: 200px
    }
}

@media (min-width: 768px) {
    .card-info-btns.price-on .wrap-card-btns .card-btn {
        width: 240px
    }

    .card-info-btns.price-on .wrap-card-btns .card-btn .btn-corp-text {
        min-width: 240px
    }
}

@media (min-width: 540px) {
    .card-info-btns .wrap-card-btns {
        padding: 60px 0
    }
}

.card-price .wrap-card-price {
    padding-bottom: 25px;
    text-align: center
}

@media (min-width: 540px) {
    .card-price {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 200px)
    }

    .card-price .wrap-card-price {
        padding-bottom: 0;
        text-align: left;
        padding-bottom: 22px
    }
}

@media (min-width: 768px) {
    .card-price {
        width: calc(100% - 240px)
    }
}

.price-box {
    display: inline-block;
    text-align: left
}

.price-box .price-since {
    display: block;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 128.5714285714%;
    padding-bottom: 5px
}

.price-box .price-tag {
    font-size: 0
}

.price-box .price-tag .price {
    display: inline-block;
    vertical-align: bottom;
    font-family: "Brandon",sans-serif;
    font-size: 62px;
    font-weight: 300;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .03em
}

.price-box .price-tag .coin {
    display: inline-block;
    vertical-align: bottom;
    font-family: "Brandon",sans-serif;
    font-size: 49px;
    font-weight: 300;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding-left: 10px
}

@media (min-width: 768px) {
    .price-box .price-tag .price {
        font-size: 70px
    }

    .price-box .price-tag .coin {
        font-size: 55px
    }
}

.card-info-socials .wrap-card-socials {
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 540px) {
    .card-info-socials .wrap-card-socials {
        padding: 40px 0;
        font-size: 0
    }
}

@media (min-width: 1280px) {
    .card-info-socials {
        position: fixed;
        width: 424px;
        top: 50%;
        right: 50%;
        transform: translateY(-210px) translateX(22px) rotate(-90deg);
        transform-origin: right bottom
    }

    .card-info-socials.stop {
        position: absolute;
        bottom: 0;
        top: auto;
        transform: translateY(-630px) translateX(22px) rotate(-90deg)
    }

    .card-info-socials .wrap-card-socials {
        padding: 0;
        border-bottom: none
    }
}

.socials-info {
    padding-bottom: 12px
}

.socials-info .socials-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 183.3333333333%
}

@media (min-width: 540px) {
    .socials-info {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 0;
        position: relative;
        padding-right: 50px
    }

    .socials-info:after {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        right: 10px;
        width: 20px;
        height: 1px;
        background-color: #9f9c9a
    }
}

.socials-icons {
    font-size: 0
}

.socials-icons .icon-social {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #9f9c9a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.socials-icons .icon-social.icon-sobre-full:before {
    font-size: 12px
}

.socials-icons .icon-social:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    color: #9f9c9a;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 540px) {
    .socials-icons {
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width: 1280px) {
    .socials-icons .icon-social {
        transform: rotate(90deg)
    }

    .socials-icons .icon-social:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        transform: translateY(-50%) translateX(-50%) scale(0);
        background-color: #766f6b;
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
    }

    .socials-icons .icon-social:hover, .socials-icons .icon-social:focus {
        border-color: rgba(0, 0, 0, 0)
    }

    .socials-icons .icon-social:hover:before, .socials-icons .icon-social:focus:before {
        color: #fff
    }

    .socials-icons .icon-social:hover:after, .socials-icons .icon-social:focus:after {
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

.card-info-end .wrap-card-end {
    padding: 30px 0 50px;
    text-align: right
}

.card-info-end .wrap-card-end .card-btn-end .btn-more-text:before {
    content: none
}

@media (min-width: 540px) {
    .card-info-end .wrap-card-end {
        padding: 40px 0 70px
    }
}

.card-form .wrap-card-form {
    padding-bottom: 60px;
    font-size: 0
}

.card-form .wrap-card-form form {
    font-size: 0
}

@media (min-width: 540px) {
    .card-form .wrap-card-form {
        padding-bottom: 80px
    }
}

.card-form-header .wrap-form-header {
    padding-bottom: 30px
}

.card-form-header .wrap-form-header .form-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 137.5%
}

.card-form-header .wrap-form-header .form-header-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    letter-spacing: .03em;
    line-height: 138.8888888889%;
    padding-top: 20px
}

@media (min-width: 540px) {
    .card-form-header .wrap-form-header {
        padding-bottom: 40px
    }

    .card-form-header .wrap-form-header .form-header-title {
        font-size: 18px;
        letter-spacing: .1em
    }

    .card-form-header .wrap-form-header .form-header-text {
        font-size: 19px;
        line-height: 157.8947368421%
    }
}

@media (min-width: 768px) {
    .card-form-header .wrap-form-header {
        padding-bottom: 50px
    }

    .card-form-header .wrap-form-header .form-header-title {
        letter-spacing: .15em
    }

    .card-form-header .wrap-form-header .form-header-text {
        font-size: 20px;
        padding-top: 30px
    }
}

@media (min-width: 1024px) {
    .card-form-header .wrap-form-header .form-header-text {
        padding-top: 45px
    }
}

@media (min-width: 540px) {
    .card-inputs-box {
        font-size: 0;
        margin: 0 -15px
    }
}

@media (min-width: 768px) {
    .card-inputs-box {
        margin: 0 -25px
    }
}

@media (min-width: 1280px) {
    .card-inputs-box {
        margin: 0 -15px
    }
}

@media (min-width: 1680px) {
    .card-inputs-box {
        margin: 0 -25px
    }
}

@media (max-width: 539px) {
    .card-inputs-box {
        max-width: 275px;
        margin: 0 auto
    }
}

.card-form-input.textarea .input-field .wrap-input-field {
    height: 280px
}

.card-form-input .wrap-card-input {
    padding-bottom: 20px
}

.card-form-input .wrap-card-input .input-field .wrap-input-field .input-text {
    background-color: #f3efec
}

@media (min-width: 540px) {
    .card-form-input {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .card-form-input.full {
        width: 100%
    }

    .card-form-input .wrap-card-input {
        padding: 0 15px 25px
    }
}

@media (min-width: 768px) {
    .card-form-input .wrap-card-input {
        padding: 0 25px 30px
    }
}

@media (min-width: 1280px) {
    .card-form-input .wrap-card-input {
        padding: 0 15px 40px
    }

    .card-form-input .input-field:hover .wrap-input-field .input-text, .card-form-input .input-field:focus .wrap-input-field .input-text {
        background-color: #fff
    }
}

@media (min-width: 1680px) {
    .card-form-input .wrap-card-input {
        padding: 0 25px 40px
    }
}

.card-checks-box .form-must {
    padding-bottom: 10px
}

.card-checks-box .card-check {
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .card-checks-box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 200px)
    }
}

@media (max-width: 539px) {
    .card-checks-box {
        max-width: 275px;
        margin: 0 auto
    }
}

.form-btn-box {
    padding-top: 10px
}

.form-btn-box .btn-corp .btn-corp-text {
    min-width: 200px
}

@media (min-width: 768px) {
    .form-btn-box {
        display: inline-block;
        vertical-align: middle;
        padding-top: 0;
        width: 200px
    }
}

.card-contact .wrap-card-contact {
    padding: 20px 0 70px
}

@media (min-width: 540px) {
    .card-contact .wrap-card-contact {
        padding: 30px 0 80px
    }
}

@media (min-width: 1280px) {
    .card-contact .wrap-card-contact {
        padding: 0 0 80px
    }
}

.card-contact-element .wrap-contact-element {
    padding: 45px 0;
    border-bottom: 1px solid #d0ccca;
    font-size: 0
}

@media (min-width: 540px) {
    .card-contact-element.socials .wrap-contact-element {
        padding: 80px 0
    }

    .card-contact-element .wrap-contact-element {
        padding: 50px 0
    }
}

@media (min-width: 1280px) {
    .card-contact-element:first-child .wrap-contact-element {
        border-top: 1px solid #d0ccca
    }
}

.warning-module {
    height: calc(100vh - 170px);
    min-height: 410px;
    background-color: #fff
}

.warning-module .wrap-warning-module {
    height: 100%;
    position: relative
}

@media (min-width: 540px) {
    .warning-module {
        height: calc(100vh - 210px);
        background-color: #f3efec;
        padding: 70px
    }

    .warning-module .wrap-warning-module {
        background-color: #fff
    }

    .warning-module .wrap-warning-module:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        font-family: "icomoon";
        font-size: 60px;
        color: #f3efec
    }
}

@media (min-width: 1024px) {
    .warning-module {
        height: 100vh;
        padding: 151px 80px 80px
    }
}

@media (min-width: 1280px) {
    .warning-module {
        padding: 161px 80px 80px
    }
}

.warning-box {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%
}

.warning-box .wrap-warning-box {
    text-align: center
}

.warning-info .wrap-warning-info {
    padding-bottom: 50px
}

.warning-info .wrap-warning-info .warning-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 115%;
    padding-bottom: 15px
}

.warning-info .wrap-warning-info .warning-info-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 146.1538461538%
}

@media (max-width: 374px) {
    .warning-info .wrap-warning-info .warning-info-title {
        letter-spacing: .1em
    }
}

.warning-btns .wrap-warning-btns .warning-btn .btn-corp-text {
    min-width: 200px
}

.gallery-page .wrap-gallery-page {
    padding: 40px 0;
    border-bottom: 1px solid #d0ccca
}

@media (min-width: 1024px) {
    .gallery-page .wrap-gallery-page {
        padding: 170px 0 40px
    }
}

@media (min-width: 1280px) {
    .gallery-page .wrap-gallery-page {
        padding: 180px 25px 40px
    }
}

.gallery-page-header .wrap-gallery-header {
    position: relative;
    padding: 0 40px 35px 0
}

.gallery-page-header .wrap-gallery-header .gallery-header-breadcrumbs {
    display: none
}

@media (min-width: 540px) {
    .gallery-page-header .wrap-gallery-header {
        padding: 0 140px 35px 0
    }
}

@media (min-width: 1024px) {
    .gallery-page-header .wrap-gallery-header {
        padding: 0 140px 25px 0
    }

    .gallery-page-header .wrap-gallery-header .gallery-header-breadcrumbs {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        transform: translateY(-50%)
    }
}

@media (min-width: 1280px) {
    .gallery-page-header .wrap-gallery-header {
        padding: 0 0 20px 0
    }

    .gallery-page-header .wrap-gallery-header .gallery-header-breadcrumbs {
        position: relative;
        display: table;
        margin: 0 0 0 auto;
        transform: none
    }
}

.gallery-header-text .gallery-header-title {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 137.5%;
    padding-bottom: 10px
}

.gallery-header-text .gallery-header-subtitle {
    font-family: "Brandon",sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 137.5%
}

@media (min-width: 540px) {
    .gallery-header-text .gallery-header-title {
        font-size: 18px;
        padding-bottom: 15px
    }

    .gallery-header-text .gallery-header-subtitle {
        font-size: 18px;
        letter-spacing: .1em
    }
}

@media (min-width: 1280px) {
    .gallery-header-text {
        position: absolute;
        top: calc(100% - 5px);
        right: calc(100% + 35px);
        transform: rotate(-90deg);
        transform-origin: right bottom;
        width: 285px;
        font-size: 0
    }

    .gallery-header-text .gallery-header-title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100px;
        padding-bottom: 0
    }

    .gallery-header-text .gallery-header-title:after {
        content: "";
        position: absolute;
        top: 8px;
        right: -2px;
        width: 2px;
        height: 10px;
        background-color: #d0ccca
    }

    .gallery-header-text .gallery-header-subtitle {
        display: inline-block;
        vertical-align: top;
        padding-left: 20px;
        width: calc(100% - 100px)
    }
}

@media (min-width: 1680px) {
    .gallery-header-text {
        top: calc(100% + 2px)
    }
}

.gallery-header-counter {
    position: absolute;
    bottom: 35px;
    right: 0
}

.gallery-header-counter .gallery-counter-number {
    font-family: "Brandon",sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    line-height: 137.5%
}

.gallery-header-counter .gallery-counter-text {
    display: none
}

@media (min-width: 540px) {
    .gallery-header-counter .gallery-counter-number {
        display: inline-block;
        vertical-align: middle
    }

    .gallery-header-counter .gallery-counter-text {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-family: "Brandon",sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #9f9c9a;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 137.5%;
        padding-right: 50px
    }

    .gallery-header-counter .gallery-counter-text:after {
        content: "";
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 10px;
        background-color: #9f9c9a
    }
}

@media (min-width: 1280px) {
    .gallery-header-counter {
        bottom: auto;
        top: calc(100% + 20px);
        right: auto;
        left: calc(100% + 35px);
        width: 135px;
        transform: rotate(-90deg) translateX(-100%);
        transform-origin: left top
    }

    .gallery-header-counter:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 2px;
        height: 25px;
        transform: translateY(-50%);
        background-color: #9f9c9a
    }

    .gallery-header-counter .gallery-counter-text {
        width: 99px
    }

    .gallery-header-counter .gallery-counter-text:after {
        height: 25px
    }

    .gallery-header-counter .gallery-counter-number {
        transform: rotate(90deg) translateY(65%);
        width: 32px;
        text-align: center
    }
}

@media (min-width: 1680px) {
    .gallery-header-counter {
        top: calc(100% + 27px)
    }
}

.gallery-page-list {
    font-size: 0
}

@media (min-width: 1024px) {
    .gallery-page-list {
        margin: 0 -15px
    }
}

@media (min-width: 1280px) {
    .gallery-page-list {
        margin: 0 -20px
    }
}

@media (min-width: 1680px) {
    .gallery-page-list {
        margin: 0 -27px
    }
}

.gallery-list-element {
    padding-bottom: 30px
}

.gallery-list-element.video {
    display: none
}

.gallery-list-element.video.show {
    display: inline-block
}

.gallery-list-element.video .wrap-gallery-element {
    padding-top: 0
}

.gallery-list-element.video .wrap-gallery-element .gallery-element-video {
    display: block;
    width: 100%;
    height: auto
}

.gallery-list-element .wrap-gallery-element {
    position: relative;
    padding-top: 66%
}

.gallery-list-element .wrap-gallery-element .gallery-element-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 1023px) {
    .gallery-list-element {
        pointer-events: none
    }

    .gallery-list-element a {
        pointer-events: none
    }
}

@media (min-width: 768px) {
    .gallery-list-element {
        padding-bottom: 45px
    }
}

@media (min-width: 1024px) {
    .gallery-list-element {
        padding: 15px;
        display: inline-block;
        vertical-align: top;
        width: 50%
    }
}

@media (min-width: 1280px) {
    .gallery-list-element {
        position: relative;
        padding: 20px
    }

    .gallery-list-element:hover .gallery-element-name .wrap-element-name, .gallery-list-element:focus .gallery-element-name .wrap-element-name {
        transform: translateY(0)
    }
}

@media (min-width: 1680px) {
    .gallery-list-element {
        padding: 27px
    }
}

.gallery-element-name .wrap-element-name {
    padding: 12px 25px;
    background-color: #fff
}

.gallery-element-name .wrap-element-name .element-name-text {
    position: relative;
    font-family: "Brandon",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 133.3333333333%
}

.gallery-element-name .wrap-element-name .element-name-text:before {
    content: "";
    position: absolute;
    right: calc(100% + 5px);
    top: 0;
    font-family: "icomoon";
    font-size: 6px;
    color: #766f6b
}

@media (min-width: 540px) {
    .gallery-element-name .wrap-element-name {
        padding: 22px 35px
    }

    .gallery-element-name .wrap-element-name .element-name-text {
        font-size: 16px;
        letter-spacing: .15em
    }

    .gallery-element-name .wrap-element-name .element-name-text:before {
        top: 1px
    }
}

@media (min-width: 1024px) {
    .gallery-element-name .wrap-element-name {
        position: relative;
        padding: 15px 30px
    }

    .gallery-element-name .wrap-element-name:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font-family: "icomoon";
        font-size: 20px;
        color: #9f9c9a
    }

    .gallery-element-name .wrap-element-name .element-name-text {
        font-size: 14px
    }
}

@media (min-width: 1280px) {
    .gallery-element-name {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
        overflow: hidden
    }

    .gallery-element-name .wrap-element-name {
        transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
        /*transform: translateY(100%);*/
        background-color: rgba(0, 0, 0, .2)
    }

    .gallery-element-name .wrap-element-name:after {
        color: #fff
    }

    .gallery-element-name .wrap-element-name .element-name-text {
        color: #fff
    }

    .gallery-element-name .wrap-element-name .element-name-text:before {
        color: #fff
    }
}

@media (min-width: 1366px) {
    .gallery-element-name .wrap-element-name {
        padding: 20px 30px
    }

    .gallery-element-name .wrap-element-name:after {
        right: 25px;
        font-size: 25px
    }
}

@media (min-width: 1680px) {
    .gallery-element-name {
        bottom: 27px;
        left: 27px;
        width: calc(100% - 54px)
    }

    .gallery-element-name .wrap-element-name {
        padding: 20px 40px
    }
}

.cookies-module {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.cookies-module.display {
    display: block
}

.cookies-module.show {
    opacity: 1
}

.cookies-module.show .wrap-cookies:before {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateZ(0) scale(1)
}

.cookies-module.show .wrap-cookies:after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0) scale(1)
}

.cookies-module .wrap-cookies {
    position: relative;
    width: 180px;
    height: 180px;
    padding: 20px 10px;
    text-align: center
}

.cookies-module .wrap-cookies:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(68, 68, 68, .5);
    transform: translateX(-50%) translateY(-50%) rotate(0) translateZ(0) scale(0.5);
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    transform-origin: center center
}

.cookies-module .wrap-cookies:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background-color: rgba(68, 68, 68, .2);
    transform: translateX(-50%) translateY(-50%) rotate(0) translateZ(0) scale(0.5);
    opacity: 0;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    transform-origin: center center
}

.cookies-module .wrap-cookies .cookies-icon {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%
}

.cookies-module .wrap-cookies .cookies-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
    font-size: 17px;
    color: #fff
}

.cookies-module .wrap-cookies .cookies-text {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: .03em
}

.cookies-module .wrap-cookies .btn-cookies {
    display: block;
    padding: 12px 0 5px
}

.cookies-module .wrap-cookies .btn-cookies .btn-corp-text {
    min-width: 115px;
    font-size: 12px;
    display: inline-block;
    padding: 7px 20px
}

.cookies-module .wrap-cookies .moreinfo-btn {
    display: inline-block;
    position: relative;
    padding: 4px 10px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    cursor: pointer;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

.cookies-module .wrap-cookies .moreinfo-btn:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;
    background-color: #fff;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s;
    opacity: 0
}

.cookies-module .wrap-cookies .moreinfo-btn .moreinfo-btn-text {
    font-family: "Brandon",sans-serif;
    font-size: 9px;
    font-weight: 700;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) .7s
}

@media (min-width: 1280px) {
    .cookies-module .wrap-cookies .moreinfo-btn:hover {
        border-color: rgba(0, 0, 0, 0)
    }

    .cookies-module .wrap-cookies .moreinfo-btn:hover:before {
        width: 30%;
        opacity: 1
    }

    .cookies-module .wrap-cookies .moreinfo-btn:hover .moreinfo-btn-text {
        color: #fff
    }
}

@media (min-width: 1280px) {
    .cookies-module {
        right: 50px;
        left: auto;
        transform: translateY(-50%)
    }

    .cookies-module .wrap-cookies {
        background-color: rgba(68, 68, 68, .6);
        font-size: 0;
        padding: 15px 20px;
        width: 320px;
        height: auto;
        border-radius: 3px
    }

    .cookies-module .wrap-cookies:before, .cookies-module .wrap-cookies:after {
        content: none
    }

    .cookies-module .wrap-cookies .cookies-icon {
        display: inline-block;
        vertical-align: middle
    }

    .cookies-module .wrap-cookies .cookies-text {
        display: inline-block;
        vertical-align: middle;
        border-bottom: none;
        padding: 0 10px;
        width: calc(100% - 150px)
    }

    .cookies-module .wrap-cookies .btn-cookies {
        display: inline-block;
        vertical-align: middle;
        width: 115px;
        padding: 0
    }

    .cookies-module .wrap-cookies .moreinfo-btn {
        display: table;
        margin: 10px 23px 0 auto;
        width: 70px;
        padding: 4px 0;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .advantages-active .top-module-scroll {
        bottom: 70px
    }
}

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

.float-advantages .wrap-float-advantages {
    padding: 50px 25px 0
}

@media (min-width: 540px) {
    .float-advantages .wrap-float-advantages {
        padding: 70px 30px 0
    }
}

@media (min-width: 768px) {
    .float-advantages .wrap-float-advantages {
        padding: 70px 85px 0
    }
}

@media (min-width: 1024px) {
    .float-advantages {
        height: 0
    }

    .float-advantages .wrap-float-advantages {
        padding: 0;
        position: relative
    }
}

.float-advantages-box {
    background-color: #fff
}

.float-advantages-box .wrap-advantages-box {
    position: relative;
    padding: 40px 35px 35px;
    text-align: center
}

@media (max-width: 374px) {
    .float-advantages-box .wrap-advantages-box {
        padding: 30px 20px 25px
    }
}

@media (min-width: 768px) {
    .float-advantages-box .wrap-advantages-box {
        padding: 40px 70px 35px
    }
}

@media (min-width: 1024px) {
    .float-advantages-box {
        position: absolute;
        z-index: 5;
        bottom: 100%;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        padding: 0 45px
    }

    .float-advantages-box .wrap-advantages-box {
        padding: 12px 0 11px
    }
}

@media (min-width: 1680px) {
    .float-advantages-box {
        padding: 0 70px
    }
}

.advantages-box-arrows {
    padding-top: 40px
}

.advantages-box-arrows .slick-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    border: none
}

@media (min-width: 540px) {
    .advantages-box-arrows {
        padding-top: 50px
    }
}

@media (min-width: 1024px) {
    .advantages-box-arrows {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 0
    }

    .advantages-box-arrows .slick-btn.btn-circle {
        border: 2px solid #fff;
        background-color: rgba(0, 0, 0, 0);
        width: 40px;
        height: 40px;
        margin: 0 5px
    }

    .advantages-box-arrows .slick-btn.btn-circle:before {
        color: #fff
    }
}

.advantages-box-content .advantages-box-title {
    font-family: "Brandon",sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 135.2941176471%;
    border-bottom: 1px solid #d0ccca;
    padding: 0 30px 35px
}

@media (min-width: 540px) {
    .advantages-box-content .advantages-box-title {
        font-size: 24px;
        letter-spacing: .1em;
        padding: 0 50px 40px
    }
}

@media (min-width: 1024px) {
    .advantages-box-content {
        padding: 0 75px
    }

    .advantages-box-content .advantages-box-title {
        font-size: 14px;
        letter-spacing: .15em;
        padding: 0;
        color: #fff;
        border-bottom: none
    }

    .advantages-box-content .advantages-box-slider {
        padding-top: 0
    }
}

.float-advantages-element .wrap-advantages-element .float-advantages-text {
    font-family: "Brandon",sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #9f9c9a;
    letter-spacing: .015em;
    line-height: 136.3636363636%
}

.float-advantages-element .wrap-advantages-element a {
    display: inline-block;
    border-bottom: 1px solid #9f9c9a
}

@media (min-width: 540px) {
    .float-advantages-element .wrap-advantages-element {
        padding: 0 20px
    }

    .float-advantages-element .wrap-advantages-element .float-advantages-text {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .float-advantages-element .wrap-advantages-element .float-advantages-text {
        font-size: 18px;
        letter-spacing: .04em;
        color: #fff;
        line-height: 150%;
        padding-top: 2px
    }

    .float-advantages-element .wrap-advantages-element a {
        border-color: #fff
    }
}

@media (min-width: 1024px) {
    .advantages-box-counter {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .advantages-box-counter .slider-counter {
        width: 30px;
        height: 40px
    }

    .advantages-box-counter .slider-counter:before {
        background-color: #fff;
        height: 30px
    }

    .advantages-box-counter .slider-counter .counter-num, .advantages-box-counter .slider-counter .counter-total {
        color: #fff;
        font-size: 14px
    }
}

.popup-offer {
    position: fixed;
    z-index: 100;
    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;
    transform: translateY(-50%) scale(0.5)
}

.popup-offer.active {
    opacity: 1;
    transform: translateY(0%) scale(1);
    pointer-events: auto
}

.popup-offer .popup-offer-backmask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.popup-offer-box {
    position: absolute;
    z-index: 1;
    height: auto;
    width: 325px;
    max-height: 90vh;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: #fff
}

.popup-offer-box .wrap-offer-box {
    position: relative
}

.popup-offer-box .wrap-offer-box .close-offer-box {
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    right: 0
}

.popup-offer-box .wrap-offer-box .offer-box-title {
    position: absolute;
    left: 0;
    bottom: calc(100% + 15px);
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (max-width: 374px) {
    .popup-offer-box {
        width: 290px
    }
}

@media (min-width: 540px) {
    .popup-offer-box {
        width: 465px
    }
}

@media (min-width: 768px) {
    .popup-offer-box {
        width: 600px
    }

    .popup-offer-box .wrap-offer-box .close-offer-box {
        bottom: auto;
        top: 30px;
        right: 30px;
        bottom: auto
    }

    .popup-offer-box .wrap-offer-box .offer-box-title {
        bottom: calc(100% + 25px)
    }
}

@media (min-width: 1024px) {
    .popup-offer-box {
        width: 880px
    }
}

@media (min-width: 1280px) {
    .popup-offer-box {
        width: 1120px
    }

    .popup-offer-box .wrap-offer-box .offer-box-title {
        bottom: calc(100% + 40px);
        font-size: 16px
    }
}

.offer-box-img {
    display: none
}

@media (min-width: 768px) {
    .offer-box-img {
        display: block
    }

    .offer-box-img .wrap-offer-img {
        position: relative;
        padding-top: 38vh
    }

    .offer-box-img .wrap-offer-img .offer-img-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: 1024px) {
    .offer-box-img {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%
    }

    .offer-box-img .wrap-offer-img {
        padding-top: 0;
        height: 100%
    }
}

.offer-box-info .wrap-offer-info {
    padding: 25px
}

@media (max-width: 374px) {
    .offer-box-info .wrap-offer-info {
        padding: 15px
    }
}

@media (min-width: 540px) {
    .offer-box-info .wrap-offer-info {
        padding: 30px 25px
    }
}

@media (min-width: 768px) {
    .offer-box-info .wrap-offer-info {
        padding: 45px 55px
    }
}

@media (min-width: 1024px) {
    .offer-box-info {
        padding-right: 50%
    }

    .offer-box-info .wrap-offer-info {
        padding: 45px 40px
    }
}

@media (min-width: 1280px) {
    .offer-box-info .wrap-offer-info {
        padding: 65px 60px
    }
}

.offer-info-intro {
    padding-bottom: 25px;
    border-bottom: 1px solid #d0ccca
}

.offer-info-intro .offer-info-title {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 133.3333333333%
}

.offer-info-intro .offer-info-text {
    font-family: "Brandon",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #766f6b;
    letter-spacing: .03em;
    line-height: 122.2222222222%;
    padding-top: 15px
}

.offer-info-intro .offer-info-date {
    padding-top: 15px
}

@media (min-width: 540px) {
    .offer-info-intro .offer-info-title {
        font-size: 21px;
        letter-spacing: .1em
    }

    .offer-info-intro .offer-info-text {
        font-size: 20px;
        letter-spacing: .035em
    }
}

@media (min-width: 1280px) {
    .offer-info-intro {
        padding-bottom: 50px
    }

    .offer-info-intro .offer-info-text {
        padding-top: 25px
    }

    .offer-info-intro .offer-info-date {
        padding-top: 25px
    }
}

.offer-info-foot {
    padding-top: 20px
}

.offer-info-foot .offer-info-price {
    font-size: 0
}

.offer-info-foot .offer-info-price .offer-price-text {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    font-family: "Brandon",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9f9c9a;
    text-transform: uppercase;
    letter-spacing: .12em;
    padding-top: 5px
}

@media (min-width: 1280px) {
    .offer-info-foot {
        padding-top: 30px
    }
}

.offer-price-box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
    font-size: 0;
    text-align: right
}

.offer-price-box .price-box-number {
    display: inline-block;
    vertical-align: baseline;
    font-family: "Brandon",sans-serif;
    font-size: 57px;
    font-weight: 300;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .03em
}

.offer-price-box .price-box-coin {
    display: inline-block;
    vertical-align: baseline;
    font-family: "Brandon",sans-serif;
    font-size: 47px;
    font-weight: 300;
    color: #444;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding-left: 10px
}

@media (min-width: 768px) {
    .offer-price-box .price-box-number {
        font-size: 70px
    }

    .offer-price-box .price-box-coin {
        font-size: 55px
    }
}

.offer-info-btns {
    text-align: center;
    padding-top: 15px
}

.offer-info-btns .btn-more {
    margin-bottom: 5px
}

.offer-info-btns .btn-more .btn-more-text:before {
    content: none
}

.offer-info-btns .btn-corp .btn-corp-text {
    min-width: 275px
}

@media (min-width: 768px) {
    .offer-info-btns {
        padding-top: 25px
    }
}

@media (min-width: 768px)and (max-width: 1023px) {
    .offer-info-btns {
        font-size: 0;
        text-align: left
    }

    .offer-info-btns .btn-more {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .offer-info-btns .btn-corp {
        display: inline-block;
        vertical-align: middle;
        width: 50%
    }

    .offer-info-btns .btn-corp .btn-corp-text {
        min-width: 245px
    }
}

@media (min-width: 1280px) {
    .offer-info-btns .btn-more {
        margin-bottom: 15px
    }
}

.alert-danger {
    background-color: #fc3636 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.alert-success {
    background-color: #09aa66 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.alert-info {
    background-color: #4aa0f2 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0) !important
}
.w-100{
    width: 100%
}
.banner{
    background-color: #FFFFFF;
    position: relative;
    display: inline-block;
}
.banner-text {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0%, -50%);
    color: #fff;
    max-width: 40%;
}
.banner-text h3 {
    font-size: 4em;
    margin-bottom: 10px;
    font-family: "Brandon",sans-serif;
}

.banner-text p {
    font-size: 1.6em;
    line-height: 1.5;
    font-family: "Brandon",sans-serif;
    letter-spacing: .035em;
}
@media screen and (max-width: 767px) {
    .banner-text {
        left: 5%;
        max-width: 56%;
        transform: translate(0%, -38%);
    }
    .banner img{
        width: 100%;
        height: 280px;
        object-fit: cover;
    }
    .banner-text h3 {font-size: 2em}
    .banner-text p{font-size: 1.2em;line-height: 1.2;}
    .pt-sm-20{padding-top: 20px;}
    .banner-text .about h3 {font-size: 1.3em; line-height: 1.3;padding-top: 4px;}
    .mw-70{max-width: 70% !important;}
}
.main-color{color: #28463C}
.main-color-light{color: #C8965A}
.d-none{display: none !important;}

/* Whatsapp */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:16px;
}

@media (max-width:767px)
{
    .float{
        display:none !important;
    } 
    .my-float{
	    display:none !important;

    }
}