@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');
@font-face {
    font-family: 'Halvar Breitschrift';
    src: url('/static/fonts/HalvarBreit-Rg.woff2') format('woff2'),
        url('/static/fonts/HalvarBreit-Rg.woff') format('woff'),
        url('/static/fonts/HalvarBreit-Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Halvar Breitschrift';
    src: url('/static/fonts/HalvarBreit-Md.woff2') format('woff2'),
        url('/static/fonts/HalvarBreit-Md.woff') format('woff'),
        url('/static/fonts/HalvarBreit-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face{
    font-family:lightcase;
    src:url("/static/fonts/lightcase.eot?55356177");
    src:url("/static/fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"),
        url("/static/fonts/lightcase.woff?55356177") format("woff"),
        url("/static/fonts/lightcase.ttf?55356177") format("truetype"),
        url("/static/fonts/lightcase.svg?55356177#lightcase") format("svg");
    font-weight: 400;
    font-style: normal
}

*{margin:0;padding:0;outline:none;scrollbar-width: none;}
*::-webkit-scrollbar { display: none; }
html, body { overflow: hidden; height:100%;width:100%;overscroll-behavior: none;position: fixed;}
body{background: #202020;color:#FFFFFF;font:300 22px'Montserrat', sans-serif;line-height: 118.5%;letter-spacing: -0.02em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
ul { list-style: none;}
ul,ol,li {margin:0px; padding:0px; list-style:none;}
table {  padding: 0px; border-collapse: collapse;}
td, th { padding: 0px; border-collapse: collapse;}
img { border: 0px; display: inline;max-width: 100%;}
hr, form {margin: 0px; padding: 0px;}
hr { border: 0; border-top: 1px solid #CCC;display: block;height: 1px;margin: 15px 0 10px;padding: 0;}
input, div { outline: none;}
input,textarea {-webkit-appearance: none;border:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='submit'], button {cursor:pointer;}
textarea { max-width: 100%; }
[data-jsopen], [onclick] { cursor: pointer; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
b { font-weight: 500; }

header,nav,section,article,aside,footer{display:block}
::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
header,nav,section,article,aside,footer{display:block}
div,span,header,nav,section,article,aside,footer{moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.ws { white-space: nowrap; display: inline-block; vertical-align: top; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.none { display: none !important; }
.nowrap { text-overflow: ellipsis; white-space: nowrap; }
a{outline:none;color:#fff;border-bottom-color:#fff;text-decoration: none;}
.container {width: 84%;margin: 0px auto;height: 100%;padding: 0 50px;display: flex;position: relative;}
body:not(.loading) .container { opacity: 1 !important; }
::-webkit-scrollbar { width: 0px; height: 0px }
.mobile {display: none;}

.loading-content {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #202020;z-index: 10;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;pointer-events: none;transition: ease 0.6s;flex-direction: column;}
body.loading .loading-content { opacity: 1; visibility: visible; pointer-events: auto; }
.loading-img {width: 340px;position: relative;}
.loading-img-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #202020; transition: ease-out 0.3s; }
.loading-img img { width: 100%; }
.loading-num {margin-top: 48px;font-size: 45px;font-family: 'Halvar Breitschrift';}

#content { flex: 1 0; display: flex; flex-direction: column; }
.page {flex-direction: column;justify-content: center;height: 100%;display: flex;width: 100%;opacity: 0;visibility: hidden;pointer-events: none;position: absolute;}
.page:not(.active), .page:not(.active) * { pointer-events: none !important; }
.page.active {opacity: 1;visibility: visible;pointer-events: auto;z-index: 2;}
header {position: relative;height: 16vh;padding-top: 4vh;padding-bottom: 1vh;z-index: 5;}
header img {width: 8.7vw;min-width: 80px;}
#pages {flex: 1 0;padding-bottom: 2vh;display: flex;align-items: center;}
#pages-wrapper {width: 100%;position: relative;transition: ease 0.5s;}
#menu {width: 6vw;margin-top: 8.5vh;}
#menu a {font-size: 1vw;line-height: 100%;letter-spacing: 0;margin-bottom: 1.5vw;display: block;transition: color 0.3s;}
#menu a:hover { color: #56BD44; }
#menu a.active { font-weight: 500; color: #56BD44; }
.page-owl #pages-wrapper { transition: 0s; }

/* page 1 */
.title {font-size: 5vw;line-height: 1.11;text-transform: uppercase;font-family: 'Halvar Breitschrift';letter-spacing: -0.02em;margin-left: -6px;margin-bottom: 1.3vh;font-weight: 500;position: relative;}
.type { position: absolute; top: 0; }
.text {max-width: 47.23vw;margin-bottom: 8vh;font-size: 1.5vw;line-height: 1.22;}
.btn {background: #E1521F;width: 279px;height: 60px;display: inline-block;text-align: center;padding: 17px 0 0 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;transition: ease 0.5s;position: relative;font-size: 24px;}
.btn:hover { background: #56BD44; }
.btn span { position: relative; }
.green { color: #56BD44; }

/* logos */
.logo {height: 3.5vw;align-content: center;justify-content: center;display: flex;flex-direction: column;margin-right: 5.7vw;}
.logos {display: flex;margin-top: 2vh;}
.logo img { max-width: 152px; max-height: 100%; }

.owl-nav { display: none; }
.owl-carousel,
.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,
.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

:root{--animate-duration:2s;--animate-delay:2s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate__animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}
.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}
.animate__animated[class*=Out]{opacity:0}}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,-20px,0);transform:translate3d(-20px,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,-20px,0);transform:translate3d(-20px,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}
@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(20px,-20px,0);transform:translate3d(20px,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(20px,-20px,0);transform:translate3d(20px,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}
@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,20px,0);transform:translate3d(-20px,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,20px,0);transform:translate3d(-20px,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}
@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}
.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}}
.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}}
.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}
.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20px,-20px,0);transform:translate3d(-20px,-20px,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20px,-20px,0);transform:translate3d(-20px,-20px,0)}}
.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}
@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20px,-20px,0);transform:translate3d(20px,-20px,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20px,-20px,0);transform:translate3d(20px,-20px,0)}}
.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}
@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0)}}
.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}
@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20px,20px,0);transform:translate3d(-20px,20px,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20px,20px,0);transform:translate3d(-20px,20px,0)}}
.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 2010; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pswp img { max-width: none; }
.pswp--animate_opacity {  opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block;  will-change: opacity; transition: opacity 200ms cubic-bezier(0.4, 0, 0.22, 1) 0s; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank { background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }
.pswp__error-msg a { color: #CCC; text-decoration: underline; }
.pswp__share-tooltip a,.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}
.pswp__button{position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(/static/images/default-skin.png) no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){
	.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(/static/images/default-skin.svg)}
	.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}
.pswp__button--arrow--left{left:0}
.pswp__button--arrow--right{right:0}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}
.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}
.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__counter,.pswp__preloader{height:44px;top:0;position:absolute}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{left:0;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption small{font-size:11px;color:#BBB}
.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size: 20px;padding:10px;line-height:20px;color:#CCC;text-align: center;text-transform: uppercase;}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}
.pswp__preloader{width:44px;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active{opacity:1}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active .pswp__preloader__icn{background:url(/static/images/preloader.gif) no-repeat}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){
	.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{
	0%{ -webkit-transform:rotate(0);transform:rotate(0) }
	100%{ -webkit-transform:rotate(360deg);transform:rotate(360deg) }
}
@keyframes clockwise{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{
	0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
	50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
}
@keyframes donut-rotate{
	0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
	50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
}
.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
button.pswp__button.pswp__button--fs { display: none; }



.items {max-width: 64.7vw;white-space: nowrap;position: absolute;width: 100%;top: 0;opacity: 0;pointer-events: none;visibility: hidden;font-size: 0;}
.items.active {opacity: 1;pointer-events: auto;visibility: visible;}
.item {display: inline-block;vertical-align: top;cursor: pointer;width: 100%;}
.tab {font-size: 1.1vw;text-transform: uppercase;line-height: 100%;cursor: pointer;padding-bottom: 1px;margin-right: 3vw;white-space: nowrap;}
.owl-item:not([style]) .item,
.items:not(.owl-loaded) .item { width: calc((100% - 116px) / 3);margin-right: 58px; }
.owl-item:not([style]) { display: none; }
.item-img:before { content: ''; padding-bottom: 144.3%; display: block; }
.item-img {margin-bottom: 3vh;display: flex;}
.item-bottom {text-transform: uppercase;color: #E1521F;font-size: 1vw;margin-top: -19px;}
.item-link {font-weight: 500;font-size: 1.8vw;text-transform: uppercase;margin-bottom: 2.8vh;display: flex;flex-direction: column;align-items: flex-start;}
.item-link span {display: inline-block;border-bottom: 1px solid #fff;line-height: 92%;}
.all-items {position: relative; height: 100px;}
.tab span {opacity: 0.4 !important;transition: opacity 0.3s;}
.tab.active span, .tab:hover span {opacity: 1 !important;} .tab span { display: inline-block; }
.tabs {display: flex;align-items: center;width: 100%;margin-bottom: 2vw;overflow: scroll;padding-bottom: 1px;padding-top: 2vw;margin-top: -2vw;}
.projects {margin-top: 3px;width: calc(100% - 62px);}
.item:hover .item-link span { border-color: transparent; }
.tab.active {pointer-events: none;}
.tab:before {content: '';position: absolute;top: 100%;width: 0%;height: 1px;background: #56BD44;transition: ease 0.2s;}
.tab.active:before { width: 100%; }
.tab:last-child { margin-right: 0; }
.slider-control {position: absolute;left: calc(100% + 59px);white-space: nowrap;top: calc(50% - 70px);opacity: 0;transition: ease 0.4s;cursor: pointer;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.page.activeMini .slider-control { opacity: 1; }
.all-items.all-show .slider-control { opacity: 0; pointer-events: none; visibility: hidden; }
.c2 {font-size: 1.64vw;opacity: 0.5;}
.count {font-size: 2.25vw;font-family: 'Halvar Breitschrift';letter-spacing: -0.02em;line-height: 100%;}
.c1 { color: #56BD44; display: inline-block; margin-right: 2px; }
.slider-btn {width: 70px;height: 30px;margin-top: 31px;position: relative;left: -4px;top: -6px;transition: 0.3s;transform: scale(-1,1);}
.slider-btn:before { content: ''; width: 66px; height: 25px; background: url(/static/images/slider-btn.svg) 4px 4px no-repeat; display: block; transition: ease 0.3s; }
.item-end .slider-btn:before { transform: scale(-1, 1); }
.slider-control:hover .slider-btn {opacity: 0.7;transform: scale(-1,1) translateX(-4px);}

/* mail btn */
.link { text-transform: uppercase; display: inline-block; }
.link span {display: inline-block;border-bottom: 2px solid #fff;line-height: 97%;font-weight: 500;font-size: 2.3vw;}
.link span:hover { border-color: transparent; }
.link-blk { margin-top: -4px; }
#page4 .title { margin-bottom: 4vh; }

/* btn down */
.down {padding-bottom: 6vh;transition: ease 0.2s;}
.page-last .down { opacity: 0; pointer-events: none; transform: translateY(4px); }
.down-btn {bottom: 80px;width: 26px;height: 60px;cursor: pointer;background: url(/static/images/down.svg) no-repeat;transition: 0.3s;animation: down 2s ease-in-out infinite;}
.down-btn:hover { opacity: 0.6; }
@keyframes down {
    from { transform: translateY(0%); }
    50% { transform: translateY(10px); }
    to { transform: translateY(0%); }
}

.svg {position: fixed;z-index: -1;pointer-events: none;}
.svg:before { content: ''; display: block; padding-bottom: 158.37%; }
.svg svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#svg11 {top: 0;right: 0;width: 25.7vw;}
#svg21 {width: 58vw;bottom: 0;right: 0;}
#svg21:before { padding-bottom: 52.5%; }
#svg31 {width: 36vw;top: 0;left: 174px;right: 0;margin: auto;}
#svg31:before { padding-bottom: 23%; }
#svg32 {bottom: 0;right: 0;width: 24vw;}
#svg32:before { padding-bottom: 84%; }
#svg41 {height: 100%;width: 52vh;top: 0;left: calc(50% + 227px);}

#m1 { top: -6px; right: -6px; width: 231px; }
#m1:before { padding-bottom: 92%; }
#m21 { width: 340px; bottom: 0; right: 0; }
#m21:before { padding-bottom: 77.5%; }
#m31 { width: 301px; top: 0; left: 60px; right: 0; margin: auto; }
#m31:before { padding-bottom: 23%; }
#m32 { bottom: 0; right: 0; width: 272px; }
#m32:before { padding-bottom: 63%; }
#m41 { top: 0; right: 0; width: 275px; }
#m41:before { padding-bottom: 70%; }
#m42 { bottom: 0; right: 0; width: 275px; }
#m42:before { padding-bottom: 91%; }

.mobile-menu {position: fixed;right: 5vw;top: 42px;width: 50px;height: 50px;cursor: pointer;display: none;overflow: hidden;z-index: 5;}
.icon-left { transition-duration: 0.5s; top: 25px; left: 9px; } .icon-left:before { content: ""; top: -10px; }
.icon-left:after { content: ""; top: 10px; }
.icon-right { top: 25px; left: 24px; }
.icon-right:before { content: ""; top: -10px; background-color: #ffffff !important; }
.icon-right:after { content: ""; top: 10px; }
.icon-left, .icon-right,
.icon-left:before,
.icon-right:before,
.icon-left:after,
.icon-right:after { width: 16px; height: 1px; background-color: #ffffff; position: absolute; transition: ease 0.3s; }
.open-menu .icon-left, .open-menu .icon-right { background: transparent; }
.open-menu .icon-left:before { transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); }
.open-menu .icon-left:after { transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); }
.open-menu .icon-right:before {transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);}
.open-menu .icon-right:after { transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); }

.menu-background {z-index: 4;position: fixed;width: 100%;height: 100%;background: #202020;top: 0;left: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: ease 0.2s;}
.open-menu .menu-background { opacity: 1; visibility: visible; pointer-events: auto; }
.menu-content {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;visibility: hidden;pointer-events: none;transition: ease 0.2s;}
.menu-content a { font-weight: 300; font-size: 48px; line-height: 100%; margin-bottom: 46px; }
.menu-content a.active { color: #56BD44; font-weight: 500; }
body.open-menu .menu-content { opacity: 1; visibility: visible; pointer-events: auto; }

@keyframes pulse {
   from { transform: translateX(0px); }
   50% { transform: translateX(-26px);   }
   62% { transform: translateX(-26px);   }
   to   { transform: translateX(0px); }
}
.pulse { animation-name: pulse; animation-duration : 1s; animation-direction : alternate;}

#show-photo {position: fixed;transform: translateY(-20px);top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 70%);z-index: 11;transition: ease 0.4s;opacity: 0;visibility: hidden;/* pointer-events: none; */display: block;text-align: center;overscroll-behavior-y: contain;overflow: auto;-webkit-overflow-scrolling: touch;font-size: 0;}
#show-photo:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
#show-photo-background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); z-index: 10; transition: ease 0.2s; opacity: 0; visibility: hidden; pointer-events: none; }
body.photo-open #show-photo-background { opacity: 1; visibility: visible; pointer-events: auto; }
body.photo-open #show-photo {opacity: 1;visibility: visible;transform: translateY(0px);}
.full {display: none;font-size: 0;}
.full img {width: 100%;}
.full.active { display: block; }
.full .desktop { max-width: 1136px; }
.full .mobile { max-width: 358px; }
body.photo-open .show-photo-content { pointer-events: auto; }
.show-photo-content {pointer-events: none;position: relative;display: inline-block;vertical-align: middle;}

.show-photo-close { height: 50px; width: 46px; position: absolute; right: 11px; top: 6px; cursor: pointer; transition: ease 0.2s; z-index: 1;}
.show-photo-close:before,
.show-photo-close:after { content: ""; left: 4px; top: 17px; position: absolute; width: 42px; height: 1px; transition-timing-function: ease; transition-duration: 0.3s; transition-property: transform; background-color: rgb(255, 255, 255); border-radius: 4px; transform: translate3d(0px, 7px, 0px) rotate(45deg); }
.show-photo-close:after { transform: translate3d(0px, 7px, 0px) rotate(-45deg); }
.show-photo-close:hover { opacity: 0.7; }




@keyframes spinner-anim {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.lazy:not(.loaded) span:before { content: "";display: block; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 50%; border-right-color: rgba(255, 255, 255, 0.7); -webkit-animation: spinner-anim 0.6s linear infinite; animation: spinner-anim 0.6s linear infinite; }
.lazy:not(.loaded) img { opacity: 0; }
.lazy img { transition: 0.3s ease; }
.lazy.loaded img { opacity: 1; }
.lazy.loaded span { display: none; }
.lazy span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 30px; height: 30px; margin: auto; }
.lazy { position: relative; }
.all-items .lazy { background: rgb(255 255 255 / 4%);}
.full .desktop:not(.laoded) {width: 1136px;max-width: 100%;height: 710px;max-height: 100%;}
.full .mobile:not(.loaded) { width: 358px; max-width: 100%; height: 600px; max-height: 100%; }

@media screen and (max-width: 1600px){
    .loading-img { width: 290px; }
    .loading-num { margin-top: 35px; font-size: 37px; }
}

@media screen and (max-width: 1440px){
    #menu a { font-size: 14px; margin-bottom: 22px; }
    .container { width: auto; padding: 0 11.5vw; }
    .tab { font-size: 16px; margin-right: 48px;}
    .item-link { font-size: 27px; }
    .item-bottom { font-size: 14px; }
    .item-link span { line-height: 85%; }
    .item-link span:not(:last-child) { margin-bottom: 2px; }
}
@media screen and (max-width: 1280px){
    .items { max-width: none; }
    .loading-img { width: 250px; }
    .loading-num { margin-top: 30px; font-size: 34px; }
}
@media screen and (max-width: 1240px){
    .text { font-size: 21px; line-height: 118.52%; max-width: 660px; }
}
@media screen and (max-width: 1024px){
    .container { width: auto; padding: 0 8vw; }

    .mobile-menu {display: block;}
    .desktop {display: none;}
    .mobile {display: block;}
    #menu { display: none; }

    header { padding-top: 35px; }

    .title { font-size: 6vw; }
    .logo { height: 4vw; margin-right: 5vw; }
    .logos { margin-top: 4vh; }
    .link span { font-size: 2.6vw; }
    #page4 .title { margin-bottom: 3.5vh; }

    .slider-control {top: auto;bottom: 105px;position: fixed;left: auto;right: 33px;}
    .slider-btn { width: 57px; }
    .slider-btn:before { background-size: 43px auto; background-position: 11px 0; }
    .count { font-size: 24px; }
    .c2 { font-size: 18px; }
    .projects { width: auto; }

    .tabs { margin-bottom: 3vh; }
}
@media screen and (max-width: 1024px){
    .logo {flex: 0 0 33.333333%;margin-bottom: 3vh;height: 8vh;margin-right: 0;}
    .logos { flex-wrap: wrap; }
    .logo img { align-self: baseline; max-width: 129px; }
    .logo:last-child { margin-bottom: 0; }
}
@media screen and (max-width: 970px){
    .text {font-size: 18px;max-width: 572px;}
}

@media screen and (max-width: 959px){
    .owl-carousel .owl-stage-outer { overflow: visible; }
    .items { max-width: 88%; }
    .slider-control { bottom: 38px; right: 43px; }
    .tabs { width: calc(100% + 16vw); padding-left: 8vw; padding-right: 8vw; margin-left: -8vw; }
    .slider-control { display: none !important; }
}

@media screen and (max-width: 768px){
    .container { padding: 0 16px; }
    .title { font-size: 7vw; }
    .mobile-menu { right: 7px; top: 48px; }
    header { padding-top: 44px; }
    .link span { font-size: 3.7vw; }
    .tabs {width: calc(100% + 32px);padding-left: 16px;padding-right: 16px;margin-left: -16px;margin-top: 0;}
}
@media screen and (max-width: 640px){
    .title {font-size: 8.5vw;line-height: 1.21;margin-bottom: 2.4vh;}
	.text { margin-bottom: 9.4vh; }
    .link span { font-size: 4.5vw; border-width: 1px; line-height: 100%; }
    .menu-content { align-items: flex-start; margin-left: 16px; }
}
@media screen and (max-width: 579px){
    #page4 .title { font-size: 11vw; }
    .link span { font-size: 5.2vw; }
    .items { max-width: 71%; }
    .owl-carousel .owl-stage-outer { overflow: visible; }
    header { padding-top: 26px; }
    .mobile-menu { top: 29px; }
}
@media screen and (max-width: 560px){
    .logo { flex: 0 0 50%; }
    .loading-img { width: 210px; }
    .loading-num { margin-top: 21px; font-size: 28px; }
    .logo:nth-child(2) img, .logo:nth-child(4) img { zoom: 1.2; }
}
@media screen and (max-width: 425px){
    .logo img { max-width: 30vw; }
    #m21 { width: 80%; }
    #m1 { width: 54.5%; }
    #m31 { width: 70%; }
    #m32 { width: 64%; }
    #m41 { width: 65%; }
    #m42 { width: 65%; }
    .slider-control { bottom: 7vw; }
    #page4 .title { font-size: 12.4vw; }
    .link span {font-size: 6.42vw;}
}
@media screen and (max-width: 360px){
    .loading-img { width: 180px; }
    .loading-num { margin-top: 15px; font-size: 25px; }
}



@media screen and (max-height: 750px) and (max-width: 1200px){
    .slider-control { display: none !important; }
}

@media screen and (max-height: 625px) and (max-width: 420px){
    #m32 { display: none; }
    .items { max-width: 55%; }
    .item-bottom { margin-top: 0; font-size: 13px; }
    .item-link { margin-bottom: -1px; }
    .item-link { font-size: 22px; }
    .tab { font-size: 15px; margin-right: 38px; }
    #m31 { top: -11px; }
    #m42 { bottom: -48px; width: 270px; }
    .title { font-size: 28px; }
    .text { font-size: 16px; }
    .btn { width: 264px; height: 58px; font-size: 22px; padding: 16px 0 0 0; }
    .logo { height: 7vh; }
    .link span { font-size: 6.2vw; }
    #page4 .title { font-size: 12vw; }
}