.otstuptop {
	margin-top: -5px;
	
}
.page {
	width: 97%; 
	max-width: 1600px;
}
 .knopka {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1em;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #000000;
  text-decoration: none;
 
  /* Важные стили для анимации */
  position: relative;
  overflow: hidden;
} 
 .knopka:after {
  content: "";
  display: block;
  width: 20px;
  height: 200px;
  margin-left: 50px;
  background: #fff;
  background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.5) 100%
  );
  left: -40px;
  top: -100px;
  z-index: 1;
  transform: rotate(45deg);
  position: absolute;
  animation: movingFlare 3s ease-in-out 0.05s infinite;
}
 
@keyframes movingFlare {
  0% {
    left: -30px;
    margin-left: 0px;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
} 
.knopka:hover { background: #2ABB9B; } /* при наведении курсора мышки */
 
 .figure {
    width: 100%; /* Ширина */     
   }
   figure:first-child {
    margin-left: 0; /* Убираем отступ для первого элемента */
   }
.plusone {
	font-size: 1.1em;
}
@media screen and (max-width: 786.01px) {
	.plusone {		
	font-size: 1em;
		}
}


.titlehd {
	font-weight: bold;
	font-size: 13px;
	}
.minusone {
	font-size: 0.8em;
	}
b {
	font-weight: 640;
}
strong {
	font-weight: 640;
}
.bgreen {
color: #2ABB9B;
font-weight: 500;
}
table.adr {	
	width: 100%;
	text-transform: uppercase;
	background:#f2f2f2;
	font-size: 15px;
}
td.adr {	
	border: #ffffff;
	border-width: 2;
	border-style: solid;
}
table.adr_min {	
	width: 100%;
	background:#f2f2f2;
	font-size: 15px;
}
td.adr_min {
	
	border: #ffffff;
	border-width: 2;
	border-style: solid;	
}
A.green {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */
}
A.green:active {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */	
}
A.green:hover {
color: #239e83;
text-decoration: underline; /* Убираем подчеркивание */
}
A.green:visited {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */
}

A.green_line {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */
}
A.green_line:active {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */	
}
A.green_line:hover {
color: #239e83;
text-decoration: underline; /* Убираем подчеркивание */
}
A.green_line:visited {
color: #239e83;
text-decoration: none; /* Убираем подчеркивание */
}
A.green_no {
font-size: 18px;
color: #000000;
text-decoration: none; /* Убираем подчеркивание */
}
@media screen and (max-width: 786.01px) {
	A.green_no {font-size: 16px;}		
	}
A.green_no:active {
color: ##000000;
text-decoration: none; /* Убираем подчеркивание */	
}
A.green_no:hover {
color: #000000;
text-decoration: none; /* Убираем подчеркивание */
}
A.green_no:visited {
color: #000000;
text-decoration: none; /* Убираем подчеркивание */
}
.shag {
	color: #239e83;
	text-transform: uppercase;
	font-size: 18px;
	
}
.shagmiddle {
	color: #239e83;
	text-transform: uppercase;
	font-size: 15px;
}
.header_small {
	color: #000000;
	text-transform: uppercase;
}
.header_middle {
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;

}
.header_simple {
	color: #000000;
	text-align: justify;
	text-transform: uppercase;	
}
.ftr {
margin:0;
}
.video {
	width:100%; 
	height: 420px;
	align-content: center;	
}
@media screen and (max-width: 786.01px) {
	.video {		
	width:100%; 
	height: 280px;
	align-content: center;
		}		
	}
H1 {
font-size: 18px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 15px;
padding-left: 10px;
text-transform: uppercase;
margin-left: 0;
}
@media screen and (max-width: 786.01px) {
	H1 {	
	padding-left: 10px;	
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400;
	text-transform: uppercase;
		}
}
H2 {
display:inline;
font-weight: 500;
font-size: 18px;
margin-top: 5px;
text-transform: uppercase;
margin-bottom: 0px;
}
@media screen and (max-width: 786.01px) {
	H2 {		
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
		}
}
H3 {
font-weight: 500;
font-size: 18px;
margin-top: 5px;
text-transform: uppercase;
margin-bottom: 0px;
}
@media screen and (max-width: 786.01px) {
	H3 {		
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
		}
}
H4 {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
}
@media screen and (max-width: 786.01px) {
	H4 {		
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
		}
}
body {
	font-family: Segoe UI;
	margin: 0;
}
A.dot {
   	color: #000000;
    text-decoration: none; /* Убираем подчеркивание */
       }
A.dot:hover {
    color: #000000; /* Цвет ссылки при наведении на нее курсора */
     text-decoration: none; /* Убираем подчеркивание */
   }
A.dot:active {
    color: #000000; /* Цвет посещенных ссылок */
     text-decoration: none; /* Убираем подчеркивание */
   }
A.dot:visited {
    color: #000000; /* Цвет посещенных ссылок */
     text-decoration: none; /* Убираем подчеркивание */
   } 

A.dot2 {
   	color: #000000;
    
    text-decoration-style: solid;
       }
A.dot2:hover {
    color: #27965b; /* Цвет ссылки при наведении на нее курсора */
   }
A.dot2:active {
    color: #27965b; /* Цвет посещенных ссылок */
   }
A.dot2:visited {
    color: #000000; /* Цвет посещенных ссылок */
   } 
A.dotno {
   	color: #000000;
    text-decoration: none; /* Убираем подчеркивание */
       }
A.dotno:hover {
    color: #000000;
    text-decoration: none; /* Цвет ссылки при наведении на нее курсора */
   }
A.dotno:active {
	color: #000000;
    text-decoration: none; /* Цвет посещенных ссылок */
   }   
A.dotno:visited {
    color: #000000; /* Цвет посещенных ссылок */
   } 
.responsive {
	border: 0;
    max-width: 100%;
    height: auto;        
}
IMG.logo {	
    display: block;
    margin-left: auto;
    margin-right: auto;
     }     
.hiddenhdr { 
display: inline; 
float: right;
margin-right:10px;
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hiddenhdr { display: none; }}
.hiddenmenu { 
display: inline; 
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hiddenmenu { display: none; }}
.hiddentitle { 
display: inline; 
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hiddentitle { display: none; }}
.hiddenmenu2 { 
display: inline; 
float: left;
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hiddenmenu2 { display: none; }}
a.knopkaw {
	color: #fff; /* цвет текста */
  	text-decoration: none; /* убирать подчёркивание у ссылок */
  	font-size: 16px;
  	padding: 0.5em 1em;  	
  	user-select: none; /* убирать выделение текста */
  	background: #000000; /* фон кнопки */
 /* отступ от текста */
  	outline: none; /* убирать контур в Mozilla */
} 
a.knopkaw:hover { background: #2ABB9B; } /* при наведении курсора мышки */
a.knopkaw:active { background: #27965b; } /* при нажатии */
a.knopka {
	color: #fff; /* цвет текста */
  	text-decoration: none; /* убирать подчёркивание у ссылок */
  	font-size: 16px;
  	padding: 0.5em 1em;
  	user-select: none; /* убирать выделение текста */
  	background: #000000; /* фон кнопки */
 /* отступ от текста */
  	outline: none; /* убирать контур в Mozilla */
} 

a.knopka_read {
	color: #fff; /* цвет текста */
  	text-decoration: none; /* убирать подчёркивание у ссылок */
  	font-size: 16px;
  	padding: 0.5em 1em;
  	user-select: none; /* убирать выделение текста */
  	background: #2ABB9B; /* фон кнопки */
 /* отступ от текста */
  	outline: none; /* убирать контур в Mozilla */
} 
a.knopka_read:hover { background: #22977c; } /* при наведении курсора мышки */
a.knopka_read:active { background: #2ABB9B; } /* при нажатии */
a.knopka_m {
  	color: #000000; /* цвет текста */
   	text-decoration: none; /* убирать подчёркивание у ссылок */
  	padding: 0.2em 0.5em;
  	user-select: none; /* убирать выделение текста */
  	/* отступ от текста */
  	outline: none; /* убирать контур в Mozilla */
  	font-size: 15px;
} 
a.knopka_m:hover {color:#ffffff; background: #000000; } /* при наведении курсора мышки */
a.knopka_m:active { color:#ffffff; background: #000000; } /* при нажатии */
/* Макет */
#wrapper {
    width: 98%;    
    max-width: 98%;
    margin: auto;
    padding: 2%;    
    } 
    #first {
        width: 48%;
        margin-right: 4%;
        float: left;
        }    
    second {
        width: 48%;
        float: right;
        }     
/* Logo  H1 */
header h3 {	
    height: 98px;
    width: 216px;
    float: center;
    display: block;
    text-indent: -9999px;
    }
/* Навигация */
header nav {
    float: right;
    margin-top: 40px; 
    }
    header nav li {
        display: inline;
        margin-left: 15px;
        }
header nav ul li a {
    text-decoration:none;
        color:#333;}
#skipTo {
    display: none;
    }
    #skipTo li {
        background: #ccc;
        }
/* Главная картинка*/            
#banner {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    }
    #banner img {
        width: 100%;
        height: auto;
        }
/* Медиа-запросы */
@media screen and (max-width: 480px) {
    #skipTo {
        display: block;
        }
    header nav, #first, second {
        float: left;
        clear: left;
        margin: 0 0 10px; 
        width: 100%;
        }    
        header nav li {
            margin: 0;
            background: #ccc;
            display: block;
            margin-bottom: 3px;
            }
            header nav a {
                display: block;
                padding: 10px;
                text-align: center;
                }              
.hidden { 
display: inline; 
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hidden { display: none; }}