.splide__sr {
    position: absolute;
}

/* 
  Ссылка: текст + стрелка на фоне кружка
  Определяем только содержимое, расположение самого кружка определяем в каждом блоке отдельно
*/

.inter-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    width: 170px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
}

.inter-anchor-inner {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

.inter-anchor-inner span {
    margin-bottom: 0.25rem;
    display: block;
    text-transform: uppercase;
}

.inter-anchor-inner svg {
    margin-left: auto;
    margin-right: auto;
    width: 63px;
}

.inter-anchor-inner path {
    fill: #C4B275;
}

/* &:hover path {
    d: path("M38.646,22.628,49.107,12.167H-12.08v-1H49.106L38.646.707,39.353,0,51.02,11.668,39.353,23.335Z")
  } */

.inter-anchor-inner:hover .arrow-head {
    -webkit-transform: translate(41.9234px,34.814579px) rotate(225deg);
    transform: translate(41.9234px,34.814579px) rotate(225deg);
}

.inter-anchor-inner:hover .arrow-body {
    -webkit-transform: translateX(-15px) scale(1.99, 1);
    transform: translateX(-15px) scale(1.99, 1);
}

.arrow-head,
.arrow-body {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

/* 
  modal-inline
  форма инлайновая
*/

[id=modal-inline] {
    overflow: hidden;
    padding-bottom: 5.5em;
}

[id=modal-inline] .container {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {

    [id=modal-inline] .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

[id=modal-inline] .modal-inline__title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 48rem;
    padding-top: 2.3em;
    padding-bottom: 1.2em;
    text-align: center;
    font-family: Montserrat light, sans-serif;
    font-size: 40px;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

[id=modal-inline] .modal-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
    font-size: 1.125rem;
    line-height: 1.75rem;
}

@media (min-width: 1024px) {

    [id=modal-inline] .modal-row {
        font-size: 28px;
    }
}

@media (max-width: 1190px) {

    [id=modal-inline] .modal-row {
        display: block
    }
}

[id=modal-inline] .modal-form-col {
    position: relative;
    width: 50%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {

    [id=modal-inline] .modal-form-col {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 1190px) {

    [id=modal-inline] .modal-form-col {
        width: 100%
    }
}

[id=modal-inline] .modal-form-col:nth-child(2):before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    content: '';
    background: url("../img/bg_01.jpg") 0 0 no-repeat transparent;
}

@media (max-width: 1410px) {

    [id=modal-inline] .modal-form-col:nth-child(2):before {
        background-size: cover;
    }
}

[id=modal-inline] .modal-form-col:nth-child(2) > div {
    position: relative;
    z-index: 1;
}

[id=modal-inline] .form-group {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    max-width: 36rem;
}

[id=modal-inline] [type="text"],
  [id=modal-inline] [type="tel"] {
    height: 60px;
    border-bottom: 1px solid;
}

[id=modal-inline] textarea {
    height: 259px;
    border-width: 1px;
    padding: 0.8em;
    margin-top: 0.7em;
}

[id=modal-inline] [type="text"], [id=modal-inline] [type="tel"], [id=modal-inline] textarea {
    width: 100%;
    background: transparent;
}

[id=modal-inline] [type="text"]:focus,[id=modal-inline] [type="tel"]:focus,[id=modal-inline] textarea:focus {
    outline: 0;
    border-color: #aa9447;
}

[id=modal-inline] .submit_wrap {
    text-align: center;
    font-size: 0.5714285714285714em;
}

[id=modal-inline] .submit_wrap button {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 20rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (min-width: 640px) {

    [id=modal-inline] .submit_wrap button {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.mask .modal-inline__title,
  .mask .modal-row {
    opacity: 0;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.mask.is-inViewport .modal-inline__title {
    padding-bottom: 10px;
    opacity: 1;
    color: transparent;
    overflow: hidden;
    position: relative;
}

.mask.is-inViewport .modal-inline__title::after {
    content: attr(data-content);
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #c6b57b;
    -webkit-animation-name: cd-reveal-up;
    animation-name: cd-reveal-up;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.mask.is-inViewport .modal-inline__title span {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.mask.is-inViewport .modal-inline__title span::before {
    content: '';
    position: absolute;
    top: calc(100% + 8px);
    left: -1em;
    width: calc(100% + 2em);
    height: 2px;
    background-color: #D1B554;
    -webkit-box-shadow: 0 -2px 0 0 #cdcdcd;
    box-shadow: 0 -2px 0 0 #cdcdcd;
    -webkit-animation: loading-mask 1s .3s both;
    animation: loading-mask 1s .3s both;
}

.mask.is-inViewport .modal-row {
    position: relative;
    -webkit-animation-name: cd-reveal-down;
    animation-name: cd-reveal-down;
}

.mask.is-inViewport .modal-inline__title::after,
.mask.is-inViewport .modal-row {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.bootstrap-select {
    width: 100%;
}

.bootstrap-select >.dropdown-menu {
    --tw-border-opacity: 1;
    border-color: rgba(18, 37, 70, var(--tw-border-opacity));
    border-top: 0;
}

.bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu > .active > a:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 178, 117, var(--tw-bg-opacity));
}

.bootstrap-select .dropdown-menu li {
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
}

.bootstrap-select .dropdown-menu li a:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 178, 117, var(--tw-bg-opacity));
}

.bootstrap-select li a {
    height: 55px;
    line-height: 1.6;
}

.bootstrap-select:hover .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bootstrap-select button.dropdown-toggle {
    height: 60px;
    border-width: 1px;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.9;
}

@media (min-width: 640px) {

    .bootstrap-select button.dropdown-toggle {
        height: 83px;
    }
}

.bootstrap-select button.dropdown-toggle:focus {
    outline: none !important;
}

.bs-caret .caret {
    background: url("../img/arrow_down.svg") 0 0 no-repeat transparent;
    top: 21%;
    right: 22px;
    height: 35px;
    width: 28px;
    background-size: contain;
    border: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

@media (min-width: 640px) {

    .bs-caret .caret {
        height: 53px;
        width: 42px;
    }
}

.bs-invalid {
    border: 1px solid red;
    -webkit-box-shadow: 0 0 6px 0 red;
    box-shadow: 0 0 6px 0 red;
}

[id=navbar] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

[id=navbar]:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e1b30+0,162b4d+18,172a4c+18,182e54+22,182e54+100&0.95+0,0.55+21,0.55+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(14,27,48,0.95)),color-stop(18%, rgba(23,42,76,0.61)),color-stop(21%, rgba(24,45,82,0.55)),color-stop(22%, rgba(24,46,84,0.55)),to(rgba(24,46,84,0.55)));
    background: linear-gradient(to bottom,  rgba(14,27,48,0.95) 0%,rgba(23,42,76,0.61) 18%,rgba(24,45,82,0.55) 21%,rgba(24,46,84,0.55) 22%,rgba(24,46,84,0.55) 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20e1b30', endColorstr='#8c182e54',GradientType=0 );
 /* IE6-9 */
}

[id=navbar] img.bg-first-screen__mobile {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1024px) {

    [id=navbar] img.bg-first-screen__mobile {
        display: none;
    }
}

[id=navbar] img.bg-first-screen__desktop {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    display: none;
    height: 131%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1024px) {

    [id=navbar] img.bg-first-screen__desktop {
        display: block;
    }
}

[id=navbar] > *:not(img) {
    position: relative;
    z-index: 2;
}

[id=navbar] .navbar-header {
    z-index: 3;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

[id=navbar] .navbar-header .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 768px) {

    [id=navbar] .navbar-header .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 992px) {

    [id=navbar] .navbar-header .container {
        width: 100%
    }
}

@media (max-width: 1720px) {

    [id=navbar] .navbar-header .container {
        padding: 0 34px
    }
}

[id=navbar] .navbar-header #block-tiun-main-menu {
    width: 100%;
}

/* @media (max-width: 1620px) {
        justify-content: center;
      } */

[id=navbar] .navbar-header #block-tiun-main-menu .menu--main {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
}

@media (min-width: 1620px) {

    [id=navbar] .navbar-header #block-tiun-main-menu .menu--main {
        max-width: none;
    }
}

[id=navbar] .navbar-header [class^='language-switcher'] {
    position: static;
    padding-right: 2rem;
}

@media (min-width: 640px) {

    [id=navbar] .navbar-header [class^='language-switcher'] {
        padding-right: 3.5rem;
    }
}

@media (max-width: 766px) {

    [id=navbar] .navbar-header [class^='language-switcher'] {
        font-size: 14px;
    }
}

[id='block-top-logo'] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1023px) {

    [id='block-top-logo'] img {
        width: 85px;
    }
}

@media (max-width: 489px) {

    [id='block-top-logo'] img {
        width: 65px;
    }
}

[id='block-top-logo'] img {
    /* m1199:w-[65px] m1199:h-[62px] */
}

[id$=main-menu] {
    display: none;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    [id$=main-menu] {
        display: block;
    }
}

.next-screen__wrap {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  /* absolute bottom-[11.4rem] left-0 right-0 m1440:bottom-[1.4rem] */
  /* [id=block-video1] &{ // ovrd
    @apply block m767:hidden;
  } */
}

.next-screen {
    display: inline-block;
    padding: 1rem;
}

@media (min-width: 1280px) {

    .next-screen {
        padding-bottom: 1.5rem;
    }
}

@media (min-width: 1620px) {

    .next-screen {
        padding-bottom: 5rem;
    }
}

.next-screen:hover {
    cursor: pointer;
}

.next-screen:hover .next-screen__corner {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.next-screen__circle {
    margin-left: 4px;
    height: 18px;
    width: 18px;
    border-radius: 9999px;
    border-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.next-screen__corner {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARCAQAAABphHSGAAAAjUlEQVQ4y4XRsRHCMAyF4VdxF8bKFhkiLJB0sA5JzV7Q5qcQOWNbsqVG705fIwkhxMTlN8U9sDMiZPEBPDts4AV8GA3dsWoxIxhLpMUSAXiLFTosJwez6LGKnIeI2bUmJ4qYSxLyWED+Ucm2iOSoZAEpkc8ObvlW/ci1RzwkljbxUWIuiZCxgMRILBFBX1zuWwN2rpRgAAAAAElFTkSuQmCC);
    height: 17px;
    width: 26px
}

[id=block-video1] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1280px) {

    [id=block-video1] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 10vh;
    }
}

/* > div{
    @apply flex justify-end items-center m1720:px-[34px] m767:flex-wrap m767:px-[20px];
  } */

[id=block-video1] .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*  m1720:px-[34px] m767:flex-wrap m767:px-[20px] */
}

/* pt-[7em] pb-[11.8em] m1440:pt-[3em] m1440:pb-[8em] m767:pt-0 m767:pb-[2.7em] */

@media (min-width: 1024px) {

    [id=block-video1] .container {
        padding-top: 2rem;
    }
}

@media (min-width: 1280px) {

    [id=block-video1] .container {
        position: relative;
        padding-top: 0px;
    }
}

@media (min-width: 1620px) {

    [id=block-video1] .container {
        padding-bottom: 5rem;
    }
}

@media (min-width: 1920px) {

    [id=block-video1] .container {
        max-width: 1920px;
    }
}

[id=block-video1] .fst-scrn-col-left {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 1280px) {

    [id=block-video1] .fst-scrn-col-left {
        width: 70%;
    }
}

@media (min-width: 1440px) {

    [id=block-video1] .fst-scrn-col-left {
        width: 60%;
    }
}

@media (min-width: 1620px) {

    [id=block-video1] .fst-scrn-col-left {
        width: 70%;
    }
}

@media (min-width: 1920px) {

    [id=block-video1] .fst-scrn-col-left {
        width: 70%
    }
}

[id=block-video1] .block-hdr {
    width: 100%;
    border-width: 1px;
    border-right-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 181, 84, var(--tw-border-opacity));
    font-family: Montserrat light, sans-serif;
    text-transform: uppercase;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
    margin-bottom: -2rem;
    margin-left: 1rem;
}

@media (min-width: 1280px) {

    [id=block-video1] .block-hdr {
        border-right-width: 1px;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 5rem;
    }
}

@media (min-width: 1024px) {

    [id=block-video1] .block-hdr {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 5rem;
    }
}

@media (min-width: 1620px) {

    [id=block-video1] .block-hdr {
        padding-left: 8rem;
    }
}

@media (min-width: 1440px) {

    [id=block-video1] .block-hdr {
        margin-top: 12vh;
    }
}

/* xl:ml-20 xxl:ml-0 xl:mt-[12vh] */

[id=block-video1] .block-hdr span {
    z-index: 2;
    display: block;
    font-size: 18px;
}

@media (min-width: 640px) {

    [id=block-video1] .block-hdr span {
        max-width: 24rem;
        font-size: 24px;
    }
}

@media (min-width: 1024px) {

    [id=block-video1] .block-hdr span {
        font-size: 32px;
    }
}

@media (min-width: 1280px) {

    [id=block-video1] .block-hdr span {
        max-width: 480px;
    }
}

@media (min-width: 1620px) {

    [id=block-video1] .block-hdr span {
        max-width: 600px;
        font-size: 40px;
    }
}

[id=block-video1] [class*=field-video] {
    position: absolute;
    top: 6rem;
    right: 4rem;
    margin-right: 6vw;
    height: auto;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 30vh;
}

@media (min-width: 640px) {

    [id=block-video1] [class*=field-video] {
        top: 10vh;
        width: 37vh;
    }
}

@media (min-width: 1280px) {

    [id=block-video1] [class*=field-video] {
        top: 50%;
        --tw-translate-y: -50%;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
        padding-left: 0px;
        padding-right: 0px;
        right: 0px;
        width: 57vh;
    }
}

@media (max-width: 1839px) {

    [id=block-video1] [class*=field-video] {
        right: 0px;
    }
}

@media (max-width: 1280px) {

    [id=block-video1] [class*=field-video] {
        max-width: 388px
    }
}

/* @media (min-width: 1920px) {
      width: 596px;
      height: 596px;
    } */

[id=block-video1] [class*=field-video] img {
    width: inherit;
}

/* mr-4 md:mr-8 xl:mr-16 */

[id=block-video1] [class*=field-video]:after {
    position: absolute;
    height: 97%;
    width: 97%;
    content: '';
    right: 50%;
    bottom: 50%;
    z-index: 2;
    --tw-translate-x: 50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    --tw-translate-y: 50%;
    transform: var(--tw-transform);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 181, 84, var(--tw-border-opacity));
    pointer-events: none;
}

@media (min-width: 1280px) {

    [id=block-video1] [class*=field-video]:after {
        height: 100%;
        width: 100%;
        right: 0.5rem;
        top: 0.5rem;
        --tw-translate-x: 0px;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
        --tw-translate-y: 0px;
        transform: var(--tw-transform);
    }
}

[id=block-video1] video {
    position: relative;
    z-index: 1;
}

[id=block-video1] [class$='lazy-play'] {
    display: none;
}

[id=block-video1] .modal-callback-wrap.mobile {
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

@media (min-width: 1280px) {

    [id=block-video1] .modal-callback-wrap.mobile {
        display: none;
    }
}

@media (max-width: 1024px) {

    [id=block-video1] .modal-callback-wrap.mobile {
        text-align: center;
        top: 48vh
    }
}

[id=block-video1] .modal-callback-wrap.desktop {
    position: relative;
    margin-bottom: 4rem;
    display: none;
    padding-left: 5rem;
}

@media (min-width: 1280px) {

    [id=block-video1] .modal-callback-wrap.desktop {
        margin-left: 1rem;
        margin-top: 6rem;
        display: block;
    }
}

@media (min-width: 1620px) {

    [id=block-video1] .modal-callback-wrap.desktop {
        margin-left: 4rem;
    }
}

[id=block-video1] .modal-callback-wrap .modal-callback .white-to-gold {
    white-space: nowrap;
    font-size: 16px;
}

[id=block-video1] .next-screen__wrap {
    /* @apply text-center absolute bottom-[11.4rem] left-0 right-0 mx-auto m1440:bottom-[1.4rem]; */
    display: none;
}

@media (min-width: 1280px) {

    [id=block-video1] .next-screen__wrap {
        position: absolute;
        bottom: 0px;
        display: block;
    }
}

/*
  block-screen2
  2 screen
*/

[id=block-screen2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    [id=block-screen2] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-screen2] a.next-screen {
    display: none;
}

[id=block-screen2] .sections-inner__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 1280px) {

    [id=block-screen2] .sections-inner__img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

[id=block-screen2] .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8rem;
    padding-bottom: 8rem;
    padding-right: 2rem;
    /* pt-[11em] pb-[8.5em] m1440:pt-[7em] m1440:pb-[5em] m1199:pt-[4.5em] m1199:pb-[3em] m1024:pt-[3.5em] m767:pt-0*/
}

@media (min-width: 1280px) {

    [id=block-screen2] .container {
        position: static;
        width: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 1440px) {

    [id=block-screen2] .container {
        padding-right: 4rem;
    }
}

@media (min-width: 1620px) {

    [id=block-screen2] .container {
        padding-right: 8rem;
    }
}

@media (max-width: 1023px) {

    [id=block-screen2] .container {
        padding-left: 21px;
        padding-right: 21px;
    }
}

[id=block-screen2] .inter-anchor {
    position: absolute;
    bottom: -5rem;
    left: 50%;
    --tw-translate-x: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
}

@media (min-width: 1280px) {

    [id=block-screen2] .inter-anchor {
        top: 45%;
        --tw-translate-y: -50%;
        -webkit-transform: var(--tw-transform);
        transform: var(--tw-transform);
    }
}

[id=block-screen2] .sections-inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 1280px) {

    [id=block-screen2] .sections-inner {
        height: 100%;
    }
}

/* @apply lg:h-full xl:pl-40 2xl:pl-[216px]; */

@media (min-width: 1280px) {

    [id=block-screen2] .sectio-col__right.mask-2 {
        padding-left: 4rem;
    }
}

@media (min-width: 1440px) {

    [id=block-screen2] .sectio-col__right.mask-2 {
        padding-left: 8rem;
    }
}

@media (min-width: 1620px) {

    [id=block-screen2] .sectio-col__right.mask-2 {
        padding-left: 10rem;
    }
}

@media (min-width: 1280px) {

    [id=block-screen2] .content-wrapper h2 {
        font-size: 3.75rem;
        line-height: 1;
    }
}

@media (min-width: 1536px) {

    [id=block-screen2] .content-wrapper h2 {
        font-size: 80px;
    }
}

@media (min-width: 1280px) {

    [id=block-screen2] .content-wrapper p {
        margin-left: 3rem;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (min-width: 1620px) {

    [id=block-screen2] .content-wrapper p {
        margin-left: 4rem;
        font-size: 18px;
    }
}

/* block-dizayn3iyscreen - 3 screen Дизайн */

[id=block-dizayn3iyscreen] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgba(26, 44, 74, var(--tw-bg-opacity));
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-dizayn3iyscreen] .container {
    margin-top: 3rem;
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .container {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1023px) {

    [id=block-dizayn3iyscreen] .container {
        position: static;
    }
}

[id=block-dizayn3iyscreen] .sections-inner {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-dizayn3iyscreen] .sectio-col__left {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 21px;
    padding-right: 21px;
}

@media (min-width: 768px) {

    [id=block-dizayn3iyscreen] .sectio-col__left {
        margin-bottom: 8rem;
    }
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .sectio-col__left {
        margin-bottom: 0px;
        height: 100%;
        width: 50%;
        padding-left: 5rem;
    }
}

[id=block-dizayn3iyscreen] .sectio-col__right {
    position: relative;
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .sectio-col__right {
        width: 50%;
    }
}

[id=block-dizayn3iyscreen] .sections-inner__img {
    margin-bottom: -2.5rem;
    width: 100%;
}

@media (min-width: 640px) {

    [id=block-dizayn3iyscreen] .sections-inner__img {
        margin-bottom: -10rem;
    }
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .sections-inner__img {
        margin-bottom: 0px;
    }
}

[id=block-dizayn3iyscreen] .sections-inner__img img {
    position: relative;
    bottom: -5rem;
}

[id=block-dizayn3iyscreen] .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 48rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[id=block-dizayn3iyscreen] .section-body {
    margin-right: 1rem;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

@media (min-width: 640px) {

    [id=block-dizayn3iyscreen] .section-body {
        margin-left: 4rem;
    }
}

[id=block-dizayn3iyscreen] .anchor-wrap {
    margin-top: 1rem;
}

[id=block-dizayn3iyscreen] .gold-to-gold {
    margin-bottom: 3rem;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {

    [id=block-dizayn3iyscreen] .gold-to-gold {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] .gold-to-gold {
        margin-bottom: 0px;
    }
}

[id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
    position: relative;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 41px;
    padding-bottom: 60px;
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1440px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        width: 85%;
        padding-left: 6rem;
    }
}

@media (min-width: 1620px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (max-width: 1439px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        padding-left: 56px;
        padding-right: 37px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1279px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        width: 80%;
    }
}

@media (max-width: 639px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] {
        width: 100%;
        padding-left: 21px;
    }
}

[id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] h3 {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
    margin-left: 0px;
    padding-right: 4rem;
    line-height: 1.5;
}

@media (min-width: 1280px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] h3 {
        font-size: 26px;
    }
}

@media (min-width: 1620px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] h3 {
        font-size: 28px;
    }
}

[id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] p {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
}

@media (min-width: 1620px) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo'] p {
        line-height: 1.625;
    }
}

[id=block-dizayn3iyscreen] [class*='field-vmist-pravo']:before {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    content: '';
    background-color: rgba(225, 225, 225, .5);
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
}

@supports ((-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px))) {

    [id=block-dizayn3iyscreen] [class*='field-vmist-pravo']:before {
        background-color: rgba(225, 225, 225, .5);
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
    }
}

[id=block-dizayn3iyscreen] img {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

[id=block-dizayn3iyscreen] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-dizayn3iyscreen] a {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

/* block-video4thscreen - РЕМОНТ */

[id=block-video4thscreen] {
    overflow: hidden;
}

[id=block-video4thscreen] .sections-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* pt-[76px] pb-[65px] m1680:pt-[48px] m767:pb-[32px] */
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

[id=block-video4thscreen] .container {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media (max-width: 813px) {

    [id=block-video4thscreen] .container {
        width: 100%
    }
}

[id=block-video4thscreen] .sectio-col {
    width: 100%;
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .sectio-col {
        width: 50%;
    }
}

[id=block-video4thscreen] .sectio-col__left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 768px) {

    [id=block-video4thscreen] .sectio-col__left {
        padding-left: 21px;
        padding-right: 21px;
    }
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .sectio-col__left {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 1279px) {

    [id=block-video4thscreen] .sectio-col__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

[id=block-video4thscreen] .sectio-col__right {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 768px) {

    [id=block-video4thscreen] .sectio-col__right {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .sectio-col__right {
        padding-left: 3rem;
    }
}

[id=block-video4thscreen] .sectio-col__right .block-title {
    margin-bottom: 1.5rem;
}

@media (min-width: 1920px) {

    [id=block-video4thscreen] .sectio-col__right .block-title {
        margin-bottom: 4rem;
    }
}

@media (min-width: 640px) {

    [id=block-video4thscreen] .sectio-col__right p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .sectio-col__right p {
        font-size: 14px;
        line-height: 1.625;
    }
}

@media (min-width: 1620px) {

    [id=block-video4thscreen] .sectio-col__right p {
        font-size: 18px;
    }
}

[id=block-video4thscreen] .sectio-col__right .anchor-wrap {
    margin-top: 2rem;
}

@media (min-width: 1920px) {

    [id=block-video4thscreen] .sectio-col__right .anchor-wrap {
        margin-top: 4rem;
        margin-bottom: 5rem;
    }
}

[id=block-video4thscreen] .content-wrapper {
    margin-bottom: 4rem;
    width: 100%;
    max-width: 64rem;
    padding-left: 21px;
    padding-right: 21px;
    /* w-1/2 m1440:w-full pl-[216px] m1840:pl-[105px] m1600:pl-[70px] m767:pl-0 */
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .content-wrapper {
        margin-bottom: 2rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

[id=block-video4thscreen] video {
    /* @apply sm:h-[581px] md:h-[677px] lg:h-[760px] xl:h-[820px]; */
    /* h-[481px] */
    /*  m1199:h-auto */
}

/* .field--name-body{
    @apply mb-[3.1em] m1680:mb-[1.9em];
  } */

[id=block-video4thscreen] .video-thumbs {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* .block-title{
    @apply m1440:relative m1440:left-[-2.6em] m1199:left-0;
  } */

/* .sectio-col__right{
    @apply m1840:pl-[105px] m767:pl-0;
  } */

@media (min-width: 640px) {

    [id=block-video4thscreen] .video-thumbs {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1280px) {

    [id=block-video4thscreen] .video-thumbs {
        margin-bottom: 0px;
    }
}

/* m1199:w-[130.6%] ml-[-80px] m1199:ml-[-21.2%] m767:ml-auto w-[120%] m991:w-[125.5%] m1199:mx-auto m767:w-full m1199:w-full mt-[7em] m1840:mt-[4em] m1680:mt-[2.3em] m1199:mb-[1.7em] m767:mt-[1.6em]  */

[id=block-video4thscreen] .video-thumbs ul {
      /* @apply m1199:flex m1199:w-full m1199:justify-between m767:gap-[4px]; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[id=block-video4thscreen] .video-thumbs li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
}

@media (max-width: 766px) {

    [id=block-video4thscreen] .video-thumbs li {
        width: 33%;
    }
}

/* @media (max-width: 813px) { 
        width: 25.9%; 
      } */

[id=block-video4thscreen] .video-thumbs li:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
    height: 72px;
    width: 72px;
    content: '';
    background: url("../img/play.svg") 0 0 no-repeat transparent;
}

/* mr-[19px] m1199:mx-auto  */

@media (max-width: 767px) {

    [id=block-video4thscreen] .video-thumbs li:before {
        width: 40px;
        height: 40px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-size: 100% 100%;
    }
}

@media (max-width: 1679px) {

    [id=block-video4thscreen] .video-thumbs img {
        width: 200px;
    }
}

@media (max-width: 1439px) {

    [id=block-video4thscreen] .video-thumbs img {
        width: 167px;
    }
}

@media (max-width: 1279px) {

    [id=block-video4thscreen] .video-thumbs img {
        width: 215px;
    }
}

[id=block-video4thscreen] .sectio-col__left .field--name-field-video {
    margin-left: auto;
    margin-right: auto;
    max-width: 968px;
}

[id=block-video4thscreen] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-video4thscreen] .field--name-body {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

[id=block-video4thscreen] .anchor-wrap {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

[id=block-video4thscreen] .is-inViewport .block-title, [id=block-video4thscreen] .is-inViewport .field--name-body, [id=block-video4thscreen] .is-inViewport .anchor-wrap {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left
}

/* block-komplektaciya - 5 screen Комплектація */

[id=block-komplektaciya] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-komplektaciya] .container {
    margin-top: 3rem;
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] .container {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1023px) {

    [id=block-komplektaciya] .container {
        position: static;
    }
}

[id=block-komplektaciya] .sections-inner {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-komplektaciya] .sectio-col__left {
    margin-bottom: 4rem;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 21px;
    padding-right: 21px;
}

@media (min-width: 768px) {

    [id=block-komplektaciya] .sectio-col__left {
        margin-bottom: 4rem;
    }
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] .sectio-col__left {
        margin-bottom: 0px;
        height: 100%;
        width: 50%;
        padding-left: 5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] .sectio-col__right {
        width: 50%;
    }
}

[id=block-komplektaciya] .inter-anchor {
    display: none;
}

@media (min-width: 1280px) {

    [id=block-komplektaciya] .sections-inner__img {
        width: 100%;
    }
}

[id=block-komplektaciya] .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 48rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[id=block-komplektaciya] .section-body {
    margin-right: 1rem;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

@media (min-width: 640px) {

    [id=block-komplektaciya] .section-body {
        margin-left: 4rem;
    }
}

[id=block-komplektaciya] .anchor-wrap {
    margin-top: 2rem;
}

/* .is-inViewport {
    .block-title, .section-body, .anchor-wrap{
      animation-name: cd-bounce-2right
    }
  } */

[id=block-komplektaciya] img {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

/* .gold-to-gold{
    @apply px-4 sm:px-8 mb-12 xl:mb-0 whitespace-nowrap;
  } */

[id=block-komplektaciya] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-komplektaciya] a {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

/* block-dekoruvannya - 6 screen  Декорування */

/* #block-dekoruvannya {
  @apply flex;
} */

[id=block-dekoruvannya] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

[id=block-dekoruvannya] .container {
    margin-top: 3rem;
}

@media (min-width: 1280px) {

    [id=block-dekoruvannya] .container {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1023px) {

    [id=block-dekoruvannya] .container {
        position: static;
    }
}

[id=block-dekoruvannya] .sections-inner {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 1280px) {

    [id=block-dekoruvannya] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-dekoruvannya] .sectio-col__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 1280px) {

    [id=block-dekoruvannya] .sectio-col__left {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 50%;
    }
}

[id=block-dekoruvannya] .sectio-col__left .sections-inner__img {
    width: 100%;
}

@media (min-width: 768px) {

    [id=block-dekoruvannya] .sectio-col__right {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-dekoruvannya] .sectio-col__right {
        width: 50%;
        padding-left: 3rem;
    }
}

[id=block-dekoruvannya] .content-wrapper {
    margin-bottom: 4rem;
    width: 100%;
    max-width: 64rem;
    padding-left: 21px;
    padding-right: 21px;
}

@media (min-width: 1280px) {

    [id=block-dekoruvannya] .content-wrapper {
        margin-bottom: 2rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1620px) {

    [id=block-dekoruvannya] .content-wrapper {
        max-width: 42rem;
    }
}

[id=block-dekoruvannya] .content-wrapper p {
    margin-right: 1rem;
}

@media (min-width: 640px) {

    [id=block-dekoruvannya] .content-wrapper p {
        margin-left: 4rem;
    }
}

[id=block-dekoruvannya] .anchor-wrap {
    margin-top: 2rem;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
}

@media (min-width: 1620px) {

    [id=block-dekoruvannya] .anchor-wrap {
        margin-top: 4rem;
    }
}

[id=block-dekoruvannya] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-dekoruvannya] [class*=vmist-pravo] {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

[id=block-dekoruvannya] .is-inViewport .block-title, [id=block-dekoruvannya] .is-inViewport [class*=vmist-pravo], [id=block-dekoruvannya] .is-inViewport .anchor-wrap {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left
}

/*
7 screen
Бренды, Splide, .eck.block
*/

.brands-wrap {
    height: 750px;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgba(26, 44, 74, var(--tw-bg-opacity));
    padding-top: 1rem;
}

@media (min-width: 1024px) {

    .brands-wrap {
        height: 960px;
        padding-top: 5rem;
    }
}

@media (min-width: 1280px) {

    .brands-wrap {
        height: 620px;
    }
}

/* @media (max-width: 1024px){
    padding: 3em 0 24em;
  } */

.brands-wrap .container {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(196, 178, 117, var(--tw-border-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    /* text-[em(40)em] */
    /* @media (max-width: 1760px){margin: 0 64px} */
    /* @media (max-width: 1024px){max-width: inherit;  margin: 0 } */
}

/* pt-[5em] pb-[7.7em] */

@media (min-width: 1024px) {

    .brands-wrap .container {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 4rem;
    }
}

.brands-wrap .view-header {
    position: relative;
    width: 11em;
    font-size: 28px;
    line-height: 2;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .brands-wrap .view-header {
        font-size: 40px;
    }
}

.brands-wrap .splide-3items {
    position: absolute;
    top: 274px;
    right: 0px;
    width: 100%;
    padding-left: 21px;
    /* @media (max-width: 1500px){width: 55%}
    @media (max-width: 1340px){width: 50%}
    @media (max-width: 1240px){width: 45%}
    @media (max-width: 1140px){width: 40%}
    @media (max-width: 1024px){width: 93%;  top: 295px} */
}

@media (min-width: 1024px) {

    .brands-wrap .splide-3items {
        top: 330px;
        width: 85%;
    }
}

@media (min-width: 1280px) {

    .brands-wrap .splide-3items {
        top: -1.75rem;
        width: 50%;
    }
}

@media (min-width: 1536px) {

    .brands-wrap .splide-3items {
        width: 60%;
    }
}

.brands-wrap .splide__slide {
    margin-bottom: 1em;
    margin-right: 1rem !important;
    height: 416px;
    width: 300px;
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
    font-size: 0.8888888888888888em;
    --tw-text-opacity: 1;
    color: rgba(183, 191, 212, var(--tw-text-opacity));
    -webkit-box-shadow: 5px 5px 5px #00000033;
    box-shadow: 5px 5px 5px #00000033;
}

@media (min-width: 640px) {

    .brands-wrap .splide__slide {
        width: 400px;
    }
}

@media (min-width: 768px) {

    .brands-wrap .splide__slide {
        margin-right: 32px !important
    }
}

.brands-wrap .splide__pagination {
    margin-top: 0.6em;
    display: none;
}

@media (min-width: 1024px) {

    .brands-wrap .splide__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.brands-wrap .splide__pagination li:not(:last-child) {
    margin-right: 12px;
}

.brands-wrap .splide__pagination li button {
    height: 4px;
    width: 48px;
    --tw-bg-opacity: 1;
    background-color: rgba(72, 98, 148, var(--tw-bg-opacity));
}

.brands-wrap .splide__pagination li button.is-active {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 178, 117, var(--tw-bg-opacity));
}

.eck.block_1 {
    position: relative;
    padding: 21px;
  /* @media (max-width: 1024px){ padding: 0 34px } */
}

@media (max-width: 1720px) {

    .eck.block_3 .container {
        padding: 0 15px
    }
}

@media (max-width: 1024px) {

    .eck.block_3 .container {
        max-width: inherit;
        padding: 0
    }
}

.ico-touch-wrap {
    position: absolute;
    top: 42%;
    left: -90px;
    z-index: 1;
    height: 68px;
    width: 68px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
    opacity: 0.8;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media (max-width: 767px) {

    .ico-touch-wrap {
        width: 47px;
        height: 47px;
    }
}

.ico-touch-wrap img {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}

@media (max-width: 767px) {

    .ico-touch-wrap img {
        width: 33px
    }
}

.tsr-brands-logo img {
    width: 100%;
}

.tsr-brands-des {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/*
  block-milan
  Милан
  8 screen
*/

[id=block-milan] {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 44, 74, var(--tw-bg-opacity));
    padding-bottom: 4rem;
}

/* @apply m767:pb-0; */

[id=block-milan] .container {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(209, 181, 84, var(--tw-border-opacity));
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 2rem;
    /* @media (max-width: 1046px){ width: 94% } */
}

/* @media (max-width: 1740px) { padding: 0 34px 3em }
  @media (max-width: 1220px) { padding: 0 0 3em } */

@media (min-width: 1280px) {

    [id=block-milan] .container {
        padding-bottom: 2rem;
    }
}

@media (min-width: 1024px) {

    [id=block-milan] .sections-inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (max-width: 1279px) {

    [id=block-milan] .sections-inner {
        display: block;
    }
}

[id=block-milan] .sections-inner {
    /* m1280:block */
}

@media (max-width: 1279px) {

    [id=block-milan] .sections-inner > div {
        width: 100%;
    }
}

/* } */

[id=block-milan] .block-title {
    margin-bottom: 1.5rem;
    padding-right: 0.45em;
    font-family: Montserrat light, sans-serif;
    font-size: 28px;
    line-height: 2.5rem;
    /* @media (min-width: 1281px) and (max-width: 1440px){ font-size: 1.7em } */
    /* @apply m1199:text-[em(28)em]; */
}

/* @apply m767:p-0 */

/* @apply pt-[1em] pr-[6.4em] pb-[1em] pl-[4em]; */

/* .sectio-col__left{ */

/* .sectio-col{
    @apply m1280:w-full;
  } */

@media (min-width: 768px) {

    [id=block-milan] .block-title {
        margin-bottom: 2rem;
        font-size: 40px;
        line-height: 1.25;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {

    [id=block-milan] .section-body {
        font-size: 1.3em
    }
}

@media (min-width: 768px) {

    [id=block-milan] .section-body {
        margin-left: 4rem;
    }
}

@media (max-width: 1199px) {

    [id=block-milan] .section-body {
        font-size: 1em;
        line-height: 1.4;
    }
}

[id=block-milan] .section-body p {
    line-height: 1.625;
      /* text-[28px] */
}

@media (min-width: 768px) {

    [id=block-milan] .section-body p {
        font-size: 28px;
        line-height: 2.5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-milan] .section-body p {
        margin-right: 5rem;
        line-height: 1.25;
    }
}

[id=block-milan] .field--name-body {
    padding-bottom: 6rem;
}

@media (min-width: 1024px) {

    [id=block-milan] .field--name-body {
        padding-bottom: 2rem;
    }
}

@media (min-width: 1280px) {

    [id=block-milan] .sectio-col__left {
        width: 50%;
    }
}

[id=block-milan] .sectio-col__right {
    position: relative;
    padding-right: 0px;
}

@media (min-width: 1280px) {

    [id=block-milan] .sectio-col__right {
        width: 50%;
    }
}

[id=block-milan] .sectio-col__right img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.5rem;
}

@media (min-width: 1280px) {

    [id=block-milan] .sectio-col__right img {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
}

/* Переопределяем в круге со стрелкой цвет и положение на странице */

[id=block-milan] .inter-anchor {
    position: absolute;
    top: 0px;
    bottom: unset;
    left: 50%;
    margin-top: 0px;
    --tw-translate-x: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    --tw-translate-y: -50%;
    transform: var(--tw-transform);
    background: transparent linear-gradient(130deg, #E2D3A2 0%, #C8B05B 100%) 0 0 no-repeat padding-box;
}

@media (min-width: 1024px) {

    [id=block-milan] .inter-anchor {
        right: unset;
        left: 10%;
        top: 50%;
    }
}

@media (min-width: 1280px) {

    [id=block-milan] .inter-anchor {
        left: 0px;
    }
}

[id=block-milan] .inter-anchor svg path {
    fill: rgba(18, 37, 70, 1)
}

[id=block-milan] .inter-anchor-inner {
    margin-top: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(18, 37, 70, var(--tw-text-opacity));
}

/* block-video9screen - СТИЛЬ  ФУНКЦІОНАЛЬНІСТЬ  КОМФОРТ */

[id=block-video9screen] {
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

[id=block-video9screen] .sections-inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1280px) {

    [id=block-video9screen] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-video9screen] .sectio-col__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1280px) {

    [id=block-video9screen] .sectio-col__left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

[id=block-video9screen] .sectio-col__right {
    /* @apply pt-[15em] pb-[12em] pl-[158px] pr-[46px] m1024:pl-[115px]; */
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
    width: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1280px) {

    [id=block-video9screen] .sectio-col__right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0px;
        padding-left: 2rem;
    }
}

[id=block-video9screen] .field--name-body {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: table;
}

[id=block-video9screen] h3 {
    font-family: Montserrat Medium, sans-serif;
}

@media (min-width: 500px) {

    [id=block-video9screen] h3:first-child {
        font-size: 44px;
        margin-left: 32px
    }
}

[id=block-video9screen] h3:first-child {
    font-size: 40px;
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
}

@media (min-width: 640px) {

    [id=block-video9screen] h3:first-child {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1620px) {

    [id=block-video9screen] h3:first-child {
        font-size: 56px;
    }
}

@media (min-width: 500px) {

    [id=block-video9screen] h3:nth-child(2) {
        font-size: 40px;
    }
}

[id=block-video9screen] h3:nth-child(2) {
    font-size: 1.5rem;
    line-height: 2rem;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@media (min-width: 640px) {

    [id=block-video9screen] h3:nth-child(2) {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1620px) {

    [id=block-video9screen] h3:nth-child(2) {
        font-size: 56px;
    }
}

@media (min-width: 500px) {

    [id=block-video9screen] h3:nth-child(3) {
        font-size: 44px;
        margin-left: 120px;
    }
}

[id=block-video9screen] h3:nth-child(3) {
    margin-bottom: 1rem;
    margin-left: 3rem;
    font-size: 40px;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

@media (min-width: 640px) {

    [id=block-video9screen] h3:nth-child(3) {
        margin-left: 16rem;
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1280px) {

    [id=block-video9screen] h3:nth-child(3) {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1620px) {

    [id=block-video9screen] h3:nth-child(3) {
        font-size: 56px;
    }
}

@media (min-width: 500px) {

    [id=block-video9screen] h4 {
        font-size: 33px
    }
}

[id=block-video9screen] h4 {
    font-size: 28px;
    line-height: 1.45;
}

@media (min-width: 1620px) {

    [id=block-video9screen] h4 {
        font-size: 39px;
    }
}

@media (min-width: 500px) {

    [id=block-video9screen] h4:nth-child(5) {
        max-width: none;
    }
}

[id=block-video9screen] h4:nth-child(5) {
    margin-left: 4rem;
    display: table;
    max-width: 250px;
    text-align: right;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

@media (min-width: 640px) {

    [id=block-video9screen] h4:nth-child(5) {
        margin-left: 8rem;
    }
}

@media (min-width: 768px) {

    [id=block-video9screen] h4:nth-child(5) {
        max-width: none;
        text-align: left;
    }
}

[id=block-video9screen] h4:nth-child(4) {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-video9screen] .is-inViewport h3,[id=block-video9screen] .is-inViewport h4 {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left
}

/*
stages-wrap
10 screen
*/

.stages-wrap {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {

    .stages-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.stages-wrap .block-title-centered {
    margin-bottom: 2rem;
    text-align: center;
    font-family: Montserrat light, sans-serif;
    font-size: 28px;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

.stages-wrap .container {
    width: 100%;
    max-width: 1280px;
}

@media (min-width: 1280px) {

    .stages-wrap .container {
        max-width: 1536px;
    }
}

.stages-wrap .splide__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .stages-wrap .splide__slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.stages-wrap .stages-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {

    .stages-wrap .stages-img {
        width: 50%;
    }
}

.stages-wrap .stages-img img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
}

.stages-wrap .stages-body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {

    .stages-wrap .stages-body-wrap {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (min-width: 768px) {

    .stages-wrap .stages-body-wrap {
        width: 50%;
        padding-left: 5rem;
    }
}

@media (min-width: 1024px) {

    .stages-wrap .stages-body-wrap {
        padding-left: 10rem;
    }
}

.stages-wrap .stages-title {
    margin-bottom: 1rem;
    font-family: Montserrat light, sans-serif;
    font-size: 28px;
    line-height: 1.4;
}

@media (min-width: 1280px) {

    .stages-wrap .stages-title {
        font-size: 40px;
    }
}

.stages-wrap .stages-title span {
    display: none;
}

@media (min-width: 1024px) {

    .stages-wrap .stages-title span {
        display: inline;
    }
}

@media (min-width: 1280px) {

    .stages-wrap .stages-body {
        margin-left: 3rem;
    }
}

.stages-wrap .stages-body span {
    display: none;
}

@media (min-width: 1024px) {

    .stages-wrap .stages-body span {
        display: inline;
    }
}

/* #splide04-slide01 .stages-body{
    @apply sm:hidden lg:block;
  } */

.stages-wrap .stages-counter {
    position: absolute;
    top: 47%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    width: 2em;
    text-align: center;
    font-size: 180px;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .stages-wrap .stages-counter {
        display: block;
    }
}

@media (min-width: 1280px) {

    .stages-wrap .stages-counter {
        font-size: 220px;
    }
}

@media (min-width: 1536px) {

    .stages-wrap .stages-counter {
        font-size: 400px;
    }
}

.stages-wrap .splide__arrows {
    display: none;
}

.stages-wrap .splide__pagination {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -0.5rem;
    max-width: 56rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    counter-reset: list 0;
}

@media (min-width: 640px) {

    .stages-wrap .splide__pagination {
        margin-bottom: 1rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.stages-wrap .splide__pagination li button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    background-color: transparent;
}

@media (min-width: 1024px) {

    .stages-wrap .splide__pagination li button {
        width: 120px;
    }
}

.stages-wrap .splide__pagination li button.is-active {
    height: 88px;
    width: 80px;
    font-size: 50px;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
    background: url("../img/ellipse.svg") center center / 140% no-repeat transparent;
}

.stages-wrap .splide__pagination li button:before {
    content: counter(list);
    counter-increment: list;
}

.pdfs-wrap {
    overflow: hidden;
    padding-top: 3rem;
}

.pdfs-wrap .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1280px) {

    .pdfs-wrap .views-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) {

    .pdfs-wrap .container {
        width: 50%;
    }
}

.pdfs-wrap .sections-inner__img {
    position: relative !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1280px) {

    .pdfs-wrap .sections-inner__img {
        width: 50%;
    }
}

.pdfs-wrap .sectio-col__left {
    width: 100%;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
    /* @apply pl-[216px] m1840:pl-[105px] m767:pl-0; */
}

@media (min-width: 1280px) {

    .pdfs-wrap .sectio-col__left {
        padding-left: 5rem;
    }
}

.pdfs-wrap [class$='-title'] {
    font-family: Montserrat light, sans-serif;
}

.pdfs-wrap .file-des-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
}

/* Animation */

.pdfs-wrap .is-inViewport .pdfs-pre-title, .pdfs-wrap .is-inViewport .pdfs-title, .pdfs-wrap .is-inViewport .pdfs-body, .pdfs-wrap .is-inViewport .file-des-url {
    -webkit-animation-name: cd-bounce-2right;
    animation-name: cd-bounce-2right
}

.pdfs-wrap .pdfs-pre-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.pdfs-wrap .pdfs-title {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

.pdfs-wrap .pdfs-body {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

.pdfs-wrap .sections-inner {
    margin-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.pdfs-pre-title {
    margin-bottom: 0.4em;
    font-size: 40px;
    line-height: 1.25;
}

.pdfs-title {
    margin-bottom: 0.5em;
    width: 8em;
    font-size: 45px;
    line-height: 1.2;
}

@media (min-width: 640px) {

    .pdfs-title {
        font-size: 3.3333333333333335em;
    }

    .pdfs-file-des {
        padding-left: 4em;
    }
}

.pdfs-file-des p {
    line-height: 1.375;
}

.pdfs-body {
    margin-bottom: 2rem;
}

@media (min-width: 640px) {

    .pdfs-body {
        padding-left: 4em;
        padding-right: 7em;
    }
}

@media (min-width: 1280px) {

    .pdfs-body {
        margin-bottom: 1rem;
    }
}

.pdfs-body p {
    margin-bottom: 1.5em;
}

.file-des-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 640px) {

    .file-des-url {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.pdfs-file-des {
    margin-right: 0.7em;
    line-height: 1.9;
}

.pdfs-file {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {

    .pdfs-file {
        margin-top: 0px;
        width: 33.333333%;
    }
}

.pdfs-file a {
    position: relative;
    position: relative;
    display: inline-block;
    height: 170px;
    width: 170px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
    text-align: center;
}

.pdfs-file a img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    margin-bottom: 10px;
}

.pdfs-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {

    .pdfs-images > * {
        width: 50%;
    }
}

.pdfs-image-wrap {
    position: relative;
}

.pdfs-image-alt {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 9px;
    padding-bottom: 7px;
    --tw-text-opacity: 1;
    color: rgba(18, 37, 70, var(--tw-text-opacity));
    background: rgba(255, 255, 255, 0.65) 0 0 no-repeat padding-box;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* 
  block-cozy 
  Затишок та комфорт
  12 screen
*/

#block-cozy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[id=block-cozy] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1024px) {

    [id=block-cozy] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 990px) {

    [id=block-cozy] {
        padding-left: 21px;
        padding-right: 21px;
    }
}

[id=block-cozy] .container {
    margin-top: 3rem;
}

@media (min-width: 1280px) {

    [id=block-cozy] .container {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1023px) {

    [id=block-cozy] .container {
        position: static;
    }
}

[id=block-cozy] .sections-inner {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 1280px) {

    [id=block-cozy] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-cozy] .sectio-col__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 1280px) {

    [id=block-cozy] .sectio-col__left {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 50%;
    }
}

[id=block-cozy] .sectio-col__left .sections-inner__img {
    width: 100%;
}

@media (min-width: 768px) {

    [id=block-cozy] .sectio-col__right {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-cozy] .sectio-col__right {
        width: 50%;
        padding-left: 3rem;
    }
}

[id=block-cozy] .content-wrapper p {
    margin-left: 0px;
}

@media (min-width: 640px) {

    [id=block-cozy] .content-wrapper p {
        margin-left: 4rem;
    }
}

[id=block-cozy] .content-wrapper div:nth-child(3n) {
    margin-top: 2rem;
    margin-bottom: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1280px) {

    [id=block-cozy] .content-wrapper div:nth-child(3n) {
        margin-left: 4rem;
        margin-bottom: 0px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

[id=block-cozy] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

[id=block-cozy] [class*=vmist-pravo] {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

[id=block-cozy] .inter-anchor {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

[id=block-cozy] .is-inViewport .block-title, [id=block-cozy] .is-inViewport [class*=vmist-pravo], [id=block-cozy] .is-inViewport .inter-anchor {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left
}

/* [id=block-cozy]{
  .inter-anchor{
    @apply inline-block relative mt-[2.4em];
  }
} */

/* block-prices - Ціни та строки */

[id=block-prices] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

@media (min-width: 1280px) {

    [id=block-prices] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-prices] .container {
    margin-top: 3rem;
}

@media (min-width: 1280px) {

    [id=block-prices] .container {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1023px) {

    [id=block-prices] .container {
        position: static;
    }
}

[id=block-prices] .sections-inner {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 1280px) {

    [id=block-prices] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-prices] .sectio-col__left {
    margin-bottom: 4rem;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 21px;
    padding-right: 21px;
}

@media (min-width: 768px) {

    [id=block-prices] .sectio-col__left {
        margin-bottom: 4rem;
    }
}

@media (min-width: 1280px) {

    [id=block-prices] .sectio-col__left {
        margin-bottom: 0px;
        height: 100%;
        width: 50%;
        padding-left: 5rem;
    }
}

@media (min-width: 1280px) {

    [id=block-prices] .sectio-col__right {
        width: 50%;
    }
}

@media (min-width: 1280px) {

    [id=block-prices] .sections-inner__img {
        width: 100%;
    }
}

/* .sectio-col__left{
    @apply py-16 px-4 md:pl-0;
  } */

[id=block-prices] .content-wrapper p, [id=block-prices] .content-wrapper .anchor-wrap {
    margin-left: 0px;
}

@media (min-width: 640px) {

    [id=block-prices] .content-wrapper p, [id=block-prices] .content-wrapper .anchor-wrap {
        margin-left: 4rem;
    }
}

/* .sectio-col__left {
    @apply pt-[15em] pb-[12em] pl-[146px] pr-[147px];
  } */

[id=block-prices] .btn-long-a {
    min-width: 318px;
}

/* @apply overflow-hidden flex flex-col lg:flex-row xl:h-[974px]; */

[id=block-prices] .is-inViewport .block-title, [id=block-prices] .is-inViewport .section-body, [id=block-prices] .is-inViewport .anchor-wrap {
    -webkit-animation-name: cd-bounce-2right;
    animation-name: cd-bounce-2right
}

[id=block-prices] .block-title {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

[id=block-prices] .section-body {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

[id=block-prices] .anchor-wrap {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
}

/*
  tsiny-wrap
  13 screen, плашки цен
*/

.tsiny-wrap {
    padding-top: 0.6em;
}

.tsiny-wrap .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 17px;
    padding-bottom: 12px;
}

@media (min-width: 1024px) {

    .tsiny-wrap .view-content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.tsiny-wrap .eck.block_3 .container {
    padding-left: 0px;
    padding-right: 0px;
}

.text-larger, .tsiny-months-txt {
    font-size: 1.5555555555555556em;
    line-height: 1.2;
}

.tsiny-row {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    min-height: 430px;
    width: 320px;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media (min-width: 1024px) {

    .tsiny-row {
        min-height: 482px;
    }
}

@media (min-width: 1280px) {

    .tsiny-row {
        width: 33.333333%;
    }
}

.tsiny-body {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 2rem;
    text-align: left;
}

@media (min-width: 1536px) {

    .tsiny-body {
        width: 80%;
    }
}

.tsiny-body li {
    position: relative;
}

.tsiny-body li:before {
    position: absolute;
    left: -14px;
    top: 11px;
    height: 6px;
    width: 6px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
    content: '';
}

.tsiny-body li:not(:last-child) {
    margin-bottom: 0.5em;
}

.tsiny-inner-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
}

.tsiny-inner-wrap.opened {
    opacity: 0;
}

.tsiny-inner {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1024px) {

    .tsiny-inner {
        height: 60%;
    }
}

.tsiny-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 7rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    line-height: 1.25;
}

.tsiny-quontity, .tsiny-months {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    font-size: 3.3333333333333335em;
}

.tsiny-des {
    line-height: 1.2;
}

.tsiny-link {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    --tw-translate-x: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.corner-top-left:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    border-width: 61px 54px 0 0;
    border-color: rgba(26, 44, 74, 1) rgba(196, 178, 117, 1);
    border-style: solid;
    -webkit-transition: border-width 0.1s ease-in-out;
    transition: border-width 0.1s ease-in-out;
}

.corner-top-left:after {
    position: absolute;
    top: -16px;
    left: -16px;
    height: 92px;
    width: 86px;
    content: '';
    background: url('../img/angle_top-left.svg') 0 0 no-repeat transparent;
}

.tsiny-inner-wrap.opened + .corner-top-left:before {
    border-width: 0 0 0 0;
}

.tsiny-inner-wrap.opened + .corner-top-left:after {
    display: none;
}

.date-term-wrap .tsiny-months-txt {
    margin-bottom: 0.4em;
}

/* 
  block-pidarendu 
  Помешкання під аренду 
  13 screen, slider +
*/

[id=block-pidarendu] {
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
}

/* .container {
    @apply px-0;
  } */

[id=block-pidarendu] .sections-inner {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

@media (min-width: 768px) {

    [id=block-pidarendu] .sections-inner {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 6rem;
    }
}

@media (min-width: 1536px) {

    [id=block-pidarendu] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 807px) {

    [id=block-pidarendu] .sections-inner {
        margin: 0 0 32px
    }
}

[id=block-pidarendu] .sections-inner > div {
    width: 100%;
}

@media (min-width: 1536px) {

    [id=block-pidarendu] .sections-inner > div {
        width: 50%;
    }
}

[id=block-pidarendu] .sections-inner > div p {
    margin-bottom: 12px;
}

[id=block-pidarendu] .sectio-col__left {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
}

[id=block-pidarendu] .sectio-col__left .splide__track {
    padding-left: 0px !important;
}

[id=block-pidarendu] .sectio-col__left .pidarendu-img img {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 639px) {

    [id=block-pidarendu] .sectio-col__left .pidarendu-img img {
        width: 23rem;
    }
}

[id=block-pidarendu] .sectio-col__right {
    --tw-bg-opacity: 1;
    background-color: rgba(223, 217, 207, var(--tw-bg-opacity));
    /* @apply pt-[5em] pl-[158px] pr-[170px]; */
    /* @apply m1024:pl-[115px];  } */
}

[id=block-pidarendu] .content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {

    [id=block-pidarendu] .content-wrapper {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

@media (min-width: 1280px) {

    [id=block-pidarendu] .content-wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 4rem;
        padding-right: 2rem;
    }
}

[id=block-pidarendu] .content-wrapper p {
    max-width: 56rem;
}

[id=block-pidarendu] .content-wrapper p, [id=block-pidarendu] .content-wrapper .anchor-wrap {
    margin-left: 0px;
}

@media (min-width: 640px) {

    [id=block-pidarendu] .content-wrapper p, [id=block-pidarendu] .content-wrapper .anchor-wrap {
        margin-left: 4rem;
    }
}

[id=block-pidarendu] .content-wrapper .anchor-wrap a {
    width: 100%;
    max-width: 20rem;
}

[id=block-pidarendu] .block-title {
    font-size: 28px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@media (min-width: 768px) {

    [id=block-pidarendu] .block-title {
        font-size: 2.2222222222222223em;
    }
}

[id=block-pidarendu] .splide__slide {
    cursor: pointer;
}

[id=block-pidarendu] .ico-touch-wrap {
    top: 73px;
    bottom: 0px;
    right: 15px;
    z-index: 1;
    margin-top: auto;
    margin-bottom: auto;
    left: initial;
}

[id=block-pidarendu] [class*=vmist-pravo] {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

[id=block-pidarendu] .anchor-wrap {
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s
}

[id=block-pidarendu] .is-inViewport .block-title, [id=block-pidarendu] .is-inViewport [class*=vmist-pravo], [id=block-pidarendu] .is-inViewport .anchor-wrap {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left
}

[id=block-pidarendu] .splide__pagination {
    left: 50%;
}

[id=block-pidarendu] .splide__pagination, [id=block-osoblivapropo] .splide__pagination {
    position: absolute;
    bottom: 1.25rem;
    margin-top: 0.6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    --tw-translate-x: -50%;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
}

[id=block-pidarendu] .splide__pagination li, [id=block-osoblivapropo] .splide__pagination li {
    margin-left: 0.75rem;
}

[id=block-pidarendu] .splide__pagination li button, [id=block-osoblivapropo] .splide__pagination li button {
    height: 4px;
    width: 18px;
    --tw-bg-opacity: 1;
    background-color: rgba(72, 98, 148, var(--tw-bg-opacity));
}

[id=block-pidarendu] .splide__pagination li button.is-active, [id=block-osoblivapropo] .splide__pagination li button.is-active {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 178, 117, var(--tw-bg-opacity));
}

[id=block-osoblivapropo] .splide__pagination {
    position: absolute;
    left: 50%;
    bottom: 25px
}

/* 
block-osoblivapropo
*/

[id=block-osoblivapropo] {
    overflow: hidden;
    padding-top: 11rem;
    padding-bottom: 5rem;
    background: transparent linear-gradient(116deg, rgba(223, 217, 207, 1) 0%, rgba(201, 192, 176, 1) 100%) 0 0 no-repeat padding-box;
}

@media (min-width: 1024px) {

    [id=block-osoblivapropo] {
        padding-top: 7rem;
    }
}

@media (min-width: 1280px) {

    [id=block-osoblivapropo] {
        padding-top: 9rem;
    }
}

[id=block-osoblivapropo] .sections-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1280px) {

    [id=block-osoblivapropo] .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

[id=block-osoblivapropo] .sections-inner .sectio-col {
    width: 100%;
}

@media (min-width: 1280px) {

    [id=block-osoblivapropo] .sections-inner .sectio-col {
        width: 50%;
    }
}

[id=block-osoblivapropo] .sectio-col__left {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {

    [id=block-osoblivapropo] .sectio-col__left {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

[id=block-osoblivapropo] .field--name-body {
    margin-bottom: 1rem;
    /* pr-[7em] pl-[3.8em] mb-[3.8em] */
}

[id=block-osoblivapropo] .field--name-body p {
    line-height: 2;
}

@media (min-width: 1280px) {

    [id=block-osoblivapropo] .field--name-body p {
        line-height: 1.5;
    }
}

@media (min-width: 1536px) {

    [id=block-osoblivapropo] .field--name-body p {
        line-height: 2;
    }
}

[id=block-osoblivapropo] .field--name-body strong {
    display: block;
}

@media (min-width: 1280px) {

    [id=block-osoblivapropo] .field--name-body strong {
        display: inline;
    }
}

[id=block-osoblivapropo] img {
    display: inline-block;
    width: 9rem;
}

@media (min-width: 640px) {

    [id=block-osoblivapropo] img {
        width: auto;
    }
}

@media (max-width: 639px) {

    [id=block-osoblivapropo] img {
        width: 19rem;
    }
}

[id=block-osoblivapropo] img + img {
    margin-left: 1rem;
}

[id=block-osoblivapropo] .anchor-wrap {
    margin-bottom: 3rem;
}

[id=block-osoblivapropo] .anchor-wrap a {
    width: 20rem;
    white-space: nowrap;
}

[id=block-osoblivapropo] .text-larger {
    font-family: Montserrat Medium, sans-serif;
}

[id=block-osoblivapropo] .ico-touch-wrap {
    top: 49%;
    left: 20px;
}

@media (max-width: 640px) {

    [id=block-osoblivapropo] .splide__pagination {
        bottom: 14px
    }
}

[id=block-osoblivapropo] .ribbon-angled {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 1;
    height: 223px;
    width: 367px;
    content: '';
    background: url("../img/angle_ribbon.svg") 0 0 no-repeat transparent;
}

[id=block-osoblivapropo] .ribbon-angled:after {
    content: '';
    width: 40px;
    height: 89px;
    z-index: 999;
    position: absolute;
    top: 125px;
    left: -45px;
    -webkit-transform: rotate(-28deg) skew(-10deg);
    transform: rotate(-28deg) skew(-10deg);
      /* animation: flow 1.5s linear 1; */
    border-left: 1px solid #fff;
    background: rgb(255,255,255);
 /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(1%, rgba(255,255,255,0)),to(rgba(255,255,255,1)));
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
 /* IE6-9 */
}

[id=block-osoblivapropo] .ribbon-angled:hover:after {
    -webkit-animation: flow 1.2s linear 1;
    animation: flow 1.2s linear 1;
}

[lang="en"] [id=block-osoblivapropo] .ribbon-angled {
    background: url(../img/angle_ribbon_en.svg) 0 0 no-repeat transparent;
}

/* 
  block-predfuter
*/

/* h-[550px] sm:h-[983px]  */

[id=block-predfuter] .container {
    width: 100%;
    max-width: none;
    /* m1280:absolute m1280:left-1/2 m1280:-translate-x-1/2 m1280:top-1/2 m1280:-translate-y-1/2 h-auto xl:h-full m1280:max-w-2xl xl:mx-auto p-4 */
}

/* @apply flex flex-col xl:flex-row; */

[id=block-predfuter] .sections-inner {
    /* @apply flex-col xl:flex-row; */
}

/* .sectio-col__left {
    @apply hidden;
  } */

[id=block-predfuter] .sectio-col__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

/* .sections-inner > div {
    @apply w-full xl:w-1/2;
  } */

@media (min-width: 1024px) {

    [id=block-predfuter] .sectio-col__left {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 50%;
    }
}

@media (min-width: 1024px) {

    [id=block-predfuter] .sectio-col__right {
        width: 50%;
    }
}

[id=block-predfuter] .sectio-col__right {
    /* pt-[15em] pb-[19em] pl-[140px] m1024:pl-[115px] */
}

/* px-6 py-10 sm:p-20 2xl:pl-28 xl:pr-8  */

@media (max-width: 1279px) {

    [id=block-predfuter] .sectio-col__right {
        background-color: rgba(26, 44, 74, 0.65);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

[id=block-predfuter] .contacts {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    max-width: 20rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(196, 178, 117, var(--tw-border-opacity));
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
}

@media (min-width: 640px) {

    [id=block-predfuter] .contacts {
        max-width: 32rem;
    }
}

@media (min-width: 1024px) {

    [id=block-predfuter] .contacts {
        margin-left: -3rem;
        margin-bottom: 0px;
        max-width: 36rem;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        padding-left: 7rem;
        text-align: left;
    }
}

@media (min-width: 1280px) {

    [id=block-predfuter] .contacts {
        margin-left: -5rem;
        max-width: 42rem;
        padding-top: 7rem;
        padding-bottom: 7rem;
        padding-left: 10rem;
    }
}

@media (min-width: 1620px) {

    [id=block-predfuter] .contacts {
        max-width: 48rem;
    }
}

@media (min-width: 1920px) {

    [id=block-predfuter] .contacts {
        max-width: 56rem;
        padding-left: 13rem;
        padding-right: 10rem;
    }
}

/* .sectio-col__right.is-inViewport:before{
    @apply content-[''] absolute lg:top-0 top-2 left-2 right-2 bottom-2 lg:left-[-4em] m-auto lg:w-[110%] lg:h-[60%] border border-clr-ochra-mud;
  } */

[id=block-predfuter] .sections-inner__img {
    width: 100%;
}

[id=block-predfuter] [class*=vmist-pravo] {
    margin-bottom: 1.4em;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 1.3;
}

@media (min-width: 640px) {

    [id=block-predfuter] [class*=vmist-pravo] {
        font-size: 22px;
    }
}

@media (min-width: 1280px) {

    [id=block-predfuter] [class*=vmist-pravo] {
        font-size: 28px;
    }
}

[id=block-predfuter] .social-links li {
    display: inline-block;
}

[id=block-predfuter] .mailo {
    position: relative;
    margin-top: 0.8em;
    margin-bottom: 2.1em;
}

footer {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
}

footer #block-copyrights {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {

    footer #block-copyrights {
        margin-bottom: 1rem;
    }
}

footer #block-copyrights p {
    margin-bottom: 0px;
    margin-right: 2rem;
    margin-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.625;
}

@media (min-width: 768px) {

    footer #block-copyrights p {
        margin-left: 0px;
    }
}

footer .language-switcher-language-url {
    margin-left: 1rem;
    margin-top: 1rem;
}

@media (min-width: 640px) {

    footer .language-switcher-language-url {
        margin-top: 0px;
        margin-left: auto;
    }
}

.ftr-row-1 {
    position: relative;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 640px) {

    .ftr-row-1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 768px) {

    .ftr-row-1 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.ftr-row-1 [id*=top-logo2] {
    position: relative;
}

@media (min-width: 1280px) {

    .ftr-row-1 [id*=top-logo2] {
        left: -1.3em;
    }
}

.ftr-row-1 .menu--main li:not(:last-child) {
    margin-right: 2.8em;
}

.ftr-row-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5rem;
    font-family: Roboto, sans-serif;
}

@media (min-width: 768px) {

    .ftr-row-2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.ftr-row-2 .field--name-body {
    margin-bottom: 0px;
    font-size: 14px;
}

.nav-and-lang {
    margin-bottom: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 640px) {

    .nav-and-lang {
        margin-left: 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.studio-rights {
    margin-left: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 1.625;
}

@media (min-width: 768px) {

    .studio-rights {
        margin-left: 0px;
        text-align: right;
    }
}

.studio-rights p {
    width: 100%;
}

/* a:first-child {
    @apply block lg:inline-block;
  } */

.studio-rights span {
    display: block;
    white-space: nowrap;
}

@media (min-width: 1024px) {

    .studio-rights span {
        display: inline-block;
    }
}

.studio-rights img {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 128px;
}

@media (min-width: 1280px) {

    .studio-rights img {
        margin-right: 0.4em;
    }
}

#block-top-logo2--2 {
    width: 188px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#block-tiun-main-menu--2 ul {
    max-width: 300px;
}

@media (min-width: 768px) {

    #block-tiun-main-menu--2 ul {
        max-width: none;
    }
}

.video-embed-field-responsive-video:after {
    display: none;
}

/* #next-screen{
  @apply hidden h-0;
} */

.white-to-gold, .gold-to-gold, .blu-to-blue {
    border-width: 2px;
    font-size: 0.8888888888888888em;
    text-transform: uppercase;
}

@media (max-width: 766px) {

    .white-to-gold, .gold-to-gold, .blu-to-blue {
        font-size: 0.7777777777777778em;
    }
}

.white-to-gold {
    padding-left: 49px;
    padding-right: 49px;
    padding-top: 16px;
    padding-bottom: 17px;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

@media (max-width: 766px) {

    .white-to-gold {
        padding-left: 29px;
        padding-right: 29px;
    }
}

.white-to-gold:hover {
    --tw-border-opacity: 1;
    border-color: rgba(170, 148, 71, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(170, 148, 71, var(--tw-bg-opacity));
}

@media (max-width: 490px) {

    .white-to-gold {
        width: 80%;
        line-height: 1.4;
        padding: 16px 4px 14px
    }
}

.gold-to-gold {
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 16px;
    padding-bottom: 17px;
    --tw-text-opacity: 1;
    color: rgba(196, 178, 117, var(--tw-text-opacity));
}

@media (max-width: 766px) {

    .gold-to-gold {
        padding-left: 29px;
        padding-right: 29px;
    }
}

.gold-to-gold:hover {
    --tw-border-opacity: 1;
    border-color: rgba(170, 148, 71, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(170, 148, 71, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.blu-to-blue {
    padding-left: 49px;
    padding-right: 49px;
    padding-top: 16px;
    padding-bottom: 17px;
    --tw-text-opacity: 1;
    color: rgba(18, 37, 70, var(--tw-text-opacity));
}

@media (max-width: 766px) {

    .blu-to-blue {
        padding-left: 17px;
        padding-right: 17px;
    }
}

.blu-to-blue:hover {
    --tw-border-opacity: 1;
    border-color: rgba(18, 37, 70, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(18, 37, 70, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.modal-callback-wrap a {
    display: inline-block;
    text-align: center;
}

/* 
  ========================================
  Section
  ======================================== 
*/

section {
    position: relative;
  /* h2,.h2,h3, .block-title{
    @apply ml-[-72px] m767:ml-0
  } */
  /* .container {
    @apply h-full;
  } */
}

/* .sections-inner{
  @apply flex items-center relative overflow-hidden; // overflow-hidden - чтобы не было hor прокрутки while animation
  @apply m1024:block;

  & > div {
    @apply w-1/2 m1024:w-full;
  }
  // .field--name-body{
  //  @apply w-[50%]
  // }
} */

.sections-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1024px) {

    .sections-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/* flex-wrap */

.sections-inner > div {
    /* @apply lg:w-1/2 w-full; */
}

.sections-inner > div p {
    margin-bottom: 12px;
}

.content-wrapper {
  /* @apply brdr-green; */
  /* .field--name-body {
    @apply mb-[3.1em] m1680:mb-[1.9em];
  } */
  /* mr-4 */
  /* m1840:pl-[105px] m1600:pl-[70px] m767:pl-0 */
  /* w-1/2 m1024:w-full */
}

/* p, */

@media (min-width: 640px) {

    .content-wrapper .anchor-wrap {
        margin-left: 4rem;
    }
}

/* .sectio-col__right .content-wrapper {
  @apply ml-8;
} */

.sectio-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sectio-col__left .content-wrapper {
    padding-right: 1rem;
}

.sectio-col__right {
  /* @apply lg:w-1/2; */
  /* .content-wrapper {
    @apply 2xl:pl-32 lg:pl-8;
  } */
}

.sectio-col__right.mask-2 {
    padding-left: 149px;
  /* p {
    @apply pl-[67px] m767:pl-0;
  } */
}

@media (max-width: 1439px) {

    .sectio-col__right.mask-2 {
        padding-left: 89px;
    }
}

@media (max-width: 1199px) {

    .sectio-col__right.mask-2 {
        padding-left: 55px;
    }
}

@media (max-width: 766px) {

    .sectio-col__right.mask-2 {
        padding-left: 0px;
    }
}

.sectio-col__right.mask-2 h2, .sectio-col__right.mask-2 h3 {
    margin-left: 0;
}

.sections-inner__img {
    height: 100%;
    width: 100%;
}

@media (min-width: 1280px) {

    .sections-inner__img {
        width: 50%;
    }
}

section.block .sections-inner__img {
    /* @apply absolute m1024:relative; */
}

.sections-inner__img:not(.splitted-img) img {
    height: inherit;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.block-title {
    font-size: 1.5555555555555556em;
    line-height: 1.1;
}

@media (min-width: 768px) {

    .block-title {
        font-size: 3.3333333333333335em;
    }
}

@media (max-width: 1439px) {

    .block-title {
        position: relative;
    }
}

@media (max-width: 1199px) {

    .block-title {
        left: 0px;
    }
}

/* m1440:left-[-2.6em] */

.block-title.mb-a {
    margin-bottom: 0.8em;
}

.block-title.mb-b {
    margin-bottom: 2rem;
}

@media (min-width: 1024px) {

    .block-title.mb-b {
        margin-bottom: 3.5rem;
    }
}

.block-title.mb-c {
    margin-bottom: 1.2em;
}

.video-embed-field-lazy-play {
    background: url("../img/play.svg") 0 0 no-repeat transparent;
}

.img-abs-right {
    top: 0px;
    right: 0px;
}

/* .field--name-body{
  @apply mb-[2.4em] m1024:mb-[1.5em]
} */

.mask.is-inViewport form {
    overflow: hidden;
}

@-webkit-keyframes loading-mask {
    0%, 100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    40%, 60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes loading-mask {
    0%, 100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    40%, 60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@-webkit-keyframes cd-reveal-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes cd-reveal-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes cd-reveal-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes cd-reveal-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.mask-2. * {
    opacity: 1;
}

.mask-2.is-inViewport .content-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
  /* padding: 2em 0; */
    overflow: hidden;
    -webkit-animation-name: cd-mask-wrapper;
    animation-name: cd-mask-wrapper;
}

.mask-2.is-inViewport .content-wrapper::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background-color: #122546;
    -webkit-animation: cd-pulse 1.3s .3s both;
    animation: cd-pulse 1.3s .3s both;
}

.no-cssanimations .mask-2.is-inViewport .content-wrapper::before {
    opacity: 0;
}

.mask-2 .content-wrapper,
.mask-2 .content-wrapper > div {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.mask-2.is-inViewport .content-wrapper > div {
    -webkit-animation-name: cd-mask-content;
    animation-name: cd-mask-content;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes cd-mask-wrapper {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-mask-wrapper {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-mask-content {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-mask-content {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-pulse {

    0%, 30.8% {
        opacity: 0;
    }

    15.4%, 46.2%, 61.5%, 70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes cd-pulse {

    0%, 30.8% {
        opacity: 0;
    }

    15.4%, 46.2%, 61.5%, 70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

[data-inviewport="bounce-2right"] {
    opacity: 0;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

[data-inviewport="bounce-2right"].is-inViewport {
    -webkit-animation-name: cd-bounce-2right;
    animation-name: cd-bounce-2right;
}

@-webkit-keyframes cd-bounce-2right {
    0% {
        opacity: .2;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }

    60% {
        opacity: .7;
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2right {
    0% {
        opacity: .2;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }

    60% {
        opacity: .7;
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

[data-inviewport="shift-up"] {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

[data-inviewport="shift-up"].is-inViewport {
    -webkit-animation-name: shift-up;
    animation-name: shift-up;
}

@-webkit-keyframes shift-up {
    100% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
    }
}

@keyframes shift-up {
    100% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
    }
}

[data-inviewport="bounce-2left"] {
    opacity: 0;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

[data-inviewport="bounce-2left"].is-inViewport {
    -webkit-animation-name: bounce-2left;
    animation-name: bounce-2left;
}

@-webkit-keyframes bounce-2left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-2left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.splitted-img.is-inViewport .cell-grid .cell {
    -webkit-animation-name: cut;
    animation-name: cut;
}

.cell-grid .cell {
    opacity: 0;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.cell-grid .cell:first-child {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.cell-grid .cell:nth-child(2) {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.cell-grid .cell:nth-child(3) {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.cell-grid .cell:nth-child(4) {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes cut {
    0% {
        opacity: .2;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cut {
    0% {
        opacity: .2;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.frontpage.page_1 {
    overflow: hidden;
}

.text-biggest {
    font-size: 3.3333333333333335em;
    line-height: 1.2;
}

@-webkit-keyframes flow {
    0% {
        top: 104px;
        left: -13px;
        opacity: 0
    }

    50% {
        top: 64px;
        left: 59px;
        opacity: 0.4
    }

    100% {
        top: -66px;
        left: 288px;
        opacity: 0
    }
}

@keyframes flow {
    0% {
        top: 104px;
        left: -13px;
        opacity: 0
    }

    50% {
        top: 64px;
        left: 59px;
        opacity: 0.4
    }

    100% {
        top: -66px;
        left: 288px;
        opacity: 0
    }
}