body{ font:1.4em/150% NotoSans,Arial,"Arial Unicode MS",sans-serif; color:#999; background:#000; min-width: 801px } form, fieldset{border:0} input, textarea, select{ font:100% Tahoma, Geneva, sans-serif; vertical-align: middle } ul, li{margin:0 0 10px} a{ color:#999; text-decoration:none } strong{font-weight:500} .videoholder{ padding:5px; border:1px #004f84 solid; margin:0 auto 15px; text-align:center; color:#003255 } video{ margin:0 auto; width:600px; display:block } a:hover{text-decoration:none} #sidebar img{ margin:0; width: 100%; height: auto } .nowrap{white-space:nowrap} .blue{color:#6699cc} .red{color:#cc5a5a} .green{color:#016538} .orang{color:#ffcc81} .page{width:100%} .border{border:1px #333 solid} .center{text-align:center} .fixed{position: fixed} .bottom{ position:absolute; right:0; bottom:7px; z-index:10 } #content strong.red{color:#cc5a5a} #content .mail, .korpus li .mail{ display:block; width:145px; padding:9px 0 16px 76px; background:url(../images/mail.webp) no-repeat; white-space:nowrap } #content .mail:hover, #content .korpus a.mail:hover{text-decoration:none} #wrapper{ max-width: 1200px; min-width: 781px; margin:0 auto; overflow:hidden; position:relative; padding:0 11px } #header{ width: -webkit-fill-available; overflow:hidden; position:absolute; top:0; left:0; width:100%; padding:0 } .lang{ position:absolute; top:7px; left:83px; z-index:3000; height:30px; margin:0 } .lang li{ display:inline-block; margin:0 5px }.lang .active{color:#cacaca} .lang a{color:#888} #header .row{padding:0} .header-block{ height:1%; overflow:hidden; padding:17px 0; border-bottom:0; display:table; width:100% } .logo, .logo_ukr{ display:block; background:url(../images/logo.svg) no-repeat; margin:0 15px; overflow:hidden; width:192px; height:74px; text-indent:-9999px } .logo_ukr{background:url(../images/logo-ukr.png) no-repeat} .logo-pl{background:url(../images/logo2.png) no-repeat} .logo a, .logo_ukr a{ height:100%; display:block; position:relative } .header-section{ float:left; position:relative; z-index:2; display: table-cell; width: 33% } .header-section span{ display:block; text-align:center; font-size:1.3em; color:#999; padding:0; margin:0 } .header-section span.tit{font-size:1em} .header-area{ float:right; color:#909090; font-size:1.3em; text-align:right; text-transform:uppercase; position:relative; z-index:2; display:table-cell; width:33% } .header-area .phone{ display:inline-block; margin:0 15px 3px } .header-area .phone a{ color:#fff } .navholder{ margin:0 -9999px; padding:0 9999px; background-image: linear-gradient(to left, #000 47%, #333 50%, #000 53% ); } .navholder label, .navholder input{display:none;} #nav{ height:29px; overflow:hidden; padding:0; position:relative; z-index:2; margin-bottom:0; text-align:center } #nav ul{ padding:0 2px 0 0; font-size:0.8em; text-transform:uppercase; line-height:28px } #nav li{ display:inline-block; padding:0 0 0 2px } #nav ul li.active{ color:#bebebe; padding:0 25px 0 27px; cursor:default; } #nav ul a{ color:#999; padding:0 25px } #nav ul a:hover{color:#bebebe;} #nav ul li.active a, #nav ul a:active{ color:#bebebe; text-decoration:none } .subject{ width:100%; height:242px; overflow:hidden; text-align:right; position:relative } .subject .holder{ width:65%; height:inherit; position:absolute; top:0; right:0; overflow:hidden; background: #222222b5; } .subject ul{display:block} .subject li{ text-align:center; margin:0; color:#bbb; text-shadow: #000 0px 1px 0px } .subject h3{ display:block; font-size:1.1em; margin:0; padding:24px 0 0; text-align:center; color:#fff } .subject img{ margin: 0; padding: 0; height: auto; width: 100% } .content-area{ height:200px; position:relative; font-size:13px; padding:25px 0 0; overflow:hidden } .content-area img{ position:absolute; bottom:0; right:0 } .content-area .info-box{ position:relative; z-index:2; padding:10px; } .content-area h2{ font:28px/40px Georgia, "Times New Roman", Times, serif; color:#aaa; margin-bottom:8px; text-transform:none; text-shadow:#000 3px 1px; } .info-box h3{ font-size:30px; line-height:34px; text-decoration:underline } .content-area span{ font:47px/64px "Verdana", serif; color:#222; text-align:center; padding:15px 0 8px; display:block } .info-box p{ font-size:18px; line-height:24px; margin-bottom:5px } .content-area p span{ font-size:29px; line-height:40px; text-align:center; display:block; color:#999 } .content-area .messengers span{ font-size:47px; line-height:47px } .gallery .messengers .text-block p span{ font-size: 28px; line-height: 40px; padding: 25px 0 3px } #main{ padding:370px 8px 10px; margin:0 -8px; position:relative } .contact{ display:block; font:65px/68px Times New Roman,Times,serif; text-align:center; margin:0 0 20px; color:#f7eaa0; white-space:nowrap; text-shadow:2px 2px #000 } .twocolumns{ width:100%; padding:0 0 30px; overflow:hidden }  .specification { padding:5px 0 35px; margin:0 0 10px; color:#b9b9b9; background-image: linear-gradient(to left, #000 0%, #111 20%, #111 80%, #000 100%); text-align:center } .specification h2{ font: 29px/31px Arial,san-serif; margin: 0 0 20px } #content .specification p { margin: 0 0 15px } #content .specification a{text-decoration:none} #content .phon{ display:block; width:350px; font-size:24px; line-height:48px; background:#832222; color:#fff; border:1px #000 solid; transition: .2s; text-align:center } #content .specification .phon{margin:0 auto} #content a.phon:hover{ text-shadow:none; background:#992828 }  h1{margin:0 0 20px} #content{ width:100%; padding: 10px 0 25px; position:relative } #content a{text-decoration:underline} h3, h4{ font-weight:normal; margin:30px 0 10px; font-size:22px } .korpus h3{margin-bottom:6px;} h3.title{ font-size:22px; line-height:24px; margin:0 0 15px; font-weight:normal } .content-block{ height:1%; padding:5px 17px 30px 5px; margin:0 0 5px; border-bottom:1px #333 solid; overflow:hidden; } .content-holder{ background:#292929; padding:10px 10px 0 12px; overflow:hidden } #content img{ width: 35%; height: auto } ul.content-block, .content-block .content{padding-bottom:20px;} .content-block .text{ padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #c8c8c8 } .content-block li{padding:0;} .content-block div.last{ border:none; margin-bottom:5px } .content-block ul h1, .content-block ul h2{padding:10px 0 0} #content span.title, .content-block span.title{ display:block; margin:10px 0 0; font-weight:bold } .content-block .center{ height:1%; overflow:hidden; text-align:center } .content-block .center img{ display:inline-block; margin:10px } .post{padding-bottom:30px} .post h3{margin:0 0 10px} #content h1, #content h2{ text-align:center; font-size:26px; line-height:40px; font-weight:normal; text-transform:uppercase; color:#fff; margin:0; padding:20px 0; text-shadow:0 4px #000 } .keytable{display:initial} .img_td{width:17%} #content  .keytable img{ width:100%; height:auto } #content .keytable p{padding:20px 0} #content h1.red{color:#ce0000} .alignleft{ float:left; margin:0 20px 10px 0 } .alignright{ float:right; margin:0 0 10px 20px } #content p{margin-bottom:20px} #content .cloud{padding-bottom:30px} #content .cloud h2, #content .cloud h3, #content .cloud h4, #content .cloud h5, #content .cloud h6, #content .cloud h7, #content .cloud strong{ display:block; margin:0; padding:0; font-size:1em; line-height:130%; font-weight:normal; text-align:left; text-transform:inherit; color:#777 } .adt{ height:1%; overflow:hidden; padding:20px 0 0 } .adt li{ float:left; width:25%; height:124px; padding:0; margin:0; overflow:hidden; color:#656565 } .adt h3{ font:18px/20px Times New Roman,Times,serif; margin:0; text-transform:uppercase; color:#456b8e; padding:10px 15px 10px 0 } .adt li.red{color:#a46767} .adt li.red h3{color:#cc5a5a} #content .adt p{ margin:0 15px 3px 0; font-size:14px; line-height:18px } .adt .more{ float:right; margin-right:15px; color:#456b8e; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-shadow:#000 1px 1px } #content .adt li.red .more{color:#cc5a43} #content .adt .more:hover{text-decoration:none} #content .content-block .more{ display:block; margin-bottom:20px } #sidebar{ width:100%; text-align:center; margin:0 0 -9999px; padding:10px 0 9999px 1px; position:relative } #sidebar .text-block a{color:#456b8e} #sidebar .text-block a:hover{text-decoration:none} .block{padding:1px 0 10px} .add-nav{ border:1px #d6dde3 solid; border-bottom:0px; margin:0 0 10px; height:1%; overflow:hidden } .add-nav li{margin:0;} .add-nav a{ font:10pt/12pt Verdana, Tahoma, sans-serif; display:block; text-transform:uppercase; color:#909090; background:#f0f0f0; padding:6px 0; text-align:center; border-bottom:1px #d6dde3 solid } .add-nav a:hover{color:#363636} .add-nav a:active{ text-decoration:none; color:#363636 } #sidebar .text-block p{text-align:left} .sub-nav{ width: 31%; display: inline-block; vertical-align: top; overflow:hidden; padding:0; margin:0 5px 60px; color:#808080 } .sub-nav .more {font-size:17px; display: block; color: #4b8ec1; text-align: right; transition: .6s; } #sidebar .sub-nav img{margin:1px 0 0} #sidebar .sub-nav img.alignleft{margin:10px 10px 0 0} #sidebar .sub-nav img.alignright{margin:10px 0 0 10px} #sidebar .add-nav h2, #sidebar .sub-nav h2{ text-transform:uppercase; margin:0 -10px; padding:3px 5px; font-size:1em; text-align:center; color:#a8a8a8; } .sub-nav p{ font:17px/20px Verdana, Geneva, sans-serif; margin:10px 0 } .sub-nav ul{margin:0 0 2px} .sub-nav li{margin:0} .sub-nav li:last-child{margin-bottom:-3px} .sub-nav ul a{ text-align: center; } .sub-nav a{ display:block; color:#888; font-size:0.9em } .sub-nav a:hover{ color:#888; text-decoration:none } .sub-nav a.more{ text-align:right; text-decoration:underline } .img-holder{ display:inline-block; vertical-align:top; width:30%; height:1%; overflow:hidden; margin:0 10px 20px; position:relative } .img-holder span{ position:absolute; bottom:0; left:1px; background:url(../images/bg-intro.png) repeat; width:100%; padding:5px 8px; text-align:center } .img-holder a{color:#fff} #sidebar h4{ font-size:17px; line-height:17px; color:#6d1609; font-weight:normal; padding:0 5px 60px 120px; text-transform:uppercase; word-spacing:-2px } #footer{ width:910px; margin:0 auto; overflow:hidden; color:#555; padding:20px 0 30px; cursor:default } #footer a{color:#6699c7;} .footer-section{ font-size:0.5em; line-height:20px; text-transform:uppercase } #footer .footer-section ul{ height:1%; overflow:hidden; color:#7ec4f7 } .footer-section li{ float:left; padding:0 5px 0 7px; margin:0 7px 0 -7px; display:inline } .footer-section .footer-nav li{ padding:0 8px 0 10px; margin:0 10px 0 -9px } .footer-section .footer-nav li.active{padding:0 8px 0 9px} .footer-nav{margin:0 0 10px} #footer .footer-nav a:hover{color:#7ec4f7} #footer .text-box a{color:#555} #footer .text-box a:hover{	text-decoration:underline} .footer-section .footer-nav{font-weight:bold} .post-box_social{margin:1rem 0} .sharing-button{ display:inline-flex; justify-content:center; align-items:center; margin-right:.5em; padding:.5em .75em; color:#fff; text-decoration:none; border-radius:5px; transition:25ms ease-out } .sharing-button svg{ width:1em; height:1em; fill:#fff; stroke:none } .sharing-button--twitter:hover{background-color:#2795e9} .sharing-button--pinterest{background-color:#bd081c} .sharing-button--pinterest:hover{background-color:#8c0615} .sharing-button--facebook:hover{background-color:#2d4373} .sharing-button--tumblr{background-color:#35465c} .sharing-button--tumblr:hover{background-color:#222d3c} .sharing-button--reddit{background-color:#5f99cf} .sharing-button--reddit:hover{background-color:#3a80c1} .sharing-button--google{background-color:#dd4b39} .sharing-button--google:hover{background-color:#c23321} .sharing-button--linkedin{background-color:#0077b5} .sharing-button--linkedin:hover{background-color:#046293} .sharing-button--email{background-color:#777} .sharing-button--email:hover{background-color:#5e5e5e} .sharing-button--xing{background-color:#1a7576} .sharing-button--xing:hover{background-color:#114c4c} .sharing-button--whatsapp{background-color:#25d366} .sharing-button--whatsapp:hover{background-color:#1da851} .sharing-button--hackernews{background-color:#f60} .sharing-button--hackernews:focus,.sharing-button--hackernews:hover{background-color:#fb6200} .sharing-button--vk:hover{background-color:#43648c} .sharing-button--facebook{ background-color:#3b5998; border-color:#3b5998 } .sharing-button--facebook:active,.sharing-button--facebook:hover{ background-color:#2d4373; border-color:#2d4373 } .sharing-button--twitter{ background-color:#55acee; border-color:#55acee } .sharing-button--twitter:active,.sharing-button--twitter:hover{ background-color:#2795e9; border-color:#2795e9 } .sharing-button--vk{ background-color:#507299; border-color:#507299 } .sharing-button--vk:hover .sharing-button--vk:active{ background-color:#43648c; border-color:#43648c } .sharing-button--telegram{background-color:#54a9eb} .sharing-button--telegram:hover{background-color:#4b97d1} /*gallery*/ .simple-scroll-gallery{ position:absolute; top:0; left:0; width:100% } .gallery{ max-width: 1200px; min-width: 781px; height:201px; overflow:hidden; position:relative; margin:0; white-space:nowrap } .content-area .gallery img{position:relative;} #alt{ height:201px; margin:0 } .gallery .alignleft, .gallery .alignright{ margin:0 } .btn-prev, .btn-next{ display:none; position:absolute; text-indent:-9999px; overflow:hidden; width:36px; height:123px; top:39px; left:12px; z-index:5; background:url(../images/btns.png) no-repeat } .btn-next{ left:auto; right:268px; background-position:-36px 0 } .btn-prev:hover{background-position:0 -123px} .btn-next:hover{background-position:-36px -123px} .gallery ul{ margin:0; overflow:hidden; width:99999px; padding:0; list-style:none } #alt ul, #alt li{overflow:visible} .gallery li{ display:inline-flex; width:inherit; max-width: 1200px; min-width: 781px; position:relative; z-index:2; overflow:hidden; background:none; margin:0 5px 0 0; padding:0 } .gallery .text-block{ width:80%; overflow:hidden; padding:35px 0; text-align:center } .gallery .text-block p{ font-size:15px; line-height:24px; margin:0 0 20px } .gallery .text-block p span{ font-size:25px; line-height:35px; padding:0 0 2px } .gallery .messenger{ width: max-content; margin:-10px auto 0; padding:0 0 0 15px } .messenger li{ width:auto; min-width:auto; max-width:auto } .messenger a{ width:40px; height:40px; background:url(../images/messenger.png) no-repeat; float:left; margin:0 10px 0 0; overflow:hidden; text-indent:-9999px } .messenger a:hover{ background:url(../images/messenger-hover.png) no-repeat } .messenger .viber{background-position:-127px 0} .messenger .telegram{background-position:-85px 0} .messenger .skype{background-position:-39px 0} .messenger .tel{background-position:-164px 0} .messenger .viber:hover{background-position:-127px 0} .messenger .telegram:hover{background-position:-85px 0} .messenger .skype:hover{background-position:-39px 0} .messenger .tel:hover{background-position:-164px 0} .gallery .more{ color:#999; padding:5px 0 0; font-size:14px; text-transform:none; float:right } .gallery .more:hover{color:#757575;} .switcher{ display:none; width:653px; position:absolute; bottom:0; left:0; overflow:hidden; padding:15px 0 } #alt .switcher{ width:auto; padding:5px 0 0; margin:0 0 0 140px } .switcher div{ position:relative; float:left; left:50% } . switcher ul{ float:left; position:relative; left:-50%; width:auto; margin:0; padding:0; list-style:none } .switcher li{ float:left; width:auto; height:auto; background:none; padding:0 3px; margin:0 } .switcher a{ text-indent:-9999px; overflow:hidden; width:28px; height:7px; display:block; background:url(../images/bg-switcher.png) no-repeat } .switcher a:hover, .switcher .active a{background-position:0 -8px} /*Tab*/ .korpus{padding:5px 10px 0} .korpus ul, .korpus input{display: none} .korpus label{ background:#222; color:#999; padding:0 2px; font-size:0.9em; line-height: 30px; cursor: pointer; margin:0; position: relative; border:1px solid #444; display:inline-block; width:136px; text-align:center } .korpus label.red{background:#a50000} .korpus label:hover{background-image:none} .korpus input[type="radio"]:checked + label{ background:#242424; color:#fff; cursor:default; border:1px solid #444; z-index:4; border-bottom:none } .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){ display: block; padding:20px 0 0; margin:-3px -10px 0; border:1px solid #444; background:#242424; position:relative; z-index:3; border-bottom:none } .korpus li{ padding:0 20px 20px; margin:0; border-bottom:1px solid #444; height:1%; overflow:hidden } #content .korpus .more{ float:right; text-decoration:none } #content .korpus a:hover{text-decoration:underline} .content-area td{opacity:0.0} .cloud h6{margin:0} .scrollup{ width:40px; height:40px; opacity:0.7; text-indent:-9999px; background: url(../images/icontop.png) no-repeat; z-index:1000; position:fixed; right:13px; bottom:7px } .scrollup:hover{opacity:0.9} 
.telephone{ 
	width:100%;
	font:20px/30px Tahoma, serif;
	min-height:40px;
	text-align:center;
	position:fixed;
	background:#fbfbfb;
	box-shadow: 0 2px 15px #7e7e7e;
	top:0;
	left:0;
	z-index:100;
	padding:9px 0 0;
	display:none
} 
.telephone a{
	color:#fff;
	padding:2px 10px;
	background:#ec0000;
	border-radius:10px;
	font-weight:bold;
	border:#ca0000 3px solid;
	text-shadow: 0 1px #000
}

.feedback{display:none;} 

.advantages strong{
	color:#cc5a5a;
	margin-right:10px
}
.advantages ul {
  list-style: none;
  padding: 0;
}

.advantages ul li::before {
  content: '✧'; /* Можно заменить на символ, текст или иконку */
  color: #cc5a5a; /* Цвет иконки */
  font-size: 25px;
  margin:0 14px 0 0; /* Расстояние до текста */
}

#services ol li{margin: 0 0 25px}
#services ol ul li{margin: 0 0 0}
#services h3{
	margin:0;
	color:#fff
}
#services h3::before {
  content: '✦'; /* Можно заменить на символ, текст или иконку */
  color: #fff; /* Цвет иконки */
  font-size: 25px;
  margin: 0 14px 0 0; /* Расстояние до текста */
}

/*--table--*/ 
table{margin:10px 0} 
td{ display: table-cell; vertical-align:middle; padding:10px } 
.offer{ width:100%; font-size:18px; margin: 0 0 20px; text-align:center } 
.offer td{ max-width:212px; vertical-align: top; height:325px; border: 15px #222 solid; padding:0; background:#333 } 
.offer div{ height:inherit; position:relative; box-shadow: 0px 8px 8px #0e0e0e; padding:0 0 54px } 
.offer img{ width:100%; height:auto } 
.offer h2{ font: 23px Tahoma, Geneva, sans-serif; margin:15px; color: #fff } 
.offer p{ display:block; padding:0 10px; margin:0 0 20px } 
.offer a{ position:absolute; bottom:0; width:100%; font-weight:bold; display:block; padding:10px 0; font-size:20px; border: #741010 1px solid; background:#741010; color:#fff } 

@media (max-width: 980px) { /* 980px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */ 
body{ min-width:initial !important; font-size:1.7em } .content-block .center img{ width: 100% !important; margin:2px 0 } #wrapper{ width: initial !important; min-width: auto; padding:0 } #header{ background:none; height:auto; overflow:hidden} .lang{top:0; left:0} .header-block{ height:205px; padding:15px 0 5px } .logo, .logo_ukr{ margin:0 auto 35px; width: 190px } .header-section{ float:none; position:relative; z-index:2; display: table-row; margin:0 auto } .contact{ font-size:45px; line-height:65px; height:200px } .header-section span{font-size:1.2em; color:#777;} .header-section span.tit{line-height:20px; color:#666;} .header-area{ float:none; color:#909090; font-size:1.3em; text-align:center; text-transform:uppercase; position:relative; z-index:2; padding:13px 0 0 } .header-area br{display:none;} .header-area .phone{ color:#000; text-transform:none; margin:0 13px; text-align:center} .subject{display:none} .keytable td{width:1%} /*gallery*/ .content-area{ padding:0; height:0; border:none } .simple-scroll-gallery{ position:absolute; top:0; left:0; width:100% } .gallery{ width:100%; height:201px; overflow:hidden; position:relative; margin:0; white-space:nowrap; background:#37302a } .gallery a{color:#fff} .content-area .gallery img{display:none} #alt{ height:201px; margin:0 } .gallery .alignleft, .gallery .alignright{ width:251px; margin:0; float:none } .btn-prev, .btn-next{display:none} .gallery ul{ margin:0; overflow:hidden; width:100%; padding:0; list-style:none } #alt ul, #alt li{overflow:visible} .gallery li{ float:none; width:380px; position:relative; z-index:2; overflow:hidden; background:none; margin:0 auto; padding:0; height:188px } .gallery .text-block{ width: -moz-fit-content; width: fit-content; overflow:hidden; padding:5px 0; margin:0 auto } .content-area span{ font: 40px/44px "Tahoma", serif; color:#fff; text-transform:none; padding:15px 0 12px } .gallery .text-block p{ font-size:13px; line-height:24px; margin:0 0 10px; color:#ffeb9a } .gallery .text-block p span{ font-size:20px; line-height:22px; color:#fff } .content-area .messengers span{ font-size:33px; line-height:35px; padding: 5px 0 7px } .gallery  .messengers .text-block p span{ font-size: 18px; line-height: 32px; padding: 15px 0 11px } .gallery .text-block a{text-align:center} .messenger a{background:url(../images/messenger.png) no-repeat} .gallery .more{ color:#999; padding:5px 0 0; font-size:14px; text-transform:none; float:right} .gallery .more:hover{color:#757575} .switcher{display:none} #videoholder{width:868px} video{width:866px} #hider{ position:absolute; top:-9999px; left:-9999px } .navholder{ display:block; position:fixed; top:1px; right:0; z-index:1000; background:none; width:200px } .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} #main{ margin:0; padding:390px 10px 10px; width: initial !important } .twocolumns{ width: initial !important; padding:0 } h1{ font-size:27px; line-height:30px } h2{ font-size:27px; line-height:30px }  .specification{ padding: 20px 0 35px } .specification .phon{text-align:center} #content h1, #content h2, .specification h1 { font-size: 1.3em; padding:25px 0 }  #content{ width: 100% !important; padding:0; } #content h1, #content h2{ font-size:1.3em; margin:0; text-transform:inherit } #content h1{ padding:20px 0 25px } #content h3, #content h4{ padding:0; font-size:1.1em; color:#cdcdcd } #content p{margin:0 0 20px} h3.title{ font-size:25px; line-height:35px; margin-bottom:35px; font-weight:bold } .content-block{ margin:0; padding:0 0 20px; } .content-block li{padding:0 0 10px} #content p{margin-bottom:10px} #content .cloud{padding-bottom:30px;} #content .cloud h2, #content .cloud h3, #content .cloud h4, #content .cloud h5, #content .cloud h6, #content .cloud h7, #content .cloud strong{ display:block; margin:0 0 10px; padding:0} #sidebar{ width: initial !important; padding-top:40px; float:none; height:1%; overflow:hidden } .sub-nav{width:48%} #sidebar .img-holder{width: 100% !important} #sidebar img{ width: 100% !important; height: auto !important } #sidebar h2, .sub-nav ul, .sub-nav p, .sub-nav a.more{ font-size:25px; line-height:30px } #sidebar .sub-nav h2, #sidebar .add-nav h2{ font-size:0.8em; line-height:30px; font-weight: normal } .sub-nav ul{ border-top:none; padding:2px 0 0 } .sub-nav ul li{padding:0} .sub-nav ul a{ text-transform:uppercase; padding: 10px 0 } #sidebar .sub-nav img{margin:9px 0 0 !important} .sub-nav a{ white-space:nowrap; font-size:0.6em; width:100% } .img-holder span{ bottom:35%; background:none; font-size:25px } .add-nav a{font:12pt/17pt Verdana, Tahoma, sans-serif} #footer{ width: initial !important; padding: 0 0 100px } #footer li{ font-size:15px; line-height:20px; padding:0 20px 20px } #footer li a{ font-size:15px; line-height:20px } #footer .text-box{padding:0 0 0 10px} .korpus{ padding:30px 10px 0; text-align:center } .korpus label{ font-weight:normal; margin:0 -1px 6px; padding:6px 10px; border-bottom:0; white-space:nowrap } .korpus li{margin:0} .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:2px -10px 0; text-align:left; } .adt{margin:0 0 70px} .adt li{ width: 100%; height:auto; padding:20px 0 0; margin:0 } #content .adt li h3{ font-size:25px; line-height:30px; border-bottom:0; background:none; text-shadow:1px 1px #000; padding:0 0 10px } #content .adt li.red h3{background:none} #content .adt p{ font-size:25px; line-height:35px; margin:0 0 10px } .adt .more{ font-size:20px; line-height:35px } 
.telephone{
	display:block;
	padding:0;
	font-size:24px;
	top:auto;
	bottom:0;
	background:none;
	box-shadow:none;
	min-height:0
} 
.telephone a{
	border-radius:0;
	display:block;
	padding:13px 0 8px;
	border:#8e0000 1px solid;
	background:#cc0000
} 
.telephone span{display:none}
 
.feedback{ display:block; text-align:center; padding:25px 0; height:23px; overflow:hidden } .feedback li{ display:inline-block; margin:0 3px } .feedback a{ display:inline-block; width:140px; font-size:0.68em; line-height:37px; font-weight:bold; padding-top:1px; background:#222; border-radius:2px; border:#555 1px solid; text-transform:uppercase } } 
@media (max-width: 812px) { /* 812px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */ .offer{font-size:22px} .offer h2{font-size:30px} .offer tr{ width:100%; overflow:hidden } .offer td{ height:452px; display:inline-block; width:32%; margin:0 0 30px; border: 4px #222 solid; max-width: inherit } } 
@media (max-width: 541px) { /* 500px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */ .header-block{height:240px} .header-area br{display:inherit} .header-area .phone{ text-transform:none; margin:12px 0 0; text-align:center } .feedback a{ width:88px; font-size:0.6em; line-height:27px } .keytable td{display:contents} .keytable img{ width:50% !important; display:block; margin-left:auto; margin-right:auto } .offer{font-size:25px} .offer h2{font-size:32px} .offer tr{ width:100%; overflow:hidden } .offer td{ height:auto; display:initial; width:-webkit-fill-available; max-width:inherit } .gallery li{width:320px} #content img{width:100% !important} 
@media (max-width: 340px) { /* 340px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */ .feedback{padding:15px} .feedback li{margin:0} } .last{ border:none; background:none; padding-bottom:0 } #sidebar .sub-nav{ width:100%; padding:0 } #footer li { font-size: 15px; line-height: 20px; padding: 0 20px 20px; display: block; float: none; text-align: center; } 
@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 2px }