* {
margin:0;
padding:0;
}
@charset "utf-8";
body {
 background:teal url(../img/bg_ser.png);
 width: 100%;
 height: 100%;
 font-family: "Helvetica Neue Light", "Times New Roman", Helvetica, Arial, sans-serif;
 text-align: center;
 font-size:0.98em;/* 18px */
}
#content{ background:teal url(../img/bg_zel.png);
	text-align:center;
	border: 1px solid #333333;
	width: 72%; 
	height:100%;
	margin: auto;
}
.section {
	height: 100vh; /* высота секции равна высоте области просмотра */
}
.text{
	text-align: center;
	margin:10px;
}
.text2{
	text-align: justify;
	margin:20px;
}
.video-wrapper{
    display: block;
    float:left;
    width: 48%;
    margin: auto;	
	margin-bottom:20px; 
    margin-right: 3px;
}
.movie {
    width: 100%;
    display: block;
    max-width: 320px;   
    margin: auto; 
}
/*------top menu---------*/
#top_menu{ 
  width:100%;
  margin: auto; 
  padding-bottom:20px; 
}
.contakt{ 
  text-align:left;
  margin-left: 20px;
}
/* -------------------------------
 Стили текста
 ----------------------------------*/
.style111 {color: #006600 ; font-size: 1.05em; }/* зеленый мелкий */ 
.style1 {color: #006600 ; font-size: 1.15em; font-weight: bold;}/* зеленый средний */ 
.style11 {color: #006600 ; font-size: 1.45em; font-weight: bold;}/* зеленый крупный*/ 
.style2 {color: #660000;font-size: 0.65em; font-weight: bold; margin-top:8px;}/* коричневый мелкий */
.style22 {color: #660000;font-size: 1.10em; font-weight: bold;}/* коричневый средний */
.style222 {color: #660000;font-size: 0.90em; font-weight: bold;}/* коричневый средний */
.style3	 {color: #003300; font-size: 1.05em;}/* красный мелкий */
.style33 {color: #003300; font-size: 1.15em;}/* красный средний */
.style4	 {color: #003300; font-size: 1.25em;}
.style5	 {color: #0000FF; font-size: 1.05em;}/* синий*/
.style6	 {color: #0000FF; font-size: 1.15em;}/* синий средний*/
.style8{color: #df0023;font-size: 1.05em; font-weight: bold;}/* красный мелкий */
.style88{color: #df0023;font-size: 1.05em; font-weight: bold;}/* красный средний */
.style10 {color: #333333; font-size: 0.85em;}/* черный мелкий */ 



/* -------------------------------
 Форма
 ----------------------------------*/
.form {
    background-color: #D7F7C4;
	max-width:280px; 
	border: 1px solid #333333;
	border-radius: 7px 7px 7px 7px;
	margin:auto;
	margin-top: 12px;
}
.container{
   clear:both;
   color: #CC6600;
   margin-top: 1px;
   width:250px;   
}
.box{
   float: right;
   font-size: 0.80em;
   width: 150px;
   margin-top: 1px;
   margin-left:4px; 
   color: #333333;
}
.pik{
   font-size: 0.80em;
   float:left;
   margin-left:8px; 
   margin-top:1px; 
}
.input {
    width:60%;
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;	
}
#button {
  background: url(../img/button.gif) no-repeat center top;
  border: 0;
  padding: 0;
  margin: 0;
  width: 80%;
  height: 36px;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom:3px; 
  
}
#button2 {
  background: url(../img/button2.jpg) no-repeat center top;
  border: 0;
  padding: 0;
  margin: 0;
  width: 71%;
  height: 30px;
  cursor: pointer;
  margin-top: 3px;
  margin-bottom:3px; 
  
}
.form input[placeholder]{
    font-size:14px;
	color: #080808;
	width: 80%;
	margin-top: 4px;
}

/* -------------------------------
 Ответы на вопросы партнерки
 ----------------------------------*/
body{
	background-image: url(../img/bg_ser.png);
}
details{
  display:block;
  background: #fff;
  width:100%;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow:hidden;
  margin-bottom: 1.05em;
  margin-left: auto;
  margin-right: auto;  
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: .3em .3em .3em 1.4em;
   font-size:1.15em;
   color: #009900;
   cursor: pointer;
   position: relative;
   border-bottom: 1px solid #e2e8f0;
}
summary:before {  
  top: .4em;
  left: .3em;
  color: transparent;
  background: url(../img/pik2.png);
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding: 0 2em 10px 2em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
/* -------------------------------
 Подвал сайта
 ----------------------------------*/
#footer { 
   margin:4px;
}
/* -------------------------------
 Теги
 ----------------------------------*/
h1 {color:#df0023;font-size: 1.45em;}
h2 {color:#660000;font-size: 1.05em;}
h3 {color:#006600;font-size: 1.00em;}
h4 {color:#006600;font-size: 0.95em;}
h5 {font-size: 1.05em;}
ol {
display: inline-block;
text-align: left;
width: 178pt;
color: #660000;font-size: 0.90em;
}
img {
   max-width:100%;
   height:auto;
   width: auto\9; /* ie8 */
} 
.active { background-color: #4CAF50; color: white; }
a {
   text-decoration:none;
}
/* -------------------------------
 Медиа Адаптивный дизайн
 ----------------------------------*/
   @media screen and (min-width:100px) and (max-width:768px) {
.video-wrapper{ 
    float:left;
    width: 98%;
    margin: auto; 
	margin-bottom:10px; 
    margin-right: 3px;
}   
.movie {
    float:left;
    width: 98%;
    display: block;
    max-width: 320px;   
    margin: auto;
  }
}


@media screen and (max-device-width : 809px) {
 #top_banner { 
  display:none;	
}
 #page_content_left{
  width:100%;
  float:none;
  margin:4px;
}
#page_content_right{    
  width:100%;
  float:none;
  margin: 4px;
}
.video-wrapper{
    float:none;
    width: 100%;
	margin: auto; 	
}
.movie {
    float:none;
    width: 100%;
    height: auto;
    margin: auto; 
    
}
}