/* SORTING PRODUCT LIST */
.shp-sec{
display:-webkit-flex;
display:flex;
margin:1em auto;
overflow-y:auto;
flex-flow:wrap;
justify-content:center;/*space-between;*/
}

ul.shp-sec li {
position:relative;
margin:.25em .5%;
font-size:1.15rem;
font-weight:500;
text-align:center;
vertical-align:middle;
min-height:200px;
min-width:160px;
flex-basis:24%;
max-width:360px;
background:#fafcfd;
/* border:4px solid rgba(255,255,255,.5); */
background-repeat:no-repeat;
background-size:cover;
text-shadow:0px 2px 4px #243244;
color:#FAFEFF;
text-transform:uppercase;flex-grow:1;
}
ul.shp-sec li:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,75,90,.5);z-index:0}

ul.shp-sec li a{padding-top:.75rem;height:100%;z-index:1;position:relative;border:4px solid rgba(255,255,255,.5);}
ul.shp-sec li > a,
ul.shp-sec li > span{ /*	display:table-cell;*/
display:block;
color:inherit!important;
}
ul.shp-sec li picture{
display:block;
height:6rem;
width:6rem;
line-height:0;
margin:.25em auto 0;
white-space:nowrap;
overflow:hidden;
vertical-align:middle;
background:#FFF;
border:2px solid #ECEFF1;
border-radius:4rem;
box-shadow:0 5px 15px -5px #58707C;
}
ul.shp-sec li img{height:100%;width:100%;object-fit:cover}
.shp-sec span {
display:inline-block;
vertical-align:middle;
padding:.75rem;
overflow:hidden;
text-overflow:ellipsis;
}
ul.shp-sec li:hover
{background-color:#FFF;color:#FFF;box-shadow:0 4px 14px -10px #78909C;transition:box-shadow .2s}

.sortline{
display:block;
clear:both;
overflow:hidden;
font-size:.9rem
}
.sort {
display:block;
padding:.5em 0 .5em;
}
.sort strong, .sort a, .sortline .vid {
display:inline-block;
padding-top:5px;
padding-bottom:5px;
margin-left:.5em;
background-color:#fafcfd;
border:1px solid #f5f7f7;
border-radius:5px;
}
.sort a{
padding-left:20px;
padding-right:20px;
cursor:pointer;
}
.sort a.active{
background-color:#f5f7f8;
/*    background-color:#FFF; /*#f5f7f7;*/
/*	box-shadow:inset 0 2px 8px -2px #ECEFF1;*/
}
.sort a:hover{background-color:#FFF}

.sortline .vid {padding-left:5px;padding-right:5px}
.sort strong .fa, .sort a .fa {
float:right;
width:16px;
height:16px;
line-height:12px;
margin:.25em -12px 0 2.5px;
padding:2px 5px 0;
/*	background:#FFF;
border-radius:10px;
*/
}
/*
.sort strong .fa:before, .sort a .fa:before {
vertical-align:text-bottom;
}
*/
.sortline .vid{
float:right;
margin:.5em 0 0 0;
text-align:center;
/*    background-color:#f5f7f7;
border:1px solid red;*/
}
.sort-mobile {display:inline-block;margin:.5em .5em 0 0}
.sort-mobile select{
height:35px;
padding:5px;
line-height:32px;
border:0;
background:#f5f7f7;
border-radius:5px;
}
.sort-mobile select:focus{outline:.5px dotted red}

/* SORTING PRODUCT LIST



ul#menu, ul#menu ul {
background-color:#1976D2;
list-style-type:none;
margin:0px auto;
padding:0;
}
ul#menu li ul {
padding-left:.5em;
}
ul#menu {font-size:1.25em}

ul#menu a {
display:block;
text-decoration:none;
}
ul#menu li ul {background-color:#1565C0;}

ul#menu li {
font-size:.85em;    border-top:2px solid #1565C0;
}
ul#menu li small {
float:right;
font-size:75%;
color:#90CAF9;
padding:5px;
margin:.85rem 8px 0 0;
}

ul#menu li a img {
vertical-align:middle;
padding:0 5px 5px 0;
}

ul#menu li a {
position:relative;
color:#fff;
padding:.75rem .5rem .75rem 1rem;
-webkit-transition:0.1s;
-moz-transition:0.1s;
transition:0.1s;
}

ul#menu li a:hover,ul#menu li a.act {
background:rgb(30,136,229,.5);
}
ul#menu li a.act {color:#BBDEFB;pointer-events:none;}
/* Ended Menu */

.load#cd-catalog-items li{
background:url(/img/item-box-fon.png) no-repeat;
background-size:100%;
}
#cd-catalog-items{
display:-webkit-flex;
display:flex;
margin:1em auto;
flex-wrap:wrap;
justify-content:center;/*space-between;*/
align-items:flex-start
}

#cd-catalog-items li{
    position: relative;
    margin: .25em auto 1em;
    border: 2px solid #ECEFF1;
    max-width: 400px;
    min-width: 208px;
    flex-basis: 32%;
    flex-shrink: 1;
/*    height: 320px;
flex-grow:1;*/
}
#cd-catalog-items li figure{
width:100%;
height:180px;

}
#cd-catalog-items li figure img{
background:#eceff1;
width:100%;
height:100%;
object-fit:cover;
}
#cd-catalog-items li h4{
	height:3.44em;
    line-height:3.44em;
    overflow: hidden;
	color:#34464f;
	}
#cd-catalog-items li h4 span{display:inline-block;line-height:1.28rem;vertical-align:middle;}
#cd-catalog-items li h4,#cd-catalog-items li > div
{
padding-left:.7rem;
padding-right:.7rem;
}
#cd-catalog-items li > div {
    background: #F2F5F7;
	overflow:hidden;    padding-top: .25em;
    padding-bottom: .25em;
/*	padding:.5rem;
 height: 3.2em;   background: #0096e1;
    color: #fff;
*/
	}
.item-footer{position:relative;border-top:0px solid #eceff1;z-index:1}
.item-footer div{padding-top:.25rem;transition:color .5s;}
.item-footer sup{vertical-align:top}
.item-footer div:last-child{float:left;width:44%;color:#FFF}
.item-footer div:last-child:before{
    content: '';
    position: absolute;
    width:56%;
    height: 100%;
    top: 0;
    left: -10%;
    background: #008dd5;
    z-index: -1;
    transform: skewX(-15deg);
	transition:left .25s;
	}

#cd-catalog-items li:hover .item-footer div:last-child:before{left:47%}
#cd-catalog-items li:hover .item-footer div:last-child{color:inherit}
#cd-catalog-items li:hover .descr{color:#FFF}

.item-footer .descr{
    float: right;
    overflow: hidden;
    width:56%;
    text-align: right;
}
#cd-catalog-items .articul{
	font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    padding: 5px;
    background:rgb(0,150,225);/*rgba(0,60,100,.75);*/
    color: #BBDEFB;min-width:32%;
    text-align: center;
}
#cd-catalog-items .square .fa{color:inherit}
.item-footer div > small{display:block;line-height:1.5;}
/*
#cd-catalog-items .square,
#cd-catalog-items .brand
*/



li.mcat>a:before {
font-family:fontawesome;
content:'\f078';
font-size:.6em;
position:absolute;
right:1rem;
color:inherit;
top:35%;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:.25s;
-moz-transition-duration:.25s;
transition-duration:.25s;
}
li.mcat>a.open:before {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}





ul.catsub{display:none}

.category {
overflow:hidden;
clear:both;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px dotted #DFE8EC;
}
.category .img-cat {
width:27%;
margin:0 3% 1em 1%;
float:left;
}
.img-cat img{
width:100%;
}
ul.catgroup {
list-style:none;
width:64%;
margin:0;
padding:0;
overflow:hidden;
}
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;
}

.brands-inner{border:1px solid red}
.brands{display:block;clear:both;overflow:hidden;border:1px solid}
.brands li{width:33%;height:100px;float:left;border:1px solid green}

.sortline{display:block;overflow:hidden;clear:both}



ul.prd-post {
margin:1em auto;
}
ul.prd-post.v-box {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.prd-post li {
background-color:#FAFCFE;
position:relative;
display:block;
clear:both;
overflow:hidden;
margin:.5px 0;
padding:.75em .75em 3.5em;
background:#FFF;
border:1px solid #FAFCFE;
color:rgb(140,140,145);
vertical-align:top;
box-sizing:border-box;
box-shadow:0 1px 2px rgba(155,170,200,.25);
transition:box-shadow .3s;
}
ul.prd-post li:hover{box-shadow:0 1px 12px rgba(155,170,200,.5);z-index:1}
ul.prd-post .prdimg{overflow:hidden}
ul.prd-post .prdimg img{height:100%}

ul.prd-post .price-wrap{position:relative;color:#37474F;font-weight:500;border-top:2px solid #f4f7fa;padding-top:.5em;height:4em;margin-bottom:-4em;z-index:100}
.btn.buy{background-color:#ffcc42;padding:0 1.5em;height:2em}
ul.prd-post .price-wrap .price{padding:.25em;width:50%;}
ul.prd-post li .inbasket{float:right}


ul.prd-post.v-box li {
clear:none;
/*  margin:1rem auto;
padding:0 1rem 1rem;
display:inline-block; */
width:49.9%;
margin:0;
float:left;
}
ul.prd-post.v-box li .prdimg {
width:100%;
padding:0;
height:180px;
/*	border:1px solid green;*/
}
ul.prd-post.v-box li .prddescr{
display:table-cell;vertical-align:middle;height:100%;
padding:.75em;visibility:hidden;opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#FFF;
transition:opacity .3s
}

ul.prd-post.v-box li:hover .prddescr{visibility:visible;opacity:.9}

ul.prd-post.v-box li h4{position:relative;font-size:1.1rem;overflow:hidden;height:4em;display:table-cell;vertical-align:middle}


@media screen and (max-width:900px){
#cd-catalog-items li{min-width: 48%;}
}

@media screen and (max-width:700px){
ul.prd-post.v-box li {
width:48%;
margin:.5rem 1%;
}
ul.prd-post.v-box li .prdimg {height:240px}
}

@media screen and (max-width:460px){
ul.prd-post.v-box li {
width:100%;
margin:.5rem auto;
}
#cd-catalog-items li {
/*height:340px;*/
min-width:160px;
}

ul.prd-post.v-box .prdimg img{width:100%;object-fit:cover;}

}

@media screen and (min-width:901px) and (max-width:1155px){
ul.prd-post.v-box li .prdimg {height:240px}
ul.prd-post.v-box li {
width:48%;
margin:.5rem 1%;
}
}
@media screen and (min-width:1155px){
ul.prd-post.v-box li {
width:33.33%;
margin:0;
}
}@media screen and (min-width:1601px){
ul.prd-post.v-box li {
width:25%;
}
}


.product{position:relative;/*background:#FFFDFD; border-bottom:0px solid #DFDFDD;*/ overflow:hidden;}
.product p,.product article,.catdescr {border:0 solid #ECEFF1;display:block}

.product article{
margin:0 auto;
padding-top:1em;
overflow:hidden;
/*font-size:.88em;*/
}
.prod-img {
position:relative;
float:left;
width:64%;
margin-right:1.5%;
min-height:300px;
height:auto;
/*max-height:480px;
overflow:hidden;*/
border:1.1em solid rgb(255,255,255,.5);
cursor:pointer;
}
.prod-img img{
margin:0 auto;
display:block;
object-fit:cover;
width:100%;
height:100%;
}
.pimgdetail img{max-width:100%}
.prod-soc-share{margin:10px 0;position:relative;z-index:5}
.prod-soc-share>span{display:none;}

.prod-descr {margin:0 0 25px}
.prod-descr table {font-size:0.88em}
.prod-descr table th,.prod-table th{padding-right:4px;font-weight:600;text-align:right}
.prod-descr table td,.prod-table td{padding:2px 4px}

/*.product article,.brnd-detail dl:first-child {border-bottom:2px solid #ECEFF1}*/


.tt-tabs{margin:20px 0 0;clear:both}.index-tabs{background:none}

.index-tabs a{font-weight:500;font-size:1.25em;text-decoration:none;display:inline-block;padding:5px 5px 15px 0;min-width:42px;max-width:50%;vertical-align:bottom;z-index:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-tabs a[rel='me']{float:right;border-left:1px solid #ECEFF1}
.index-tabs a:focus{outline:none}
.index-tabs a:not(:first-child){margin-left:4%}
.index-tabs a:not(.act-ttab){color:#788}
.index-tabs a:not(.act-ttab):hover{color:#009bd3}
.index-tabs a:not(.act-ttab):active{color:#ABC!important;/*background:rgb(248,248,245);*/}
.index-tabs .act-ttab{border-bottom:3px solid #039be5;cursor:default;float:none}

.index-tabs .act-ttab{color:#5e6c73}
.index-panel{border-top:1px #ECEFF1 solid;margin-top:-2px}
.tt-panel{display:none;padding:15px 0 20px;width:auto;clear:both;border:0;z-index:90}

.brnd{margin:4rem auto 1rem;}
.brnd-detail{position:relative;display:block;overflow:hidden}

.product .btn .fa{color:inherit;
    color: #FFF;
    font-size: 1.5em;
    margin: 0 .5em 0 -.5em;
    vertical-align: middle;
    /* float: left; */
    line-height: 1;
	}

.brnd-detail dl{
font-size:90%;
padding:.5em 0;
line-height:1.25;
}
.brnd-detail dt{
display:inline-block;
min-width:120px;
width:32%;
color:#78909C;
/*    text-align:right;*/
margin-right:1.5%;

}
.brnd-detail dt,
.brnd-detail dd{padding:.75em 0;vertical-align:bottom;
border-bottom:2px dotted #CFD8DC;}

.brnd-detail dd{display:inline-block;width:55%}
.brnd-detail dd:after,.col2data dd:after{content:'\A'}

.brnd-detail dt>small a{display:block}


#toRecall,.brnd-detail button{
padding:0 1em;
font:inherit;
background-color:#ef3d07;
color:#FFF!important;
font-size:1.2em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
text-overflow:ellipsis;
border-radius:1.5em;
}
.brnd-detail .cartadd button,.brnd-detail .cartpls button{background:#b4bec5}
.brnd-detail button:before{
font-family:Fontawesome;
font-size:2em;
line-height:1;
background:#5e6c73;
vertical-align:middle;
overflow:hidden;
margin-right:.25em;
margin-left:-.515em;
padding:.145em .22em;
border-radius:1em;
}

a:focus,button:focus{outline:orange dotted 1.5px}
a:active,button:active{outline:none}

.brnd-detail .cartadd button:before,.brnd-detail .cartpls button:before{opacity:.5;}

/*.brnd-detail .price strong{font-size:2em;}*/
.brnd-detail .price2 strong{
font-weight:600;
font-size:1.75rem;
color:#ee400b;
line-height:1.5;
/* vertical-align:inherit;*/
}


/*
@media only screen and (min-width:641px){
#cd-catalog-items:not(.v-list) li{width:32%;min-height:256px;float:left}
#cd-catalog-items:not(.v-list) li:not(:nth-child(3n+1)){margin-left:2%}
#cd-catalog-items:not(.v-list) li figure{height:160px}
}

@media only screen and (min-width:901px){
#cd-catalog-items:not(.v-list) li figure{height:180px}

}
@media only screen and (min-width:961px){
.cd-menu-trigger,.ct-menu-trigger,.ct-menu{font-size:1.2rem}
.slogan{font-size:1.9vw}
#menu-cat .half {width:50%;float:left}

#cd-catalog-items.v-list li{float:left}
ul#cd-catalog-items:not(.v-list)>li{width:23.5%;min-height:312px}
ul#cd-catalog-items:not(.v-list)>li:not(:nth-child(3n+1)){margin-left:0}
ul#cd-catalog-items:not(.v-list)>li:not(:nth-child(4n+1)){margin-left:2%}

#cd-catalog-items li figure{height:200px}

#frmOrder .dfon{float:right;overflow:hidden;width:40%;min-width:340px;margin-left:4%;margin-bottom:20px}
.prod-img{height:28vw}
}

*/

@media only screen and (min-width:1025px){
#owl-slide article h2{font-size:2em}
.prod-soc-share{float:right;margin:.75em 0 0 -250px}
#frmOrder .forma label{float:left;margin-right:2%;min-width:210px;text-align:right}
#frmOrder .forma input,#frmOrder .forma textarea{min-width:310px}
}

@media only screen and (min-width:1350px){
#owl-slide article h2{font-size:2.4em}
h1{font-size:2.5rem}
.slogan{font-size:1.2vw}
/*.wrap{max-width:1650px;padding:0 10%}
#cd-catalog-items li{min-height:408px}
#cd-catalog-items li figure{height:256px}
*/
#cd-catalog-items li h4{min-height:2.5em;font-size:1.25em}
}


@media only screen and (min-width:1601px){
h1{font-size:2vw}
.slogan{font-size:1.5rem;line-height:1.15em}
.wrap{max-width:1366px;padding:0 10%}
/*#cd-catalog-items li figure{height:360px}*/
}

@media only screen and (max-width:900px){
/*
#cd-catalog-items.v-list li:nth-child(2n){margin-left:4%}
#cd-catalog-items:not(class) li{min-height:280px}
#cd-catalog-items:not(class) li:nth-child(3n+2){margin-left:2%;margin-right:2%}
*/
.prod-soc-share{float:none;margin:0 auto;text-align:center}
}

@media only screen and (max-width:768px){
h1.ellip{white-space:normal!important;text-overflow:visible!important}
.prod-img{float:none;width:100%;max-height:70vw}

.brnd-detail dl{font-size:1.1em}
.brnd-detail dt{width:42%}
.brnd-detail dd{width:56%}
.counter{display:none}
}

@media only screen and (max-width:640px){
#owl-slide .owl-item article{background-position:center center;background-size:100% auto}
#owl-slide article h2{font-size:1rem}

ul.shp-sec { flex-wrap:nowrap; justify-content:space-between;}

.shp-sec:after{position:relative;top:50%;height:32px;width:24px;font-size:2em;}
.shp-sec:after	{content:'‹›'}

ul.shp-sec li {flex-basis:32%;margin:.75em .5%}
.shp-sec span {display:block}
.sort{display:none}
#cd-catalog-items li{margin:.5em auto}

/*.v-list#cd-catalog-items li{max-height:160px;min-height:160px;height:160px}*/
#cd-catalog-items li > div{font-size:.9em}

#cd-catalog-items:not(.v-list) li{float:left;width:48.5%;/*min-height:300px;max-height:300px;height:300px*/}
/*	#cd-catalog-items:not(.v-list) li:nth-child(2n+1){margin-right:3%}*/
#cd-catalog-items:not(.v-list) li figure{height:180px}
#cd-catalog-items li figure img{max-height:100%;max-width:100%}
}

@media only screen and (max-width:540px){
.sortline{overflow:hidden}
.breadcrumbs.crumb.top,
#content .breadcrumb{white-space:normal;padding:0;line-height:2em}
footer .breadcrumb{float:none}
.slogan{display:none}
#cd-catalog-items li h4{padding:0 .2em;font-size:.92em}
#cd-catalog-items li h4 span{line-height:1.2}
.v-list#cd-catalog-items li h4{height:4.5em}
#cd-catalog-items li div{padding:0 .2em;font-size:.9em}
#cd-catalog-items:not(.v-list) li{/*max-height:228px;min-height:228px;height:228px*/}
#cd-catalog-items:not(.v-list) li figure,
#cd-catalog-items li figure{height:120px}
.pagebar a,.pagebar strong{font-size:1em;min-width:36px;line-height:30px;border-width:1px}
}

@media only screen and (max-width:420px){
#cd-logo{top:4px;width:50px}
.cd-menu-trigger,header .ct-menu-trigger,.ct-menu{padding:12px 0}
h1{font-size:1.8rem}
.v-list#cd-catalog-items li{max-height:140px;min-height:40px;height:140px}
.pagebar a,.pagebar strong{font-size:.85em;height:34px}
.brnd-detail dl{font-size:0.9em}
.prod-soc-share{float:none}
}