@font-face {
font-family: 'f15855';
src: url('15855.ttf');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: f15855;
font-size: 16px;
overflow-x: hidden;
letter-spacing: 0.5px;
}
img {
max-width: 100%;
}
p{
padding-bottom: 1em;
}
h1{
padding-bottom: 30px;
}
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}
.container {margin: auto;max-width: 1200px;}
.row:before, 
.row:after,
.clear:before, 
.clear:after {
content: "";
clear: both;
display: block;
}
.row {margin: 0 -15px;}
.cx1,.cs1,.cm1,.cl1,
.cx2,.cs2,.cm2,.cl2,
.cx3,.cs3,.cm3,.cl3,
.cx4,.cs4,.cm4,.cl4,
.cx5,.cs5,.cm5,.cl5,
.cx6,.cs6,.cm6,.cl6,
.cx7,.cs7,.cm7,.cl7,
.cx8,.cs8,.cm8,.cl8,
.cx9,.cs9,.cm9,.cl9,
.cx10,.cs10,.cm10,.cl10,
.cx11,.cs11,.cm11,.cl11,
.cx12,.cs12,.cm12,.cl12{
position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}
.nopadx{padding-left:0;padding-right: 0;}
.inline-block {display: inline-block;}
.circle {border-radius: 1000px;}
.h10{height: 10px;}
.w10 {width: 10px;}
.h20{height: 20px;}
.w20 {width: 20px;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
.pr15 {padding-right: 15%;}
.tabs__tab {
display: none;
}
.tabs__tab.active {
display: block;
}
.bg-red {
background-color: red;
}
.bg-green {
background-color: green;
}
.bg-yellow {
background-color: yellow;
}
.bg-black {
background-color: black;
}
.bg-grey {
background-color: grey;
}
.space10{
height: 10px;
width: 100%;
clear: both;
}
.space25{height: 25px;width: 100%;clear: both;}
.space50{height: 50px;width: 100%;clear: both;}
@media (max-width: 769px) {
.cx1,.cx2,.cx3,.cx4,.cx5,.cx6,.cx7,.cx8,.cx9,.cx10,.cx11,.cx12 {float: left;}
.cx12 {width: 100%;}
.cx11 {width: 91.66666667%;}
.cx10 {width: 83.33333333%;}
.cx9 {width: 75%;}
.cx8 {width: 66.66666667%;}
.cx7 {width: 58.33333333%;}
.cx6 {width: 50%;}
.cx5 {width: 41.66666667%;}
.cx4 {width: 33.33333333%;}
.cx3 {width: 25%;}
.cx2 {width: 16.66666667%;}
.cx1 {width: 8.33333333%;}
.cxo12 {margin-left: 100%;}
.cxo11 {margin-left: 91.66666667%;}
.cxo10 {margin-left: 83.33333333%;}
.cxo9 {margin-left: 75%;}
.cxo8 {margin-left: 66.66666667%;}
.cxo7 {margin-left: 58.33333333%;}
.cxo6 {margin-left: 50%;}
.cxo5 {margin-left: 41.66666667%;}
.cxo4 {margin-left: 33.33333333%;}
.cxo3 {margin-left: 25%;}
.cxo2 {margin-left: 16.66666667%;}
.cxo1 {margin-left: 8.33333333%;}
.cxo0 {margin-left: 0%;}
.cxh{display: none;}
}
@media (min-width: 768px) {
.cs1,.cs2,.cs3,.cs4,.cs5,.cs6,.cs7,.cs8,.cs9,.cs10,.cs11,.cs12 {float: left;}
.cs12 {width: 100%;}
.cs11 {width: 91.66666667%;}
.cs10 {width: 83.33333333%;}
.cs9 {width: 75%;}
.cs8 {width: 66.66666667%;}
.cs7 {width: 58.33333333%;}
.cs6 {width: 50%;}
.cs5 {width: 41.66666667%;}
.cs4 {width: 33.33333333%;}
.cs3 {width: 25%;}
.cs2 {width: 16.66666667%;}
.cs1 {width: 8.33333333%;}
.cso12 {margin-left: 100%;}
.cso11 {margin-left: 91.66666667%;}
.cso10 {margin-left: 83.33333333%;}
.cso9 {margin-left: 75%;}
.cso8 {margin-left: 66.66666667%;}
.cso7 {margin-left: 58.33333333%;}
.cso6 {margin-left: 50%;}
.cso5 {margin-left: 41.66666667%;}
.cso4 {margin-left: 33.33333333%;}
.cso3 {margin-left: 25%;}
.cso2 {margin-left: 16.66666667%;}
.cso1 {margin-left: 8.33333333%;}
.cso0 {margin-left: 0%;}
}
@media (min-width: 992px) {
.cm1,.cm2,.cm3,.cm4,.cm5,.cm6,.cm7,.cm8,.cm9,.cm10,.cm11,.cm12 {float: left;}
.cm12 {width: 100%;}
.cm11 {width: 91.66666667%;}
.cm10 {width: 83.33333333%;}
.cm9 {width: 75%;}
.cm8 {width: 66.66666667%;}
.cm7 {width: 58.33333333%;}
.cm6 {width: 50%;}
.cm5 {width: 41.66666667%;}
.cm4 {width: 33.33333333%;}
.cm3 {width: 25%;}
.cm2 {width: 16.66666667%;}
.cm1 {width: 8.33333333%;}
.cmo12 {margin-left: 100%;}
.cmo11 {margin-left: 91.66666667%;}
.cmo10 {margin-left: 83.33333333%;}
.cmo9 {margin-left: 75%;}
.cmo8 {margin-left: 66.66666667%;}
.cmo7 {margin-left: 58.33333333%;}
.cmo6 {margin-left: 50%;}
.cmo5 {margin-left: 41.66666667%;}
.cmo4 {margin-left: 33.33333333%;}
.cmo3 {margin-left: 25%;}
.cmo2 {margin-left: 16.66666667%;}
.cmo1 {margin-left: 8.33333333%;}
.cmo0 {margin-left: 0%;}
}
@media (min-width: 1200px) {
.cl1,.cl2,.cl3,.cl4,.cl5,.cl6,.cl7,.cl8,.cl9,.cl10,.cl11,.cl12 {
float: left;
}
.cl12 {width: 100%;}
.cl11 {width: 91.66666667%;}
.cl10 {width: 83.33333333%;}
.cl9 {width: 75%;}
.cl8 {width: 66.66666667%;}
.cl7 {width: 58.33333333%;}
.cl6 {width: 50%;}
.cl5 {width: 41.66666667%;}
.cl4 {width: 33.33333333%;}
.cl3 {width: 25%;}
.cl2 {width: 16.66666667%;}
.cl1 {width: 8.33333333%;}
.clo12 {margin-left: 100%;}
.clo11 {margin-left: 91.66666667%;}
.clo10 {margin-left: 83.33333333%;}
.clo9 {margin-left: 75%;}
.clo8 {margin-left: 66.66666667%;}
.clo7 {margin-left: 58.33333333%;}
.clo6 {margin-left: 50%;}
.clo5 {margin-left: 41.66666667%;}
.clo4 {margin-left: 33.33333333%;}
.clo3 {margin-left: 25%;}
.clo2 {margin-left: 16.66666667%;}
.clo1 {margin-left: 8.33333333%;}
.clo0 {margin-left: 0%;}
}
.relative{position: relative;}
.static{position: static;}
.absolute{position: absolute;}
.vertcenter{top:50%;transform:translateY(-50%);}
.verttop{top:0;}
.vertbottom{bottom:0;}
.header {
height: 4.5em;
line-height: 1.2em;
background-color: #000;
}
.header-menu {
height: 4.5em;
line-height: 4.5em;
background-color: #000;
position: relative;
}
.header-logo {
background-color: #fff;
}
.header-logo:before {
content: "";
}
.header-menu ul {
text-align: center;
}
.header-menu ul li {
display: inline-block;
padding: 0 7px;
}
.header-menu ul li a{
color: #fff;
text-decoration: none;
padding: 0 10px;
line-height: 2.2em;
height: 1.5em;
display: inline-block;
font-size: 2em;
}
.header-phone img {
height: 2em;
margin: 1.2em 1.2em 1.2em 2.5em;
}
.header-phone a {
display: inline-block;
height: 2.2em;
line-height: 2.2em;
float: right;
color: #fff;
font-size: 2em;
text-decoration: none;
padding-right: 1em;
}
.leftblack {
background-color: #000;
color: #fff;
}
.leftblack:before {
background-color: #000;
position: absolute;
display: block;
content: "";
left: -2000px;
top: 0;
bottom: 0;
right: 58.3333333%;
z-index: -1;
}
.catalog-cat-icon {
display: inline-block;
margin: 60px 0;
line-height: 2.5;
}
.catalog-cat-icon a {
color: #fff;
text-decoration: none;
}
.catalog-cat-icon span {
border-bottom: solid 1px;
padding-bottom: 3px;
}
.preim {
color: #b22222;
font-weight: normal;
font-size: 2.2em;
padding-bottom: 5px;
}
.tabs__tab {display: none;}.tabs__tab.active {display: block;}
.tabs__tabs-nav {
padding: 0;
border-bottom: solid 2px;
border-top: solid 2px;
}
.tabs__tabs-nav-item {
padding: 7px 30px;
cursor: pointer;
transition: all 0.2s;
font-size: 1.6em;
}
.tabs__tabs-nav-item.active,.tabs__tabs-nav-item:hover {
color: #fff;
background-color: #000;
}
.product-in-cat {
padding: 0 20px 10px;
border: solid 1px #f4f4f4;
box-shadow: 0 0 18px -9px #ccc;
margin-top: 20px;
}
.product-in-cat a {
color: #000;
text-decoration: none;
font-size: 2em;
}
.lumens {font-size: 1em;}
.lumens:before {
content: "";
background-image: url(lamp.png);
height: 1em;
width: 1em;
background-size: cover;
display: inline-block;
line-height: 20px;
margin-bottom: -1px;
margin-right: 3px;
}
.product-more {
font-size: 0.7em;
padding: 5px 10px;
background-color: #b22222;
color: #fff;
}
.formrow input {
height: 35px;
padding: 5px 10px;
width: 20%;
text-align: center;
border-radius: 1px;
border: none;
font-size: 1.5em;
margin: 0 1.5%;
}
.formrow button {
background-color: #b22222;
color: #fff;
height: 35px;
padding: 5px 10px;
width: 20%;
text-align: center;
border-radius: 1px;
border: none;
font-size: 1.5em;
margin: 0 1.5%;
cursor: pointer;
}
.sostav-h {
font-size: 2.2em;
padding-bottom: 5px;
color: #b22222;
}
.sostav-p {
font-size: 1.4em;
}
.footer a {
color: #fff;
text-decoration: #fff;
}
.footer-h {
font-size: 22px;
margin-bottom: 10px;
border-bottom: solid 1px;
}
.paramtable tr:nth-child(even) td {
background-color: #eee;
padding: 3px;
}
.paramtable tr:nth-child(odd) td {
padding: 3px;
}