@font-face {
    font-family: 'Bold';
    src: url('/fonts/Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Regular';
    src: url('/fonts/Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.mt-1em{
    margin-top: 2em !important;
}

img.material_img{
    min-height: 200px;
    object-fit: contain;
    height: 200px;
}

.modal-header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.modal-header-top span.close::after{
    height: 25px;
    background-color: #002D25 !important;
}

.modal-header-top span.close::before{
    width: 25px;
    background-color: #002D25 !important;
}

close:after, .close:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-header-top, .close{
    top: -12% !important;
    right: -7% !important;
}

.filter-header{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}


.header_about_text{
    text-align: left;
}

.material_title{
    color: #000;
}

body {
    background-color: #FEF7EC !important;
}

.header {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.header_about{
    display: flex;
    flex-direction: column;
}

.gap-22{
    gap: 2.25rem;
}

.header-black {
    background-color: #002d25e8 !important;
    /* Черный фон */
    color: white;
    /* Белый текст или иконки */
}

.header-black svg * {
    fill: white;
    /* Белый цвет иконок */
}

.contact_container {
    padding: 1em;
    border: 1px solid #002D25;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.white-bg {
    background-color: white;
}

.green-bg {
    background-color: #002D25;
}

.header__language {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.ri-arrow-left-circle-fill{
    color: rgba(255, 255, 255, 0.7);
    font-size: 4em;
    position: absolute;
    left: 0;
}

.ri-arrow-right-circle-fill{
    color: rgba(255, 255, 255, 0.7);
    font-size: 4em;
    position: absolute;
    right: 0;
}

.ri-arrow-left-circle-fill:hover{
    color: white;
}

.ri-arrow-right-circle-fill:hover{
    color: white;

}

.header__language a {
    color: white !important;
    font-size: .8em;
}

.header__language a:hover {
    color: #e6b997 !important;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.btn_container {
    z-index: 10 !important;
    display: flex;
    width: 50%;
    margin: 0 auto;
}

.fdc {
    flex-direction: column !important;
}

.widgetBubbleWrapper {
    text-align: right !important;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.project_items {
    display: flex;
    justify-content: flex-start;
    align-items: first baseline;
    gap: 1em;
}

.project_item {
    position: relative;
    display: block;
    width: 33%;
    height: 300px; /* Задайте нужную высоту */
    background-size: cover;
    background-position: center;
    overflow: hidden;
    text-decoration: none;
  }

  /* Overlay для затемнения */
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* затемнение */
    transition: background 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* При hover overlay становится светлее */
  .project_item:hover .overlay {
    background: rgba(0, 0, 0, 0.1);
  }

  /* Стили для шапки проекта */
  .project_header {
    padding: 15px;
    color: #fff;
  }

  /* Кнопка, изначально скрытая */
  .project_button {
    margin: 0 auto 15px;
    padding: 10px 20px;
    background: #fff;
    color: #000;
    border-radius: 4px;
    opacity: 0 !important;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.2s ease;
  }

  /* При hover кнопка появляется с эффектом fade up */
  .project_item:hover .project_button {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }


.project_section .pic_title {
    font-size: 34px;
    color: white;
}

.project_section .pic_address {
    font-size: 16px;
    color: white;
}

.project_item_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 34px;
    position: relative;
    z-index: 2;
    /* Контент должен быть выше затемнения */
    color: white;
}


.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0
}


:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    min-height: 0;
    min-width: 0
}

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

a {
    text-decoration: none
}

img {
    vertical-align: top
}

html {
    min-height: 100% !important;
    overflow-x: hidden;
    font-size: 24px;
    background-color: #fef7ec
}

@media(max-width:1600px) {
    html {
        font-size: 18px
    }
}

html.eshop {
    background-color: #fff
}

html.eshop,
html.eshop body {
    overflow: auto
}

html.eshop #main {
    background-color: #fff
}

html.eshop #magicMouseCursor,
html.eshop #magicPointer {
    display: none !important
}

html.eshop header {
    background-color: #fff !important
}

html.eshop .footer {
    margin-top: 0
}

body {
    overflow: hidden;
    margin: 0 auto;
    color: #000;
    min-height: 100vh;
    cursor: default !important;
    background: #f2efe1;
    font-family: "Regular", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

body,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
    word-break: keep-all
}

a {
    color: #000;
    outline: 0
}

a:active,
a:focus,
a:hover {
    color: #000;
    outline: 0;
    text-decoration: none
}

::-moz-selection {
    background: #000;
    color: #ebebeb;
    text-shadow: none
}

::selection {
    background: #000;
    color: #ebebeb;
    text-shadow: none
}

a:link {
    -webkit-tap-highlight-color: #fff;
    outline: 0
}

a:hover {
    color: #000;
    outline: 0;
    transition: all .15s ease
}

ins {
    text-decoration: none
}

ins,
mark {
    background-color: #000;
    color: #fff
}

mark {
    font-style: italic;
    font-weight: 700
}

p {
    font-size: 1rem;
    margin: 0;
    line-height: 1.2rem !important;

    color: #000
}

.section_description{
    line-height: 1.3em !important;
}

ol,
ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

.custom-bullet-list {
    list-style: none;
    padding-left: 0;
}

.custom-bullet-list li {
    position: relative;
    padding-left: 1.5em; /* отступ для размещения звезды */
    margin-bottom: 0.5em;
}


.custom-bullet-list li::before {
    content: "\2726"; /* Unicode для "Black Four Pointed Star" */
    position: absolute;
    left: 0;
    top: 5%;
    color: #e5ba96; /* можно изменить цвет по вкусу */
    font-size: 1em;
    line-height: 1;
}

section {
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-family: "Bold", sans-serif !important;

}

img {
    max-width: 100%;
    height: auto
}

.container {
    position: relative
}

pre {
    position: fixed;
    right: 0;
    top: 0;
    text-align: left;
    text-transform: none;
    width: 325px;
    height: 100%;
    background: #fff;
    line-height: 11px;
    font-size: 11px;
    letter-spacing: 0;
    word-spacing: 0;
    z-index: 999999999999999;
    padding: 10px;
    margin: 0;
    word-break: normal;
    word-wrap: normal;
    arial;
    box-sizing: content-box !important;
    overflow-y: auto;
    color: #000 !important
}

#main_cont {
    position: relative;
    left: 100px !important;
    width: calc(100% - 100px) !important;
}

#Layer_2 {
    width: 250px;
    height: auto;
}

.tar{
    text-align: right !important;
}

@media(max-width:769px) {

    .materials_container{
        flex-direction: column !important;
        text-align: center;
        gap: 2em;
    }

    .material_item {
        width: 100%;
    }

    .header__language {
        flex-direction: row;
    }

    #main_cont {
        left: 0;
        width: 100%;
        padding-top: 58px
    }

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

@media(max-width:769px) {
    html.home #main_cont {
        padding-top: 0
    }
}

@media(max-width:769px) {

    html.archive #main_cont,
    html.bertani #main_cont,
    html.style #main_cont,
    html.territory #main_cont,
    html.wine_sheet #main_cont,
    html.wines #main_cont {
        left: 0;
        width: 100%;
        padding-top: 58px
    }
}

@media(max-width:1199px) {

    html.contact #main_cont,
    html.single #main_cont {
        left: 80px;
        width: calc(100% - 80px)
    }
}

@media(max-width:769px) {

    html.contact #main_cont,
    html.single #main_cont {
        left: 0;
        width: 100%;
        padding-top: 50px
    }
}

@media(max-width:769px) {

    html.contact #main_cont #intro,
    html.single #main_cont #intro {
        padding-top: 55px
    }
}

#main {
    background-color: #fef7ec
}

.no-padding {
    padding-right: 0
}

.no-padding,
.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

.center-block {
    float: none
}

.contain,
.cover {
    background-repeat: no-repeat;
    background-position: 50%
}

.cover {
    background-size: cover
}

.contain {
    background-size: contain
}

.linkTo {
    cursor: pointer
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

@media(max-width:769px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

#change {
    background-color: #002D25;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: translateY(100vh);
    z-index: 10010
}

.hidden {
    display: none
}

@media(orientation:landscape) {
    .hidden--landscape {
        display: none !important
    }
}

@media(orientation:portrait) {
    .hidden--portrait {
        display: none !important
    }
}

.wp-video {
    width: 100% !important
}

.wp-video video {
    width: 100%;
    height: auto
}

.splitWrapper {
    overflow-y: hidden
}

.splitCont {
    opacity: 0
}

.willChangeBackground {
    transition: background-color .3s ease-in
}

.lineWrapper {
    overflow-y: hidden
}

@media(orientation:landscape) {
    .lineWrapper .animLine {
        position: relative;
        bottom: .7407407407vh
    }
}


.black {
    font-weight: 900
}

.extrabold {
    font-weight: 800
}

.bold {
    font-weight: 700
}

.demi {
    font-weight: 600
}

.medium {
    font-weight: 500
}

.regular {
    font-weight: 400
}

.light {
    font-weight: 300
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.text *,
.title * {
    font-size: inherit;
    inherit;
    line-height: inherit;
    color: inherit
}

.text b,
.text strong,
.title b,
.title strong {
    font-weight: 700
}

@media(max-width:769px) {
    .text {
        line-height: 1.27em
    }

    .text br {
        display: none
    }
}

.text ol,
.text ul {
    list-style: disc
}

.text ol li,
.text ul li {
    margin-left: 20px;
    padding-bottom: 5px
}


.white {
    color: #fff
}

.beige {
    color: #E6B997
}

.red {
    color: #002D25
}

.light-beige {
    color: #fef7ec
}

.light-black {
    color: #141414
}

.cream {
    color: #f8f5ee
}

.ssxl {
    font-size: 29.1666666667rem
}

@media(max-width:991px) {
    .ssxl {
        font-size: 16.6666666667rem
    }
}

@media(max-width:769px) {
    .ssxl {
        font-size: 12.5rem
    }
}

.sxl {
    font-size: 12.5rem
}

@media(max-width:769px) {
    .sxl {
        font-size: 5.4166666667rem
    }
}

.xxxl {
    font-size: 6.25rem
}

@media(max-width:769px) {
    .xxxl {
        font-size: 2.2916666667rem
    }
}

.xxxsl {
    font-size: 5rem
}

@media(max-width:769px) {
    .xxxsl {
        font-size: 2.2916666667rem
    }
}

.xxl {
    font-size: 3.1666666667rem
}

@media(max-width:769px) {
    .xxl {
        font-size: 2.2916666667rem
    }
}

.xl {
    font-size: 3.75rem
}

@media(max-width:769px) {
    .xl {
        font-size: 2.2916666667rem
    }
}

.l {
    font-size: 3.3333333333rem
}

@media(max-width:769px) {
    .l {
        font-size: 2.2916666667rem
    }
}

.ml {
    font-size: 2.7083333333rem
}

.mml {
    font-size: 2.5rem
}

@media(max-width:769px) {
    .mml {
        font-size: 1.5833333333rem
    }
}

.mmml {
    font-size: 2rem
}

.m {
    font-size: 1.75rem
}

.sm {
    font-size: 1.5833333333rem
}

@media(max-width:769px) {
    .sm {
        font-size: 1rem
    }
}

.ssm {
    font-size: 1.25rem
}

@media(max-width:769px) {
    .ssm {
        font-size: 1rem
    }
}

.sssm {
    font-size: 1.1666666667rem
}

@media(max-width:769px) {
    .sssm {
        font-size: 1rem
    }
}

.s {
    font-size: 1.0833333333rem
}

@media(max-width:769px) {
    .s {
        font-size: .9166666667rem
    }
}

.xs {
    font-size: 1rem
}

@media(max-width:769px) {
    .xs {
        font-size: .8333333333rem
    }
}

.xxs {
    font-size: .9166666667rem
}

@media(max-width:769px) {
    .xxs {
        font-size: .75rem
    }
}

.xxxs {
    font-size: .8333333333rem
}

.base {
    font-size: .75rem
}

.smallest {
    font-size: .625rem
}

.t-200 {
    font-size: 10.4166666667vw;
    line-height: 10.4166666667vw
}

@media(orientation:portrait) {
    .t-200 {
        font-size: 9.2592592593vh;
        line-height: 9.2592592593vh
    }
}

.t-160 {
    font-size: 8.3333333333vw;
    line-height: 8.3333333333vw
}

@media(orientation:portrait) {
    .t-160 {
        font-size: 7.4074074074vh;
        line-height: 7.4074074074vh
    }
}

.t-120 {
    font-size: 6.25vw;
    line-height: 6.875vw
}

@media(orientation:portrait) {
    .t-120 {
        font-size: 5.5555555556vh;
        line-height: 6.1111111111vh
    }
}

.t-110 {
    font-size: 5.7291666667vw;
    line-height: 6.7708333333vw
}

@media(orientation:portrait) {
    .t-110 {
        font-size: 5.0925925926vh;
        line-height: 6.0185185185vh
    }
}

.t-100 {
    font-size: 5.2083333333vw;
    line-height: 6.25vw
}

@media(orientation:portrait) {
    .t-100 {
        font-size: 4.6296296296vh;
        line-height: 5.5555555556vh
    }
}

.t-80 {
    font-size: 4.1666666667vw;
    line-height: 4.6875vw
}

@media(orientation:portrait) {
    .t-80 {
        font-size: 5.9259259259vh;
        line-height: 6.6666666667vh
    }
}

.t-60 {
    font-size: 3.125vw;
    line-height: 3.6458333333vw
}

@media(orientation:portrait) {
    .t-60 {
        font-size: 5vh;
        line-height: 5.8333333333vh
    }
}

.t-40 {
    font-size: 2.0833333333vw;
    line-height: 2.3958333333vw
}

@media(orientation:portrait) {
    .t-40 {
        font-size: 3.3333333333vh;
        line-height: 3.8333333333vh
    }
}

.t-36 {
    font-size: 1.875vw;
    line-height: 2.2916666667vw
}

@media(orientation:portrait) {
    .t-36 {
        font-size: 3vh;
        line-height: 3.6666666667vh
    }
}

.t-30 {
    font-size: 1.5625vw;
    line-height: 2.0833333333vw
}

@media(orientation:portrait) {
    .t-30 {
        font-size: 2.5vh;
        line-height: 3.3333333333vh
    }
}

.t-24 {
    font-size: 1.25vw;
    line-height: 1.7708333333vw
}

@media(orientation:portrait) {
    .t-24 {
        font-size: 2.2222222222vh;
        line-height: 3.1481481481vh
    }
}

.t-20 {
    font-size: 1.0416666667vw;
    line-height: 1.3541666667vw
}

@media(orientation:portrait) {
    .t-20 {
        font-size: 2.4074074074vh;
        line-height: 2.962962963vh
    }
}

.t-18 {
    font-size: .9375vw;
    line-height: 1.1458333333vw
}

@media(orientation:portrait) {
    .t-18 {
        font-size: 1.6666666667vh;
        line-height: 2.037037037vh
    }
}

.t-16 {
    font-size: .8333333333vw;
    line-height: 1.1458333333vw
}

@media(orientation:portrait) {
    .t-16 {
        font-size: 2.4074074074vh;
        line-height: 2.962962963vh
    }
}

@media(orientation:portrait) {

    .helvetica.t-16,
    .helvetica.t-18,
    .helvetica.t-20,
    .ivar.t-16,
    .ivar.t-18,
    .ivar.t-20 {
        font-size: 1.8518518519vh;
        line-height: 2.1296296296vh
    }
}

.button {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.button__label {
    color: #000;
    letter-spacing: -.4px;
    font-size: 1rem;
    padding-right: 20px
}

@media(max-width:769px) {
    .button__label {
        font-size: .8333333333rem
    }
}

.button__round {
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width:769px) {
    .button__round {
        width: 80px;
        height: 80px;
        background-size: 35px
    }
}

.button--red .button__round {
    background-color: #002D25;
    background-image: url(images/82262c1138a04ba361ecb08acf25b0d6.svg)
}

.button--redWhite .button__label,
.button--whitelabel .button__label {
    color: #fff
}

.button--redWhite .button__round {
    border: 1px solid #fff;
    background-color: #002D25;
    background-image: url(images/82262c1138a04ba361ecb08acf25b0d6.svg)
}

.button--blackWhite .button__label {
    color: #000
}

.button--blackWhite .button__round {
    border: 1px solid #000;
    background-color: transparent;
    background-image: url(images/188807c1aa7ee0dc23d7cfc39b720b6c.svg)
}

.button--small .button__round {
    width: 80px;
    height: 80px;
    background-size: 42px 36px
}

.button--extrasmall .button__round {
    width: 62px;
    height: 62px;
    background-image: url(images/4cb7a8bf5feca24c0916cf6cce116646.svg);
    background-size: 32px 26px
}

.button--extraextrasmall .button__round {
    width: 40px;
    height: 40px;
    background-size: 25px
}

.button:hover {
    text-decoration: none
}

.button--top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.button--top .button__round {
    transform: rotate(-90deg)
}

.button--top .button__label {
    margin-top: 30px;
    padding-right: 0
}

.button--right .button__round {
    transform: rotate(-90deg)
}

.button--inverse .button__round {
    transform: rotate(-180deg)
}

.button--inverse .button__label {
    padding-right: 0;
    padding-left: 20px
}

.btn {
    text-align: center;
    border-radius: 0.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 10rem;
    font-weight: 700;
    font-size: 1rem;
    display: block;
    margin: 1em auto;
}

.text-white{
    color: white !important;
}

.btn:hover {
    text-decoration: none
}

.btn--black {
    border: 1px solid #000
}

.inlineLink {
    display: inline-flex;
    align-items: center;
    transition: opacity .2s ease-in !important
}

.inlineLink:hover {
    opacity: .6
}

.inlineLink:hover .label:after {
    -webkit-animation: setWidth .5s ease-out 0s 1 normal forwards, clipLine .75s ease-in .5s 1 normal forwards;
    animation: setWidth .5s ease-out 0s 1 normal forwards, clipLine .75s ease-in .5s 1 normal forwards
}

.inlineLink:hover .button {
    transform: translateX(.3645833333vw);
    transition-delay: .3s
}

.inlineLink .label {
    position: relative;
    text-transform: uppercase;

    margin-right: .78125vw;
    display: block
}

@media(orientation:portrait) {
    .inlineLink .label {
        margin-right: 1.3888888889vh
    }
}

.inlineLink .label:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -.462962963vh;
    left: 0;
    width: 0;
    height: 1px
}

.inlineLink .button,
.inlineLink .label:after {
    transition: all .2s ease-in
}

.inlineLink .button__round {
    border-width: .5px
}

@media(orientation:portrait) {
    .inlineLink .button--small .button__round {
        background-size: 3.7037037037vh
    }
}

.inlineLink.dark {
    color: #32322e
}

.inlineLink.dark .label:after {
    background-color: #32322e
}

.inlineLink.light {
    color: #fef7ec
}

.inlineLink.light .label:after {
    background-color: #f8f5ee
}

.inlineLink.light .button__round {
    filter: invert(1)
}

@-webkit-keyframes setWidth {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes setWidth {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes clipLine {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}

@keyframes clipLine {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}

.header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 80px;
    height: 100vh;
    background-color: transparent;
    padding-top: 45px;
    padding-bottom: 45px;
    z-index: 9999;
    border-right: 1px solid #d2cbc6;
    left: 0;
    top: 0;
    transition: background-color .3s ease;
}

@media(max-width:769px) {
    .header {
        height: auto;
        width: 100vw;
        flex-direction: row;
        padding: 12px 15px;
        border: none !important;
    }
}

.header:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d2cbc6;
    position: absolute;
    top: 26%;
    left: 0
}

@media(max-width:769px) {
    .header:after {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto
    }
}

.header__logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block
}

@media(max-width:769px) {
    .header__logo {
        order: 0;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.header .header__logoLibrary {
    display: none
}

.header .header__logoLibrary svg {
    transition: all .3s ease
}

.header__dateWrap {
    position: relative;
    width: 100%;
    height: 150px
}

@media(max-width:769px) {
    .header__dateWrap {
        display: none
    }
}

.header__date {
    left: 25px;
    position: absolute;
    transform-origin: bottom left;
    transform: rotate(90deg);
    display: block;
    width: 150px;
    text-align: right;
    top: -30px;
    transition: color .3s ease
}

.header svg * {
    transition: all .3s ease
}

@media(max-width:769px) {
    .header.opened svg * {
        fill: #fff !important
    }

    .header.opened:after {
        background-color: #fff !important
    }
}

.header.transparent {
    background-color: transparent !important
}

.header.light-black {
    background-color: #32322e
}

.header.beige {
    background-color: #002D25
}

.header.beige svg * {
    fill: #f8f5ee;
    transition: all .3s ease
}

.header.beige .header__date {
    color: #000;
    transition: color .3s ease
}

.header.beige:after {
    background-color: #979797
}

.header.brown {
    background-color: #002D25
}

.header.dark {
    background-color: #32322e
}

.header.brown,
.header.dark,
.header.light-black,
.header.opened,
.header.transparent,
.header.white {
    border-right: 1px solid #e8e8e8
}

.header.brown .header__logoLibrary svg,
.header.dark .header__logoLibrary svg,
.header.light-black .header__logoLibrary svg,
.header.opened .header__logoLibrary svg,
.header.transparent .header__logoLibrary svg,
.header.white .header__logoLibrary svg {
    filter: invert(1)
}

.header.brown svg *,
.header.dark svg *,
.header.light-black svg *,
.header.opened svg *,
.header.transparent svg *,
.header.white svg * {
    fill: #fff;
    transition: all .3s ease
}

.header.brown .header__date,
.header.dark .header__date,
.header.light-black .header__date,
.header.opened .header__date,
.header.transparent .header__date,
.header.white .header__date {
    color: #fff;
    transition: color .3s ease
}

.header.brown:after,
.header.dark:after,
.header.light-black:after,
.header.opened:after,
.header.transparent:after,
.header.white:after {
    background-color: #fff
}

html.library .header__logoLibrary {
    display: block;
    position: absolute;
    top: 25.9259259259vh;
    transform: rotate(90deg)
}

html.library .header__logoLibrary svg {
    width: 11.9791666667vw
}

@media(orientation:landscape) {
    html.library .header__logo {
        top: unset;
        transform: none;
        bottom: 14.8148148148vh
    }
}

.footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1.6666666667rem;
    margin-top: 5rem;
    padding-bottom: 3.3333333333rem;
    border-top: 1px solid #000
}

@media(max-width:769px) {
    .footer {
        margin-top: 50px
    }
}

.footer__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    letter-spacing: -.3px
}

@media(max-width:769px) {
    .footer__col {
        margin: 20px 0
    }
}

.footer__col>* {
    margin-right: 1.4583333333rem;
    opacity: .6
}

.footer__menu ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    list-style: none
}

.footer__menu li:first-child {
    margin: 0
}

.footer__menu li a:hover {
    color: #000;
    text-decoration: none
}

.footer__menu li a .char {
    color: #000 !important
}

.ham {
    cursor: pointer
}

.header__hamburger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 20%;
}

@media(max-width:769px) {
    .ham {
        order: 2
    }
}

.ham__mid {
    transform: translateX(0);
    transition: transform .3s ease
}

.ham.opened .ham__mid {
    transform: translateX(-10px)
}

button,
input,
select,
textarea {
    inherit;
    font-size: inherit;
    line-height: inherit
}

@media(min-width:768px) {
    .halfBlock {
        width: calc(50% - 15px);
        display: inline-block
    }

    .halfBlock:nth-of-type(2n) {
        margin-right: 26px
    }
}

.screen-reader-response,
.wpcf7-display-none {
    display: none;
    clear: both
}

.project_header {
    padding: 1em;
    color: white;
}

.project_title {
    font-size: 1.5em;
}

.project_item {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: .3s ease-in-out all;
}

.project_item:hover {
    transition: .3s ease-in-out all;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.white_board {
    padding: 1em;
    border: 1px solid black;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-bottom: 1em;
}

.social_wrapper {
    margin-top: 1em;
}

.social_wrapper a img {
    width: 40px;
}

input:not([type=submit]):not([type=checkbox]),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #E6B997;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 10;
    position: relative;
    color: #E6B997;
    font-size: .9rem;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;

    letter-spacing: 0;
    text-align: left;
    background-color: transparent;
    height: 40px;
    padding-left: 10px;
    text-transform: uppercase
}

input:not([type=submit]):not([type=checkbox]):focus,
select:focus,
textarea:focus {
    box-shadow: none;
    outline: none;
    color: #E6B997;

}

select {}

[name=messaggio] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 150px;
    padding-top: 10px
}

.form_label {
    font-weight: 500;
    font-size: .867rem;

    line-height: 1em;
    padding-bottom: 10px;
    display: block;
    color: #E6B997;
    text-transform: uppercase
}

.wpcf7-form-control-wrap:not(.privacy):not([type=submit]) {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.wpcf7 br {
    display: none
}

@media(max-width:769px) {

    .wpcf7 .no-padding-left,
    .wpcf7 .no-padding-right {
        padding-left: 0;
        padding-right: 0
    }
}

.required {
    color: #E6B997;

    font-weight: 500;
    font-size: .867rem
}

div.wpcf7-response-output {
    padding: 15px;
    line-height: 1em;
    border: none;
    width: calc(100% - 30px);
    text-align: center;
    background: #E6B997;
    color: #fff;

    margin-top: 30px;
    position: relative;
    z-index: 10
}

span.wpcf7-not-valid-tip {
    display: block;
    top: 5px;
    font-size: .7rem;
    color: #fff;
    margin-top: 8px;
    background: #000;
    padding: 5px 10px;
    float: right;
    transition: all .15s ease-in
}

.required {
    font-size: .87rem;
    display: block;
    margin-bottom: 30px
}

.privacy {
    width: 100%;
    display: block;
    margin-bottom: 60px
}

@media(max-width:1199px) {
    .privacy {
        margin-bottom: 40px
    }
}

@media(max-width:769px) {
    .privacy {
        margin-bottom: 20px
    }
}

.privacy .wpcf7-acceptance,
.privacy span {
    display: block
}

.privacy .wpcf7-acceptance:after,
.privacy .wpcf7-acceptance:before,
.privacy span:after,
.privacy span:before {
    display: table;
    content: " "
}

.privacy .wpcf7-acceptance:after,
.privacy span:after {
    clear: both
}

.privacy [type=checkbox] {
    display: inline-block;
    margin-right: 15px;
    flex-basis: 13px
}

.privacy .wpcf7-list-item label {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    cursor: pointer;
    padding-bottom: 0
}

.privacy .wpcf7-list-item label:after,
.privacy .wpcf7-list-item label:before {
    display: table;
    content: " "
}

.privacy .wpcf7-list-item label:after {
    clear: both
}

.privacy .wpcf7-list-item-label {
    display: inline-block;
    flex-basis: calc(100% - 30px);
    font-size: 1rem;
    line-height: 22px;
    color: #E6B997;
    font-size: .87rem;

    font-weight: 500;
    height: auto !important
}

@media(max-width:991px) {
    .privacy .wpcf7-list-item-label {
        line-height: 1.3em
    }
}

.privacy .wpcf7-list-item-label a {
    text-decoration: underline;
    color: #fff;
    opacity: 1
}

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

.form__privacyWrap {
    flex: 1 1 auto
}

[type=submit] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    border: none;
    text-align: center;

    font-weight: 700;
    font-size: .867rem;
    line-height: 1.2em;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    padding: 10px 25px;
    display: inline-block;
    background-color: #E6B997;
    color: #E6B997;
    min-width: 140px;
    transition: all .2s linear
}

[type=submit]:focus,
[type=submit]:hover {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    background-color: #9d755a;
    transition: all .2s linear
}

[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover {
    outline: none;
    box-shadow: none
}

[type=submit]:disabled {
    opacity: .5;
    cursor: not-allowed
}

@media(max-width:769px) {
    [type=submit] {
        margin-top: 20px
    }
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select {
    cursor: pointer;
    display: block;
    position: relative
}

.select-styled {
    font-weight: 700;
    font-size: .9rem;
    border: 1px solid #E6B997;
    padding: 10px;
    color: #fff;
    height: 40px;
    position: relative;

    font-weight: 400;
    color: #E6B997;
    text-transform: uppercase
}

.select-styled:after {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    content: "";
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .15s linear;
    right: 20px;
    background-image: url(../images/svg/form_arrow.html)
}

.select-styled.active:after {
    transition: all .15s linear;
    transform: translateY(-50%) rotate(180deg)
}

.select-options {
    display: none;
    background-color: #E6B997;
    z-index: 999;
    padding: 0;
    list-style: none;
    margin: 10px 0 0
}

.select-options,
.select-options li {
    color: #E6B997;

}

.select-options li {
    margin: 0;
    padding: 10px;
    font-weight: 700;
    font-size: .85rem;
    transition: all .15s ease;
    cursor: pointer;
    font-weight: 500;
    font-size: .867rem;
    text-transform: uppercase
}

.select-options li:first-child {
    display: none
}

.select-options li:hover {
    color: #E6B997;
    background-color: #E6B997;
    transition: all .15s ease
}

.select-options li[rel=hide] {
    display: none
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: absolute;
    left: 0;
    z-index: 100;
    opacity: 0;
    width: 20px;
    height: 20px;
    display: block;
    top: 0;
    left: -6px
}

[type=checkbox]:checked+span,
[type=checkbox]:not(:checked)+span {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding-left: 35px
}

[type=checkbox]:checked+span:before,
[type=checkbox]:not(:checked)+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    z-index: 10;
    transition: background .2s;
    cursor: pointer;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid #969696
}

[type=checkbox]::disabled:checked+span:before,
[type=checkbox]:disabled:not(:checked)+span:before {
    box-shadow: none;
    border-color: #000;
    background-color: #000
}

[type=checkbox]:checked+span:before {
    background-color: #fff;
    background-image: url(images/9ce5a05e7dd3644dbe3be68a1aa7b61b.svg)
}

[type=checkbox]:disabled+span {
    color: #000
}

.commonPage {
    padding-bottom: 70px;
    padding-top: 20px
}

.commonPage__wrap {
    padding-left: 15px;
    padding-right: 15px
}

.commonPage__title {
    display: block;
    margin-bottom: 20px
}

.commonPage__text p {
    padding-bottom: 15px
}

.commonPage__text ol,
.commonPage__text ul {
    padding-left: 15px;
    margin-bottom: 15px
}

.commonPage__text ul {
    list-style: disc
}

.commonPage__text ol {
    list-style: decimal
}

.commonPage__text iframe {
    margin-top: 15px;
    margin-bottom: 15px
}

.mainNav {
    width: 50vw;
    height: 100vh;
    background-color: #002D25;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all .2s linear
}

@media(max-width:769px) {
    .mainNav {
        width: 100vw;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.mainNav li {
    position: relative
}

.mainNav li .char {
    position: relative;
    -webkit-text-stroke: 1px #fff
}

@media(max-width:769px) {
    .mainNav li .char {
        -webkit-text-stroke: 0
    }
}

.mainNav .word__hover {
    position: absolute;
    top: 0;
    left: 0
}

.mainNav .word__hover .char {
    opacity: 0
}

.mainNav.opened {
    opacity: 1;
    z-index: 1000;
    transition: all .15s linear
}

.mainNav__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transform: translate(-50%, -50%) scale(.98);
    z-index: 100
}

@media(max-width:769px) {
    .mainNav__img {
        max-width: 200px
    }
}

.mainNav__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100vw;
    height: 100vh;
    padding-left: 12vw;
    padding-right: 12vw;
    z-index: 110
}

@media(max-width:769px) {
    .mainNav__wrap {
        padding-left: 25px;
        padding-right: 25px;
        height: auto
    }
}

.mainNav__col ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.mainNav__col ul li {
    position: relative;
    display: inline-block;
    transform: rotate(2deg) translateY(50px);
    opacity: 0
}

.mainNav__col ul a {
    color: #fff !important;

    display: block;
    line-height: 1em;
    font-weight: 700
}

.mainNav__col ul a:hover {
    text-decoration: none
}

@media(orientation:portrait) {
    .mainNav__col--left {
        width: 100%
    }
}

@media(min-width:1920px) {
    .mainNav__col--left li {
        padding-bottom: .625rem
    }
}

.mainNav__col--left li:last-child {
    padding-bottom: 0
}

.mainNav__col--left li:after {
    color: #002D25;

    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6666666667rem;
    display: block;
    position: absolute;
    top: -10px;
    right: -60px
}

@media(max-width:769px) {
    .mainNav__col--left li:after {
        font-size: .8333333333rem;
        right: -30px
    }
}

.mainNav__col--left li a {
    font-size: 2rem;
    letter-spacing: -.35px;
    line-height: 1.5em
}

@media(max-width:1200px) {
    .mainNav__col--left li a {
        font-size: 4rem
    }
}

@media(max-width:769px) {
    .mainNav__col--left li a {
        font-size: 1.5em;
        line-height: 2em;
    }
}

@media(max-width:769px) {
    .mainNav__col--left {
        display: flex;
        width: 100%;
        flex-basis: 100%;
        flex: 0 100%;
        flex-direction: column;
    }

    #modal-header{
        flex-direction: column;
    }


    #filter-form{
        margin-top: 4em !important;
    }

    .modal-content{
        margin-top: 4em !important;
        height:100% !important;
    }
}

@media(orientation:portrait) {
    .mainNav__col--right {
        width: 100%;
        display: flex
    }
}

@media(max-width:769px) {
    .mainNav__col--right {
        display: flex;
        width: 100%;
        flex-basis: 100%;
        flex: 0 100%;
        margin-top: 40px
    }
}

@media(orientation:portrait) {
    .mainNav__col--right .mainNav__mobileWrap {
        display: flex;
        flex-direction: column;
        width: 50%;
        flex-basis: 50%
    }
}

@media(orientation:portrait) {
    .mainNav__col--right .mainNav__mobileWrap:last-child {
        padding-left: 35px
    }
}

.mainNav__col--right ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.mainNav__col--right li {
    position: relative;
    display: inline-block;
    padding-bottom: 15px
}

@media(max-width:769px) {
    .mainNav__col--right li {
        padding-bottom: 0
    }
}

.mainNav__col--right li:last-child {
    padding-bottom: 0
}

.mainNav__col--right li a {
    font-size: 2.66rem;
    letter-spacing: -.5px;
    font-weight: 700
}

@media(max-width:1200px) {
    .mainNav__col--right li a {
        font-size: 2rem
    }
}

@media(max-width:769px) {
    .mainNav__col--right li a {
        font-size: 18px;
        line-height: 28px;

        letter-spacing: 0
    }
}

.mainNav__col--right li a:hover {
    text-decoration: none
}

.mainNav__langs {
    margin-top: 20px
}

.mainNav__langs ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.mainNav__langs li {
    padding-bottom: 0;
    margin-right: 30px
}

@media(max-width:769px) {
    .mainNav__langs li {
        margin-right: 20px
    }
}

.mainNav__langs li:last-child {
    margin-right: 0
}

.mainNav__langs a,
.mainNav__langs span {
    position: relative;
    color: #fff;
    font-size: 2.66rem;
    letter-spacing: -.5px;
    font-weight: 700;
    Helvetica Neue LT Std
}

@media(max-width:769px) {

    .mainNav__langs a,
    .mainNav__langs span {
        font-size: 18px;
        line-height: 28px;

        letter-spacing: 0
    }
}

.mainNav__langs a:hover,
.mainNav__langs span:hover {
    text-decoration: none
}

.mainNav__langs a.active,
.mainNav__langs span.active {
    color: #002D25
}

.mainNav__langs a.active:after,
.mainNav__langs span.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #002D25;
    position: absolute;
    bottom: 0;
    left: 0
}

.mainNav__priv {
    position: absolute;
    left: 12vw;
    bottom: 4%
}

@media(max-width:769px) {
    .mainNav__priv {
        left: 0;
        width: 100vw;
        padding-left: 25px;
        padding-right: 25px;
        bottom: -75px
    }
}

.mainNav__priv ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

@media(max-width:769px) {
    .mainNav__priv ul {
        justify-content: space-between
    }
}

.mainNav__priv ul li {
    margin-right: 35px;
    transform: rotate(2deg) translateY(50px);
    opacity: 0
}

@media(max-width:769px) {
    .mainNav__priv ul li {
        margin-right: 5px
    }
}

.mainNav__priv ul li:last-child {
    margin-right: 0
}

.mainNav__priv a {
    color: #fff;

    letter-spacing: -.4px;
    font-size: .833rem
}

.fa-facebook-f {
    color: #1877F2;
}

.fa-instagram {
    background: linear-gradient(45deg, #E1306C, #C13584, #833AB4, #5851DB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-twitter {
    color: #1DA1F2;
}

.footer_nav_container {
    display: flex;
    justify-content: flex-start;
    padding: 20px 0;
    background-color: transparent;
}

ul#footer-main_nav {
    flex-direction: row !important;
}

ul#footer-main_nav a {
    font-size: 1.5rem !important;
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.footer-menu-item a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.footer-menu-item a i {
    margin-right: 8px;
    /* Отступ для иконки */
}

.footer-menu-item a:hover {
    color: #e6b997;
}

@media(max-width:769px) {
    .mainNav__priv a {
        font-size: 12px;
        line-height: 28px;

        letter-spacing: 0;
        font-weight: 700
    }
}

.close {
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 3%;
    right: 3%;
    transform: rotate(45deg);
    z-index: 120;
    cursor: pointer
}

@media(max-width:769px) {
    .close {
        display: none
    }
}

.close__curt {
    background-color: #E6B997;
    position: absolute;
    top: -10px;
    left: -68px;
    width: 120px;
    height: 120px;
    z-index: 100;
    transform: rotate(45deg);
    border-radius: 50%
}

.close:after,
.close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff
}

.close:before {
    width: 55px;
    height: 1px
}

.close:after {
    width: 1px;
    height: 55px
}

@media(orientation:landscape) {
    .social {
        margin-top: 35px
    }
}

.social__list li {
    padding-bottom: 12px
}

@media(max-width:769px) {
    .social__list li {
        padding-bottom: 0
    }
}

.social__list li a {
    font-size: 1rem;
    text-transform: capitalize
}

@media(max-width:769px) {
    .social__list li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;

    }
}

.reservedAreaVoices {
    margin-top: 35px
}

.reservedAreaVoices.hidden--portrait {
    display: flex;
    width: 50%;
    flex-basis: 50%;
    margin-top: 0;
    position: absolute;
    bottom: 4%
}

.reservedAreaVoices.hidden--landscape {
    display: flex;
    flex-direction: column
}

.reservedAreaVoices li {
    padding: 0 12px 0 0
}

@media(max-width:1199px) {
    .reservedAreaVoices li {
        padding-right: 0
    }
}

.reservedAreaVoices li:nth-child(2) a {
    color: #002D25
}

.reservedAreaVoices li a {
    color: #fff;

    letter-spacing: -.4px;
    font-size: .833rem
}

@media(max-width:769px) {
    .reservedAreaVoices li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;

    }
}

@media(orientation:landscape) {
    .reservedAreaVoices li a[title=Logout] {
        padding-left: 10px
    }
}

.reservedAreaVoices li a:hover {
    text-decoration: none
}

.progBar {
    position: fixed;
    top: 0;
    left: 80px;
    width: 20px;
    height: 100vh;
    background-color: transparent;
    z-index: 1000;
    border-right: 1px solid #d2cbc6
}

@media(max-width:1199px) {
    .progBar {
        display: none
    }
}

.progBar__inner {
    background-image: url(images/563655bc9f0da9e3f649a6b33a09c77b.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    position: relative;
    transform: translateY(-100%);
    transition: filter .3s ease
}

.progBar__sep {
    position: absolute;
    display: block;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d2cbc6
}

.progBar.white {
    background-color: #fff
}

.progBar.beige {
    background-color: #fef7ec
}

.progBar.brown {
    background-color: #E6B997
}

.progBar.light-black {
    background-color: #32322e
}

.progBar.transparent {
    background-color: transparent
}

.library .progBar.brown .progBar__inner,
.library .progBar__inner {
    filter: grayscale(1)
}

.library .progBar.light-black .progBar__inner,
.library .progBar.transparent .progBar__inner {
    filter: invert(100%) sepia(3%) saturate(0) hue-rotate(176deg) brightness(100%) contrast(118%)
}

#magicMouseCursor {
    position: fixed;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 9999;
    left: 0;
    top: 0;
    transition: transform .07s, width .3s, height .3s, background-color .3s, mix-blend-mode .3s;
    pointer-events: none;
    mix-blend-mode: difference;
    opacity: 0
}

@media(max-width:1199px) {
    #magicMouseCursor {
        display: none
    }
}

#magicMouseCursor.pointer-overlay {
    border: none
}

#magicMouseCursor.hovering {
    height: 130px !important;
    width: 130px !important;
    background-color: transparent;
    transition: width .3s ease-out, height .3s ease-out;
    transform-origin: center top
}

#magicMouseCursor.magic-hover__text {
    background-color: #fff !important;
    mix-blend-mode: normal !important;
    height: 130px !important;
    width: 130px !important;
    color: #000 !important
}

#magicMouseCursor.magic-hover__text .centeredText {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase
}

#magicPointer {
    background-color: #fff;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    position: fixed;
    pointer-events: none;
    transition: background .2s, box-shadow .2s;
    border-radius: 50%;
    opacity: 0
}

#magicPointer.pointer-overlay {
    height: 100px;
    width: 100px;
    mix-blend-mode: difference;
    transition: background .2s, width .2s, height .2s, box-shadow .2s
}

.magic-hover {
    transition: all .2s
}

.pageIntro__top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 126px;
    border-bottom: 1px solid #979797
}

@media(max-width:769px) {
    .pageIntro__top {
        height: 80px;
        padding: 0 15px
    }
}

.pageIntro__top.space-between {
    justify-content: space-between
}

.pageIntro__top--reverse {
    justify-content: flex-start;
    padding-left: 106px;
    padding-right: 0
}

@media(max-width:769px) {
    .pageIntro__top--reverse {
        padding-left: 0
    }
}

.pageIntro__top--reverse .button {
    padding-left: 70px
}

@media(max-width:991px) {
    .pageIntro__top--reverse .button {
        padding-left: 40px
    }
}

@media(max-width:769px) {
    .pageIntro__top--reverse .button {
        padding-left: 15px
    }
}

.pageIntro__top--reverse .button__label {
    order: 2;
    padding-left: 35px
}

.pageIntro__top--reverse .button__round {
    transform: rotate(180deg)
}

.pageIntro__top .button {
    padding-right: 70px;
    margin-left: 0
}

@media(max-width:991px) {
    .pageIntro__top .button {
        padding-right: 40px
    }
}

@media(max-width:769px) {
    .pageIntro__top .button {
        padding-right: 0
    }
}

.pageIntro__top .button--inverse {
    padding-left: 70px;
    margin-left: 0
}

@media(max-width:991px) {
    .pageIntro__top .button--inverse {
        padding-left: 40px
    }
}

@media(max-width:769px) {
    .pageIntro__top .button--inverse {
        padding-left: 0
    }
}

.pageIntro__top .button--reverse {
    padding-left: 70px;
    margin-left: 0
}

@media(max-width:991px) {
    .pageIntro__top .button--reverse {
        padding-left: 40px
    }
}

@media(max-width:769px) {
    .pageIntro__top .button--reverse {
        padding-left: 15px
    }
}

@media(max-width:769px) {
    .pageIntro__top .button__round {
        width: 50px;
        height: 50px;
        background-size: 36px 30px
    }
}

.pageIntro__numWrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

@media(max-width:769px) {
    .pageIntro__numWrap {
        padding-left: 20px !important
    }
}

.pageIntro__title {
    position: relative;
    z-index: 10
}

.pageIntro__num {
    line-height: .8em;
    display: block;
    -webkit-text-stroke: 1px #002D25;
    color: transparent;
    position: relative;
    left: -110px;
    z-index: 1
}

@media(max-width:769px) {
    .pageIntro__num {
        left: -50px
    }
}

.pageIntro__featWrap {
    overflow: hidden;
    max-height: 80vh;
    min-height: 600px
}

@media(max-width:991px) {
    .pageIntro__featWrap {
        min-height: 400px
    }
}

@media(max-width:769px) {
    .pageIntro__featWrap {
        min-height: 250px
    }
}

.pageIntro__feat {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.2)
}

.pageIntro__btn {
    margin-left: 2.0833333333rem
}

.pageGen__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.pageGen__title {
    line-height: 1em;
    letter-spacing: -1px;
    padding-bottom: 5.8333333333rem
}

@media(max-width:769px) {
    .pageGen__title {
        padding-bottom: 50px
    }
}

@media(max-width:769px) {
    .pageGen__title br {
        display: none
    }
}

.textCol__col {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: calc(50% - 65px)
}

@media(max-width:991px) {
    .textCol__col {
        width: 100%;
        flex-basis: 100%
    }
}

@media(max-width:991px) {
    .textCol__col:nth-of-type(odd) .textCol__text {
        margin-bottom: 50px
    }
}

.textCol__col:nth-of-type(odd) .textCol__image {
    order: 2
}

@media(max-width:991px) {
    .textCol__col:nth-of-type(2n) .textCol__image {
        order: 2
    }
}

@media(max-width:991px) {
    .textCol__col:nth-of-type(2n) .textCol__text {
        margin: 50px 0
    }
}

.textCol__imageWrap {
    overflow: hidden
}

.textCol__image {
    width: 100%;
    overflow: hidden
}

.textCol__image img {
    transform: scale(1.2)
}

.textCol__text {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.5833333333rem;
    min-height: 600px
}

@media(max-width:991px) {
    .textCol__text {
        min-height: 1px
    }
}

.textRichCol__col {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: calc(50% - 65px)
}

@media(max-width:991px) {
    .textRichCol__col {
        width: 100%;
        flex-basis: 100%
    }
}

@media(max-width:991px) {
    .textRichCol__col:nth-of-type(odd) .textRichCol__text {
        margin-bottom: 50px
    }
}

@media(max-width:991px) {
    .textRichCol__col:nth-of-type(odd) .textRichCol__image {
        order: 2
    }
}

.textRichCol__col:nth-of-type(2n) {
    padding-top: 3.3333333333rem
}

.textRichCol__col:nth-of-type(2n) .textRichCol__image {
    order: 2;
    margin-top: 4.1666666667rem;
    margin-bottom: 0
}

.textRichCol__imageWrap {
    overflow: hidden
}

.textRichCol__image {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 4.1666666667rem
}

.textRichCol__image img {
    transform: scale(1.2)
}

.textRichCol__label {
    display: block;
    line-height: 1em;
    margin-bottom: .8333333333rem
}

.textRichCol__intro {
    letter-spacing: -2px;
    line-height: 2.9166666667rem;
    margin-bottom: 2.0833333333rem
}

.textRichCol__text {
    line-height: 1.3333333333rem
}

.textRichCol__btnWrap {
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #000;
    padding-top: 30px;
    width: 100%
}

.textRichCol__btnWrap,
.textRow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.textRow {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 9.1666666667rem
}

.textRow:nth-of-type(2n) {
    flex-direction: row-reverse
}

.textRow>* {
    flex-basis: calc(50% - 65px)
}

.textRow .textRichCol__image {
    margin-top: 0;
    margin-bottom: 0
}

.textRow .textRichCol__textWrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.textRow .textRichCol__text {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.libraryLine {
    transform-origin: top center;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    height: 100%;
    opacity: 1;
    width: 1px
}

.libraryLine.dark {
    background-color: #141414
}

.libraryLine.light {
    background-color: #f8f5ee
}

.width--1500 {
    width: 78.125vw;
    margin: 0 auto
}

@media(orientation:portrait) {
    .width--1500 {
        width: calc(100vw - 60px)
    }
}



.library-template .preloader {
    height: 100vh;
    background-color: #32322e
}

.library-template .preloader .preloader__count {
    color: #f8f5ee
}

.library-template .preloader__mask {
    background-color: #64143a
}

.homeWrapper {
    height: 100vh;
    overflow: hidden
}

.homeWrapper,
.homeWrapper.brown {
    background-color: #E6B997
}

@media(max-width:991px) {
    .homeWrapper {
        height: auto
    }
}

.homeSec {
    min-width: 100vw;
    position: relative
}

@media(max-width:991px) {
    .homeSec {
        min-height: auto
    }
}

.homeSec__inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%
}

.homeSec__feat {
    height: 100%;
    width: auto;
    max-width: 1000vw
}

.homeSec__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #fef7ec
}

@media(min-width:1200px) {
    .homeSec__col {
        width: 50vw;
        min-width: 950px
    }
}

@media(max-width:991px) {
    .homeSec__col {
        width: 100%;
        padding-left: 80px
    }
}

@media(max-width:769px) {
    .homeSec__col {
        padding-left: .8333333333rem;
        padding-right: .8333333333rem
    }
}

.homeSec__imgWrap {
    width: 90vw;
    overflow: hidden
}

@media(max-width:991px) {
    .homeSec__imgWrap {
        width: 100vw;
        height: 450px
    }
}

@media(max-width:769px) {
    .homeSec__imgWrap {
        height: 250px
    }
}

.homeSec__imgWrap img {
    min-width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:991px) {
    .homeSec__imgWrap img {
        position: relative;
        width: auto;
        height: 150%;
        -o-object-fit: cover;
        object-fit: cover;
        top: -20%
    }
}

.num {
    position: absolute;
    line-height: .8em;
    display: block;
    -webkit-text-stroke: 1px #002D25;
    color: transparent
}

@media(max-width:991px) {
    .num {
        position: relative
    }
}

.titLine {
    opacity: 1;
    transform: translateY(30px);
    width: 63%;
    text-wrap: wrap;
}

html.home #main_cont,
html.libraryHome #main_cont {
    left: 0;
    min-width: 0vw
}

html.library.has-scroll-smooth {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

@media(orientation:portrait) {
    html.library .header {
        border-right: none
    }
}

@media(orientation:portrait) {
    html.libraryHome #main_cont {
        padding-top: 0
    }
}

html.libraryTimeline #main {
    background-color: #32322e
}

@media(orientation:landscape) {
    html.libraryTimeline #main_cont {
        left: 80px;
        width: calc(100% - 80px)
    }
}

@media(orientation:portrait) {
    html.libraryTimeline #main_cont {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

#home-visual {
    padding-top: 0;
    padding-bottom: 0
}

.vis {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: relative;
    padding-left: 12vw;
    padding-right: 12vw
}

@media(max-width:769px) {
    .vis {
        padding-left: 15px;
        padding-right: 15px
    }
}

.vis__bg,
.vis__grad,
.vis__vid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vis__bg,
.vis__slide,
.vis__vid {
    z-index: 10
}

.vis__grad {
    z-index: 15;
    background: #000;
    background: radial-gradient(circle, transparent 0, #000 100%);
    opacity: .15
}

.vis__tit {
    z-index: 20;
    line-height: 1em
}

.vis__block,
.vis__tit {
    position: relative;
    display: block
}

.vis__block {
    opacity: 0;
    transform: translateY(70px)
}

.vis__slide {
    position: absolute;
    padding-left: 0;
    padding-right: 12vw;
    bottom: 8vh
}

.vis__arrow {
    position: absolute;
    right: 8vw;
    top: 50%;
    margin-top: -66px;
    z-index: 20;
    width: 132px;
    height: 132px;
    cursor: pointer
}

@media(max-width:769px) {
    .vis__arrow {
        width: 65px;
        height: 65px;
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        bottom: 40px;
        top: auto
    }
}

.vis__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #eb5757;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0
}

.bert__col {
    height: 100%
}

.bert__col--text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #fef7ec
}

@media(max-width:1199px) {
    .bert__col--text {
        width: 70vw
    }
}

@media(max-width:991px) {
    .bert__col--text {
        width: 100vw;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width:1200px) {
    .bert__col--text {
        width: 50vw;
        min-width: 950px
    }
}

.bert__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}



@media(max-width:991px) {
    .bert__wrap {
        align-items: center;
        text-align: center
    }
}

.bert__img {
    position: absolute;
    left: -15px;
    top: 10px;
    width: 200px;
    z-index: 10;
    opacity: 0
}

@media(max-width:1600px) {
    .bert__img {
        top: 10px;
        width: 150px;
        left: 0
    }
}

@media(max-width:991px) {
    .bert__img {
        left: -80px;
        margin-bottom: 30px
    }
}

@media(max-width:769px) {
    .bert__img {
        position: relative;
        top: 0;
        left: 0;
        max-width: 35%
    }
}

.bert__text,
.bert__tit {
    position: relative;
    z-index: 20
}

.bert__tit {
    line-height: 1em;
    margin-bottom: 25px;
    margin-left: 165px;
}

@media(max-width:991px) {
    .bert__tit {
        margin-left: 0
    }
}

@media(max-width:769px) {
    .bert__text {
        font-size: 22px
    }
}

.bert__text>:first-child {
    text-indent: 165px
}

@media(max-width:991px) {
    .bert__text>:first-child {
        text-indent: 0
    }
}

.comp {
    position: relative
}

.comp__num {
    top: 60px;
    left: 0;
    transform: translateX(15%)
}

@media(max-width:991px) {
    .comp__num {
        left: -40px;
        top: -25px
    }
}

.comp__col {
    position: relative;
    height: 100%
}

.comp__col--text {
    padding-top: 60px
}

@media(max-width:1600px) {
    .comp__col--text {
        position: relative
    }
}

@media(max-width:991px) {
    .comp__col--text {
        padding-bottom: 60px
    }
}

.comp__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    border: 2px solid #000;
    background-color: #fef7ec;
    z-index: 200;
    align-self: flex-start
}

@media(min-width:992px) {
    .comp__wrap {
        width: 625px;
        left: -285px
    }
}

@media(max-width:991px) {
    .comp__wrap {
        transform: none !important;
        align-self: center;
        border: 1px solid #000;
        margin-top: -100px
    }
}

.comp__wrap>* {
    display: block;
    width: 100%
}

.comp__label,
.comp__title {
    border-bottom: 2px solid #000
}

@media(max-width:991px) {

    .comp__label,
    .comp__title {
        border-bottom: 1px solid #000
    }
}

.comp__label {
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 1em
}

@media(max-width:991px) {
    .comp__label {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.comp__title {
    letter-spacing: -1.6px;
    line-height: 1em;
    padding-top: 30px;
    padding-bottom: 30px
}

@media(max-width:991px) {
    .comp__title {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.comp__text {
    line-height: 1.3em;
    padding-top: 40px;
    padding-bottom: 40px;
    letter-spacing: -.5px
}

@media(max-width:991px) {
    .comp__text {
        padding: 20px 15px;
        line-height: 1.15em
    }
}

@media(max-width:769px) {
    .comp__text {
        font-size: 22px
    }
}

.comp__oval {
    width: 130px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 48px;
    margin-bottom: 45px
}

@media(max-width:991px) {
    .comp__oval {
        margin-bottom: 25px
    }
}

.comp__bottom {
    border-top: 2px solid #000;
    letter-spacing: 2px;
    padding-top: 15px;
    padding-bottom: 15px
}

@media(max-width:991px) {
    .comp__bottom {
        border-top: 1px solid #000
    }
}

.comp__btn {
    position: relative;
    margin-top: 20px;
    left: 100px
}

@media(max-width:1600px) {
    .comp__btn {
        position: absolute;
        left: 50%;
        bottom: 2.0833333333rem;
        transform: translateX(-50%)
    }
}

@media(max-width:1199px) {
    .comp__btn {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width:991px) {
    .comp__btn {
        position: relative;
        bottom: auto;
        width: 100%;
        margin-top: 50px
    }
}

@media(max-width:1199px) {
    .comp__btn .button__label {
        padding: 0
    }
}

@media(max-width:991px) {
    .comp__btn #comp-btn {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

#tradition {
    padding-right: 600px;
    margin-right: 500px;
    background-color: #E6B997
}

@media(max-width:1199px) {
    #tradition {
        padding-right: 800px;
        margin-right: 0
    }
}

@media(max-width:991px) {
    #tradition {
        padding-right: 0;
        margin-right: 0;
        height: auto
    }
}

.trad {
    position: relative;
    background-color: #E6B997;
    width: 100vw;
    min-height: 100vh;
    padding-top: 10vh
}

@media(max-width:991px) {
    .trad {
        height: auto;
        padding-left: 80px
    }
}

@media(max-width:769px) {
    .trad {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.trad__label {
    display: block;
    padding-bottom: 40px;
    line-height: 1em;
    width: 100%;
    border-bottom: 1px solid #fff
}

@media(max-width:991px) {
    .trad__label {
        position: relative;
        z-index: 100;
        margin-top: -100px
    }
}

.trad__title {
    line-height: 1.1em;
    position: relative;
    z-index: 10;
    font-weight: 600
}

@media(max-width:1199px) {
    .trad__title {
        font-size: 4.1666666667rem
    }
}

@media(max-width:769px) {
    .trad__title {
        font-size: 2.2916666667rem
    }
}

.trad__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px
}

.trad__inner,
.trad__innerText {
    position: relative
}

.trad__num {
    top: -6vh;
    right: -9vw
}

@media(max-width:991px) {
    .trad__num {
        top: -25px;
        left: 0;
        right: auto
    }
}

.trad__textMask {
    overflow: hidden;
    padding-top: 15vh
}

@media(max-width:991px) {
    .trad__textMask {
        padding-top: 50px;
        min-height: 600px;
        overflow: visible;
        position: relative;
        background-color: #E6B997;
        z-index: 10
    }
}

@media(max-width:769px) {
    .trad__textMask {
        min-height: 500px
    }
}

.trad__btn {
    position: absolute;
    bottom: -20vh;
    right: 0
}

@media(max-width:991px) {
    .trad__btn {
        position: relative;
        top: 40px;
        right: auto;
        left: 0;
        bottom: auto;
        justify-content: center
    }
}

@media(max-width:991px) {
    .trad__btn .button__round {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

.trad__btn .button__label {
    transform: translateY(20px);
    opacity: 0
}

@media(max-width:991px) {
    .trad__btn .button__label {
        transform: translateY(0);
        opacity: 1
    }
}

#home-vini {
    background-color: #E6B997
}

#home-vini .homeSec__imgWrap {
    position: relative
}

@media(max-width:991px) {
    #home-vini .homeSec__imgWrap {
        margin-top: 0;
        margin-bottom: 2.0833333333rem
    }
}

#home-vini .homeSec__imgWrap:after {
    content: "";
    position: absolute;
    width: 50vw;
    height: 100vh;
    right: -20vw;
    top: 0;
    z-index: 1;
    background-color: #fef7ec
}

#home-vini .homeSec__imgWrap img {
    position: relative;
    z-index: 10
}

@media(max-width:991px) {
    .wines {
        background-color: #fef7ec
    }
}

.wineList {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    min-width: 760px
}

@media(max-width:1600px) {
    .wineList {
        overflow-y: auto
    }
}

@media(max-width:991px) {
    .wineList {
        min-width: 0;
        max-width: 100%;
        width: 100%
    }
}

.wineList__tit {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    letter-spacing: -1.2px;
    line-height: 1em;
    transform: translateY(30px);
    opacity: 0
}

@media(max-width:1199px) {
    .wineList__tit {
        font-size: 2.0833333333rem
    }
}

@media(max-width:991px) {
    .wineList__tit {
        font-size: 1.6666666667rem
    }
}

.wineList__tit sup {
    display: block;
    line-height: 1em;
    margin-left: 5px;
    transform: translateY(15px);
    opacity: 0
}

.wineList__tit a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    transition: all .3s
}

.wineList__tit a:hover {
    text-decoration: none
}

.wineList__round {
    position: relative;
    width: 156px;
    height: 156px;
    margin-right: 50px;
    overflow: hidden
}

.wineList__round.hid {
    display: none
}

@media(max-width:1199px) {
    .wineList__round {
        width: 100px;
        height: 100px;
        margin-right: 20px
    }
}

.wineList__roundInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #000;
    padding-left: 20px;
    padding-right: 20px
}

@media(max-width:1199px) {
    .wineList__roundInner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.wineList__roundInner span:last-child {
    align-self: flex-end
}

.wineList__roundMask {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fef7ec;
    display: block
}

.wineList__roundBot,
.wineList__roundTop {
    opacity: 0
}

.wineList__roundTop {
    transform: translateY(15px)
}

.wineList__roundBot {
    transform: translateY(-15px)
}

.wineList__sep {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    transform: scaleX(0)
}

.wineList__el {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #000;
    min-height: 156px;
    overflow: hidden;
    position: relative
}

@media(max-width:1199px) {
    .wineList__el {
        min-height: 100px;
        padding: 0 15px
    }
}

@media(max-width:991px) {
    .wineList__el {
        min-height: 100px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.wineList__el:first-child {
    border-top: 1px solid #000
}

.wineList__el:nth-of-type(odd) .wineList__tit {
    color: #002D25
}

.wineList__el:first-child,
.wineList__el:nth-child(3),
.wineList__el:nth-child(6) {
    justify-content: flex-end
}

.wineList__el:nth-child(3) .wineList__round {
    order: 2;
    margin-left: 70px;
    margin-right: 0
}

@media(max-width:991px) {
    .wineList__el:nth-child(3) .wineList__round {
        margin-left: 20px
    }
}

.wineBg {
    min-width: 90vw;
    height: 100%;
    position: relative
}

@media(max-width:991px) {
    .wineBg {
        margin-top: 2.0833333333rem;
        height: 100vh;
        width: 100vw
    }
}

.wineBg:before {
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .15);
    z-index: 11
}

.wineBg:before,
.wineBg__feat {
    position: absolute;
    width: 100%;
    height: 100%
}

.wineBg__feat {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 1
}

.wineBg__feat,
.wineBg__feat img {
    -o-object-fit: cover;
    object-fit: cover
}

.wineBg__feat img {
    min-width: 100vw;
    min-height: 100vh
}

.wineBg__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-left: 12vw;
    padding-right: 12vw;
    z-index: 15
}

@media(max-width:991px) {
    .wineBg__inner {
        padding-left: 100px;
        height: auto;
        align-items: center
    }
}

@media(max-width:769px) {
    .wineBg__inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.wineBg__btn,
.wineBg__text,
.wineBg__title {
    position: relative;
    z-index: 10
}

.wineBg__text,
.wineBg__title {
    transform: translateY(50px);
    opacity: 0
}

.wineBg__title {
    letter-spacing: -2px;
    display: block;
    line-height: 1em;
    margin-bottom: 30px
}

@media(max-width:991px) {
    .wineBg__title {
        margin-bottom: 20px
    }
}

.wineBg__text {
    line-height: 1.2em
}

@media(max-width:991px) {
    .wineBg__text {
        line-height: 1.3em
    }
}

@media(max-width:769px) {
    .wineBg__text {
        font-size: 22px
    }
}

.wineBg__btn {
    align-self: flex-end;
    top: 20vh;
    position: relative
}

@media(max-width:991px) {
    .wineBg__btn {
        top: 50px;
        align-self: center
    }
}

@media(max-width:769px) {
    .wineBg__btn {
        top: 25px
    }
}

@media(max-width:991px) {
    .wineBg__btn .button__round {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

.wineBg__num {
    top: 5vh;
    right: 4vw;
    z-index: 15
}

@media(max-width:991px) {
    .wineBg__num {
        right: auto;
        text-align: center
    }
}

#terroir {
    width: 100vw;
    background-color: #E6B997
}

#home-terr {
    padding-right: 150px
}

@media(max-width:991px) {
    #home-terr {
        padding-right: 0;
        height: auto
    }
}

#home-terr .homeSec__inner {
    flex-wrap: nowrap
}

@media(max-width:991px) {
    #home-terr .homeSec__inner {
        flex-wrap: wrap;
        margin-top: -50px
    }
}

.terr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100vw;
    min-height: 100vh
}

@media(max-width:991px) {
    .terr {
        min-height: 85vh
    }
}

.terr__bg {
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: 0;
    opacity: .3;
    z-index: 1
}

@media(max-width:991px) {
    .terr__bg {
        height: 100vh
    }
}

.terr__num {
    top: 4vh;
    left: 50vw;
    transform: translateX(-15vw);
    z-index: 10
}

@media(max-width:991px) {
    .terr__num {
        top: 50px;
        left: 40px;
        height: auto
    }
}

@media(max-width:769px) {
    .terr__num {
        left: 0;
        text-align: center;
        transform: none
    }
}

.terr__label {
    display: inline-block;
    position: absolute;
    top: 12vh;
    width: 100vw;
    text-align: center;
    left: 0;
    z-index: 100
}

@media(max-width:991px) {
    .terr__label {
        left: 40px;
        top: 25vh;
        height: 100vh;
        z-index: 10
    }
}

@media(max-width:769px) {
    .terr__label {
        left: 0
    }
}

.terr__title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    position: relative;
    z-index: 50;
    letter-spacing: -1.1px;
    flex-basis: 65vh
}

@media(max-width:991px) {
    .terr__title {
        font-size: 1.6666666667rem;
        left: 40px;
        left: 0
    }
}

.terr #mask-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    width: 60vw;
    height: 85vh
}

@media(max-width:991px) {
    .terr #mask-wrap {
        width: 100vw;
        height: 70vh
    }
}

@media(max-width:769px) {
    .terr #mask-wrap {
        width: 90vw;
        height: 60vh
    }
}

.terr__imgMask {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    position: relative;
    width: 100%;
    height: 100%
}

.terr__imgMask img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    min-width: 100%;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.terr__bar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15vh;
    z-index: 50
}

@media(max-width:991px) {
    .terr__bar {
        bottom: 25vh;
        width: 200vw;
        max-width: 200vw
    }
}

.terr__btn {
    left: 100px;
    align-self: flex-end;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px
}

@media(max-width:769px) {
    .terr__btn {
        margin-bottom: 50px
    }
}

.terr__btn .button__label {
    color: #f8f5ee
}

@media(max-width:991px) {
    .terr__btn .button__round {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

.buss {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 100;
    padding-left: 12vw;
    padding-right: 12vw;
    height: 100%
}

@media(max-width:991px) {
    .buss {
        left: 40px
    }
}

@media(max-width:769px) {
    .buss {
        left: 0;
        width: 100%
    }
}

.buss__circle {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 765px;
    height: 790px;
    position: relative
}

@media(max-width:1199px) {
    .buss__circle {
        width: 600px;
        height: 600px
    }
}

@media(max-width:769px) {
    .buss__circle {
        width: 300px;
        height: 300px;
        display: none
    }
}

.buss__circleInner {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(images/9bf65731e50cbc3269d2a7b419ee1e0b.svg);
    width: 100%;
    height: 100%;
    -webkit-animation: bussolaAnim 2.7s cubic-bezier(.65, 0, .35, 1) infinite;
    animation: bussolaAnim 2.7s cubic-bezier(.65, 0, .35, 1) infinite
}

.buss__coords,
.buss__tit {
    font-size: 1.3333333333rem;
    position: relative
}

.buss__sep {
    height: 1px;
    width: 510px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px
}

@media(max-width:769px) {
    .buss__sep {
        width: 250px
    }
}

.buss__text {
    overflow: hidden
}

@-webkit-keyframes bussolaAnim {
    0% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(20deg)
    }

    70% {
        transform: rotate(20deg)
    }

    to {
        transform: rotate(-10deg)
    }
}

@keyframes bussolaAnim {
    0% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(20deg)
    }

    70% {
        transform: rotate(20deg)
    }

    to {
        transform: rotate(-10deg)
    }
}

.homeNews {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fef7ec;
    width: 100vw;
    padding-right: 10vw;
    padding-left: 10vw
}

@media(max-width:1600px) {
    .homeNews {
        width: auto
    }
}

@media(max-width:991px) {
    .homeNews {
        padding: 50px 0 50px 100px
    }
}

@media(max-width:769px) {
    .homeNews {
        padding: 50px 15px
    }
}

.homeNews__title {
    display: block;
    font-size: 1.3333333333rem;
    margin-bottom: 30px
}

@media(max-width:991px) {
    .homeNews__title {
        padding-left: 80px;
        padding-left: 0
    }
}

.homeNews__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: normal
}

@media(max-width:991px) {
    .homeNews__wrap {
        position: relative;
        left: 40px;
        padding-left: 15px;
        padding-right: 15px;
        left: 0
    }
}

.homeNews__single {
    border: 1px solid #000;
    margin-left: -1px;
    margin-top: -1px;
    max-width: 22.5vw
}

@media(max-width:480px) {
    .homeNews__single {
        max-width: 100%
    }
}

.homeNews__single a {
    display: block
}

.homeNews__featOverflow {
    overflow: hidden
}

.homeNews__featWrap {
    width: 100%;
    padding: 22px;
    border-bottom: 1px solid #000
}

@media(max-width:991px) {
    .homeNews__featWrap {
        min-height: 200px
    }
}

.homeNews__feat {
    width: 100%;
    height: 22vh;
    max-height: 375px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:769px) {
    .homeNews__feat {
        height: auto
    }
}

.homeNews__date,
.homeNews__textWrap {
    padding: 12px 22px;
    line-height: 1em;
    border-bottom: 1px solid #000
}

.homeNews__mainTit {
    display: block;
    margin-bottom: 12px;
    line-height: 1em;
    max-width: 60%;
    word-wrap: normal
}

.homeNews__textWrap {
    min-height: 180px;
    border-bottom: 0;
    white-space: normal
}

.homeNews__mainText {
    line-height: 1.2em
}

.homeNews__block:hover {
    text-decoration: none
}

@media(max-width:991px) {
    .homeNews__block {
        border-bottom: 0
    }
}

.homeNews__block.last {
    border-right: 1px solid #000
}

@media(max-width:991px) {

    .homeNews__block.last .homeNews__date,
    .homeNews__block.last .homeNews__featWrap,
    .homeNews__block.last .homeNews__textWrap {
        border-right: 0
    }
}

.homeNews__btn {
    align-self: flex-end;
    margin-top: 40px;
    width: 100%;
    flex-basis: 100%;
    justify-content: center
}

@media(max-width:991px) {
    .homeNews__btn .button__round {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

.fin {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 150vw;
    background-color: #fef7ec;
    padding-right: 30vw
}

@media(max-width:1199px) {
    .fin {
        width: 100vw
    }
}

@media(max-width:991px) {
    .fin {
        width: 100vw;
        padding-left: 100px;
        padding-right: 0;
        left: 0;
        min-height: 70vh
    }
}

@media(max-width:769px) {
    .fin {
        padding-left: 15px;
        padding-right: 15px
    }
}

.fin__title {
    text-align: center;
    line-height: 1em
}

@media(max-width:991px) {
    .fin__title {
        font-size: 2.5rem
    }
}

.fin__btn {
    position: absolute;
    top: 50%;
    right: 40vw;
    transform: translateY(-50%)
}

@media(max-width:1199px) {
    .fin__btn {
        right: 15vw
    }
}

@media(max-width:991px) {
    .fin__btn {
        position: relative;
        transform: rotate(90deg);
        margin-top: 60px;
        left: 0;
        right: auto
    }
}

.library__col,
.library__wrap {
    height: 100%;
    position: relative
}

.library__content {
    background-color: #64143a;
    height: 100%
}

@media(orientation:portrait) {
    .library__content {
        width: 100%
    }
}

.library__wrap {
    display: flex
}

.library__num {
    top: 5vh;
    right: 4vw;
    z-index: 1
}

@media(orientation:portrait) {
    .library__num {
        position: absolute;
        right: 50%;
        transform: translateX(50%)
    }
}

@media(orientation:landscape) {
    .library__btn {
        position: absolute;
        right: 100px;
        align-self: flex-end;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px
    }
}

.library__btn .button__label {
    color: #f8f5ee
}

@media(orientation:portrait) {
    .library__btn .button__round {
        transform: rotate(-90deg);
        margin-left: 5px
    }
}

.library__yearWrap {
    height: 100%;
    position: relative;
    width: 20.8333333333vw;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 2
}

@media(orientation:portrait) {
    .library__yearWrap {
        display: none;
        position: absolute;
        width: 100%;
        height: 9.2592592593vh;
        bottom: 0
    }
}

.library__yearWrap:after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(-50%);
    z-index: 1;
    background-color: #f8f5ee
}

@media(orientation:portrait) {
    .library__yearWrap:after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        transform: translateY(-50%);
        top: 50%
    }
}

.library__yearWrap .library__year {
    z-index: 1;
    background-color: #64143a;
    padding: 4.1666666667vh 0;
    position: absolute;
    right: -50%;
    z-index: 2;
    bottom: 5.5555555556vh
}

@media(orientation:portrait) {
    .library__yearWrap .library__year {
        font-size: 4.6296296296vh;
        line-height: 4.6296296296vh;
        left: 50%;
        right: unset;
        bottom: 50%;
        transform: translate(-50%, 50%);
        padding: 1.8518518519vh
    }
}

.library__centeredWrap {
    width: 100vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

@media(orientation:portrait) {
    .library__centeredWrap {
        flex-direction: column;
        padding: 18.5185185185vh 0
    }
}

@media(orientation:portrait) {
    .library__centeredWrap svg {
        width: 27.7777777778vh;
        height: auto
    }
}

@media(orientation:landscape) {
    .library__centeredWrap svg {
        width: 15.625vw;
        height: 3.7037037037vh;
        position: absolute;
        top: 11.1111111111vh;
        left: 50%;
        transform: translateX(-50%)
    }
}

.library__centeredWrap svg path {
    fill: #f8f5ee
}

.library__mainDesc {
    width: 44.2708333333vw;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(orientation:portrait) {
    .library__mainDesc {
        width: 95%;
        margin: 21.2962962963vh 0 11.1111111111vh
    }

    .library__mainDesc br {
        display: none
    }
}

.library__mainDesc h3 {
    text-align: center
}

.bertConc {
    padding: 5rem 4.7916666667rem 9.1666666667rem
}

@media(max-width:769px) {
    .bertConc {
        padding: 50px 30px
    }
}

.bertConc__bottom {
    padding-bottom: 7.0833333333rem;
    width: 100vw
}

@media(max-width:769px) {
    .bertConc__bottom {
        padding-bottom: 50px
    }
}

.bertTime {
    padding-bottom: 6.4583333333rem;
    margin-top: 6.4583333333rem;
    margin-bottom: 6.4583333333rem;
    border-bottom: 1px solid #979797
}

@media(max-width:769px) {
    .bertTime {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 50px
    }
}

.bertTime__tit {
    border-bottom: 1px solid #979797;
    padding-bottom: 1.4583333333rem;
    margin-bottom: 1.4583333333rem;
    padding-left: 4.5833333333rem;
    display: block
}

@media(max-width:769px) {
    .bertTime__tit {
        padding: 0 0 20px;
        text-align: center
    }
}

.bertTime__cents {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.4583333333rem
}

.bertTime__label {
    margin-right: 30px
}

.bertTime__trig {
    color: #d2cbc6;
    margin-left: 25px;
    position: relative;
    cursor: pointer
}

.bertTime__trig.active {
    color: #002D25
}

.bertTime__trig.active:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #002D25;
    margin-top: 5px;
    display: block
}

.bertTime__slider {
    width: calc(100vw - 13rem);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media(max-width:769px) {
    .bertTime__slider {
        width: 100%
    }
}

.bertTime__slide {
    height: 20rem;
    margin-bottom: 5rem;
    position: relative;
    z-index: 100;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:769px) {
    .bertTime__slide {
        height: auto
    }
}

.bertTime__slideInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 2px solid #000;
    background-color: #fef7ec;
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    height: 20rem
}

@media(max-width:769px) {
    .bertTime__slideInner {
        width: 90%;
        flex-direction: column;
        height: auto
    }
}

.bertTime__slideYear {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 50vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    text-align: center;
    height: 160px;
    padding-left: 25vw
}

@media(max-width:769px) {
    .bertTime__slideYear {
        padding-left: 0;
        top: 35%;
        pointer-events: none
    }
}

.bertTime__imgWrap,
.bertTime__textWrap {
    height: 100%;
    flex-basis: 50%
}

@media(max-width:769px) {

    .bertTime__imgWrap,
    .bertTime__textWrap {
        flex-basis: 100%
    }
}

.bertTime__imgWrap {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #000
}

@media(max-width:769px) {
    .bertTime__imgWrap {
        height: 220px;
        flex-basis: 220px;
        width: 100%;
        position: relative
    }
}

.bertTime__imgWrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:769px) {
    .bertTime__imgWrap img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        heigt: 100%
    }
}

.bertTime__text,
.bertTime__title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.bertTime__title {
    flex-basis: 6.6666666667rem;
    height: 6.6666666667rem;
    border-bottom: 1px solid #000;
    width: 100%
}

@media(max-width:769px) {
    .bertTime__title {
        height: 60px;
        flex-basis: 60px
    }
}

.bertTime__textWrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bertTime__text {
    flex: 1 1 auto;
    line-height: 1.0416666667rem;
    width: 100%;
    justify-content: flex-start;
    padding-left: 50px
}

@media(max-width:769px) {
    .bertTime__text {
        padding: 35px 25px;
        min-height: 210px
    }
}

.bertTime__text b,
.bertTime__text strong {

    font-size: 1.0833333333rem;
    line-height: 1em;
    letter-spacing: -.5px;
    display: block;
    margin-bottom: 15px
}

.bertTime__dragWrap {
    position: relative
}

@media(max-width:769px) {
    .bertTime__dragWrap {
        display: none
    }
}

.bertTime__drag {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: #fef7ec;
    background-image: url(images/a52e68aaa3c5b14ac08d63b67ae6879d.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 45px 24px;
    z-index: 90
}

@media(max-width:769px) {
    .bertTime__drag {
        width: 60px;
        height: 60px;
        background-size: 41px 20px
    }
}

.bertTime__bar {
    height: 20px;
    width: 100%;
    border: 1px solid #000;
    overflow: hidden;
    position: relative
}

.bertTime__barInner {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url(images/9a01c63d37683851e5237fe8709cb9c5.svg);
    height: 100%;
    width: 120%;
    position: relative;
    left: -120%
}

.bertTime__trigger {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #002D25;
    display: block;
    transform: translate(-8px, -50%) rotate(45deg)
}

.bertTime__years {
    position: absolute;
    left: 0;
    bottom: 1.6666666667rem;
    overflow: hidden;
    max-width: 100%;
    z-index: 10
}

@media(max-width:769px) {
    .bertTime__years {
        bottom: -70px
    }
}

.bertTime__yearsInner {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.bertTime__year {
    flex-basis: 1200px;
    min-width: 1200px;
    -webkit-text-stroke: 1px #d2cbc6;
    color: transparent;
    transition: all .2s ease
}

@media(max-width:769px) {
    .bertTime__year {
        width: 100vw;
        flex-basis: 100vw;
        min-width: 100%;
        text-align: center
    }
}

.bertTime__year.active {
    -webkit-text-stroke: 1px #002D25;
    transition: all .2s ease
}

.bertVal {
    padding-left: 4.7916666667rem;
    padding-right: 4.7916666667rem
}

@media(max-width:769px) {
    .bertVal {
        padding: 50px 30px
    }
}

.bertVal__title {
    margin-top: 7.0833333333rem;
    margin-bottom: 7.0833333333rem
}

@media(max-width:769px) {
    .bertVal__title {
        margin-top: 0;
        margin-bottom: 50px
    }
}

.bertVal__btn {
    margin-top: 8.3333333333rem
}

@media(max-width:769px) {
    .bertVal__btn {
        margin-top: 50px
    }
}

.bertVal,
.bertVal .pageGen__wrapper {
    position: relative
}

.bertVal #wrapper {
    position: absolute;
    top: -15px;
    height: 5950px;
    width: 100%
}

@media(min-width:1920px) {
    .bertVal #wrapper {
        height: 5850px
    }
}

@media(max-width:1199px) {
    .bertVal #wrapper {
        height: 3950px
    }
}

.bertVal .pageGen__wrap {
    overflow: hidden
}

.bertVal__block {
    position: relative;
    width: 100%
}

.bertVal__block--static {
    min-height: 681px;
    background-color: #fef7ec
}

@media(max-width:1440px) {
    .bertVal__block--static {
        min-height: 795px
    }
}

@media(max-width:1199px) {
    .bertVal__block--static {
        min-height: 479px
    }
}

@media(max-width:991px) {
    .bertVal__block--static {
        display: none
    }
}

.bertVal__title {
    margin-bottom: 2.0833333333rem;
    padding-bottom: 0
}

@media(max-width:991px) {
    .bertVal__title {
        margin-top: 0
    }
}

.bertVal__tit {
    line-height: 1em;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 2.0833333333rem
}

@media(max-width:991px) {
    .bertVal__tit {
        font-size: 2.0833333333rem
    }
}

@media(max-width:769px) {
    .bertVal__tit {
        font-size: 1.4583333333rem
    }
}

.bertVal__tit__sub {

    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
    margin-left: 1.0416666667rem
}

@media(max-width:769px) {
    .bertVal__tit__sub {
        display: block;
        margin-left: 0;
        margin-top: 5px
    }
}

.bertVal__trigger {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #fef7ec;
    border-top: 1px solid #979797
}

@media(max-width:991px) {
    .bertVal__trigger {
        flex-direction: column;
        align-items: flex-start
    }
}

.bertVal__imgWrap {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden
}

@media(max-width:1199px) {
    .bertVal__imgWrap {
        height: 400px
    }
}

@media(max-width:769px) {
    .bertVal__imgWrap {
        height: auto
    }
}

.bertVal__img {
    position: relative;
    width: 100%
}

@media(max-width:1500px) {
    .bertVal__img {
        transform: scale(1.4)
    }
}

@media(max-width:769px) {
    .bertVal__img {
        height: 250px;
        transform: none;
        margin: 30px 0;
        height: auto
    }
}

.bertVal__link {
    width: 8.3333333333rem;
    height: 2.0833333333rem;
    line-height: 2.0833333333rem
}

@media(max-width:769px) {
    .bertVal__link {
        transform: scale(.8);
        transform-origin: center left
    }
}

.fixedEl {
    height: 210px
}

@media(min-width:1920px) {
    .fixedEl {
        height: 145px
    }
}

@media(max-width:1199px) {
    .fixedEl {
        height: 210px
    }
}

@media(max-width:769px) {
    .fixedEl {
        height: 0
    }
}

.style #to-top {
    transform: translateY(-700px)
}

@media(max-width:991px) {
    .style #to-top {
        transform: none
    }
}

.bertVal__block:first-child {
    z-index: 1
}

.bertVal__block:nth-child(2) {
    z-index: 2
}

.bertVal__block:nth-child(3) {
    z-index: 3
}

.bertVal__block:nth-child(4) {
    z-index: 4
}

.bertVal__block:nth-child(5) {
    z-index: 5
}

.bertVal__block:nth-child(6) {
    z-index: 6
}

.bertVal__block:nth-child(7) {
    z-index: 7
}

.bertVal__block:nth-child(8) {
    z-index: 8
}

.bertVal__block:nth-child(9) {
    z-index: 9
}

.bertVal__block:nth-child(10) {
    z-index: 10
}

.bertVal__block:nth-child(3) {
    transform: translateY(-601px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(3) {
        transform: translateY(-401px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(3) {
        transform: none
    }
}

.bertVal__block:nth-child(4) {
    transform: translateY(-1202px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(4) {
        transform: translateY(-802px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(4) {
        transform: none
    }
}

.bertVal__block:nth-child(5) {
    transform: translateY(-1803px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(5) {
        transform: translateY(-1203px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(5) {
        transform: none
    }
}

.bertVal__block:nth-child(6) {
    transform: translateY(-2404px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(6) {
        transform: translateY(-1604px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(6) {
        transform: none
    }
}

.bertVal__block:nth-child(7) {
    transform: translateY(-3005px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(7) {
        transform: translateY(-2005px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(7) {
        transform: none
    }
}

.bertVal__block:nth-child(8) {
    transform: translateY(-3606px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(8) {
        transform: translateY(-2406px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(8) {
        transform: none
    }
}

.bertVal__block:nth-child(9) {
    transform: translateY(-4207px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(9) {
        transform: translateY(-2807px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(9) {
        transform: none
    }
}

.bertVal__block:nth-child(10) {
    transform: translateY(-4808px)
}

@media(max-width:1199px) {
    .bertVal__block:nth-child(10) {
        transform: translateY(-3208px)
    }
}

@media(max-width:991px) {
    .bertVal__block:nth-child(10) {
        transform: none
    }
}

.wl {
    padding-left: 5rem;
    padding-right: 5rem
}

@media(max-width:991px) {
    .wl {
        padding-left: 0;
        padding-right: 0
    }
}

.wl__tit {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    letter-spacing: -1.2px;
    line-height: 1em
}

@media(max-width:769px) {
    .wl__tit {
        width: calc(100% - 70px);
        display: inline-block
    }
}

.wl__sup {
    display: block;
    line-height: 1em;
    margin-left: 5px
}

@media(max-width:769px) {
    .wl__sup {
        display: inline-block
    }
}

.wl__close {
    position: relative;
    width: 80px;
    height: 80px;
    border: 1px solid #000;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.wl__close:after,
.wl__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    display: block
}

.wl__close:before {
    width: 45px;
    height: 1px
}

.wl__close:after {
    width: 1px;
    height: 45px;
    opacity: 0
}

@media(max-width:769px) {
    .wl__close {
        width: 50px;
        height: 50px
    }
}

.wl__trigger {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #000;
    padding-top: 1.6666666667rem;
    padding-bottom: 1.6666666667rem;
    margin-top: -1px
}

@media(max-width:769px) {
    .wl__trigger {
        padding: 1.6666666667rem 1.0416666667rem
    }
}

.wl__trigger.closed .wl__close:after {
    opacity: 1
}

.wl__cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #000
}

@media(max-width:991px) {
    .wl__cont {
        align-items: flex-start
    }
}

.wl__block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-basis: 33.3%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 40px 35px
}

.wl__block:last-child {
    border-right: 1px solid #fef7ec
}

.wl__block:hover {
    text-decoration: none
}

@media(max-width:991px) {
    .wl__block {
        flex-wrap: wrap
    }
}

@media(max-width:769px) {
    .wl__block {
        align-items: center;
        flex-basis: 100%;
        width: 100%
    }
}

.wl .two .wl__block {
    flex-basis: 50%
}

.wl .two .wl__block:nth-child(2) {
    border-right: 1px solid #fef7ec
}

@media(max-width:769px) {
    .wl .two .wl__block {
        flex-basis: 100%;
        width: 100%
    }
}

.wl__blockImg {
    flex-basis: 185px
}

@media(max-width:991px) {
    .wl__blockImg {
        flex-basis: 50%;
        margin: auto auto 25px
    }
}

@media(max-width:769px) {
    .wl__blockImg {
        flex-basis: 30%
    }
}

.wl__wineText {
    flex: 1 1 auto;
    text-align: right;
    flex-basis: 10.8333333333rem
}

@media(max-width:991px) {
    .wl__wineText {
        text-align: left
    }
}

@media(max-width:769px) {
    .wl__wineText {
        padding-left: 15px
    }
}

.wl__name {
    letter-spacing: -.6px;
    line-height: 1.75rem;
    margin-bottom: .625rem
}

.wl__sub {
    line-height: 1.3333333333rem
}

.newsList__title {
    display: block;
    margin-top: 4.1666666667rem;
    margin-bottom: 3.3333333333rem;
    letter-spacing: -2.6px
}

.newsList .homeNews__wrap {
    max-width: 53.75rem;
    margin-left: auto;
    margin-right: auto
}

.newsList .homeNews__featWrap {
    border-top: 0
}

.newsList .homeNews__block {
    width: 33.333333%;
    flex-basis: 33.333333%;
    flex: 0 0 33.333333%;
    border: 1px solid #000;
    margin-left: -1px;
    margin-top: -1px
}

@media(max-width:991px) {
    .newsList .homeNews__block {
        width: 50%;
        flex-basis: 50%;
        flex: 0 0 50%
    }
}

@media(max-width:769px) {
    .newsList .homeNews__block {
        width: 100%;
        flex-basis: 100%;
        flex: 0 0 100%
    }
}

.single .wineIntro__wrap,
.singleIntro {
    min-height: calc(100vh - 126px)
}

.singleIntro {
    position: relative;
    height: auto !important;
    padding-top: 126px;
    border-bottom: 1px solid #979797
}

@media(max-width:991px) {
    .singleIntro {
        padding-top: 0
    }
}

.singleIntro #trig {
    height: 70%
}

.singleIntro .wineIntro__colInner {
    justify-content: flex-start
}

.singleIntro .wineIntro__col {
    position: relative
}

.singleIntro .wineIntro__col:first-child {
    padding: 3.75rem
}

@media(max-width:769px) {
    .singleIntro .wineIntro__col:first-child {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px
    }
}

.singleIntro .wineIntro__col:last-child {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    height: auto;
    align-items: flex-start
}

@media(max-width:991px) {
    .singleIntro .wineIntro__col:last-child {
        padding-top: 0
    }
}

@media(max-width:769px) {
    .singleIntro .wineIntro__col:last-child {
        padding-bottom: 50px
    }
}

.singleIntro .wineIntro__featWrap {
    position: relative
}

.singleIntro .wineIntro__name {
    max-width: 100%;
    margin-bottom: 0
}

@media(max-width:991px) {
    .singleIntro .wineIntro__name {
        max-width: 100%
    }
}

.singleIntro .wineIntro__feat {
    position: relative;
    width: 100%
}

@media(max-width:991px) {
    .singleIntro .wineIntro__feat {
        height: auto
    }
}

.singleIntro .wineIntro__sub {

    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
    margin-top: 15px
}

@media(max-width:769px) {
    .singleIntro .wineIntro__sub {
        margin-top: 5px
    }
}

.singleIntro__text {
    margin-top: 2.9166666667rem
}

@media(max-width:769px) {
    .singleIntro__text {
        margin-top: 1.6666666667rem
    }
}

.singleIntro__text p {
    margin-bottom: 1.6666666667rem;
    line-height: 1.3333333333rem
}

.approfondimento #trig,
.approfondimento .singleIntro__featWrap {
    height: calc(100vh - 300px)
}

@media(max-width:991px) {
    .approfondimento .singleIntro__featWrap {
        height: auto
    }
}

.approfondimento .singleIntro__featWrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:991px) {
    .approfondimento .singleIntro__featWrap img {
        height: auto
    }
}

.approfondimento .singleIntro__text {
    font-size: .75rem;
    line-height: 1.1666666667rem;
    margin-bottom: 1.0416666667rem
}

.approfondimento .singleIntro__text p {
    margin: 0;
    font-size: 14px;
    line-height: inherit;
    color: inherit;
    font-weight: inherit
}

.approfondimento .ecomm-link__label {

    margin-top: 1.4583333333rem;
    font-size: .75rem;
    line-height: .75rem;
    font-weight: 700
}

.approfondimento .wineIntro__btn {
    margin-top: .8333333333rem
}

.latestNews {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    margin-left: -40px
}

@media(max-width:1199px) {
    .latestNews {
        margin-left: 0;
        min-width: auto;
        padding-left: 20px
    }
}

@media(max-width:769px) {
    .latestNews {
        padding-left: 0;
        padding-top: 50px
    }
}

.latestNews__title {
    margin-bottom: 60px;
    letter-spacing: -1.5px;
    text-align: center
}

@media(max-width:769px) {
    .latestNews__title {
        font-size: 30px
    }
}

.latestNews .homeSec__inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.latestNews .homeNews__block {
    width: 33.333333%;
    flex-basis: 33.333333%;
    flex: 0 0 33.333333%;
    border: 1px solid #000;
    margin-left: -1px;
    margin-top: -1px
}

@media(max-width:991px) {
    .latestNews .homeNews__block {
        width: 50%;
        flex-basis: 50%;
        flex: 0 0 50%
    }
}

@media(max-width:769px) {
    .latestNews .homeNews__block {
        width: 100%;
        flex-basis: 100%;
        flex: 0 0 100%
    }
}

@media(max-width:1600px) {
    .latestNews .homeNews__feat {
        height: 200px
    }
}

.cart__label {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1em;
    display: block;
    padding-left: 2.0833333333rem;
    z-index: 1000;
    background-color: #fef7ec;
    position: relative;
    height: 5.25rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

@media(max-width:769px) {
    .cart__label {
        height: auto;
        font-size: 25px;
        padding: 15px 0;
        justify-content: center
    }
}

.cart__inner {
    position: relative;
    margin-top: 4.1666666667rem;
    left: 0 !important
}

@media(max-width:991px) {
    .cart__inner {
        left: auto !important
    }
}

.cart__innerWrap {
    grid-area: 1/1/1/1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

.cart img {
    transform-origin: bottom center;
    width: 1170px;
    height: 980px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.cart__block {
    grid-area: 1/1/1/1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

.cart__block img {
    grid-area: 1/1/1/1
}

.cart__textWrap {
    position: absolute;
    top: 6.25rem;
    right: 1.25rem
}

@media(max-width:769px) {
    .cart__textWrap {
        top: 30px;
        right: 30px
    }
}

.cart__tit {
    letter-spacing: -.9px;
    display: block;
    margin-bottom: .8333333333rem
}

.cart__sub,
.cart__tit {
    line-height: 1em
}

.cart__block {
    position: relative
}

.cart__textBlock {
    position: absolute;
    top: 50%;
    right: 6.25rem;
    transform: translateY(-50%);
    width: 22.5rem;
    height: 18.5416666667rem;
    border: 1px solid #000;
    background-color: #fef7ec
}

@media(max-height:768px) {
    .cart__textBlock {
        top: 35%
    }
}

@media(max-width:991px) {
    .cart__textBlock {
        top: 50px;
        left: 50%;
        transform: translate(-50%)
    }
}

@media(max-width:769px) {
    .cart__textBlock {
        top: 15px;
        left: auto;
        right: 0;
        width: auto;
        transform: none;
        height: auto
    }
}

.cart__textDesc,
.cart__textTit {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #000
}

.cart__textTit {
    height: 6rem
}

@media(max-width:769px) {
    .cart__textTit {
        height: auto;
        padding: .625rem
    }
}

.cart__textDesc {
    height: 12.5rem;
    line-height: 1.5em;
    padding: 0 1.4583333333rem;
    font-size: .75rem;
    border: 0
}

@media(max-width:769px) {
    .cart__textDesc {
        height: auto;
        padding: .625rem
    }
}

.cart__textLink {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 3.4166666667rem;
    margin-right: .4166666667rem
}

@media(max-width:769px) {
    .cart__textLink {
        height: auto;
        padding: .625rem
    }
}

@media(max-width:769px) {
    .cart__btn .button__round {
        width: 42px;
        height: 42px;
        background-size: 28px 22px
    }
}

.sep {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 100;
    display: block;
    top: 981px
}

#block-01 img {
    transform: scale(.5)
}

@media(max-width:769px) {
    #block-01 img {
        position: relative;
        top: 150px;
        left: -100px;
        transform: scale(1.5)
    }
}

#block-02,
#block-03,
#block-04,
#block-05,
#block-06,
#block-07 {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    background-color: #fef7ec
}

#block-02 img,
#block-03 img,
#block-04 img,
#block-05 img,
#block-06 img,
#block-07 img {
    position: relative;
    top: 3px;
    left: 4px
}

@media(max-width:769px) {

    #block-02 img,
    #block-03 img,
    #block-04 img,
    #block-05 img,
    #block-06 img,
    #block-07 img {
        top: -150px
    }
}

#block-02 img {
    position: relative;
    transform-origin: top right
}

@media(max-width:769px) {
    #block-02 img {
        top: 150px;
        left: -100px;
        transform: scale(1.5);
        transform-origin: bottom center
    }
}

#block-03 img {
    transform: scale(1);
    position: relative;
    transform-origin: top right;
    top: -250px;
    transform: scale(2.5)
}

@media(max-height:1000px) {
    #block-03 img {
        top: -100px;
        transform: scale(1.8)
    }
}

@media(max-height:768px) {
    #block-03 img {
        top: -180px
    }
}

@media(max-height:768px)and (max-width:1024px) {
    #block-03 img {
        top: -250px
    }
}

@media(max-width:991px) {
    #block-03 img {
        transform: scale(1.8);
        top: -180px
    }
}

@media(max-width:769px) {
    #block-03 img {
        top: -450px
    }
}

#block-04 img,
#block-05 img,
#block-06 img,
#block-07 img {
    position: relative;
    transform-origin: top right;
    transform: scale(3.5);
    top: -800px;
    left: 950px
}

@media(max-height:768px) {

    #block-04 img,
    #block-05 img,
    #block-06 img,
    #block-07 img {
        transform: scale(3);
        top: -700px;
        left: 650px
    }
}

@media(max-height:768px)and (max-width:1024px) {

    #block-04 img,
    #block-05 img,
    #block-06 img,
    #block-07 img {
        top: -800px;
        left: 450px
    }
}

@media(max-width:991px) {

    #block-04 img,
    #block-05 img,
    #block-06 img,
    #block-07 img {
        transform: scale(4);
        top: -1000px;
        left: 750px
    }
}

@media(max-width:769px) {

    #block-04 img,
    #block-05 img,
    #block-06 img,
    #block-07 img {
        top: -2300px;
        left: 750px;
        transform: scale(6)
    }
}

@media(max-width:991px) {
    .cont .bertConc {
        padding-bottom: 50px
    }
}

.cont__title {
    text-align: center;
    letter-spacing: -2.35px;
    margin-top: 3.75rem;
    line-height: 1em
}

.cont__intro {
    color: #002D25;

    display: block;
    margin-bottom: 1.25rem;
    line-height: 1em;
    font-size: 1.75rem
}

.cont .textCol__col {
    align-items: center
}

@media(max-width:991px) {
    .cont .textCol__col {
        align-items: flex-start
    }
}

.cont .textCol__text {

    font-weight: 700;
    letter-spacing: -.7px;
    font-size: .9166666667rem;
    line-height: 1.5em
}

.cont .textCol__text p {
    padding-bottom: .8333333333rem
}

.cont .textCol__text p strong {
    color: #002D25
}

#intro {
    position: relative;
    padding-top: 126px;
    margin-top: -126px
}

@media(max-width:991px) {
    #intro {
        margin-top: 30px
    }
}

@media(max-width:769px) {
    #intro {
        margin-top: 0
    }
}

#trig {
    position: absolute;
    display: block;
    width: 100vw;
    height: 80%;
    top: 0;
    left: 0;
    z-index: -1
}

.wineIntro {
    height: calc(100vh - 126px)
}

@media(max-width:991px) {
    .wineIntro {
        height: auto
    }
}

.wineIntro__top {
    background-color: #fef7ec;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 100
}

@media(max-width:769px) {
    .wineIntro__top {
        top: 55px;
        height: 80px
    }
}

@media(max-width:769px) {
    .wineIntro__top .button__round {
        width: 60px;
        height: 60px
    }
}

.wineIntro__wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch
}

.wineIntro__col,
.wineIntro__wrap {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.wineIntro__col {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 50%
}

@media(max-width:991px) {
    .wineIntro__col {
        flex-basis: 100%
    }
}

.wineIntro__col:last-child {
    border-left: 1px solid #979797;
    align-items: flex-start;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    padding-top: 140px
}

@media(max-width:991px) {
    .wineIntro__col:last-child {
        padding-top: 50px;
        border: none
    }
}

@media(max-width:769px) {
    .wineIntro__col:last-child {
        padding-left: 30px;
        padding-right: 30px
    }
}

.wineIntro__feat {
    display: block;
    width: 8.3333333333rem;
    margin-right: auto;
    margin-left: auto;
    position: absolute
}

@media(max-width:991px) {
    .wineIntro__feat {
        position: static;
        width: auto;
        height: 280px
    }
}

.wineIntro__parent {
    font-size: 1.5rem
}

.wineIntro__name,
.wineIntro__parent {
    line-height: 1em;
    display: block;
    margin-bottom: 1.25rem
}

.wineIntro__name {
    max-width: 50%
}

.wineIntro__colInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 1 auto
}

.wineIntro__colBot {
    justify-content: flex-start;
    align-items: flex-start;
    height: 5.8333333333rem
}

.wineIntro__colBot,
.wineIntro__colBotInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%
}

.wineIntro__colBotInner {
    justify-content: space-between;
    align-items: center
}

.wineIntro__down {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    border-radius: 3.3333333333rem;
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(images/2381b0b5abb9d22d6af3c66a9cb67294.svg);
    background-size: 36px 43px;
    cursor: pointer
}

@media(max-width:991px) {
    .wineIntro__down {
        margin-top: 20px
    }
}

.wineDesc {
    margin-bottom: 7.5rem;
    border-bottom: 1px solid #979797
}

@media(max-width:991px) {
    .wineDesc {
        margin-bottom: 50px
    }
}

.wineDesc__col {
    padding-top: 4.5833333333rem;
    padding-bottom: 3.75rem
}

@media(max-width:991px) {
    .wineDesc__col {
        padding: 0
    }
}

.wineDesc__col .btn {
    margin-bottom: 50px
}

.wineDesc__tit {
    line-height: 2.9166666667rem;
    margin-bottom: 2.0833333333rem
}

.wineDesc__text {
    line-height: 2.1666666667rem;
    margin-bottom: 2.0833333333rem
}

.wineDesc__btn {
    margin-top: 1.875rem
}

.descList {
    border-top: 1px solid #979797;
    position: relative;
    width: 50vw;
    left: -3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    padding-bottom: .75rem
}

.descList:last-of-type {
    border-bottom: 1px solid #979797
}

@media(max-width:991px) {
    .descList {
        left: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.descList__trig {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: .75rem;
    cursor: pointer
}

.descList__trig.closed .descList__close:after {
    opacity: 0
}

.descList__close {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.descList__close:after,
.descList__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    display: block
}

.descList__close:before {
    width: 20px;
    height: 1px
}

.descList__close:after {
    width: 1px;
    height: 20px
}

.descList__cont {
    display: none;
    line-height: 1rem
}

.descList__cont,
.wineNums {
    padding-right: 4.1666666667rem
}

.wineNums {
    padding-left: 4.1666666667rem
}

@media(max-width:991px) {
    .wineNums {
        padding-left: 30px;
        padding-right: 30px
    }
}

.wineNums__label {
    display: block;
    margin-bottom: 6.25rem;
    line-height: 2.0833333333rem
}

@media(max-width:991px) {
    .wineNums__label {
        margin-bottom: 50px
    }
}

.wineNums__block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 1px solid #000;
    width: 100%;
    padding-top: 1.0416666667rem;
    padding-bottom: 1.0416666667rem
}

.wineNums__num {
    -webkit-text-stroke: 1px #002D25;
    color: transparent;
    font-size: 7.5rem;
    line-height: .8;
    display: block
}

.wineNums__numVal {
    display: block;
    margin-left: .625rem
}

.wineNums__row:nth-of-type(odd) {
    flex-direction: row-reverse
}

.wineNums__row.nolab {
    align-items: center
}

@media(max-width:991px) {
    .wineNums__row.nolab {
        margin-top: 50px
    }
}

.wineTl {
    margin-bottom: 4.5833333333rem
}

.wineTl__innerWrap {
    position: relative;
    max-width: 100%
}

.wineTl__inner {
    position: relative;
    margin-left: 5rem
}

@media(max-width:769px) {
    .wineTl__inner br {
        display: block
    }
}

@media(max-width:769px) {
    .wineTl .bertTime__dragWrap {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-top: -40px
    }
}

.wineTl__textBlock {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}

.wineTl__textBlock:before {
    content: "";
    width: 1px;
    height: 65px;
    border-left: 1px dashed #979797;
    display: block
}

@media(max-width:769px) {
    .wineTl__textBlock:before {
        height: 50px
    }
}

.wineTl__row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.wineTl__top {
    align-items: flex-end
}

.wineTl__top .wineTl__textBlock {
    flex-direction: column-reverse
}

.wineTl__top .wineTl__date {
    display: block;
    padding-bottom: .2083333333rem;
    padding-top: .4166666667rem
}

.wineTl__top .wineTl__text {
    padding-top: .2083333333rem
}

.wineTl__bot {
    position: relative;
    top: -70px
}

@media(max-width:769px) {
    .wineTl__bot {
        top: -50px
    }
}

.wineTl__bot .wineTl__date {
    display: block;
    padding-top: .2083333333rem;
    padding-bottom: .4166666667rem
}

.wineTl__bot .wineTl__text {
    padding-bottom: .2083333333rem
}

.wineTl__block {
    position: relative;
    flex: 0 0 auto
}

.wineTl__block--0 img {
    position: absolute;
    left: -5rem;
    top: -55%
}

.wineTl__block--0 .wineTl__textBlock {
    margin-top: 70px;
    margin-left: -1px
}

.wineTl__block--0 .wineTl__textBlock:before {
    display: none
}

.wineTl__block--1 {
    margin-left: 15.8333333333rem
}

.wineTl__block--2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 5rem
}

.wineTl__block--2 img {
    margin-right: .8333333333rem
}

.wineTl__block--3 {
    margin-left: 11.6666666667rem
}

.wineTl__block--4 {
    margin-left: 10.4166666667rem
}

.wineTl__block--5 {
    margin-left: 12.0833333333rem
}

.wineTl__block--5 img {
    position: absolute;
    top: calc(100% + 20px)
}

.wineTl__block--6 {
    margin-left: 16.6666666667rem
}

.wineTl__block--7 {
    margin-left: 11.6666666667rem
}

.wineTl__block--8 {
    margin-left: 12.5rem
}

.wineTl__block--8 .wineTl__textBlock {
    right: -100%;
    margin-top: 70px
}

.wineTl__block--8 .wineTl__textBlock:before {
    display: none
}

.wineTl__block--8 img {
    position: absolute;
    right: -9.1666666667rem;
    top: -100%
}

.wineTl__sep {
    height: 70px;
    border-top: 1px solid #979797;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px
}

@media(max-width:769px) {
    .wineTl__sep {
        height: 50px
    }
}

.wineVint {
    padding-top: 125px
}

@media(max-width:991px) {
    .wineVint {
        padding-top: 0
    }
}

.wineVint__tit {
    position: relative;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    padding: 1.0416666667rem 4.5833333333rem;
    display: block;
    z-index: 10
}

@media(max-width:991px) {
    .wineVint__tit {
        text-align: center
    }
}

.wineVint__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    height: 34.1666666667rem
}

@media(max-width:991px) {
    .wineVint__wrap {
        height: auto
    }
}

.wineVint__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 50%;
    position: relative;
    height: 100%
}

@media(max-width:991px) {
    .wineVint__col {
        width: 100%;
        flex-direction: row;
        flex-basis: 100%;
        height: auto
    }
}

.wineVint__col:last-child {
    border-left: 1px solid #979797;
    padding-left: 7.0833333333rem;
    padding-right: 7.0833333333rem
}

@media(max-width:991px) {
    .wineVint__col:last-child {
        border: none
    }
}

@media(max-width:769px) {
    .wineVint__col:last-child {
        padding-left: 30px;
        padding-right: 30px
    }
}

.wineVint__label {
    font-size: 1.5rem;
    display: block;
    border-bottom: 1px solid #979797;
    padding-bottom: 1.25rem;
    margin-bottom: 2.7083333333rem
}

.wineVint__slideWrap {
    position: relative;
    width: 100%;
    height: 100%
}

.wineVint__slide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.wineVint__slide strong {
    display: block;
    padding-bottom: .4166666667rem;
    line-height: 1em
}

.wineVint__slide br {
    display: none
}

.wineVint__slide p {
    margin-bottom: 1rem;
    line-height: 1rem
}

.wineVint__innerSlide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.wineVint__years {
    position: relative
}

.wineVint__yearsWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
    height: 19.1666666667rem;
    margin-top: -2.5rem
}

.wineVint__year {
    -webkit-text-stroke: 1px #d2cbc6;
    color: transparent;
    font-size: 5.4166666667rem;
    text-align: center;
    line-height: .75em;
    margin-bottom: .625rem;
    transform-origin: center center;
    height: auto !important;
    min-height: 74px
}

@media(min-width:1920px) {
    .wineVint__year {
        min-height: 105px
    }
}

.wineVint__year sup {
    display: none
}

.wineVint__year:last-child {
    margin-bottom: 0
}

.wineVint__year.active {
    color: #002D25;
    transition: color .2s ease
}

.wineVint__arrow {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 90
}

.wineVint__arrow .button__round {
    width: 60px;
    height: 60px;
    background-size: 28px 32px
}

.wineVint__arrow.disabled {
    pointer-events: none
}

.wineVint__arrow.prev {
    left: 5vw;
    transform: translateY(-50%) rotate(180deg)
}

.wineVint__arrow.next {
    right: 5vw;
    transform: translateY(-50%)
}

.wineVint__col #years-slider {
    height: 25rem
}

@media(max-width:991px) {
    .wineVint__col #years-slider {
        pointer-events: none
    }
}

.wineVint__col #years-slider .swiper-slide-active {
    color: #002D25
}

.wineVint__col #years-slider .swiper-slide-active .wineVint__innerSlide {
    position: relative
}

.wineVint__col #prize-slider {
    width: 100%
}

@media(max-width:991px) {
    .wineVint__col #prize-slider {
        margin-top: 50px
    }
}

.wineVint__col .prevs .wineVint__innerSlide,
.wineVint__col .swiper-slide-visible .wineVint__innerSlide {
    justify-content: flex-end
}

.wineVint__col .nexts .wineVint__innerSlide {
    justify-content: flex-start
}

.wineVint__col .swiper-slide-prev .wineVint__innerSlide {
    justify-content: center
}

.wineVint__col .swiper-slide-next .wineVint__innerSlide {
    justify-content: flex-end
}

#wine-prizes,
#wine-vint {
    height: auto
}

.wineAw {
    margin-top: 125px;
    border-bottom: 1px solid #979797
}

.wineAw__wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    height: 34.1666666667rem;
    overflow: hidden
}

@media(max-width:991px) {
    .wineAw__wrap {
        height: auto
    }
}

.wineAw__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    flex-basis: 50%;
    height: 100%;
    position: relative;
    padding-left: 4.1666666667rem;
    padding-right: 4.1666666667rem
}

@media(max-width:991px) {
    .wineAw__col {
        width: 100%;
        flex-basis: 100%;
        height: auto
    }
}

.wineAw__col:last-child {
    border-left: 1px solid #979797
}

@media(max-width:991px) {
    .wineAw__col:last-child {
        border: none;
        margin-bottom: 50px
    }
}

@media(max-width:769px) {
    .wineAw__col:last-child {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:1199px) {
    .wineAw__col:first-child {
        padding: 0
    }
}

.wineAw__col .wineVint__arrow.prev {
    transform: translateY(-50%) rotate(180deg);
    left: 15px
}

.wineAw__col .wineVint__arrow.next {
    transform: translateY(-50%);
    right: 15px
}

@media(max-width:991px) {
    .wineAw__col #sl-nav {
        height: 24.1666666667rem;
        pointer-events: none;
        height: 350px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:991px) {
    .wineAw__col #sl-list {
        width: 100%
    }
}

.wineAw__name {
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
    font-weight: 600
}

@media(max-width:991px) {
    .wineAw__name {
        font-size: 35px
    }
}

.wineAw__text {
    line-height: 1.6666666667rem
}

.wineAw__text b,
.wineAw__text strong {}

@media(max-width:769px) {
    .wineAw__text br {
        display: block
    }
}

.wineAw .slider_counter {
    position: absolute;
    bottom: 2.0833333333rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: .75rem
}

.wineAw .slider_counter span {
    font-size: 1.5rem
}

.wineAw .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.um-page-password-reset #login-registrazione .um-password div[class^=um-col-] {
    justify-content: center !important
}

@media(min-width:991px) {
    #login-registrazione {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

#login-registrazione .um-tip {
    display: none !important
}

#login-registrazione .pageIntro__btn:last-child,
#login-registrazione .pageIntro__numWrap {
    display: none
}

#login-registrazione .reservedAreaForm {
    width: 60vw;
    margin: 0 auto
}

@media(max-width:991px) {
    #login-registrazione .reservedAreaForm {
        width: 100%;
        padding: 0 30px
    }
}

#login-registrazione .reservedAreaForm__title {
    margin: 2.5rem 0;
    text-align: center
}

#login-registrazione .reservedAreaForm .um-postmessage,
#login-registrazione .reservedAreaForm__description,
#login-registrazione .reservedAreaForm__form {
    text-align: center;
    margin: 0 auto;

    width: 50vw;
    font-size: .625rem !important;
    line-height: .75rem !important;
    color: #666;

    letter-spacing: -.36px;
    font-weight: 400
}

@media(orientation:portrait) {

    #login-registrazione .reservedAreaForm .um-postmessage,
    #login-registrazione .reservedAreaForm__description,
    #login-registrazione .reservedAreaForm__form {
        width: 100%;
        font-size: .8rem !important;
        line-height: 1rem !important;
        text-align: left
    }
}

#login-registrazione .reservedAreaForm__description {
    margin-top: .2916666667rem
}

#login-registrazione .reservedAreaForm .um-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.5rem
}

#login-registrazione .reservedAreaForm .um-field-checkbox {
    display: flex !important;
    align-items: center !important
}

#login-registrazione .reservedAreaForm .um-field-checkbox-option {
    margin-left: 15px !important
}

#login-registrazione .reservedAreaForm .um-field-password_help {
    padding-top: 5px
}

@media(orientation:portrait) {
    #login-registrazione .reservedAreaForm .um-field-password_help {
        display: none
    }
}

#login-registrazione .reservedAreaForm .um-field-password_help .um-field-label label {
    opacity: .7;
    text-transform: none;
    font-size: .4166666667rem !important;
    line-height: .4166666667rem !important
}

@media(orientation:portrait) {
    #login-registrazione .reservedAreaForm .um-field-password_help .um-field-label label {
        font-size: .6rem !important;
        line-height: .6rem !important
    }
}

#login-registrazione .reservedAreaForm .um-field-password_help .um-field-area,
#login-registrazione .reservedAreaForm .um-field-password_help input {
    display: none !important
}

#login-registrazione .reservedAreaForm .um-login .um-row,
#login-registrazione .reservedAreaForm .um-password .um-row {
    display: flex;
    justify-content: center
}

#login-registrazione .reservedAreaForm .um-login .um-col-alt,
#login-registrazione .reservedAreaForm .um-password .um-col-alt {
    margin: 1.4583333333rem auto 0;
    flex-wrap: wrap;
    justify-content: space-between
}

#login-registrazione .reservedAreaForm .um-login .um-col-alt .um-field-c,
#login-registrazione .reservedAreaForm .um-password .um-col-alt .um-field-c {
    flex: 0 0 100%
}

#login-registrazione .reservedAreaForm .um-login .um-col-alt .um-left,
#login-registrazione .reservedAreaForm .um-login .um-col-alt .um-right,
#login-registrazione .reservedAreaForm .um-password .um-col-alt .um-left,
#login-registrazione .reservedAreaForm .um-password .um-col-alt .um-right {
    flex: 0 0 48%
}

#login-registrazione .reservedAreaForm .um-login .um-field-checkbox,
#login-registrazione .reservedAreaForm .um-password .um-field-checkbox {
    margin-bottom: .8333333333rem
}

#login-registrazione .reservedAreaForm .um-login .um-field-checkbox .um-field-checkbox-state,
#login-registrazione .reservedAreaForm .um-password .um-field-checkbox .um-field-checkbox-state {
    padding: 0
}

#login-registrazione .reservedAreaForm .um-login div[class^=um-col-],
#login-registrazione .reservedAreaForm .um-password div[class^=um-col-] {
    margin: 0 auto
}

#login-registrazione .reservedAreaForm form {
    width: 50vw
}

@media(max-width:769px) {
    #login-registrazione .reservedAreaForm form {
        width: 100%
    }
}

#login-registrazione .reservedAreaForm__form .um {
    opacity: 1;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0 !important
}

#login-registrazione .reservedAreaForm__form ::-moz-placeholder {
    opacity: .25;
    text-transform: none;

    letter-spacing: -.46px;
    font-weight: 400;
    font-size: .6666666667rem !important
}

#login-registrazione .reservedAreaForm__form :-ms-input-placeholder {
    opacity: .25;
    text-transform: none;

    letter-spacing: -.46px;
    font-weight: 400;
    font-size: .6666666667rem !important
}

#login-registrazione .reservedAreaForm__form ::placeholder {
    opacity: .25;
    text-transform: none;

    letter-spacing: -.46px;
    font-weight: 400;
    font-size: .6666666667rem !important
}

#login-registrazione .reservedAreaForm__form div,
#login-registrazione .reservedAreaForm__form p {

    letter-spacing: -.36px;
    font-weight: 400;
    font-size: .5833333333rem !important
}

@media(orientation:portrait) {

    #login-registrazione .reservedAreaForm__form div,
    #login-registrazione .reservedAreaForm__form p {
        font-size: .8rem !important
    }
}

@media(orientation:portrait) {

    #login-registrazione .reservedAreaForm__form #iub-pp-container div,
    #login-registrazione .reservedAreaForm__form #iub-pp-container p {
        font-size: .6rem !important;
        line-height: .75rem !important
    }
}

#login-registrazione .reservedAreaForm__form #um_field_um_password_id_username_b,
#login-registrazione .reservedAreaForm__form .um-notice {
    margin-left: auto;
    margin-right: auto
}

#login-registrazione .reservedAreaForm__form .um-notice {
    margin-bottom: .4166666667rem
}

#login-registrazione .reservedAreaForm__form #um_field_um_password_id_username_b,
#login-registrazione .reservedAreaForm__form .um-notice,
#login-registrazione .reservedAreaForm__form div[class^=um-col-] {
    width: 45%
}

@media(max-width:1200px) {

    #login-registrazione .reservedAreaForm__form #um_field_um_password_id_username_b,
    #login-registrazione .reservedAreaForm__form .um-notice,
    #login-registrazione .reservedAreaForm__form div[class^=um-col-] {
        width: 100%
    }
}

#login-registrazione .reservedAreaForm__form input,
#login-registrazione .reservedAreaForm__form input:focus,
#login-registrazione .reservedAreaForm__form label,
#login-registrazione .reservedAreaForm__form select {
    text-transform: uppercase;

    letter-spacing: -.36px;
    font-weight: 400;
    font-size: .5833333333rem !important;
    color: #000;
    width: 100%;
    padding: 0 10px !important
}

#login-registrazione .reservedAreaForm__form label {
    padding: 0 !important
}

#login-registrazione .reservedAreaForm__form select {
    box-sizing: border-box;
    display: block;
    background-color: #fff
}

@media(orientation:portrait) {
    #login-registrazione .reservedAreaForm__form select {
        padding: 0 !important
    }
}

#login-registrazione .reservedAreaForm__form .um-field-select {
    width: 100%
}

#login-registrazione .reservedAreaForm__form input,
#login-registrazione .reservedAreaForm__form input:focus,
#login-registrazione .reservedAreaForm__form select {
    border: 1px solid #d2cbc6 !important;
    text-transform: none
}

#login-registrazione .reservedAreaForm__form .password-row>div,
#login-registrazione .reservedAreaForm__form .um-row {
    display: flex;
    justify-content: space-between
}

#login-registrazione .reservedAreaForm__form .um-field-area .um-field-checkbox-state i {
    display: none
}

#login-registrazione .reservedAreaForm__form .um-field-checkbox-state {
    padding: 0
}

#login-registrazione .reservedAreaForm__form .um-field-checkbox-option {

    letter-spacing: -.36px;
    color: #000 !important;
    font-weight: 400;
    font-size: .5833333333rem !important;
    text-transform: none
}

#login-registrazione .reservedAreaForm__form .um-field-type_terms_conditions {
    margin: .8333333333rem 0
}

#login-registrazione .reservedAreaForm__form .um-field-type_terms_conditions .um-field-area {
    margin: .5rem 0
}

#login-registrazione .reservedAreaForm__form .um-field-type_terms_conditions .um-toggle-gdpr {
    text-decoration: underline
}

#login-registrazione .reservedAreaForm__form .um-col-alt {
    margin-top: .8333333333rem;
    display: flex;
    justify-content: flex-start
}

#login-registrazione .reservedAreaForm__form .um-col-alt .um-button,
#login-registrazione .reservedAreaForm__form .um-col-alt input[type=submit] {
    text-align: center !important;
    border-radius: 2.5rem !important;
    line-height: 45px !important;
    background-color: transparent !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    !important;
    display: block !important;
    border: 1px solid #000 !important;
    padding: 0 !important
}

#login-registrazione .reservedAreaForm__form .um-col-alt input[type=submit] {
    background-color: #000 !important;
    color: #fff !important
}

#login-registrazione .reservedAreaForm__form .um-col-alt .um-center {
    display: flex
}

#login-registrazione .reservedAreaForm__form .um-col-alt .um-clear {
    display: none
}

#login-registrazione .reservedAreaForm__form .um-link-alt {
    text-align: left;

    letter-spacing: -.28px;
    color: #000 !important;
    font-weight: 400;
    font-size: .4583333333rem !important;
    text-transform: uppercase;
    text-decoration: underline
}

#login-registrazione .reservedAreaForm__form .um-password .um-col-alt,
#login-registrazione .reservedAreaForm__form .um-register .um-col-alt {
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.6296296296vh
}

@media(min-width:480px)and (max-width:1200px) {

    #login-registrazione .reservedAreaForm__form .um-register #um_field_um_password_id_username_b,
    #login-registrazione .reservedAreaForm__form .um-register .um-notice,
    #login-registrazione .reservedAreaForm__form .um-register div[class^=um-col-] {
        width: 47.5% !important
    }
}

@media(max-width:480px) {
    #login-registrazione .reservedAreaForm__form .um-register div[class^=um-col-]:first-child {
        margin-right: 5px
    }
}

@media(max-width:480px) {
    #login-registrazione .reservedAreaForm__form .um-register div[class^=um-col-] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media(max-width:480px) {

    #login-registrazione .reservedAreaForm__form .um-register .um-center,
    #login-registrazione .reservedAreaForm__form .um-register div[class^=um-col-],
    #login-registrazione .reservedAreaForm__form .um-register input[type=submit] {
        width: 100% !important
    }
}

#area-riservata-category .pageIntro,
#area-riservata-category .reservedAreaList,
#area-riservata .pageIntro,
#area-riservata .reservedAreaList {
    position: relative;
    z-index: 0
}

#area-riservata-category .pageIntro__btn:last-child,
#area-riservata-category .pageIntro__numWrap,
#area-riservata .pageIntro__btn:last-child,
#area-riservata .pageIntro__numWrap {
    display: none
}

#area-riservata-category .reservedAreaList,
#area-riservata .reservedAreaList {
    width: 75vw;
    margin: 0 auto
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaList,
    #area-riservata .reservedAreaList {
        width: 100%;
        padding: 0 30px
    }
}

#area-riservata-category .reservedAreaList__title,
#area-riservata .reservedAreaList__title {
    margin: 2.5rem 0 4.1666666667rem;
    text-align: center
}

#area-riservata-category .reservedAreaList__filters,
#area-riservata .reservedAreaList__filters {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5rem
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaList__filters,
    #area-riservata .reservedAreaList__filters {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

#area-riservata-category .reservedAreaList__filters a,
#area-riservata .reservedAreaList__filters a {
    transition: all .2s ease-out
}

#area-riservata-category .reservedAreaList__filters a.active,
#area-riservata .reservedAreaList__filters a.active {
    background-color: #000;
    color: #fff
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaList__filters a,
    #area-riservata .reservedAreaList__filters a {
        transform: none;
        width: 49%;
        margin-bottom: .4166666667rem
    }
}

@media(min-width:767px) {

    #area-riservata-category .reservedAreaList__filters a:not(:last-child),
    #area-riservata .reservedAreaList__filters a:not(:last-child) {
        margin-right: .8333333333rem
    }
}

#area-riservata-category .reservedAreaListCategory,
#area-riservata .reservedAreaListCategory {
    width: 100%
}

#area-riservata-category .reservedAreaListCategory:not(:last-child),
#area-riservata .reservedAreaListCategory:not(:last-child) {
    margin-bottom: 4.7916666667rem
}

#area-riservata-category .reservedAreaListCategory__wrapper,
#area-riservata .reservedAreaListCategory__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#area-riservata-category .reservedAreaListCategory.is-list__postContent,
#area-riservata .reservedAreaListCategory.is-list__postContent {
    display: none
}

#area-riservata-category .reservedAreaListCategory__title,
#area-riservata .reservedAreaListCategory__title {
    text-align: center;

    color: #000;
    font-size: 2.0833333333rem;
    line-height: 2.0833333333rem;
    margin-bottom: 2.5rem
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory__title,
    #area-riservata .reservedAreaListCategory__title {
        font-size: 1.4583333333rem;
        line-height: 1.4583333333rem;
        margin-bottom: 1.6666666667rem
    }
}

#area-riservata-category .reservedAreaListCategory__post,
#area-riservata .reservedAreaListCategory__post {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 1.875rem;
    border: 1px solid #000
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaListCategory__post,
    #area-riservata .reservedAreaListCategory__post {
        flex-direction: column-reverse
    }
}

#area-riservata-category .reservedAreaListCategory__postContent,
#area-riservata-category .reservedAreaListCategory__postIntro,
#area-riservata .reservedAreaListCategory__postContent,
#area-riservata .reservedAreaListCategory__postIntro {
    display: flex;
    flex-direction: column;
    flex: auto
}

#area-riservata-category .reservedAreaListCategory__postIntro,
#area-riservata .reservedAreaListCategory__postIntro {
    justify-content: space-between;
    border-right: 1px solid #000
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaListCategory__postIntro,
    #area-riservata .reservedAreaListCategory__postIntro {
        border: none
    }
}

#area-riservata-category .reservedAreaListCategory__postContent,
#area-riservata-category .reservedAreaListCategory__postDownload,
#area-riservata-category .reservedAreaListCategory__postTitleWrapper,
#area-riservata .reservedAreaListCategory__postContent,
#area-riservata .reservedAreaListCategory__postDownload,
#area-riservata .reservedAreaListCategory__postTitleWrapper {
    padding: 1.0416666667rem
}

#area-riservata-category .reservedAreaListCategory__postTitleWrapper,
#area-riservata .reservedAreaListCategory__postTitleWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000
}

#area-riservata-category .reservedAreaListCategory__postTitleWrapper .zipDownload,
#area-riservata .reservedAreaListCategory__postTitleWrapper .zipDownload {
    display: none;
    text-transform: uppercase;

    color: #000;
    font-weight: 400;
    font-size: .6666666667rem
}

#area-riservata-category .reservedAreaListCategory__postTitleWrapper .button .button__round,
#area-riservata .reservedAreaListCategory__postTitleWrapper .button .button__round {
    width: 62px;
    height: 62px
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory__postTitleWrapper .button .button__round,
    #area-riservata .reservedAreaListCategory__postTitleWrapper .button .button__round {
        width: 40px;
        height: 40px;
        background-size: 25px
    }
}

#area-riservata-category .reservedAreaListCategory__postTitle,
#area-riservata .reservedAreaListCategory__postTitle {

    color: #000;
    font-weight: 300;
    font-size: 1.6666666667rem;
    line-height: 1.6666666667rem;
    max-width: 75%
}

#area-riservata-category .reservedAreaListCategory__postContent,
#area-riservata .reservedAreaListCategory__postContent {
    flex: 0 0 64.9%;
    box-sizing: border-box
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaListCategory__postContent,
    #area-riservata .reservedAreaListCategory__postContent {
        flex: auto
    }
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls,
#area-riservata-category .reservedAreaListCategory__postContent .slick-dots,
#area-riservata .reservedAreaListCategory__postContent .js-controls,
#area-riservata .reservedAreaListCategory__postContent .slick-dots {
    display: flex
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls,
#area-riservata .reservedAreaListCategory__postContent .js-controls {
    height: 1.3333333333rem;
    margin-top: 1.0416666667rem;
    width: 100%;
    display: none;
    position: relative;
    justify-content: center;
    align-items: center
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls__arrows .button,
#area-riservata .reservedAreaListCategory__postContent .js-controls__arrows .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls__arrows .button:first-child,
#area-riservata .reservedAreaListCategory__postContent .js-controls__arrows .button:first-child {
    left: 0
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls__arrows .button:last-child,
#area-riservata .reservedAreaListCategory__postContent .js-controls__arrows .button:last-child {
    right: 0
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls__arrows .button__round,
#area-riservata .reservedAreaListCategory__postContent .js-controls__arrows .button__round {
    border: none;
    width: 32px;
    height: 32px;
    background-size: 32px
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls .slick-dots li,
#area-riservata .reservedAreaListCategory__postContent .js-controls .slick-dots li {
    display: flex;
    align-items: center
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls .slick-dots li button,
#area-riservata .reservedAreaListCategory__postContent .js-controls .slick-dots li button {
    width: .4166666667rem;
    height: .4166666667rem;
    background-color: #000;
    opacity: .2;
    border-radius: 100%;
    font-size: 0;
    transition: all .2s ease-out;
    padding: 0;
    border: none
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls .slick-dots li.slick-active button,
#area-riservata .reservedAreaListCategory__postContent .js-controls .slick-dots li.slick-active button {
    opacity: 1
}

#area-riservata-category .reservedAreaListCategory__postContent .js-controls .slick-dots li:not(:last-child),
#area-riservata .reservedAreaListCategory__postContent .js-controls .slick-dots li:not(:last-child) {
    margin-right: .4166666667rem
}

#area-riservata-category .reservedAreaListCategory__postContent.has-slides .js-controls,
#area-riservata .reservedAreaListCategory__postContent.has-slides .js-controls {
    display: flex
}

#area-riservata-category .reservedAreaListCategory__postDownload,
#area-riservata .reservedAreaListCategory__postDownload {
    display: flex;
    align-items: center
}

#area-riservata-category .reservedAreaListCategory__postDownload span,
#area-riservata .reservedAreaListCategory__postDownload span {
    margin-left: .8333333333rem;
    text-transform: uppercase;

    color: #000;
    font-weight: 400;
    font-size: .6666666667rem
}

#area-riservata-category .reservedAreaListCategory__postDownload .button,
#area-riservata .reservedAreaListCategory__postDownload .button {
    margin: 0
}

#area-riservata-category .reservedAreaListCategory__postDownload .button__round,
#area-riservata .reservedAreaListCategory__postDownload .button__round {
    transform: rotate(90deg);
    width: 62px;
    height: 62px;
    margin: 0
}

#area-riservata-category .reservedAreaListCategory__media .media-wrap.is-playing .play-icon,
#area-riservata .reservedAreaListCategory__media .media-wrap.is-playing .play-icon {
    display: none
}

#area-riservata-category .reservedAreaListCategory__media img,
#area-riservata-category .reservedAreaListCategory__media video,
#area-riservata .reservedAreaListCategory__media img,
#area-riservata .reservedAreaListCategory__media video {
    width: 100%;
    margin: 0 auto
}

#area-riservata-category .reservedAreaListCategory__media img,
#area-riservata .reservedAreaListCategory__media img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 33.3333333333rem
}

#area-riservata-category .reservedAreaListCategory__media video,
#area-riservata .reservedAreaListCategory__media video {
    cursor: pointer;
    max-height: 33.3333333333rem
}

#area-riservata-category .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaListCategory__media .media-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#area-riservata-category .reservedAreaListCategory__media .media-wrap .play-icon,
#area-riservata .reservedAreaListCategory__media .media-wrap .play-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#area-riservata-category .reservedAreaListCategory.is-list,
#area-riservata .reservedAreaListCategory.is-list {
    cursor: pointer
}

#area-riservata-category .reservedAreaListCategory.is-list .js-controls,
#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__media,
#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postDownload,
#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postSlider,
#area-riservata .reservedAreaListCategory.is-list .js-controls,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__media,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postDownload,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postSlider {
    display: none
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__post,
#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postIntro,
#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__post,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postIntro,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper {
    border: none
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postContent,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postContent {
    padding-top: 0;
    padding-bottom: 0
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__post,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__post {
    border-top: 1px solid #000;
    display: flex;
    flex-direction: column
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__post,
    #area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__post {
        margin: 0
    }
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitle,
    #area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitle {
        margin-bottom: 25px
    }
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper,
    #area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper a .zipDownload,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper a .zipDownload {
    display: block;
    margin-right: 20px
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper .button,
    #area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper .button {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper .button__round,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__postTitleWrapper .button__round {
    transform: rotate(90deg)
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__media,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__media {
    padding: .625rem;
    border-top: 1px solid #000
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__media .single-document,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__media .single-document {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__media .button__round,
#area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__media .button__round {
    width: 45px;
    height: 45px;
    background-size: 30px
}

@media(max-width:769px) {

    #area-riservata-category .reservedAreaListCategory.is-list .reservedAreaListCategory__media .button__round,
    #area-riservata .reservedAreaListCategory.is-list .reservedAreaListCategory__media .button__round {
        width: 35px;
        height: 35px;
        background-size: 20px
    }
}

#area-riservata-category .reservedAreaSingle__postTitle,
#area-riservata .reservedAreaSingle__postTitle {
    max-width: 60%
}

#area-riservata-category .reservedAreaSingle--type-image .reservedAreaListCategory__media,
#area-riservata .reservedAreaSingle--type-image .reservedAreaListCategory__media {
    height: auto;
    width: 100%
}

#area-riservata-category .reservedAreaSingle--type-image .reservedAreaListCategory__media .media-wrap,
#area-riservata-category .reservedAreaSingle--type-image .reservedAreaListCategory__media img,
#area-riservata .reservedAreaSingle--type-image .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaSingle--type-image .reservedAreaListCategory__media img {
    height: 100%
}

#area-riservata-category .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media,
#area-riservata-category .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media,
#area-riservata-category .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media,
#area-riservata .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media,
#area-riservata .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media,
#area-riservata .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media {
    height: 50vh
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media,
    #area-riservata-category .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media,
    #area-riservata-category .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media,
    #area-riservata .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media,
    #area-riservata .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media,
    #area-riservata .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media {
        height: 30vh
    }
}

#area-riservata-category .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media .media-wrap,
#area-riservata-category .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media img,
#area-riservata-category .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media .media-wrap,
#area-riservata-category .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media img,
#area-riservata-category .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media .media-wrap,
#area-riservata-category .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media img,
#area-riservata .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaSingle.cat--Vini .reservedAreaListCategory__media img,
#area-riservata .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaSingle.cat--Vintage .reservedAreaListCategory__media img,
#area-riservata .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaSingle.cat--Wines .reservedAreaListCategory__media img {
    height: 100%
}

#area-riservata-category .reservedAreaListCategory--type-image .reservedAreaListCategory__media,
#area-riservata .reservedAreaListCategory--type-image .reservedAreaListCategory__media {
    height: 50vh
}

@media(max-width:991px) {

    #area-riservata-category .reservedAreaListCategory--type-image .reservedAreaListCategory__media,
    #area-riservata .reservedAreaListCategory--type-image .reservedAreaListCategory__media {
        height: 30vh
    }
}

#area-riservata-category .reservedAreaListCategory--type-image .reservedAreaListCategory__media .media-wrap,
#area-riservata-category .reservedAreaListCategory--type-image .reservedAreaListCategory__media img,
#area-riservata .reservedAreaListCategory--type-image .reservedAreaListCategory__media .media-wrap,
#area-riservata .reservedAreaListCategory--type-image .reservedAreaListCategory__media img {
    height: 100%
}

#area-riservata-category a:hover,
#area-riservata a:hover {
    text-decoration: none
}

#area-riservata-category .reservedAreaList__filters {
    display: none
}

.reservedAreaSingle {
    width: 75vw;
    margin: 0 auto
}

@media(max-width:991px) {
    .reservedAreaSingle {
        width: 100%;
        padding: 0 30px
    }
}

.reservedAreaSingle__title {
    margin: 2.5rem 0;
    text-align: left;

    color: #000;
    font-weight: 800;
    font-size: 1.1666666667rem;
    line-height: 2.0833333333rem
}

.reservedAreaSingle__List {
    width: 100%
}

.reservedAreaSingle__List .reservedAreaList__List-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.reservedAreaSingle__postWrapper {
    height: auto;
    display: flex;
    padding: 1.0416666667rem;
    border: 1px solid #000;
    flex-direction: column;
    width: calc(50% - 25px);
    margin-bottom: 2.0833333333rem
}

@media(max-width:991px) {
    .reservedAreaSingle__postWrapper {
        width: 100%
    }
}

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

@media(max-width:991px) {
    .reservedAreaSingle__postTitleWrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

.reservedAreaSingle__postTitleWrapper .button {
    text-transform: uppercase;

    color: #000;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.1666666667rem
}

@media(max-width:991px) {
    .reservedAreaSingle__postTitleWrapper .button {
        margin-top: 1.0416666667rem
    }
}

.reservedAreaSingle__postTitleWrapper .button__round {
    transform: rotate(90deg);
    margin-left: .8333333333rem;
    width: 62px;
    height: 62px
}

@media(max-width:991px) {
    .reservedAreaSingle__postTitleWrapper .button__round {
        width: 40px;
        height: 40px;
        background-size: 25px
    }
}

.reservedAreaSingle__postTitle {

    color: #000;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.4583333333rem;
    max-width: 75%
}

.reservedAreaSingle .reservedAreaListCategory__media {
    margin-bottom: .8333333333rem;
    width: 100%;
    height: auto
}

.reservedAreaSingle .reservedAreaListCategory__media .media-wrap {
    width: 100%
}

.reservedAreaSingle .reservedAreaListCategory__media .media-wrap video {
    display: block;
    max-height: 100% !important
}

.reservedAreaSingle__postDownload {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4.1666666667rem
}

.reservedAreaSingle__postDownload svg {
    width: 5.4166666667rem;
    height: 5.4166666667rem
}

.reservedAreaSingle__postDownload span {
    margin-top: .8333333333rem;

    color: #000;
    font-weight: 800;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem
}

.reservedAreaSingle a:hover {
    text-decoration: none
}

.reservedAreaSingle--type-document .reservedAreaListCategory__media {
    display: none
}

.reservedAreaSingle--type-document .reservedAreaSingle__postTitleWrapper {
    margin-top: 0
}

#main_layer {
    cursor: pointer;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    opacity: 0
}

#main_layer.show-layer {
    display: block;
    opacity: 1;
    transition: opacity .15s ease-in
}

#close-icon {
    position: fixed;
    right: .625rem;
    top: .625rem
}

#close-icon,
.fixedVideo {
    z-index: 100001;
    display: none;
    cursor: pointer
}

.fixedVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60vw;
    height: 56vh;
    position: fixed
}

@media(max-width:991px) {
    .fixedVideo {
        height: auto;
        width: 100%;
        padding: 0 30px
    }
}

.fixedVideo.is-playing .media-wrap .play-icon {
    display: none
}

.fixedVideo video {
    width: 100%;
    height: 100%
}

.fixedVideo .media-wrap {
    position: relative
}

.fixedVideo .media-wrap .play-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

html.library .mainNav {
    background-color: #64143a
}

html.library .mainNav__wrap {
    justify-content: flex-start
}

@media(orientation:portrait) {
    html.library .mainNav__wrap {
        height: 100vh;
        padding-top: 9.2592592593vh
    }
}

@media(orientation:portrait) {
    html.library .mainNav__col {
        flex-direction: column
    }
}

html.library .mainNav__title {
    opacity: 0;
    position: absolute;
    top: -13.8888888889vh;
    left: 0
}

@media(orientation:portrait) {
    html.library .mainNav__title {
        display: none
    }
}

html.library .mainNav__title svg {
    width: 18.75vw;
    height: auto
}

html.library .mainNav__title svg path {
    fill: #f8f5ee
}

html.library .mainNav ul li .char {
    stroke: none;
    -webkit-text-stroke: 0 transparent
}

html.library .mainNav__description,
html.library .mainNav__goBackTo,
html.library .mainNav__rightBottom li {
    opacity: 0
}

html.library .mainNav__description {
    padding-top: 5.5555555556vh
}

@media(orientation:portrait) {
    html.library .mainNav__description {
        padding-top: 2.7777777778vh;
        line-height: 4.1666666667vh
    }
}

html.library .mainNav__rightBottom {
    position: absolute;
    right: 22.1354166667vw
}

@media(orientation:portrait) {
    html.library .mainNav__rightBottom {
        width: 100%;
        margin-top: 2.7777777778vh
    }
}

html.library .mainNav__rightBottom .mainNav__social .social {
    margin-top: 3.2407407407vh
}

@media(orientation:portrait) {
    html.library .mainNav__rightBottom .mainNav__social .social {
        padding-left: 0;
        padding-top: 2.7777777778vh;
        width: 100%;
        flex-basis: 100%
    }
}

html.library .mainNav__rightBottom .mainNav__social ul {
    display: flex;
    align-items: center
}

html.library .mainNav__rightBottom .mainNav__social li {
    padding-bottom: 0
}

html.library .mainNav__rightBottom .mainNav__social li:not(:last-child) {
    margin-right: 1.8229166667vw
}

html.library .mainNav__rightBottom .mainNav__social a {
    text-transform: uppercase;

    font-size: 1.0416666667vw;
    color: #f8f5ee;
    font-weight: 800
}

@media(orientation:portrait) {
    html.library .mainNav__rightBottom .mainNav__social a {
        font-size: 1.8518518519vh
    }
}

html.library .mainNav__rightBottom .magic-scale {
    opacity: .2;
    border-radius: 50%;
    width: 7.4074074074vh;
    height: 7.4074074074vh;
    border: 1px solid #f8f5ee;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(orientation:portrait) {
    html.library .mainNav__rightBottom .magic-scale {
        width: 6.0185185185vh;
        height: 6.0185185185vh
    }
}

html.library .mainNav__rightBottom .magic-scale:not(:last-child) {
    margin-right: 1.0416666667vw
}

html.library .mainNav__rightBottom .magic-scale.active {
    opacity: 1;
    background-color: #f8f5ee
}

html.library .mainNav__rightBottom .magic-scale a,
html.library .mainNav__rightBottom .magic-scale span {

    font-size: 1.5625vw;
    line-height: 1.8229166667vw;
    height: 2.7777777778vh;
    text-transform: uppercase
}

@media(orientation:portrait) {

    html.library .mainNav__rightBottom .magic-scale a,
    html.library .mainNav__rightBottom .magic-scale span {
        font-size: 2.7777777778vh;
        line-height: 2.7777777778vh;
        height: 2.7777777778vh
    }
}

html.library .mainNav__rightBottom .magic-scale a.active,
html.library .mainNav__rightBottom .magic-scale span.active {
    color: #32322e
}

html.library .mainNav__rightBottom .magic-scale a.active:after,
html.library .mainNav__rightBottom .magic-scale span.active:after {
    display: none
}

html.library .mainNav__priv,
html.library .mainNav__rightBottom {
    bottom: 45px;
    position: absolute
}

@media(orientation:portrait) {

    html.library .mainNav__priv,
    html.library .mainNav__rightBottom {
        position: relative;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset
    }
}

@media(orientation:portrait) {
    html.library .mainNav__priv {
        padding-top: 2.7777777778vh;
        padding-left: 0;
        order: 4
    }
}

html.library .mainNav__col ul li a {

    font-weight: 300
}

html.library .mainNav__col--left {
    position: relative
}

@media(orientation:landscape) {
    html.library .mainNav__col--left {
        margin-right: 13.5416666667vw
    }
}

html.library .mainNav__col--left li {
    width: 100%
}

@media(orientation:landscape) {
    html.library .mainNav__col--left li:last-child {
        padding-bottom: 1.0416666667rem
    }
}

html.library .mainNav__col--left li:after {
    top: unset;
    right: unset;
    left: -30px;
    bottom: 60px;
    color: #f8f5ee;

    font-size: 15px;
    line-height: 15px
}

@media(orientation:portrait) {
    html.library .mainNav__col--left li:after {
        bottom: .9259259259vh;
        left: unset
    }
}

@media(orientation:portrait) {
    html.library .mainNav__col--left li a {
        padding-left: 4.1666666667vh
    }
}

html.library .mainNav__col--right {
    border-left: 1px solid #f8f5ee;
    padding-left: 1.3020833333vw
}

@media(orientation:portrait) {
    html.library .mainNav__col--right {
        padding-left: 2.3148148148vh;
        margin-top: 7.4074074074vh
    }
}

@media(orientation:portrait) {
    html.library .mainNav__col--right .mainNav__mobileWrap {
        width: 100%;
        flex-basis: 100%
    }
}

@media(orientation:portrait) {
    html.library .mainNav__col--right ul {
        flex-direction: row
    }
}

@media(orientation:portrait) {
    html.library .mainNav__col--right li {
        padding-bottom: .462962963vh;
        margin-right: 1.8518518519vh
    }
}

html.library .mainNav__col--right li a {

    font-weight: 300;
    font-size: 2.0833333333vw
}

@media(orientation:portrait) {
    html.library .mainNav__col--right li a {
        font-size: 3.7037037037vh
    }
}

html.library .mainNav #librarySide_nav {
    padding-top: 1.8518518519vh
}

html.library .footer {
    width: 100%;
    position: relative;
    background-color: #32322e;
    margin: 0;
    padding: 2.6041666667vw 5.2083333333vw 9.375vw;
    border-top: 1px solid #f8f5ee
}

@media(orientation:portrait) {
    html.library .footer {
        width: 100%;
        left: unset;
        padding: 4.6296296296vh 2.7777777778vh
    }
}

html.library .footer__leftCont {
    display: flex
}

@media(orientation:portrait) {
    html.library .footer__leftCont {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }
}

html.library .footer__leftCont .footer__logo {
    margin-right: 4.6875vw
}

html.library .footer__leftCont .footer__logo svg * {
    fill: #f8f5ee
}

html.library .footer *,
html.library .footer .char {
    color: #f8f5ee !important;

    font-weight: 700;
    font-size: .78125vw;
    line-height: .9375vw
}

@media(orientation:portrait) {

    html.library .footer *,
    html.library .footer .char {
        font-size: 1.8518518519vh;
        line-height: 2.1296296296vh
    }
}

html.library .footer__menu {
    display: flex;
    text-transform: uppercase
}

@media(orientation:portrait) {
    html.library .footer__menu {
        width: 100%
    }
}

html.library .footer__menu li {
    margin-left: 1.5625vw
}

html.library .footer__menu li:first-child {
    margin: 0
}

@media(orientation:portrait) {
    html.library .footer__menu li .char {
        font-size: 1.4814814815vh;
        line-height: 1.7592592593vh
    }
}

html.library .footer__col {
    flex-direction: column
}

@media(orientation:portrait) {
    html.library .footer__col {
        margin: 9.2592592593vh 0
    }
}

html.library .footer__col * {
    opacity: 1
}

html.library .footer__col>div:last-child {
    margin-top: 3.7037037037vh
}

html.library .footer__col a:hover {
    opacity: .6
}

@media(orientation:landscape) {
    html.libraryHome .footer {
        width: calc(100% - 100px);
        left: 100px
    }
}

#library-home .homeHero {
    width: 100%;
    position: relative
}

#library-home .homeHero__hero {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 1;
    position: relative
}

#library-home .homeHero__hero p {
    text-align: center
}

#library-home .homeHero__hero {
    background-image: linear-gradient(0deg, transparent 35%, #fef7ec 0)
}

@media(orientation:portrait) {
    #library-home .homeHero__hero {
        background-image: linear-gradient(0deg, transparent 43%, #fef7ec 0)
    }
}

.gototop,
.scroll {
    position: fixed;
    right: 0;
    z-index: 100;
    opacity: 0;
    transition: filter .15s ease-in, opacity .3s ease-in
}

@media(orientation:portrait) {

    .gototop,
    .scroll {
        right: -1.8518518519vh
    }
}

.gototop.inverted,
.scroll.inverted {
    filter: invert(1)
}

.gototop.visible,
.scroll.visible {
    opacity: 1
}

@media(orientation:portrait) {

    .gototop .button__round,
    .scroll .button__round {
        width: 30px;
        height: 30px
    }
}

.gototop {
    top: 7.8703703704vh;
    transform: rotate(-90deg);
    animation: moveUp 1.25s ease-in-out infinite alternate-reverse
}

.scroll {
    top: 87.962962963vh;
    transform: rotate(90deg);
    animation: moveDown 1.25s ease-in-out infinite alternate-reverse;
    -webkit-animation: name duration timing-function delay iteration-count direction fill-mode;
    animation: name duration timing-function delay iteration-count direction fill-mode
}

@media(orientation:portrait) {
    .scroll {
        top: 86.1111111111vh
    }
}

@-webkit-keyframes moveUp {
    0% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(-90deg) translateX(1.8518518519vh)
    }
}

@keyframes moveUp {
    0% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(-90deg) translateX(1.8518518519vh)
    }
}

@-webkit-keyframes moveDown {
    0% {
        transform: rotate(90deg) translateX(1.8518518519vh)
    }

    to {
        transform: rotate(90deg)
    }
}

@keyframes moveDown {
    0% {
        transform: rotate(90deg) translateX(1.8518518519vh)
    }

    to {
        transform: rotate(90deg)
    }
}

#libraryPreloader {
    position: relative;
    opacity: 1;
    width: 100vw;
    height: 101vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

@media(orientation:portrait) {
    #libraryPreloader {
        position: relative
    }
}

#libraryPreloader .libraryPreloader__wrapper {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%
}

#libraryPreloader .libraryLine {
    transform: translateY(65%)
}

@media(orientation:portrait) {
    #libraryPreloader .libraryLine {
        transform: translateY(57%)
    }
}

#logoWrap,
.homeHero__heroTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: hidden;
    z-index: 10
}

#logoWrap svg,
.homeHero__heroTitle svg {
    width: 62.0833333333vw;
    height: auto
}

@media(orientation:portrait) {

    #logoWrap svg,
    .homeHero__heroTitle svg {
        width: 90vw
    }
}

.homeHero__heroTitle {
    opacity: 0
}

#library-home .homeIntro {
    width: 100%;
    position: relative;
    z-index: 1
}

#library-home .homeIntro__wrapper {
    height: 100%;
    position: relative
}

#library-home .homeIntro__inspire {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 1;
    position: relative
}

#library-home .homeIntro__inspire p {
    text-align: center
}

#library-home .homeIntro__inspireWrapper {
    background-color: #fef7ec
}

#library-home .homeIntro__inspireWrapperCol {
    padding: 4.6296296296vh 0;
    max-width: 57.2916666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

@media(orientation:landscape) {
    #library-home .homeIntro__inspireWrapperCol br {
        display: none
    }
}

@media(orientation:portrait) {
    #library-home .homeIntro__inspireWrapperCol {
        max-width: calc(100vw - 60px)
    }
}

#library-home .homeIntro__inspireWrapperCol p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#library-home .homeIntro__inspireWrapperCol p:first-child {
    margin-bottom: 5.5555555556vh
}

#library-home .homeIntro__inspireWrapperVideo {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100vw;
    height: 100vh
}

@media(orientation:portrait) {
    #library-home .homeIntro__inspireWrapperVideo {
        position: absolute;
        left: 0;
        top: 100%
    }
}

#library-home .homeIntro__inspireWrapperVideoInner,
#library-home .homeIntro__inspireWrapperVideo video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#library-home .homeNumbers {
    width: 100%;
    position: relative;
    z-index: 0
}

#library-home .homeNumbers__wrapper {
    position: relative
}

#library-home .homeNumbers__numbers {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 1;
    position: relative
}

#library-home .homeNumbers__numbers p {
    text-align: center
}

#library-home .homeNumbers__numbersWrapper {
    background-color: #fef7ec;
    max-width: 78.125vw;
    padding: 4.6296296296vh 0
}

@media(orientation:portrait) {
    #library-home .homeNumbers__numbersWrapper {
        max-width: calc(100vw - 20px)
    }
}

@media(orientation:landscape) {
    #library-home .homeNumbers__numbersWrapper .lineWrapper .animLine {
        bottom: 0
    }
}

#library-home .homeNumbers__numbersWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#library-home .homeNumbers__number {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media(orientation:portrait) {
    #library-home .homeNumbers__number {
        font-size: 4.4444444444vh;
        line-height: 4.4444444444vh
    }

    #library-home .homeNumbers__number:not(:last-child) {
        margin-bottom: 1.3888888889vh
    }
}

#library-home .homeNumbers__number .number {
    opacity: 0
}

#library-home {
    width: 100vw
}

#library-home .homeVisual {
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden
}

#library-home .homeVisual__wrapper {
    height: 100%;
    position: relative
}

@media(orientation:portrait) {
    #library-home .homeVisual__wrapper {
        height: auto
    }
}

#library-home .homeVisual__visual {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100vh;
    z-index: 1;
    position: relative
}

@media(orientation:portrait) {
    #library-home .homeVisual__visual {
        flex-direction: column;
        height: auto
    }
}

#library-home .homeVisual__visual p {
    text-align: center
}

#library-home .homeVisual__visualImg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 0
}

@media(orientation:portrait) {
    #library-home .homeVisual__visualImg {
        height: 100vh
    }
}

#library-home .homeVisual video.homeVisual__visualImg {
    width: 100%
}

#library-home .homeVisual__visualImgMasked {
    width: 100vw;
    height: 100%;
    -webkit-mask-image: url(../images/library/maschera.svg);
    mask-image: url(../images/library/maschera.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 55.5555555556vh;
    mask-size: auto 55.5555555556vh;
    -webkit-mask-position: center;
    mask-position: center
}

@media(orientation:portrait) {
    #library-home .homeVisual__visualImgMasked {
        -webkit-mask-size: auto 41.6666666667vh;
        mask-size: auto 41.6666666667vh;
        height: 100vh
    }
}

#library-home .homeVisual__visualImgMasked .homeVisual__visualImg {
    width: 100% !important
}

#library-home .homeVisual__visualImgHoriz {
    overflow: hidden
}

#library-home .homeVisual__visualImgHoriZCont {
    padding: 10.1851851852vh 0;
    background-color: #32322e;
    display: flex;
    position: relative
}

@media(orientation:portrait) {
    #library-home .homeVisual__visualImgHoriZCont {
        padding-bottom: 0;
        flex-direction: column;
        width: 100vw
    }
}

#library-home .homeVisual .imgwrapper {
    width: auto;
    height: 100%;
    overflow: hidden
}

#library-home .homeVisual .horizontalLine {
    transform-origin: center left;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #f8f5ee
}

@media(orientation:portrait) {
    #library-home .homeVisual .horizontalLine {
        transform-origin: top center;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 1px;
        height: 100%
    }
}

#library-home .homeVisual .homeVisual__visualImg {
    height: 100%;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media(orientation:portrait) {
    #library-home .homeVisual .homevisual__text {
        width: 75vw !important;
        background-color: #32322e;
        padding: 4.6296296296vh 0;
        position: relative
    }
}

#library-home .homeVisual .homevisual__textTitle {
    margin-bottom: 1.8518518519vh
}

#library-home .homeVisual .homevisual__descTitle,
#library-home .homeVisual .homevisual__textTitle {
    opacity: .35
}

#library-home .homeVisual .homevisual__descTitle .lineWrapper .animLine,
#library-home .homeVisual .homevisual__textTitle .lineWrapper .animLine {
    bottom: 0 !important
}

#library-home .homeVisual .visual_image_two {
    margin-left: 20.0520833333vw;
    align-items: center;
    display: flex;
    height: 100%
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_two {
        flex-direction: column;
        margin: 0 auto
    }
}

#library-home .homeVisual .visual_image_two img {
    height: 72.2222222222vh
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_two img {
        height: auto;
        width: 75vw
    }
}

#library-home .homeVisual .visual_image_two .homevisual__text {
    display: flex;
    flex-direction: column
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_two .homevisual__text {
        margin-top: 13.8888888889vh
    }
}

@media(orientation:landscape) {
    #library-home .homeVisual .visual_image_two .homevisual__text {
        align-self: flex-end;
        width: 17.7083333333vw;
        margin-left: 3.125vw
    }
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_three {
        justify-content: center;
        display: flex;
        margin-top: 4.6296296296vh
    }
}

@media(orientation:landscape) {
    #library-home .homeVisual .visual_image_three {
        transform: translateX(-6.7708333333vw)
    }
}

#library-home .homeVisual .visual_image_three img {
    height: 34.2592592593vh
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_three img {
        height: auto;
        width: 75vw
    }
}

#library-home .homeVisual .visual_image_four {
    margin-top: 13.4259259259vh;
    margin-left: 20.8333333333vw;
    display: flex;
    flex-direction: column;
    align-self: flex-end
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_four {
        margin-left: auto;
        margin-right: auto;
        align-self: flex-start
    }
}

#library-home .homeVisual .visual_image_four img {
    height: 53.2407407407vh;
    margin-bottom: 6.9444444444vh
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_four img {
        width: 100%;
        height: auto;
        margin-bottom: 0
    }
}

#library-home .homeVisual .visual_image_four .homevisual__text {
    width: 22.3958333333vw
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_four .homevisual__text {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6.9444444444vh
    }
}

#library-home .homeVisual .visual_image_five {
    margin-left: 27.0833333333vw;
    height: 100%;
    display: flex
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_five {
        margin-top: 9.2592592593vh;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto
    }
}

#library-home .homeVisual .visual_image_five img {
    height: 72.2222222222vh
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_five img {
        height: auto;
        width: 75vw;
        margin-bottom: 6.9444444444vh
    }
}

#library-home .homeVisual .visual_image_five .homevisual__text {
    width: 21.3541666667vw;
    margin-left: 3.125vw;
    display: flex;
    flex-direction: column;
    align-self: flex-start
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_five .homevisual__text {
        width: auto;
        margin-left: 0
    }
}

#library-home .homeVisual .visual_image_six {
    transform: translateX(-11.9791666667vw);
    align-self: flex-end
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_six {
        margin-left: auto;
        margin-right: auto;
        margin-top: 9.2592592593vh;
        transform: none
    }
}

#library-home .homeVisual .visual_image_six img {
    height: 34.2592592593vh
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_six img {
        height: auto;
        width: 75vw
    }
}

#library-home .homeVisual .visual_image_seven {
    transform: translateY(-10.1851851852vh);
    overflow: hidden;
    height: 100vh;
    width: calc(100vw - 100px)
}

@media(orientation:portrait) {
    #library-home .homeVisual .visual_image_seven {
        margin-left: auto;
        margin-right: auto;
        margin-top: 9.2592592593vh;
        transform: none;
        width: 100vw
    }
}

#library-home .homeVisual .visual_image_seven img {
    width: 100% !important
}

#library-home .homeVisual__svgCont {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

#library-home .homeVisual__svgCont svg {
    width: 100%;
    height: 100%;
    transform: scale(1.5)
}

#library-home .homeDiscover {
    width: 100%;
    background-color: #32322e;
    z-index: 1;
    position: relative
}

#library-home .homeDiscover.beforeTransition,
#library-home .homeDiscover.beforeTransition .homeDiscover__titleWrapper {
    background-color: #fef7ec
}

#library-home .homeDiscover.beforeTransition .libraryLine {
    background-color: #32322e
}

#library-home .homeDiscover.beforeTransition .homeDiscover__introTitle {
    color: #fef7ec
}

#library-home .homeDiscover .homeDiscover__titleWrapper,
#library-home .homeDiscover .libraryLine {
    transition: background-color .3s ease-in
}

#library-home .homeDiscover .homeDiscover__introTitle {
    transition: color .3s ease-in
}

#library-home .homeDiscover__wrapper {
    position: relative;
    height: 100vh
}

#library-home .homeDiscover__intro {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 1;
    position: relative;
    overflow: hidden;
    width: 100%
}

#library-home .homeDiscover__titleWrapper {
    background-color: #32322e;
    padding: 4.6296296296vh 0
}

#library-home .homeDiscover__introTitle {
    text-align: center
}

@media(orientation:portrait) {
    #library-home .homeDiscover__introTitle .animLine {
        position: relative;
        bottom: .7407407407vh
    }
}

#library-home .homeDiscover__icons {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#library-home .homeDiscover__icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

#library-home .homeDiscover__icon img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(orientation:portrait) {
    #library-home .homeDiscover__icon img {
        height: auto
    }
}

#library-home .homeDiscover__icon:first-child {
    top: 12.962962963vh;
    left: 50%;
    height: 15.2777777778vh
}

@media(orientation:portrait) {
    #library-home .homeDiscover__icon:first-child {
        top: 20.5%;
        height: auto;
        width: 55vw
    }
}

#library-home .homeDiscover__icon:nth-child(2) {
    top: 67.5925925926vh;
    left: 50%;
    height: 20.8333333333vh
}

@media(orientation:portrait) {
    #library-home .homeDiscover__icon:nth-child(2) {
        top: 73%;
        height: auto;
        width: 77vw
    }
}

#library-home .homeDiscover__icon:last-child {
    top: 35.1851851852vh;
    left: 50%;
    height: 30.0925925926vh
}

@media(orientation:portrait) {
    #library-home .homeDiscover__icon:last-child {
        top: 42%;
        height: auto;
        width: 55vw
    }
}

#library-home .homeHistory {
    width: 100%;
    background-color: #fef7ec;
    position: relative
}

#library-home .homeHistory.beforeTransition {
    background-color: #32322e
}

@media(orientation:portrait) {
    #library-home .homeHistory.beforeTransition .homeHistory__col {
        background-color: #32322e
    }
}

#library-home .homeHistory.beforeTransition .homeHistory__col a,
#library-home .homeHistory.beforeTransition .homeHistory__col h1,
#library-home .homeHistory.beforeTransition .homeHistory__col h2,
#library-home .homeHistory.beforeTransition .homeHistory__col h3,
#library-home .homeHistory.beforeTransition .homeHistory__col h4,
#library-home .homeHistory.beforeTransition .homeHistory__col h5,
#library-home .homeHistory.beforeTransition .homeHistory__col h6,
#library-home .homeHistory.beforeTransition .homeHistory__col p {
    color: #f8f5ee !important
}

#library-home .homeHistory.beforeTransition .libraryLine {
    background-color: #f8f5ee
}

#library-home .homeHistory .homeHistory__col,
#library-home .homeHistory .libraryLine {
    transition: background-color .3s ease-in
}

#library-home .homeHistory .homeHistory__col a,
#library-home .homeHistory .homeHistory__col h1,
#library-home .homeHistory .homeHistory__col h2,
#library-home .homeHistory .homeHistory__col h3,
#library-home .homeHistory .homeHistory__col h4,
#library-home .homeHistory .homeHistory__col h5,
#library-home .homeHistory .homeHistory__col h6,
#library-home .homeHistory .homeHistory__col p {
    transition: color .3s ease-in
}

#library-home .homeHistory__rows {
    padding-top: 27.7777777778vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative
}

@media(orientation:portrait) {
    #library-home .homeHistory__rows {
        padding-top: 46.2962962963vh
    }
}

#library-home .homeHistory__rows ul {
    list-style-type: decimal;
    transition: color .1s ease-in
}

#library-home .homeHistory__rows ul li {
    display: flex;
    cursor: pointer;
    transition: opacity .1s ease-in;
    opacity: .2
}

#library-home .homeHistory__rows ul li .animLine {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    bottom: unset
}

@media(orientation:portrait) {
    #library-home .homeHistory__rows ul li:not(:last-child) {
        height: 7.4074074074vh
    }
}

#library-home .homeHistory__rows ul li.active,
#library-home .homeHistory__rows ul li:hover {
    opacity: 1
}

#library-home .homeHistory__rows ul li::marker {
    display: none
}

#library-home .homeHistory__rows ul li .marker {
    display: flex;
    padding-right: 1.0416666667vw;
    font-size: 16px;

    font-weight: 700;
    position: relative;
    top: 2.3148148148vh
}

@media(orientation:portrait) {
    #library-home .homeHistory__rows ul li .marker {
        padding-right: 1.8518518519vh
    }
}

#library-home .homeHistory__row {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between
}

#library-home .homeHistory__row.row-reverse {
    flex-direction: row-reverse
}

@media(orientation:portrait) {
    #library-home .homeHistory__row {
        flex-direction: column !important
    }
}

#library-home .homeHistory__row:not(:first-child) {
    padding-top: 18.5185185185vh
}

@media(orientation:portrait) {
    #library-home .homeHistory__row:not(:first-child) {
        padding-top: 11.1111111111vh
    }
}


@media(orientation:portrait) {
    #library-home .homeHistory__classificationsList {
        font-size: 7.4074074074vh;
        line-height: 7.4074074074vh
    }
}

#library-home .homeHistory__classificationsList .lineWrapper .animLine {
    padding-bottom: .9259259259vh;
    padding-left: 1.0416666667vw
}

@media(orientation:portrait) {
    #library-home .homeHistory__classificationsList .lineWrapper .animLine {
        padding-left: 1.8518518519vh
    }
}

#library-home .homeHistory__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left
}

@media(orientation:landscape) {
    #library-home .homeHistory__col {
        width: 30.46875vw
    }
}

@media(orientation:portrait) {
    #library-home .homeHistory__col {
        background-color: #fef7ec;
        padding: 4.6296296296vh 0
    }

    #library-home .homeHistory__col:last-child {
        padding-top: 0
    }
}

#library-home .homeHistory__col .title {
    margin-bottom: 3.7037037037vh;
    text-align: left;
    width: 100%
}

#library-home .homeHistory__col img {
    width: auto;
    height: 81.0185185185vh
}

@media(orientation:portrait) {
    #library-home .homeHistory__col img {
        height: 45vh;
        width: auto;
        margin-top: 9.2592592593vh;
        margin-right: auto;
        margin-left: auto
    }
}

@media(orientation:landscape) {
    #library-home .homeHistory__rowsCatTitle {
        position: absolute;
        top: -4.6296296296vh;
        left: 0
    }
}

@media(orientation:portrait) {
    #library-home .homeHistory__rowsCatTitle {
        margin-bottom: .9259259259vh
    }
}

#library-home .homeHistory__rowsCat {
    padding-top: 20.3703703704vh;
    padding-bottom: 12.962962963vh
}

@media(orientation:portrait) {
    #library-home .homeHistory__rowsCat {
        padding-top: 4.6296296296vh
    }
}

#library-home .homeHistory__rowsCat .homeHistory__row .homeHistory__col {
    justify-content: flex-start
}

@media(orientation:portrait) {
    #library-home .homeHistory__rowsCat .homeHistory__row .homeHistory__col:first-child {
        padding-bottom: .9259259259vh
    }

    #library-home .homeHistory__rowsCat .homeHistory__row .homeHistory__col:last-child {
        padding-top: 0
    }
}

#library-home .homeHistory__rowsCat .homeHistory__row:first-child .homeHistory__col {
    align-items: flex-start
}

#library-home .homeHistory__rowsCat .homeHistory__row .descriptionsWrapper .animLine {
    bottom: 0
}

#library-home .homeHistory__rowsCat .homeHistory__row .descriptionsWrapper,
#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper {
    width: 100%;
    position: relative
}

#library-home .homeHistory__rowsCat .homeHistory__row .description,
#library-home .homeHistory__rowsCat .homeHistory__row img {
    position: absolute;
    transition: opacity .1s ease-in
}

#library-home .homeHistory__rowsCat .homeHistory__row .description:not(.active),
#library-home .homeHistory__rowsCat .homeHistory__row img:not(.active) {
    opacity: 0
}

#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper {
    height: 48.1481481481vh;
    margin-top: 3.7037037037vh;
    margin-left: auto;
    position: relative
}

@media(orientation:portrait) {
    #library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper {
        margin-top: 0
    }
}

#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper img {
    opacity: 1;
    right: 0;
    position: absolute;
    opacity: 0;
    width: auto;
    height: 100%;
    transition: right .3s ease-in
}

#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #002D25;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper img.active {
    opacity: 1;
    -webkit-animation: moveFront .4s;
    animation: moveFront .4s
}

#library-home .homeHistory__rowsCat .homeHistory__row .imagesWrapper img.willGoAway {
    -webkit-animation: goAway .4s;
    animation: goAway .4s
}

@-webkit-keyframes moveFront {
    0% {
        opacity: 0;
        z-index: 1
    }

    50% {
        right: -4.6296296296vh
    }

    75% {
        z-index: 3
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes moveFront {
    0% {
        opacity: 0;
        z-index: 1
    }

    50% {
        right: -4.6296296296vh
    }

    75% {
        z-index: 3
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes goAway {
    0% {
        opacity: 1;
        z-index: 3
    }

    50% {
        right: 4.6296296296vh
    }

    75% {
        z-index: 1
    }

    to {
        right: 0;
        opacity: 0
    }
}

@keyframes goAway {
    0% {
        opacity: 1;
        z-index: 3
    }

    50% {
        right: 4.6296296296vh
    }

    75% {
        z-index: 1
    }

    to {
        right: 0;
        opacity: 0
    }
}

.viewCollection {
    height: 100vh;
    width: 100%;
    background-color: #32322e;
    position: relative;
    z-index: 2
}

@media(orientation:portrait) {
    .viewCollection {
        height: 75vh
    }
}

.viewCollection.beforeTransition {
    background-color: #fef7ec
}

.viewCollection.beforeTransition .libraryLine {
    background-color: #32322e
}

.viewCollection.beforeTransition * {
    color: #32322e
}

.viewCollection.beforeTransition .inlineLink.light .button__round {
    filter: none
}

.viewCollection.beforeTransition .viewCollection__wrapper:after {
    background-color: #fef7ec
}

.viewCollection .libraryLine,
.viewCollection .viewCollection__wrapper:after {
    transition: background-color .3s ease-in
}

.viewCollection .inlineLink.light .button__round {
    transition: filter .3s ease-in
}

.viewCollection__wrapper {
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(orientation:portrait) {
    .viewCollection__wrapper {
        flex-direction: column
    }
}

.viewCollection__wrapper:after {
    content: "";
    width: 100%;
    height: 60.1851851852vh;
    background-color: #32322e;
    left: 0;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.viewCollection__wrapper .inlineLink .label {
    font-size: 6.25vw;
    line-height: 6.25vw;
    letter-spacing: -.1041666667vw;
    text-transform: none;

    font-weight: 300;
    margin-right: 1.5625vw
}

@media(orientation:portrait) {
    .viewCollection__wrapper .inlineLink .label {
        font-size: 5.5555555556vh;
        line-height: 5.5555555556vh
    }
}

.viewCollection__wrapper .inlineLink .label:after {
    height: 2px;
    bottom: -.9259259259vh
}

@media(orientation:portrait) {
    .viewCollection__wrapper .inlineLink .button__round {
        width: 5.5555555556vh;
        height: 5.5555555556vh
    }
}

.viewCollection__titleWrapper {
    position: relative;
    z-index: 3;
    padding-top: 4.6296296296vh
}

.viewCollection__titleWrapper .inlineLink {
    justify-content: center
}

@media(orientation:portrait) {
    .viewCollection__titleWrapper {
        padding: 4.6296296296vh 6.7708333333vw;
        text-align: center
    }

    .viewCollection__titleWrapper .label {
        max-width: 55%
    }
}

#library-product-sheet .viewCollection {
    padding-top: 0;
    border-top: 1px solid #f8f5ee
}

#library-product-sheet .viewCollection .libraryLine {
    opacity: 1
}

.timelineFilters {
    position: fixed;
    left: 80px;
    top: 0;
    width: calc(100vw - 80px);
    background-color: #32322e;
    z-index: 2
}

@media(orientation:portrait) {
    .timelineFilters {
        bottom: 0;
        position: relative;
        left: 0;
        width: 100vw;
        padding-top: 0
    }
}

.timelineFilters__wrapper {
    background-color: #32322e;
    border-bottom: 1px solid #f8f5ee;
    height: 125px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative
}

@media(orientation:portrait) {
    .timelineFilters__wrapper {
        height: auto;
        padding: 2.3148148148vh 0;
        align-items: flex-start;
        position: absolute;
        left: 0;
        width: 100%
    }
}

.timelineFilters__mobileStileText {
    display: none
}

@media(orientation:portrait) {
    .timelineFilters__mobileStileText {
        display: block;
        position: absolute;
        left: 1.8518518519vh;
        top: 2.3148148148vh;
        margin-left: 0;
        font-size: 1.9259259259vh;
        line-height: 2.3703703704vh
    }
}

.timelineFilters__voicesWrap {
    overflow-y: hidden;
    display: flex;
    margin-left: 2.0833333333vw
}

@media(orientation:portrait) {
    .timelineFilters__voicesWrap {
        flex-direction: column;
        display: none
    }
}

.timelineFilters__voices {
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

@media(orientation:portrait) {
    .timelineFilters__voices {
        flex-direction: column
    }
}

.timelineFilters__voices #js-question {
    cursor: pointer
}

@media(orientation:portrait) {
    .timelineFilters__voices #js-question {
        position: absolute;
        right: 1.8518518519vh;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(orientation:portrait) {
    .timelineFilters__voices #js-question svg {
        height: 2.7777777778vh
    }
}

.timelineFilters__voices #js-question circle,
.timelineFilters__voices #js-question ellipse,
.timelineFilters__voices #js-question path {
    transition: fill .1s ease-in, stroke .1s ease-in
}

.timelineFilters__voices #js-question.active circle {
    fill: #f8f5ee
}

.timelineFilters__voices #js-question.active ellipse,
.timelineFilters__voices #js-question.active path {
    stroke: #32322e
}

.timelineFilters__voice {
    transition: opacity .3s cubic-bezier(.75, .82, .565, 1);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: opacity .1s ease-in;
    margin-right: 2.0833333333vw
}

@media(orientation:portrait) {
    .timelineFilters__voice {
        margin-top: 1.8518518519vh;
        font-size: 1.9259259259vh;
        line-height: 2.3703703704vh
    }
}

.timelineFilters__voice svg {
    visibility: hidden;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    position: absolute;
    right: -1.3020833333vw;
    top: 45%;
    transform: translateY(-50%)
}

.timelineFilters__voice svg g {
    stroke-width: 3
}

.timelineFilters__voice.timelineFilters__seleziona {
    margin-right: .625vw
}

@media(orientation:portrait) {
    .timelineFilters__voice.timelineFilters__seleziona {
        margin-top: 0
    }

    .timelineFilters__voice.timelineFilters__seleziona:after {
        content: "";
        display: block;
        margin-left: 1.3888888889vh;
        width: 1.8518518519vh;
        height: 1.8518518519vh;
        background-image: url(../images/svg/small-arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }
}

.timelineFilters__voice.no-filtered {
    opacity: .2
}

.timelineFilters__voice.active {
    opacity: 1;
    position: relative
}

@media(orientation:landscape) {
    .timelineFilters__voice.active svg {
        visibility: visible
    }
}

.timelineFilters__voice span {
    display: block;
    margin-left: .5208333333vw
}

.timelineFilters__voice svg {
    height: 100%;
    display: block
}

.timelineFilters__arrows {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 2.6041666667vw;
    top: 50%;
    transform: translateY(-50%)
}

@media(orientation:portrait) {
    .timelineFilters__arrows {
        display: none
    }
}

.timelineFilters__arrows .button__round {
    border: 1px solid #f8f5ee
}

@media(orientation:portrait) {
    .timelineFilters__arrows .button__round {
        width: 30px;
        height: 30px;
        background-size: 16px
    }
}

.timelineFilters__arrows .prev {
    transform: rotate(90deg);
    margin-right: 1.5625vw
}

.timelineFilters__arrows .next {
    transform: rotate(-90deg)
}

.timelineQuestion {
    visibility: hidden;
    width: calc(100vw - 80px);
    height: calc(100vh - 125px);
    background-color: #fef7ec;
    position: fixed;
    left: 80px;
    bottom: 0;
    z-index: 3
}

@media(orientation:portrait) {
    .timelineQuestion {
        position: absolute;
        width: 100vw;
        left: 0;
        height: 100vh
    }
}

.timelineQuestion__close {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    position: relative;
    right: 2.6041666667vw;
    cursor: pointer;
    top: 4.1666666667vh;
    z-index: 5
}

@media(orientation:portrait) {
    .timelineQuestion__close {
        right: 2.7777777778vh;
        top: 2.7777777778vh
    }
}

@media(orientation:portrait) {
    .timelineQuestion .animLine {
        bottom: .3703703704vh
    }
}

.timelineQuestion__row {
    height: 100%;
    padding-bottom: 20.8333333333vh;
    padding-top: 19.4444444444vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 1;
    position: relative
}

@media(orientation:portrait) {
    .timelineQuestion__row {
        height: auto;
        flex-wrap: wrap;
        padding: 9.2592592593vh 0
    }
}

.timelineQuestion__row ul {
    list-style-type: decimal;
    padding-left: 1.0416666667vw;
    margin-top: 0;
}

.timelineQuestion__row ul .lineWrapper .animLine {
    padding-bottom: .9259259259vh;
    padding-left: 1.0416666667vw
}

@media(orientation:portrait) {
    .timelineQuestion__row ul .lineWrapper .animLine {
        padding-left: 1.8518518519vh
    }
}

.timelineQuestion__row ul li {
    display: flex;
    cursor: pointer;
    padding-left: 1.0416666667vw;
    transition: opacity .1s ease-in;
    opacity: .2
}

.timelineQuestion__row ul li .animLine {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    bottom: unset
}

.timelineQuestion__row ul li span {
    display: block;
    position: relative;
    top: .1851851852vh
}

@media(orientation:portrait) {
    .timelineQuestion__row ul li span {
        font-size: 7.4074074074vh;
        line-height: 7.4074074074vh
    }
}

.timelineQuestion__row ul li.active,
.timelineQuestion__row ul li:hover {
    opacity: 1
}

.timelineQuestion__row ul li .marker {
    display: flex;
    padding-right: 1.0416666667vw;
    font-size: 16px;

    font-weight: 700;
    position: relative;
    top: 2.3148148148vh
}

@media(orientation:portrait) {
    .timelineQuestion__row ul li .marker {
        padding-right: 1.8518518519vh
    }
}

.timelineQuestion__col {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    padding-left: 7.03125vw;
    padding-right: 7.03125vw;
    position: relative
}

@media(orientation:landscape) {
    .timelineQuestion__col {
        height: 100%
    }
}

@media(orientation:portrait) {
    .timelineQuestion__col {
        flex: 0 0 100%
    }
}

@media(orientation:portrait) {
    .timelineQuestion__col:first-child {
        margin-bottom: 5.5555555556vh
    }
}

.timelineQuestion__col .descCont {
    width: calc(100% - 14.0625vw);
    position: absolute;
    opacity: 0;
    transition: opacity .1s ease-in;
    top: 0;
    transform: translateX(-50%);
    left: 50%
}

.timelineQuestion__col .descCont.active {
    opacity: 1
}

.timelineQuestion__middleLine {
    width: 1px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

@media(orientation:portrait) {
    .timelineQuestion__middleLine {
        display: none
    }
}

#library-timeline {
    background-color: #32322e;
    width: 100%
}

@media(orientation:portrait) {
    #library-timeline {
        display: flex;
        align-items: center;
        min-height: auto;
        height: auto
    }
}

#library-timeline .timelineSlider {
    height: 100vh;
    background-color: #32322e;
    padding-top: 125px;
    padding-bottom: 10.1851851852vh
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider {
        padding: 4.6296296296vh 0;
        height: auto
    }
}

#library-timeline .timelineSlider__wines {
    overflow-y: hidden;
    display: flex;
    height: 100%;
    margin-left: 4.6296296296vh;
    margin-right: 12.037037037vh
}

@media(orientation:landscape) {
    #library-timeline .timelineSlider__wines {
        padding-top: 4.6296296296vh
    }
}

#library-timeline .timelineSlider__wines .wine {
    flex-shrink: 0;
    position: relative;
    border-left: 1px solid #f8f5ee;
    height: 100%;
    width: 13.8020833333vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider__wines .wine {
        width: 25vw
    }
}

#library-timeline .timelineSlider__wines .wine:last-child {
    border-right: 1px solid #f8f5ee
}

@media(orientation:landscape) {
    #library-timeline .timelineSlider__wines .wine:hover .wine__year {
        opacity: 0;
        transition-delay: .1s;
        transition-property: opacity;
        transition-duration: .3s;
        transition-timing-function: ease-out
    }
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider__wines .wine.active .wine__year {
        -webkit-animation: moveYearMobile .5s cubic-bezier(.37, 0, .63, 1);
        animation: moveYearMobile .5s cubic-bezier(.37, 0, .63, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    #library-timeline .timelineSlider__wines .wine.active .wine__content img {
        -webkit-animation: fadeUpContent .2s cubic-bezier(.37, 0, .63, 1);
        animation: fadeUpContent .2s cubic-bezier(.37, 0, .63, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

#library-timeline .timelineSlider__wines .wine.no-filtered .wine__year {
    opacity: .1
}

#library-timeline .timelineSlider__wines .wine__wrapper {
    width: 100%;
    height: 100%
}

#library-timeline .timelineSlider__wines .wine__year {
    position: absolute;
    left: 50%;
    z-index: 0;
    transform: rotate(-90deg) translateY(50%);
    transform-origin: bottom left;
    bottom: 0;
    transition: opacity .15s ease-in
}

#library-timeline .timelineSlider__wines .wine__year p {
    line-height: 8.3333333333vw
}

#library-timeline .timelineSlider__wines .wine__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    transition-property: opacity
}

@media(orientation:landscape) {
    #library-timeline .timelineSlider__wines .wine__content {
        transition-delay: .4s;
        transition: opacity .3s cubic-bezier(.75, .82, .565, 1)
    }
}

#library-timeline .timelineSlider__wines .wine__content img {
    width: auto;
    height: 51.8518518519vh;
    margin-bottom: 1.8518518519vh;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider__wines .wine__content img {
        width: 100%;
        height: auto;
        margin-bottom: 0
    }
}

#library-timeline .timelineSlider__wines .wine__content .year {
    margin-bottom: 2.7777777778vh
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider__wines .wine__content .year {
        display: none
    }
}

#library-timeline .timelineSlider__wines .wine__content .cat {
    text-transform: uppercase
}

@media(orientation:portrait) {
    #library-timeline .timelineSlider__wines .wine__content .cat {
        display: none
    }
}

#library-timeline .timelineSlider__wines .wine__content .cat,
#library-timeline .timelineSlider__wines .wine__content .year,
#library-timeline .timelineSlider__wines .wine__content img {
    opacity: 0
}

@-webkit-keyframes fadeUpContent {
    0% {
        opacity: 0;
        bottom: -9.2592592593vh
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes fadeUpContent {
    0% {
        opacity: 0;
        bottom: -9.2592592593vh
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@-webkit-keyframes fadeContent {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeContent {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes moveYear {
    0% {
        bottom: 0
    }

    to {
        opacity: 0;
        bottom: 50%
    }
}

@keyframes moveYear {
    0% {
        bottom: 0
    }

    to {
        opacity: 0;
        bottom: 50%
    }
}

@-webkit-keyframes moveYearMobile {
    0% {
        bottom: 0
    }

    to {
        bottom: 60%
    }
}

@keyframes moveYearMobile {
    0% {
        bottom: 0
    }

    to {
        bottom: 60%
    }
}

.timelineIndicators {
    position: fixed;
    left: 80px;
    bottom: 0;
    height: 10.1851851852vh;
    width: calc(100vw - 80px);
    background-color: #32322e;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(orientation:portrait) {
    .timelineIndicators {
        bottom: 0;
        position: relative;
        left: 0;
        width: 100vw
    }
}

@media(orientation:landscape) {
    .timelineIndicators .button {
        display: none
    }
}

.timelineIndicators .button__round {
    border: 1px solid #f8f5ee
}

@media(orientation:portrait) {
    .timelineIndicators .button__round {
        width: 30px;
        height: 30px;
        background-size: 16px
    }
}

.timelineIndicators .prev {
    transform: rotate(90deg);
    margin-right: 2.34375vw
}

.timelineIndicators .next {
    transform: rotate(-90deg)
}

.timelineIndicators__wrapper {
    width: 100%;
    height: 9.2592592593vh;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(orientation:portrait) {
    .timelineIndicators__wrapper {
        padding: 0 .9259259259vh;
        justify-content: space-between
    }
}

.timelineIndicators__wrapperInner {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    height: 3.7037037037vh;
    overflow: hidden
}

.timelineIndicators__wrapperInner span {
    cursor: pointer;
    height: 2.3148148148vh;
    position: relative;
    width: 1px;
    background-color: #f8f5ee;
    transition: height .1s ease-in, opacity .15s ease-in;
    transform-origin: bottom center
}

@media(orientation:portrait) {
    .timelineIndicators__wrapperInner span {
        width: 1px
    }
}

.timelineIndicators__wrapperInner span:not(:last-child) {
    margin-right: .5208333333vw
}

@media(orientation:portrait) {
    .timelineIndicators__wrapperInner span:not(:last-child) {
        margin-right: .5555555556vh
    }
}

.timelineIndicators__wrapperInner span.no-filtered {
    opacity: .1
}

.timelineIndicators__wrapperInner span.active {
    height: 3.7037037037vh
}

.timelineIndicators__wrapperInner span.nearActive {
    height: 2.7777777778vh
}

#library-product-sheet .productSheetTitle {
    position: fixed;
    left: 100px;
    top: 0;
    z-index: 10;
    width: calc(100% - 100px)
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetTitle {
        width: 100%;
        left: 0
    }
}

#library-product-sheet .productSheetTitle__wrapper {
    width: 100%
}

#library-product-sheet .productSheetTitle__titleWrapper {
    background-color: #32322e;
    text-align: center;
    height: 125px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#library-product-sheet .productSheetTitle__titleWrapper .animLine {
    padding: .462962963vh 0
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetTitle__titleWrapper {
        height: 11.5740740741vh
    }
}

#library-product-sheet .productSheetTitle .bottomLine {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 1px;
    width: 100%;
    background-color: #f8f5ee;
    transform-origin: top left
}

#library-product-sheet .animLine {
    bottom: .462962963vh
}

#library-product-sheet .productSheetYears {
    width: 100%;
    background-color: #32322e
}

@media(orientation:landscape) {
    #library-product-sheet .productSheetYears {
        padding-top: 125px
    }
}

#library-product-sheet .productSheetYears__wrapper {
    width: 100%
}

#library-product-sheet .productSheetYears__yearWrapper {
    background-color: #32322e;
    height: 28.7037037037vh;
    width: 100%
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetYears__yearWrapper {
        height: 13.8888888889vh
    }
}

#library-product-sheet .productSheetYears__yearWrapper.fixed {
    position: fixed;
    top: 0;
    left: 0
}

#library-product-sheet .productSheetYears__yearWrapper a:last-child svg {
    transform: rotate(180deg);
    transform-origin: center center
}

#library-product-sheet .productSheetYears__years,
#library-product-sheet .productSheetYears__yearsCont,
#library-product-sheet .productSheetYears__yearsInner,
#library-product-sheet .productSheetYears__yearWrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#library-product-sheet .productSheetYears__yearsCont {
    padding: 0 2.34375vw
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetYears__yearsCont {
        padding: 0 4.1666666667vh
    }
}

#library-product-sheet .productSheetYears .classification {
    border-bottom: 1px solid #f8f5ee
}

#library-product-sheet {
    width: 100%
}

#library-product-sheet .animLine {
    bottom: unset
}

#library-product-sheet .productSheetContent {
    background-color: #32322e
}

#library-product-sheet .productSheetContent__titleWrapper {
    text-align: center;
    height: 125px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__titleWrapper {
        height: 11.5740740741vh
    }
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__titleWrapper h1.t-40 {
        font-size: 2.962962963vh;
        line-height: 2.962962963vh
    }
}

#library-product-sheet .productSheetContent .media-wrap {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .media-wrap {
        margin-top: 7.4074074074vh
    }
}

#library-product-sheet .productSheetContent .media-wrap .play-icon-wrapper {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: rgba(0, 0, 0, .1450980392156863);
    width: 100%;
    height: 100%
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .media-wrap .play-icon-wrapper {
        opacity: 1
    }
}

#library-product-sheet .productSheetContent .media-wrap .play-icon-wrapper .play-icon {
    content: url(../images/svg/play.svg);
    cursor: pointer;
    position: relative
}

#library-product-sheet .productSheetContent .media-wrap.is-playing .play-icon-wrapper {
    display: none
}

#library-product-sheet .productSheetContent video {
    width: 100%;
    height: auto
}

#library-product-sheet .productSheetContent__mainImage {
    overflow: hidden;
    display: flex;
    justify-content: center
}

@media(orientation:landscape) {
    #library-product-sheet .productSheetContent__mainImage {
        width: 100%;
        height: 92.5925925926vh
    }
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__mainImage {
        height: 64.8148148148vh;
        width: 100%
    }
}

#library-product-sheet .productSheetContent__mainImage img {
    height: 81.0185185185vh;
    -o-object-fit: contain;
    object-fit: contain
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__mainImage img {
        height: 50.9259259259vh
    }
}

#library-product-sheet .productSheetContent__row {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__row {
        padding-top: 2.7777777778vh;
        flex-direction: column-reverse
    }
}

#library-product-sheet .productSheetContent .twoColCont {
    display: flex;
    flex-direction: column
}

#library-product-sheet .productSheetContent .twoColCont__title {
    text-align: center
}

#library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner {
    position: relative;
    width: 100%;
    padding: 11.1111111111vh 0;
    display: flex
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner {
        flex-wrap: wrap
    }
}

#library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner:first-child {
    justify-content: center;
    padding: 7.4074074074vh 0
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner:first-child {
        padding: 3.7037037037vh 0
    }
}

#library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner h3 {
    At Flemish Script II FF
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .twoColCont .productSheetContent__rowInner h3 {
        font-size: 7.4074074074vh;
        line-height: 7.4074074074vh
    }
}

#library-product-sheet .productSheetContent .topLine {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 1px;
    width: 100%;
    background-color: #f8f5ee;
    transform-origin: top left
}

#library-product-sheet .productSheetContent .middleLine {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
    height: 100%;
    width: 1px;
    background-color: #f8f5ee;
    transform-origin: top center
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .middleLine {
        display: none
    }
}

#library-product-sheet .productSheetContent__col {
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 0 0 50%;
    flex-basis: 50%;
    width: 50%;
    padding: 4.6296296296vh 6.7708333333vw;
    height: 100%
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__col {
        flex: 0 0 100%;
        flex-basis: 100%;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
}

#library-product-sheet .productSheetContent .classification {
    width: 100%;
    padding-bottom: 3.125vw
}

#library-product-sheet .productSheetContent .classification__title {
    At Flemish Script II FF;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.8518518519vh;
    margin-bottom: 6.9444444444vh
}

#library-product-sheet .productSheetContent .classification__title .lineWrapper .animLine {
    padding-bottom: 1.8518518519vh;
    padding-left: .5208333333vw
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .classification__title .lineWrapper .animLine {
        padding-left: .9259259259vh
    }
}

#library-product-sheet .productSheetContent .classification__title svg {
    margin-left: .78125vw
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .classification__title svg {
        margin-left: 1.3888888889vh;
        height: 30px;
        width: 30px
    }
}

#library-product-sheet .productSheetContent .classification__intro {
    padding-top: 1.8518518519vh;
    margin-bottom: 5.5555555556vh
}

#library-product-sheet .productSheetContent .dataInfo {
    padding-top: 1.8518518519vh;
    margin-bottom: 9.2592592593vh;
    width: 100%;
    border: none
}

#library-product-sheet .productSheetContent .dataInfo__col {
    padding: 0;
    flex: 0 0 33.333333%;
    width: 33.333333%;
    display: flex;
    flex-direction: column;
    flex-basis: 33.333333%;
    justify-content: space-between
}

@media(orientation:landscape) {
    #library-product-sheet .productSheetContent .dataInfo__col {
        height: 9.7222222222vh;
        border-left: 1px solid #f8f5ee;
        padding-left: 1.0416666667vw
    }
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .dataInfo__col {
        border-top: 1px solid #fff;
        padding-top: .9259259259vh;
        flex-direction: row;
        width: 100%;
        align-items: center;
        margin-bottom: 1.8518518519vh
    }
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .dataInfo__col p br {
        display: none
    }
}

#library-product-sheet .productSheetContent__warning {
    padding-bottom: 12.5vh
}

#library-product-sheet .productSheetContent__quotation {
    width: 100%;
    padding-bottom: 6.0185185185vh;
    cursor: pointer
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__quotation {
        padding-bottom: 9.2592592593vh
    }
}

#library-product-sheet .productSheetContent__quotation a {
    border-radius: 100px;
    border: 1px solid #f8f5ee;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.3888888889vh 1.5625vw;
    transition: all .1s ease-in
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent__quotation a {
        padding: 1.3888888889vh 2.7777777778vh
    }
}

#library-product-sheet .productSheetContent__quotation a:hover {
    background-color: #f8f5ee
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .expert .productSheetContent__rowInner:last-child {
        flex-direction: column-reverse
    }
}

#library-product-sheet .productSheetContent .expert .productSheetContent__wineTit,
#library-product-sheet .productSheetContent .expert .productSheetContent__wineY {
    width: 100%;
    padding-bottom: 2.7777777778vh
}

@media(orientation:portrait) {

    #library-product-sheet .productSheetContent .expert .productSheetContent__wineTit,
    #library-product-sheet .productSheetContent .expert .productSheetContent__wineY {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
}

@media(orientation:landscape) {
    #library-product-sheet .productSheetContent .expert .productSheetContent__wineY {
        padding-bottom: 3.7037037037vh
    }
}

#library-product-sheet .productSheetContent .expert .productSheetContent__revCont,
#library-product-sheet .productSheetContent .expert .productSheetContent__wineY {
    padding-top: 2.7777777778vh
}

#library-product-sheet .productSheetContent .expert .productSheetContent__revCont {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#library-product-sheet .productSheetContent .expert .productSheetContent__revCont .productSheetContent__reviewer {
    display: flex;
    flex-direction: column;
    text-align: right
}

#library-product-sheet .productSheetContent .expert .productSheetContent__revCont .productSheetContent__expNameIntro {
    Helvetica
}

#library-product-sheet .productSheetContent .expert .productSheetContent__expSentence {
    padding-top: 8.3333333333vh;
    width: 100%
}

#library-product-sheet .productSheetContent .stile {
    position: relative;
    flex-direction: column
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .stile {
        flex-direction: column
    }
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .stile .productSheetContent__col:last-child {
        margin-top: 4.1666666667vh
    }
}

#library-product-sheet .productSheetContent .stile .productSheetContent__certificationTit .lineWrapper .animLine {
    padding-bottom: .9259259259vh;
    padding-left: .5208333333vw
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .stile .productSheetContent__certificationTit .lineWrapper .animLine {
        padding-left: .9259259259vh
    }
}

#library-product-sheet .productSheetContent .stile__yearsWrapper {
    padding-top: 1.8518518519vh;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

@media(orientation:portrait) {
    #library-product-sheet .productSheetContent .stile__yearsWrapper {
        padding: 2.7777777778vh 0 4.6296296296vh
    }
}

#library-product-sheet .productSheetContent .stile__yearsWrapper a {
    transition: color .15s ease-in;
    display: flex;
    width: 33.333333%
}

#library-product-sheet .productSheetContent .stile__yearsWrapper a:hover {
    color: rgba(248, 245, 238, .5568627450980392)
}

.smaltimento__wrapper {
    width: calc(100vw - 3.75rem);
    margin: 40px auto 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .smaltimento__wrapper {
        width: 100%;
        padding: 70px 11.4583333333vw 0;
        margin-top: 125px;
        border-top: .85px solid #000
    }
}

.smaltimento__wrapper .smaltimento__boxBottomTitle,
.smaltimento__wrapper .smaltimento__boxBottomVal,
.smaltimento__wrapper .smaltimento__title {}

.smaltimento__wrapper .smaltimento__boxTopTitle {
    Schnyder XL
}

.smaltimento__wrapper .smaltimento__desc {
    Ivar Text
}

.smaltimento__title {
    font-weight: 700;
    letter-spacing: -.85px
}

.smaltimento__boxTopTitle,
.smaltimento__title {
    font-size: 1.5rem
}

@media screen and (min-width:768px)and (orientation:landscape) {

    .smaltimento__boxTopTitle,
    .smaltimento__title {
        font-size: 2rem
    }
}

.smaltimento__desc {
    font-size: .85rem;
    line-height: .95rem;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 40px
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__desc {
        font-size: .9rem
    }
}

.smaltimento__boxes {
    display: flex;
    flex-direction: column;
    gap: 20px 0
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__boxes {
        flex-direction: row;
        gap: 0
    }
}

.smaltimento__box {
    display: flex;
    flex-direction: column;
    border: .85px solid #000
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__box {
        width: 33.333333%
    }
}

.smaltimento__box svg {
    width: 40px;
    height: 40px
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__box svg {
        width: 60px;
        height: 60px
    }
}

.smaltimento__boxBottom,
.smaltimento__boxTop {
    padding: 15px 20px
}

.smaltimento__boxTop {
    display: flex;
    justify-content: space-between;
    border-bottom: .85px solid #000
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__boxTop {
        height: 120px
    }
}

.smaltimento__boxTop .col {
    display: flex;
    align-items: center
}

.smaltimento__boxTopTitle {
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: -.17px
}

.smaltimento__boxBottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__boxBottom {
        height: 210px
    }
}

.smaltimento__boxBottomTitle {
    font-size: 1.7rem;
    line-height: 1.6rem;
    letter-spacing: -.9px;
    font-weight: 700;
    margin-bottom: 8px
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__boxBottomTitle {
        font-size: 2rem
    }
}

.smaltimento__boxBottomVal {
    font-size: 1.1rem;
    letter-spacing: -.5px;
    text-transform: uppercase;
    font-weight: 400
}

@media screen and (min-width:768px)and (orientation:landscape) {
    .smaltimento__boxBottomVal {
        font-size: .9rem
    }
}

@media screen and (min-width:768px)and (max-width:1192px)and (orientation:portrait) {
    html.smaltimento #main_cont {
        left: 80px;
        width: calc(100% - 80px)
    }
}

select {
    padding: 1em;
    width: 200px;
    border-radius: .2em;
    border: 1px solid #acacac;
    color: #181820;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(https://cdn1.iconfinder.com/data/icons/arrows-vol-1-4/24/dropdown_arrow-512.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right;
    background-origin: content-box;
}

.down_btn {
    padding: 1em;
    width: 200px;
    border-radius: .2em;
    border: 1px solid #acacac;
    color: #181820;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right;
    background-origin: content-box;
    text-decoration: none;
    transition: .3s;

}

.down_btn:hover {
    background: #efb792;
    color: white !important;
    border: 1px solid white;
    transition: .3s;
    cursor: pointer;
}

#apartment-results {
    width: 100%;
    padding: 2em 10em;
}

#apartment-results>table {
    width: 93%;
    margin: 0 auto;
}

a {
    color: #212529 !important;
    text-decoration: none !important;
}

/*# sourceMappingURL=main.css.map*/

svg.black_svg g rect {
    fill: #212529 !important;
}

#widgetWrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    text-align: right;
}

#channels {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#channels.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.channel {
    background-color: transparent;
    border: 1px solid navajowhite;
    border-radius: 50px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
    color: navajowhite;
    transition: .3s ease-in-out all;
}

.channel:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.channel-name {
    display: none;
    margin-right: 10px;
    transition: .3s ease-in-out all;
}

.channel:hover>.channel-name {
    display: block !important;
    transition: .3s ease-in-out all;
}

.channel-icon img {
    width: 44px;
    height: auto;
}

#widget-img {
    width: 40%;
}

#widgetBubble {
    background-color: #00000080;
    border: 1px solid #ffffff;
    border-radius: 110px;
    padding: 0px;
    cursor: pointer;
    width: 60px;
    height: 60px;
}


.channel.show {
    opacity: 1;
    transform: translateY(0);
    background-color: #1b3f37;
}

/* Основной слайдер на весь экран */
.project_slider_section {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.main-slider {
    width: 100%;
    height: 100vh;
}

.main-slider .swiper-slide {
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1em;
}

/* Стили для стрелок навигации */
.swiper-button-next,
.swiper-button-prev {
    color: white;
    width: 70px;
    height: 70px;
    opacity: 0.7;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
}


/* Информация о проекте */
.project_info {
    color: #fff;
    z-index: 2;
    text-align: center;
}

.project_info h2,
.project_info p {
    margin: 0.5rem 0;
    color: white;
}

/* Стиль для миниатюр */
.thumbnail-slider {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1200px;
    height: 200px;
}

.thumbnail-slider .swiper-slide {
    width: 100px;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

/* Эффект затемнения при наведении */
.thumbnail-slider .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Затемнение */
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

/* Показ названия проекта */
.thumbnail-slider .swiper-slide .project-title {
    position: absolute;
    bottom: 41%;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 1em;
    text-align: center;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* При наведении на миниатюру */
.thumbnail-slider .swiper-slide:hover::before {
    opacity: 1;
}

.thumbnail-slider .swiper-slide:hover .project-title {
    opacity: 1;
    transform: translateY(0);
}

.thumbnail {
    border-radius: 10px;
    border: 1px solid #eeb792;
}



@media only screen and (max-width: 432px) {
    .project_items {
        flex-direction: column;
    }

    .pageIntro__title {
        margin-top: 1em;
        margin-bottom: 0em;
    }


    th {
        font-size: .7em !important;
    }

    td {
        font-size: .7em !important;
    }

    .row>* {
        width: auto !important;
        padding: 1em 0;
    }

    #apartment-results {
        padding: 2em 0em;
    }

    #apartment-filter-form {
        flex-direction: column;
        gap: .2em;
    }

    #apartment-filter-form select {
        width: 300px !important;
    }

    .center-floor-image {
        width: 100% !important;
    }


    select {
        padding: .5em;
        width: 300px;
        margin-right: 0 !important;
    }

    select#floor {
        width: 100px;
    }

    .pageIntro__numWrap {
        padding: 4em 0 2em 0;
    }

    .button--small .button__round {
        background-size: 28px 28px;
    }

    .button__round {
        width: 40px !important;
        height: 40px !important;
    }

    .pageIntro__btn {
        margin-left: 0 !important;
    }

    select#apartment {
        width: 100px;
    }

    select#project {
        width: 100px;
    }

    select#building {
        width: 100px;
    }

    .btn_submit {
        width: 100%;
    }


    .project_item {
        width: 100%;
    }

    .p1 {
        line-height: 100% !important;
    }

    .comp__wrap {
        width: 100% !important;
    }

    #main_cont {
        width: auto !important;
        left: 0 !important;
    }

    /* Стили для стрелок навигации */
    .swiper-button-next,
    .swiper-button-prev {
        color: white;
        /* Цвет стрелок */
        width: 40px;
        height: 40px;
        opacity: 0.7;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        opacity: 1;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 20px;
    }
}

.mouse {
    width: 26px;
    height: 40px;
    border-radius: 15px;
    border: 2px solid white;
    position: relative;
    overflow: hidden;
    margin-top: 1em;
}

.mouse .roll {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    height: 4px;
    border-radius: 4px;
    background: white;
    -webkit-animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
    animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
    z-index: 2;
}

.mouse .rollshadow {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    height: 4px;
    background: #aaa;
    border-radius: 4px;
    -webkit-animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
    animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
    animation-delay: 0s;
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms;
    z-index: 1;
}

@-webkit-keyframes mouseScroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px)
    }
}

@keyframes mouseScroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px)
    }
}

.video-container {
    height: 100vh;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    background-color: rgba(134, 116, 78, 0.15);
}

.video-container .cover {
    background: url("../img/gallery/view/1.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

.video-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.video-container .video:before {
    background-color: rgba(13, 93, 93, 0.1);
}

.video-container .video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.section_title{
    padding: 0 0 1em 0;
    border-bottom: 1px solid #e5ba96;
}

.video-container .video:after {
    background-color: rgba(0, 0, 0, 0);
}

.video-container .video:after,
.video-container .video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    text-align: center;
}

.video-container .content h1 {
    font-size: 4rem;
    color: #fff;
    text-transform: uppercase;
}


section.section {
    height: 100vh;
}

.wrapper {
    width: 1200px;
    height: 100%;
    margin-left: 11em;
}

.flex {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

.flex-def {
    display: flex;
    justify-content: space-between;
    gap: 1em;
}

.section_title {
    font-size: 1.5em;
    font-weight: 900;
    margin-block: .5em
}

.contact_title {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: .5em
}

.lable {
    font-size: 16px;
    font-weight: 500;

}


.group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5em;
    margin-bottom: 1em;
}

.contact_desct {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1em;
}

.form {
    margin: 1em 0;
}

.container_projects {
    display: flex;
    gap: 1em;
}

.pattern {
    position: absolute;
    top: -20px;
    right: -50px;
    width: 50px;
    height: auto;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

/* Стили для слайдера */
.slider-wrapper {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.item-slider img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

/* Кнопки управления */
.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.slider-controls button {
    pointer-events: all;
    background: transparent;
    border: none;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 99999;
}

.slider-controls button:hover {
    background: transparent;
}

.slider-controls .fa {
    font-size: 18px;
    color: #333;
}

.btn {
    overflow: hidden;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 2em;
    min-width: 13ch;
    padding: 1em 1.15em;
    border-radius: 2em;
    transition: opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1), transform 0.3s cubic-bezier(0.2, 0, 0.1, 1), box-shadow 0.5s ease, color 0.5s ease, background 0.5s ease;
    will-change: box-shadow, color, transform, opacity, background;
    background: #e5ba96;
    box-shadow: inset 0 0 0 0.1em #e5ba96, 0 0 0 rgba(124, 56, 216, 0);
}

.btn.outlined {
    display: inline-flex;
    background: none;
    color: #e5ba96;
}

.btn:after,
.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    right: -50%;
    left: -50%;
    height: 0;
    padding-bottom: 200%;
    border-radius: 39%;
    border: unset;
    transition: transform 0s cubic-bezier(0.2, 0, 0.1, 1) 0.5s, opacity 0.5s cubic-bezier(0.2, 0, 0.1, 1);
    opacity: 0;
}

.btn:before {
    transform: translate3d(-10%, 4.8em, 0) rotate(330deg);
    background: linear-gradient(25deg, #e5ba96, rgba(194, 154, 98, 0));
}

.btn:after {
    transform: translate3d(10%, 4.8em, 0) rotate(0deg);
    background: linear-gradient(70deg, rgba(184, 152, 100, 0.5), rgba(214, 176, 115, 0));
}

.btn:hover,
.btn:focus {
    transition: opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1), transform 0.3s cubic-bezier(0.2, 0, 0.1, 1), box-shadow 2s ease, color 1.5s ease, background 1s ease 0.75s;
    background: #e5ba96;
    box-shadow: inset 0 0 0 0.1em #fdc785, 0 0 1.75em rgba(255, 233, 166, 0.5);
}

.btn:hover.outlined,
.btn:focus.outlined {
    color: white;
}

.btn:hover:before,
.btn:hover:after,
.btn:focus:before,
.btn:focus:after {
    transition: transform 2s ease 0s, opacity 0.2s ease;
    opacity: 1;
}

.btn:hover:before,
.btn:focus:before {
    transform: translate3d(-10%, -1em, 0) rotate(100deg);
}

.btn:hover:after,
.btn:focus:after {
    transform: translate3d(10%, -1em, 0) rotate(180deg);
}

.ma {
    margin: 0 auto;
}

.left {
    width: 50%;
}

.right {
    width: 50%;
}

.about_container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5ba96;
    padding: 2em 0;
}

.auto{
    height: 100% !important;
}

.gap-11 {
    gap: 1em !important;
}

.header_about {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

img.logo_pattern {
    width: 100% !important;
    max-width: 100px;
    margin-bottom: 1em;
}

.news_title{
    font-size: 1.1rem;
}


img.about_img {
    display: block;         /* убираем лишние пробелы/отступы и учитываем box-like поведение */
    width: 100%;            /* подстраивается по ширине родителя */
    height: auto;           /* сохраняет пропорции */
    object-fit: cover;      /* обрезает картинку по контейнеру */
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

img.building_img{
    height: 36vh;
    width: 30em;
    object-fit: contain;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.services {
    margin-top: 2em;
}

.header_about_title {
    font-weight: 900;
    margin-bottom: 1em;
}

.header_about_desc {
    width: 100%;
}

.service_item {
    display: flex;
    align-items: center;
    gap: .5em;
}

.icon_service {
    width: 30px;
}

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

.material_item{
    width: 20%;
}

.benefits_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.benefit_item {
    width: 25%;
    position: relative;
    text-align: center;
}

.media_wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.benefit_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Картинка для hover-эффекта располагается абсолютно и скрыта по умолчанию */
.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* При наведении показываем вторую картинку */
.benefit_item:hover .hover-image {
    opacity: 1;
}


.benefit_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.benefit_item:hover .benefit_video {
    opacity: 1;
}

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 400px; /* высота контейнера по вашему усмотрению */
  }

  .parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    will-change: transform; /* оптимизация для анимаций */
  }

.aic {
    align-items: center;
}


.benefit_title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.building-section {
    padding: 1em;
    margin-top: 7em;
}