@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNStqQynqKV_9Plp7mupa0S4g.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf) format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.btn {
    margin: 0;
    padding: 0 7px;
    font-size: 15px;
    line-height: 36px;
    background-color: #3873b9;
    border: 1px solid #3873b9;
    border-bottom-color: #00418d;
    vertical-align: middle;
    outline: none;
    text-align: center
}

.logo {
    display: inline-block;
    background: url("../img/mobile-sprite.svg") 0 0 no-repeat;
    width: 152px;
    height: 27px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.footer-logo {
    margin-top: -8px;
}

footer .logo {
    background-position: 0 -27px
}

.i {
    display: inline-block;
    background: url("../img/mobile-sprite.svg") 0 0 no-repeat
}

.i-menu {
    background-position: -154px -1px;
    width: 27px;
    height: 18px
}

.i-cart {
    background-position: -182px -1px;
    width: 20px;
    height: 20px
}

.i-search {
    background-position: -204px -1px;
    width: 18px;
    height: 18px
}

.i-dt-view {
    background-position: -266px -1px;
    width: 14px;
    height: 10px
}

.i-search-small {
    background-position: -153px -22px;
    width: 14px;
    height: 14px
}

.i-filter {
    background-position: -187px -22px;
    width: 14px;
    height: 15px
}

.i-sort {
    background-position: -202px -22px;
    width: 19px;
    height: 21px
}

.i-grid {
    background-position: -168px -22px;
    width: 18px;
    height: 18px
}

.i-list {
    background-position: -186px -40px;
    width: 15px;
    height: 14px
}

.i-account {
    background-position: -222px -23px;
    width: 20px;
    height: 20px
}

.i-home {
    background-position: -243px -23px;
    width: 20px;
    height: 17px
}

.i-footer-f {
    background-position: -243px -1px;
    width: 8px;
    height: 14px
}

.i-footer-g {
    background-position: -253px -1px;
    width: 13px;
    height: 14px
}

.i-footer-ih {
    background-position: -225px -1px;
    width: 17px;
    height: 16px
}

.i-arr-medium {
    background-position: -282px -1px;
    width: 12px;
    height: 23px
}

.i-arr-medium-right {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.i-arr-small,
.i-arr-small-right {
    background-position: -296px -1px;
    width: 6px;
    height: 11px
}

.i-arr-small-right {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.i-arr-small-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.i-arr-small-white {
    background-position: -302px -1px
}

.i-arr-small-orange {
    background-position: -308px -1px
}

.i-logo-sm {
    background-position: 0 -54px;
    width: 91px;
    height: 16px
}

.badge {
    min-width: 18px;
    height: 18px;
    padding: 1px;
    display: inline-block;
    text-align: center;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    background-color: rgba(251, 140, 0, 0.9);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box;
    text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
    position: absolute;
    left: 10px;
    top: -8px
}

header {
    display: block;
    height: 50px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    -webkit-transform: translateZ(0)
}

header .logo {
    margin: 12px auto 0 auto
}

header .i-menu,
header .i-search {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

header .icons-left {
    position: absolute;
    left: 5px;
    top: 12px
}

header .icons-right {
    position: absolute;
    right: 15px;
    top: 15px
}

header .icons-right .i {
    margin-left: 8px;
    vertical-align: middle
}

header .icons-right .i-cart {
    position: relative
}

header .side-nav-open {
    padding: 5px;
    width: 27px;
    height: 18px;
    display: inline-block
}

header .middle h1,
header .middle span,
header .middle strong {
    font-size: 13px;
    line-height: 38px
}

header .middle h1,
header .middle strong {
    color: #666766;
    font-weight: 600;
    display: inline-block
}

header .middle .orange {
    font-weight: 400
}

.btn-orange {
    background-color: #fb8c00;
    border-color: #fb8c00
}

.btn-orange:focus {
    border-color: #d56f00
}

.search-main {
    margin-bottom: 10px;
    border: 2px solid #2484c6;
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.search-main input {
    width: calc(100% - 30px);
    height: 25px;
    line-height: 25px;
    border: none;
    outline: 0;
    background: transparent;
    padding: 0 0 0 5px
}

.search-main button {
    background: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    padding: 5px 0 0 0;
    float: right;
    width: 25px;
    text-align: center
}

.hide-search .search-main-wrap {
    display: none
}

.hide-search .search-main {
    margin-bottom: 20px
}

.wrapper-detail.hide-search .search-main {
    margin-bottom: 10px
}

.nav-overlay {
    background-color: rgba(255, 255, 255, 0.01);
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 272px);
    height: 100%;
    z-index: 510;
    display: none
}

body.sidenav .i-menu {
    background-position: -153px -43px;
    width: 18px;
    height: 18px;
}

aside.nav {
    background: #1c1c1c;
    width: 272px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -272px;
    z-index: 510
}

aside.nav .cover {
    width: 272px;
    height: 40px;
    background: #000;
}

aside.nav .cover .wellcome {
    padding: 18px 0 0 12px;
    height: 65px;
    color: #fff
}

aside.nav .cover .wellcome strong,
aside.nav .cover .wellcome span {
    display: block;
    font-size: 11px;
    margin-bottom: 2px
}

aside.nav .cover .wellcome strong {
    font-weight: 600
}

aside.nav .cover .links {
    padding: 7px 7px 0 12px
}

aside.nav .cover .links .btn-orange {
    padding: 0 20px;
    float: right;
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
}

aside.nav .cover .links a.account {
    display: inline-block;
    padding: 3px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

aside.nav .cover .links a.account i {
    vertical-align: middle;
    margin-right: 5px
}

aside.nav .home {
    display: block;
    height: 32px;
    position: relative;
    padding: 0 0 0 12px;
    background-color: #2484c6
}

aside.nav .home i {
    position: absolute;
    vertical-align: bottom
}

aside.nav .home i.i-home {
    left: 12px;
    top: 6px
}

aside.nav .home i.i-logo-sm {
    left: 43px;
    top: 10px
}

aside.nav .head,
aside.nav .bottom-link {
    background-color: #131313;
    line-height: 32px;
    height: 32px;
    padding: 0 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

aside.nav .bottom-link {
    width: 260px;
    font-weight: 600;
    display: block;
    position: absolute;
    z-index: 511;
    left: 0;
    bottom: 0
}

aside.nav i.i-arr-small-right {
    position: absolute;
    right: 10px;
    top: 12px;
    float: right;
    vertical-align: middle
}

aside.nav nav {
    height: calc(100% - 211px);
    overflow: auto
}

aside.nav nav li {
    display: block;
    border-top: 1px solid #0d0d0d
}

aside.nav nav li a {
    display: block;
    line-height: 32px;
    padding: 0 0 0 12px;
    font-size: 14px;
    color: #fff;
    background-color: #1c1c1c;
    position: relative
}

aside.nav nav li>ul {
    display: none
}

aside.nav nav li.active>ul {
    display: block
}

aside.nav nav li li a {
    padding: 0 0 0 24px;
    background-color: #545454;
}

aside.nav nav li li>ul {
    display: none
}

aside.nav nav li li.active>ul {
    display: block
}

aside.nav nav li li li a {
    padding: 0 0 0 36px;
    background-color: #545454
}

aside.nav nav li li li>ul {
    display: none
}

aside.nav nav li li li.active>ul {
    display: block
}

aside.nav nav li li li li a {
    padding: 0 0 0 48px;
    background-color: #6d6d6d
}

aside.nav nav li.active>a {
    color: #fb8c00
}

aside.nav nav>ul>li:first-child {
    border: none
}

aside.nav a {
    text-transform: uppercase;
}

aside.nav nav li.ihana.active>a {
    background: #2c2c2c;
}

aside.nav nav li li a {
    padding: 0 0 0 24px;
    background-color: #545454;
}

aside.nav nav {
    height: calc(100% - 40px) !important;
}

aside.nav nav ul {
    height: 100%;
}

.cat-wrap {
    margin-top: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.categories-container h1{
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.categories-container {
    background-color: #fafafa;
    padding: 10px 0 10px 10px;
}

.wrapper {
    min-width: 320px;
    padding-top: 60px;
    left: 0;
}

.wrap {
    padding: 0 10px;
}

.wrap-left {
    padding: 0 0 0 10px
}

aside.nav,
.wrapper,
header {
    transition: left 0.2s
}

body.sidenav {
    position: fixed;
    overflow-y: hidden
}

body.sidenav aside.nav {
    left: 0;
    box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.4)
}

body.sidenav .wrapper,
body.sidenav header {
    position: fixed;
    left: 272px;
    right: -272px
}

body.sidenav .nav-overlay {
    display: block
}

ol, ul {
    list-style: none;
}

footer {
    background-color: #e0dfdf;
    padding: 10px;
    margin: 20px 0 0 0
}

footer .links {
    display: block;
    margin-bottom: 15px;
    height: 25px
}

footer .links li {
    width: 30%;
    margin: 0 5% 0 0;
    float: left
}

footer .links li:last-child {
    margin: 0
}

footer .links li a {
    text-align: center;
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    line-height: 25px;
    color: #666766;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}

footer .icons {
    height: 31px;
    margin-bottom: 15px
}

footer .icons .left a {
    display: block;
    width: 31px;
    height: 31px;
    float: left;
    margin: 0 6px 0 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box;
    background-color: #acacac;
    text-align: center;
    vertical-align: middle;
    line-height: 31px;
    position: relative
}

footer .icons .left a i {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

footer .icons .left a i.i-footer-f {
    left: 11px;
    top: 8px
}

footer .icons .left a i.i-footer-g {
    left: 10px;
    top: 8px
}

footer .icons .left a i.i-footer-ih {
    left: 8px;
    top: 6px
}

footer .icons .right {
    float: right;
    padding-top: 2px
}

footer p {
    font-size: 10px;
    line-height: 13px;
    text-align: center
}

.desktop-view {
    text-align: center;
    line-height: 10px;
    padding: 12px 0
}

.desktop-view a {
    color: #666766;
    font-size: 10px
}

.desktop-view a i {
    vertical-align: bottom;
    margin-right: 3px
}

.product-item figure {
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center
}

.product-item figure:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.product-item figure img {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.product-item .title {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 5px 10px 0 10px;
    margin: 0 0 10px 0;
    line-height: 18px;
    height: 38px;
    overflow: hidden
}

.product-item .price-block {
    display: block;
    text-align: center
}

.product-item .price-group {
    display: inline-block;
    margin: 0 auto
}

.product-item .tag {
    display: inline-block;
    font-size: 11px;
    color: #666;
    line-height: 13px;
    padding: 5px 0;
    margin: 0;
    border: 2px solid #bababa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
    max-width: 55px;
    vertical-align: middle;
    text-align: center
}

.product-item .discount,
.product .discount {
    display: block;
    float: left;
    padding: 4px;
    background: #fb8c00;
    margin: 0 6px 0 0
}

.product-item .discount strong,
.product-item .discount em,
.product .discount strong,
.product .discount em {
    display: block;
    font-style: normal;
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #fff;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.product-item .discount strong,
.product .discount strong {
    font-size: 15px
}

.product-item .discount em,
.product .discount em {
    font-size: 11px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.product-item .prices,
.product .prices {
    float: left;
    text-align: left
}

.product-item .prices .old,
.product-item .prices .cur,
.product .prices .old,
.product .prices .cur {
    display: block;
    line-height: 100%
}

.product-item .prices .old,
.product .prices .old {
    font-size: 13px;
    height: 13px;
    color: #9fa09b;
    text-decoration: line-through;
    margin: 1px 0
}

.product-item .prices .cur,
.product .prices .cur {
    font-size: 16px;
    color: #fb8c00;
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.product-item .prices .cur em,
.product .prices .cur em {
    font-size: 11px
}


.cat-actions {
    height: 40px;
    background-color: #bababa;
    margin: -10px 0 10px 0
}

.cat-actions .ac-filtre,
.cat-actions .ac-sort {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    vertical-align: middle;
    display: block;
    float: left;
    width: calc((100% - 42px) / 2);
    text-align: center;
    border-right: 1px solid #fff
}

.cat-actions .ac-filtre:before,
.cat-actions .ac-sort:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}

.cat-actions .ac-filtre i,
.cat-actions .ac-sort i {
    vertical-align: middle;
    margin: -2px 0 0 0
}

.cat-actions .ac-grid,
.cat-actions .ac-list {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-color: #fb8c00
}

.cat-actions .ac-grid i {
    margin: 11px 0 0 11px
}

.cat-actions .ac-list {
    display: none
}

.cat-actions .ac-list i {
    margin: 13px 0 0 12px
}

.cat-list .product-item {
    width: calc((100% - 20px) / 2);
    height: 320px;
    margin: 0 10px 10px 0;
    float: left;
    background-color: #fff;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 0 0 0
}

@media screen and (min-width: 500px) {
    .cat-list .product-item {
        width: calc((100% - 30px) / 3)
    }
}

@media screen and (min-width: 768px) {
    .cat-list .product-item {
        width: calc((100% - 40px) / 4)
    }
}

.cat-list .product-item figure {
    width: 80%;
    margin: 0 10% 10px 10%
}

.cat-list .product-item .price-block {
    height: 36px
}

.cat-list .bottom {
    padding: 10px 0 0 0;
    width: 100%;
    height: 60px;
    text-align: center
}

.cat-list .bottom .tags {
    margin: 0 0 10px 0;
    height: 40px
}

.cat-list .bottom .tag {
    display: inline-block;
    font-size: 11px;
    color: #666;
    line-height: 13px;
    padding: 5px 0;
    margin: 0;
    border: 2px solid #bababa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
    max-width: 55px;
    vertical-align: middle
}

.cat-list .bottom ul {
    display: none
}

.cat-list .bottom .follow-action {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 20
}

.cat-list .bottom .follow-action a {
    display: block;
    height: 24px;
    margin-bottom: 10px
}

.cat-list .bottom .follow-action a:before,
.cat-list .bottom .follow-action a:after {
    width: 24px;
    height: 24px
}

.cat-list .add-to-delete,
.cat-list .stars {
    display: none
}

.cat-list .color-options,
.cat-list .not-in-stock {
    font-size: 11px;
    line-height: 16px;
    padding: 0 10px
}

.cat-list .color-options {
    line-height: 15px
}

.cat-list.list-view .product-item {
    height: 110px;
    width: calc((100% - 10px));
    position: relative
}

@media screen and (min-width: 500px) {
    .cat-list.list-view .product-item {
        width: calc((100% - 10px))
    }
}

@media screen and (min-width: 640px) {
    .cat-list.list-view .product-item {
        width: calc((100% - 20px) / 2)
    }
}

@media screen and (min-width: 768px) {
    .cat-list.list-view .product-item {
        width: calc((100% - 20px) / 2)
    }
}

@media screen and (min-width: 960px) {
    .cat-list.list-view .product-item {
        width: calc((100% - 30px) / 3)
    }
}

.cat-list.list-view .product-item figure {
    margin: 0 10px 10px 10px;
    width: 100px;
    height: 100px;
    float: left
}

.cat-list.list-view .product-item .title {
    position: absolute;
    left: 120px;
    top: 5px;
    width: calc(100% - 130px);
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    padding: 0;
    margin: 0;
    height: 28px;
    overflow: hidden
}

.cat-list.list-view .product-item .price-group {
    width: 170px;
    position: absolute;
    left: 120px;
    top: 35px
}

.cat-list.list-view .product-item .price-group .discount strong {
    font-size: 14px
}

.cat-list.list-view .product-item .price-group .discount em {
    font-size: 10px
}

.cat-list.list-view .product-item .add-to-cart {
    position: absolute;
    left: 119px;
    top: 72px
}

.cat-list.list-view .product-item .add-to-cart .btn-to-cart {
    height: 22px;
    line-height: 22px;
    font-size: 11px
}

.cat-list.list-view .product-item .add-to-cart .btn-to-cart:after {
    width: 16px;
    height: 16px;
    margin: 2px 1px 0 0
}

.cat-list.list-view .product-item .add-to-cart .btn-to-cart span {
    width: 70px
}

.cat-list.list-view .product-item .stars {
    display: block;
    position: absolute;
    left: 120px;
    top: 100px
}

.cat-list.list-view .product-item .tags {
    margin: 0 0 10px 0;
    height: auto;
    width: 46px;
    position: absolute;
    right: 5px;
    bottom: 0
}

.cat-list.list-view .product-item .tag {
    display: block;
    padding: 2px 0;
    font-size: 10px;
    line-height: 12px;
    border-width: 1px;
    margin-top: 5px
}

.cat-list.list-view .product-item .color-options {
    line-height: 13px;
    position: absolute;
    left: 120px;
    top: 71px;
    width: 120px;
    text-align: left;
    padding: 0;
    font-size: 11px
}

.cat-list.list-view .product-item .not-in-stock {
    position: absolute;
    width: calc(100% - 150px);
    left: 120px;
    top: 45px
}

.cat-list.list-view .cat-actions .ac-grid {
    display: none
}

.cat-list.list-view .cat-actions .ac-list {
    display: block
}

.cat-list.filter-view .ac-grid,
.cat-list.filter-view .ac-list,
.cat-list.sort-view .ac-grid,
.cat-list.sort-view .ac-list {
    background-color: transparent
}

.cat-list.filter-view .ac-filtre {
    background-color: #2e98d4
}

.cat-list.sort-view .ac-sort {
    background-color: #2e98d4
}


.best-sell-list {
    margin-bottom: 10px;
    background-color: #fff
}

.best-sell-list .head {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #666766
}

.best-sell-list ol li {
    display: block;
    height: 54px;
    border-bottom: 1px solid #c6c5c5;
    padding: 5px 0;
    position: relative
}

.best-sell-list ol li:last-child {
    border: none
}

.best-sell-list ol li .item {
    padding: 0 10px
}

.best-sell-list .product-item,
.best-sell-list .product-item .product-link {
    display: block;
    height: 54px;
    width: 100%
}

.best-sell-list .product-item figure {
    width: 40px;
    height: 40px;
    float: left;
    margin: 9px 10px 0 0
}

.best-sell-list .product-item .title {
    font-size: 11px;
    font-weight: normal;
    width: calc(100% - 50px);
    padding: 0;
    text-align: left;
    margin: 0;
    height: 16px;
    line-height: 17px;
    overflow: hidden
}

.best-sell-list .product-item .price-block {
    padding: 2px 0 0 50px;
    text-align: left;
    margin: 0
}

.best-sell-list .product-item .price-block .discount strong {
    font-size: 14px
}

.best-sell-list .product-item .price-block .discount em {
    font-size: 10px
}

.best-sell-list .list-progress {
    position: absolute;
    right: 10px;
    top: 37px;
    margin: 0;
    width: calc(100% - 220px)
}

.best-sell-list .list-progress .prgrs {
    display: inline-block;
    margin-right: 4px;
    float: left;
    height: 10px;
    width: calc(100% - 30px)
}

.best-sell-list .list-progress span {
    font-size: 9px;
    font-weight: 600;
    color: #666;
    display: inline-block;
    float: left;
    line-height: 10px
}

.prgrs {
    width: 180px;
    height: 20px;
    -webkit-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    background-color: #f5f5f5;
    overflow: hidden
}

.prgrs,
.prgrs em {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.prgrs em {
    content: "";
    display: block;
    width: 1%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc;
    border-bottom: 1px solid rgba(51, 51, 51, 0.3)
}

.best-sell-list .chckbx {
    display: block;
    float: left;
    width: 50px;
    margin: 23px 0 0 50px;
    padding: 0
}

.overlay-box {
    background-color: rgba(0, 0, 0, 0.84);
    position: fixed;
    top: 90px;
    width: 100%;
    height: calc(100% - 80px);
    z-index: 500;
    display: none
}

.overlay-box .close-overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #000;
    height: 42px;
    line-height: 42px;
    text-align: center;
    z-index: 501;
    width: 100%;
    color: #fff
}

.overlay-box .overlay-body {
    width: 100%;
    height: calc(100% - 42px);
    overflow-y: auto
}

.filters,
.filters h3,
.filters a,
.filters a:active,
.filters a:hover,
.filters a:visited,
.filters span {
    color: #fff
}

.filters h3 {
    line-height: 34px;
    font-size: 17px;
    padding: 0 0 0 15px;
    position: relative;
    cursor: pointer;
    font-weight: 600
}

.filters h3 i {
    position: absolute;
    right: 10px;
    top: 12px;
    float: right;
    vertical-align: middle
}

.filters .cheks {
    display: none;
    padding: 0 0 10px 0
}

.filter a.chk.checked {
    color: #fb8c00;
}

.filters .cheks li {
    padding: 0 0 0 15px;
    line-height: 22px;
    font-size: 14px
}

.filters .filter {
    min-height: 35px;
    border-bottom: 1px solid #fff
}

.filters .filter.active .cheks {
    display: block
}

.filters .filter .sliderbar-container {
    padding: 0 20px 40px
}

.filters .filter .sliderbar-inputs {
    height: 30px;
    margin: 0 0 20px 0
}

.filters .filter .sliderbar-inputs input {
    display: inline-block;
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.filters .filter .sliderbar-inputs input:first-child {
    float: left
}

.filters .filter .sliderbar-inputs input:last-child {
    float: right
}

.chk a,
a.chk {
    position: relative;
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    font-size: 12px;
    padding-left: 27px;
    line-height: 26px;
    outline: 0
}

.chk a:before,
.chk a:after,
a.chk:before,
a.chk:after {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
    width: 18px;
    height: 18px
}

.chk a:before,
a.chk:before {
    z-index: 5;
    background: no-repeat url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23ccc' d='M20.969 10.969v10h-17.938v-17.938h12.969v-3.031h-16v24h24v-13.031z'/%3E %3C/svg%3E")
}

.chk a:after,
a.chk:after {
    z-index: 10;
    background: no-repeat url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23fb8c00' d='M23.936 4.657l-2.435-2.439-10.616 10.616-4.279-4.279-2.438 2.437 6.716 6.716.007-.006z'/%3E %3C/svg%3E");
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.chk a.checked:before,
a.chk.checked:before {
    background: no-repeat url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23fb8c00' d='M20.969 10.969v10h-17.938v-17.938h12.969v-3.031h-16v24h24v-13.031z'/%3E %3C/svg%3E");
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.chk a.checked:after,
a.chk.checked:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.chk a:focus,
a.chk:focus {
    color: inherit
}


.radiobx {
    display: inline-block;
    user-select: none;
    margin: 6px 5px 0 0;
    padding: 0;
    width: auto;
    height: 26px;
    border: none;
    background: transparent;
    position: relative;
    outline: 1px
}

.radiobx input[type=radio] {
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin: 5px 5px 0 0;
    outline: auto;
    border: none;
    background: none;
    outline: none;
    position: absolute;
    z-index: 1
}

.radiobx label {
    display: inline-block;
    line-height: 26px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    padding-left: 27px
}

.radiobx label:before,
.radiobx label:after {
    width: 18px;
    height: 18px;
    left: 0;
    top: 5px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background-clip: padding-box
}

.radiobx label:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: no-repeat url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23ccc' d='M21.6,12c0,5.302-4.298,9.6-9.6,9.6c-5.302,0-9.6-4.298-9.6-9.6c0-5.302,4.298-9.6,9.6-9.6 c0.912,0,1.8,0.132,2.641,0.372l1.883-1.884C15.131,0.312,13.607,0,12,0C5.373,0,0,5.373,0,12c0,6.628,5.373,12,12,12 c6.628,0,12-5.372,12-12'/%3E %3C/svg%3E") #fff;
    background-size: contain
}

.radiobx label:after {
    content: "";
    cursor: pointer;
    position: absolute;
    z-index: 5;
    background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23fb8c00' d='M21.6,12c0,5.302-4.298,9.6-9.6,9.6c-5.302,0-9.6-4.298-9.6-9.6c0-5.302,4.298-9.6,9.6-9.6 c0.912,0,1.8,0.132,2.641,0.372l1.883-1.884C15.131,0.312,13.607,0,12,0C5.373,0,0,5.373,0,12c0,6.628,5.373,12,12,12 c6.628,0,12-5.372,12-12 M4.733,10.992L6.605,9.12l4.279,4.279L21.5,2.784l1.87,1.873L10.884,17.143L4.733,10.992z'/%3E %3C/svg%3E") no-repeat;
    background-size: contain;
    opacity: 0
}

.radiobx label:hover:after {
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.radiobx.checked label:before {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23fb8c00' d='M21.6,12c0,5.302-4.298,9.6-9.6,9.6c-5.302,0-9.6-4.298-9.6-9.6c0-5.302,4.298-9.6,9.6-9.6 c0.912,0,1.8,0.132,2.641,0.372l1.883-1.884C15.131,0.312,13.607,0,12,0C5.373,0,0,5.373,0,12c0,6.628,5.373,12,12,12 c6.628,0,12-5.372,12-12 M4.733,10.992L6.605,9.12l4.279,4.279L21.5,2.784l1.87,1.873L10.884,17.143L4.733,10.992z'/%3E %3C/svg%3E")
}

.radiobx.checked label:after {
    opacity: 1
}

.overlay-box-sort {
    color: #fff
}

.overlay-box-sort li {
    min-height: 35px;
    border-bottom: 1px solid #fff;
    padding: 0 8px 0 15px
}

.overlay-box-sort .radiobx {
    display: block
}

.overlay-box-sort .radiobx input[type=radio] {
    right: 0;
    margin: 5px 0 0 0
}

.overlay-box-sort label {
    color: #fff;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    padding: 0
}

.overlay-box-sort label:after,
.overlay-box-sort label:before {
    left: auto;
    right: 0
}

.overlay-box-sort label:before {
    background-color: #323232
}

.cat-prop {
    margin: auto;
    width: calc((100% - 20px))
}

.cat-prop h1 {
    background-color: #fb8c00;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 10px;
    line-height: 120%;
    margin-bottom: 15px
}

.cat-prop .bl .hd .head {
    color: #fb8c00;
    font-weight: 600;
    font-size: 13px
}

.cat-prop a.go {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    line-height: 26px;
    margin-bottom: 15px;
    background-color: #f7f6f4;
    padding: 7px
}

.cat-prop a.go:last-child {
    margin-bottom: 5px
}

.cat-prop a.go span {
    float: right;
    display: inline-block;
    padding: 0 5px;
    background-color: #fb8c00;
    font-size: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box
}

.cat-prop a.go span i {
    width: 11px;
    height: 12px
}

.cat-prop .bl {
    padding: 0
}

.cat-prop .bl .hd {
    padding: 0 10px
}

.cat-prop .bl .bd {
    padding: 0 10px 10px 10px
}

.cat-prop .brands.bl .bd {
    padding: 0 0 5px 0
}

.cat-prop .brands .go {
    height: 40px;
    float: left;
    width: calc((100% - 70px) / 2);
    margin: 0 10px 10px 10px
}

.cat-prop .brands .go figure {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-align: center
}

.cat-prop .brands .go figure:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.cat-prop .brands .go figure img {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    max-width: 90%
}

body,
html {
    height: 100%;
    width: 100%
}

body {
    background-color: #f1f0f0;
    font-family: 'Open Sans', sans-serif;
    line-height: 100%;
    color: #333;
    -webkit-font-smoothing: antialiased;
    font-size: 12px
}

body.noscroll {
    overflow: hidden
}

body.swiping {
    overflow: hidden
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .clearfix {
    zoom: 1
}

*:first-child+html .clearfix {
    zoom: 1
}

nav li a,
a.hvr,
.hvr a {
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.bs {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12)
}

.ns {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.orange {
    color: #fb8c00
}

.green {
    color: #88bf96
}

.gold {
    color: #b39478
}

a,
a:active,
a:hover,
a:visited,
a:focus {
    text-decoration: none;
    color: #333;
    outline: none
}

a.orange,
a:active.orange,
a:hover.orange,
a:visited.orange,
a:focus.orange {
    color: #fb8c00
}

a.green,
a:active.green,
a:hover.green,
a:visited.green,
a:focus.green {
    color: #88bf96
}

a.gold,
a:active.gold,
a:hover.gold,
a:visited.gold,
a:focus.gold {
    color: #b39478
}

.fl {
    float: left
}

.fr {
    float: right
}

.tar {
    text-align: right
}

.tac {
    text-align: center
}

strong {
    font-weight: 700
}

.row-head {
    font-size: 14px;
    margin: 10px 0 7px 0;
    color: #666766;
    font-weight: 600;
    padding: 0 10px
}

nav.common {
    background-color: #fff;
    margin-bottom: 15px
}

nav.common .sub-content {
    display: none;
    padding: 10px
}

nav.common li {
    display: block;
    border-bottom: 1px solid #cdcccc
}

nav.common li:last-child {
    border: none
}

nav.common li>a {
    display: block;
    line-height: 35px;
    color: #666766;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    height: 35px;
    position: relative;
    margin: 0 10px 10px 0
}

nav.common li>a i {
    position: absolute;
    right: 10px;
    top: 13px;
    float: right;
    vertical-align: middle
}

nav.common li.active>a {
    color: #fb8c00
}

nav.common li.active .sub-content {
    display: block
}

nav.common.tags {
    margin: 20px auto
}

nav.common.tags li {
    padding: 5px;
    font-size: 13px;
    line-height: 17px
}

nav.common.tags li>a {
    height: auto;
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    padding: 0 0 0 15px;
    margin: 0 5px 0 0;
    position: relative
}

nav.common.tags li>a:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E %3Cg fill='%23aaa'%3E%3Cpath d='M10 1.029v-1.029h-5.999v1.029h-4.001v1.971h14v-1.971zM1 16.999h1v1.001h10v-1.001h1v-12.999h-12v12.999zm2-8.585l1.414-1.414 2.578 2.578 2.578-2.579 1.414 1.414-2.578 2.579 2.578 2.578-1.414 1.414-2.579-2.578-2.578 2.578-1.414-1.414 2.579-2.578-2.578-2.578z'/%3E%3C/g%3E %3C/svg%3E");
    height: 12px;
    width: 9px
}

.prices .old {
    color: #9fa09b;
    text-decoration: line-through
}

.prices .cur {
    color: #fb8c00;
    font-weight: bold
}


@font-face {
  font-family: 'fontello';
  src: url('./font/fontello.eot?61931010');
  src: url('./font/fontello.eot?61931010#iefix') format('embedded-opentype'),
       url('./font/fontello.svg?61931010#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
}

 [class^="star-"]:before, [class*=" star-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.star {
    color: #fb8c00;
    font-size: 16px;
}
.star-1:before { content: '\e800'; }
.star-2:before { content: '\e800\e800\e801\e801\e801'; }
.star-3:before { content: '\e800\e800\e800\e801\e801'; }
.star-4:before { content: '\e800\e800\e800\e800\e801'; }
.star-5:before { content: '\e800\e800\e800\e800\e800'; }

.product_fastpay_container{
    background:rgba(46, 140, 0, 0.75);
    display:block;
    padding:15px 30px;
    overflow:hidden;
    text-align: center;
    margin-bottom: 26px;
}
.product_fastpay_container div{

}
.product_fastpay_container div+div{

}
.product_fastpay_container .t0{

}
.product_fastpay_container .t1{
    color:#fff;
    font-size:14px;
    font-weight:bold;
    margin-top:6px;
    line-height:20px;
}
.product_fastpay_container .t2{
    margin-top:6px;
    background: #fff;
    color:rgba(46, 140, 0, 0.75);
    padding:14px 14px;
    font-weight:bold;
    font-size:20px;
    display:inline-block;
}
.product_fastpay_container .t3{
    color:#fff;
    line-height:18px;
    margin-top:10px;
}