::-webkit-scrollbar 
{ /* chrome based */ 
width: 0px; /* ширина scrollbar'a */ 
background: transparent; /* опционально */ 
}

* {

  margin: 0;
  padding: 0;
  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
outline: none;
  }

@font-face {
	    font-family: Croogla4F; /* имя шрифта для CSS правил */
	    src: local("Croogla 4F"), /* проверяем наличие шрифта в ОС пользователя */
         url(fonts/Croogla4F.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */

  }
  @font-face {
	    font-family: StemExtraLight; /* имя шрифта для CSS правил */
	    src: local("Stem ExtraLight"), /* проверяем наличие шрифта в ОС пользователя */
         url(fonts/StemExtraLight.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }
  @font-face {
	    font-family: Modelica; /* имя шрифта для CSS правил */
	    src: local("Bw Modelica SS02 Black"), /* проверяем наличие шрифта в ОС пользователя */
         url(fonts/BwModelicaSS02Black.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }

    @font-face {
	    font-family: Impactd; /* имя шрифта для CSS правил */
	    src: local("impact"), /* проверяем наличие шрифта в ОС пользователя */
         url(fonts/impact.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }


  .modelica
{
font-family: 'Modelica';
color:black;
z-index:5;
font-weight: normal;
}

.groler
{
font-family: 'Croogla4F';
color:white;
z-index:5;
font-weight: normal;

}
.groler_style
{
font-size:16vw;
color:#1F1F1F;
letter-spacing: 0.01vw;
font-weight: bold;
width:100%;
text-align:center;
z-index:5;
line-height: 1.35;
}

.stem
{
font-family: 'StemExtraLight';
color:red;
z-index:5;
font-weight: normal;
}

.stem_style
{
font-size:3.1vw;
color:#666666;
letter-spacing: 0.01vw;
font-weight: normal;
width:100%;
text-align:center;
z-index:5;
line-height: 1.35;
}
.stem_style2
{
font-size:2.9vw;
color:#1F1F1F;
letter-spacing: 0.001vw;
font-weight: normal;
width:100%;
text-align:center;
z-index:5;
line-height: 1.5;
left:2.1vw;
word-spacing: 0.1vw;
top:0.5vw;
}
.stem_style3
{
font-size:1.9vw;
color:#666666;
letter-spacing: 0.001vw;
font-weight: normal;
width:100%;
text-align:center;
z-index:5;
line-height: 1.2;
left:2.1vw;
word-spacing: 0.1vw;
top:0.5vw;
}


.impact
{
font-family: 'Impactd';
color:white;
z-index:5;
font-weight: normal;

}
#next_div{
position:absolute;
top:194.5vw;
		width:100%;
		height:27vw;
		
		background-image:url(img/nextdiv.png);
		background-size:100% 100%;
		z-index:8;
		background-repeat:no-repeat;
  }

  #next1_div{
position:absolute;
top:224.5vw;
		width:100%;
		height:50vw;
		background-image:url(img/nextdiv.png);
		background-size:100% 100%;
		z-index:999;
		background-repeat:no-repeat;
  }

.next_text{
line-height: 1.5;	
position:inherit;
letter-spacing: 0.1vw;
top: 4.3vw;
font-weight: normal;
font-size: 3vw;
width:100%;
text-align:center;
z-index:3;
}

.next_text1{

left:0;
right:0;
margin:auto;
	line-height: 1.4;
	position:inherit;
	letter-spacing: 0.1vw;
	top: 5vw;
	font-weight: normal;
	font-size: 2vw;
	width:90%;
	text-align:center;
	z-index:3;
}

#all{
position:absolute;
	top:8vw;
	width:100%;

}
#div1_5{
background-color:#FFFFF7;
top:20px;

position:absolute;
	top:53vw;
	height:35vw;
	width:100%;

}

#div1_5_text{
left:21vw;
color: #202020;
position:absolute;
top:5.2vw;
font-size: 3vw;

}
#div1_5_text1{
width:28%;

text-align:center;
color: red;
right:20vw;
position:absolute;
top:5.151vw;
font-size: 3vw;

}
#div1_6{
    width:22.8%;
    cursor:pointer;
    height: 2.2vw;
    color: red;
    right:22.55vw;
    position:absolute;
    top:59vw;
    font-size: 3vw;
    z-index: 500;

}



.pulsate {
    -webkit-animation: pulsate 1.8s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
		font-size:3.5vw;
    }
    50% { 
        opacity: 1.0;
		font-size:3vw;
    }
    100% { 
        opacity: 0.5;
		font-size:3.5vw;
    }
}
.linear-wipe {
  text-align: center;
  background: linear-gradient(to right, #F00 20%, #F00 40%, #FF0 60%, #F00 80%);
  background-size: 200% auto;
  color: #F00;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 4s linear infinite;
          animation: shine 4s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

#line{
	position:absolute;
	top:6.8vw;
	right:18vw;
	width:auto;
	height:7.5vw;
	z-index:5;
	
}
#textweb1{
    left:18.5vw;
    color: #202020;
    position:absolute;
    top:2.6vw;
    font-size: 2.9vw;
    font-weight: normal;
    line-height: 1.5;

    word-spacing: 0.4vw;
    font-family: Tahoma;
}
#textweb2{
    left:18.2vw;
    color: #202020;
    position:absolute;
    top:6.9vw;
    font-size: 3.5vw;
    font-weight: normal;
    font-family: Tahoma;

}

#textweb3{
    left:38.5vw;
    color: #202020;
    position:absolute;
    top:7.7vw;
    font-size: 2.7vw;
    font-weight: normal;
    font-family: Tahoma;

}
#textweb4{
    left:31.5vw;
    color: #202020;
    position:absolute;
    top:11.9vw;
    font-size: 2.2vw;
    font-weight: normal;
    font-family: Tahoma;


}
#textweb5{
    left:26vw;
    color: #202020;
    position:absolute;
    top:14.7vw;
    font-size: 2.2vw;
    font-weight: normal;
    font-family: Tahoma;

}