:root {
    --app-height: 100%;
}
.headerBigBlock {
    position: relative;
    color: #ffffff;
}
.headerBigBlock.is-inview .innerWrapper .background {
    opacity: 1;
}
.headerBigBlock .innerWrapper .background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s ease-out;
    -moz-transition: opacity 0.3s 0s ease-out;
    -o-transition: opacity 0.3s 0s ease-out;
    transition: opacity 0.3s 0s ease-out;
}
.headerBigBlock .innerWrapper .background .endSvgTransition {
    height: calc(100% + 12.5vw);
    left: 50%;
    position: absolute;
    top: 50%;
    width: calc(100% + 12.5vw);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.headerBigBlock .innerWrapper .background .svgTransition {
    height: 25vw;
    left: 50%;
    position: absolute;
    top: 0;
    width: 12.5vw;
}
.headerBigBlock .innerWrapper .background .svgTransition .innerAnim {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.headerBigBlock .innerWrapper .background .svgTransition .innerAnim .scaleAnim {
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transform-origin: center center;
}
.headerBigBlock .innerWrapper .background .svgTransition .innerAnim .scaleAnim.second {
    z-index: 1;
}
.headerBigBlock .innerWrapper .background .svgTransition .innerAnim .scaleAnim svg {
    display: block;
    width: 100%;
    height: 100%;
}
.headerBigBlock .innerWrapper .background .svgTransition .innerAnim .scaleAnim svg circle.overlay {
    fill: #000;
    opacity: 0.2;
}
.headerBigBlock .innerWrapper .background .noise {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(../img/noise.png);
    background-position: center center;
    opacity: 0.2;
}
.headerBigBlock .innerWrapper .innerContainer {
    position: relative;
    padding-bottom: 12.5vw;
}
.headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper {
    position: relative;
    height: 100vh;
    height: var(--app-height);
    margin-bottom: 12.5vw;
    z-index: 2;
}
.headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper .titleInnerWrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headerBigBlock .innerWrapper .innerContainer .model {
    height: auto;
    left: 0;
    position: absolute;
    top: 8.75vw;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-12.5vw);
    -moz-transform: translateY(-12.5vw);
    -o-transform: translateY(-12.5vw);
    -ms-transform: translateY(-12.5vw);
    transform: translateY(-12.5vw);
    -webkit-transition: opacity 0.6s, transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s;
    -ms-transition: opacity 0.6s, transform 0.6s;
    -o-transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}
.headerBigBlock .innerWrapper .innerContainer .model.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.headerBigBlock .innerWrapper .innerContainer .model .canvasWrapper {
    position: relative;
    width: 36.875vw;
    height: 36.875vw;
    margin: 0 auto;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper {
    display: block;
    width: 76.5vw;
    text-align: center;
    margin: 0 auto;
    padding-top: 11.25vw;
    padding-bottom: 11.875vw;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .extra {
    display: block;
    position: relative;
    z-index: 0;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .extraTitle {
    display: block;
    position: relative;
    z-index: 2;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider {
    display: block;
    position: relative;
    z-index: 0;
    margin: 0.625vw auto;
    width: 0;
    height: 1px;
    background: #ffffff;
    -webkit-transition: width 0.3s 0.3s ease-out;
    -moz-transition: width 0.3s 0.3s ease-out;
    -o-transition: width 0.3s 0.3s ease-out;
    transition: width 0.3s 0.3s ease-out;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider.active {
    width: 31.5vw;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider {
    margin: 0.625vw auto;
    display: block;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider.active .dottedLine {
    width: 31.5vw;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider .dottedLine {
    display: block;
    width: 0;
    margin: 0 auto;
    -webkit-transition: width 0.45s 0.3s ease-out;
    -moz-transition: width 0.45s 0.3s ease-out;
    -o-transition: width 0.45s 0.3s ease-out;
    transition: width 0.45s 0.3s ease-out;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider .dottedLine svg {
    width: 100%;
    height: 1px;
    display: block;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider .dottedLine svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.headerBigBlock .innerWrapper .innerContainer .titleWrapper .normalMediumTitle {
    display: block;
    position: relative;
    z-index: 2;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper {
    height: 7.625vw;
    left: 6.25vw;
    position: absolute;
    top: auto;
    width: 7.625vw;
    bottom: 16.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper.active .innerAnim {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .scrollAnim {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    -webkit-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -moz-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -ms-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -o-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .circleAnim {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    animation: rotateLeft 20s infinite linear;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .circleAnim svg {
    display: block;
    width: 100%;
    height: auto;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .circleAnim svg path {
    fill: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .icon {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.5vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.5vw;
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .icon svg {
    width: 100%;
    height: auto;
    display: block;
}
.headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .icon svg path {
    fill: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .socials {
    display: none;
}
.headerBigBlock .innerWrapper .innerContainer .socials.active .innerAnim {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.headerBigBlock .innerWrapper .innerContainer .socials .innerAnim {
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    -webkit-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -moz-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -ms-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    -o-transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
    transition: opacity 0.45s 0.6s, transform 0.45s 0.6s;
}
.headerBigBlock .innerWrapper .innerContainer .respButton {
    display: none;
}
.headerBigBlock .innerWrapper .innerContainer .moreInfoButton {
    display: none;
}
.headerBigBlock .innerWrapper .innerContainer .beerRespSlider {
    display: none;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 2.5vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider {
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider.is-inview,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider.is-inview,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider.is-inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider.is-inview .tinyTitle,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider.is-inview .normalTitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .tinyTitle,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .normalTitle {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide.active,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.active,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active {
    opacity: 1;
    pointer-events: inherit;
    margin-left: 0;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide.active.next,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.active.next,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active.next,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active.next {
    margin-left: -1.25vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide.active.prev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.active.prev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active.prev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active.prev {
    margin-left: 1.25vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide.animNext,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.animNext,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.animNext,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.animNext {
    opacity: 0;
    pointer-events: none;
    margin-left: 1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide.animPrev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.animPrev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.animPrev,
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.animPrev {
    opacity: 0;
    pointer-events: none;
    margin-left: -1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider {
    height: 13.4375vw;
    left: 7.125vw;
    position: absolute;
    top: 0;
    width: 26.375vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: right;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider .slide .mediumTitle {
    margin: 1vw 0;
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider {
    height: 11.25vw;
    left: 18.25vw;
    position: absolute;
    top: auto;
    width: 15.25vw;
    bottom: 1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide {
    height: auto;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
    bottom: 0;
    text-align: right;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide.active {
    -webkit-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -moz-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -ms-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -o-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide .tinyTitle {
    margin-bottom: 0.625vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider .slide .normalTitle {
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider {
    height: 300px;
    left: auto;
    position: absolute;
    top: 0;
    width: 26.375vw;
    right: 7.125vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active {
    -webkit-transition: margin-left 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.1s;
    -moz-transition: margin-left 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.1s;
    -ms-transition: margin-left 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.1s;
    -o-transition: margin-left 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.1s;
    transition: margin-left 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.1s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.1s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active.next {
    -webkit-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -moz-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -ms-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -o-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide.active.prev {
    -webkit-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -moz-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -ms-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -o-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide .smallTitle {
    margin-bottom: 1.375vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider .slide .text p {
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider {
    height: 13.125vw;
    left: auto;
    position: absolute;
    top: auto;
    width: 15.25vw;
    right: 18.25vw;
    bottom: 1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide {
    height: auto;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
    bottom: 0;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active {
    -webkit-transition: margin-left 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.15s;
    -moz-transition: margin-left 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.15s;
    -ms-transition: margin-left 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.15s;
    -o-transition: margin-left 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.15s;
    transition: margin-left 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.15s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active.next {
    -webkit-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -moz-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -ms-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -o-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide.active.prev {
    -webkit-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -moz-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -ms-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    -o-transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
    transition: margin-left 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0.05s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0.05s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .dottedLine {
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .dottedLine svg {
    display: block;
    width: 100%;
    height: 1px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .dottedLine svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 1.25vw;
    position: relative;
    height: 5.625vw;
    padding-top: 1.6875vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col:nth-child(2) {
    padding-right: 0;
    padding-left: 1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col .tinyTitle {
    display: block;
    margin-bottom: 0.125vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col .line {
    height: 4.375vw;
    left: auto;
    position: absolute;
    top: 50%;
    width: 1px;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col .line svg {
    display: block;
    width: 1px;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col .line svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .cols .col .normalTitle {
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .extraInfo {
    margin-top: 0.625vw;
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider .slide .button {
    width: 15.25vw;
    margin-top: 1.25vw;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper {
    width: 18.125vw;
    height: 31.375vw;
    margin: 0 auto;
    pointer-events: none;
    position: relative;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .animWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper {
    -webkit-transform: translateY(-18.75vw);
    -moz-transform: translateY(-18.75vw);
    -o-transform: translateY(-18.75vw);
    -ms-transform: translateY(-18.75vw);
    transform: translateY(-18.75vw);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 3.4375vw;
    opacity: 0;
    -webkit-transform: translateY(-7.5vw);
    -moz-transform: translateY(-7.5vw);
    -o-transform: translateY(-7.5vw);
    -ms-transform: translateY(-7.5vw);
    transform: translateY(-7.5vw);
    -webkit-transition: opacity 0.6s, transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s;
    -ms-transition: opacity 0.6s, transform 0.6s;
    -o-transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation.is-inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation svg {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: calc(100% + 1.25vw);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.4;
}
.headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation svg rect {
    fill: none;
    stroke: #f7f7f7;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.headerBigBlock .innerWrapper .innerContainer .navigator {
    color: #f7f7f7;
    text-align: center;
    width: 19.375vw;
    margin: 0 auto;
    position: relative;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .counter {
    margin-bottom: 0.3125vw;
    color: #ffffff;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .counter .divider {
    margin: 0 0.125vw;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper {
    height: 2.75vw;
    position: relative;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton {
    height: 2.75vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.75vw;
    text-align: center;
    font-size: 1vw;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton.next {
    left: auto;
    right: 0;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton:hover .innerIcon {
    left: calc(50% + 1.875vw);
    opacity: 0;
    -webkit-transition: left 0.2s 0s, opacity 0.2s 0s;
    -moz-transition: left 0.2s 0s, opacity 0.2s 0s;
    -ms-transition: left 0.2s 0s, opacity 0.2s 0s;
    -o-transition: left 0.2s 0s, opacity 0.2s 0s;
    transition: left 0.2s 0s, opacity 0.2s 0s;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton:hover .innerIcon.hover {
    left: 50%;
    opacity: 1;
    -webkit-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -moz-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -ms-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -o-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton:hover .circle svg circle {
    stroke-dashoffset: 132;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton:hover .circle svg circle.hover {
    stroke-dashoffset: 0;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .innerIcon {
    display: block;
    text-align: center;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: auto;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -moz-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -ms-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    -o-transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
    transition: left 0.2s 0.1s, opacity 0.2s 0.1s;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .innerIcon.hover {
    left: calc(50% - 1.875vw);
    opacity: 0;
    -webkit-transition: left 0.2s 0s, opacity 0.2s 0s;
    -moz-transition: left 0.2s 0s, opacity 0.2s 0s;
    -ms-transition: left 0.2s 0s, opacity 0.2s 0s;
    -o-transition: left 0.2s 0s, opacity 0.2s 0s;
    transition: left 0.2s 0s, opacity 0.2s 0s;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .innerIcon i {
    display: block;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .circle svg circle {
    fill: transparent;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 132;
    stroke-dashoffset: 0;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    transform-origin: left;
    -webkit-transition: stroke-dashoffset 0.3s, stroke 0.3s;
    -moz-transition: stroke-dashoffset 0.3s, stroke 0.3s;
    -ms-transition: stroke-dashoffset 0.3s, stroke 0.3s;
    -o-transition: stroke-dashoffset 0.3s, stroke 0.3s;
    transition: stroke-dashoffset 0.3s, stroke 0.3s;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .sliderButton .circle svg circle.hover {
    stroke: #1d1d1d;
    stroke-dasharray: 132;
    stroke-dashoffset: 132;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .items {
    margin: 0 auto;
    white-space: nowrap;
    width: 13.75vw;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 3.125vw, #000000 calc(100% - 3.125vw), rgba(0, 0, 0, 0) 100%);
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .items .innerWrapper {
    width: 100%;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .items .innerWrapper .slideItems {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
.headerBigBlock .innerWrapper .innerContainer .navigator .navigatorWrapper .items .innerWrapper .item {
    display: inline-block;
    vertical-align: middle;
    width: 13.75vw;
    padding: 0;
    text-align: center;
    white-space: normal;
    padding: 0 3.125vw;
    color: #ffffff;
    margin-top: 0.125vw;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.beerInfoOverlay {
    display: none;
}
html.touch .headerBigBlock .innerWrapper .innerContainer .socials a {
    opacity: 1;
    -webkit-transition: opacity 0.15s 0s ease-out;
    -moz-transition: opacity 0.15s 0s ease-out;
    -o-transition: opacity 0.15s 0s ease-out;
    transition: opacity 0.15s 0s ease-out;
}
html.touch .headerBigBlock .innerWrapper .innerContainer .socials a:active {
    opacity: 0.3;
}
html.touch .headerBigBlock .innerWrapper .innerContainer .respButton {
    opacity: 1;
    -webkit-transition: opacity 0.15s 0s ease-out;
    -moz-transition: opacity 0.15s 0s ease-out;
    -o-transition: opacity 0.15s 0s ease-out;
    transition: opacity 0.15s 0s ease-out;
}
html.touch .headerBigBlock .innerWrapper .innerContainer .respButton:active {
    opacity: 0.3;
}
@media (min-aspect-ratio: 53/31) {
    .headerBigBlock .innerWrapper .background .svgTransition {
        top: 0;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper {
        height: auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper .titleInnerWrapper {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes rotateLeft {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@media all and (max-width: 1080px) {
    .headerBigBlock .innerWrapper .background .endSvgTransition {
        height: calc(100% + 18.518vw);
        left: 50%;
        position: absolute;
        top: 50%;
        width: calc(100% + 18.518vw);
    }
    .headerBigBlock .innerWrapper .background .svgTransition {
        height: 37.036vw;
        left: 50%;
        position: absolute;
        top: 0;
        width: 18.518vw;
    }
    .headerBigBlock .innerWrapper .innerContainer {
        padding-bottom: 18.518vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper {
        margin-bottom: 37.036vw;
        height: auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper .titleInnerWrapper {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .headerBigBlock .innerWrapper .innerContainer .model {
        height: auto;
        left: 0;
        position: absolute;
        top: 27.777vw;
        width: 100%;
        -webkit-transform: translateY(-18.518vw);
        -moz-transform: translateY(-18.518vw);
        -o-transform: translateY(-18.518vw);
        -ms-transform: translateY(-18.518vw);
        transform: translateY(-18.518vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .model .canvasWrapper {
        width: 91.664vw;
        height: 91.664vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper {
        width: 100%;
        padding: 0 2.778vw;
        padding-top: 18.518vw;
        padding-bottom: 17.592vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider {
        margin: 0.926vw auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider.active {
        width: 46.667vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider {
        margin: 0.926vw auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider.active .dottedLine {
        width: 46.667vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .normalMediumTitle {
        margin-top: 56.48vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper {
        height: 15vw;
        left: 2.778vw;
        position: absolute;
        top: 50%;
        width: 15vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim {
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .icon {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 2.778vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .socials {
        height: auto;
        left: auto;
        position: absolute;
        top: 50%;
        width: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 2.778vw;
        display: block;
    }
    .headerBigBlock .innerWrapper .innerContainer .socials a {
        color: #ffffff;
        display: block;
        margin-bottom: 0.926vw;
        font-size: 2.037vw;
        text-decoration: none;
    }
    .headerBigBlock .innerWrapper .innerContainer .socials a:last-child {
        margin-bottom: 0;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton {
        display: block;
        height: 14.815vw;
        left: 2.778vw;
        position: absolute;
        top: 50%;
        width: 14.815vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        border: 1px solid #ffffff;
        line-height: 15.925vw;
        text-align: center;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton.next {
        right: 2.778vw;
        left: auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton i {
        font-size: 2.778vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton {
        display: block;
        height: auto;
        left: 50%;
        position: absolute;
        top: auto;
        width: 18.518vw;
        bottom: 2.778vw;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink.active {
        opacity: 1;
        pointer-events: inherit;
        margin-left: 0;
        margin-top: 40px;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink.active.next {
        margin-left: -1.852vw;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink.active.prev {
        margin-left: 1.852vw;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s, background 0.3s 0s, color 0.3s;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink.animNext {
        opacity: 0;
        pointer-events: none;
        margin-left: 1.852vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton .buttonLink.animPrev {
        opacity: 0;
        pointer-events: none;
        margin-left: -1.852vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider {
        display: block;
        position: relative;
        z-index: 2;
        width: 64.813vw;
        margin: 0 auto;
        text-align: center;
        -webkit-transform: translateY(-15.74vw);
        -moz-transform: translateY(-15.74vw);
        -o-transform: translateY(-15.74vw);
        -ms-transform: translateY(-15.74vw);
        transform: translateY(-15.74vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.active {
        opacity: 1;
        pointer-events: inherit;
        margin-left: 0;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.active.next {
        margin-left: -1.852vw;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.active.prev {
        margin-left: 1.852vw;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -moz-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -ms-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        -o-transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
        transition: margin-left 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s 0s cubic-bezier(0.33, 1, 0.68, 1), pointer-events 0.3s 0s;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.animNext {
        opacity: 0;
        pointer-events: none;
        margin-left: 1.852vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.animPrev {
        opacity: 0;
        pointer-events: none;
        margin-left: -1.852vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide .hugeTitle {
        color: #ffffff;
        margin-top: -45px;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper {
        margin-bottom: 3.704vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIntroSlider,
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerIngredientsSlider,
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerInfoSlider,
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .beerDetailsSlider {
        display: none;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper {
        width: 45.369vw;
        height: 78.887vw;
        margin-top: -20px;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper {
        -webkit-transform: translateY(-27.777vw);
        -moz-transform: translateY(-27.777vw);
        -o-transform: translateY(-27.777vw);
        -ms-transform: translateY(-27.777vw);
        transform: translateY(-27.777vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation {
        border-radius: 7.87vw;
        opacity: 0;
        -webkit-transform: translateY(-11.111vw);
        -moz-transform: translateY(-11.111vw);
        -o-transform: translateY(-11.111vw);
        -ms-transform: translateY(-11.111vw);
        transform: translateY(-11.111vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation svg {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        width: calc(100% + 3.704vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .navigator {
        display: none;
    }
    .beerInfoOverlay {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 20;
        display: block;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
        -ms-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
        -o-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
        transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
    }
    .beerInfoOverlay.active {
        opacity: 1;
        pointer-events: inherit;
    }
    .beerInfoOverlay .background {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: #000;
        opacity: 0.9;
    }
    .beerInfoOverlay .close {
        height: 5vw;
        left: auto;
        position: absolute;
        top: 1.019vw;
        width: 5vw;
        right: 2.778vw;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background: rgba(0, 0, 0, 0.2);
        opacity: 1;
        z-index: 1;
        -webkit-transition: opacity 0.15s 0s ease-out;
        -moz-transition: opacity 0.15s 0s ease-out;
        -o-transition: opacity 0.15s 0s ease-out;
        transition: opacity 0.15s 0s ease-out;
    }
    .beerInfoOverlay .close:active {
        opacity: 0.3;
    }
    .beerInfoOverlay .close:before {
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 2.778vw;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -moz-transform: translate(-50%, -50%) rotate(-45deg);
        -o-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        background: #ffffff;
    }
    .beerInfoOverlay .close:after {
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 2.778vw;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        background: #ffffff;
    }
    .beerInfoOverlay .innerContainer {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-height: 100%;
        overflow: auto;
    }
    .beerInfoOverlay .innerContainer .innerWrapper {
        text-align: center;
        padding: 9.259vw 13.8885vw;
        overflow: hidden;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro {
        margin-bottom: 4.63vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro .normalMediumTitle {
        display: block;
        margin-bottom: 1.389vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro .normalMediumTitle:last-child {
        margin-bottom: 0;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro .hugeTitle {
        margin-bottom: 1.389vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .textWrapper .normalMediumTitle {
        margin-bottom: 1.389vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols {
        width: calc(100% + 5.556vw);
        margin-left: -2.778vw;
        margin-top: 9.259vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 5.556vw);
        margin: 0 2.778vw;
        text-align: left;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .dottedLine {
        width: 100%;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .dottedLine svg {
        display: block;
        width: 100%;
        height: 1px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .dottedLine svg line {
        fill: none;
        stroke: #ffffff;
        stroke-width: 1px;
        stroke-dasharray: 2.7;
        stroke-dashoffset: 2.7;
        animation: dottedLineAnim 0.6s infinite linear;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-right: 1.852vw;
        position: relative;
        height: 10.185vw;
        padding-top: 2.5vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col:nth-child(2) {
        padding-right: 0;
        padding-left: 1.852vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .tinyTitle {
        display: block;
        margin-bottom: 0.463vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line {
        height: 6.481vw;
        left: auto;
        position: absolute;
        top: 50%;
        width: 1px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line svg {
        display: block;
        width: 1px;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line svg line {
        fill: none;
        stroke: #ffffff;
        stroke-width: 1px;
        stroke-dasharray: 2.7;
        stroke-dashoffset: 2.7;
        animation: dottedLineAnim 0.6s infinite linear;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .ingredients {
        margin-top: 2.593vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .ingredients .tinyTitle {
        margin-bottom: 0.926vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .extraInfo {
        margin-top: 0.926vw;
        color: #1d1d1d;
    }
}
@media all and (max-width: 580px) {
    .headerBigBlock .innerWrapper .background .endSvgTransition {
        height: calc(100% + 103.446vw);
        left: 50%;
        position: absolute;
        top: 50%;
        width: calc(100% + 103.446vw);
    }
    .headerBigBlock .innerWrapper .background .svgTransition {
        height: 68.964vw;
        left: 50%;
        position: absolute;
        top: 0;
        width: 34.482vw;
    }
    .headerBigBlock .innerWrapper .innerContainer {
        padding-bottom: 34.482vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleOuterWrapper {
        margin-bottom: 68.964vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .model {
        height: auto;
        left: 0;
        position: absolute;
        top: 48.275vw;
        width: 100%;
        -webkit-transform: translateY(-34.482vw);
        -moz-transform: translateY(-34.482vw);
        -o-transform: translateY(-34.482vw);
        -ms-transform: translateY(-34.482vw);
        transform: translateY(-34.482vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .model .canvasWrapper {
        width: 101.722vw;
        height: 101.722vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper {
        padding: 0 5.172vw;
        padding-top: 34.482vw;
        padding-bottom: 32.758vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider {
        margin: 1.724vw auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .divider.active {
        width: 68.964vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider {
        margin: 1.724vw auto;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .dottedDivider.active .dottedLine {
        width: 68.964vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .titleWrapper .normalMediumTitle {
        margin-top: 70.688vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper {
        height: 17.586vw;
        left: 5.172vw;
        position: absolute;
        top: 50%;
        width: 17.586vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim {
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .scrollDownWrapper .innerAnim .icon {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 5.172vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .socials {
        right: 5.172vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .socials a {
        margin-bottom: 1.724vw;
        font-size: 4.138vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton {
        height: 13.793vw;
        left: 5.172vw;
        position: absolute;
        top: 50%;
        width: 13.793vw;
        line-height: 15.345vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton.next {
        right: 5.172vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .respButton i {
        font-size: 3.448vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .moreInfoButton {
        bottom: 5.172vw;
        width: 34.482vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider {
        width: 86.205vw;
        -webkit-transform: translateY(-20.689vw);
        -moz-transform: translateY(-20.689vw);
        -o-transform: translateY(-20.689vw);
        -ms-transform: translateY(-20.689vw);
        transform: translateY(-20.689vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.active.next {
        margin-left: -3.448vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.active.prev {
        margin-left: 3.448vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.animNext {
        margin-left: 3.448vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerRespSlider .slide.animPrev {
        margin-left: -3.448vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper {
        margin-bottom: 6.897vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper {
        width: 49.999vw;
        height: 86.205vw;
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper {
        -webkit-transform: translateY(-51.723vw);
        -moz-transform: translateY(-51.723vw);
        -o-transform: translateY(-51.723vw);
        -ms-transform: translateY(-51.723vw);
        transform: translateY(-51.723vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation {
        border-radius: 9.483vw;
        -webkit-transform: translateY(-20.689vw);
        -moz-transform: translateY(-20.689vw);
        -o-transform: translateY(-20.689vw);
        -ms-transform: translateY(-20.689vw);
        transform: translateY(-20.689vw);
    }
    .headerBigBlock .innerWrapper .innerContainer .beerInfoWrapper .canWrapper .innerCanWrapper .canInAnimation svg {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        width: calc(100% + 3.448vw);
    }
    .beerInfoOverlay .close {
        height: 9.311vw;
        left: auto;
        position: absolute;
        top: 4.31vw;
        width: 9.311vw;
        right: 5.172vw;
    }
    .beerInfoOverlay .close:before {
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 5.172vw;
    }
    .beerInfoOverlay .close:after {
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 5.172vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper {
        padding: 8.621vw 5.172vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro {
        margin-bottom: 8.621vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro .normalMediumTitle {
        margin-bottom: 2.586vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .intro .hugeTitle {
        margin-bottom: 2.586vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .textWrapper .normalMediumTitle {
        margin-bottom: 2.586vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols {
        width: calc(100% + 3.448vw);
        margin-left: -1.724vw;
        margin-top: 8.621vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol {
        width: calc(100% - 3.448vw);
        margin: 0 1.724vw;
        text-align: center;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol:first-child {
        margin-bottom: 5.172vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .dottedLine svg {
        height: 3px;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .dottedLine svg line {
        stroke: #ffffff;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col {
        padding-right: 3.448vw;
        height: 18.965vw;
        padding-top: 4.655vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col:nth-child(2) {
        padding-left: 3.448vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .tinyTitle {
        margin-bottom: 0.862vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line {
        height: 12.069vw;
        left: auto;
        position: absolute;
        top: 50%;
        width: 3px;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line svg {
        width: 3px;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .cols .col .line svg line {
        stroke-width: 3px;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .ingredients {
        margin-top: 4.827vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .ingredients .tinyTitle {
        margin-bottom: 1.724vw;
    }
    .beerInfoOverlay .innerContainer .innerWrapper .subCols .subCol .extraInfo {
        margin-top: 1.724vw;
    }
}
.aboutBlock .contentWrapper {
    position: relative;
    z-index: 1;
    text-align: center;
}
.aboutBlock .contentWrapper .smallTitle {
    display: block;
    margin-bottom: 0.625vw;
}
.aboutBlock .contentWrapper .mediumTitle {
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.aboutBlock .contentWrapper .mediumTitle.is-inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.aboutBlock .contentWrapper .mediumTitle.is-inview .tinyTitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.aboutBlock .contentWrapper .mediumTitle .tinyTitle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.5625vw;
    width: 12.5vw;
    padding: 0 0.3125vw;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.aboutBlock .contentWrapper .mediumTitle .tinyTitle.small {
    width: 6.25vw;
    -webkit-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -moz-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -ms-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -o-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
}
.aboutBlock .contentWrapper .cols {
    margin: 2.5vw 0 5vw 0;
    width: calc(100% + 1vw);
    margin-left: -0.5vw;
    text-align: left;
}
.aboutBlock .contentWrapper .cols.is-inview .col {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.aboutBlock .contentWrapper .cols .col {
    width: calc(50% - 1vw);
    margin: 0 0.5vw;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.aboutBlock .contentWrapper .cols .col:last-child {
    -webkit-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -moz-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -ms-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -o-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.aboutBlock .contentWrapper .lines.is-inview .line,
.aboutBlock .contentWrapper .lines.is-inview .dottedLine {
    width: 100%;
}
.aboutBlock .contentWrapper .lines .line {
    height: 1px;
    background: #1d1d1d;
    margin: 0 auto;
    margin-bottom: 0.625vw;
    width: 0;
    -webkit-transition: width 0.45s 0s ease-out;
    -moz-transition: width 0.45s 0s ease-out;
    -o-transition: width 0.45s 0s ease-out;
    transition: width 0.45s 0s ease-out;
}
.aboutBlock .contentWrapper .lines .dottedLine {
    width: 0;
    margin: 0 auto;
    -webkit-transition: width 0.45s 0.3s ease-out;
    -moz-transition: width 0.45s 0.3s ease-out;
    -o-transition: width 0.45s 0.3s ease-out;
    transition: width 0.45s 0.3s ease-out;
}
.aboutBlock .contentWrapper .lines .dottedLine svg {
    width: 100%;
    height: auto;
    display: block;
}
.aboutBlock .contentWrapper .lines .dottedLine svg line {
    fill: none;
    stroke: #1d1d1d;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
@media all and (max-width: 1080px) {
    .aboutBlock .contentWrapper .smallTitle {
        margin-bottom: 0.926vw;
    }
    .aboutBlock .contentWrapper .mediumTitle {
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .aboutBlock .contentWrapper .mediumTitle .tinyTitle {
        display: none;
    }
    .aboutBlock .contentWrapper .cols {
        margin: 4.63vw 0 9.259vw 0;
        width: calc(100% + 1.481vw);
        margin-left: -0.7405vw;
    }
    .aboutBlock .contentWrapper .cols .col {
        width: calc(50% - 1.481vw);
        margin: 0 0.7405vw;
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .aboutBlock .contentWrapper .lines .line {
        margin-bottom: 0.926vw;
    }
}
@media all and (max-width: 580px) {
    .aboutBlock .contentWrapper .smallTitle {
        margin-bottom: 1.724vw;
    }
    .aboutBlock .contentWrapper .mediumTitle {
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .aboutBlock .contentWrapper .mediumTitle .tinyTitle {
        display: none;
    }
    .aboutBlock .contentWrapper .cols {
        margin: 6.481vw 0 17.241vw 0;
        width: calc(100% + 2.759vw);
        margin-left: -1.3795vw;
    }
    .aboutBlock .contentWrapper .cols .col {
        width: calc(100% - 2.759vw);
        margin: 0 1.3795vw;
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .aboutBlock .contentWrapper .cols .col:first-child {
        margin-bottom: 5.517vw;
    }
    .aboutBlock .contentWrapper .lines .line {
        margin-bottom: 1.724vw;
    }
    .aboutBlock .contentWrapper .lines .dottedLine svg {
        height: 3px;
    }
    .aboutBlock .contentWrapper .lines .dottedLine svg line {
        stroke-width: 3px;
    }
}
.availabilityBlock .contentWrapper {
    position: relative;
    z-index: 1;
    text-align: center;
}
.availabilityBlock .contentWrapper .dottedLine {
    width: 100%;
    margin: 1.25vw 0;
}
.availabilityBlock .contentWrapper .dottedLine svg {
    display: block;
    width: 100%;
    height: 1px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.availabilityBlock .contentWrapper .dottedLine svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.availabilityBlock .contentWrapper .locations {
    margin: 1.25vw 0;
    width: calc(100% + 1vw);
    margin-left: -0.5vw;
    text-align: left;
}
.availabilityBlock .contentWrapper .locations .location {
    width: calc(25% - 1vw);
    margin: 0 0.5vw;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    padding-right: 3.125vw;
    padding-left: 1.25vw;
}
.availabilityBlock .contentWrapper .locations .location:last-child .line.right {
    left: auto;
    right: 0;
}
.availabilityBlock .contentWrapper .locations .location:nth-child(2) .innerLocation {
    -webkit-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -moz-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -ms-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -o-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.availabilityBlock .contentWrapper .locations .location:nth-child(3) .innerLocation {
    -webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.availabilityBlock .contentWrapper .locations .location:nth-child(4) .innerLocation {
    -webkit-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -moz-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -ms-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    -o-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
    transition: opacity 0.45s 0.45s, transform 0.45s 0.45s, pointer-events 0.45s 0.45s;
}
.availabilityBlock .contentWrapper .locations .location.is-inview .innerLocation {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.availabilityBlock .contentWrapper .locations .location .normalTitle {
    margin: 0.625vw 0;
}
.availabilityBlock .contentWrapper .locations .location .line {
    height: 11.875vw;
    left: 0;
    position: absolute;
    top: -0.5vw;
    width: 1px;
}
.availabilityBlock .contentWrapper .locations .location .line svg {
    display: block;
    width: 1px;
    height: 100%;
}
.availabilityBlock .contentWrapper .locations .location .line svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
.availabilityBlock .contentWrapper .locations .location .innerLocation {
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.availabilityBlock .contentWrapper .cols {
    margin: 2.5vw 0;
    width: calc(100% + 1vw);
    margin-left: -0.5vw;
    text-align: left;
}
.availabilityBlock .contentWrapper .cols.is-inview .col {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.availabilityBlock .contentWrapper .cols.is-inview .col .mediumTitle .tinyTitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.availabilityBlock .contentWrapper .cols .col {
    width: calc(50% - 1vw);
    margin: 0 0.5vw;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.availabilityBlock .contentWrapper .cols .col:last-child {
    -webkit-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -moz-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -ms-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -o-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.availabilityBlock .contentWrapper .cols .col .mediumTitle .tinyTitle {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.5625vw;
    width: 3.75vw;
    padding: 0 0.3125vw;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.availabilityBlock .contentWrapper .cols .col .intro {
    width: 25vw;
    margin-top: 0.625vw;
}
.availabilityBlock .contentWrapper .cols .col .form {
    margin-top: 1.25vw;
    position: relative;
    padding: 0 0.625vw;
}
.availabilityBlock .contentWrapper .cols .col .form.submitted form {
    opacity: 0;
    pointer-events: none;
}
.availabilityBlock .contentWrapper .cols .col .form.submitted .successMessage {
    opacity: 1;
    pointer-events: inherit;
}
.availabilityBlock .contentWrapper .cols .col .form form {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s ease-out;
    -moz-transition: opacity 0.3s 0s ease-out;
    -o-transition: opacity 0.3s 0s ease-out;
    transition: opacity 0.3s 0s ease-out;
}
.availabilityBlock .contentWrapper .cols .col .form form .formTitle {
    display: none;
}
.availabilityBlock .contentWrapper .cols .col .form form .field {
    display: inline-block;
    vertical-align: middle;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.input {
    width: 82%;
    margin: 0;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.input.invalid input {
    border-color: #cb4242;
    color: #cb4242;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.input .input {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    height: 2.5vw;
    line-height: 2.5vw;
    border-radius: 0 !important;
    padding: 0;
    font-size: 0.875vw;
    font-family: "Eczar", sans-serif;
    -webkit-transition: border-color 0.3s, color 0.3s;
    -moz-transition: border-color 0.3s, color 0.3s;
    -ms-transition: border-color 0.3s, color 0.3s;
    -o-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.captcha {
    display: none;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit {
    width: 18%;
    margin: 0;
    text-align: right;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit {
    width: 2.75vw;
    height: 2.75vw;
    background: #ffffff;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    color: #1d1d1d;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity 0.3s 0s ease-out;
    -moz-transition: opacity 0.3s 0s ease-out;
    -o-transition: opacity 0.3s 0s ease-out;
    transition: opacity 0.3s 0s ease-out;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover {
    opacity: 0.6;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
    margin-top: -1.875vw;
    margin-left: 1.875vw;
    opacity: 0;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
    margin-top: 0.0625vw;
    margin-left: 0;
    opacity: 1;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:before {
    content: "\e902";
    display: block;
    font-size: 1vw;
    font-family: "icomoon" !important;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: 0.0625vw;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:after {
    content: "\e902";
    display: block;
    font-size: 1vw;
    font-family: "icomoon" !important;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: 0.0625vw;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-top: 1.875vw;
    margin-left: -1.875vw;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -moz-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -ms-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    -o-transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
    transition: margin-top 0.3s, margin-left 0.3s, opacity 0.3s;
}
.availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit .sendText {
    display: none;
}
.availabilityBlock .contentWrapper .cols .col .form form .field .required {
    display: none;
}
.availabilityBlock .contentWrapper .cols .col .form form .googleText {
    margin-top: 1.25vw;
    width: 100%;
    padding-right: 6.25vw;
}
.availabilityBlock .contentWrapper .cols .col .form form .googleText p {
    font-size: 0.75vw;
    line-height: 1.25vw;
}
.availabilityBlock .contentWrapper .cols .col .form form .googleText p a {
    color: #ffffff;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s ease-out;
    -moz-transition: opacity 0.3s 0s ease-out;
    -o-transition: opacity 0.3s 0s ease-out;
    transition: opacity 0.3s 0s ease-out;
}
.availabilityBlock .contentWrapper .cols .col .form form .googleText p a:hover {
    opacity: 0.6;
}
.availabilityBlock .contentWrapper .cols .col .form .successMessage {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 1.25vw;
    background: #262626;
    border-radius: 0.625vw;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
    -ms-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
    -o-transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
    transition: opacity 0.3s 0s, pointer-events 0.3s 0s;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit {
    opacity: 1;
    -webkit-transition: opacity 0.15s 0s ease-out;
    -moz-transition: opacity 0.15s 0s ease-out;
    -o-transition: opacity 0.15s 0s ease-out;
    transition: opacity 0.15s 0s ease-out;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover {
    opacity: 1;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
    margin-top: -0.0625vw;
    margin-left: 0;
    opacity: 1;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
    margin-top: 1.875vw;
    margin-left: -1.875vw;
    opacity: 1;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:active {
    opacity: 0.3;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .googleText p a {
    opacity: 1;
    -webkit-transition: opacity 0.15s 0s ease-out;
    -moz-transition: opacity 0.15s 0s ease-out;
    -o-transition: opacity 0.15s 0s ease-out;
    transition: opacity 0.15s 0s ease-out;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .googleText p a:hover {
    opacity: 1;
}
html.touch .availabilityBlock .contentWrapper .cols .col .form form .googleText p a:active {
    opacity: 0.3;
}
@media all and (max-width: 1080px) {
    .availabilityBlock .contentWrapper.smaller {
        padding: 0 2.778vw;
    }
    .availabilityBlock .contentWrapper .dottedLine {
        margin: 1.852vw 0;
    }
    .availabilityBlock .contentWrapper .locations {
        margin: 1.852vw 0;
        width: calc(100% + 1.481vw);
        margin-left: -0.7405vw;
    }
    .availabilityBlock .contentWrapper .locations .location {
        width: calc(25% - 1.481vw);
        margin: 0 0.7405vw;
        padding-right: 4.63vw;
        padding-left: 1.852vw;
    }
    .availabilityBlock .contentWrapper .locations .location .normalTitle {
        margin: 0.926vw 0;
    }
    .availabilityBlock .contentWrapper .locations .location .line {
        height: 17.592vw;
        left: 0;
        position: absolute;
        top: -0.741vw;
        width: 1px;
    }
    .availabilityBlock .contentWrapper .locations .location .innerLocation {
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .availabilityBlock .contentWrapper .cols {
        margin: 3.704vw 0;
        width: calc(100% + 1.481vw);
        margin-left: -0.7405vw;
    }
    .availabilityBlock .contentWrapper .cols .col {
        width: calc(50% - 1.481vw);
        margin: 0 0.7405vw;
        -webkit-transform: translateY(3.125vw);
        -moz-transform: translateY(3.125vw);
        -o-transform: translateY(3.125vw);
        -ms-transform: translateY(3.125vw);
        transform: translateY(3.125vw);
    }
    .availabilityBlock .contentWrapper .cols .col .mediumTitle .tinyTitle {
        display: none;
    }
    .availabilityBlock .contentWrapper .cols .col .intro {
        width: 29.166vw;
        margin-top: 0.926vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form {
        margin-top: 1.852vw;
        padding: 0 0.926vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.input .label {
        font-size: 2.222vw;
        line-height: 2.593vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.input .input {
        color: #ffffff;
        height: 3.704vw;
        line-height: 3.704vw;
        margin-top: -0.093vw;
        font-size: 1.296vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit {
        width: 5vw;
        height: 5vw;
        margin-top: -0.093vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
        margin-top: -3.704vw;
        margin-left: 3.704vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
        margin-top: 0.093vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:before {
        font-size: 1.481vw;
        margin-top: 0.093vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:after {
        font-size: 1.481vw;
        margin-top: 0.093vw;
        margin-top: 3.704vw;
        margin-left: -3.704vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .googleText {
        margin-top: 1.852vw;
        width: 29.166vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .googleText p {
        font-size: 1.111vw;
        line-height: 1.852vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form .successMessage {
        padding: 1.852vw;
        border-radius: 0.926vw;
    }
    html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
        margin-top: -0.093vw;
        margin-left: 0;
    }
    html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
        margin-top: 3.704vw;
        margin-left: -3.704vw;
    }
}
@media all and (max-width: 580px) {
    .availabilityBlock .contentWrapper.smaller {
        padding: 0 5.172vw;
    }
    .availabilityBlock .contentWrapper .cols {
        margin: 6.897vw 0;
        width: calc(100% + 2.759vw);
        margin-left: -1.3795vw;
    }
    .availabilityBlock .contentWrapper .cols .col {
        width: calc(100% - 2.759vw);
        margin: 0 1.3795vw;
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .availabilityBlock .contentWrapper .cols .col:first-child {
        margin-bottom: 5.172vw;
    }
    .availabilityBlock .contentWrapper .cols .col .intro {
        width: 100%;
        margin-top: 1.724vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form {
        margin-top: 3.448vw;
        padding: 0 1.724vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.input .label {
        font-size: 4.138vw;
        line-height: 4.828vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.input .input {
        height: 6.897vw;
        line-height: 6.897vw;
        margin-top: -0.172vw;
        font-size: 3.448vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit {
        width: 9.311vw;
        height: 9.311vw;
        margin-top: -0.172vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
        margin-top: -6.897vw;
        margin-left: 6.897vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
        margin-top: 0.172vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:before {
        font-size: 2.759vw;
        margin-top: 0.172vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:after {
        font-size: 2.759vw;
        margin-top: 0.172vw;
        margin-top: 6.897vw;
        margin-left: -6.897vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .googleText {
        margin-top: 3.448vw;
        width: 100%;
    }
    .availabilityBlock .contentWrapper .cols .col .form form .googleText p {
        font-size: 2.759vw;
        line-height: 4.138vw;
    }
    .availabilityBlock .contentWrapper .cols .col .form .successMessage {
        padding: 3.448vw;
        border-radius: 1.724vw;
    }
    html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:before {
        margin-top: -0.172vw;
        margin-left: 0;
    }
    html.touch .availabilityBlock .contentWrapper .cols .col .form form .field.submit .submit:hover:after {
        margin-top: 6.897vw;
        margin-left: -6.897vw;
    }
}
.sequenceFullwidthBlock {
    height: 100vh;
    position: relative;
    margin: 0 !important;
    opacity: 0;
}
.sequenceFullwidthBlock .canvasSequenceWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sequenceFullwidthBlock .canvasSequenceWrapper canvas {
    display: block;
}
@media all and (max-width: 1080px) {
    .sequenceFullwidthBlock {
        height: 92.59vw;
    }
}
@media all and (max-width: 580px) {
    .sequenceFullwidthBlock {
        height: 103.446vw;
    }
}
.locationsBlock.is-inview .intro .col {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.locationsBlock.is-inview .sliderWrapper {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: inherit;
}
.locationsBlock.is-inview .lines .line,
.locationsBlock.is-inview .lines .dottedLine {
    width: 100%;
}
.locationsBlock .intro .col {
    display: inline-block;
    vertical-align: top;
    width: 24.375vw;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -moz-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -ms-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    -o-transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
    transition: opacity 0.45s, transform 0.45s, pointer-events 0.45s;
}
.locationsBlock .intro .col:last-child {
    -webkit-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -moz-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -ms-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    -o-transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
    transition: opacity 0.45s 0.15s, transform 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.locationsBlock .intro .col .smallTitle {
    margin-bottom: 1.25vw;
    margin-top: 0.625vw;
}
.locationsBlock .intro .col .text a {
    color: #ffffff;
}
.locationsBlock .sliderWrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 3000px;
    margin-left: -1500px;
    margin-top: 2.5vw;
    opacity: 0;
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    transform: translateY(3.125vw);
    pointer-events: none;
    -webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    -o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
    transition: opacity 0.45s 0.3s, transform 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.locationsBlock .sliderWrapper .slider {
    cursor: grab;
    width: max-content;
}
.locationsBlock .sliderWrapper .slider .slide {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding-right: 5vw;
    position: relative;
}
.locationsBlock .sliderWrapper .slider .slide .normalMediumTitle {
    display: block;
}
.locationsBlock .sliderWrapper .slider .slide .innerContent {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.locationsBlock .sliderWrapper .slider .slide .innerContent.link {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s ease-out;
    -moz-transition: opacity 0.3s 0s ease-out;
    -o-transition: opacity 0.3s 0s ease-out;
    transition: opacity 0.3s 0s ease-out;
}
.locationsBlock .sliderWrapper .slider .slide .innerContent.link:hover {
    opacity: 0.6;
}
.locationsBlock .sliderWrapper .slider .slide .info {
    margin-top: 0.3125vw;
    display: block;
}
.locationsBlock .sliderWrapper .slider .slide .info .icon {
    width: 1.375vw;
    margin-right: 0.625vw;
    display: inline-block;
    vertical-align: top;
}
.locationsBlock .sliderWrapper .slider .slide .info .icon svg {
    display: block;
    width: 100%;
    height: auto;
}
.locationsBlock .sliderWrapper .slider .slide .info .icon svg path,
.locationsBlock .sliderWrapper .slider .slide .info .icon svg polygon {
    fill: #ffffff;
    opacity: 0.4;
}
.locationsBlock .sliderWrapper .slider .slide .info .tinyTitle {
    display: inline-block;
    vertical-align: top;
}
.locationsBlock .lines {
    margin-top: 2.5vw;
}
.locationsBlock .lines .line {
    height: 1px;
    background: #ffffff;
    margin: 0 auto;
    margin-bottom: 0.625vw;
    width: 0;
    -webkit-transition: width 0.45s 0.45s ease-out;
    -moz-transition: width 0.45s 0.45s ease-out;
    -o-transition: width 0.45s 0.45s ease-out;
    transition: width 0.45s 0.45s ease-out;
}
.locationsBlock .lines .dottedLine {
    width: 0;
    margin: 0 auto;
    -webkit-transition: width 0.45s 0.6s ease-out;
    -moz-transition: width 0.45s 0.6s ease-out;
    -o-transition: width 0.45s 0.6s ease-out;
    transition: width 0.45s 0.6s ease-out;
}
.locationsBlock .lines .dottedLine svg {
    width: 100%;
    height: auto;
    display: block;
}
.locationsBlock .lines .dottedLine svg line {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 2.7;
    stroke-dashoffset: 2.7;
    animation: dottedLineAnim 0.6s infinite linear;
}
@media all and (max-width: 1080px) {
    .locationsBlock .intro .col {
        width: 36.111vw;
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .locationsBlock .intro .col .smallTitle {
        margin-bottom: 1.852vw;
        margin-top: 0.926vw;
    }
    .locationsBlock .sliderWrapper {
        margin-top: 3.704vw;
        -webkit-transform: translateY(4.63vw);
        -moz-transform: translateY(4.63vw);
        -o-transform: translateY(4.63vw);
        -ms-transform: translateY(4.63vw);
        transform: translateY(4.63vw);
    }
    .locationsBlock .sliderWrapper .slider .slide {
        padding-right: 7.407vw;
    }
    .locationsBlock .sliderWrapper .slider .slide .info {
        margin-top: 0.463vw;
    }
    .locationsBlock .sliderWrapper .slider .slide .info .icon {
        width: 2.037vw;
        margin-right: 0.926vw;
    }
    .locationsBlock .lines {
        margin-top: 3.704vw;
    }
    .locationsBlock .lines .line {
        margin-bottom: 0.926vw;
    }
}
@media all and (max-width: 580px) {
    .locationsBlock .intro .col {
        width: 100%;
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .locationsBlock .intro .col:last-child {
        margin-top: 4.138vw;
    }
    .locationsBlock .intro .col .smallTitle {
        margin-bottom: 3.448vw;
        margin-top: 1.724vw;
    }
    .locationsBlock .sliderWrapper {
        margin-top: 6.897vw;
        -webkit-transform: translateY(8.621vw);
        -moz-transform: translateY(8.621vw);
        -o-transform: translateY(8.621vw);
        -ms-transform: translateY(8.621vw);
        transform: translateY(8.621vw);
    }
    .locationsBlock .sliderWrapper .slider .slide {
        padding-right: 13.793vw;
    }
    .locationsBlock .sliderWrapper .slider .slide .info {
        margin-top: 0.862vw;
    }
    .locationsBlock .sliderWrapper .slider .slide .info .icon {
        width: 3.793vw;
        margin-right: 1.724vw;
    }
    .locationsBlock .lines {
        margin-top: 3.704vw;
    }
    .locationsBlock .lines .line {
        margin-bottom: 0.926vw;
    }
}