html{
margin:0px;padding:0px;
-webkit-text-size-adjust:none;
}
//body, #header, #content, .widget, .widget_d,.widget_d_d{
//transition: background 1s;
//}
body{
margin:0px;padding:0px;
background:#000000;
color:#000000;
font-size-adjust:none;
font-stretch:normal;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:transparent;
}
#pagewrap{
margin:0px auto;
}
#header{
background:#27282c;
border-radius:0.8em;
position:relative;
height:auto;
}
#header img{
float:right;
width:2.5vw;
border-radius:0.8em;
}
#main-nav{
margin:0px;
padding:0px;
border-radius:0.8em;
width:100%;
bottom:0px;
position:static;
}
#main-nav a{
font:normal 110% Arial,Helvetica,sans-serif;
background:linear-gradient(-90deg,rgb(40,40,40),rgb(79,79,79));
border-radius:0.4em;
padding: 0.6vw;
color:#fffd5c;
text-decoration:none;
display:block;
}
#main-nav a:hover{
background:linear-gradient(-90deg,rgb(40,40,40),rgb(79,79,79));
color:#ffffff;
}
.monitor{
margin-top:0.2em;
width:100%;
border:0.1em solid #000000;
border-radius:0.8em;
}
input[class="bg_green"], input[class="bg_red"]{
padding:0.3em;
border:0.1em solid #000000;
border-radius:0.4em;
WIDTH:90%;
COLOR:#000000;
font-size:110%;
}
textarea{
padding:0.3em;
border:0.1em solid #000000;
border-radius:0.4em;
WIDTH:90%;
COLOR:#000000;
font-size:100%;
}
.bg_green{
BACKGROUND-COLOR:#e7feee;	
}
.bg_red{
BACKGROUND-COLOR:#fee7e7;	
}
a{
color:#000000;
}
a:hover{
text-decoration:underline;
}
ul{
margin:1em 0px 1em 2em;
padding:0px;
line-height:140%;
}
li{
margin:0px 0px 0.1em;
padding:0px;
}
h1{
padding:2vh 0px 0px 0px;
display:block;
text-align:center;
font:bold 170% Arial,Helvetica,sans-serif;
color:#fffd5c;
text-decoration:none;
font-size-adjust:none;
font-stretch:normal;
}
h2{
font:normal 100% Arial,Helvetica,sans-serif;
padding:0px 0.4em 2vh 0.4em;
color:#ffffff;
font-size-adjust:none;
font-stretch:normal;
display:block;
text-align:center;
}
h3{
font:bold 110% Arial,Helvetica,sans-serif;
margin:0px 0px 1em;
color:rgb(2,106,203);
display:block;
text-align:center;
}
h4{
font:bold 120% Arial,Helvetica,sans-serif;
margin:1.2em 0 1em;
color:rgb(0,0,0);
display:block;
text-align:center;
}
h5{
font:bold 110% Arial,Helvetica,sans-serif;
margin:1.2em 0 1em;
color:rgb(0,0,0);
display:block;
text-align:center;
}
#content{
background:rgba(255,255,255,1);
margin:4vh 0;
border-radius:0.8em;
float:left;
//box-shadow:inset 0 0 0.4em 0.3em rgba(0, 0, 0, 0.5);
}
.ptitle{
font:bold 110%/130% Arial,Helvetica,sans-serif;
color:rgb(2,106,203);
text-align:center;
margin:0px 0px 1vh;
padding:0px;
}
.red{
color:#ff0000;
}
.blue{
color:#0000FF;
}
.green{
color:#05b926;
}
.show_phone{
background:#CAC8C8;
padding:0.2em;
border-radius:0.4em;
}
.small{
font-size:65%;
}
.post{
margin-bottom:40px;
}
.post-image{
margin:4vh 0px 2vh;
display:block;
text-align:center;
}
.content-image{
border:0.1em solid #000000;
border-radius:0.6em;
box-shadow:0.5em -0.3em 0.3em 0.1em rgba(0,0,0,0.28);
}
.content-zoomimage{
cursor:-moz-zoom-in;
cursor:-webkit-zoom-in;
cursor:zoom-in;
border:0.1em solid #000000;
border-radius:0.6em;
box-shadow:0.5em -0.3em 0.3em 0.1em rgba(0,0,0,0.28);
}
.content-zoomimage:hover{
opacity:0.8;
box-shadow:0.5em -0.3em 0.3em 0.1em rgba(0, 0, 0,0.67);
}
.imgpopup{
cursor:-moz-zoom-out;
cursor:-webkit-zoom-out;
cursor:zoom-out;
background:rgba(0, 0, 0,0.6);
position:fixed;
z-index:1101;
top:0;
left:0;
bottom:0;
right:0;
width:auto;
height:auto;
display:none;
text-align:center;
}
.imgpopup_img{
position:fixed;
border:1px solid #ffffff;
border-radius:1.2em;
z-index:1102;
left:50%;
top:50%;
transform:translate(-50%,-50%);
box-shadow:0 0 4.0em rgba(0,0,0,1);
}
#sidebar{
margin:4vh 0px;
float:right;
}
.widget{
background:#dfe1e2;
border-radius:0.8em;
}
.widget_d,.widget_d_d{
background:#dfe1e2;
border-radius:0.8em;
}
.widget ul{
margin:0px;
padding:0px;
}
.widget li{
list-style:none;
margin:0px;
padding:1vh 0px;
clear:both;
border-top:0.1vh solid #fdfdfd;
}
.widget hr{
list-style:none;
margin:1vh;
clear:both;
border-top:0.1em solid #fdfdfd;
}
#robotstxt{
margin:0 auto;
padding:0.4em;
border:0.1em solid #000000;
border-radius:0.4em;
background-color:#e7feee;
color:#000000;
font-size:100%;
width:90%;
}
#footer{
color:#000000;
clear:both;
text-align:center;
background:linear-gradient(-90deg,rgb(185,185,185),rgb(106,106,106));
padding:0.4em;
border-radius:0.8em;
left:0px;
bottom:0px;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3),0px 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.4);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.4);
}
#footer p{
font-size:65%;
}
#footer a{
color:#000000;
text-decoration:none;
}
#footer img{
margin:0 0.2em 0 0.2em;
border-radius:0.4em;
border-color:#000000;
}
.clearfix{
display:block;
-ms-zoom:1;
}
.clearfix::after{
height:0px;
clear:both;
font-size:0px;
display:block;
visibility:hidden;
content:" ";
text-align:center;
}
.btn{
font-size:110%;
border:0.1em solid #000000;
border-radius:0.4em;
margin:1vh;
padding:1vh 4vh 1vh 4vh;
}
.btn:hover{
color:#ffffff;
background:#000000;
tansition:all .3s linear;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
}
.button24{
display:inline-block;
color:white;
text-decoration:none;
font-size:140%;
padding:.4em 1.5em;
outline:none;
border-width:0.2em 0;
border-style:solid none;
border-color:#FDBE33 #000 #D77206;
border-radius:0.6em;
background:linear-gradient(#F3AE0F,#E38916) #E38916;
transition:0.2s;
}
.button24:hover{
background:linear-gradient(#f5ae00,#f59500) #f5ae00;
}
.button24:active{
background:linear-gradient(#f59500,#f5ae00) #f59500;
}
.otzyv_pane{
border-radius:0.8em;
background-color:#76d5ff;
color:#000000;
padding:2vh;
margin-top:1vh;
display:block;
position: relative;
}
.otzyv_new{
border-radius:0.8em;
background-color:#76d5ff;
color:#000000;
margin:4vh 1vw 0px 0.5vw;
padding:1.2vh 1.2vw;
display:block;
}
.otzyv_otvet{
border-radius:0.8em;
background-color:#76ffd0;
color:#000000;
margin:0px 1vw 4vh 5vw;
padding:1.2vh 1.2vw;
display:block;
}
.glav_info{
border-radius:0.8em;
background-color:#e7feee;
color:#000000;
font-size:90%;
line-height:110%;
margin:0px -15px 0px -15px;
padding:5px 5px 5px 5px;
display:block;
}
#podlogka, .podlogka{
z-index:800;
position:fixed;
align-items:center;
justify-content:center;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
text-align:center;
}
#newm{
position:absolute;
margin:auto;
left:0;
right:0;
display:block;
color:#000000;
width:80%;
top:20%;
background:#F6F6F6;
border:solid 0.2em #ffb000;
border-radius:0.8em;
padding:2em;
text-decoration:none;
}
#rem{
border:0.1em solid black;
border-radius:0.4em;
padding:0.4em 0.8em 0.4em 0.8em;
display:inline-block;
background:#E9EACF;
color:#000000;
background:linear-gradient(to top,#E9EACF,#FBFEF2);
text-decoration:none;
}
#upbutton{
display:none;
}
.questions{
padding-bottom:1em;
display:block;
}
#main-nav li .currentpage{
color:#ffffff;
}
#main-nav li .zakaz{
color:#00d0ff;
}
#zakazpane{
z-index:989;
display:block;
position:fixed;
left:-7px;
top:93%;
width:300px;
height:25px;
color:#ffffff;
font-size:130%;
border:2px solid #eb5f5f;
border-radius:0.8em;
background-color:rgba(223,225,226,1);
animation:glowing 1300ms infinite;
}
@keyframes glowing{
0%{background-color:#f5feac;border:1px solid #eb5f5f;box-shadow:0 0 20px #f4fdaf;}
50%{background-color:#dcdcdc;border:2px solid #eb5f5f;box-shadow:0 0 10px #eb5f5f;}
100%{background-color:#f5feac;border:1px solid #eb5f5f;box-shadow:0 0 20px #f4fdaf;}
}
#zakazpane a{
display:block;
color:rgb(2,106,203);
font-weight:bold;
text-decoration:none;
}
#chatleft img{
cursor:pointer;
height:46px;
width:46px;
border-radius:10px;
margin:8px;
}
#chat a{
color:#000000;
text-decoration:underline;
}
#chatcontent{
-webkit-overflow-scrolling:touch;
overflow:visible;
overflow-y:scroll;
background-color:#ffffff;
width:95%;
height:calc(100% - 19vh);
display:none;
margin: 1% 1%;
padding: 1% 1%;
border-radius:0.8em;
}
#chatcontent strong{
display:block
}
#chatbottom,#chattop{
width:95%;
margin:2% 0px 2% 0px;
text-align:center;
color:#000000;
}
#chatcontent p{
background-color:#76ffd0;
color:#000000;
margin:1% 1% 2% 1%;
padding:1% 1% 1% 1%;
border-radius:0.8em;
}
.chat_newmessage{
animation:newmessage 12s infinite;
}
@keyframes newmessage{
0%{transform:scale(1);}
92%{transform:scale(1);}
94%{transform:scale(1.3);}
96%{transform:scale(1);}
98%{transform:scale(1.3);}
100%{transform:scale(1);}
}
#chat_podlogka{
display:none;
}
.notification-counter{
z-index:2;
position:absolute;
background-color:rgba(212,19,13,1);
color:#fff;
border-radius:10px;
padding:3px 3px;
font:12px Verdana;
}


@media (min-width:721px){
#pagewrap{
width:85%;
}
body{
margin-top:5vh;
font:1.1vw/150% Arial,Helvetica,sans-serif;
}
#main-nav{
background:linear-gradient(-90deg,#b9b9b9 0%,#6a6a6a 100%);
}
#main-nav li{
list-style:none;
margin:0px;
padding:0.45vw;
float:left;
position:relative;
}
#main-nav li:first-child{
 margin-left:0px;
}
#main-nav .contact{
display:none;
}
#main-nav a{
line-height:90%;
}
#sidebar{
width:35%;
}
#sidebar .widget{
padding:2em 7%;margin-bottom:2vh;
}
#sidebar .widget_d{
padding:0px;margin-bottom:2vh;
}
#sidebar .widget_d_d{
padding:0px;margin-bottom:2vh;margin-top:130vh;
}
#content{
padding:2em 4%;
width:55%;
}
#sssss{
width:63%;
position: absolute;
bottom: 10%;
left: 111%;
}
.imgpopup_img{
//max-height:80vh;
//max-width:80vw;
height:40vmax;
//width:80vw;
}
#chat{
z-index:990;
display:none;
position:fixed;
top:2%;
width:50%;
height:96%;
border:2px solid #ffb000;
border-radius:0.8em;
background-color:#d6f3fd;
}
#chatleft{
z-index:791;
display:block;
position:fixed;
right:-10px;
top:50%;
transform:translate(0%,-50%);
width:70px;
height:auto;
border:2px solid #ffb000;
border-radius:11px;
background-color:rgba(255,255,255,1);
animation:chatleftanim 4s;
}
@keyframes chatleftanim{
1%{right:-100%;}
80%{right:-99%;}
100%{right:-10px;}
}
@keyframes chatopenanim{
from{right:-50%;top:50%;height:1px;}
to{right:1%;top:2%;height:96%;}
}
@keyframes chatcloseanim{
from{right:1%;top:2%;height:96%;}
to{right:-50%;top:50%;height:1px;}
}
#footer{
margin-bottom:2em;
}
@keyframes upbuttonshow{
0%{height:0px;transform:scaleY(-1);}
30%{height:46px;transform:scaleY(-1);}
100%{height:46px;transform:scaleY(+1);}
}
@keyframes upbuttonhide{
from{height:46px;}
to{height:0px;}
}
.notification-counter{
top:70px;
left:38px;
}
}


@media screen and (max-width:720px)
{
#pagewrap{
width:99%;
}
body{
//font:3.4vw/150% Arial,Helvetica,sans-serif;
font:0.8em/150% Arial,Helvetica,sans-serif;
margin-top:-2vh;
}
#main-nav{
background:rgb(185,185,185);
}
#main-nav li{
list-style:none;
margin:0px;
padding:2px;
text-align:center;
font-size:100%;
}
#main-nav a{
margin: 0.6vw;
padding: 1.8vw;
}
#content{
margin:10px 0px;width:auto;float:none;
padding:25px 10px 25px 10px;
}
#sidebar{
margin:0px;width:100%;float:none;
}
#sidebar .widget{
margin:0px 0px 2vh;padding:3% 4%;
}
#sidebar .widget_d,#sidebar .widget_d_d{
padding:0px;margin-bottom:2vh;
}
#sssss{
margin-top: 1em;
}
.imgpopup_img{
max-height:80vh;
max-width:95vw;
}
#chat{
z-index:990;
display:none;
position:fixed;
top:20px;
width:96%;
height:95%;
border:2px solid #ffb000;
border-radius:0.8em;
background-color:#d6f3fd;
}
#chatleft{
text-align:center;
white-space:nowrap;
z-index:791;
display:block;
position:fixed;
right:50%;
transform:translate(+50%,0%);
bottom:-10px;
height:70px;
width:auto;
border:2px solid #ffb000;
border-radius:11px;
background-color:rgba(57,57,57,1);
animation:chatleftanim 4s;
}
@keyframes chatleftanim{
1%{right:-100%;}
80%{right:-99%;}
100%{right:50%;}
}
@keyframes chatopenanim{
from{right:50%;top:100%;width:1px;}
to{right:5px;top:10px;height:95%;}
}
@keyframes chatcloseanim{
from{right:5px;top:10px;height:95%;}
to{right:50%;top:100%;width:1px;}
}
#footer{
margin-bottom:75px;
}
@keyframes upbuttonshow{
0%{width:0px;transform:scaleX(-1);}
30%{width:46px;transform:scaleX(-1);}
100%{transform:scaleX(+1);}
}
@keyframes upbuttonhide{
from{width:46px;}
to{width:0px;}
}
.notification-counter{
top:4px;
left:106px;
}
}