.header {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              z-index: 9999;
             }
    .content {
             margin-top: 162px;
		    }        
	.logo    {
	          padding: 20px;
	         }
   h1        {
              text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
              text-align: center;
              font-size: 40px;
             }
    h2       {
			  text-align: center;
			  font-size: 30px;
			 }
	 h3      {
			  text-align: center;
			  font-size: 25px;
			 }
	h4	 	 {
			 font-size: 23px;
			 text-align: center;
			 }
		 
             
    p        { font-size: 23px;
               margin: 0px;      /* Внешний отступ */
               padding: 15px;     /* Внутренний отступ */
  			   text-indent: 15px;
  			   text-align: left; 
			  }

    a        {                       /* Увеличение ссылки при наведении */
              color: #393185;
              text-decoration: none;
              display: inline-block;
              transition: transform 0.3s ease;
             }
          
         
	.style30 {
	           width: 328px;
	           text-align: center;
	         }
    .style36 {
	           border: 2px solid #000080;
	           width: 1130px;
		       height: 1556px;
              }
    .style38  {
	           height: 380px;
	           line-height:15px;
	           width: 660px;
              }
    .style47  {
	           height: 94px;
	           width: 288px;
	           text-align: center;
	          }
    .style58  {
	           font-size: x-large;
	           color: #0000FF;
	          }
    .style87  {
	           font-size: 25px;
	           font-weight: bold;
	           line-height: 100%;
	           line-height:5px; 
	          }
    .style91  {
	           border: 2px solid #000080;
	           width: 1130px;
		       height: 98px;
              }
    .style104 {
	           width: 690px;
	           height: 57px;
              }
    .style137 {
	           height: 26px;
              }
    .style141 {
	           font-size: medium;
	           line-height:30px;
	           font-size: 22px;
              }
    .style182 {
	           height: 620px;
	           text-align: center;
	           background-color: #CCCCFF;
              }
    .style209 {
	           text-align: center;
	           font-size: 40px;
              }
    .style211 {
	           background-color: #CCCCFF;
              }
    .style212 {
	           font-size: 25px;
              }
    .style225 {
	           width: 415px;
              }
    .style231 {
	           height: 411px;
              }
    .style238 {
	           height: 69px;
	           font-size: 22px;
	           text-align: center;
	           background-color: #000000;
              }
    .style250 {
	           color: #FFFFFF;
              }
    .style257 {
	           height: 31px;
              }
    .style263 {
	           height: 40px;
	           font-size: large;
	           text-align: center;
              }
    .style268 {
	           width: 25px;
              }
    .style269 {
	           width: 26px;
              }
    .style270 {
	           width: 285px;
              }
    .style271 {
	           height: 1px;
	           width: 375px;
              }
    .style272 {
	           font-size: 22px;
	           text-align: center;
              }
    .style273 {
	           margin-left: 10px;
	           margin-right: 10px;
              }
    .style274 {
	           border: 2px solid #000080;
	           width: 1130px;
	           height: 100px;
              }
    .style275 {
	           width: 108px;
              }
    .style279 {
				width: 652px;
				height: 94px;
              }
    .style281 {
				width: 186px;
				height: 94px;
              }
    .style282 {
				margin:0;
				padding:0;
              }
    .style283 {
				border: 2px solid #000080;
				width: 1130px;
				height: 860px;
              }  
	.style284 {
				height: 680px;
				text-align: center;
				background-color: #CCCCFF;
              }
    .style285 {
				height: 117px;
				font-size: 22px;
				text-align: center;
				background-color: #000000;
              }
    .style286 {
				height: 366px;
              }
    .style287 {
				height: 52px;
				font-size: large;
				text-align: center;
				background-color: #E3E3E5;
              }
    .style290 {
				height: 359px;
				text-align: center;
              }
    .style293 {
				height: 78px;
				text-align: center;
				background-color: #2B2B2B;
              }
    .style294 {
				font-size: large;
              }
    .style295 {
				color: #FFFFFF;
				font-size: x-large;
              }
    .style297 {
				height: 416px;
              }
    .style298 {
				width: 466px;
				height: 475px;
              }
    .style299 {
				left: -2px;
				top: -87px;
              }
    .style302 {
				width: 466px;
              }
    .style310 {
				height: 19px;
				width: 375px;
              }
    .style311 {
				height: 475px;
				line-height: 15px;
				width: 660px;
              }
              
     .style423 {
				border-width: 0px;
				border-radius: 25px;
				border: solid black;
               }
         
#raz {
  position: relative;
  max-width: 100%;  /* можно ограничить по ширине в любых единицах, в т.ч. px (необязательно) */
  max-height: 433px;  /* можно ограничить по высоте в любых единицах, в т.ч. px (необязательно) */
  overflow: hidden;  /* удалить, если нет max-width, max-height и outline у img */

}
#raz img {
  position: absolute;
  top: 0;
  left: 0;
 
  /* Версия 1: абзац для того, чтобы изображение было растянуто во весь слайдер */
  height: 100%;
  width: 100%;

  /* Версия 2: абзац для того, чтобы изображение сохранило свои пропорции и было по середине области слайдера. То есть нужно выбрать одну из версий в img */
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  outline: 300px ; /* для того, чтобы пропорциональные нижние картинки не были видны (необязательно) */

}
#raz div {
  position: relative;
  height: 0;
  margin-bottom: 60%; /* процент от ширины (тут есть калькулятор) */
  z-index: 3;
  margin-top:150px;
 

}
#raz img:nth-of-type(1) {
  z-index: 2;
}
#raz button:nth-of-type(1) {
  opacity: 0.4;
}
.leftfoto{
          float:left;
          margin : 0px 10px 2px 0px;
          }
          
          #video {
                 float: right;
                 margin: 20px 20px 0px 1px;
                 }
          #instruktsiya {
                 float: left;
                 margin: 20px 20px 0px 20px;
                 }