*{margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding:0}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
image,img{border:0}
a,span.inbasket{text-decoration:none}
a:hover{color:#1e88e5}
a:active{color:#22272a}
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}
textarea{border:1px solid #CCC;padding:5px}
input:focus,textarea:focus{outline:none}
button:focus{outline:none}
ul,ol{margin:0;padding:0}
input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 5px 5px 0}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}
html,body{width:100%;height:100%;margin:0 auto;-webkit-font-smoothing:subpixel-antialiased}
body{font-weight:normal;font-size:15.25px;line-height:140%;font-family:Roboto,'PT Sans',Helvetica,Arial,sans-serif;margin:0;padding:0;color:#546E7A}
h1,h2,h3,h4,h5{font-weight:normal;font-family:Roboto,'PT Sans',Helvetica,Arial,sans-serif;line-height:105%;letter-spacing:-0.05em;-webkit-font-smoothing:subpixel-antialiased}
h1{font-size:170%;margin:3.1vh 0 1.5vh;padding-bottom:10px}
h2{font-size:155%;margin:2.75vh 0 1.1vh}
h3{font-size:140%;margin:2.75vh 0 .9vh}
h4{font-size:125%;margin:1.75vh 0 .75vh}
h5{font-size:115%;margin:1.5vh 0 .75vh;color:#0088DD}
h6{font-size:110%;margin:.75vh 0;line-height:105%}

header,#header{position:relative;overflow:hidden;clear:both}
header,#header{position:relative;overflow:hidden;clear:both}
#logo{position:relative;display:block;overflow:hidden;min-height:100px;width:350px;float:left;margin:32px 0 0;z-index:100}
nav,#nav{height:80px;clear:both}
/* custom color	background-color:rgb(240,247,250)*/

.side_l h4,.side_r h4,.fortheme h4{
    position: relative;
    font-weight: 700;
    font-size: 105%;
    line-height: 36px!important;
    margin: 0;
    padding: 4px 8px 2px 8px;
    text-transform: uppercase
	}
#wrapper{position:relative;min-height:100%;margin:0 auto}
.frame-wrap{position:relative;display:block;max-width:1200px;margin:0 auto;overflow:hidden}
.wrap{position:relative;margin:0 auto}
.frmh{height:3%}
.elps{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
#page-wrap{position:relative;display:inline-block;width:100%;margin-bottom:-5px;padding-bottom:40px;z-index:1;/*background-color:#fff;overflow:hidden;*/}
.crumb{position:relative;font-size:80%;padding:1em 5px;white-space:nowrap;overflow:hidden;color:#B0BEC5;clear:both;z-index:1000;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.crumb.top{border:0}
.crumb a{color:#90A4AE}
.crumb.top a:hover{color:#1E88E5;text-decoration:underline}
.crumb span{padding:0 7px;font-size:125%}
#content{float:left;width:100%}
.srch-mid{background-color:#eceff1;position:relative;margin:0 -2%;padding:1em;border:0;border-bottom:1px solid #FFF}
#main{background: #FFF;overflow:hidden;position:relative;min-height:480px;
/*border:1px solid #E8E8E8;border-top:0;margin:0 220px 0 250px;8*/
    margin: 0 0px 0 320px;
padding:0 1.25%;
/*box-shadow:inset 0 20px 30px -25px #AAA*/
}
#main h1{border-bottom:1px solid #EEE;text-transform:uppercase}
#main article,#main p{margin-bottom:15px}
#main ul,#main ol{margin:10px 0}
#main ul li,#main ol li{margin-left:20px;padding-left:7px}
#main img{max-width:100%}
#main img[class=aleft]{float:left;margin:0 10px 5px 0}
#main img[class=aright]{float:right;margin:0 0 5px 10px}
#main *[class=aleft] img{margin-right:3%}
#main *[class=aright] img{margin-left:3%}
#main a[target=blank]:hover{background:#4488D4;color:#FFF;margin:auto -3px;padding:0 3px}
.tgl-nav{display:none;position:relative;padding:0 10px;height:45px;text-align:left;z-index:5000}
.clear,.clr{clear:both;height:0;overflow:hidden;display:block}
aside,.side_l,.side_r{position:relative;display:block}
/*.side_l{width:240px;margin-right:-240px;float:left}*/
.side_l{width:300px;margin-right:-300px;float:left}
.side_r{display:none}
/*.side_r{width:200px;float:right;overflow:hidden;margin-left:-210px;margin-right:10px}*/
.block{margin-bottom:25px}
.bl-inner{border:1px solid #EEE;border-top-color:transparent}
/*custom color*/
footer,#footer{position:relative;width:100%;min-height:300px}

/*custom color*/
#footer_fon{width:auto;margin:0 auto;padding:2em 20px 5px;font-size:90%;clear:none;z-index:1}

.counters{position:relative;margin:.75rem auto;opacity:1}
.counters:hover{opacity:.9}
.cp{text-align:left;max-width:225px;margin-top:-1rem}
.cp img{margin:10px 0 20px}
/*custom color*/
#top-phone{float:right;padding:25px;text-align:right;max-width:350px;margin-left:-2.5rem}

#top-phone span,#top-phone a{font-size:150%;padding-bottom:5px;display:block;text-shadow:0 0 5px #1E5064}
#top-phone strong{font-size:150%}
/*custom color*/
#top-phone .mob{font-size:110%;padding-left:60px}

.mob.kst{background:url(/img/mob-kst.png) no-repeat 14px 1px}
.mob.mtc{background:url(/img/mob-mtc.png) no-repeat 14px 1px}
.mob.vdf{background:url(/img/mob-vdf.png) no-repeat 14px 1px}
.soc-gp{float:right;margin:7px 0;max-width:88px}
/*custom color*/
#footer_fon a{font-weight:normal;text-decoration:none}

#botmenu{text-align:center;position:relative;width:67%;margin:5px 0 20px;float:left;overflow:hidden}
#botmenu a{padding:5px 0;display:block}
#botmenu a:hover{text-decoration:underline}
.b-block1,.b-block2,.b-block3{position:relative;float:left;width:31%;text-align:left;margin-left:1%;padding:0 2%;border-right:1px solid #4e595f;overflow:hidden}

.CartTable{background:#fefefe;margin:5px 0px;width:100%}
.CartTable td{padding:5px;font-size:90%;vertical-align:middle}
.CartTitleColumn{background:#efefef;font-weight:bold;color:#878787}
/*.CartFonLine{}*/
.CartRow{background:#fafafa}
.CartSubTotal{font:bold 127%/27px Arial;color:#878787;border-top:0px dotted #11A8FF}
.Cartfontline{text-decoration:none}
.CartCount{font-size:100%}
.CartUndLine{border-top:1px dotted #fff;font-style:italic;font-size:120%;color:#545454}
.CartRowDel{background:#F9EBEB;opacity:0.75;filter:Alpha(opacity=75)}
.CartRowDel *{color:#C30}
.vis{display:block}
.hidden,#frmOrder .hid{display:none}
.small{font-size:90%}
.aright{float:right}
.aleft{float:left}
.pd5{padding:5px}
.pd10{padding:10px}
.pd20{padding:20px}
.pd05{padding:0 5px}
.pd010{padding:0 10px}
.pd020{padding:0 20px}
.center{margin:0 auto;text-align:center}
.toggle h4{cursor:pointer}
.per4{margin-top:15px;margin-right:-1.5%}
.per4 .item{width:24%;margin-right:.5%;vertical-align:top;display:inline-block;overflow:hidden}
a.item img,.adv img{width:100%}
.pageNav{clear:both}
#slides{display:block;clear:both;overflow:hidden}
#basket{font-size:90%;line-height:120%;padding:5px;color:inherit}
#bskmud{float:left;margin:0 5px 0 0;width:40px;height:40px}
.basket {
	position: fixed;
    right: 0px;
    background: #ffffff;
    margin: -3rem 0 0;
    padding:3px 10px 3px 3px;
    white-space: nowrap;
    z-index: 5100;
    border-radius: 22px 0 0 22px;
    transition: .25s;
    box-shadow: 0 0 20px rgba(0,10,25,.25);
}
.basket a{display:block;width:32px;color:inherit}
.basket button{display:block}
.mnuTM{position:relative;margin:0;padding:0 0 5px;margin-bottom:20px;font-family:Roboto,'PT Sans',Tahoma,Arial}
.mnuTM UL,.mnuTM LI{margin:0px;padding:0px}
.mnuTM menu,.mnuTM menu UL,.mnuTM menu blockquote{margin:0;padding:0}
.catcategory{overflow: hidden;
    clear: both;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #DFE8EC
	}
/*.catcategory a:hover {color:#f10f2a}*/
.catcategory h3{margin:1em 0}
.catcategory img{width:27%;margin:0 3% 1em 1%;float:left}
#main ul.catgroup{list-style:none;width:64%;margin:0;padding:0;overflow:hidden}
#main ul.catgroup li{
	display: table;
    padding:0; 
    border: 1px solid #DFE8EC;
    float: left;
    margin: 0 .5em .5em 0;
	}
.catgroup li a{display: table-cell;
    vertical-align: middle;
    padding: .75em .75em .6em;
	}
.mnuTM menu{background:#f8fafe}
/*custom bg, border, color*/
.mnuTM menu a.cat{font-weight:400;border:1px solid;text-align:left;overflow:hidden;display:block;margin:0;padding:10px 2px 10px 8px}
/*.mnuTM menu a.cat:hover{background-position:0px -64px}*/

.mnuTM menu ul{list-style:none;margin:0;padding:0;overflow:hidden;line-height:120%}
.mnuTM .catsub{display:none}
.mnuTM .catsub li{margin:0;padding:0;border-top:1px solid #EBEBEB;font-size:95%}
.mnuTM .catsub a{display:block;margin:0;padding:9px 3px 9px 10px}
.mnuTM ul .catsub{margin:0;padding:0}
.mnuTM .catsub ul{margin:0;padding-bottom:4px}
.mnuTM .catsub ul li{background:#FAFAFA url(/img/list-style.png) no-repeat 10px center;background-color:rgb(252,252,248);margin:0;padding-left:16px;font-size:90%}
.mnuTM .subsub a{margin:0;padding:7px 0 6px 4px}
.mnuTM .act a{color:#222}
.mnuTM .catsub li:hover,.mnuTM .catsub li a:active{background-color:#f7f8fd;color:#444}
.mnuTM li.subsub:hover,.mnuTM li.subsub a:active{background-color:rgb(248,248,248);color:#444}
.fortheme{display:block;clear:both;margin-top:25px}
/*.fortheme h4{margin:10px -2.6%}*/
.fortheme ul li,ul.catgroup li{padding:8px 0}
.brnd-detail{display:block;overflow:hidden}
.brnd-detail dt{display:inline-block;min-width:100px;width:22.75%;color:#AAA;font-size:88%;text-align:right;margin-right:1.25%;margin-bottom:10px}
.brnd-detail dd{display:inline;color:#444;margin-bottom:10px;padding:2px 5px;font-weight:400;font-size:92%;border:1px solid #FAFAFA;border-bottom:1px solid #F3F0ED;border-right:1px solid #F3F0ED}
.brnd-detail dd:after,.col2data dd:after{content:'\A';white-space:pre}
.col2data{font-size:90%;vertical-align:top;line-height:36px}
.col2data dt{width:38%;white-space:pre;text-overflow:ellipsis}
.col2data dd{display:inline;border-bottom:1px dotted #DDE}
.product{margin-bottom:10px;overflow:hidden;clear:both}
.prodimg{background-color:#eee;display:table;float:left;width:45%;height:256px;margin-right:3%;padding:0 1px 1px 0}
ul.prd-post .prodimg{width:30%;height:150px}
.prodimg>div,.prodimg>a{background-color:#FFF;display:table-cell;overflow:hidden;vertical-align:middle;padding:0 5px;height:150px}
ul.prd-post .prodimg>a{height:100px}
.prodimg img{width:100%;vertical-align:middle}
.pdescrdetail{display:block}
.prd-post li h3,.prdname{font-size:1.2em;margin:0 -1.5% 10px;padding:10px 1.75%;border-bottom:1px dotted #DEDEDE;transition:.2s .2s}
.prdname a{text-decoration:underline;vertical-align:middle}
.prddescr{clear:both;line-height:16px;overflow:hidden;font-size:100px}
.prdlist{height:22px;font:normal 12px/22px Tahoma}
.prdlist td{height:22px;padding:5px;border-bottom:1px dotted #EEE;border-right:1px solid #EEE}
.prdlist div{position:relative;height:20px;width:100%}
.prdlist div div{position:absolute}
#main ul.prd-post{list-style:none;position:relative;margin:0 -2.5%;padding:0}
#main ul.prd-post li{display:block;clear:both;overflow:hidden;margin:0;padding:0 1.5% 40px;background:#FFF;border-bottom:1px dotted #DEDEDE;color:rgb(140,140,145);vertical-align:top}
ul.prd-mosaic{list-style:none;margin:0 -2% 0 0;padding:0;position:relative}
ul.prd-mosaic li{display:block;margin:0px;padding:20px 2%;border-bottom:1px dotted #DEDEDE;min-height:172px;width:45%;float:left;position:relative}
.p-list-descr{margin-top:10px;overflow:hidden}
.p-list-descr p,.pdescrdetail p{font-size:88%;line-height:130%;overflow:hidden}
.p-list-descr p{padding:5px 0 10px 5%}
.prd-post li .bfon{min-width:208px;width:auto;float:right;position:relative;text-align:right;padding:7px}
.prdlist:hover,.prd-mosaic li:hover{background-color:rgb(250,250,250);color:rgb(50,50,50)}
#main ul.prd-post li:hover{color:rgb(50,50,50)}
ul.prd-post li:hover h3{background-color:#FFF}
.prdblock h1,.product h1{margin:0}
.priceOld{color:red;font-size:120%;text-decoration:line-through;border-bottom:1px solid #DEDEDE}
.priceNew{padding:1px 4px;background:green;font-size:140%;border:0px solid #DEDEDE}
strong.priceNew{color:#FFF}
.pricein{text-align:right;margin-right:5%}
.pricein font{font-size:11px;display:block;float:left;line-height:15px}
.product .pricein{float:left;text-align:right}
.pricein .price2{color:rgb(40,170,30)}
.price{font:500 19px/28px Roboto,Arial;color:#222;letter-spacing:-.03em;word-spacing:-.03em;overflow:hidden;vertical-align:top}
.pdescrdetail .price{font-size:24px;line-height:32px;border:solid #eee;border-width:2px 0;margin:15px auto}
.price2{border-top:1px solid #CACBCE;padding:3px 0 3px 10px;font-size:15px}
.inbasket,.inbasket1{
	/*background:url(/adm/img/catload.gif) no-repeat center 18px;*/
line-height:30px;max-height:75px;text-align:right;vertical-align:middle;font-size:80%}
.inbasket1{width:25px}
.lastnews li{margin:0;display:block;text-decoration:none;border-top:1px dotted #FCFCFC;border-bottom:1px dotted #DBDBDB}
.lastnews li{padding:7px 0}
.lastnews li{clear:both;margin:0px 0px;color:#878787}
.lastnews li a{display:block}
.newsdate{font-weight:normal;font-size:85%;margin:3px 0 7px}
#main ul.newspost{list-style:none;padding:0}
#main ul.newspost li{margin:0 0 50px;padding:0;overflow:hidden}
.newspost li .newstitle{font-weight:500;font-size:110%;line-height:125%;display:block;margin-bottom:7px}
.newspost li .newsimg{float:left;width:20%;overflow:hidden;margin-right:3%}
.newspost li .newsimg img{width:100%}
.newspost li>div{overflow:hidden}
.announce{display:block;max-height:460px;overflow:hidden;clear:both}
.announce .pimg-left{float:left;width:45%;margin:0 2% 10px 0}
.undTitle{font-size:90%;margin:15px auto}
ul.brends{list-style:none;display:block;overflow:hidden;clear:both}
#main ul.brends li{padding:4px 0px;display:inline-block;width:32.25%;margin:0;border-bottom:1px solid #EEE}
ul.brends li a{font-weight:bold;padding:3px 5px;display:block}
ul.brends li i{font:normal normal 80% Tahoma;color:#CCC;text-transform:capitalize}
ul.brends li:hover{background-color:#F4F4F4}
.side_l ul.brends{display:none}
.side_l ul.brends li{border-bottom:1px dotted #EEE}
form.search{text-align:center;margin:0 auto;width:100%;font-weight:bold}

.search input.input{margin:0;vertical-align:top;width:85.5%;height:36px;padding:0px 2px 0px 30px;
background: #f9fbfd url(/img/search_bg.png) no-repeat 7px 4px;
}
.search .srch-but{
	background-color: #B0BEC5;
    min-width: 64px;
    width: 12%;height:36px;margin:0 0 0 -1%;display:inline;vertical-align:top;font-size:102%;line-height:20px;color:#f9fbfd;cursor:pointer;    border-radius:0;*margin:1px 5px;*height:29px}

.srch-mid:hover .srch-but{    border-color: #1d68bb;
    background-color: #1a72d4}
.srch-mid:hover input,.srch-mid input:active{border-color:#BBB;background-color:#FFF;background-position:7px -23px}
.srch-mid .srch-but:active,.srch-mid input:focus{border:1px solid #91B9EB;box-shadow:inset 0 0 5px #A3C2E9}
.srch-but:hover{border-color:#DEDEDE;background-color:#EEE}
.clr{clear:both;height:0;overflow:hidden}
.ttop{background:#EFEFEF;position:relative;padding:0 10px;z-index:750}
#bgfon,#pfon{display:none}
#owl-srv,#owl-bst{border-bottom:1px solid #EEE}
#owl-srv .item,#owl-bst .item{position:relative;font-size:90%;line-height:110%}
#owl-srv .item div,#owl-bst .item div{position:relative;width:100%;display:table;min-height:150px;margin:0 10px 10px;overflow:hidden;border:1px solid #FFF}
.item div>img{display:table-cell;width:100%!important;vertical-align:middle;overflow:hidden}
.newspost li.li-prj{width:46.3%;display:inline-block;position:relative;margin-bottom:25px;text-align:center;min-height:180px;max-height:180px}
.newspost li.li-prj div{overflow:hidden;height:130px;margin-bottom:10px;vertical-align:middle}
.newspost li.li-prj img{width:75%;vertical-align:bottom!important}
.prdblockcat, .prdblock{position:relative;margin:5px 0;height:228px;padding:10px}
.prdblockcat{min-height:200px;max-height:25%;margin-left:1%;border:1px solid #EAEAEA;float:left;width:31.88%;text-align:center}
.prdblockcat .prdname{vertical-align:bottom}
.prdblockcat .pimg{height:100%;display:table;text-align:center;margin:0 auto;vertical-align:middle}
.prdblockcat .pimg strong{position:absolute;left:0;right:0;bottom:0;padding:.5em 5px 5px;height:4em;overflow:hidden;background:rgba(250,250,250,.5);text-overflow:ellipsis;-o-text-overflow:ellipsis}
.pimg img{width:80%;display:table-cell;margin:0 auto;vertical-align:middle}
#langs{position:absolute;left:5px;bottom:50px;z-index:1500}
.langs{display:inline-block;margin-top:10px;float:right;text-align:center;font-size:11px;position:relative;z-index:10}
.langs a,.langs strong{margin:0 3px;padding:2px 4px}
.langs a{text-decoration:none;color:#8CB9E1;border:1px solid #888}
.langs a:hover,.langs a.act:hover{color:#E8E8E8;text-decoration:underline}
.langs a.act{color:#e4332d}

.langs a.sitemap{float:right}
nav{margin:-40px auto 0;display:block;text-align:center}

table.table{border:1px solid #F5FAFF;border-collapse:collapse}
thead,.table .head{background-color:#F5FAFF;color:#3664AA}
table.table td{border:1px solid #F5FAFF;font-size:90%;padding:3px}
#top_ref{position:relative;list-style:none;margin:0 auto;padding:0;height:40px;line-height:40px}
#top_ref>li,#top_ref>li a,#top_ref form{display:inline-block;height:40px}
#top_ref>li{font:500 15px/44px Roboto,Tahoma,Helvetica;padding:0px;cursor:default;margin:0 auto;list-style:none;display:inline-block;text-transform:uppercase}
#top_ref>li>a{
	/*background-color:rgba(250,250,250,.3);color:#FFF;text-shadow:0 1px 2px #246;*/
margin:0 1px;padding:0px 24px 0px 22px;position:relative;text-decoration:none;cursor:pointer}
#top_ref>li>a:hover{background-color:rgba(240,240,240,.4);-webkit-transition:.2s;transition:.2s}
#top_ref>li.active>a,#top_ref>li.hover>a{height:47px;background-color:#ECEFF1;color:#455A64;text-shadow:0 0px 2px #FFF}
#top_ref a:focus{outline:0;border:none}
a:focus{outline:0}
#top_refline{position:relative;width:auto;text-align:center;height:65px;z-index:1000;padding:0px}
#top_reflineleft{position:relative;width:auto;height:65px;margin:0px;padding:0px}
#tm1>a{background:url(/img/ref-home.png) no-repeat center 0;width:5px}
#tm1.active>a,#tm1.hover>a{background-position:center -32px}
#top_ref>ul,
#dropmenu_over{
	height: 40px;
    text-align: left;
    width: auto;
    overflow: hidden;
    clear: both;
    background-color: #ECEFF1;
    /* border-bottom: 2px solid rgb(235,235,235); */
	}
#top_ref>ul,#dropmenu_over ul{margin:0;clear:both}
ul.dropmenu{padding:1px;list-style:none;position:absolute;width:100%;top:100%;left:0;margin:0;display:none;clear:both;height:40px;white-space:nowrap;z-index:250;text-align:center}
#top_ref ul.dropmenu>li{height:100%;display:inline-block;vertical-align:middle}
ul.dropmenu>li a{text-transform:none;color:#455A64}
.active ul.dropmenu,.hover ul.dropmenu{display:inline-block;z-index:500}
.act ul.dropmenu{display:inline-block}
#top_ref ul.dropmenu li a{width:auto;margin-right:5px;text-decoration:none;font-weight:500;font-size:90%;line-height:30px;height:36px;display:block;vertical-align:baseline}
ul.dropmenu a span{padding:0 7px}
ul.dropmenu a:hover{color:#454545;text-decoration:none}
ul.dropmenu a.act{background:url(/img/tmnu-act.png) no-repeat center bottom;cursor:default}
ul.dropmenu a.act span{padding:0 10px;color:#8696A2}
ul.dropmenu a.act:hover{border-bottom:none}
#waiting{padding:8px 24px;height:32px;top:10px;display:none}
span.loading, a.loading{background:url(/img/loadsm.gif) no-repeat center left;padding-left:36px}
.iTable{font-size:14px;width:100%}
.page_content td{vertical-align:top}
.iTable td{border-bottom:1px dotted #CCC;padding:5px 2px;line-height:32px;height:36px}
.t-line, .ifon, .dfon, .pfon, .bfon, .cfon, .sort-line, .info{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.ifon, .dfon{background:#F4F4F4;padding:5px 7px}
.iTable textarea{border:1px solid #CCC;color:#495978;width:98%;margin:2px 0}
input{color:#787878;height:30px;font-size:15px}
input, select{color:#242424;padding:2px 4px;border:1px solid #CCC}
input, textarea, select{font-size:100%;font-family:Arial;line-height:20px;
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.video{display:block;position:relative;height:360px;max-width:600px;width:100%;margin:10px auto;overflow:hidden;z-index:1}
.video iframe{height:100%!important;width:100%!important}
.lanport-group{
	display:table-cell;vertical-align:middle;
	background:rgba(36,126,182,0.5) url(/upload/lanport-company-group.png) no-repeat -2px center;
    font-weight:500!important;font-size:13px;line-height:1.1!important;letter-spacing:.075rem;
    text-align:center;padding:1px 3px 0px 26px;top:.25rem!important;
	height:27px;border:.5px solid #6388AC;
	border-radius:3px;
	}
	.lanport-group small{display:block;font-size:8.5px;font-weight:400;letter-spacing:-.015rem;text-transform:lowercase}
/*Adaptive*/
@media screen and (min-width:1050px){/*custom bg color*/
body{font-weight:normal;font-size:14.5px;line-height:135%}
header,#header{background-image:url(/img/pg-t-mid.png)}
h1{font-size:140%}
h2{font-size:135%}
h3{font-size:125%}
h4{font-size:130%}
h5{font-size:115%}
h6{font-size:110%}
#wrapper{padding:0px 5% 40px}
.wrap{padding:0 5%}
.frame-wrap{/*box-shadow:0 10px 35px rgba(40,90,100,.3)*/}
}
@media screen and (min-width:1650px){body{zoom:1.5};#wrapper{padding:25px 1%}}
@media screen and (max-width:1250px){#wrapper{padding:25px 5%}}
@media screen and (max-width:1180px){#wrapper{padding:25px 2.5%}}
@media screen and (max-width:1050px){#wrapper{padding:0}.frame-wrap{margin:0;padding-left:0;padding-right:0}}
/* custom bg 
#header,header{background-image:url(/img/pg-t-mid.jpg)}
*/
@media screen and (max-width:990px){.wrap{padding:0 4%}
#main{margin-right:1.5%;margin-left:295px;padding:0 1.25%;border:0}
.crumb{padding:10px 10px 12px}
.side_l{width:280px;margin-right:-280px}
.side_r{clear:both;width:100%;margin:0 0 30px;padding-top:25px;height:auto;text-align:center}
.side_r .block{text-align:left;display:inline-block;width:31%;margin:0 .75% 0 .5%;vertical-align:top}
.side_r .per30:first-child{margin-right:1%}
.side_r .per30:last-child{margin-left:1%}
.side_r .block h4{border-radius:2px 2px 0 0}
.mnuTM ul{font-size:100%}
.mnuTM ul .catsub a{font-size:95%;padding:14px 5px 14px 7px}
.mnuTM ul li ul li{font-size:95%}
.mnuTM ul li a.cat{padding:15px 7px}
.fortheme{margin-bottom:30px}
.fortheme h4{margin:10px 0}
.fortheme ul li,ul.catgroup li{padding:14px 0}
#botmenu{width:58%}
#owl-srv .item div,#owl-bst .item div{min-height:160px}
}
@media screen and (max-width:900px){.frame-wrap{}
.wrap{padding:0 3%}
.mnuTM a.cat{padding:14px 7px}
#main{margin-right:10px;margin-left:260px;padding:0 1.75%;border:0}
.side_l{float:left;width:250px;margin-right:-250px}
h1{font-size:135%;line-height:125%}
h2{font-size:125%;line-height:125%}
.announce .pimg-left{float:left;width:100%;max-height:360%;overflow:hidden;margin:0 2% 10px 0}
#botmenu{width:55%;font-size:100%}
.langs{position:relative;margin-top:10px;float:right}
.b-block3{display:none}
.b-block1,.b-block2{width:48.5%}
#owl-srv .item div,#owl-bst .item div{min-height:200px}
}
@media screen and (max-width:850px){#main{margin-left:235px}
#page-wrap{padding-bottom:150px}
.side_l{float:left;width:225px;margin-right:-225px}
#botmenu{width:58%;font-size:95%}
.counters{display:none}
.lang a {display:block}
}
@media screen and (max-width:780px){nav{text-align:left}
.wrap{padding:0 1%}
.frame-wrap{font-size:1.075em;line-height:1.4}
#page-wrap{padding:0 2.5% 50px;margin:0}
.crumb.top{display:none}
#content{clear:both;float:none}
h1{font-size:165%}
h2{font-size:155%}
.soc-gp{display:none}
#top-phone{margin-top:0!important;font-size:.9em;/*line-height:1.1*/}
.prdblockcat{min-height:180px;max-height:25%;margin-left:2%;float:left;width:47%}
.side_l,.side_r,#main{width:100%;margin:0;padding:0}
.side_r .block{width:47.5%;margin:0 1.25% 40px .75%;border:0}
.side_l{position:static;clear:both;width:100%;margin:0!important;padding:2% 0;height:auto!important}
.side_l h4{text-align:center;border:2px solid #1a72d4;color:#1a72d4;z-index:-1;border-radius:2px!important}
.srch-mid{padding-left:2.5%;padding-right:2.5%}
.hid{display:none}
.mnuTM{position:static;float:left;width:49.15%;margin-bottom:0;margin-top:5px;display:inline}
.mnuTM:first-child{margin-right:1.7%!important}
.mnuTM>a{position:relative;display:block;height:42px;z-index:5;margin-top:-42px;cursor:pointer}
.mnuTM menu{display:none;position:absolute;padding:78px 0 40px;margin:0 -0.25%;top:0;left:0;right:0;box-shadow:0 10px 150px -10px #444}
.mnuTM menu>ul{font-size:140%}
.mnuTM menu>ul li{line-height:170%}
.mnuTM menu ul li a{padding-left:2.7%!important}
.side_l.mtgl{overflow:visible}
.side_l.mtgl .mnuTM:not(.mtgl){display:none}
.side_l.mtgl .mnuTM.mtgl{float:right;margin-right:0!important}
.mnuTM.mtgl menu{display:block;z-index:500}
.mnuTM.mtgl>h4, .mnuTM.mtgl>a{z-index:510}
.mnuTM.mtgl>a:before{content:'\d7';font-size:200%;line-height:42px;position:absolute;text-align:center;background:#FFF;width:42px;height:42px;left:-103%;display:block;border:0px solid;border-radius:5px}
#main ul.prd-post,.sortline,.pageNav{margin:0}
#botmenu{width:56%;font-size:90%}
.announce .pimg-left{float:left;width:45%;margin:0 2% 10px 0}
.newsdate{line-height:150%;padding:7px 0;margin:3px 0 5px}
.crumb span{padding:0 10px}
#owl-srv .item,#owl-bst .item{font-size:100%}
#owl-srv .item div,#owl-bst .item div{border:1px solid #EEE;display:block;height:250px}
}
@media screen and (max-width:560px) and (orientation:landscape){.wrap{padding:0 1%}
.frame-wrap{font-size:1em;line-height:1}
#page-wrap,.side_r{padding-left:2.5%;padding-right:2.5%}
#main{margin:0}
h1{font-size:170%}
h2{font-size:160%;line-height:100%}
.side_l{float:none;width:100%;margin:0!important;padding:2% 0;height:auto!important}
.hid{display:none}
.side_l h4{width:100%;text-align:center;display:inline-block!important;border-radius:5px}
.mnuTM{float:left;width:49.15%;margin-bottom:3px!important;margin-top:0!important;display:inline!important}
.mnuTM:first-child{margin-right:1.7%!important}
.mnuTM menu{display:none}
.side_r .block{width:47.5%;margin:0 1.25% 0 .75%}
}
@media screen and (max-width:640px) and (max-height:500px) and (orientation:landscape){.wrap{padding:0 12%}
.elps{white-space:nowrap}
.side_l h4,.side_r h4{white-space:nowrap;overflow:hidden;text-overflow:elpssis;-o-text-overflow:elpssis}
.frame-wrap{font-size:1em;line-height:1}
}
@media screen and (max-width:640px) and (max-height:300px) and (orientation:landscape){body{zoom:1}
.wrap{padding:0 1%}
.frame-wrap{font-size:1em;line-height:1}
#page-wrap,.side_r{padding-left:2.5%;padding-right:2.5%}
#main{margin:0}
h1{font-size:170%}
h2{font-size:160%;line-height:100%}
.side_l{float:none;width:100%;margin:0!important;padding:2% 0;height:auto!important}
.hid{display:none}
.side_l h4{width:100%;text-align:center;display:inline-block!important;border-radius:5px}
.mnuTM{float:left;width:49.15%;margin-bottom:3px!important;margin-top:0!important;display:inline!important}
.mnuTM:first-child{margin-right:1.7%!important}
.side_r .block{width:47.5%;margin:0 1.25% 0 .75%}
}
@media screen and (max-width:480px) and (max-height:460px){}
@media screen and (max-width:667px){
#owl-bnr{display:none!important}
.frame-wrap{font-size:1.05em;line-height:1.2}
#page-wrap{padding-bottom:50px}
#content,.side_l,.side_r{width:100%;margin:0;padding-left:1.5%;padding-right:1.5%}
.srch-mid{padding-left:1.75%;padding-right:1.75%}
.search input.input{width:84%}
/*.basket{position:absolute;min-width:128px;width:128px;top:220px;right:0;z-index:9999}
#basket{color:#777}*/
.side_r{border:0}
.side_r .block{width:100%;margin:0 0 40px}
#top_ref,#dropmenu_over{display:none}
nav,#top_ref{height:auto!important}
#top_ref{z-index:500;background:#E4E7E8;box-shadow:0 10px 150px -10px #456}
.tgl-nav{display:block;background:url(/img/i-mnu.png) no-repeat 10px 0 #EEEEEE}
.tgl-nav.act{background-position:10px bottom}
#top_ref.tgl-show{display:block}
#header{overflow:visible!important}
#top_ref>li,#top_ref>li a{display:block!important;width:auto;height:auto!important;border-radius:0!important}
ul.dropmenu{height:auto!important;position:relative!important;display:block!important;text-align:center}
#top_ref li{text-align:left}
#top_ref>li>a{background-color:rgb(205,210,215)!important;text-transform:uppercase;text-shadow:none!important;color:#222!important}
ul.dropmenu li{display:block!important}
ul.dropmenu li a{padding:5px 5%}
ul.dropmenu a.act{background-color:rgb(235,240,245)!important}
.mnuTM menu>ul{font-size:135%}
.mnuTM menu ul li a{padding:15px 3.5%!important;line-height:155%}
.per4 .item{width:48%}
.announce .pimg-left{}
.newspost li.li-prj{width:100%;min-height:180px;max-height:180px}
#botmenu{width:40%;margin-left:7%;font-size:100%}
#botmenu a{margin:5px 0}
.b-block2,.b-block3,.counters{display:none}
.b-block1{width:100%}
}
@media screen and (max-width:420px) and (max-height:780px) and (orientation:portrait){.search input.input{width:82%}
.wrap{padding:0 2%}
}
@media screen and (max-width:420px) and (max-height:670px) and (orientation:portrait){.wrap{padding:0 2%}
.buttoms li a{padding:8% 0}}
@media screen and (max-width:480px) and (orientation:portrait){.wrap{padding:0 1%}
.elps{white-space:nowrap}
.announce{max-height:325px;overflow:hidden}.announce .pimg-left{float:none;clear:both;width:100%}
.side_l h4,.side_r h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
}
/*@media screen and (max-width:600px){#logo{width:340px;background-size:98%}*/
/*#top-phone{font-size:.8em;margin-top:0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}*/
}
@media screen and (max-width:560px){
#logo{margin:0}
/*#top-phone{clear:both;display:block;text-align:center;float:none;padding:0;margin:0 auto;white-space:nowrap}*/
#top-phone span{font-size:140%!important;/*background:none;padding:0px 5px!important*/}
/*#top-phone a,#top-phone span{display:inline-block}*/
#botmenu{display:none!important}
.langs {margin-top:5px}
.langs a{display:block!important}
}
@media screen and (min-width:481px){
	.basket.vis1,.basket:hover{
	width: 120px;
    background: #f10f2a;
    /* box-shadow: 0 0 20px rgba(0,0,0,.5); */
    color:#ECEFF1}
	}
@media screen and (max-width:480px){.frame-wrap{font-size:.98em;border-width:1px;margin:0;padding:0}
#logo{top:2%}
#main{margin:0;padding:0}
#header{height:150px}
.search input.input{width:78%}
.prdblockcat{min-height:240px;margin:0 0 50px!important;float:none!important;width:100%}
#footer_fon a{display:inline-block;margin:7px 0}
.aleft.cp, #botmenu, #botmenu>div, .langs{float: none;
    width: 100%;
    text-align: center;
    margin: 1em auto;}
	#botmenu >div a {display:block}
.counters{display:none!important}
.basket.vis0{display:none}
.basket.vis1 {
    background:rgba(160,200,225,.75);left:0;right:0;bottom:0;margin:0;
    border-radius:0;
}

}
@media screen and (max-width:380px){#logo{width:100%;background-size:98%}
.wrap{padding:0 3%}
.search input.input{width:72%}
.side_l,.side_r,#main{width:100%;margin:0}
.mnuTM menu>ul{font-size:140%}
.mnuTM menu ul li a{line-height:125%}
.mnuTM{width:100%;clear:both}
.mnuTM menu{padding-top:65px}
.mnuTM:last-child menu{padding-top:140px}
.newsdate{line-height:150%;padding:5px 0;margin:5px 0 10px}
}
@media screen and (max-width:320px) and (max-height:480px) and (orientation:portrait){.wrap{padding:0 2%}}
@media screen and (max-width:240px) and (max-height:320px) and (orientation:portrait){.frame-wrap{padding:0;border-radius:0}.wrap{padding:0 2%}
}


@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;font-display:swap;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(//fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;font-display:swap;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(//fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}

/****** Style Star Rating Widget *****/
.rating-wrap{overflow:hidden;margin:0 auto;min-width:256px}
.rate-review{display:block;font-size:14px;line-height:16px;padding:5px 0;clear:both}
/*.rate-review span span{font-weight:600;color:#FFF}*/
.rate-set {font-size:14px;display:none;float:left;vertical-align:top;margin-top:10px}

.rating {border:none;padding-top:10px;float:left;vertical-align:top}

.rating > input {display:none;font:inherit}

.rating > label:before{margin-right:8px;font-size:1.25em;font-family:imoon;content:"\f005";display:inline-block}

.rating > .half:before{content:"\f089";position:absolute}
.rating > label {box-sizing:border-box;color:#F8FBFC;float:right}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(.set):not(:checked) > label:hover, /* hover current star */
.rating:not(.set):not(:checked) > label:hover ~ label {color:#FFD555} /* hover previous stars in list */

.rating:not(.set) > input:checked + label:hover, /* hover current star when changing rating */
.rating:not(.set) > input:checked ~ label:hover,
.rating:not(.set) > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating:not(.set) > input:checked ~ label:hover ~ label {color:#FF9A2D}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ / Rating stars ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/