@media screen and (max-width: 480px) {

body {margin: 0; padding: 0;}

.mainmenu {
display: none;  
box-sizing: padding-box;    
width: 100%;
}

.mainmenuit {
display: block;
box-sizing: padding-box;    
float: left;
background-color: white;
width: 120px;
padding: 5px;
margin: 3px;
text-align: center;
}

.arhblock {
display: none;
}

.mainmenubo {
width: 100%;
heght: 100%;
padding: 5px;
border-radius:5px 5px 5px 5px;
}

.mainmenubo:hover {
border-bottom: 2px solid white;
}

.lwidth {
width: 170px
}

.sthshow {
display: block;
}

.shad {
box-sizing: padding-box;
height: 100%;
background: rgba(7, 42, 22, 0.55);
margin: 0px;
padding: 0px;
}

.mainwhite {
box-sizing: padding-box;    
width: 98%;
background-color: white; 
text-align: justify;
padding: 0px;
margin: 0px;
}

.mainblock {
box-sizing: padding-box;
width: 94%;
padding: 20px 10px;
margin: 0px;
}

.fullblock {
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
background-color: white; 
}

.smwfont {
font-size: 14px; 
font-family: Tahoma, sans-serif, arial; 
color: white; text-decoration: none;}

.speakfont {
font-size: 12px; 
font-family: Tahoma, sans-serif, arial; 
color: #776955; text-decoration: none;}

.brfont {
font-size: 20px; 
font-family: Tahoma, sans-serif, arial; 
color: #019c7c; text-decoration: none;}

.centralblock2 {
box-sizing: padding-box;
background: rgba(255, 255, 255, 0.15);
width: 90%;
text-align: justify;
border-radius:5px 5px 5px 5px;
padding: 10px;
margin: 20px 0px;
}

.centralblock3 {
box-sizing: padding-box;
background: rgba(255, 255, 255, 0.15);
width: 95%;
text-align: justify;
border-radius:5px 5px 5px 5px;
padding: 10px;
margin: 10px auto;
}

.centralblock {
box-sizing: padding-box;
clear: left;
width: 90%;
text-align: center;
margin: 0px;
padding: 10px;
padding-top: 50px;
padding-bottom: 20px;
}

.redblock_t {
display: block;
box-sizing: padding-box;
margin: 0 auto;
margin-top: 20px;
width: 300px;
padding: 10px;
background-color: rgba(1, 156, 124, 0.5);
border-radius:5px 5px 5px 5px;
}

.redblock1 {
display: block;
box-sizing: padding-box;
margin: 0 auto;
margin-top: 20px;
width: 220px;
padding: 10px;
background-color: #2d6b22;
border-radius:5px 5px 5px 5px;
}

.iconblock2 {
background: rgba(255, 255, 255, 0.15);
width: 60px;
height: 60px;
text-align: center;
border-radius:5px 5px 5px 5px;
padding: 15px;
margin: 10px auto;
}

.lfloatblock {
float: left;
margin-right: 10px;
}

.videofloatblock {
float: left;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 20px;
}

.rphoto {margin: 5px 15px 5px 15px;
float: none;
width: 90%;}

.lphoto {margin: 5px 15px 5px 15px;
float: none;
width: 90%;}


.smicon {
height: 180px;
margin-left: 15px;
}

.s_photo {
display: block;
width: 100px;
height: 100px;
float: left;
margin: auto 0px;
margin-bottom: 10px;
padding: 1px;
background-color: #e5e5e5;
border-radius:20px 20px 20px 20px;
}

.bancont {
width: 300px;
background-size: 300px auto;
}

.ipblock {
float: left;
margin-right: 10px;
margin-bottom: 10px;
width: 150px;
height: 150px;
}

.s_info {
display: block;
width: 100px;
height: 240px;
float: left;
padding: 5px;
background-color: white;
text-align: center;
}


.sp_font {
font-size: 14px; 
}

.ctrek {
width: 100%;
float: left;
}

.cond {
display: block;
height: 315px;
width: 90%;
margin: 0px;
margin-right: 10px;
margin-bottom: 15px;
padding: 0px;
background-color: white;
border: 1px solid #776955;
border-radius:5px;
text-align: center;
postition: relative;
float: left;
}

.divreg {
display: block;
float: none;
width: 30px;
height: 90px;
}


.bcont {
width: 90%;
margin-right: 15px;
float: left;
}

.otziv {
width: 95%;
padding-right: 15px;
float: left;
}

.icclear {
clear: left; 
margin: 0px; 
padding: 0px; 
width: 90%
}

.progst {
margin: 10px 0px 10px 17px; 
padding-top: 10px;
}

/*** Стили относящиеся к модальному окну и содержанию ***/

/* Контейнер */
.modal {

/* Слой перекрытия */
position: fixed;
top: -110px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modal > div {
width: 300px;
background: #ffffff;
position: relative;
margin: 40% auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 20px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}

.arro {
margin-top: 20px;
margin-left: 30px;
float: left;
display: none;
}

.trans_left {
display: block;
width: 950px;
max-width: 950px;
float: left;
overflow: hidden;
background-color: rgba(54, 56, 56, 1);
}

.trans_vid {
margin: 0;
padding: 0;
margin-left: 0px;
width: 950px;
max-width: 950px;
float: left;
}

}