/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset,
form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;                               /* �������� ������� � ������� ������� */
vertical-align: baseline;          /* �������� ��� � ����� ������� ����� */
background: transparent;      /* ����� �� ������������ ����� ����, ������������� �� ��������� */
font-size: 100%;                     /* ������ ������ ���� ���������� */
}

h1, h2, h3, h4, h5, h6{
font-weight: normal;
}
table {						/* ��������� ������� ����� �������� ������� */
border-collapse: collapse; 
border-spacing: 0;
}
td, td img {
vertical-align: top;			/* ���������� ��������� ������������ ������������ */
} 
input, select, button, textarea {
margin: 0; 				/* ������� ������� �� ��������� ��� ��������� ���� (� ��������� ��� checkbox � radio) */
font-size: 100%; 			/* ������ ������ ������� ����� ���������� */
outline: none;
}
input[type="text"], input[type="password"], textarea {
padding: 0; 				/* ������� ���������� ������� ��� ��������� ����� */
}
input[type="checkbox"] { 		/* ������������ ������������ ��������� � ������������ ������������ ����� */
vertical-align: bottom;
}
input[type="radio"] {
vertical-align: text-bottom;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul {
list-style:none;
}
/* --------------- /reset.css --------------- */
@-ms-viewport { 
width: device-width;
}
@-o-viewport { 
width: device-width;
}
@viewport { 
width: device-width;
}
body { 	
background-image:url(images/0_1.jpg);
background-attachment: fixed; 
background-position:top;
background-repeat:no-repeat;
background-size: 100%;
font-weight:400;
font-size: 16px; 
min-height:100%;  
font-family: 'Roboto', sans-serif;
margin:-20px auto;
z-index:5;
color: #000000; 
letter-spacing: 1.1px;
word-spacing: 0px; 
min-height:100%;
font-style: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-align:left;
}
h1{ text-align:center;font-size:1.3rem;line-height:1.2; margin-top:10px;color:#0000FF;font-weight: 500;
font-size: 1rem;
line-height: 1.3rem;
color:blue;
text-align:center;}
h2{font-size: 1rem;text-align:center;color:#0000FF;padding: 0px;line-height:1.2rem;font-weight:bold;}
h3{font-size: 1rem; text-align:center; margin-bottom:3px; padding: 3px;color:#0000FF;line-height: 1.3rem;}
h4{font-size: 1rem; text-align:center; margin-bottom:5px; margin-top:5px; padding: 0px;color:#0000FF}
h5 {font-size: 1rem; text-align:center; color:#0000FF}
h6{text-align:center;  font-size:1rem;margin-top:15px;}
img { max-width:70%; margin:2px auto; padding:0px 0px; }
audio{margin: 0px;padding: 0px 0px;}
figure {
background: #A5B9C3; /* Цвет фона */
padding: 5px; /* Поля вокруг */
display: block; /* Блочный элемент */
width: 100%; /* Ширина */
margin: 0 auto; /* Отступы */
text-align: center; /* Выравнивание по центру */
}
figcaption {
color: #fff; /* Цвет текста */
}
.telo{
background:#D9EDF7;	
}
.section{
background:#D9EDF7;	
}
.clud{
max-width:50%;
position:fixed;
left:5px;
top:90%;
right:5px;
bottom:20px;
}
.clud_item{
max-width:50%;
position:fixed;
left:5px;
top:85%;
right:5px;
bottom:25px;	
}
.clud_time{
position:relative;
width:100%;
height:100%; 
}
.clud_time h4{
text-align:center;
font-size:1.2em;
font-weight:1.0; 
text-transform: uppercase;
background: rgba(0, 170, 238, 0.4); /* Цвет фона */
/*color: rgba(255, 255, 255,.9);*/
}
.fol{
display:inline-block;
max-width: 40px;
min-width: 40px;
margin: 0px 10px -10px 5px;	
}
.img{
width:100%;	
}
.kartinka{
display:block;
max-width: 90%;	
}
.devushka{
width:40%;	
}	
}
.lancuare{
margin-top:10px;	
float:right;
width:185px;
height:30px;
}
.lancuare img{
display:inline-block;	
}
.telo {border: 1px dashed #666666; 
max-width:940px;
margin:0 auto;
background:#D9EDF7;
}
.menu{
margin: 0px;
padding: 0px;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.menu li a:link{
color:black;
text-decoration:underline;
font-size:1rem;
margin:-2px;
line-height;0.8rem;
}

.menu li a:visited{ 
color:black !important;
text-decoration:none;} 
.menu li a:hover{
color:red !important;
text-decoration:none;} 
.menu li a:active{
color:blue !important;
text-decoration: none;}
.menu__item{
display:block;
text-align: center; 
font-weight: 300;
width: 250px;
height: 44px;
border:2px solid #808080; 
border-radius: 3px;
margin: 7px;
background: #ccc;
box-shadow: 2px 2px 0px #f8b10b, 3px 4px 3px #000;
}
.menu__item:hover{
background: #fff;
}
.menu__item_time{
display:block;
text-align: center;
font-weight: 200;
width: 250px;
height: 44px;
border:2px solid #808080; 
border-radius: 3px;
margin: 2px;
background: #ccc;
box-shadow: 2px 2px 0px #f8b10b, 3px 4px 3px #000;
}
.menu__item_time:hover{
background: #fff;
}
.menu__fox:hover{
background: #fff; 
}
.nav__link{
display: inline-block;
text-decoration: none;
margin:0 auto;
color:#000 !important;
}
.submenu {
position: absolute;
opacity: 0;
z-index:-9;
transform: scaleY(0);
transform-origin :0 0;
transition: .5s ease-in-out;
padding:0px;
margin:0px;
}
.menu__item_time:hover .submenu {
opacity: 1;
z-index:9;
transform: scaleY(1);
}
.menu__fox{
display:block;
text-align: center; 
font-weight: 300;
width: 250px;
height: 44px;
border:2px solid #808080; 
border-radius: 3px;
margin: 7px -2px;
background: #ccc;
box-shadow: 2px 2px 0px #f8b10b, 3px 4px 3px #000;
}
.poroname a {
color: #FFFFFF;
text-decoration: none;
}
.lorname a {
text-decoration: none;
}
.predsta{
font-size:16px;
font-weight:300;
color: black;
padding-bottom:0px;
margin-bottom:0px;
}	
.sait{
max-width:100%;
display:flex;
flex-direction: row;
justify-content:center;
align-items:center;
flex-wrap: wrap;
align-content:stretch;
}
.sait-ritm {
max-width:45%;	
}
.sait-ritm{
margin:10px 15px 10px 15px;	
}
.sait-ritm img{
display:block;
max-width:100%;
}
.zoro p{
font-size:16px;
text-align: center;
color:#26368C;
font-weight:300;
font-family: 'Germania One', cursive;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.7);
padding:2px;
max-width:100%;
margin:0 auto;	
}
#block{border:2px solid #f00;
border-radius:35px 35px 5px 5px ;
max-width: 100%;}
#block img{ max-width: 33%}
hr{color:green;}
.grom p a:link{color:blue; text-decoration: underline;}
.grom p a:visited {color: #1928FF; text-decoration: none;}
.grom p a:hover {color:red; text-decoration:none;}
.grom p a:active {color: green;  text-decoration: none;}
.menubox{	
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items: center; 
list-style: none;
border-top: 1px solid #0C7407;
border-bottom: 1px solid #000;
background: linear-gradient(20deg, #FF9646, #5073F0);
}
.menubox li {	
margin: 10px 5px;
border: 1px solid #0C7407;
box-shadow: 1px 1px 2px #0C7407; 
padding:0 5px;
font-size: 16px;
color:#f00;
background-color:#D9EDF7;
width:80px;
text-align: center;  
}
.menubox li a:link{color:black;text-decoration:underline;}
.menubox li a:visited{color:black;text-decoration:none;}
.menubox li a:hover{color:#ff0000;text-decoration:none;}
.menubox li a:active{color:green;text-decoration: none;}
.saundbox{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items: center; 
list-style: none;	
}
header{
margin:0 auto;	
max-width:900px;
border:none;
text-align: center;
padding: 15px 10px 10px 10px; 
}
header>h1{
font-size: 2.0em;
font-family:'Roboto', Sans-serif;
margin-bottom:5px;
}
header>h5{
font-size: 1.0em;
font-family:'Roboto', Sans-serif;
font-style:italic;
margin-bottom:10px;
}
header>h3{font-size: 1.5em;
font-family:'Roboto', Sans-serif;
margin-bottom:10px;
}
header>p{
font-size: 16px;
font-family:'Roboto', Sans-serif;
}
.clear{clear:both;}
.proza{
border:1px dashed #666666; 
max-width:258px; 
margin-left: 45%; 
border-radius:15px 15px 15px 15px ;}
.proza ul {
margin:5px 7%;
list-style: none;
padding: 1px;
}
.proza li {
background: #D9EDF7;
font-family: 'Arial', Sans-serif;
width: 220px;
height: 23px;
margin: 0px auto;
}
.med{
max-width:1600px;
margin:25px auto; 	
}
.med h3{
font-size:2em;
font-weight:bold;
color:#fff;
background: linear-gradient(to right, #a207fb, #4aa4f8);	
}
.rec{
background:#D9EDF7; 
max-width:1600px;
text-align:center;
}
.rec_item{
display:block;
margin: 20px auto;
background: #b5b5c4;
color:#000000;	
}
.rec_item p{
padding-bottom:0.7em;	
}
.rec_item iframe{
display:block;
margin: 0px auto;
}
.aud{
position: relative;
width: 347px;
height: 55px;
margin: 3px auto;
list-style-type: none;
}
.aud>li{
width: 301px;
height: 55px;
background: #D9EDF7;  
}
.center{width:170px; border:none; margin-left:0px; margin-right:10px; padding:0px 0px; float:left;background:#D9EDF7;}
.center img{display:block; margin:0 auto;}
.telo{border: 1px dashed #666666; max-width:940px; margin:10px auto;background:#D9EDF7;}
.robo h6{font-size:0.8em; text-align:center; margin-bottom:15px; margin-top:5px; background:#68C7F0;}
.robo h1{font-size:1.5em; text-align:center; margin-bottom:5px;}
.robo p{margin-bottom:10px; font-size:16px;}
.robo {max-width:900px;  border:none; margin:0 auto; padding:0px 10px;background:#D9EDF7;} 
.robo_go{background: #D9EDF7; padding:20px;}
.robo_go p{padding:7px;font-size:16px;}
.imgleft {float:left; margin: 0px 10px 10px 0px;max-width: 100%; }
.imgright{float:right ; margin: 0px 0px 10px 20px; }
.ssilka {
max-width:900px; 
border:none; 
font-size: 16px; 
text-align:center; 
color:#68C7F0; 
margin:10px auto;
padding: 0px;
} 
.podval-item{
display: flex;
flex-wrap: wrap;
max-width: 930px; /* макс ширина */
margin:10px;
}
.podval {
border:1px solid red; 
width:200px;
padding:5px;
margin:5px auto;
text-align:center;
}
.podval:hover{
background:#fff;
}
.rezina h4{
color:blue;
margin:5px 25px;	 
}
.rezina ol{
max-width:950px; 
margin:5px 15px;
}
.rezina ol li{
float: none;
max-width: 950px;
background:none; 
margin:5px 15px;
padding:0px 10px;
font-size:16px;
}
.rezina_item{
color:red;	
}
.tezis{
display:flex;
text-align:center;	
}
.rezina-pro{
display:block;	
width:500px;
border:1px solid red;
}
.krok {
max-width:930px;
margin: 0px auto; 
padding:0px; }
.krok ul {
margin: 5px;
list-style: none;
padding: 0px;
background: #D9EDF7;
overflow:hidden;
}
.krok li{
float: left;
width: 270px;
height: 65px;
margin-right: 0px;
margin-left: 28px;
margin-bottom:10px;
background:#BAD9ED;
overflow-x:hidden;
}
span{width:270px;
text-align:center;
margin-bottom:15px; 
margin-top:15px; 
margin-left: 10px;
}
li:last-child {margin-right: 0;}
div {
max-width:900px;
margin:0 auto; 
padding:0px 0px; } 
.grom{max-width: 100%;
margin-left: 5px; 
padding-top: 10px;}
.grom img{max-width: 17px;}
.grom ul {
list-style: none;
margin: 0px auto; 
padding: 0px;
overflow: auto; 
}
.grom ul li {
width: 660px;
height:25px;
margin: 0 5px 5px 5px;
background: #ffffff;
padding: 0px;
float:none;
}
li:last-child {margin-right: 0;}
.avtor{max-width:100%;
height:3.3em;
margin:0 auto; 
background: #4DA5E8;
text-align:center;
padding:10px;
}
.adaptive-wrap {
position: relative;
padding-bottom: 52.25%; 
padding-top: 25px;
height: 0;
overflow: hidden;
}
.adaptive-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p .topNubex {
z-index:100;
position: fixed;
right:4%;
font-weight:bold;
bottom: 30px;
color:#f60808  !important;
}
.ani{
font-size: 16px; 	
}
.ani span{
font-size: 21px; 
color:red;
}


@media screen and (max-width: 800px){
.devushka{
width:40%;	
}
.sait{
flex-direction: column;
}
.sait-ritm {
max-width:100%;	
}}
@media screen and (max-width: 550px){
body { 
font-weight:300; 
}
h1{line-height: 100%;
}}
@media only screen and (max-width: 470px){
body {
color: #000000;
vertical-align: top;
letter-spacing: 1.5px;
word-spacing: 0px; 
min-height:100%;
font-family: 'Roboto', sans-serif;
font-weight:300;
text-indent:15px;
font-size: 1.118rem;
line-height:1.6rem;
}	
h1{
font-size:1.2rem;
line-height:1.4rem;
letter-spacing:2px;	
}
header>p{
margin:6px;
font-weight: 300;
letter-spacing:1.5px;
font-size: 1.111rem;
line-height:1.6rem;
}	
.menu li a:link{
color:black;
text-decoration:underline;
font-size:1rem;
margin:-8px;
line-height;0.8rem;
}
.devushka{
width:100%;	
}
.ani span{
font-size: 1.4rem; 
color:red;
letter-spacing:1px;
font-weight:300; 
}
.center{
width:70px;
}
.predsta{
font-size:1.3rem;
}
.robo p{
margin:6px;
font-weight: 300;
letter-spacing:1.5px;
font-size: 1.118rem;
line-height:1.6rem;
}	
.robo_go p{
margin:6px;
font-weight: 300;
letter-spacing:1.5px;
font-size: 1.118rem;
line-height:1.6rem;
}
.ssilka {
font-size:1rem;
letter-spacing:1px;
}
.rezina ol li{
font-size:1.2rem;
letter-spacing:1.2px;
}}
@media screen and (max-width: 440px){
body {
color: #000000;
text-align: left;
min-height:100%;
background:#D9EDF7;
font-family:'Roboto', Sans-serif;
}
.robo_go p{
font-size:1.118rem;
letter-spacing:1.5px;
font-weight:300; 
line-height:1.5;
padding: 0px 10px;
}
.robo p{
font-size:1.118rem;
letter-spacing:1.5px;
font-weight:300;
line-height:1.5;
padding: 0px 10px;
}}
@media screen and (max-width: 420px){
.imgright{
float:none ;
margin: 0 0px 5px 0;  
}}
@media screen and (max-width: 380px){
.grom li {
width: 320px;
height: 25px;
margin-left: 0px;
background: #ffffff;
}}
@media screen and (max-width: 330px){
.menu__fox{
font-size:1.2rem;	
}
.krok li{
float: left;
width: 270px;
height: 77px;
margin-right: 5px;
margin-left: 5px;
background: #ffffff;
overflow-x:hidden;
}
.imgright, .imgleft{
float:none;	
display:block;
max-width: 100%;
margin: 5px auto; 
padding:0px;  
}
.podval {margin-left: 5px;
}}
@media only screen and (max-width: 320px){
body p{ 
font-weight: 300;
letter-spacing:1px;	
line-height:1.5rem;
}}