.pushNone {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.pushLeft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pushRight {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.pushTop {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pushBottom {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.pushNoneY {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.transitionDelay0 {
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.transition {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.transitionSlow {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.transition2x {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.transitionDelay1x {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.transitionDelay2x {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.transitionDelay3x {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.fillModeBoth {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.fillModeBackwards {
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.fillModeForwards {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.scrollTransition {
    -webkit-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
    -moz-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
    -ms-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
    -o-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
    transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media all and (min-width:1024px) {
    .blindHover {
        overflow: hidden
    }

    .blindHover span {
        position: relative;
        display: inline-block;
        color: #000;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .blindHover span:before {
        content: attr(data-hover);
        position: absolute;
        top: 100%;
        color: #000;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .blindHover:hover span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .sidebar .langWrapper a {
        overflow: hidden;
        line-height: 12px
    }

    .sidebar .langWrapper a span {
        position: relative;
        display: inline-block;
        color: #000;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .sidebar .langWrapper a span:before {
        content: attr(data-hover);
        position: absolute;
        top: 100%;
        color: #000;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .sidebar .langWrapper a:hover span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .mainWrapper section.intro .bottomBlock .bigLabel div:first-child {
        -webkit-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -moz-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -ms-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -o-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .sidebar .langWrapper a span:before {
        top: auto;
        right: 100%
    }

    .sidebar .langWrapper a:hover span {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .mainWrapper section.intro .bottomBlock .bigLabel div:first-child {
        -webkit-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -moz-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -ms-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -o-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .mainWrapper section.end .textBlock div {
        -webkit-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -moz-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -ms-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -o-transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all .7s cubic-bezier(0.6, 0, 0.4, 1);
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .mainWrapper section:not(.active).end .textBlock div {
        margin-bottom: 3.7037037037037vh
    }

    .mainWrapper section.active+section:not(.active).intro .bottomBlock .bigLabel div:first-child {
        margin-bottom: .74074074074074vh
    }

    .mainWrapper section.active+section:not(.active).end .textBlock div {
        margin-bottom: 1.2345679012346vh
    }

    footer .copyright:before,
    body.loaded .lb-hero1:before,
    body.loaded .lb-hero1:after,
    .mainWrapper section.intro .topBlock .mainImage:before,
    .mainWrapper section.intro .bottomBlock .bigLabel div span:before,
    footer .copyright:after,
    .mainWrapper section.intro .topBlock .mainImage:after{
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        z-index: 1;
        right: 0;
    }

    footer .copyright:after,
    .mainWrapper section.intro .topBlock .mainImage:after,
    .mainWrapper section.intro .bottomBlock .bigLabel div span:after{
        background: #000000;
    }

    .mainWrapper section.intro .topBlock .mainImage {
        position: relative;
        width: 100vw
    }

    .mainWrapper section.intro .topBlock .mainImage>img {
        z-index: 2;
        position: absolute;
        left: 16.4vw
    }

    .btn div {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .btn:after {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .btn:hover div,
    .btn.active div {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .btn:hover:after,
    .btn.active:after {
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%) !important;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%) !important
    }

    header .logoWrapper {
        display: inline-block;
        overflow: hidden
    }

    header .logoWrapper:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0
    }

    .sidebar {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .pager.bottom .bullets.s1:before {
        left: 0;
        width: 10px
    }

    .pager.bottom .bullets.s1.s2:before {
        width: calc(3.5vw - -5px)
    }

    .pager.bottom .bullets.s2:not(.s1):before {
        left: calc(3.5vw - 5px);
        width: 10px
    }

    .pager.bottom .bullets.s2.s3:before {
        left: calc(3.5vw - 5px);
        width: calc(3.5vw - -4px)
    }

    .pager.bottom .bullets.s3:not(.s1):not(.s2):before {
        left: calc(7vw - 11px);
        width: 10px
    }

    .pager.bottom .bullets.s3.s4:before {
        left: calc(3.5vw - 5px);
        width: calc(3.5vw - -4px) !important
    }

    .pager.bottom .bullets.s4:not(.s1):not(.s2):not(.s3):before {
        left: calc(10.5vw - 16.5px);
        width: 10px !important
    }

    .pager.bottom .bullets.s1.s4:before {
        width: 100%
    }

    .pager.bottom .bullets,
    .pager.left .bullets {
        position: relative
    }

    .pager.bottom .bullets:before,
    .pager.left .bullets:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 11px;
        background: #000;
        top: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .pager.bottom .bullets.s1:before,
    .pager.left .bullets.s1:before {
        width: 0
    }

    .pager.bottom .bullets .bullet:before,
    .pager.left .bullets .bullet:before {
        width: 0;
        border-left-width: 0;
        border-right-width: 0
    }

    .pager.left .bullets.s1:before {
        width: 11px;
        top: 0
    }

    .pager.left .bullets.s1.s2:before {
        height: calc(14.567901vh - -22px)
    }

    .pager.left .bullets.s2:not(.s1):before {
        top: calc(14.567901vh - -11px);
        height: 11px
    }

    .pager.left .bullets.s2.s3:before {
        top: calc(14.567901vh - -11px);
        height: calc(14.567901vh - -22px)
    }

    .pager.left .bullets.s3:not(.s1):not(.s2):before {
        top: calc(29.135802vh - -22px);
        height: 11px
    }

    .pager.left .bullets.s3.s4:before {
        top: calc(14.567901vh - -11px);
        height: calc(14.567901vh - -22px)
    }

    .pager.left .bullets.s4:not(.s1):not(.s2):not(.s3):before {
        top: calc(43.703703vh - -22px);
        height: 11px
    }

    .pager.left .bullets.s1.s4:before {
        width: 100%
    }

    .pager.left .bullets.s1:before {
        width: 0
    }

    .pager .labelWrapper .label {
        background: 0;
        position: relative;
        color: rgba(255, 255, 255, 0)
    }

    .pager .labelWrapper .label:before {
        content: '';
        display: block;
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: #000;
        z-index: -1
    }

    body.loaded .pager .labelWrapper .label {
        color: #fff;
        -webkit-transition: all .5s .5s;
        -moz-transition: all .5s .5s;
        -ms-transition: all .5s .5s;
        -o-transition: all .5s .5s;
        transition: all .5s .5s
    }

    body.loaded .pager .labelWrapper .label:before {
        width: 100%;
        -webkit-transition: all .5s 0;
        -moz-transition: all .5s 0;
        -ms-transition: all .5s 0;
        -o-transition: all .5s 0;
        transition: all .5s 0
    }

    body.loaded .pager.bottom .bullets:before,
    body.loaded .pager.left .bullets:before {
        width: 11px
    }

    body.loaded .pager.bottom .bullets .bullet:before,
    body.loaded .pager.left .bullets .bullet:before {
        width: 100%;
        border-left-width: 2px;
        border-right-width: 2px;
        -webkit-transition: all .5s 0;
        -moz-transition: all .5s 0;
        -ms-transition: all .5s 0;
        -o-transition: all .5s 0;
        transition: all .5s 0
    }

    body.loaded .sidebar {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .5s .5s, border-left .5s 0;
        -moz-transition: all .5s .5s, border-left .5s 0;
        -ms-transition: all .5s .5s, border-left .5s 0;
        -o-transition: all .5s .5s, border-left .5s 0;
        transition: all .5s .5s, border-left .5s 0
    }

    body.loaded footer .copyright,
    body.loaded .mainWrapper section.intro .topBlock .mainImage,
    body.loaded .mainWrapper section.intro .bottomBlock .bigLabel div span{
        overflow: hidden
    }

    body.loaded footer .copyright:after,
    body.loaded .mainWrapper section.intro .topBlock .mainImage:after,
    body.loaded .mainWrapper section.intro .bottomBlock .bigLabel div span:after {
        width: 100%
    }

    body.loaded footer .copyright:before,
    body.loaded .mainWrapper section.intro .topBlock .mainImage:before,
    body.loaded .mainWrapper section.intro .bottomBlock .bigLabel div span:before,
    body.loaded footer .copyright:after,
    body.loaded .mainWrapper section.intro .topBlock .mainImage:after {
        -webkit-transform: translateX(102%);
        -moz-transform: translateX(102%);
        -ms-transform: translateX(102%);
        -o-transform: translateX(102%);
        transform: translateX(102%);
        -webkit-transition: width .5s 0s, transform .5s .5s;
        -moz-transition: width .5s 0s, transform .5s .5s;
        -ms-transition: width .5s 0s, transform .5s .5s;
        -o-transition: width .5s 0s, transform .5s .5s;
        transition: width .5s 0s, transform .5s .5s
    }

    body.loaded .mainWrapper section.intro .topBlock .mainImage {
        width: calc(100vw - 55px);
        -webkit-transition: width .5s .5s;
        -moz-transition: width .5s .5s;
        -ms-transition: width .5s .5s;
        -o-transition: width .5s .5s;
        transition: width .5s .5s;
        width: 82%;
        margin: 0 auto;
    }

    body.loaded header .logoWrapper:after {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .5s .5s;
        -moz-transition: all .5s .5s;
        -ms-transition: all .5s .5s;
        -o-transition: all .5s .5s;
        transition: all .5s .5s
    }
}

@-webkit-keyframes preloader {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes preloader {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.preloader img {
    -webkit-animation: preloader 4s ease;
    animation: preloader 4s ease
}

.scrollWrapper[data-scrollbar=true] {
    height: 100%
}