.main-header-logo {
    width: 200px;
    height: 60px;
    background: url('../img/sprite.png') no-repeat -270px -289px;
    background-size: 480px 480px;
    display: inline-block;
}
.medium-logo {
    width: 130px;
    height: 35px;
    background: url('../img/sprite.png') no-repeat -174px -194px;
    background-size: 310px 320px;
    display: inline-block;
}
.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.icon-eye {
    background: url('../img/sprite.png') no-repeat -372px -53px;
    background-size: 500px 500px;
    vertical-align: middle;
    margin-right: 2px;
}
.icon-close {
    background: url('../img/sprite.png') no-repeat -374px -33px;
    background-size: 500px 500px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 10px;
    cursor: pointer;
}
.icon-logo {
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -236px -129px;
    background-size: 300px 300px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.icon-blog {
    background: url('../img/sprite.png') no-repeat -7px -50px;
    background-size: 500px 500px;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-discount {
    background: url('../img/sprite.png') no-repeat -34px -50px;
    background-size: 500px 500px;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-testimonials {
    background: url('../img/sprite.png') no-repeat -64px -50px;
    background-size: 500px 500px;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-mail {
    background: url('../img/sprite.png') no-repeat -94px -50px;
    background-size: 500px 500px;
    vertical-align: middle;
    margin-right: 5px;
}

.icon-search {
    background: url('../img/sprite.png') no-repeat -124px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
    cursor: pointer;
}

.icon-person {
    background: url('../img/sprite.png') no-repeat -154px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-bag {
    width: 20px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -318px -164px;
    background-size: 465px 465px;
    vertical-align: middle;

    /*background: url('../img/sprite.png') no-repeat -7px -308px;*/
    /*background-size: 340px 340px;*/
}
.icon-bag-grey {
    width: 20px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -346px -163px;
    background-size: 465px 465px;
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.icon-bag-white {
    width: 20px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -91px -308px;
    background-size: 340px 340px;
    vertical-align: middle;
}
.not-empty .icon-bag {
    width: 20px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -290px -164px;
    background-size: 465px 465px;
    vertical-align: middle;
}
.icon-phone {
    background: url('../img/sprite.png') no-repeat -282px -53px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-footer-logo {
    background: url('../img/sprite.png') no-repeat -274px -271px;
    background-size: 370px 370px;
    vertical-align: middle;
    width: 90px;
    height: 90px;
}
.icon-yb {
    background: url('../img/cola.png') no-repeat -6px -74px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-tg {
    background: url('../img/cola.png?v2') no-repeat -34px -74px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-pi {
    background: url('../img/cola.png') no-repeat -6px -18px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-od {
    background: url('../img/cola.png') no-repeat -34px -18px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-fb {
    width: 12px;
    background: url('../img/sprite.png') no-repeat -242px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-vk {
    background: url('../img/sprite.png') no-repeat -214px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-inst {
    background: url('../img/sprite.png') no-repeat -184px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-kb {
    background: url('../img/sprite.png') no-repeat -258px -52px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-fb.inactive {
    width: 30px;
    height: 30px;
    background: url('../img/sprite.png') no-repeat -38px -93px;
    background-size: 270px 270px;
    vertical-align: middle;
}
.icon-vk.inactive {
    width: 30px;
    height: 30px;
    background: url('../img/sprite.png') no-repeat -38px -127px;
    background-size: 270px 270px;
    vertical-align: middle;
}
.icon-arrow-down {
    background: url('../img/sprite.png') no-repeat -280px -46px;
    background-size: 450px 450px;
    vertical-align: middle;
}
.icon-reload {
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -10px -119px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-percent {
    position: absolute;
    top: 5px;
    left: -50px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -55px -123px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-min-bag {
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -98px -121px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-boxes {
    position: absolute;
    top: 5px;
    left: 310px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -142px -115px;
    background-size: 480px 480px;
    vertical-align: middle;
}
.icon-thumb-up {
    position: absolute;
    top: 5px;
    left: 310px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -198px -121px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-72-hours {
    position: absolute;
    top: 0;
    left: 310px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -246px -123px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-round-yb {
    width: 50px;
    height: 50px;
    background: url('../img/cola.png') no-repeat -109px -60px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-tg {
    width: 50px;
    height: 50px;
    background: url('../img/cola.png?2') no-repeat -208px -62px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-pi {
    width: 50px;
    height: 50px;
    background: url('../img/cola.png') no-repeat -109px -6px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-ok {
    width: 50px;
    height: 50px;
    background: url('../img/cola.png') no-repeat -209px -6px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-vk {
    width: 50px;
    height: 50px;
    background: url('../img/sprite.png') no-repeat -7px -223px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-inst {
    width: 50px;
    height: 50px;
    background: url('../img/sprite.png') no-repeat -8px -281px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-fb {
    width: 50px;
    height: 50px;
    background: url('../img/sprite.png') no-repeat -10px -164px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-round-kb {
    width: 50px;
    height: 50px;
    background: url('../img/sprite.png') no-repeat -7px -336px;
    background-size: 470px 470px;
    vertical-align: middle;
}
.icon-arrow-b {
    background: url('../img/sprite.png') no-repeat -280px -46px;
    background-size: 450px 450px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
}

.nav-left-list .has-content .sub-menu-header:before,
.nav-left-list .no-content .sub-menu-header:before {
    position: absolute;
    content: '';
    background: url('../img/sprite.png') no-repeat -358px -50px;
    background-size: 450px 450px;
    vertical-align: middle;
    width: 10px;
    height: 11px;
    display: inline-block;
    top: 14px;
    left: 12px;
}
.nav-left-list .has-content.opened > .sub-menu-header:before,
.nav-left-list .has-content > .sub-menu-header.active:before {
    position: absolute;
    content: '';
    background: url('../img/sprite.png') no-repeat -366px -35px;
    background-size: 440px 450px;
}
.icon-slash {
    background: url('../img/sprite.png') no-repeat -435px -54px;
    background-size: 500px 500px;
    vertical-align: top;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 5px;
}
.icon-curved-arrow {
    background: url('../img/sprite.png') no-repeat -292px -126px;
    background-size: 500px 500px;
    vertical-align: middle;
    width: 50px;
    height: 40px;
    position: absolute;
    top: 14px;
    right: 95px;
}
.comment-left {
    display: inline-block;
    width: 160px;
    height: 90px;
    background: url('../img/sprite.png') no-repeat -136px -177px;
    background-size: 500px 500px;
    position: absolute;
    top: -178px;
    left: -300px;
}
.comment-right {
    display: inline-block;
    width: 160px;
    height: 90px;
    background: url('../img/sprite.png') no-repeat -122px -275px;
    background-size: 500px 500px;
    position: absolute;
    top: -177px;
    left: 283px;
}
.comment-bottom {
    display: inline-block;
    width: 215px;
    height: 60px;
    background: url('../img/sprite.png') no-repeat -136px -367px;
    background-size: 500px 500px;
    position: absolute;
    top: -20px;
    left: 170px;
}
.icon-tick {
    background: url('../img/sprite.png') no-repeat -457px -53px;
    background-size: 500px 500px;
    vertical-align: top;
    width: 10px;
    height: 12px;
    display: inline-block;
    margin: 0 5px 0 0;
}
.icon-right-arrow {
    position: absolute;
    content: '';
    background: url('../img/sprite.png') no-repeat -428px -66px;
    background-size: 450px 450px;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 0;
    right: 13px;
    bottom: 0;
    margin: auto;
}
.icon-down-arrow {
    position: absolute;
    content: '';
    background: url('../img/sprite.png') no-repeat -429px -49px;
    background-size: 450px 450px;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 0;
    left: 12px;
    right: -720px;
    bottom: 0;
    margin: auto;
}
.icon-cart-green {
    position: relative;
    top: 0;
    left: -20px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -98px -79px;
    background-size: 500px 500px;
    vertical-align: middle;
}
.icon-car {
    width: 40px;
    height: 30px;
    background: url('../img/sprite.png') no-repeat -198px -81px;
    background-size: 500px 500px;
}
.icon-thumb {
    width: 25px;
    height: 35px;
    background: url('../img/sprite.png') no-repeat -251px -85px;
    background-size: 500px 500px;
}
.icon-microphone {
    width: 25px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -283px -82px;
    background-size: 500px 500px;
}

.icon-new {
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -147px -88px;
    background-size: 500px 500px;
    margin-right: 10px;
}
.icon-red-percent {
    width: 15px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -174px -88px;
    background-size: 500px 500px;
    margin-right: 10px;
}
.status.discount {
    background: url('../img/sprite.png') no-repeat -300px -82px;
    background-size: 360px 350px;
}
.status.new {
    background: url('../img/sprite.png') no-repeat -249px -82px;
    background-size: 360px 350px;
}
.gallery-container .status.discount {
    background: url('../img/sprite.png') no-repeat -434px -128px;
    background-size: 520px 550px;
}
.gallery-container .status.new {
    background: url('../img/sprite.png') no-repeat -361px -128px;
    background-size: 520px 550px;
}
.stars.small .stars-image {
    background: url('../img/sprite.png') no-repeat -310px -89px;
    background-size: 490px 490px;
    width: 20px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 300;
}

.icon-filter.horizontal,
.icon-filter.column,
.icon-filter.vertical{
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    opacity: 0.3;
}

.icon-filter.horizontal.active,
.icon-filter.column.active,
.icon-filter.vertical.active{
    opacity: 1;
}
.icon-filter.vertical{
    background:url("data:image/svg+xml;utf8,<svg contentScriptType='text/ecmascript' contentStyleType='text/css' enable-background='new 0 0 2048 2048' height='2048px' id='Layer_1' preserveAspectRatio='xMidYMid meet' version='1.1' viewBox='0.0 0 1792.0 2048' width='1792.0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' zoomAndPan='magnify'><path d='M512,1376v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68v-192  c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S512,1349.333,512,1376z M512,864v192  c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V864c0-26.667,9.333-49.333,28-68  s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S512,837.333,512,864z M1152,1376v192c0,26.667-9.333,49.333-28,68  s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68v-192c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320  c26.667,0,49.333,9.333,68,28S1152,1349.333,1152,1376z M512,352v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96  c-26.667,0-49.333-9.333-68-28S0,570.667,0,544V352c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28  S512,325.333,512,352z M1152,864v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28  s-28-41.333-28-68V864c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S1152,837.333,1152,864z   M1792,1376v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28h-320c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68v-192  c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S1792,1349.333,1792,1376z M1152,352v192  c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V352c0-26.667,9.333-49.333,28-68  s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S1152,325.333,1152,352z M1792,864v192c0,26.667-9.333,49.333-28,68  s-41.333,28-68,28h-320c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V864c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320  c26.667,0,49.333,9.333,68,28S1792,837.333,1792,864z M1792,352v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28h-320  c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V352c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28  S1792,325.333,1792,352z'/></svg>");
    background-size:22px 22px;
}
.icon-filter.column{
    background:url("data:image/svg+xml;utf8,<svg contentScriptType='text/ecmascript' contentStyleType='text/css' enable-background='new 0 0 2048 2048' height='2048px' id='Layer_1' preserveAspectRatio='xMidYMid meet' version='1.1' viewBox='0.0 0 1664.0 2048' width='1664.0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' zoomAndPan='magnify'><path d='M768,1152v384c0,34.667-12.667,64.667-38,90s-55.333,38-90,38H128c-34.667,0-64.667-12.667-90-38s-38-55.333-38-90v-384  c0-34.667,12.667-64.667,38-90s55.333-38,90-38h512c34.667,0,64.667,12.667,90,38S768,1117.333,768,1152z M768,384v384  c0,34.667-12.667,64.667-38,90s-55.333,38-90,38H128c-34.667,0-64.667-12.667-90-38S0,802.667,0,768V384  c0-34.667,12.667-64.667,38-90s55.333-38,90-38h512c34.667,0,64.667,12.667,90,38S768,349.333,768,384z M1664,1152v384  c0,34.667-12.667,64.667-38,90s-55.333,38-90,38h-512c-34.667,0-64.667-12.667-90-38s-38-55.333-38-90v-384  c0-34.667,12.667-64.667,38-90s55.333-38,90-38h512c34.667,0,64.667,12.667,90,38S1664,1117.333,1664,1152z M1664,384v384  c0,34.667-12.667,64.667-38,90s-55.333,38-90,38h-512c-34.667,0-64.667-12.667-90-38s-38-55.333-38-90V384  c0-34.667,12.667-64.667,38-90s55.333-38,90-38h512c34.667,0,64.667,12.667,90,38S1664,349.333,1664,384z'/></svg>");
    background-size:22px 22px;
}
.icon-filter.horizontal{
    background:url("data:image/svg+xml;utf8,<svg contentScriptType='text/ecmascript' contentStyleType='text/css' enable-background='new 0 0 2048 2048' height='2048px' id='Layer_1' preserveAspectRatio='xMidYMid meet' version='1.1' viewBox='0.0 0 1792.0 2048' width='1792.0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' zoomAndPan='magnify'><path d='M512,1376v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68v-192  c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S512,1349.333,512,1376z M512,864v192  c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V864c0-26.667,9.333-49.333,28-68  s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28S512,837.333,512,864z M1792,1376v192c0,26.667-9.333,49.333-28,68  s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68v-192c0-26.667,9.333-49.333,28-68s41.333-28,68-28h960  c26.667,0,49.333,9.333,68,28S1792,1349.333,1792,1376z M512,352v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H96  c-26.667,0-49.333-9.333-68-28S0,570.667,0,544V352c0-26.667,9.333-49.333,28-68s41.333-28,68-28h320c26.667,0,49.333,9.333,68,28  S512,325.333,512,352z M1792,864v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28  s-28-41.333-28-68V864c0-26.667,9.333-49.333,28-68s41.333-28,68-28h960c26.667,0,49.333,9.333,68,28S1792,837.333,1792,864z   M1792,352v192c0,26.667-9.333,49.333-28,68s-41.333,28-68,28H736c-26.667,0-49.333-9.333-68-28s-28-41.333-28-68V352  c0-26.667,9.333-49.333,28-68s41.333-28,68-28h960c26.667,0,49.333,9.333,68,28S1792,325.333,1792,352z'/></svg>") no-repeat;
    background-size:22px 22px;
}
/*
.icon-filter.vertical.active {
    background: url('../img/sprite.png') no-repeat -348px -87px;
    background-size: 500px 500px;
}
.icon-filter.vertical {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../img/sprite.png') no-repeat -374px -87px;
    background-size: 500px 500px;
    cursor: pointer;
}
.icon-filter.horizontal {
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../img/sprite.png') no-repeat -437px -87px;
    background-size: 500px 500px;
}
.icon-filter.horizontal.active {
    background: url('../img/sprite.png') no-repeat -405px -87px;
    background-size: 500px 500px;
}
*/
.icon-sorting-down {
    background: url('../img/sprite.png') no-repeat -366px -50px;
    background-size: 440px 450px;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

.detailed.added .icon-bag-grey {
    width: 20px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -91px -308px;
    background-size: 340px 340px;
    vertical-align: middle;
}