body{
	font-size: 22px;
	line-height: 30px;
	min-width:auto;
}
#header .pulse-button{
	position:relative;
	width:208px;
	height:auto;
	bottom:auto;
	margin: 0 auto;
	text-indent:inherit;
	font-size: 1.1rem;
	line-height: 1.2rem;
	color:#fff;
	border-radius:20px;
	border-color:#d37f00;
	background: linear-gradient(180deg, #e68a00 0%, #cc7a00 100%);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	right:auto;
	box-shadow: 0 1px 15px 2px rgb(0 0 0);
	animation: pulse-orange 10s infinite;
}
@keyframes pulse-orange {
    0% { 
        box-shadow: 0 0 0 0 rgba(230, 138, 0, 0.7); 
    }
    /* 15% от 10 секунд — это 1.5 секунды. К этому моменту вспышка достигнет максимума */
    30% { 
        box-shadow: 0 0 0 20px rgba(230, 138, 0, 0); 
    }
    /* С 20% до 100% (оставшиеся 8 секунд) кнопка будет в покое без тени */
    50%, 100% { 
        box-shadow: 0 0 0 0 rgba(230, 138, 0, 0); 
    }
}
h3{margin:0 0 10px}
td { display: block; width: 100%; box-sizing: border-box; border: 15px #222 solid; border-top:none; border-bottom:none }
#content .keytable img{margin:0}
#content .keytable p{padding:10px 0 30px}
#wrapper { width: initial !important; max-width: initial !important; min-width:  250px; padding: 0; }
#main{
	margin: 0;
	padding:695px 0 10px;
	width: initial !important
}
#main .content-area, .content-area{
	height:400px;
	top:340px;
	text-align: center;
	background:none;
	margin:0
}
.content-area .text-holder{background:none}
#main .content-area h1, .content-area h1{
	margin: 0 0 13px;
	font-size: 24px
}
#main .content-area h1 span{
	font-size:17px;
	padding:5px 0 20px
}
.content-area .text-block{
	background:none; 
	overflow:hidden;
	margin:0;
	padding: 61px 10px 0;
	color:#f2f2f2;
	font-size: 20px;
	float: none;
	height:350px
}
.content-area img{width:600px}
#main .content-area li{
	font-size: 20px !important;
	line-height:28px;
	padding:0 0 30px
}
#main .content-area .utp-list li{
	font-size:19px !important;
	line-height:30px;
	margin:0;
	padding:0 0 20px;
}
.content-area .text-block p{
	padding:0 0 18px;
	line-height:27px
}
.content-area p span{
	font-size: 24px;
	line-height: 36px
}

.content-area a{
	font-size:0.9em;
	line-height:30px;
	margin:20px auto 0
}
.hero-descr {margin:50px 0 30px}
#content .phon{width:inherit}
#header{ background:none; height:1%; overflow:initial }
.lang{ top:15px; left:165px }
.lang li { font-size:20px; margin:0 5px 5px }
.header-block{padding:4px 0 22px}
.logo, .logo_ukr{
	width:105px; 
	margin:0 0 0 5px;
	height:43px;
	position:relative;
	z-index:2000
}
.header-block a{color:#fff}
.header-section{
	float:none;
	position:relative;
	z-index:2;
	display: block;
	width:100%;
	margin:0 auto 
}
.contact{ font-size:45px; line-height:65px; height:200px }
#header .row{
	display:block;
	padding:13px 0 28px
}
.header-section img{
	width:100px;
	height:100px;
	margin-top:13px
}
.header-section span{font-size:23px; line-height:29px; color:#777;}
.header-section span.tit{font-size:18px; line-height:20px; color:#666;}

.header-area{
	float:none; 
	color:#909090; 
	font-family:"Times New Roman", Times, serif; 
	text-align:center; 
	text-transform:uppercase; 
	position:relative; 
	display:table-row;
	margin:0 0 10px;
	z-index:2 
}

.header-area .phone{ color:#000; text-transform:none; margin:0; text-align:center; font:22pt/25pt "Times New Roman", Times, serif }
#hider{ position:absolute; top:-9999px; left:-9999px }
.navholder{
	display:block; 
	position:fixed;
	margin:0;
	padding:0;
	top:1px;
	right:0;
	background:none;
	width:200px;
	z-index:10
}
.navholder label, .navholder input{display:block}
.navholder label{ background:url(../images/bg-nav.gif) no-repeat; overflow:hidden; width:50px; height:50px; text-indent:-9999px; float:right }
#hider:checked + #nav{display: block}
#clickme{ cursor: pointer; z-index:10 }
#nav{ display:none; padding:10px 0; margin:0; height:initial; width:200px; border:5px #555 solid; border-right:0; background:#222222d6; border-radius:12px 0px 0px 12px }
#nav.hover{margin:0}
#nav ul{ font-size:16px; margin:0 }
#nav ul li{ margin:0; float:none; text-align:center; width:200px }
#nav ul li.active{ padding:0; color:#d0d0d0 }
#nav ul a{ padding:5px; width:initial; color:#fff; float:none; display:block }
#nav ul a:hover{color:#8c8c8c}
.feedback{ display:block; text-align:center; padding:25px 0; height:20px; overflow:hidden }
.feedback li{ display:inline-block; margin:0 3px }
.feedback a{ display:inline-block; width:88px; font-size:14px; line-height:27px; font-weight:bold; padding-top:1px; color:#bbb; background:#222; border-radius:2px; border:#555 1px solid; text-transform:uppercase }

#content { 
float: none;
padding:5px 15px 10px
}
#content p{margin:0 0 20px}
.specification{padding: 20px 0 0}
.specification .phon{text-align:center}
#content h1, #content h2, .specification h1 {
	font-size: 20px;
	padding:0 0 20px
}
.content-block { height: 1%; padding: 0; margin:0 0 18px }
#content img, .specification img{ float: none !important; width: 100%; margin: 0 0 20px; height: auto }
.korpus{text-align:center;}
.korpus label, .korpus input[type="radio"]:checked + label { font-size: 17px; line-height: 40px; border: 2px solid #222; width: 29%; }
.korpus ul{text-align:left}
.korpus li{padding:0 10px 40px}
.korpus input:nth-of-type(1):checked ~ ul:nth-of-type(1), .korpus input:nth-of-type(2):checked ~ ul:nth-of-type(2), .korpus input:nth-of-type(3):checked ~ ul:nth-of-type(3), .korpus input:nth-of-type(4):checked ~ ul:nth-of-type(4), .korpus input:nth-of-type(5):checked ~ ul:nth-of-type(5), .korpus input:nth-of-type(6):checked ~ ul:nth-of-type(6){ margin-top:5px; }
.adt li{ width:auto; margin:0 10px 10px }
.adt h3{ font-size:21px; line-height:23px }
 #content .adt p{ font-size:18px; line-height:23px }
.adt .more{ font-size:14px; }
 #sidebar { float: none; width: 100%; padding: 0; }
.sub-nav{ width:initial; display:block; font-size:17px; line-height:23px; padding:0 }
#sidebar .add-nav h2, #sidebar .sub-nav h2{ font-size:17px; line-height:23px; margin-bottom:3px; }
.sub-nav p { font: 17px/23px Verdana, Geneva, sans-serif; }
.sub-nav ul a{ font-size:17px; line-height:21px }
 #footer{ width:auto; text-align:center; min-width:250px; padding:0 0 95px }
.footer-section { font-size: 15px; line-height: 23px; text-transform: initial; margin:0 10px; }
.footer-nav { margin: 0 0 50px; }
.footer-section li { font-size: 17px; line-height: 37px; float: none; padding: 0 5px 0 7px; margin: 0 7px 0 -7px; display: block; }
.footer-section li a{ display:block; }

.post-box_social a.call-button{
  padding: 15px 30px;
  margin: 17px 0 0;
  font-size: 20px;
}
.offer h2{padding:0}
.telephone{
	display:block;
	z-index:100;
	width:100%;
	height:50px;
	left:0;
	bottom:0;
	overflow:hidden;
	position:fixed;
	background:#1a1a1a;
	box-shadow:0 2px 15px 9px #000;
	padding:0;
	border-top: 1px solid #444;
	min-height:0
}

.telephone p{
	width:35%;
	text-align:center;
	float:left;
    color:#afafaf;
	font:0.8em/1.3em Tahoma, serif;
    padding:2px 0 0;
    font-weight:bold
}

.telephone ul{
	width:65%;
	height:100%;
	float:right;
	margin:0;
	padding:0
}

.telephone li{
	float:right;
	width:25%;
	height:100%;
	margin:0
}

.telephone a{
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-9999px
}

.telephone .whatsapp{background:#19af08 url(../images/wtp.jpg) no-repeat 50% 50%}

.telephone .viber{background:#945dea url(../images/vbr.jpg) no-repeat 50% 50%}

.telephone .telegram{background:#61a1e9 url(../images/tgm.jpg) no-repeat 50% 50%}

.telephone .tel{background:#0e8400 url(../images/phn.jpg) no-repeat 50% 50%}

@media (max-width: 310px) { /* 310px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */ 
.feedback a{max-width:max-content; padding:0 6px}