h1,h2,h3,h4,h5,h6 { color: #ffffff; font-size: 45px; text-align: center; }









p {
  color: rgb(255, 255, 255);
  font-size: 26px;
  text-align: center;
}



li {
  list-style-type: square;
  color: rgb(255, 255, 255);
  font-size: 20px;
  text-align: left;
  
}





.verh {
  margin:0 auto;
  position: relative;
  top: 0px;
  width:100%;
  height:160px;
  #background:transparent url(diz.png) repeat;
  background-color: #ffffff;
  border: 0px solid red;
  z-index: -1;
}


html {
	
    background: #ffffff;
	z-index: -1;
}


body {
	margin:0 auto;
	position: relative;
    top: 200px;
	width:100%;
    background: #000000;
	 border: 0px solid green;
	 z-index: 1;
}



.banner1 {
  margin:0 auto;
  position: relative; top: -86px;
  text-align: center;
}


.banner2 {

 margin:0 auto;
 position: relative;
 top: -46px;
 #left: -10%;
 border: 0px solid blue;
}






.banner3 {

 margin:0 auto;
 position: relative;
 top: 12px;
 border: 0px solid #00e;
}



.banner4 {

 margin:0 auto;
 position: relative;
 top: 14px;
 border: 0px solid #00e;
}



.banner5 {

 margin:0 auto;
 position: relative;
 top: 71px;
 border: 0px solid #00e;
}









.one {
  
  margin:0 auto;
  width: 80%;
  max-width: 950px;
  position: relative;
  top: -100px;
  border: 0px solid rgb(21, 177, 185);
}


.two {
  
  position: relative;
  top: 10px;
  font-size: 85px;
  border: 0px solid rgb(21, 179, 0);
}


.three {
  
  position: relative; top: 37px;
  border: 0px solid rgb(21, 179, 0);
  
}



.four {
  
  position: relative; top: 80px;
  border: 0px solid rgb(21, 179, 0);
}


.five {
  margin:0 auto;
  position: relative; top: 10px;
  width: 300px;
  border: 0px solid rgb(179, 0, 98);
}









p {
  color: rgb(255, 255, 255);
  font-size: 26px;
  text-align: center;
}

p.special {
  color: orange;
  font-weight: bold;
  font-size: 45px;
  position: relative; top: 10px
}








.drive {
position:relative;
top:-1003px;
left:171px;
width:20%;
height:103px;
background:transparent url(tit.png) repeat;
z-index: 1;
}



.special {
  color: orange;
  font-weight: bold;
}

span {
  #color: rebeccapurple;
  
}




li em {
  color: rebeccapurple;
}


.box {
  background-color: #567895;
}



.button-link {
display: inline-block;
padding: 25px 70px;
background: linear-gradient(to right, #02c829, #20f302);
color: rgb(249, 246, 246);
text-shadow: h-offset v-offset blur-radius color;
text-decoration: none;
border-radius: 45px; /* Скругленные углы */
font-family: 'Segoe UI', sans-serif;
font-size: 70px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: none;
cursor: pointer;

color: white;
#text-shadow: 0px 0px 0 #000,
#0px -1px 0 #000,
#0px 2px 0 #000,
#1px 1px 0 #000;


text-shadow:0px 0px 0px #000, 2px 2px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
  }


  .button-link:hover {
    transform: translateY(-2px);
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);

    }
    






.parent {
  height: 100px;
  position: relative;
  border: 2px solid rgb(182, 0, 0);
}

.child {
  position: absolute;
        left: 50%;
        margin-left: -200px;
  #border: 6px solid rgb(255, 255, 255);
  font-size: 26px;
  color: rgb(255, 255, 255);
}








.blink-1 {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
}


@keyframes blink {
  50% {
    opacity: 0;
  }
}


#topLayer{
position:absolute;
top:41px;
width:100%;
background:transparent url(tit.png) repeat;
z-index:9;
text-align: center;
}


#top2Layer{
position:relative;
top:139px;
left:-11px;
width:20%;
min-width:46%;
max-width:50%;
height:103px;
z-index:9;
}



#top3Layer{
	margin:0 auto;
position:relative;
top:-189px;
left:-8px;

height:103px;
z-index:9;
border: 0px solid rgb(179, 0, 98);
}