:root{
	--gray-1: #f5f5f5;
}

/**/
header.index {height: 100vh;  min-height: 450px;  max-height: 1000px;  position: relative;}
header.index .h-bg-wrapper {position: fixed;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  overflow: hidden;}
header.index .h-content-wrapper{position: relative;  z-index: 111;  height: 100%;}

/**/
.s-menu {position: fixed; z-index: 999;top:2vh; width:100%;transition: transform .5s ease-in-out;}
.s-menu.scroll {transform: translateY(-150%);}
.s-menu>div {display: flex;max-width:1000px!important;align-items: center; justify-content: space-around;padding: 10px;border: 1px solid white;border-radius: 1rem;-webkit-backdrop-filter: blur(11.5px);   backdrop-filter: blur(11.5px);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.13) -2.03%, rgba(255, 255, 255, 0.4) 4.13%, rgba(255, 255, 255, 0) 33.86%, rgba(255, 255, 255, 0.48) 50.86%, rgba(255, 255, 255, 0.05) 67.21%, rgba(255, 255, 255, 0.23) 100.33%);  }
.s-menu>div>div {padding:0 10px;}
.s-menu>div>div>a {text-decoration: none; font-weight:600; color:white; font-size:2rem;text-shadow: 1px 1px 1px gray;-webkit-text-stroke: 1px;  -webkit-text-fill-color: transparent; display: block;transition: .5s; 
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);  -webkit-mask-size: 200%;  animation: wave 2s infinite;}
.s-menu>div>div>a:hover {scale: 1.15}
.s-menu>div>nav {display: contents;}
.s-menu>div>nav>ul {display: flex;display: contents;}
.s-menu>div>nav>ul>li {list-style:none;}
.s-menu>div>nav>ul>li>a {text-decoration: none; color: white;}
.s-menu>div>nav>ul>li:nth-child(1),.s-menu>div>nav>ul>li:nth-child(2), .s-menu>div>nav>ul>li:nth-child(3) {order: -1;}
/**/

@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
/**/
.s-menu>div>nav>ul>li>a {position: relative;}
.s-menu>div>nav>ul>li>a:after {position: absolute;content: '';bottom: 0;display: block; width: 0; height: 1px; background: white;transition: .3s;left: 50%;transform: translate(-50%);}
.s-menu>div>nav>ul>li>a:hover:after {width: 100%;}

/****/
.h-content-wrapper {color: white; justify-content: center;align-items: center;display: flex;}
.h-content-wrapper>div {height: 80vh; width: 80vw;padding:2vmax;}
.h-content-wrapper>div .i-title-block {display: flex; flex-direction: column; font-size: 3.5rem; text-transform:uppercase; font-weight: 600;padding: 3%;}
.h-content-wrapper>div .i-title-block>span:first-child {align-self: flex-start;}
.h-content-wrapper>div .i-title-block>span:last-child {align-self: flex-end;}
/**/


.h-content-wrapper>div {/* position: relative;*/}
.slider-wrapper {position:relative;width: 100%;height: 100%;  overflow: hidden;}
/*.list-vslider{ position:absolute; overflow:hidden; height:100%; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden;}*/
.vs-block{position:absolute;  background-color:#333;top:0; left:0; right:0; bottom:0;background: #000;width:100%; height:400px;}