html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
/*
@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Thin'), local('RobotoTh-Regular'),
        url(/roboto-thin_9bdd16f8c2ad5debe2020a6569490275.woff) format('woff'),
        url(/roboto-thin_9bdd16f8c2ad5debe2020a6569490275.ttf) format('truetype');
}
*/
.clear{
clear:both;
}
.br{
height:10px;
}
p{
margin-bottom:20px;
}
.center{
text-align:center;
}
ul{
padding-left: 15px;
}
h1, h2{
color:#000;
text-transform:uppercase;
font-size:22px;
margin:20px 0 30px 0;
text-align:center;
font-weight:bold;
font-family:'Roboto Thin';
}
h2{
font-size:18px;
margin:10px 0 20px 0;
}
body{
background-color:#ffecdf;
font-family:Helvetica, sans-serif;
font-size:15px;
color:#555;
position:relative;
}
#put{
padding:15px;
color:#999;
}
#put a{
color:#555;
text-decoration:none;
}
#menu{
background-color:#4c4c4c;
padding:20px 0;
text-align:center;
position:relative;
margin-bottom:30px;
}
#banner{
position:relative;
}
#banner_img{
display:block;
width:100%;
}
#banner_img_mobile{
display:none;
width:100%;
}
#banner_cont{
width:1200px;
max-width:100%;
margin:0 auto;
position:relative;
}
#menu a{
display:inline-block;
margin: 0 25px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
#menu a:hover{
color:#ffc094;
}
#content{
width:1200px;
max-width:100%;
margin:0 auto 30px auto;
background-color:#fff;
border:1px solid #ededed;
box-sizing:border-box;
padding:40px 35px;
line-height:1.5em;
}
#footer{
padding:30px 0;
text-align:center;
background-color:#4c4c4c;
color:#fff;
}
img.photo{
display:block;
margin:20px auto;
width:700px;
max-width:80%;
}
img.text{
display:block;
margin:20px auto;
width:96%;
}
.mobile{
display:none;
padding:25px 20px;
}
#phone_top{
position:absolute;
left: 50px;
bottom:30px;
text-decoration:none;
display:inline-block;
color:#fff;
font-size:27px;
padding:12px 22px;
background-color:#e79087;
border:1px solid #fb6b5c;
border-radius:10px;
}
#vopros_top{
position:absolute;
left: 350px;
bottom:30px;
text-decoration:none;
display:inline-block;
color:#fff;
font-size:27px;
padding:12px 22px;
background-color:#e79087;
border:1px solid #fb6b5c;
border-radius:10px;
}
#menu_logo{
position:absolute;
left: 10px;
top:10px;
padding:13px;
background-color:rgba(25,25,25,0.6);
border:1px solid #fff;
border-radius:10px;
display:none;
}
#menu_logo img{
display:inline-block;
margin:0;
height:19px;
}
#socseti_footer{
text-align:center;
}
#socseti_footer a{
display:inline-block;
margin: 0 10px;
height:48px;
width:48px;
}
#socseti_footer a img{
width:48px;
}
#obrsvyaz{
text-align:center;
padding:30px 0;
width:400px;
max-width:100%;
margin:0 auto;
}
#obrsvyaz input[type=text]{
width:90%;
padding:15px;
border:1px solid #eee;
display:inline-block;
margin-bottom:15px;
border-radius:5px;
}
#obrsvyaz input[type=submit]{
width:200px;
padding:15px 25px;
background-color:#ffa262;
background-color:#e79087;
border:none;
border-radius:5px;
cursor:pointer;
color:#fff;
}
.poluch{
width:200px;
padding:15px 25px;
background-color:#ffa262;
background-color:#e79087;
border:none;
border-radius:5px;
cursor:pointer;
margin:15px auto;
text-align:center;
color:#fff;
}
#obrsvyaz textarea{
display:block;
margin-bottom:15px;
border-radius:5px;
width:90%;
padding:15px;
border:1px solid #eee;
min-height:80px;
} 

.razdeli .razdel{
width:calc(50% - 45px);
background-color:#fafafa;
border:1px solid #eee;
margin: 30px 20px;
float:left;
font-weight:bold;
text-decoration:none;
color:#333;
text-align:center;
}
.razdeli .razdel img{
display:block;
width:100%;
margin-bottom:0px;
}
.razdeli .razdel .title{
padding:0 10px 10px 10px;
height:50px;
overflow:hidden;
display:none;
}
.razdeli .razdel:hover{
color:#ffdcb9;
}
#tema{
display:none !important;
}




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

.mobile{
display:block;
}
body .screen{
display:none;
}
#menu_logo{
display:block;
}
#phone_top{
left:10px;
font-size: 16px;
bottom:10px;
padding: 5px 8px;
}
#vopros_top{
left:165px;
bottom:10px;
font-size: 16px;
padding: 5px 8px;
}
#menu{
position:absolute;
left:0;
top:60px;
width:100%;
display:none;
}
#menu a{
display:block;
margin:0 auto 20px auto;
}
.razdeli .razdel{
width:calc(100% - 42px);
font-size:20px;
}
#content{
padding:30px 10px;
}
body{
color:#000;
}
#banner_img_mobile{
display:block;
}
#banner_img{
display:none;
}


}