body {font-family: roboto_ltregular; opacity: 1; /*min-width: 1024px;*/}
h1 {font-family: RobotoThin;    font-size: 44px;}
h2 {font-family: RobotoThin;    font-size: 44px;}
h4 {font-family: roboto_condensedlight; color:  #CC0001;    font-size: 32px;}

.h2 {    font-family: RobotoThin; font-size: 44px;}
a, a:visited  {font-family: roboto_condensedlight; color: black;}
a:hover {text-decoration: none; /*font-weight: bold;*/ color: yellow;}

            /* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(/img/b20+.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
            
            /* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l              (normal)
            .jssora21r              (normal)
            .jssora21l:hover        (normal mouseover)
            .jssora21r:hover        (normal mouseover)
            .jssora21ldn            (mousedown)
            .jssora21rdn            (mousedown)
            */
            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(/img/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }            


.top {position: absolute;z-index: 100; top: 0px;  width: 100%; }
.a_menu, .a_menu:visited {color: white; border-bottom: solid 1px #CC0001; white-space: nowrap; text-align: center; }

.a_menu2 {color: black; border-bottom: 1px dashed #CC0001;margin: 0px 10px;    text-decoration: none;}
.a_menu2:visited  {color: black; border-bottom: 1px dashed #CC0001;margin: 0px 10px;    text-decoration: none;}
.a_menu2:hover {color: #CC0001;border-bottom: 0px; font-weight: normal;}
.a_menu2.curren {color: #CC0001;border-bottom: 0px; font-weight: normal;}

.a_head,.a_head:visited {color: white; border: solid 1px white; border-radius: 5px; display: inline-block; white-space: nowrap; text-align: center;padding: 5px 20px; font-family: roboto_condensedlight; font-size: 14px; line-height: 14px;}
.a_head2,.a_head2:visited {color: white; border: solid 1px white; border-radius: 5px; display: inline-block; white-space: nowrap; text-align: center;padding: 8px 20px; font-family: roboto_condensedlight; font-size: 16px;line-height: 16px; margin: 20px 15px 0px 0px; }
.bg_red {background-color: #CC0001;}
.a_head2:hover, .a_head:hover{background-color: #CC0001;}

a.h4 {font-family: roboto_condensedlight; color:  #CC0001;    font-size: 32px;}
.block {display: block;}
.fs18{font-size: 16px; line-height: 24px;}
table.tm td{/*vertical-align: middle!important;*/ text-align: center;}

@media screen and (max-height:800px) {
    .fs18{font-size: 14px; line-height: 20px;}
}

.a_ot, .a_ot:visited { border: solid 1px #CC0001; border-radius: 5px; display: inline-block; text-align: center;padding: 8px 25px; }
.a_ot:hover{color: black;}
@media screen and (max-width:1210px) {
    .a_menu {font-size: 12px; white-space: normal;}
    .a_head {font-size: 12px;}
}
.logo {color: white; background-image: url('/img/logo.png'); background-size: cover; display: inline-block; height: 88px; width: 228px;}
.mt30 {    margin-top: 30px;}
.mt20 {    margin-top: 20px;}
.mt30 div{text-align: center;}
.pl0{padding-left: 0;}

.lenta {height: 128px;  border: solid 1px #D96868; border-radius: 5px;margin: 10px 0px 0px 0px;background-repeat: no-repeat; background-position: 10% 40%; padding: 15px 5px 0px 5px;}
.lenta.news {background-image: url('/img/news_ico.png');}
.lenta.util {background-image: url('/img/util_ico.png');}
.lenta.docu {background-image: url('/img/docu_ico.png');}
.lenta.vide {background-image: url('/img/vide_ico.png');}

.a_slider1 {color: black;}
.a_slider1:hover {color: black;}

.product {padding: 30px 10px; min-height: 320px;}

.rub {background-image: url("/img/rub.png"); background-repeat: no-repeat; background-size: contain;display: inline-block;
    width: 14px;height: 24px;}
.price {color:#E50002; font-size: 34px; font-family: RobotoCondensedBold;    line-height: 24px;white-space: nowrap; margin-bottom: 5px;}
.kupit {width: 80px; height: 24px; background-image: url("/img/kupit.png"); background-repeat: no-repeat; display: inline-block;}
.kupit:hover{   border: solid 1px #999999;    border-radius: 5px;}
.download {width: 80px; height: 24px; background-image: url("/img/download.png"); background-repeat: no-repeat; display: inline-block;}
.download:hover {    border: solid 1px #CC0000;    border-radius: 5px;}


.product_price {margin-top: 10px;}
.img-ot {width: 190px; float: left; margin: 0px 20px;}
.ot_podp {color: #E84648;margin-top: 10px; font-family: RobotoCondensedRegular; font-size: 16px;}
.sl-ot {background-color: #F4F5F6;}
.foot_menu{margin-top: 50px; background-color: #F6F6F6;    padding: 50px 30px;}
.fott_a {font-family: roboto_condensedlight; font-size: 16px; color: black;margin: 10px 0px;}
.fott_a:hover {color: black;}
.foot_bottom {font-family: roboto_condensedlight; font-size: 14px; background-color: #333333; color: white; padding: 50px 15px;}
/* Стили для pagination */ 
ul#pagination{
    margin-left: 10px;
    margin-top: 0px;
    padding:0;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 16px;
}

ul#pagination li{
    display: inline-block;
    margin: 5px;
    padding: 7px 3px;
    border: 0px solid #2B2A29;
}

ul#pagination li.active{
/*background-color: #FFA400;
background-position: top left;*/
width: 27px;
height: 27px;
color: #000000;
font-size: 24px;
text-align: center;
}

 ul#pagination a{
color: #1976d2;
text-decoration: none;
font-size: 24px;
 }
#photo-list {margin-top: 20px;}
.foto {display: inline-block; height: 210px;}
.foto a {background-repeat: no-repeat;width: 265px;height: 160px;display: inline-block;background-size: cover;margin-right: 10px;margin-bottom: 10px;}
.foto_title {position: absolute;width: 265px;text-align: center;}
.foto_title a {color: black;height: 15px;}

.img_foto {width: 119px; height: 119px; border-radius: 5px;}
.foto a:hover {
	box-shadow:0 0 6px 1px rgba(43,166,203,.5)
}

.foto a {
  border: 3px solid #FFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
  display: inline-block;
  transition: box-shadow 300ms;
}

#menu, #vhod, #poisk {width: 100%; height: 100%;overflow: scroll; background-color: #F0F0F2; opacity: 0.9; position: fixed; top: 0; display: none;    z-index: 100; padding-bottom: 25px;}
.mvp{position: fixed; right: 15px;top: 65px; z-index: 101;}
.logo_min{width: 47px; height: 45px; background-image: url('/img/logo_mini.png'); display: block; margin: 2px 0px; background-size: cover; cursor: pointer; display: none;   }
.menu{width: 47px; height: 45px; background-image: url('/img/menu.png'); display: block; margin: 2px 0px; background-size: cover; cursor: pointer;}
.vhod{width: 47px; height: 45px; background-image: url('/img/vhod.png'); display: block; margin: 2px 0px; background-size: cover; cursor: pointer;}
.poisk{width: 47px; height: 45px; background-image: url('/img/poisk.png'); display: block; margin: 2px 0px; background-size: cover; cursor: pointer;}
.close_m {width: 22px; height: 22px; background-image: url('/img/close.png'); display: block; margin: 2px 0px; background-size: cover; cursor: pointer; position: fixed; margin-top:30px; right: 28px;z-index: 1;}

.twist2:hover {
    -webkit-animation: preloader2 2s infinite linear;
    -moz-animation: preloader2 2s infinite linear;
    -ms-animation: preloader2 2s infinite linear;
    -o-animation: preloader2 2s infinite linear;
    animation: preloader2 2s infinite linear;
}
@-webkit-keyframes preloader2 {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes preloader2 {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes preloader2 {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes preloader2 {
    to { -o-transform: rotate(360deg); }
}

@keyframes preloader2 {
    to { transform: rotate(360deg); }
}

.menu_comodo {left: 50%;    position: relative;    margin-left: -150px;}
.menu_items {margin: 0px 0px;}
.detal_body {background-color: #2D3342; height: 1000px;}
.d1 {background-image: url('/img/fon_prod.jpg');    background-size: contain; background-repeat: no-repeat; color: white;}
.d2 {background-image: url('/img/sl3.jpg');    background-size: contain; background-repeat: no-repeat; color: white;}
.d3 {background-image: url('/img/sl2.jpg');    background-size: contain; background-repeat: no-repeat; color: white;}
.imgdetal{z-index: 1;}
.prpl {margin-top: -150px; background-color: white; border-radius: 5px; padding: 50px 0px; color: black; min-height: 500px;}
.lfmnu0 {padding-top: 110px;}
@media screen and (max-width:720px) {
.prpl {margin-top: 0px;}
.lfmnu0 {padding-top: 10px;}
}
.lfmnu {cursor: pointer; color: #CC0000;font-family: roboto_condensedlight; font-size: 16px;    padding: 10px 0px; border-bottom: #CCCCCC solid 1px;}
.a_lfmnu {display: inline-block; width: 10px; height: 5px; background-position: 100% 100%; background-image: url('/img/str1.png'); margin: 2px 10px;}
.a_lfmnu.activ {background-position:100% 0% ;}
.a_lfmnu2 {display: block; margin-left: 20px;    line-height: 30px;}
.a_lfmnu2:hover {color: #CC0001;}
.a_lfmnu2.activ {color: #CC0001;}
.submenu {display: none;}
.sl_left {margin-left: 640px; width: 400px; display: inline-block;}

a.news_name {font-size: 26px; color: #428bca;}
a.news_name:hover {font-size: 26px; color: #428bca; font-weight: bold;}
.form1 {width: 300px;}
.seotext {}
.seotext a{color: white;}
.seotext h1 {font-size: 16px;  margin: 0;}
#ideal a:hover {   color: #CC0001;}
.soc img{width: 60px;}

.fm1 {
list-style: none;   
float: left;
}
a.a_menu2.block {margin:0!important; width: 100%;}
.fm2 {list-style: none; }
.fm1 ul {padding: 0px;}
.fm1 a.fott_a {font-weight: bold;}
.kont td {padding: 5px 10px;}
.video {max-width: 700px;    left: 50%;    position: relative;    margin-left: -350px;}

.foto_discr {
    transform: perspective(2000px);
    margin-top: -75px;
    width: 580px;
}
.promo {
    margin-top: -180px;
    width: 555px;
    color: black;
}


.promo  a.a_head2 {
    margin-top: 56px;
    margin-left: 350px;
}

.promo2 {
    width: 555px;
    color: black;
    font-size: 18px;
    color: white;
    line-height: 20px;
    margin-top: 50px;
}
.f16 {font-size: 16px; color: white;line-height: 20px; margin-top: -80px;}
.img_items {max-height: 200px; max-width: 200px;float: left; padding: 0 5px;}

@media screen and (max-width:1280px) {
.product, .product_c {padding: 30px 10px; min-height: 360px;}
}
@media screen and (max-width:1300px) {
h1.hh1 {font-size: 30px;}
}
@media screen and (max-width:1024px) {
h1.hh1 {font-size: 26px;}
}
@media screen and (max-width:960px) {
.product, .product_c {padding: 30px 10px; min-height: 400px;}
}

@media screen and (max-width:1200px) {
.prpl {margin-top: -90px;}
.lfmnu0 {padding-top: 10px;}
}
@media screen and (max-width:1024px) {
.prpl {margin-top: -60px;}
.lfmnu0 {padding-top: 10px;}
}
@media screen and (max-width:960px) {
.prpl {margin-top: -10px;}
.lfmnu0 {padding-top: 10px;}
}
@media screen and (max-width:720px) {
.prpl {margin-top: 0px;}
.lfmnu0 {padding-top: 10px;}
.product, .product_c {padding: 10px 10px; min-height: 0;}
#ideal ul{list-style: none; padding: 0;}
}
@media screen and (max-width:425px) {
.comodo-ssl, .comodo-ssl:visited {padding: 5px;}
.img_items {max-height: 130px; max-width: 130px;margin-bottom:50px;}
a.h4 {font-size: 26px;}
.price {font-size: 30px;}
}

-->