.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: .5em
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: .5em;
    margin-left: 1em
}

.form--inline .form-actions {
    clear: left
}

[dir="rtl"] .form--inline .form-actions {
    clear: right
}

.item-list .title {
    font-weight: bold
}

.item-list ul {
    margin: 0 0 .75em 0;
    padding: 0
}

.item-list li {
    margin: 0 0 .25em 1.5em;
    padding: 0
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em .25em 0
}

.item-list--comma-list {
    display: inline
}

.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li,
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
[dir="rtl"] .item-list__comma-list li {
    margin: 0
}

button.link {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 1em
}

label button.link {
    font-weight: bold
}

ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0
}

[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 .5em
}

ul.links a.is-active {
    color: #000
}

ul.menu {
    list-style: none outside;
    margin-left: 1em;
    padding: 0;
    text-align: left
}

[dir="rtl"] ul.menu {
    margin-left: 0;
    margin-right: 1em;
    text-align: right
}

.menu-item--expanded {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-expanded.png);
    list-style-type: circle
}

.menu-item--collapsed {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-collapsed.png);
    list-style-type: disc
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(https://www.konstolymp.gr/core/misc/menu-collapsed-rtl.png)
}

.menu-item {
    padding-top: .2em;
    margin: 0
}

ul.menu a.is-active {
    color: #000
}

tr.drag {
    background-color: #fffff0
}

tr.drag-previous {
    background-color: #ffd
}

body div.tabledrag-changed-warning {
    margin-bottom: .5em
}

tr.selected td {
    background: #ffc
}

td.checkbox,
th.checkbox {
    text-align: center
}

[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
    text-align: center
}

th.is-active img {
    display: inline
}

td.is-active {
    background-color: #ddd
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    box-sizing: border-box
}

.ui-dialog--narrow {
    max-width: 500px
}

@media screen and (max-width:600px) {
    .ui-dialog--narrow {
        max-width: 95%;
        min-width: 95%
    }
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
    background-image: linear-gradient(#e7e7df, #f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, .16)
}

.progress__bar {
    border: 1px #07629a solid;
    background: #057ec9;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)), -webkit-linear-gradient(left top, #0094f0 0, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)), -webkit-linear-gradient(left top, #0094f0 0, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)), linear-gradient(to right bottom, #0094f0 0, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-size: 40px 40px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 1px;
    height: 16px;
    border-radius: 10em;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    -webkit-transition: width .5s ease-out;
    transition: width .5s ease-out
}

[dir="rtl"] .progress__bar {
    margin-left: 0;
    margin-right: -1px;
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0%, 0 0
    }
    100% {
        background-position: 0 0, -80px 0
    }
}

@-ms-keyframes animate-stripes {
    0% {
        background-position: 0 0%, 0 0
    }
    100% {
        background-position: 0 0, -80px 0
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0%, 0 0
    }
    100% {
        background-position: 0 0, -80px 0
    }
}

.link,
.link__container a {
    font-size: .89474rem;
    line-height: 1.36842rem;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .5px;
    text-decoration: none
}

.link--line-bellow {
    color: #b7191e;
    display: inline-block;
    position: relative;
    transition: .3s ease-out
}

.link--line-bellow:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #9d8420;
    position: absolute;
    top: 30px;
    right: 0
}

.link--line-bellow:after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 30px;
    left: 0
}

.link--line-bellow:hover,
.link--line-bellow:focus {
    color: #9d8420
}

.link--line-bellow:hover:before,
.link--line-bellow:focus:before {
    width: 0
}

.link--line-bellow:hover:after,
.link--line-bellow:focus:after {
    width: 100%
}

.link--line-to-left,
.link__container--line-to-left a {
    display: inline-block;
    padding-left: 85px;
    position: relative;
    transition: .708s ease-out
}

.link--line-to-left:before,
.link__container--line-to-left a:before {
    transition: .6s ease-out .108s;
    content: '';
    display: inline-block;
    width: 72px;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    left: 0
}

.link--line-to-left:after,
.link__container--line-to-left a:after {
    transition: .6s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    right: 0
}

.link--line-to-left:hover,
.link--line-to-left:focus,
.link__container--line-to-left a:hover,
.grid-item__link:hover .link--line-to-left,
.grid-item__link:focus .link--line-to-left,
.homepage-hero__link:hover .link--line-to-left,
.homepage-hero__link:focus .link--line-to-left,
.production-teaser .grid-item__link:hover .link--line-to-left,
.production-teaser .grid-item__link:focus .link--line-to-left,
.home-block__text-container:hover .link--line-to-left,
.home-block__text-container:focus .link--line-to-left,
.home-block__text-container-center:hover .link--line-to-left,
.home-block__text-container-center:focus .link--line-to-left,
.link__container--line-to-left a:focus {
    padding-left: 0;
    padding-right: 85px;
    color: #ca7729
}

.link--line-to-left:hover:before,
.link--line-to-left:focus:before,
.link__container--line-to-left a:hover:before,
.grid-item__link:hover .link--line-to-left:before,
.grid-item__link:focus .link--line-to-left:before,
.homepage-hero__link:hover .link--line-to-left:before,
.homepage-hero__link:focus .link--line-to-left:before,
.production-teaser .grid-item__link:hover .link--line-to-left:before,
.production-teaser .grid-item__link:focus .link--line-to-left:before,
.home-block__text-container:hover .link--line-to-left:before,
.home-block__text-container:focus .link--line-to-left:before,
.home-block__text-container-center:hover .link--line-to-left:before,
.home-block__text-container-center:focus .link--line-to-left:before,
.link__container--line-to-left a:focus:before {
    width: 0;
    transition-delay: 0s
}

.link--line-to-left:hover:after,
.link--line-to-left:focus:after,
.link__container--line-to-left a:hover:after,
.grid-item__link:hover .link--line-to-left:after,
.grid-item__link:focus .link--line-to-left:after,
.homepage-hero__link:hover .link--line-to-left:after,
.homepage-hero__link:focus .link--line-to-left:after,
.production-teaser .grid-item__link:hover .link--line-to-left:after,
.production-teaser .grid-item__link:focus .link--line-to-left:after,
.home-block__text-container:hover .link--line-to-left:after,
.home-block__text-container:focus .link--line-to-left:after,
.home-block__text-container-center:hover .link--line-to-left:after,
.home-block__text-container-center:focus .link--line-to-left:after,
.link__container--line-to-left a:focus:after {
    width: 72px;
    transition-delay: .108s
}

.link--line-to-right {
    display: inline-block;
    padding-right: 85px;
    position: relative;
    transition: .354s ease-out
}

.link--line-to-right:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    left: 0
}

.link--line-to-right:after {
    transition: .3s ease-out .054s;
    content: '';
    display: inline-block;
    width: 72px;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    right: 0
}

.link--line-to-right:hover,
.link--line-to-right:focus,
.news-promoted:hover .link--line-to-right,
.news-promoted:focus .link--line-to-right {
    padding-left: 85px;
    padding-right: 0;
    color: #ca7729
}

.link--line-to-right:hover:before,
.link--line-to-right:focus:before,
.news-promoted:hover .link--line-to-right:before,
.news-promoted:focus .link--line-to-right:before {
    width: 72px;
    transition-delay: .054s
}

.link--line-to-right:hover:after,
.link--line-to-right:focus:after,
.news-promoted:hover .link--line-to-right:after,
.news-promoted:focus .link--line-to-right:after {
    width: 0;
    transition-delay: 0s
}

.title,
.main-menu__link--level-0 {
    font-size: 1.57895rem;
    line-height: 1.89474rem;
    font-family: "PFDINTextCondPro-Thin", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color: #ca7729
}

.title p,
.main-menu__link--level-0 p {
    margin-top: 0;
    margin-bottom: 0
}

.title span,
.main-menu__link--level-0 span {
    display: inline-block
}

@media(min-width:576px) {
    .title,
    .main-menu__link--level-0 {
        font-size: 1.89474rem;
        line-height: 2.21053rem
    }
}

@media(min-width:992px) {
    .title,
    .main-menu__link--level-0 {
        font-size: 2.52632rem;
        line-height: 2.73684rem
    }
}

.title--with-section-heading {
    margin-top: .58947rem;
    margin-bottom: .73684rem
}

.view-home-news .title--with-section-heading {
    margin-top: 1.03158rem
}

.title--primary {
    font-size: 2.52632rem;
    line-height: 2.73684rem
}

@media(min-width:992px) {
    .title--primary {
        font-size: 3.57895rem;
        line-height: 3.78947rem
    }
}

.title--primary--with-section-heading {
    margin-top: .73684rem;
    margin-bottom: .73684rem
}

.title--secondary,
.main-menu__link--level-0 {
    font-size: 1.89474rem;
    line-height: 2.21053rem
}

.title--secondary--with-section-heading {
    margin-top: .73684rem;
    margin-bottom: .73684rem
}

.title--brand-secondary {
    color: #b7191e
}

.title--brand-light {
    color: #543f17
}

.title--very-light,
.main-menu__link--level-0 {
    color: #fff
}

.title--centered {
    text-align: center
}

.title--underline {
    padding-bottom: 10px
}

.title--underline:after {
    content: '';
    display: block;
    width: 55px;
    height: 1px;
    background-color: #ca7729;
    position: relative;
    top: 10px
}

.title--underline.title--centered {
    padding-bottom: 26px
}

.title--underline.title--centered:after {
    top: 26px;
    margin-left: auto;
    margin-right: auto
}

.title--underline.title--large:after {
    top: 13px
}

@media(min-width:992px) {
    .title--underline.title--large:after {
        top: 26px
    }
}

.title--underline.title--primary {
    padding-bottom: 17px
}

.title--underline.title--primary:after {
    top: 17px
}

.title--underline.title--primary.title--centered {
    padding-bottom: 40px
}

.title--underline.title--primary.title--centered:after {
    top: 40px
}

.title--large {
    font-size: 2.52632rem;
    line-height: 2.73684rem
}

@media(min-width:576px) {
    .title--large {
        font-size: 3.57895rem;
        line-height: 3.78947rem
    }
}

@media(min-width:992px) {
    .title--large {
        font-size: 4.94737rem;
        line-height: 5rem
    }
}

.title--large--with-section-heading {
    margin-top: 1.47368rem
}

@media(min-width:576px) {
    .title--large--with-section-heading {
        margin-top: 2.94737rem
    }
}

.title--large--with-section-heading--evenly-spaced {
    margin-top: 1.47368rem;
    margin-bottom: 1.32632rem
}

.title--large.title--underline {
    padding-bottom: 2.21053rem
}

.title--xtra-large {
    font-size: 7.57895rem;
    line-height: 8.63158rem;
    font-family: Georgia, Times, serif
}

.text,
.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    font-size: 1rem;
    line-height: 1.47368rem;
    margin-bottom: 1.47368rem;
    color: #4a4a4a
}

.text p:first-child,
.paragraph-layout--image-left-and-text-right .paragraph-layout__text p:first-child {
    margin-top: 0
}

.text p:last-child,
.paragraph-layout--image-left-and-text-right .paragraph-layout__text p:last-child {
    margin-bottom: 0
}

.text--pf {
    font-family: "PFDINTextCondPro-Thin", Arial, Helvetica, "Nimbus Sans L", sans-serif
}

.text--roboto {
    font-family: "Roboto Condensed", sans-serif
}

.text--small {
    font-size: .89474rem;
    line-height: 1.36842rem
}

.text--medium {
    font-size: 1.15789rem;
    line-height: 1.68421rem
}

.text--large,
.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    font-size: 1.31579rem;
    line-height: 1.68421rem
}

@media(min-width:769px) {
    .text--large,
    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        font-size: 1.57895rem;
        line-height: 1.94737rem
    }
}

@media(min-width:992px) {
    .text--large,
    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        font-size: 1.89474rem;
        line-height: 2.26316rem
    }
}

.text--centered {
    text-align: center
}

.text--align-right {
    text-align: right
}

.text--brand,
.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    color: #ca7729
}

.text--gold {
    color: #9d8420
}

.financial__open-pdf,
.site-pager,
.text-uppercase {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1.36842rem;
    color: #4a4a4a
}

.financial__open-pdf,
.text-uppercase--gold {
    color: #9d8420
}

.financial:hover .financial__open-pdf,
.text-uppercase--brand {
    color: #ca7729
}

.site-pager,
.text-uppercase--brand-secondary {
    color: #b7191e
}

.text-uppercase--brand-light {
    color: #543f17
}

.text-uppercase--centered {
    text-align: center
}

.line {
    position: relative
}

.line:after {
    display: block;
    background-color: #ca7729;
    position: relative;
    content: '';
    margin-top: 12px;
    left: 50%;
    width: 1px;
    z-index: 1
}

.line--below {
    margin-bottom: 1.10526rem
}

.line--below:after {
    height: 53px
}

.line--short-below {
    margin-bottom: .58947rem
}

.line--short-below:after {
    height: 30px
}

.line--medium-below {
    margin-bottom: -1.10526rem
}

.line--medium-below:after {
    height: 95px
}

.line--long-below {
    margin-bottom: .73684rem;
    padding-bottom: 251px;
    transition: all .3s ease-out
}

.line--long-below:after {
    position: absolute;
    height: 251px
}

.social-links__item {
    text-align: center;
    display: inline-block
}

.social-links__item:not(:last-child) {
    margin-right: 15px
}

.social-links__link {
    display: block;
    position: relative
}

.social-links__link:hover .social-links__svg path {
    fill: #ca7729
}

.social-links__link:hover .social-links__svg--light path {
    fill: #543f17
}

.social-links__svg--facebook {
    width: 10px;
    height: 20px
}

.social-links__svg--instagram {
    width: 18px;
    height: 18px
}

.social-links__svg--youtube {
    width: 28.3px;
    height: 16.3px
}

.social-links__svg--email {
    width: 21.3px;
    height: 16px
}

.social-links__svg--linkedin {
    width: 20px;
    height: 21px
}

.social-links__svg--light path {
    fill: #fff
}

.social-links__svg--light polyline {
    fill: #ca7729
}

.social-links__svg polyline,
.social-links__svg path {
    transition: .2s ease-out
}

.news {
    text-align: center
}

.news__link-wrapper {
    outline: 0
}

.news__text {
    margin: 0 auto;
    max-width: 685px
}

.news__image {
    margin-bottom: 4.42105rem
}

@media(max-width:768px) {
    .news__image {
        margin-bottom: 1.47368rem
    }
}

.news__date {
    margin-top: 2.21053rem
}

.image-link,
.news-thumb a,
.production-teaser .layout-2col-40-60__col:nth-child(2) {
    display: block
}

.image-link__image-wrapper,
.news-thumb__image,
.production-teaser .field--name-field-image {
    line-height: 0;
    height: 0;
    padding-top: 66.66667%;
    position: relative;
    overflow: hidden;
    width: 100%
}

.image-link__image-wrapper img,
.news-thumb__image img,
.production-teaser .field--name-field-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: 1.2s ease-out
}

.image-link:hover img,
.image-link:focus img,
.news-thumb a:hover img,
.production-teaser .layout-2col-40-60__col:hover:nth-child(2) img,
.news-thumb a:focus img,
.production-teaser .layout-2col-40-60__col:focus:nth-child(2) img {
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.image-link--production-process .image-link__image-wrapper,
.image-link--production-process .news-thumb__image,
.image-link--production-process .production-teaser .field--name-field-image,
.production-teaser .image-link--production-process .field--name-field-image,
.production-teaser .layout-2col-40-60__col:nth-child(2) .image-link__image-wrapper,
.production-teaser .layout-2col-40-60__col:nth-child(2) .news-thumb__image,
.production-teaser .layout-2col-40-60__col:nth-child(2) .field--name-field-image {
    padding-top: 74.06297%
}

.news-thumb__image-promoted-wrapper {
    max-width: 660px
}

.news-thumb__date-wrapper {
    padding-top: 1.47368rem;
    padding-bottom: .58947rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.news-thumb__date {
    line-height: .89474rem
}

.news-thumb__line {
    height: auto;
    position: relative;
    transition: .3s ease-out
}

.news-thumb__line--before-date {
    flex-grow: 0;
    transition: .3s ease-out;
    width: 0
}

.news-thumb__line--before-date:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 7px;
    left: 0;
    transition: .3s ease-out
}

.news-thumb__line--after-date {
    margin-left: 20px;
    flex-grow: 1;
    position: relative
}

.news-thumb__line--after-date:before {
    transition: .3s ease-out .054s;
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 7px;
    left: 0
}

.news-thumb:hover .news-thumb__line--before-date {
    margin-right: 20px;
    width: 46px;
    transition: .3s ease-out .054s
}

.news-thumb:hover .news-thumb__line--after-date:before {
    width: 0;
    transition: .354s ease-out
}

.news-thumb__home-title,
.view-home-news .title--with-section-heading {
    margin-bottom: 1.47368rem
}

.news-thumb--promoted .title {
    padding: .44211rem 0 .88421rem 0
}

@media(min-width:769px) {
    .news-thumb--promoted .title {
        padding: 1.03158rem 0 .88421rem 0
    }
}

.news-thumb--promoted .text {
    margin-bottom: 1.17895rem
}

.news-thumb--promoted .news-thumb__content {
    padding-top: 1.03158rem
}

@media(min-width:769px) {
    .news-thumb--promoted .news-thumb__content {
        padding-top: 0;
        padding-left: 16%;
        margin-top: -3px
    }
}

.block-views-block-home-news-block-1 {
    clear: both
}

.news-promoted {
    margin-top: 2.94737rem;
    margin-bottom: 0
}

@media(min-width:992px) {
    .news-promoted {
        margin-top: 5.89474rem;
        margin-bottom: 3.68421rem
    }
}

.news-promoted:hover .link--line-bellow,
.news-promoted:focus .link--line-bellow {
    color: #9d8420
}

.news-promoted:hover .link--line-bellow:before,
.news-promoted:focus .link--line-bellow:before {
    width: 0
}

.news-promoted:hover .link--line-bellow:after,
.news-promoted:focus .link--line-bellow:after {
    width: 100%
}

@media(max-width:1199px) {
    .news-promoted .text {
        display: none
    }
}

.grid-item__link {
    outline: 0;
    width: 100%
}

@media(min-width:576px) {
    .grid-item__link {
        display: flex
    }
}

@media(min-width:769px) {
    .grid-item__link:hover .layout-2col__col:first-child,
    .grid-item__link:focus .layout-2col__col:first-child {
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.grid-item .layout-2col__col:first-child {
    transition: .3s ease-out
}

@media(max-width:1199px) {
    .grid-item--2col {
        margin-bottom: 2.94737rem
    }
}

.grid-item__content--centered {
    margin: auto 0
}

.grid-item__content--bottom-alignment {
    margin-top: auto
}

.certificates {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%
}

.certificates__section {
    padding-bottom: 4.42105rem
}

@media(min-width:769px) {
    .certificates__section {
        padding-bottom: 5.89474rem
    }
}

.certificates__file {
    display: block;
    outline: 0
}

.certificates__file:hover,
.certificates__file:focus {
    outline: 0
}

.certificates__file:hover .certificates__image:before,
.certificates__file:focus .certificates__image:before {
    width: 215px;
    height: 215px;
    transition: .3s ease-out
}

.certificates__file:hover .certificates__image .certificates__link,
.certificates__file:focus .certificates__image .certificates__link {
    color: #ca7729;
    transition: .2s ease-out .4s
}

.certificates__file:hover .certificates__image .certificates__link:before,
.certificates__file:focus .certificates__image .certificates__link:before {
    height: 40px;
    transition: .2s ease-out .2s
}

.certificates__link {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    -ms-transform: translateY(65px);
    transform: translateY(65px);
    transition: .2s ease-out;
    width: 100%;
    color: transparent
}

.certificates__link:before {
    height: 0;
    content: '';
    width: 1px;
    position: absolute;
    top: -37px;
    left: 50%;
    background-color: #ca7729;
    transition: .2s ease-out .1s
}

.certificates__image {
    position: relative;
    line-height: 0
}

.certificates__image:before {
    content: '';
    transition: .3s ease-out .3s;
    position: absolute;
    width: 133px;
    height: 133px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.certificates--homepage {
    padding-bottom: 0
}

@media(max-width:991px) {
    .certificates--homepage {
        padding-right: 10px;
        padding-left: 10px
    }
}

.view-home-certificates {
    padding-left: 30px
}

@media(max-width:768px) {
    .view-home-certificates {
        padding-left: 0;
        padding-top: 2.94737rem
    }
}

.paragraph--view-mode--no-link-certificate .field--type-image {
    position: relative;
    line-height: 0;
    display: inline-block
}

.paragraph--view-mode--no-link-certificate .field--type-image:before {
    content: '';
    transition: .3s ease-out .3s;
    position: absolute;
    width: 72%;
    height: 72%;
    background-color: white;
    border-radius: 50%;
    top: 14%;
    left: 14%;
    z-index: -1
}

.financial {
    display: inline-block;
    position: relative;
    transition: .3s ease-out;
    height: 336px;
    width: 241px;
    border: 6px solid white
}

.financial__wrapper {
    padding-top: 1.47368rem;
    padding-bottom: 2.94737rem;
    text-align: center
}

.financial__file {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.financial__year {
    line-height: 6.57895rem;
    padding-bottom: 15px
}

.financial__year,
.financial__text {
    transition: .3s ease-out
}

.financial:hover {
    box-shadow: 0 2px 30px 0 rgba(65, 84, 30, .2);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.financial:hover .financial__year,
.financial:hover .financial__text {
    color: #ca7729
}

.financial:hover .financial__open-pdf {
    transition: .3s ease-out;
    padding-bottom: 53px;
    padding-top: 0
}

.financial:hover .financial__open-pdf::before {
    height: 0;
    background-color: #ca7729
}

.financial:hover .financial__open-pdf::after {
    height: 53px;
    background-color: #ca7729
}

.financial__open-pdf {
    display: inline-block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    -ms-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
    padding-top: 53px;
    padding-bottom: 0;
    transition: .3s ease-out
}

.financial__open-pdf::before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 53px;
    background-color: #b7191e;
    position: absolute;
    top: 0;
    right: 50%
}

.financial__open-pdf::after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 0;
    background-color: #b7191e;
    position: absolute;
    bottom: 0;
    right: 50%
}

.proccesing__image {
    line-height: 0
}

.history {
    padding-top: 28px;
    padding-bottom: 28px;
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

.history__content {
    max-width: 540px;
    margin: 0 auto
}

@media(min-width:576px) {
    .history:first-child {
        padding-top: 140px
    }
}

.history__header>* {
    display: inline-block
}

.history__header__date {
    font-size: .89474rem;
    line-height: 1.36842rem;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .5px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    transition: .354s ease-out;
    padding-left: 0;
    padding-right: 85px
}

.history__header__date:before {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    transition-delay: 0s
}

.history__header__date:after {
    width: 72px;
    transition-delay: .054s;
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 50%;
    right: 0
}

.history.is-active .history__header__date {
    padding-left: 85px;
    padding-right: 0;
    color: #ca7729
}

.history.is-active .history__header__date:before {
    width: 72px;
    transition: .3s ease-out .054s
}

.history.is-active .history__header__date:after {
    width: 0;
    transition: .3s ease-out
}

.history__year>div {
    color: #ca7729;
    color: #ca7729
}

.backgroundcliptext .history__year>div {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.view-history .view-content {
    padding-bottom: 140px
}

.is-path-history:before {
    position: fixed;
    z-index: -1;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../../../themes/custom/pb/images/background/history.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover
}

.js-sticky-element {
    position: absolute
}

.scrollmagic-pin-spacer {
    vertical-align: top
}

.year {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    width: 100%
}

@media(max-width:768px) {
    .year {
        display: none
    }
}

.year__container {
    font-size: 23vw;
    line-height: 1;
    opacity: 0;
    color: #ca7729;
    width: 50%;
    padding-right: 4vw;
    position: relative;
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

.year__centuries {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-right: 10vw;
    justify-content: flex-end;
    height: 20vw;
    margin-left: auto;
    margin-right: auto
}

.year__decades,
.year__centuries>div {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37, .01, 0, .98);
    transition-duration: 1s, 1.2s;
    transition-property: transform, opacity
}

.year__decades {
    height: 20vw;
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

.year__first,
.year__second,
.year__third,
.year__fourth {
    display: flex;
    flex-direction: column;
    height: 23vw
}

.year__third {
    margin-left: 15vw
}

.year__fourth {
    margin-left: 0
}

.year__digit span {
    color: #ca7729
}

.backgroundcliptext .year__digit span {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.site-pager {
    padding-bottom: 45px;
    padding-top: 0;
    display: block;
    transition: .3s ease-out;
    z-index: 1;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    white-space: nowrap
}

.site-pager__wrapper {
    position: fixed;
    left: 35px;
    height: 1px;
    width: 0;
    top: 50%;
    z-index: 1
}

@media(max-width:768px) {
    .site-pager__wrapper {
        display: none
    }
}

.site-pager__wrapper+.site-pager__wrapper {
    right: 35px;
    left: auto;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.site-pager--prev {
    left: 0
}

.site-pager__counter {
    text-align: center;
    position: relative;
    margin-bottom: -9px
}

.site-pager::after {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 45px;
    background-color: #b7191e;
    position: absolute;
    bottom: 0;
    right: 50%
}

.site-pager::before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 1px;
    height: 0;
    background-color: #b7191e;
    position: absolute;
    top: 0;
    right: 50%
}

.site-pager:hover {
    transition: .3s ease-out;
    padding-bottom: 6px;
    padding-top: 39px
}

.site-pager:hover::after {
    height: 0;
    transition-delay: 0s
}

.site-pager:hover::before {
    height: 34px;
    transition-delay: 0
}

.is-path-production-process .site-pager,
.is-path-history .site-pager {
    display: none
}

.cta {
    padding-top: 185px
}

.cta .contextual {
    right: 10%
}

@media(max-width:991px) {
    .cta {
        padding-top: 85px
    }
}

.cta__link {
    display: block;
    width: 100%
}

.cta__link:hover .cta__wrapper:before,
.cta__link:focus .cta__wrapper:before {
    width: 0
}

.cta__link:hover .cta__background-image,
.cta__link:focus .cta__background-image {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.cta__link:hover+.cta__surtitle .cta__surtitle-inner,
.cta__link:focus+.cta__surtitle .cta__surtitle-inner {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .3s
}

.cta__wrapper {
    transition: min-height .3s ease-out .4s;
    width: 100%;
    min-height: 504px;
    background-size: cover;
    background-position: left bottom;
    position: relative;
    display: flex;
    text-align: center
}

.cta__wrapper:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 125px;
    left: 50%;
    -ms-transform-origin: center left;
    transform-origin: center left;
    background: #ca7729;
    width: 250px;
    transform: rotate(-90deg) translateZ(1px);
    transition: .8s ease .3s
}

@media(max-width:991px) {
    .cta__wrapper:before {
        top: 98px;
        width: 140px
    }
}

@media(max-width:991px) {
    .cta__wrapper {
        min-height: 304px
    }
}

.cta__titles {
    margin: auto;
    padding: 150px 80px;
    width: 100%
}

@media(max-width:991px) {
    .cta__titles {
        padding: 100px 80px
    }
}

.cta__subtitle {
    position: relative
}

.cta__main-title.title {
    padding-top: 2.21053rem;
    padding-bottom: 2.21053rem
}

.cta__main-title.title:after {
    bottom: -42px;
    top: auto
}

.cta__main-title.title--extra-padding {
    padding-top: 3.68421rem
}

.cta__surtitle {
    margin-bottom: 7.63158rem;
    margin-top: 15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden
}

.cta__surtitle-inner {
    position: relative;
    transition: .3s ease .8s
}

.cta__background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: 1.2s ease-out
}

.cta__background-image-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: -1
}

.cta__decorative_image {
    position: absolute;
    top: 0;
    right: 20%;
    left: auto
}

.heading {
    position: relative
}

@media(max-width:991px) {
    .heading__column-first-after {
        margin-bottom: 1.47368rem;
        text-align: center
    }
}

.heading-two-col__image {
    line-height: 0
}

.heading-two-col__surtitle {
    margin-bottom: 1.47368rem;
    margin-top: 1.47368rem
}

@media(min-width:768px) {
    .heading-two-col__surtitle {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .heading-two-col__title {
        margin-bottom: 1.47368rem
    }
}

.heading__layout {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 1.47368rem
}

@media(min-width:769px) {
    .heading__layout {
        padding-top: 1.47368rem
    }
}

@media(min-width:992px) {
    .heading__layout {
        padding-top: 2.21053rem;
        padding-bottom: 5.89474rem
    }
}

@media(min-width:992px) {
    .js [class*="js-header-block__"],
    .js [class*="js-header-block__title"] span,
    .js [class*="js-header-short-block__"],
    .js [class*="js-heading-two-col__"],
    .js [class*="js-heading-two-col__title"] span {
        opacity: 0
    }
    .js .header-block__surtitle:after,
    .js .header-short-block__surtitle:after {
        opacity: 0;
        transition: all 1s ease-out
    }
    .js .header-block__surtitle.is-header-short-block__surtitle:after,
    .js .header-block__surtitle.is-header-block__surtitle:after,
    .js .header-short-block__surtitle.is-header-short-block__surtitle:after,
    .js .header-short-block__surtitle.is-header-block__surtitle:after {
        opacity: 1
    }
    .js .header-block__title-line:after,
    .js .heading-two-col__title-line:after {
        position: relative;
        width: 0;
        -ms-transform: translateX(-55px);
        transform: translateX(-55px);
        opacity: 0;
        transition: all .4s ease-out
    }
    .js .header-block__title-line.is-heading-two-col__title-line:after,
    .js .header-block__title-line.is-header-block__title-line:after,
    .js .heading-two-col__title-line.is-heading-two-col__title-line:after,
    .js .heading-two-col__title-line.is-header-block__title-line:after {
        opacity: 1;
        width: 55px;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.title-span-animation span {
    display: inline-block
}

.single-text {
    position: relative;
    display: flex;
    flex-direction: row-reverse
}

@media(max-width:768px) {
    .single-text {
        flex-direction: row
    }
}

.single-text__surtitle {
    margin-bottom: 1.47368rem
}

.single-text .text {
    margin-top: 0;
    margin-bottom: 0
}

.product .single-text {
    padding-bottom: 2.94737rem
}

.homepage-hero {
    position: relative;
    opacity: 0
}

@media(min-width:992px) {
    .homepage-hero {
        min-height: 693px
    }
}

.homepage-hero__content {
    padding-top: 1.47368rem
}

@media(min-width:576px) {
    .homepage-hero__content {
        padding-top: 5.15789rem
    }
}

@media(min-width:1200px) {
    .homepage-hero__content {
        padding-top: 7.36842rem
    }
}

.homepage-hero__content span {
    display: inline-block;
    position: relative
}

.homepage-hero__title {
    visibility: hidden;
    margin-top: -1.47368rem
}

@media(min-width:576px) {
    .homepage-hero__title {
        margin-top: -4.42105rem
    }
}

@media(min-width:992px) {
    .homepage-hero__title {
        margin-top: -1.47368rem
    }
}

.homepage-hero__days {
    position: relative;
    text-align: center;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.homepage-hero__days-inner-wrapper {
    padding-top: 90px
}

.homepage-hero h1 {
    margin-bottom: 1.47368rem
}

.homepage-hero__link {
    display: block;
    max-width: 485px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:576px) {
    .homepage-hero__link {
        margin-bottom: 2.94737rem
    }
}

@media(min-width:769px) {
    .homepage-hero__link {
        margin-top: 1.47368rem;
        margin-bottom: 5.89474rem;
        max-width: 390px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:992px) {
    .homepage-hero__link {
        margin-top: 0;
        margin-bottom: 0;
        min-width: 402px;
        max-width: 402px;
        margin-left: -18%;
        margin-right: -15%;
        text-align: left
    }
}

@media(min-width:1200px) {
    .homepage-hero__link {
        margin-left: -5%;
        margin-right: -5%
    }
}

.homepage-hero__images {
    position: relative;
    width: 100%
}

.homepage-hero__image {
    position: absolute;
    left: 0;
    top: -50px
}

.homepage-hero__image img {
    width: 104%;
    max-width: 104%;
    margin-left: -1%;
    margin-top: -12.5%;
    height: auto
}

.homepage-hero .days__container {
    margin-right: -100%
}

@media(min-width:0) and (max-width:991px) {
    .homepage-hero .days__centuries {
        margin-top: 10%;
        margin-bottom: 20%;
        -ms-transform: scale(1.6);
        transform: scale(1.6);
        height: 21vw
    }
}

.homepage-hero__image {
    opacity: 0
}

.main-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto
}

.main-menu__social {
    opacity: 0
}

.main-menu__background {
    position: absolute;
    z-index: -1;
    content: '';
    background-color: #ca7729;
    top: 0;
    bottom: 0;
    width: 0;
    right: 0;
    left: 0;
    background-image: url(../../../../themes/custom/pb/sass/components/menu/pattern1-menu.png);
    background-repeat: repeat;
    background-position: 0 0
}

.main-menu__background--dark {
    display: none
}

.main-menu__background--light {
    background-color: #b7191e;
    z-index: -2;
    background-image: none
}

.main-menu__wrapper {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: space-between;
    opacity: 0;
    z-index: -1
}

.main-menu__home-link {
    margin-right: 30px
}

.main-menu__hamburger {
    display: block;
    float: right
}

.main-menu__row--menu {
    margin: auto 0
}

.main-menu__row--top {
    display: inline-block;
    padding-top: 40px;
    padding-left: 49px;
    visibility: hidden;
    opacity: 0
}

@media(min-width:576px) {
    .main-menu__row--top {
        padding-top: 60px;
        padding-left: 72px
    }
}

.main-menu__bottom,
.main-menu .menu--main {
    width: 100%;
    display: flex;
    margin: auto
}

.main-menu__bottom {
    padding: 20px 0;
    display: block
}

.main-menu__social {
    padding-left: 49px
}

@media(min-width:576px) {
    .main-menu__social {
        padding-left: 72px
    }
}

.main-menu__menu--level-0 {
    padding-left: 49px;
    padding-right: 49px;
    margin: 25px 0;
    width: 100%;
    position: relative
}

@media(min-width:576px) {
    .main-menu__menu--level-0 {
        padding-left: 72px;
        padding-right: 72px;
        margin: 35px 0
    }
}

.main-menu__menu--level-0 .is-menu-item-active-trail .main-menu__menu--level-1 {
    transition: .1s ease-out .3s
}

.main-menu__menu--level-1 {
    transition: .1s ease-out .3s;
    padding-left: 0;
    padding-bottom: 10px
}

.main-menu__item {
    list-style: none;
    padding-left: 0;
    opacity: 0
}

.main-menu__item--expanded .main-menu__link--level-0::after {
    content: '';
    width: 10px;
    height: 10px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -21px;
    top: 10px;
    border-right: 1px solid #543f17;
    border-bottom: 1px solid #543f17;
    transition: transform .4s ease-out, top .4s ease-out
}

.main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0 {
    color: #543f17
}

.main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}

.main-menu__item:not(:nth-child(1)) .main-menu__link--level-1:not(a),
.main-menu__item:not(:nth-child(1)) .main-menu__heading {
    margin-top: 30px
}

.main-menu__item:nth-child(1) .main-menu__link--level-1:not(a),
.main-menu__item:nth-child(1) .main-menu__heading {
    margin-top: 0
}

.main-menu__item--level-0 {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    max-height: 57px;
    transition: max-height .6s ease-out
}

.main-menu__item--level-0.is-menu-item-active-trail {
    height: auto;
    max-height: 1000px;
    transition: max-height 1.5s ease-out .8s
}

.main-menu__item--level-0.is-menu-item-original-active-trail {
    max-height: 57px;
    transition: max-height .1s ease-out
}

.main-menu__link-wrapper--level-0 {
    overflow: hidden
}

.main-menu__heading,
.main-menu__link--level-1:not(a) {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1rem;
    color: #543f17;
    display: inline-block;
    padding-bottom: 8px;
    list-style: none;
    padding-left: 0;
    transition: .2s ease-out
}

.main-menu__heading a.main-menu__heading:hover,
.main-menu__heading .main-menu__link--level-1:hover:not(a),
.main-menu__link--level-1:not(a) a.main-menu__heading:hover,
.main-menu__link--level-1:not(a) .main-menu__link--level-1:hover:not(a) {
    color: #fff
}

a.main-menu__heading:hover {
    color: #fff
}

.main-menu__heading--in-menu {
    padding-bottom: 14px;
    display: inline-block;
    opacity: 0
}

.main-menu__link--level-0 {
    line-height: 36px;
    position: relative;
    transition: .2s ease-out
}

@media(min-width:0) and (max-width:575px) {
    .main-menu__link--level-0 {
        font-size: 1.57895rem
    }
}

.main-menu__link--level-0:hover {
    cursor: pointer
}

.main-menu__link--level-0:hover,
.main-menu__link--level-0:focus {
    color: #543f17
}

.main-menu__link--level-1:not(a) {
    display: none
}

.main-menu__link--level-1:not(span) {
    font-family: Georgia, Times, serif;
    font-size: 1.10526rem;
    line-height: 1.36842rem;
    color: #fff;
    display: block;
    position: relative;
    padding-top: 19px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    transition: .2s ease-out
}

.main-menu__link--level-1:not(span)::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #556e27;
    position: absolute;
    bottom: 0;
    left: 0
}

.main-menu__link--level-1:not(span):hover,
.main-menu__link--level-1:not(span):focus {
    color: #543f17
}

@media(min-width:769px) {
    .main-menu__background--dark {
        display: block
    }
    .main-menu__menu--level-0 {
        padding-left: 60px;
        padding-right: 0;
        max-width: 50%;
        max-height: 10000000px
    }
    .main-menu__menu--level-0.is-menu-item-active-trail {
        height: auto;
        max-height: 10000000px
    }
    .main-menu__menu--level-1 {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        padding-left: 60px;
        transition: .1s ease-out .3s
    }
    .main-menu__item--expanded .main-menu__link--level-0::after {
        content: '';
        width: 10px;
        height: 10px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        right: -21px;
        top: 11px;
        border-right: 1px solid #543f17;
        border-bottom: 1px solid #543f17;
        transition: right .4s ease-out, border-color .2s ease-out .2s
    }
    .main-menu__item--expanded .main-menu__link--level-0::before {
        border-bottom: 1px solid #506824;
        width: 0;
        right: -21px;
        position: absolute;
        content: '';
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        top: 16px;
        transition: .4s ease-out, border-color .2s ease-out .2s
    }
    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0 {
        color: #543f17
    }
    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::after {
        right: -271px;
        border-right: 1px solid #b7191e;
        border-bottom: 1px solid #b7191e;
        transition: right .4s ease-out, border-color .2s ease-out;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .main-menu__item--expanded.is-menu-item-active-trail .main-menu__link--level-0::before {
        width: 250px;
        border-bottom: 1px solid #506824;
        transition: .4s ease-out, border-color .2s ease-out
    }
    .main-menu__bottom,
    .main-menu .menu--main {
        max-width: 720px
    }
    .main-menu .main-menu__link--level-1:not(a) {
        display: inline-block
    }
    .main-menu__social {
        padding-left: 60px
    }
}

html.is-menu-open {
    overflow: hidden
}

html.is-menu-open .main-menu__wrapper {
    overflow: hidden;
    opacity: 1;
    z-index: 10;
    transition: all .3s ease-out
}

.hamburger {
    outline: 0
}

.hamburger__title {
    padding-bottom: 0;
    color: #ca7729;
    display: none
}

@media(min-width:576px) {
    .hamburger__title {
        display: inline
    }
}

.hamburger__title.is-active {
    color: #543f17
}

.hamburger__container {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 30px;
    display: flex;
    align-items: center
}

@media(min-width:576px) {
    .hamburger__container {
        right: 50px;
        top: 38px
    }
}

@media(min-width:769px) {
    .hamburger__container {
        right: 50px
    }
}

.hamburger__container:hover .hamburger__title {
    color: #543f17
}

.hamburger__container:hover .hamburger__title.is-active {
    color: #543f17
}

.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner {
    background-color: #fff
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger-box {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 3px
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    height: 1px;
    transform: rotate(0deg) translate3d(0, 0, 1px);
    background-color: #ca7729;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -9px
}

.hamburger-inner::after {
    bottom: -9px
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top .1s .14s ease, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(0.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg) translate3d(0, 0, 1px);
    transition-delay: .44s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .2s ease, opacity .2s .44s ease, background-color .2s ease .2s
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg) translate3d(0, 0, 1px);
    transition: bottom .2s ease, transform .2s .44s cubic-bezier(0.215, .61, .355, 1), background-color .2s ease .2s
}

.contact__social {
    margin-top: 2.21053rem;
    margin-bottom: 1.47368rem;
    text-align: center
}

.contact__paragraph-title {
    margin-bottom: 1.47368rem
}

.contact__paragraph-text a {
    color: #4a4a4a;
    transition: color .2s ease-out
}

.contact__paragraph-text a:hover,
.contact__paragraph-text a:focus {
    color: #9d8420
}

.contact__paragraphs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 895px;
    margin-right: auto;
    margin-left: auto
}

.contact__paragraph {
    margin-top: 2.94737rem;
    margin-bottom: 1.47368rem;
    max-width:300px;
    margin-right: 28px
}

.contact__paragraph:last-child {
    margin-right: 0
}

@media(max-width:768px) {
    .contact__paragraph {
        margin-top: 1.47368rem;
        margin-bottom: 0
    }
}

.contact__paragraph-gmap-wrapper {
    display: flex;
    align-items: center
}

.contact__paragraph-gmap a {
    color: #4a4a4a;
    transition: .2s ease-out
}

.contact__paragraph-gmap svg {
    margin-right: 12px
}

.contact__paragraph-gmap svg path {
    transition: .2s ease-out
}

.contact__paragraph-gmap:hover a {
    color: #9d8420
}

.contact__paragraph-gmap:hover svg path {
    fill: #4a4a4a
}

.location-content {
    padding: 20px 0 20px 20px;
    text-align: center
}

.location-content a {
    color: #4a4a4a;
    transition: color .3s ease-out
}

.location-content a:hover {
    color: #9d8420
}

.container {
    margin-left: auto;
    margin-right: auto
}

.container--normal {
    width: 850px;
    max-width: 80%
}

@media(max-width:575px) {
    .container--normal {
        max-width: 100%
    }
}

.container--narrow {
    width: 815px;
    max-width: 80%
}

@media(max-width:575px) {
    .container--narrow {
        max-width: 100%
    }
}

.container--narrower {
    width: 660px;
    max-width: 70%
}

@media(max-width:575px) {
    .container--narrower {
        max-width: 100%
    }
}

.container--narrowest {
    width: 550px;
    max-width: 70%
}

@media(max-width:575px) {
    .container--narrowest {
        max-width: 100%
    }
}

.container--extra-narrow {
    width: 350px;
    max-width: 70%
}

@media(max-width:575px) {
    .container--extra-narrow {
        max-width: 100%
    }
}

.container--content-centered {
    margin-top: auto;
    margin-bottom: auto
}

.decorative,
.cta__decorative_image {
    display: none
}

@media(min-width:992px) {
    .decorative,
    .cta__decorative_image {
        display: inline-block
    }
}

.decorative {
    position: absolute;
    line-height: 0;
    z-index: 9;
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

@media(min-width:1200px) {
    .decorative {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.decorative__wrapper {
    position: relative
}

.decorative--front {
    position: relative;
    margin-top: -20%
}

@media(min-width:769px) {
    .decorative--front {
        display: inline-block
    }
}

.decorative__front-inner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.decorative__front-inner:first-child {
    position: relative
}

#block-home3 .decorative {
    right: -10px
}

.history .decorative {
    top: -100px;
    left: 15%
}

.history .decorative--second {
    top: auto;
    left: auto;
    bottom: -200px;
    right: 60px
}

.paragraph--type--single-text .decorative {
    left: 8%
}

.paragraph-single-text--247 .decorative,
.paragraph-single-text--252 .decorative,
.paragraph-single-text--255 .decorative,
.paragraph-single-text--257 .decorative {
    left: 2%;
    top: 0
}

.paragraph-single-text--248 .decorative,
.paragraph-single-text--253 .decorative,
.paragraph-single-text--260 .decorative {
    right: 0;
    left: auto;
    top: 0;
    -ms-transform: translate(60%, -247px);
    transform: translate(60%, -247px);
    -ms-transform-origin: center;
    transform-origin: center
}

.paragraph-single-text--277 .decorative {
    left: 0;
    bottom: 0;
    -ms-transform: translate(-105px, 70px);
    transform: translate(-105px, 70px);
    -ms-transform-origin: center;
    transform-origin: center
}

.production--22 .heading .decorative,
.production--35 .heading .decorative,
.production--37 .heading .decorative,
.production--39 .heading .decorative,
.node-nid-16 .heading .decorative {
    right: 0;
    top: 0;
    -ms-transform: translate(92px, -29px);
    transform: translate(92px, -29px)
}

.production--22 .cta__decorative_image,
.production--35 .cta__decorative_image,
.production--37 .cta__decorative_image,
.production--39 .cta__decorative_image,
.node-nid-16 .cta__decorative_image {
    position: absolute;
    top: 0;
    right: 9%;
    left: auto
}

.production--34 .heading .decorative,
.production--36 .heading .decorative,
.production--38 .heading .decorative,
.production--40 .heading .decorative,
.node-nid-13 .heading .decorative,
.node-nid-12 .heading .decorative,
.node-nid-19 .heading .decorative {
    left: 0;
    top: 0;
    -ms-transform: translate(-77px, -50px);
    transform: translate(-77px, -50px)
}

.production--34 .cta__decorative_image,
.production--36 .cta__decorative_image,
.production--38 .cta__decorative_image,
.production--40 .cta__decorative_image,
.node-nid-13 .cta__decorative_image,
.node-nid-12 .cta__decorative_image,
.node-nid-19 .cta__decorative_image {
    position: absolute;
    left: 9%;
    right: auto;
    top: 0
}

.node-nid-12 .cta__decorative_image,
.block-views-block-home-news-block-1 .decorative {
    position: absolute;
    top: 0;
    right: 9%;
    left: auto
}

.production-teaser .grid-item__content {
    position: relative
}

.production-teaser--22 .decorative,
.production-teaser--35 .decorative,
.production-teaser--37 .decorative,
.production-teaser--39 .decorative,
.paragraph-styles-text--304 .decorative {
    right: 54%;
    bottom: 100px
}

.production-teaser--34 .decorative,
.production-teaser--36 .decorative,
.production-teaser--38 .decorative,
.production-teaser--40 .decorative {
    left: -6%;
    top: 40px
}

.is-production-process-disabled .decorative {
    display: none
}

.is-production-process-disabled .production-process__counter {
    display: none
}

.production-teaser {
    position: relative
}

.production-teaser__content {
    padding-bottom: 1.47368rem;
    width: 100%
}

.is-production-process-disabled .production-teaser__content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-right: 0;
    padding-left: 0;
    min-height: 0
}

@media(min-width:992px) {
    .production-teaser__content {
        min-height: 400px;
        position: fixed;
        top: 280px;
        left: auto;
        right: 45%;
        max-width: 320px;
        padding-right: 0;
        padding-left: 0;
        right: 55%
    }
}

@media(min-width:1200px) {
    .production-teaser__content {
        max-width: 480px;
        padding-right: 110px;
        padding-left: 55px
    }
}

.production-teaser__title {
    overflow: hidden
}

.production-teaser__title span {
    display: inline-block
}

.production-teaser .production-teaser__content {
    opacity: 0
}

.production-teaser .production-teaser__surtitle {
    opacity: 0
}

.is-production-process-disabled .production-teaser:not(:first-child) .production-teaser__content {
    opacity: 1
}

.is-production-process-disabled .production-teaser:not(:first-child) .production-teaser__surtitle {
    opacity: 1
}

.production-teaser .field--name-field-image .media__image {
    -ms-transform: translate(-50%, -46%) scale(1);
    transform: translate(-50%, -46%) scale(1)
}

.production-teaser .field--name-field-image .media__image.b-loaded {
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.production-teaser .grid-item__content {
    padding-bottom: 2.94737rem
}

@media(max-width:1199px) {
    .production-teaser .grid-item__content {
        padding-bottom: 0
    }
}

.production-teaser .grid-item__link {
    flex-wrap: wrap
}

.production-teaser .layout-2col-40-60__col:nth-child(2) {
    padding-right: 0
}

.production-process {
    position: relative
}

.production-process__counter {
    position: fixed;
    top: 204px;
    left: 0;
    width: 100%;
    height: 288px;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    z-index: -1
}

.production-process__counter__container {
    display: none
}

@media(min-width:992px) {
    .production-process__counter__container {
        display: flex;
        flex-direction: column;
        font-size: 288px;
        line-height: 1;
        opacity: 1;
        color: #ca7729
    }
}

.production-process__counter__centuries {
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    width: 100%;
    height: 288px;
    position: absolute;
    left: auto;
    right: 55%;
    -ms-transform: translateX(-70px);
    transform: translateX(-70px);
    max-width: 320px;
    padding-right: 0;
    padding-left: 0
}

.production-process__counter__centuries>div {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37, .01, 0, .98);
    transition-duration: 1s, 1.2s;
    transition-property: transform, opacity
}

.production-process__counter__first,
.production-process__counter__second {
    display: flex;
    flex-direction: column;
    height: 288px
}

@media(min-width:1200px) {
    .production-process__counter__centuries {
        max-width: 480px;
        padding-left: 55px;
        padding-right: 120px
    }
}

.is-path-production-process .pagination {
    display: none
}

@media(min-width:992px) {
    .is-path-production-process .pagination {
        display: block
    }
}

@media(min-width:0) and (max-width:991px) {
    .is-path-production-process .is-animated-by-js,
    .is-path-production-process .is-animated-by-js span {
        visibility: visible !important;
        opacity: 1 !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.paragraph-layout {
    position: relative;
    margin-bottom: 2.94737rem
}

@media(min-width:992px) {
    .paragraph-layout {
        margin-bottom: 7.36842rem
    }
}

@media(min-width:1200px) {
    .paragraph-layout {
        margin-bottom: 13.26316rem
    }
}

.paragraph-layout.paragraph-layout--video-or-image-left-image-right {
    margin-bottom: 2.94737rem
}

@media(min-width:992px) {
    .paragraph-layout.paragraph-layout--video-or-image-left-image-right {
        margin-bottom: 7.36842rem
    }
}

.paragraph-layout__image img {
    vertical-align: middle
}

.paragraph-layout__decorative-image {
    position: absolute;
    bottom: -70px;
    left: 9%
}

.paragraph-layout--full-and-small .paragraph-layout__image--1 {
    text-align: right;
    margin-top: -115px;
    margin-right: 76px
}

@media(max-width:991px) {
    .paragraph-layout--full-and-small .paragraph-layout__image--1 {
        display: none
    }
}

.paragraph-layout--two-images-or-video-small-left {
    display: flex;
    justify-content: space-between
}

@media(min-width:576px) {
    .paragraph-layout--two-images-or-video-small-left {
        padding-top: 1.47368rem
    }
}

@media(min-width:992px) {
    .paragraph-layout--two-images-or-video-small-left {
        padding-top: 4.42105rem
    }
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
    max-width: 31.5%;
    margin-left: -20px
}

@media(min-width:768px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        margin-left: -50px
    }
}

@media(min-width:992px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        margin-left: -80px
    }
}

@media(min-width:1440px) {
    .paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--0 {
        max-width: 430px;
        margin-left: -117px
    }
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--1 {
    width: 100%;
    max-width: 68.5%
}

.paragraph-layout--two-images-or-video-small-left .paragraph-layout__image--1 video {
    height: auto;
    width: 100%
}

.paragraph-layout--image-left-and-text-right {
    display: flex;
    align-items: center
}

.paragraph-layout--image-left-and-text-right .paragraph-layout__text {
    padding: 0 0 2.94737rem 1.05263rem;
    max-width: 430px;
    margin-left: 40px;
    margin-right: auto
}

@media(min-width:1200px) {
    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        margin-left: auto
    }
}

.paragraph-layout--image-left-and-text-right .paragraph-layout__decorative-image {
    right: 20%;
    left: auto
}

@media(max-width:991px) {
    .paragraph-layout--image-left-and-text-right {
        flex-wrap: wrap
    }
    .paragraph-layout--image-left-and-text-right .paragraph-layout__text {
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-top: 1.47368rem;
        padding-bottom: 0
    }
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--0 {
    max-width: 74.3%
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--0 video {
    height: auto;
    width: 100%
}

.paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--1 {
    margin-left: 59%;
    margin-top: -92px;
    z-index: 1;
    position: relative
}

@media(min-width:768px) {
    .paragraph-layout--video-or-image-left-image-right .paragraph-layout__image--1 {
        margin-top: -184px
    }
}

.home-block {
    position: relative
}

@media(min-width:992px) {
    .home-block .title--primary span {
        opacity: 0
    }
}

.home-block__layout {
    align-items: flex-end
}

@media(max-width:991px) {
    .home-block__layout {
        align-items: flex-start
    }
}

.home-block__text-container {
    max-width: 485px;
    display: block
}

@media(max-width:768px) {
    .home-block__text-container {
        margin-left: auto;
        margin-right: auto
    }
}

.home-block__certificates .view-content {
    display: flex;
    flex-wrap: wrap
}

.home-block__certificates .views-row {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px
}

.home-block__certificates .views-row:last-child {
    margin-bottom: 0
}

.home-block--3 .home-block__node-below {
    background-image: url(../../../../themes/custom/pb/sass/components/home-block/olive-tree-backround.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom
}

.home-block--3 .home-block__text-container {
    position: relative;
    z-index: 1
}

.home-block--2 .home-block__layout {
    align-items: center;
    position: relative;
    z-index: 9
}

.home-block--2 .decorative {
    right: -80px
}

.home-block__image {
    padding-right: 30px
}

.home-block__text-container-center {
    padding-bottom: 2.94737rem;
    max-width: 515px;
    margin: auto 0 auto auto;
    display: block;
    padding-left: 40px
}

@media(max-width:768px) {
    .home-block__text-container-center {
        margin: 0 auto;
        padding: 0;
        max-width: 475px;
        padding-top: 2.94737rem
    }
}

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

.home-block__node-below {
    margin-top: -4.42105rem;
    padding-top: 10.31579rem;
    padding-bottom: 2.94737rem;
    position: relative;
    padding-left: 53px;
    padding-right: 53px
}

@media(min-width:769px) {
    .home-block__node-below {
        margin-top: -13.26316rem;
        padding-top: 19.15789rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1200px) {
    .home-block__node-below {
        margin-top: -17.68421rem;
        padding-top: 28rem
    }
}

@media(max-width:1199px) {
    .home-block__node-below .heading {
        padding-bottom: 0
    }
}

.pagination {
    position: fixed;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:768px) {
    .pagination {
        display: none
    }
}

.pagination__item {
    padding-left: 0
}

.pagination__link {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .10526em;
    text-transform: uppercase;
    font-size: .73684rem;
    line-height: 1.36842rem;
    color: #556e27;
    padding-left: 60px;
    display: inline-block;
    position: relative;
    transition: .3s ease-out;
    cursor: pointer
}

.pagination__link:before {
    transition: .3s ease-out;
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ca7729;
    position: absolute;
    top: 12px;
    left: 0
}

.pagination__link.is-active {
    color: #543f17
}

.pagination__link.is-active:before {
    width: 40px
}

.section {
    padding-bottom: 4.42105rem
}

@media(min-width:769px) {
    .section {
        padding-bottom: 5.89474rem
    }
}

@media(min-width:992px) {
    .section {
        padding-bottom: 10.31579rem
    }
}

.section--two {
    padding-bottom: 2.94737rem
}

.section--three {
    padding-bottom: 2.94737rem
}

@media(min-width:769px) {
    .section--three {
        padding-bottom: 4.42105rem
    }
}

.section--four {
    padding-bottom: 2.94737rem
}

@media(min-width:769px) {
    .section--four {
        padding-bottom: 5.89474rem
    }
}

.section--five {
    padding-bottom: 4.42105rem
}

@media(min-width:992px) {
    .section--five {
        padding-bottom: 7.36842rem
    }
}

.paragraph--type--packaging .packaging__image {
    text-align: center
}

.paragraph--type--proccesing .processing__image {
    text-align: center
}

.paragraph--type--packaging-sizes .packaging__text {
    min-height: 84px
}

.paragraph--type--packaging-sizes .field .field__label {
    font-weight: bold;
    float: none;
    display: inline;
    padding-right: 4px
}

.paragraph--type--packaging-sizes .field .field__item {
    display: inline;
    padding-right: 0
}

.paragraph--type--proccesing .text {
    margin-bottom: 0
}

.text--align-right {
    padding-left: 53px;
    padding-right: 53px
}

@media(min-width:769px) {
    .text--align-right {
        padding-right: 12%;
        padding-left: 0
    }
}

.node-nid-12 {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/about-us.jpg)
}

.is-path-frontpage {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(../../../../themes/custom/pb/images/background/homepage.jpg)
}

.is-path-taxonomy {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain
}

.taxonomy-term-2 {
    background-image: url(../../../../themes/custom/pb/images/background/product-landing.jpg)
}

.taxonomy-term-1 {
    background-image: url(../../../../themes/custom/pb/images/background/our-brands.jpg)
}

.paragraph--type--styled-text-with-left-image {
    position: relative
}

.paragraph--type--styled-text-with-left-image .layout-2col__col:first-child {
    display: flex;
    flex-wrap: wrap
}

.paragraph--type--styled-text-with-left-image .styled-text__presence {
    margin: auto auto;
    max-width: 300px
}

@media(max-width:575px) {
    .paragraph--type--styled-text-with-left-image .styled-text__presence {
        padding-bottom: 1.47368rem
    }
}

.view-home-news {
    position: relative
}

@media(max-width:1199px) {
    .field--name-field-product-processing-table {
        max-width: 100%;
        overflow-x: scroll
    }
    .field--name-field-product-processing-table td:last-child {
        min-width: 320px
    }
    .field--name-field-product-processing-table th:first-child {
        min-width: 200px;
        white-space: normal
    }
}

.b-lazy {
    display: inline-block
}

.days {
    display: flex;
    pointer-events: none;
    font-family: "PFDINTextCondPro-Regular", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    width: 100%
}

.days__container {
    font-size: 23vw;
    line-height: 1;
    opacity: 1;
    color: #ca7729;
    width: 100%;
    position: relative
}

.days__centuries {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.days__decades,
.days__centuries>div {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-timing-function: cubic-bezier(0.37, .01, 0, .98);
    transition-duration: 1s, 1.2s;
    transition-property: transform, opacity
}

.days__decades {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

.days__first,
.days__second,
.days__third,
.days__fourth {
    display: flex;
    flex-direction: column;
    height: 23vw
}

.days__digit span {
    color: #ca7729;
    color: #ca7729;
    transform: translateZ(0)
}

.backgroundcliptext .days__digit span {
    background: url(../../../../themes/custom/pb/sass/init/masked-text/texture.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}