::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background: #FFFFFF;
}
::-webkit-scrollbar-track {
  background: none;
}

body {scrollbar-width: thin; scrollbar-color: #FFFFFF none;}


@font-face {
  font-family: "1";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/1.woff2") format("woff2"), url("fonts/1.woff") format("woff");
}
@font-face {
  font-family: "2";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/2.woff2") format("woff2"), url("fonts/2.woff") format("woff");
}
@font-face {
  font-family: "3";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/3.woff2") format("woff2"), url("fonts/3.woff") format("woff");
}



body {margin: 0; padding: 0; width: 100vw; min-height: 100vh; background: #0D0D0D url(bg.png); color: #000000; font-size: 23px; line-height: 31px; text-align: left; font-family: '1', sans-serif; cursor: default; overflow-x: hidden;}
* {box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (max-width: 1200px){
body {font-size: 20px; line-height: 27px;}
}





.desktop_version {display: block;}
.mobile_version {display: none;}






.mobile_bg {position: fixed; display: table; top: 0; left: 0; width: 100vw; height: 100vh; background: url(bg_min.png); z-index: 10;}
.mobile_cell {display: table-cell; top: 0; left: 0; width: 100vw; height: 100vh; text-align: center; vertical-align: middle;}
.mobile_sm {font-size: 20px; font-family: '1', sans-serif; font-weight: normal; line-height: 18px; display: block; margin: 0 auto; text-align: center; color: #F5F5F5;}
.mobile_big {font-size: 22px; font-family: '1', sans-serif; font-weight: normal; line-height: 22px; display: inline-block; padding: 6px 20px 5px; margin: 15px auto 5px; text-align: center; background: #202020; color: #F5F5F5; border-radius: 3px; cursor: pointer;}
.mobile_zag {font-size: 40px; font-family: '1', sans-serif; font-weight: normal; line-height: 40px; display: block; margin: 0 auto 30px; text-align: center; color: #F5F5F5;}
.mobile_razdel {height: 20px;}
.mobile_logo_main {position: relative; display: block; margin: 0 auto 40px;}

.mobile_logo {position: relative; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 62px; background: url(logo3.png) no-repeat center; background-size: 60px 62px;}





#spinner_main {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #0D0D0D; z-index: 500;}
.spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  position: fixed;
  top: 50vh;
  left: 50vw;
  margin: -22px 0 0 -22px;
  width: 44px;
  height: 44px;
}
.spinner .path {
  stroke: #FFFFFF;
  stroke: rgba(255,255,255,0.8);
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}







.scrl_all {position: fixed; top: 100vh; left: 4.8vw; margin-top: -13vh; z-index: 10;}


.scrl_mouse {
  margin: auto;
}
.scrl_mouse {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  border-radius: 100px;
  position: relative;
  height: 29px;
  width: 18px;
}
.scrl_mouse:before,
.scrl_mouse:after {
  animation: mouse-wheel 1.5s ease-in-out infinite;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 100px;
  content: '';
  height: 4px;
  width: 4px;
  opacity: 0;
  position: absolute;
  left: 7px;
  top: 12px;
}
.scrl_mouse:after {
  animation-delay: 0.75s;
}
@keyframes mouse-wheel {
  0% {
    transform: translateY(-11px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    transform: translateY(11px);
  }
}











.video-hero--content {
  position: relative;
width: 100vw; height: 100vh;
}
.jquery-background-video-wrapper {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.jquery-background-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}










.scroll
{
    position: fixed;
    bottom: 0;
    left: 0;
}



.sm {font-size: 1.2vw; font-family: '2', sans-serif; font-weight: normal; line-height: 2.4vw; display: block; margin: 0; text-align: left; color: #F5F5F5;}
@media screen and (max-width: 1100px){
.sm {font-size: 1.6vw; line-height: 3.9vw;}
}
.big {font-size: 6.7vw; font-family: '2', sans-serif; font-weight: normal; line-height: 3.5vw; display: block; margin: -0.9vw 0 0; text-align: left; letter-spacing: -0.2vw; color: #F5F5F5; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
.big2 {position: relative; font-size: 9.7vw; line-height: 4.3vw; z-index: 2;}
.big2:hover {position: relative; margin-left: 0.5vw;}
.razdel {height: 1.5vw;}
.razdel2 {height: 2.4vw;}
.space1 {position: relative; margin-left: 2vw; z-index: 3;}
.space1:hover {position: relative; margin-left: 2.5vw;}
.space2 {margin-left: 6vw;}
.space3 {margin-left: 1vw;}
.space4 {position: relative; margin-left: 3vw; z-index: 1;}
.space4:hover {position: relative; margin-left: 3.5vw;}

.line1 {display: block; width: 28.9vw; height: 1px; background: #F5F5F5; margin-bottom: 1.5vw; opacity: 0.08;}
.line2 {display: block; width: 21.55vw; height: 1px; background: #F5F5F5; margin-left: 3vw; margin-top: 3.5vw; opacity: 0.08;}
.line3 {display: block; width: 21.55vw; height: 1px; background: #F5F5F5; margin-left: 3vw; margin-top: 0.5vw; opacity: 0.03;}
.line4 {display: block; width: 21.55vw; height: 1px; background: #F5F5F5; margin-left: 3vw; margin-top: 0.5vw; opacity: 0.015;}
.line5 {display: block; width: 28.9vw; height: 1px; background: #F5F5F5; margin-bottom: 0.5vw; opacity: 0.015;}
.line6 {display: block; width: 28.9vw; height: 1px; background: #F5F5F5; margin-bottom: 0.5vw; opacity: 0.03;}

.pddng {display: table; top: 0; left: 0; width: 100vw; height: 100vh; padding: 0; margin: 0 auto;}
.pddng1 {position: fixed; z-index: 1;}
.pddng2 {position: relative; z-index: 20; left: 100vw; width: 150vw; background: #FFFFFF;}

.pddng_w {position: relative; display: table; top: 0; left: 100vw; width: 150vw; height: 100vh; background: #FFFFFF; padding: 0; margin: 0; z-index: 20;}
.pddng_cell_w {display: table-cell; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0 auto; text-align: left; vertical-align: middle;}
.pddng_block_w {display: block; width: 33%; height: auto; padding: 0 11vw; margin: 0; text-align: left; vertical-align: middle;}
.big_w {font-size: 5.5vw; font-family: '3', sans-serif; font-weight: normal; line-height: 3.5vw; display: block; margin: 4.2vw 0 3vw; text-align: left; letter-spacing: -0.2vw; color: #303030;}
.big_w2 {font-size: 8.5vw; line-height: 2vw; margin: 2vw 0 0;}
.z0 {background: url(z3_1.png) no-repeat center 4.5vw; background-size: 350px 63px;}
.txt1 {display: block; width: 100%;}
.txt2 {display: block; margin-top: 30px; font-size: 20px; line-height: 23px;}
.podpis {display: block; margin-top: 50px; width: 80px; height: 31px; background: url(podpis.png) no-repeat center; background-size: 80px 31px;}
@media screen and (max-width: 1704px){
.z0 {background: url(z3_2.png) no-repeat center 4.5vw; background-size: 270px 49px;}
}
@media screen and (max-width: 1390px){
.pddng_block_w {width: 35%; padding: 0 8vw;}
}
@media screen and (max-width: 1162px){
.big_w {margin-bottom: 4vw;}
}
@media screen and (max-width: 1100px){
.pddng_block_w {width: 35%; padding: 0 8vw;}
.txt2 {margin-top: 20px; font-size: 19px; line-height: 21px;}
.podpis {margin-top: 35px;}
}
@media screen and (max-width: 980px){
.z0 {background: none;}
}
@media screen and (max-width: 900px){
.podpis {display: none;}
}

.pddng_bg {background: url(bg.png);}
.pddng_cell1, .pddng_cell2 {display: table-cell; top: 0; left: 0; height: 100%; padding: 0; margin: 0 auto; text-align: left; vertical-align: middle;}
.pddng_cell1 {width: 50%;}
.pddng_cell2 {width: 50%;}
.pddng_block {display: block; width: 100%; height: auto; padding: 0 0 0 27.5%; margin: 0 auto; text-align: left; vertical-align: middle;}
.pddng_block2 {display: block; width: 50vw; height: auto; padding: 0; margin: 0 auto; text-align: left; vertical-align: middle;}


.wh {background: url(wh.png) no-repeat left bottom; background-size: cover;}


.logo1 {position: fixed; top: 8vh; left: 4.2vw; width: auto; height: 45px; padding: 2px 0 0 63px; background: url(logo1.png) no-repeat left center; background-size: 44px 45px; font-size: 18px; font-family: '1', sans-serif; font-weight: normal; color: #F5F5F5; line-height: 18px; z-index: 10;}
.logo_txt {font-size: 23px; line-height: 23px;}
.logo_txt_razdel {font-size: 15px; line-height: 22px;}

.vert1 {position: fixed; top: 50vh; left: 5.2vw; margin-top: -100px; width: 8px; height: 199px; background: url(vert1.png) no-repeat center; background-size: 8px 199px; z-index: 10;}


#stop_page {position: fixed; display: block; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000;}


#pages, #pages_min {position: absolute; display: none; top: 0; left: 0; width: 100vw; min-height: 100vh; background: #FFFFFF; margin: 0; padding: 0;}






@media screen and (max-width: 800px){
.desktop_version {display: none;}
.mobile_version {display: block;}
.sm, .big, .mobile_sm, .mobile_big, .mobile_zag {font-family: '1', sans-serif;}
}