@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.gooey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #fff;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
.st0{fill:#000000;}
.transparent .st0{fill:#ffffff;}
html, body {
	margin:0;
	padding:0;
	font-family: "Inter", sans-serif;
	font-size:14px;
    position: relative;
    min-height: 100vh;
}
a {
	text-decoration:none;
	outline: none;
	color:#243468;
}
a img {
	border:none;
}
button:focus, a:focus {outline:0;}
header, footer, section, aside, time, figure {
	display:block;
}
section {
	position:relative;
    overflow: hidden;
}
.home section {
    width: 100vw;
    height: 100vh;
    margin-bottom: 0;
}
h1, h2, h3 {
	text-transform:uppercase;
	font-weight:800;
}
h1 {
	font-size:3em;
}
h4 {
    margin: 5px 0;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
img {
    max-width: 100%;
}
body>header {
	position:absolute;
    top:0;
    left:0;
    width:100%;
	padding:10px 50px;
    box-sizing: border-box;
	background:#ffffff;
	text-align:left;
	z-index: 999;
}
body>header.transparent {
    background: none;
}
body>header .logo{
	width:217px;
}
.navbar-toggle {
	position:absolute;
	top:13px;
	right:50px;
	width:40px;
	height:40px;
	background:none;
	border:none;
	cursor:pointer;
}
.navbar-toggle .icon-bar {
	position:absolute;
	display:block;
	width:40px;
	height:3px;
	background:#000000;
	top:20px;
}
.navbar-toggle.close .icon-bar {
	display:none;
}
.navbar-toggle:before, .navbar-toggle:after {
	position:absolute;
	top:8px;
	display:block;
	content:"";
	width:40px;
	height:3px;
	background:#000000;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.transparent .navbar-toggle .icon-bar, .transparent .navbar-toggle:before, .transparent .navbar-toggle:after {
    background-color: #ffffff;
}
.transparent .navbar-toggle.close .icon-bar, .transparent .navbar-toggle.close:before, .transparent .navbar-toggle.close:after {
    background-color: #000000;
}
.navbar-toggle:after {
	top:32px;
}
.navbar-toggle.close:before {
	position:absolute;
	top:20px;
	left:11px;
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-toggle.close:after {
	position:absolute;
	top:20px;
	left:11px;
	-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#menu {
	position: fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:99;
	padding: 100px 50px;
	opacity: 0;
	background: #ffffff;
	visibility: hidden;
    transform: translateX(100%);
    transition: .3s;
    width:33%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction:column;
}

.home #menu {
    background: #ffffff;
}
#menu.show {
	opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
#menu ul>li {
	display:block;
	font-weight:400;
	white-space:nowrap;
}
#menu ul>li a {
	display:block;
	padding:15px;
}
#menu a {
    color:#000000;
    font-size: clamp(14px, 2vw, 30px);
}
#menu #lang li {
	display: inline-block;
}
#menu #lang li a {
	width:30px;
	text-transform:uppercase;
}
#menu .socnet {
	padding-top:50px;
}
#menu .socnet li{
    display: inline-block;
}
footer {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    box-sizing: border-box;
    background: #0C1213;
    height: 80px;
    padding: 10px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .st0 {
    fill:#ffffff;
}
footer .contacts, footer .contacts a {
    color:#ffffff;
}
footer .logo svg {
    height: 40px;
}
footer strong {
	font-size:1.2em;
	font-weight:400;
}
footer .contacts {
    margin: 0 auto;
}
footer .contacts>div {
    display: inline-block;
    margin: 0 20px;
}
section .contacts {
    padding: 0 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
#menu .socnet a {
	display:inline-block;
	margin:10px;
    padding: 3px;
}
.socnet a {
	margin:10px 0 10px 20px;
}
footer .socnet img {
    height: 25px;
}
.headBaner div {
    width: 100vw;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.headBaner div.slick-slide {
    position: relative;
    overflow: hidden;
}
.headBaner .slick-arrow {
    border:none;
    position:absolute;
    width: 21px;
    height: 36px;
    top:50%;
    margin-top: -18px;
    z-index: 10;
    text-indent: -999px;
    cursor: pointer;
    z-index: 9;
}
.headBaner.element-hidden .slick-arrow {
    visibility:hidden;
}
.headBaner .slick-arrow.slick-next {
    right:5%;
    background: url(../img/str-right.svg) no-repeat 0 0;
}
.headBaner .slick-arrow.slick-prev {
    left:5%;
    background: url(../img/str-left.svg) no-repeat 0 0;
}
.headBaner header {
    position: absolute;
    bottom:5%;
    left:5%;
    color:#ffffff;
}
.headBaner header h2{
    font-weight: 500;
    margin: 0;
    font-size:clamp(14px, 2vw, 30px);
}
.headBaner.element-hidden header {
    visibility: hidden;
}
.headBaner .vimeo {
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
}
.headBaner iframe {
    width: 100%;
    height: 100%;
}
#banerText {
    position: absolute;
    left:10%;
    bottom:10%;
    width:80%;
    font-size: clamp(14px, 8.5vw, 105px);
    line-height: 0.80em;
    color:#ffffff;
    z-index: 89;
}
.text-container .letter {
    opacity: 0;
    display: inline-block;
    transform: translateX(-20px);
    animation: fadeInLeft 0.4s forwards;
}
.error404 {
    padding-top: 100px;
}
.error404 *{
    text-align: center;
}
@-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
.video-list {
	position:relative;
	float:left;
	width:50%;
	color:#ffffff;
}
.video, .video-list.big{
    position: relative;
	width:100%;
}
.video>img,.video-list>img {
	width:100%;
}
.video-list>div.content {
    position:absolute;
	display:block;
	bottom:20px;
	right:20px;
    left:20px;
	z-index:2;
}
.video>div.content {
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	right:0;
    left:0;
	z-index:2;
}
.video>div.content::after {
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.video-list>header {
	line-height:1.2em;
	font-size:1.5em;
	width:90%;
	vertical-align:middle;
}
.player {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-74px;
	margin-left:-74px;
    background: none;
    width: 148px;
    height: 148px;
    border-radius: 100%;
    text-indent: -9999px;
	border:none;
    cursor: pointer;
    display: none;
    transform: scale(0.65);
}
.player span {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 38px solid #fff;
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 48px;
    left: 60px;
}
.headBaner .player, .video-list:hover .player {
    display: block;
}
.headBaner.element-hidden .player {
    visibility: hidden;
}
.player:hover {
	background: url(/img/Play.svg) 0 0 no-repeat;
}
.player:hover span {
    visibility: hidden;
}
/*.video-list>div .play:after {
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:32px;
	left:26px;
	border: 8px solid transparent;
    border-left: 8px solid #ffffff;
}*/
.video-list .more {
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-20px;
	color:#ffffff;
	z-index:2;
	font-size:1.2em;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:2;
}
.video .controller {
	display:none;
	position: absolute;
    top: 20px;
    left: 20px;
	z-index:10;
	visibility:hidden;
}
.video:hover .controller {
	visibility:visible;
}
.video .close {
	width:40px;
	height:50px;
	background:none;
    border:none;
    cursor:pointer;
}
.video>div .close:after, .video>div .close:before {
	content:"";
	position:absolute;
	top:30px;
	left:5px;
	display:block;
	width:30px;
	height:3px;
	transform: rotate(45deg);
	background:#ffffff;
}
.video>div .close:after {
	transform: rotate(-45deg);
}
.py-100 {
    padding:80px 0 120px;
}
.pb-100 {
    padding-bottom:80px;
}
.pb-30 {
    padding-bottom:30px;
}
.center {
    margin:0 auto;
    max-width:960px;
}
.block-text {
	margin:0 auto;
}
.block-text .img img{
	width:100%;
}
.block-text header{
	font-size:2em;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin:10px 0;
}
.block-text .col-2{
	padding:20px 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}
.block-text .text p, .block-text .text h1, .block-text .text h2, .block-text .text h3, .block-text .text h4 {
	margin:0 0 10px;
}
.block-text .text p {
	text-align:justify;
}
.block-text .text p img{
	max-width:100%;
	height:auto;
}
.block-text.contact p {
	text-align:center;
}
.block-text.contact hr {
	display:block;
	margin:30px auto;
	width:150px;
	height:1px;
	border:none;
	background:#243468;
}
.block-text.contact .big {
	font-size:2em;
	color:#243468;
}
#load {
    position: relative;
	width:100%;
	padding:30px 0;
	box-sizing:border-box;
	clear:both;
	text-align:center;
}
#map {
	height:600px;
}
.contacts p {
    display: block;
	margin: 5px 0;
}

#up {
	position:fixed;
	bottom:0px;
	right:0px;
	width:60px;
	height:45px;
	background:#ffffff;
	border:none;
	color:#000000;
	visibility:hidden;
	z-index:99;
	cursor:pointer;
}
#up:before, #up:after {
	position:absolute;
	top:20px;
	display:block;
	content:"";
	width:25px;
	height:5px;
	background:#000000;
}
#up:before {
	left:26px;
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#up:after {
	left:12px;
	-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#up.show {
	visibility:visible;
}
@media only screen and (min-width: 1900px) {
html, body {
	font-size:16px;
}
}
@media only screen and (max-width: 1400px) {
    .player {
        transform: scale(0.55);
    }
}
@media only screen and (max-width: 1000px) {
body>header {
	padding:10px 20px;
	height:auto;
}
#menu {
    width:40%;
}
#menu .socnet img{
    height: 25px;
}
footer {
    padding: 10px 20px;
}
.navbar-toggle {
    position: absolute;
	top:15px;
    right:20px;
}
body>header .logo{
	width:200px;
}
.center {
    margin:0 20px;
}
}
@media only screen and (max-width: 800px) {
#menu {
	padding-top:50px;
    width:100%;
}
nav a, nav .socnet, #lang {
    text-align: center;
}
#menu #lang li a{padding: 15px 5px;}
#menu .socnet img{
    height: 20px;
}
.player {
    transform: scale(0.75);
}
footer {
    position: relative;
    height: 50px;
}
footer .logo svg{
    height: 25px;
}
footer .socnet img {
    height: 20px;
}
footer .contacts {
    display: none;
}
.pb-100 {
    padding-bottom: 0;
}
.py-100 {
    padding:80px 0 50px;
}
body>header .logo{
	width:180px;
}
.navbar-toggle {
	top:10px;
}
.video-list {
	width:100%;
}
.video-list .more {
	bottom:10px;
	right:20px;
}
.block-text .text{
	padding:20px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
#up {
	bottom:10px;
}
}
@media only screen and (max-width: 500px) {
body>header {
	padding:5px 20px;
}
.navbar-toggle {
	top: 10px;
}
section header {
    text-align: center;
}
section .contacts {
    flex-direction: column;
    align-items: center;
}
section .contacts div{
    margin: 10px 0;
    text-align: center;
}
#map {
    height: 50vh;
}
.player {
    transform: scale(0.65);
}
.block-text{
	padding:0;
	margin:0;
}
footer .socnet a {
    margin: 0 20px 0 0;
}
.contacts.border {
	border-right:none;
}
}