@media print {
	body{font-family:Ubuntu,'Tahoma',Arial,Helvetica,sans-serif!important;}
a{text-decoration:none;color:#333}

#menu{position:absolute;/*height:120px;background:#fff;border-bottom:5px solid #75cac0;*/z-index:5;}
#menu-top{background:#009047;color:#fff;padding:6px 0px;}
#min{padding:20px 0px;}
#mlogo{width:20%;}
#msearch{width:38%;}
#mbtn{width:40%;}

.pull-left{float:left;justify-content:flex-start;}
.pull-right{float:right;justify-content:flex-end;}
.pull-center{justify-content:center;}
.pull-justify{float:left;justify-content:space-between;}

.cm,.inv{background:#009047;color:#fff;}

.ctrl {
    color: #666;
    background: #eee;
    padding: 4px 16px;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    border: none;
    outline: none;
    transition: background .3s;
}

input{line-height:normal;}

.bs{border-radius:4px;}
.bn{border-radius:8px;}

.sh{box-shadow:6px 6px 20px #c3c3c3;-webkit-box-shadow:6px 6px 20px #c3c3c3;}
.sh:hover{box-shadow:3px 3px 20px #666;-webkit-box-shadow:3px 3px 20px #666;}

.inl{display:inline-flex}
.inl1{display:inline-block}

#search{position:relative;width:90%;}
.btn-abs{position: absolute;
    right: 10px;
    top: 0px;
    height: 40px;
    border: 0px;}

.table{display:table;}
.tr{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;}
.td{display:table-cell}
.tr li{float:left;display:inline-flex}

#mainmenu .menu{justify-content:flex-start;padding-left:0px;}

#mainmenu .menu > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding:12px 24px;
    min-height: 15px;
    background-color: transparent;
    border-right: 1px solid rgba(255,255,255,0.2);
    font-size: 15px;
    font-weight: 700;
	text-decoration: none;
}
#mainmenu .menu > li:hover {
    background: #00ae57;
}


.mbtn-i{margin-left:20px;}

.tbtn{font-size:16px;line-height:24px;padding:8px}
.tbtn:hover{color:#fc8507}
.ilink:hover{color:#fc8507}








.w10,.w15,.w20,.w25,.w33,.w40,.w50,.w60,.w66,.w75,.w80,.w85,.w90,.w100,.wf{display:flex;flex-shrink:0;flex-grow:0;}
.w20{max-width: calc(20% - 10px);flex-basis: calc(20% - 10px);}
.w25{max-width: calc(25% - 10px);flex-basis: calc(25% - 10px);}
.w33{max-width: calc(33% - 10px);flex-basis: calc(33% - 10px);}
.w40{max-width: calc(40% - 10px);flex-basis: calc(40% - 10px);}
.w50{max-width: calc(50% - 10px);flex-basis: calc(50% - 10px);}
.w60{max-width: calc(60% - 10px);flex-basis: calc(60% - 10px);}
.w75{max-width: calc(75% - 10px);flex-basis: calc(75% - 10px);}
.w80{max-width: calc(80% - 10px);flex-basis: calc(80% - 10px);}
.w100{max-width: 100%;flex-basis:100%;}


@media (max-width:980px) {
.w25{max-width: calc(50% - 10px);flex-basis: calc(50% - 10px);}
.w50,.w75,.wm100{max-width: 100%;flex-basis:100%;}
.wm50{max-width: calc(50% - 10px);flex-basis: calc(50% - 10px);}
.wm100{max-width:100%;flex-basis:100%}
.wm0{display:none!important}

#mlogo{width:100%;padding-left:20px}
#msearch{width:100%;margin-top:10px;padding-left:20px}
#mbtn{display:none}
}


.menu-desktop {
    display: block;
    width: 100%;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
}

.menu-d-i:first-child {
    margin-top: 9px;
}
.menu-d-i {
    height: 56px;
    width: calc(100% + 2px);
    margin: 0 -1px;
}
.menu-d-i:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: '';
}
.menu-d-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-right:8px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}
.menu-d-info {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
    width: calc(100% - 28px - 24px);
}
.menu-d-title {
    font-size: 16px;
}
.menu-d-subtitles {
    font-size: 14px;
    overflow: hidden;
    height: 1.2em;
    word-break: keep-all;
}
.menu-d-subtitle {
    color: #888;
    display: inline-block;
	margin:0 8px 8px 0;
}

.j-space{
	justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.j-start{
	justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.j-end{
	justify-content: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
	
.offers-container {
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border: solid 1px transparent;
    background-color: #fff;
    height: 214px;
    padding: 24px;
}

.hd4{height:160px;}
.hm4{min-height:160px;}

.hd6{height:240px;}
.hm6{min-height:240px;}

.hd8{height:320px;}
.hm8{min-height:320px;}

.pad {
    padding: 24px;
    position: relative;
	background:#fff;
	width:100%;
	height:100%
}

.menu-d-submenu .menu-kbt {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    font-size: 16px;
    line-height: 21px;
    padding: 15px 20px;
    background: #f2f2f2;
    border-radius: 8px;
    margin-bottom: 15px;
}

.menu-d-submenu {
    position: absolute;
    left: calc(100% - 25px);
	top:10px;
    padding: 32px;
    min-width: max-content;
    z-index: 1003;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
}

.menu-desktop__first-level {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}
.menu-desktop__second-level-wrap {
    position: relative;
    display: block;
    padding-left: 20px;
    margin-bottom: 32px;
}
.menu-desktop__second-level {
    color: #4e4e4e;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    width: 248px;
    position: relative;
    padding-right: 14px;
    white-space: normal;
}
.menu-desktop__second-level-count {
    color: #6c757d;
    display: inline;
    margin-left: 5px;
}
.menu-d-submenu{display: none;}

.menu-d-i{border-radius:6px;}
.menu-d-i:hover{background-color:#f2f2f2;}
.menu-d-i:hover .menu-d-submenu{display:block}










.bg-a{
background-position:top right;
background-repeat:no-repeat;
transition:.3s;
}



.subcats-title {
    line-height:20px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 20px;
    color: #4e4e4e;
    height: 80px;
    overflow-y: hidden;
}

.subcats-i {
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 12px 0;
    background: #fff;
    padding: 30px;
    /*width: 280px;*/
    height: 280px;
}
.subcats-content {
    opacity: 100;
    transition: opacity .5s ease 0s;
}
.subcats-image {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 150px;
    line-height: 150px;
}
.subcats-title {
    position: absolute;
    top: 180px;
    left: 20px;
    display: inline-block;
    text-align: center;
    width: calc(100% - 40px);
    font-size: 16px;
    font-weight: bold;
    color: #4e4e4e;
}
.subcats-childs {
    display: block;
    position: absolute;
    top: 20px;
    opacity: 0;
    width: calc(100% - 40px);
    transition: opacity .5s ease 0s;
}















.products-i {
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 12px 0;
    background: #fff;
    padding:20px;
    height: 280px;
}
.products-wrapper{
	position: relative;
}
.products-content {
    opacity: 100;
    transition: opacity .5s ease 0s;
}
.products-image {
    width: 160px;
    height: 160px;
    text-align: center;
    margin: auto;
}
.products-title {
    margin-top: 8px;
    height: 40px;
    font-size: 16px;
	line-height:18px;
	overflow: hidden;
	font-weight: 700;
}

.price {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 31px;
    color: #000;
    min-height: 83px;
    display: inline-block;
}
.rub {
    color: #9f9f9f;
	font-style: normal;
    font-weight: normal;
}
.voblers{
	position:absolute;
	top:20px;
	left:20px;
	z-index:3;
}
.vobler{
	display:inline-block;
	border-radius: 4px;
    padding: 5px;
    font-size: 11px;
    margin-right: 4px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: top;
}
.v-1{color:#f07d39;background-color:rgba(240,125,57,.2)}
.v-2{color:#f06291;background-color:rgba(240,98,145,.2)}
.v-3{color:#7c4cff;background-color:rgba(124,76,255,.2)}
.v-4{color:#00bfa5;background-color:rgba(0,191,165,.2)}













.vh50{height:50vh;}
.vh100{height:100vh;}

.t-white{color:#fff}

.parallax{
perspective:1px;
overflow-x:hidden;
overflow-y:hidden;

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax-layer{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.parallax-back{
transform:translateZ(-1px);
}
.parallax-data{
transform:translateZ(0);
}















.pad .h4,.pad .h6{margin:4px 0px;line-height:1;}
.t-grey{color:#888}


.blogs-i{
color:#fff;
background-color:#bbb;
overflow-x:hidden;
overflow-y:hidden;
/*background-attachment: fixed;*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:240px;
transition: .3s;
margin-bottom: 10px;
}
.blogs-i:hover{
	background-position: 30% 30%;
}
.pad-t {
    padding: 24px;
    position: relative;
    width: 100%;
    height: 100%;
}
.blogs-title {
    margin:20px 0px;
	font-weight: 700;
	font-size:18px;
    color: #fff !important;
    display: block;
    width: 100%;
	text-shadow:3px 3px 15px #000;
}
.invert, .invert .h6, .invert h6, .invert h4, .invert h4, .t-white h4{color:#fff!important}

#footer p{margin:4px}
#footer a{color:#999;}
#footer a:hover{color:#fff;}
#footer-cp{background-color:#242b2e}
#footer-cp .msg{padding: 20px 0px;
    display: block;
    line-height: 34px;
    color: #fff;}
.sq-smm{background-color:rgba(255,255,255,.1);width: 38px;
    height: 38px;
    margin-right: 8px;
    border-radius: 4px;
	display:inline-block}
.sq-smm:hover{background-color:rgba(255,255,255,.5);}
.sq-smm i{font-size:24px!important;line-height:36px!important;margin-left: 8px;}



.breadcrumb {
color: gray;
display: flex;
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
border-radius: 0;
font-size: 13px;
background-color: transparent;
max-height: 50px;
}
.breadcrumb>li {
list-style-type:none;
/*white-space:nowrap;*/
}
.breadcrumb>li+li:before {
color: gray;
content: "> ";
padding: 0 5px;
}
.breadcrumb a {
color: #333;
}


.har{margin-top:10px;}
.har:hover{background-color:#e9e9e9;}
.har:hover span{background-color:transparent}
.harl{min-width:180px;display:inline-block;border-bottom:1px dotted #ccc}
.harl span{background-color:#fff;padding:10px 5px;}
.harv{min-width:180px;display:inline-block}


.btnd{padding:4px 10px;border:1px solid #c3c3c3;border-radius:4px;margin:0 8px 0 0;}
.btnd:hover{background-color:#fc7b08;}

.btnd-buy{padding:8px 24px;background-color:#009047;color:#fff;font-weight:700;max-width: 100px;}

.prolog{padding: 4px 10px 4px 0;}
.products-h{display:block; width:100%}
.ta-right{text-align:right}

.prod-del{
position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background-color: #f5f5f5;
    height: 30px;
	-moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.prod-del p{margin:4px 30px;font-size:13px}







.descr h4{margin:0;}

.nav-tabs{
padding-left: 0px;
}
.nav-tabs>li {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li {
    color:#666;
}
.nav-tabs>li .fa {
    color:#999;
	font-size:24px;
	width:28px;
	margin-right:10px;
}
.nav-tabs>li.active .fa {
    color: #fc7b08;
}
.nav-tabs>li.active, .nav-tabs>li:hover {
    cursor: default;
	color: #fc7b08;
	font-size: 16px;
    background-color: #fff;
    border-bottom-color: transparent;
}

.tab-content>.tab {
    display: none;
}
.tab-content>.active {
    display: block;
}
.iquantity{
    border: 1px solid #ddd;
    display: inline-block;
    height: 38px;
    text-align: center;
    vertical-align: top;
    width:60px;
    border-left: none;
    border-right: none;
    font-size: 14px;
    line-height: 33px;
    color: #666;
    -webkit-appearance: none;
    border-radius: 0;
}
.minus,.plus{
    box-shadow: none;
    background: #fff;
    color: #ababab;
    font-size: 22px;
    font-weight: normal;
    overflow: hidden;
    padding: 0;
    border: 1px solid #ddd;
    border-right-color: #ddd;
    display: inline-block;
    height: 38px;
    text-align: center;
    vertical-align: top;
    width:30px;
    line-height: 1.5;
    outline: none;
    margin-left: -3px;
    margin-right: -3px;
}
.plus{
    border-radius: 0 8px 8px 0;
    border-left: none;
}
.minus{
    border-radius: 8px 0 0 8px;
    border-right: none;
    color: #ddd;
}

#pagetitle h1{line-height: 1.2;}
}