/* Custom */
/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "OpenSansRegular";
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
body {
    font-family: "OpenSansRegular", Arial, sans-serif;
    min-width: 320px;
}

@font-face {
    font-family: rouble;
    src: url("/fonts/rouble-Regular.otf");
    font-weight: 400;
}
.rub {
    font-family: 'rouble';
    font-size: inherit;
}

header {
    background: #6eba00 url(../img/header-bg.jpg) no-repeat center;
    /*background: #88b91f;*/
    color: #fff;
    height: auto;
}
header a {
    color: #fff;
    text-decoration: none;
}
header a:hover,
header a:focus {
    color: #fff;
    text-decoration: none;
}
.header-index {
    height: auto;
}

a.logo {
    display: block;
    text-indent: -9999em;
    background: url(../img/sigavape_logo2.png) 0 0 no-repeat;
    width: 240px;
    height: 96px;
}
@media (max-width: 768px){
    a.logo {
        width: 60px;
        margin: auto;
    }
}


a.logo-mobile {
    display: inline-block;
    text-indent: -9999em;
    background: url(../img/sigavape_logo2.png) 0 0 no-repeat;
    background-size: contain;
    width: 200px;
    height: 80px;
}






#header-infoline {
    border-bottom: 1px solid hsla(0,0%,100%,0.4);
    height: 40px;
    line-height: 40px;
    background: hsla(0,0%,0%,0.1);
}
#address-mobile {
    border-bottom: 1px solid hsla(0,0%,100%,0.4);
    height: 40px;
    line-height: 40px;
    background: hsla(0,0%,0%,0.1);
}
.icon-city {
    margin: 0 10px;
    width: 12px;
    height: 16px;
    display: inline-block;
    background: url(../img/icon-city.png) no-repeat;
    vertical-align: -3px;
}
.a-city {
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
.icon-address {
    margin: 0 10px;
    width: 19px;
    height: 17px;
    display: inline-block;
    background: url(../img/icon-address.png) no-repeat;
    vertical-align: -3px;
}
.icon-company {
    margin: 0 10px;
    width: 24px;
    height: 19px;
    display: inline-block;
    background: url(../img/icon-company.png) no-repeat;
    vertical-align: -3px;
}
.icon-profile {
    margin: 0 10px;
    width: 24px;
    height: 16px;
    display: inline-block;
    background: url(../img/icon-profile.png) no-repeat;
    vertical-align: -3px;
}
.a-company:hover,
.a-profile:hover {
    text-decoration: underline;
}

#header-marketline {
    border-bottom: 1px solid hsla(0,0%,100%,0.4);
    height: 99px;
    background: hsla(0,0%,0%,0.1);
}
.icon-phone {
    float: left;
    margin-top: 14px;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../img/icon-phone.png) no-repeat;
}
.icon-phone-b {
    background: url(../img/icon-phone-b.png) no-repeat;
}
.header-marketline-phone {
    margin-top: 8px;
    margin-left: 44px;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
}
.header-marketline-hotline {
    margin-left: 44px;
    font-size: 13px;
}
.button-callback {
    border: none;
    display: inline-block;
    margin-top: 8px;
    /*margin-left: 44px;*/
    width: 185px;
    height: 30px;
    background: #ff6600;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-radius: 14px;
}
.border-search {
    border-left: 1px solid hsla(0,0%,100%,0.4);
}
.header-marketline-search {
    height: 98px;
    padding-top: 24px;
    padding-left: 10px;
}
.header-marketline-search input {
    font-size: 16px;
    padding: 12px;
    padding-right: 34px;
    width: 90%;
    border: none;
    background-color: #63a800;
}
.icon-search {
    position: relative;
    top: 2px;
    right: 24px;
    width: 17px;
    height: 14px;
    display: inline-block;
    background: url(../img/icon-search.png) no-repeat;
}
/*
.border-basket {
	position: absolute;
	width: 100%;
	top: -1px;
	left: -1px;
    border: 1px solid #ff6600;
}
*/
.basket-block {
    border-left: 1px solid hsla(0,0%,100%,0.4);
}
.header-basket-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    padding: 2px;
    font-size: 14px;
    background: #ff6600;
    text-align: center;
}
.header-basket {
    font-size: 16px;
    font-weight: bold;
    line-height: 98px;
    text-align: center;
    color: #000;
}
.icon-basket {
    margin-right: 10px;
    width: 23px;
    height: 17px;
    display: inline-block;
    background: url(../img/icon-basket.png) no-repeat;
}
.sum-tov {
    display: inline-block;
}




.header-marketline-search input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}
.header-marketline-search input[type="text"]::-moz-placeholder {
    color: #fff;
}
.header-marketline-search input[type="text"]:focus::-webkit-input-placeholder {
    color: transparent;
}
.header-marketline-search input[type="text"]:focus::-moz-placeholder {
    color: transparent;
}



nav {
    line-height: 64px;
    text-align: center;
}
.nav-a {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 13px;
}
.nav-text {
    display: inline-block;
}
#nav_1:hover,
#nav_2:hover,
#nav_3:hover,
#nav_4:hover,
#nav_5:hover,
#nav_6:hover {
    background: hsla(0,0%,0%,0.4);
}
.nav_active {
    background: hsla(0,0%,0%,0.2);
}

@media (min-width: 768px) {
    nav {
        height: 94px;
        line-height: 94px;
        text-align: center;
    }
    .nav-a {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .nav-text {
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        width: 110px;
        text-align: left;
    }
    /* Menu Hover */
    /* Show the dropdown menu on hover */
    #nav_1:hover #sub_nav_1 {
        display: block;
    }
    #nav_2:hover #sub_nav_2 {
        display: block;
    }
    #nav_3:hover #sub_nav_3 {
        display: block;
    }
    #nav_4:hover #sub_nav_4 {
        display: block;
    }
    #nav_5:hover #sub_nav_5 {
        display: block;
    }
    #nav_6:hover #sub_nav_6 {
        display: block;
    }
}


/* Sub Nav */
.sub-nav {
    display: none;
    z-index: 400;
    position: absolute;
    left: 0;
    width: 300px;
    background: #fff;
    border: 1px solid #e5e4e4;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.sub-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sub-nav li {
    border-bottom: 1px solid #e5e4e4;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}
.sub-nav ul :last-child {
    border-bottom: none;
}
.sub-nav li a {
    display: block;
    padding: 15px 25px;
    color: #000;
}


/*
nav {
    height: 94px;
    font-size: 14px;
}
nav .container {
    height: 94px;
    line-height: 94px;
}
.nav-line-height {
	line-height: 94px;
}
.nav-text {
	display: inline-block;
    line-height: 20px !important;
    background: red;
    width: 50px;
    height: 50px;
}
*/


.icon-menu {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.icon-menu-1 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-1.png) no-repeat;
}
.icon-menu-2 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-2.png) no-repeat;
}
.icon-menu-3 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-3.png) no-repeat;
}
.icon-menu-4 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-4.png) no-repeat;
}
.icon-menu-5 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-5.png) no-repeat;
}
.icon-menu-6 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-6.png) no-repeat;
}





/* Header Banner */

/*
#header-banner {
	margin: 0;
}
.header-banner-img {
	width: 100%;
}
*/
.header-banner-title {
    font-size: 42px;
    line-height: 50px;
    font-weight: bold;
}
.header-banner-text {
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
}
.button-header-banner {
    border: none;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 160px;
    height: 50px;
    background: #ff6600;
    font-size: 17px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}


#header-banner {
    padding-top: 30px;
}
#header-banner .slider {}
#header-banner img {
    width: 100%;
    height: 100%;
}
.bx-pager {
    text-align: center;
}
.bx-pager .bx-pager-item {
    display: inline-block;
    border: 2px solid #ff6600;
    margin: 5px;
}
.bx-pager .bx-pager-item a {
    display: block;
    text-indent: -9999em;
    width: 16px;
    height: 16px;
    background: transparent;
    margin: 2px;
}
.bx-pager .bx-pager-item a.active {
    background: #ff6600;
}


@media (min-width: 768px) {

}
@media (min-width: 992px) {
    header {
    //height: 233px;
    }
    .header-index {
        height: 670px;
    }

    .header-banner-title {
        margin-top: 60px;
    }

}



h1 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #000;
    font-size: 26px;
}

.h1-current-sub {
    margin-top: 0 !important;
    font-size: 32px;
}


/* Footer */



.footer-nav {
    margin-top: 20px;
    padding-top: 34px;
    border-top: 1px solid #e5e4e4;
    border-bottom: 1px solid #e5e4e4;
    color: #000;
}
.footer-nav .row > div {
    margin-bottom: 34px;
}
.footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 14px;
    line-height: 24px;
}
.footer-nav ul a {
    color: #666666;
}

footer .header-marketline-phone {
    color: #ff6600;
}
footer .button-callback {
    color: #fff;
}

.footer-soc {
    margin-top: 34px;
    margin-left: 44px;
}
.footer-soc-item {
    display: inline-block;
    margin-right: 4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ff6600;
    text-align: center;
}
.footer-soc-item:hover {
    border: 1px dashed #ff6600;
}
.icon-soc-vk {
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(../img/icon-soc-vk.png) no-repeat;
}
.icon-soc-f {
    display: inline-block;
    width: 6px;
    height: 13px;
    background: url(../img/icon-soc-f.png) no-repeat;
}
.icon-soc-i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/icon-soc-i.png) no-repeat;
}

.footer-copyright {
    font-size: 12px;
    line-height: 54px;
    color: #666666;
}
.icon-pay {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    height: 31px;
    background: url(../img/icon-pay.png) no-repeat;
}
.footer-note {
    margin-bottom: 20px;
    font-size: 12px;
    color: #666666;
}





/* OFFER */
.offer {
    border: 1px solid #e5e4e4;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    /*min-height: 421px;*/
    height: 398px;
}
.offer-special {
    position: absolute;
    width: 112px;
    height: 112px;
    top: 0;
    left: 15px;
}
.offer-special-podarok {
    background: url(../img/offer-spec-podarok.png) no-repeat;
}
.offer-special-sale {
    background: url(../img/offer-spec-sale.png) no-repeat;
    z-index: 2;
}
.offer-special-hit {
    background: url(../img/offer-spec-hit.png) no-repeat;
}

.offer-img {
    float: left;
    margin-top: 20px;
    /*width: 148px;*/
    width: 40%;
    /*height: 280px;*/
    height: 252px;
}
.offer-info {
    padding-left: 10px;
    float: left;
    width: 60%;
}

.offer h3 a {
    font-size: 20px;
    color: #000;
    text-decoration: underline;
}
.offer a:hover,
.offer a:focus {
    text-decoration: none;
}
.offer-rating {
    margin-top: 20px;
}
.offer-reviews a {
    color: #000;
    text-decoration: underline;
}
.offer-spec {
    margin-top: 30px;
}
.offer-spec-item a {
    color: #ff6600;
    text-decoration: underline;
}
.offer-oldprice {
    margin-top: 30px;
    font-size: 18px;
    color: #adacac;
    text-decoration: line-through;
}
.offer-price {
    font-size: 32px;
    font-weight: bold;
}
.offer-instock {
    padding: 10px 0 10px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #5fba0e;
}
.offer-delivery {
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
}

.offer-cta {
    margin-top: 10px;
    margin-bottom: 10px;
}
.offer-count {
    display: inline-block;
    width: 120px;
    height: 50px;
    background: #ffffff;
    font-size: 18px;
    line-height: 49px;
    text-align: center;
    color: #ff6600;
    border: 1px;
    border-color: #ff6600;
    border-style: solid;
}
.button-offer-buy {
    padding: 0;
    border: none;
    display: inline-block;
    width: 120px;
    height: 50px;
    background: #ff6600;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.button-offer-buy:hover {
    background: #e40101;
}

.icon-offer-star {
    float: left;
    width: 19px;
    height: 18px;
    background: url(../img/icon-offer-star.png) no-repeat;
}
.icon-offer-star-dis {
    float: left;
    width: 19px;
    height: 18px;
    background: url(../img/icon-offer-star-dis.png) no-repeat;
}
.icon-offer-instock {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 13px;
    background: url(../img/icon-offer-instock.png) no-repeat;
}
.icon-offer-delivery {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 21px;
    background: url(../img/icon-offer-delivery.png) no-repeat;
}
.offer-count .minus,
.offer-count .plus {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
}
.offer-count input {
    -webkit-appearance: none;
    padding: 0;
    width: 20px;
    height: 34px;
    color: #ff6600 !important;
    background: #fff;
    border: 0;
    text-align: center;
}







.row3 {
    background: red;
}
.row4 {
    background: yellow;
}



/* OFFER PAGE */

.offer-page-indent {
    margin-top: 20px;
    margin-bottom: 20px;
}

.offer-page-img {
}

.b-offer-page-line {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #bababa;
}
.link-offer-spec {
    color: #ff6600;
    border-bottom: 1px dashed #ff6600;
}
.link-offer-spec:hover,
.link-offer-spec:focus {
    color: #ff6600;
    text-decoration: none;
}

.icon-offer {
    display: inline-block;
}
.icon-offer-1 {
    width: 36px;
    height: 33px;
    background: url(../img/icon-full-delivery.png) no-repeat;
}
.icon-offer-2 {
    width: 40px;
    height: 41px;
    background: url(../img/icon-full-pay.png) no-repeat;
}
.icon-offer-3 {
    width: 40px;
    height: 42px;
    background: url(../img/icon-full-waranty.png) no-repeat;
}
.icon-offer-4 {
    width: 36px;
    height: 42px;
    background: url(../img/icon-full-discount.png) no-repeat;
}
.offer-page-icon-a {
    color: #000;
    text-decoration: underline;
}
.offer-page-icon-a:hover,
.offer-page-icon-a:focus {
    color: #000;
    text-decoration: none;
}

.offer-page-instock {
    margin-bottom: 30px;
    width: 120px;
    height: 30px;
    background: #6eba00;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.icon-offer-page-instock {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 13px;
    background: url(../img/icon-offer-page-instock.png) no-repeat;
}

.offer-page-item {
    border: none;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 160px;
    height: 50px;
    background: #f0f0f0;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}

.b-offer-spec {
    background: #f0f0f0;
    padding-top: 20px;
}
.offer-page-spec {
    border-bottom: 1px solid #bababa;
    margin-bottom: 20px;
    line-height: 40px;
}
.offer-spec-atr {
    display: inline-block;
}
.offer-spec-par {
    display: inline-block;
    color: #ff6600;
    text-decoration: underline;
}

/* CART */

.offer-cart {
    padding: 20px;
    height: auto;
}
.button-cart-delete {
    font-size: 24px;
    color: #ccc;
    cursor: pointer;
}
.offer-img-cart img {
    max-width: 100%;
    height: auto;
}
.offer-cart h3 {
    margin: 0;
    font-size: 21px;
}
.offer-cart .offer-spec {
    margin-top: 20px;
}
.offer-cart .offer-instock {
    padding: 0;
    padding-top: 10px;
}
.offer-cart .offer-oldprice {
    margin: 0;
}
.h3-cart {
    margin-top: 40px;
    font-size: 21px;
    line-height: 32px;
    font-weight: bold;
}
.cart-select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #000;
}
.cart-input-address-st {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #000;
}
.cart-input-address {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #000;
}
.button-cart-edit {
    margin-top: 10px;
    padding: 0;
    border: 2px solid #ff6600;
    display: block;
    width: 170px;
    height: 50px;
    background: #fff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #ff6600;
}
.button-cart-continue2 {
    margin-top: 20px;
    padding: 0;
    border: none;
    display: block;
    width: 170px;
    height: 50px;
    background: #ff6600;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

.cart-total {
    border: 1px solid #e5e4e4;
    padding: 20px;
    /*min-height: 421px;*/
}
.cart-total-text {
    font-size: 21px;
}
.input-cart-promo {
    margin-top: 15px;
    padding: 10px;
    border: none;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border: 1px solid #e5e4e4;
}
.button-cart-promo {
    margin-top: 10px;
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    height: 50px;
    background: #6eba00;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.cart-total-promo {
    margin-top: 30px;
    font-size: 14px;
}
.icon-cart-promo {
    margin-right: 6px;
    width: 26px;
    height: 25px;
    display: inline-block;
    background: url(../img/icon-cart-promo.png) no-repeat;
    vertical-align: -7px;
}
.icon-cart-promo-arrow {
    margin-left: 4px;
    width: 13px;
    height: 6px;
    display: inline-block;
    background: url(../img/icon-cart-promo-arrow.png) no-repeat;
}
.button-cart-checkout {
    margin-top: 20px;
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    height: 60px;
    background: #ff6600;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
.button-cart-continue {
    margin-top: 10px;
    padding: 0;
    border: 2px solid #ff6600;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #ff6600;
}


/* Filters */
.button-toogle-filter {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    height: 50px;
    background: #6eba00;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.filters {
    margin-bottom: 20px;
}
.filter:first-child {
    border-top: 1px solid #e5e4e4;
}
.filter {
    position: relative;
    border: 1px solid #e5e4e4;
    border-top: none;
    font-size: 16px;
}
.filter-header {
    line-height: 60px;
    padding: 0 22px;
    cursor: pointer;
}
.filter-body {
    display: none;
    padding: 9px 20px 9px 20px;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-right: 20px
}
.filter-body::-webkit-scrollbar {
    margin: 0 20px;
    width: 6px;
    height: 6px;
    background-color: #f0f0f0;
}
.filter-body::-webkit-scrollbar-corner {
    background-color: #f0f0f0;
}
.filter-body::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #909090;
}
.filter-body::-webkit-scrollbar-track {
    border: 2px solid #f0f0f0;
    border-radius: 2px;
}
.icon-filter-arrow-close {
    position: absolute;
    top: 26px;
    right: 19px;
    width: 6px;
    height: 13px;
    display: inline-block;
    background: url(../img/icon-filter-arrow-close.png) no-repeat;
    cursor: pointer;
}
.icon-filter-arrow-open {
    position: absolute;
    top: 28px;
    right: 17px;
    width: 13px;
    height: 6px;
    display: inline-block;
    background: url(../img/icon-filter-arrow-open.png) no-repeat;
    cursor: pointer;
}
.filter-category {
    /*
    background: #589500;
    */
}
.filter-category a {
    color: #589500;
}
.filter label {
    font-weight: normal;
}


/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
    cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
    position: fixed;
    opacity: 0;
}
.checkbox:not(checked) + label {
    position: relative; /* будем позиционировать псевдочекбокс относительно label */
    padding: 0 0 0 40px; /* оставляем слева от label место под псевдочекбокс */
    font-weight: normal;
    margin-bottom: 15px;
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    background: url(../img/icon-filter-checkbox.png) no-repeat;
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
    width: 27px;
    height: 27px;
    display: inline-block;
    background: url(../img/icon-filter-checkbox-checked.png) no-repeat;
}



/* Modal Access */
.modal-access .modal-content {
    padding: 20px;
}
.modal-access-site {
    margin: 20px 0;
    text-align: center;
}
.modal-access-site img {
    width: 100%;
}
@media (min-width: 768px) {
    .modal-access-site {
        margin: 40px 0;
    }
    .modal-access-site img {
        width: 80%;
    }
}
.modal-access-query {
    color: #666;
    font-size: 30px;
    text-align: center;
}
.modal-access-buttons {
    margin-top: 30px;
    color: #666;
    font-size: 30px;
    text-align: center;
}


.button-cart-18y {
    display: block;
    margin-top: 10px;
    padding: 0;
    border: none;
    display: block;
    height: 60px;
    background: #ff6600;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    width: 100%;
}
.button-cart-18n {
    display: block;
    margin-top: 10px;
    padding: 0;
    border: 2px solid #ff6600;
    display: block;
    height: 60px;
    background: #fff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #ff6600;
    width: 100%;
}
.modal-access-info {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e5e4e4;
    color: #adacac;
    text-align: center;
}

.modal-cart {
    width: 100%;
    height: 50px;
    background: #6eba00;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

/* Modal Callback */
.callback-form {
    margin-bottom: 20px;
}
.input-callback {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #000;
}


#modalCity .modal-title {
    color: #427000;
    text-align: center;
}
#modalCity a {
    color: #000;
    text-decoration: none;
    line-height: 1.5;
}
#modalCity a:hover,
#modalCity a:focus {
    color: #ff6600;
    text-decoration: underline;
}
.city-header {
    color: #ff6600;
    font-weight: bold;
}

/* Bootstrap Custom */
.breadcrumb {
    padding: 8px 0;
    margin-top: 20px;
    background-color: #fff;
    text-transform: uppercase;
}
.breadcrumb a {
    color: #999;
    text-decoration: underline;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
    text-decoration: none;
}
.breadcrumb > li + li:before {
    color: #999;
    content: ">\00a0";
}
.breadcrumb > .active {
    color: #ff6600;
}

.navbar-toggle {
    float: none;
    border: 1px solid #a2cb66;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}






/*----------------------------------------------------------------------------------------------------------------------*/
#nav-mobile {
    background: #63a800;
    line-height: 80px;
}
#nav-mobile.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
#nav-mobile a {
    color: inherit;
}
#nav-mobile a:hover {
    text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------------------------*/
.event a, .user a, .cart a {
    display: inline-block;
}
.user span, .cart span {
    display: inline-block;
    vertical-align: middle;
}
.user b, .cart b {
    display: block;
    font-weight: normal;
}
.user span, .cart span {
    display: inline-block;
    vertical-align: middle;
}
.event .icon {
    background: url("../img/icons.png") 0 -32px no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
.user .icon {
    background: url("../img/icons.png") -32px -32px no-repeat;
    display: inline-block;
    border: none;
    width: 32px;
    height: 32px;
}
.cart .icon {
    background: url("../img/icons.png") -64px -32px no-repeat;
    display: inline-block;
    border: none;
    width: 32px;
    height: 32px;
    margin-right: 5px;
}
.search {
    position: relative;
}
.search input {
    border: none;
    width: 100%;
    color: #000000;
    padding: 7px;
    border-radius: 3px;
    line-height: 19px;
}
.search .go {
    background: url("../files/icons.png") 0 -64px no-repeat;
    border: none;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999em;
}
/*----------------------------------------------------------------------------------------------------------------------*/








/* Navigation */
#nav_container {
    /*
    position: fixed;
    */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: #fff;
    width: 100%;
    /*
    height: 100%;
    */
    transition: -webkit-transform .45s cubic-bezier(.19,1,.22,1);
    transition: transform .45s cubic-bezier(.19,1,.22,1);
    transition: transform .45s cubic-bezier(.19,1,.22,1),-webkit-transform .45s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow-x: hidden;
    overflow-y: auto;
}
#nav_container.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}


.nav-header {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    min-height: 44px;
}
.nav-header2 {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    font-size: 15px;
}
.subnav-header {
    padding: 10px 15px;
    font-size: 15px;
    /*
      border-bottom: 1px solid #d9d9d9;
      background: #f8f8f8;
      font-weight: bold;
    */
    color: #fff;
    background: #13a300;
    border-bottom: 1px solid #13a300;
}

.choise {
    cursor: pointer;
    display: inline-block;
}
.choise span b {
    color: #13a300;
    display: block;
}
.nav-footer {
    padding: 10px 15px;
    border-bottom: 1px solid #d9d9d9;
    background: #f8f8f8;
    color: #000;
    font-size: 14px;
}
.nav-back {
    position: relative;
    display: block;
    background-color: #fff;
    display: inline-block;
    color: #000;
    padding: 15px 15px;
    cursor: pointer;
}
.nav-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 41px;
    line-height: 44px;
    font-weight: normal;
    color: #13a300;
    cursor: pointer;
    width: 51px;
    height: 51px;
    text-align: center;
}


.nav-ul,
.city-ul {
    padding-left: 0;
    margin-bottom: 0;
}
.nav-ul a,
.nav-ul span {
    /*
      color: #13a300;
    */
    color: #000;
    display: block;
    padding: 10px 15px;
    cursor: pointer;
}
.nav-ul a:hover {
    text-decoration: none;
}
.nav-ul > li {
    position: relative;
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    font-size: 15px;
}
.nav-ul-item-act {
    /*
      color: #fff;
      background: #13a300;
      border-bottom: 1px solid #13a300;
    */
    background: #fff;
}
.nav-ul-item-act a {
    color: #13a300;
    font-weight: bold;
}
.nav-ul > li:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.2 7'><path d='M.5 7c-.1 0-.3 0-.4-.1-.1-.2-.1-.6 0-.8l2.6-2.6L.1.9C0 .7 0 .3.1.1s.5-.2.7 0l3.4 3.4L.9 6.9C.8 7 .6 7 .5 7z'/></svg>") no-repeat;
    background-size: 100%;
    width: 4px;
    height: 6.66667px;
}


.city-search {
    padding: 10px;
}
.city-ul > li {
    position: relative;
    display: block;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    font-size: 15px;
    padding: 7px 15px;
    color: #000;
}
li.city-ul-header {
    /*
      border-bottom: 1px solid #d9d9d9;
      background: #f8f8f8 !important;
      font-weight: bold;
    */
    color: #fff;
    background: #13a300;
    border-bottom: 1px solid #13a300;
}


#page_container.is-close {
    display: none;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }

    h1 {
        margin-top: 40px;
        font-size: 42px;
    }

}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    #nav_container {
        top: 145px;
        width: 364px;
    }
    #page_container.is-close {
        display: block;
    }

    .nav-header {
        padding: 8px 15px;
    }
    .nav-header2 {
        font-size: 14px;
    }
    .subnav-header {
        padding: 8px 15px;
        font-size: 14px;
    }
    .nav-ul a,
    .nav-ul span {
        padding: 8px 15px;
    }
    .nav-ul > li {
        font-size: 14px;
    }

}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }

    #nav_container {
        top: 145px;
        width: 364px;
    }
    #page_container.is-close {
        display: block;
    }

    .nav-header {
        padding: 8px 15px;
    }
    .nav-header2 {
        font-size: 14px;
    }
    .subnav-header {
        padding: 8px 15px;
        font-size: 14px;
    }
    .nav-ul a,
    .nav-ul span {
        padding: 6px 15px;
    }
    .nav-ul > li {
        font-size: 14px;
    }

}


/* cart badge */
.cart-badge {
    position: absolute;
    top: 8px;
    left: 30px;
}

.cart-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ff6600;
    border-radius: 4px;
}

.panel-choose-address {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #ff6600;
    cursor: pointer;
}
.panel-choose-address-act {
    background: #ff6600;
    color: #fff;
}

.rejting-star {
    background-image: url('/img/star0.png');
    width: 100px;
    height: 20px;
    visibility: hidden;
    display: inline-block;
    vertical-align: middle;
}
.rejting-star div {
    background-image: url('/img/star1.png');
    height: 20px;
}

#rejting-input input:checked ~ label, #rejting-input label, #rejting-input label:hover, #rejting-input label:hover ~ label {
    background: url('/img/star.png') no-repeat;
}
#rejting-input {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    float: left;
}
#rejting-input input {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 43px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 0;
}
#rejting-input input:checked ~ label {
    background-position: 0 -40px;
    height: 40px;
    width: 43px;
}
#rejting-input label {
    background-position: 0 0;
    height: 40px;
    width: 43px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}
#rejting-input label:hover, #rejting-input label:hover ~ label {
    background-position: 0 -40px;
    height: 40px;
    width: 43px;
}
#rejting-input #star-0 {
    left: 0px;
}
#rejting-input #star-1 {
    left: 53px;
}
#rejting-input #star-2 {
    left: 106px;
}
#rejting-input #star-3 {
    left: 159px;
}
#rejting-input #star-4 {
    left: 212px;
}
#rejting-input #star-5 {
    left: 265px;
}
.product-short {
    height: auto;
    padding-bottom: 15px;
}
.product-short .product-short-title {
    overflow: hidden;
    height: 83px;
}
.product-short-charact {
    list-style: none;
    padding: 0;
    overflow: hidden;
    height: 80px;
}
.product-short-oldprice {
    font-size: 18px;
    color: #adacac;
    text-decoration: line-through;
    height: 25px;
}
.product-short-info {
    margin: 0;
}
.product-short .rating {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNrsmrtKA0EYhbN2EtHCG5aKQgjR6CNoISj4BoLYaAqJFyx8AjurQJBgm8ZOELHx8hQmWii2YqGNRdSsZ2ACk2UvM9klGfD8cNjsOHwZODuTmfU4tVotpVEj0BZ0nEqmyJOVyWTa7vs0gQXoABpIaIDkBZSOIf1QERqGNhMYHHkxDVmHRuXnosGsIq8DXtSXOdCecj8NrcUYHHkRvChDlqGsp20/xgDJi+A5yi5LTKspqUl5XZKfvXUBPUHP0Iu8vkINpQ95hjzsuBrCkCHc3EELMdfKX2gDuiSvc55Ysj7luvYYA+ZCh1CVvM55mCFVdcmagG7FWaUD2C5U8rSTZ8CDGSXvb4iocQnNGsB2oHLA38nT4MGMst+PeqvGoBsopwETJ9BKRD/yQngwoxK17X2DzjXc/YLONPqRZ8ALOofMaQDT0Izm1CRPkxfHEFGzCQ6QvABD0vKIr9Y7dO/Td17zSSBPk+dnSE5p/4ZO5NRahFagB8MnhjwDnp8heXm9lg6KA9CH0pZX2nSeGPIMeH6GiPf3qz5utupHcf0KGowYIHkhvHq93sZzXNdNsewpp7mt3VfMpmaC302eMODU1dr2ekv8k/4owcGRF+KaTjGU0CUeQw6W8RhysIzHkINlPIYcLOOp216GEnrMwxa4IQxhyMEiHkMOFvEwQ6rqksVQQg95MKPk9+qEoYQe8GBGOexdFkMJXeTBDIYcbOYx5GAZjyEHy3gMOTDkQJ7pDGEogSGH/8tzC04b70+AAQDxrwC9V+E/zAAAAABJRU5ErkJggg==);
    height: 20px;
    width: 100px;
    position: relative;
    display: inline-block;
}
.product-short .rating > div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNrsmrtKA0EYhbN2EtHCG5aKQgjR6CNoISj4BoLYaAqJFyx8AjurQJBgm8ZOELHx8hQmWii2YqGNRdSsZ2ACk2UvM9klGfD8cNjsOHwZODuTmfU4tVotpVEj0BZ0nEqmyJOVyWTa7vs0gQXoABpIaIDkBZSOIf1QERqGNhMYHHkxDVmHRuXnosGsIq8DXtSXOdCecj8NrcUYHHkRvChDlqGsp20/xgDJi+A5yi5LTKspqUl5XZKfvXUBPUHP0Iu8vkINpQ95hjzsuBrCkCHc3EELMdfKX2gDuiSvc55Ysj7luvYYA+ZCh1CVvM55mCFVdcmagG7FWaUD2C5U8rSTZ8CDGSXvb4iocQnNGsB2oHLA38nT4MGMst+PeqvGoBsopwETJ9BKRD/yQngwoxK17X2DzjXc/YLONPqRZ8ALOofMaQDT0Izm1CRPkxfHEFGzCQ6QvABD0vKIr9Y7dO/Td17zSSBPk+dnSE5p/4ZO5NRahFagB8MnhjwDnp8heXm9lg6KA9CH0pZX2nSeGPIMeH6GiPf3qz5utupHcf0KGowYIHkhvHq93sZzXNdNsewpp7mt3VfMpmaC302eMODU1dr2ekv8k/4owcGRF+KaTjGU0CUeQw6W8RhysIzHkINlPIYcLOOp216GEnrMwxa4IQxhyMEiHkMOFvEwQ6rqksVQQg95MKPk9+qEoYQe8GBGOexdFkMJXeTBDIYcbOYx5GAZjyEHy3gMOTDkQJ7pDGEogSGH/8tzC04b70+AAQDxrwC9V+E/zAAAAABJRU5ErkJggg==);
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    z-index: 1;
    background-position: bottom left;
    display: block;
}
.product-short .count-rev {
//vertical-align: super;
    margin-left: 5px;
    color: #d7d7d7;
}
/* 2017-12-12 05:14:16 */
.rejting-star-bar {
    background: #ececec;
    height: 8px;
    width: 80px;
    position: relative;
    display: inline-block;
    visibility: inherit;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.rejting-star-bar > div {
    background: #ff6600;
    position: absolute;
    left: 0;
    top: 0px;
    height: 8px;
    z-index: 1;
    background-position: bottom left;
    display: block;
    border-radius: 5px;
}
.rejting-star2 {
    background-image: url("/img/small-star.png");
    height: 11px;
    width: 11px;
    position: relative;
    display: inline-block;
    visibility: inherit;
    background-position: bottom left;
    margin-left: 5px;
    margin-right: 5px;
}
#product-box {}
#product-box .rejting-star {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNrsmrtKA0EYhbN2EtHCG5aKQgjR6CNoISj4BoLYaAqJFyx8AjurQJBgm8ZOELHx8hQmWii2YqGNRdSsZ2ACk2UvM9klGfD8cNjsOHwZODuTmfU4tVotpVEj0BZ0nEqmyJOVyWTa7vs0gQXoABpIaIDkBZSOIf1QERqGNhMYHHkxDVmHRuXnosGsIq8DXtSXOdCecj8NrcUYHHkRvChDlqGsp20/xgDJi+A5yi5LTKspqUl5XZKfvXUBPUHP0Iu8vkINpQ95hjzsuBrCkCHc3EELMdfKX2gDuiSvc55Ysj7luvYYA+ZCh1CVvM55mCFVdcmagG7FWaUD2C5U8rSTZ8CDGSXvb4iocQnNGsB2oHLA38nT4MGMst+PeqvGoBsopwETJ9BKRD/yQngwoxK17X2DzjXc/YLONPqRZ8ALOofMaQDT0Izm1CRPkxfHEFGzCQ6QvABD0vKIr9Y7dO/Td17zSSBPk+dnSE5p/4ZO5NRahFagB8MnhjwDnp8heXm9lg6KA9CH0pZX2nSeGPIMeH6GiPf3qz5utupHcf0KGowYIHkhvHq93sZzXNdNsewpp7mt3VfMpmaC302eMODU1dr2ekv8k/4owcGRF+KaTjGU0CUeQw6W8RhysIzHkINlPIYcLOOp216GEnrMwxa4IQxhyMEiHkMOFvEwQ6rqksVQQg95MKPk9+qEoYQe8GBGOexdFkMJXeTBDIYcbOYx5GAZjyEHy3gMOTDkQJ7pDGEogSGH/8tzC04b70+AAQDxrwC9V+E/zAAAAABJRU5ErkJggg==);
    height: 20px;
    width: 100px;
    position: relative;
    display: inline-block;
    visibility: inherit;
}
#product-box .rejting-star > div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNrsmrtKA0EYhbN2EtHCG5aKQgjR6CNoISj4BoLYaAqJFyx8AjurQJBgm8ZOELHx8hQmWii2YqGNRdSsZ2ACk2UvM9klGfD8cNjsOHwZODuTmfU4tVotpVEj0BZ0nEqmyJOVyWTa7vs0gQXoABpIaIDkBZSOIf1QERqGNhMYHHkxDVmHRuXnosGsIq8DXtSXOdCecj8NrcUYHHkRvChDlqGsp20/xgDJi+A5yi5LTKspqUl5XZKfvXUBPUHP0Iu8vkINpQ95hjzsuBrCkCHc3EELMdfKX2gDuiSvc55Ysj7luvYYA+ZCh1CVvM55mCFVdcmagG7FWaUD2C5U8rSTZ8CDGSXvb4iocQnNGsB2oHLA38nT4MGMst+PeqvGoBsopwETJ9BKRD/yQngwoxK17X2DzjXc/YLONPqRZ8ALOofMaQDT0Izm1CRPkxfHEFGzCQ6QvABD0vKIr9Y7dO/Td17zSSBPk+dnSE5p/4ZO5NRahFagB8MnhjwDnp8heXm9lg6KA9CH0pZX2nSeGPIMeH6GiPf3qz5utupHcf0KGowYIHkhvHq93sZzXNdNsewpp7mt3VfMpmaC302eMODU1dr2ekv8k/4owcGRF+KaTjGU0CUeQw6W8RhysIzHkINlPIYcLOOp216GEnrMwxa4IQxhyMEiHkMOFvEwQ6rqksVQQg95MKPk9+qEoYQe8GBGOexdFkMJXeTBDIYcbOYx5GAZjyEHy3gMOTDkQJ7pDGEogSGH/8tzC04b70+AAQDxrwC9V+E/zAAAAABJRU5ErkJggg==);
    position: absolute;
    left: 0;
    top: -1px;
    height: 20px;
    z-index: 1;
    background-position: bottom left;
    display: block;
}
#product-box .rating-num {
    margin-left: 5px;
}
#product-box .offer-page-instock {
    background: inherit;
    color: #6eba00;
    width: auto;
    text-align: left;
}
@media(max-width: 768px) {
    #product-box .form-control {
        margin-left: 0 !important;
    }
}
#reviews {}
#reviews .review {
    padding: 15px;
}
#reviews > div:nth-child(odd) {
    background-color: #ececec;
}
#product-box .nav {
    margin-bottom: 15px;
}
#product-box .nav-pills > li > a {
    border-radius: 0;
    background: #ececec;
    color: #000000;
}
#product-box .nav-pills > li.active > a,
#product-box .nav-pills > li.active > a:focus,
#product-box .nav-pills > li.active > a:hover {
    background: #ff6600;
    color: #FFFFFF;
}
.rate-diagram {
    color: #333;
    font-size: 46px;
    font-weight: bold;
    height: 180px;
    line-height: 180px;
    position: relative;
    text-align: center;
    width: 180px;
}
.rate-diagram svg circle:nth-child(2n) {
    stroke: #e6e6e6;
}
.rate-diagram svg circle {
    fill: transparent;
    stroke: url(#radial);
    stroke-width: 15px;
}
.rate-diagram svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
}
.vote-container {
    cursor: pointer;
}
.vote-up {
    color: #ffa263;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #ffa263;
    width: 54px;
    float:left;
}
.vote-up:hover {
    color: #00b900;
    border-color: #00b900;
}
.vote-up-liked {
    color: #00b900;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #00b900;
    width: 54px;
    float:left;
    cursor: not-allowed;
}
.vote-up-disabled {
    color: #ffa263;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #ffa263;
    width: 54px;
    float:left;
    cursor: not-allowed;
}
.vote-down {
    margin-left: 3px;
    color: #ffa263;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #ffa263;
    width: 54px;
    float:left;
}
.vote-down:hover {
    color: #ff0000;
    border-color: #ff0000;
}
.vote-down-liked {
    margin-left: 3px;
    color: #ff0000;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #ff0000;
    width: 54px;
    float:left;
    cursor: not-allowed;
}
.vote-down-disabled {
    margin-left: 3px;
    color: #ffa263;
    background-color: #fff;
    font-size: 15px;
    padding: 5px 7px 5px 7px;
    border: solid 1px #ffa263;
    width: 54px;
    float:left;
    cursor: not-allowed;
}
.vote-text {
    color:#bbb;
}
/* /2017-12-12 05:14:16 */
/* 2017-12-12 05:25:02 */
#myModalStock td, th, table {
    border: 1px solid #ccc;
}
#panel2 {
    border: 1px solid #ccc;
}
#myModalStockKorzina td, th, table {
    border: 1px solid #ccc;
}
#panel2 {
    border: 1px solid #ccc;
}
/* /2017-12-12 05:25:02 */
/* 2017-12-21 19:52:10 */
#raitingall_block{margin-bottom:10px;}
#raitingall{position:relative;height:16px;cursor:pointer;width:83px;}
#raitingall_blank, #raitingall_votes, #raitingall_hover{height:16px;position:absolute;}
#raitingall_blank{background:url("/img/ratingall.png") 0 0;width:83px;}
#raitingall_votes{background:url("/img/ratingall.png") 0 -16px;}
#raitingall_hover{background:url("/img/ratingall.png") 0 -32px;display:none;}
#raitingall_info{height:20px;}
#raitingall_info img{vertical-align:middle;margin:0 5px;display:none;}
#raitingall_star{display:inline-block;}
.notallowed {cursor: not-allowed;}
/* /2017-12-21 19:52:10 */
@media(max-width:492px){
    #tabnavja li {
        width: 100%;
        margin-bottom: 1px;
    }
    .tpl-property-property-color span {
        margin-bottom: 10px;
        display: block;
    }
}
.short-desc {
    list-style: none;
    padding: 0;
}

/* 2018-03-22 03:58:33 */
header {
    height: auto;
}
#menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
}
#menu i {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    /*padding-left: 10px;*/
}
#menu > li {
    display: inline-block;
    position: relative;
    /*width: 145px;*/
}
#menu > li:hover {
    background: hsla(0,0%,0%,0.4);
}
#menu .nav-a {
    padding: 0 12px;
    display: table;
    height: 60px;
    text-align: center;
}
#menu .nav-a span {
    display: table-cell;
    vertical-align: middle;
}
#menu ul li {
    display: block;
}
nav.nav-catalog {
    text-align: left;
    line-height: inherit;
    height: inherit;
}
.icon-menu-7 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-7.png) no-repeat;
}
.icon-menu-8 {
    width: 45px;
    background-size: contain !important;
    background-position: center;
    height: 45px;
    background: url(../img/icon-menu-8.png) no-repeat;
}
@media (max-width: 1200px) {
    #menu > li {
        width: 12%;
        text-align: center;
    }
    #menu i {
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    #menu > li {
        width: 50%;
        text-align: left;
    }
    #menu i {
        /*display: inherit;*/
    }
    #menu .nav-a {
        height: auto;
        padding: 10px;
    }
}
@media (max-width: 500px) {
    #menu > li {
        width: 100%;
    }
}
/* /2018-03-22 03:58:33 */

/* 2018-04-27 02:02:12 */
.vyborgoroda {
    background:#333;
    padding-top:30px;
    padding-bottom:30px;
}
.vyborgoroda a {
    line-height: 2.7rem;
}
.vyborgoroda a:hover {
    color:#ff6600;
    text-decoration:none;
    border-bottom: 1px dashed #ff6600;
}
button.vyborgorodaclose {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.vyborgorodaclose {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0px 1px 10px #fff;
    filter: alpha(opacity=20);
    opacity: .8;
}
.vyborgorodaclose:focus, .vyborgorodaclose:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
.lh4 {
    line-height: 2.7rem;
}
.text-ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.fw {
    color: #ff6600;
    font-weight: bold;
}

@media screen and ( max-width: 768px ) {
    .city-block-body {
        display:block;
        max-height: 270px;
        padding: 9px 20px 9px 20px;
        overflow-y: auto;
        margin-bottom: 10px;
        margin-right: 20px;
        font-size: 130%;
    }
    .city-block-body::-webkit-scrollbar {
        margin: 0 20px;
        width: 6px;
        height: 6px;
        background-color: #f0f0f0;
    }
    .city-block-body::-webkit-scrollbar-corner {
        background-color: #f0f0f0;
    }
    .city-block-body::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #909090;
    }
    .city-block-body::-webkit-scrollbar-track {
        border: 2px solid #f0f0f0;
        border-radius: 2px;
    }
}
.button-city-choice {
    border: none;
    width: 80px;
    height: 36px;
    background-color: #ffa263;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-radius: 14px;
    cursor: pointer;
    font-weight: bold;
    outline: none;
}
.button-city-choice:hover {
    background-color: #ff6600;
}
.button-city-choice-enabled, .button-city-choice:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.button-city-choice[disabled] {
    border: none;
    width: 80px;
    height: 36px;
    background-color: #ebebeb;
    opacity: 65;
    color: #c4c4c4;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-radius: 14px;
    cursor: not-allowed;
    font-weight: bold;
    outline: none;
}
/* /2018-04-27 02:02:12 */

/*Scroll*/
.visual-scroll {
    overflow-y: auto;
    max-height: 540px;
    line-height: 2;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 25px;
}
.visual-scroll::-webkit-scrollbar {
    width: 10px;
}

.visual-scroll::-webkit-scrollbar-track {
    background-color: #e2e2e2;
    border-radius: 5px;
}

.visual-scroll::-webkit-scrollbar-thumb {
    background-color: #ff6600;
    border-radius: 5px;
}
/*Scroll End*/

/*Basket*/
#basket {}
#basket .padding-15 {
    padding: 15px;
}
#basket .border-box {
    border: 1px solid #d7d7d7;
}
#basket .items {
    margin-bottom: 10px;
}
#basket .items-head {
    border-bottom: 1px solid #d7d7d7;
}
#basket .delete {
    color: #a0a0a0;
}
#basket .delete:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAQAAAA3IEfJAAAAkklEQVQY02NYILZg/wKVBQwo0GQBA8OCQwv+L3i8QAFJuH7BvwXxDAvMF3wASt1ZIAMVLgHy/i9YBmLaLvgKZN4AGsqwIBcsvGEBG0SVy4LvQO6lBcVAQ/4v2LGADWQHBHov+AlW+x/oFC6QCMLKXrDwtwUSED4BHTjswOEqdH+UgqWWYvN5A9DABAasYWW2gAEAxP2gLBXJMkQAAAAASUVORK5CYII=);
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
}
#basket .item-box {
    border-bottom: 1px solid #d7d7d7;
}
#basket .item-box:last-child {
    border-bottom: none;
}
#basket .item-box .poster {
    text-align: center;
}
#basket .item-box .poster img {
    width: auto;
    height: 80px;
}
@media (max-width: 768px) {
    #basket .item-box .poster img {
        height: 150px;
        width: auto;
    }
}
#basket .item-box .item-title {
    font-size: 16px;
    margin-top: 0;
}
#basket .item-box .item-title a {
    color: inherit;
}
#basket .item-box .item-count {
    text-align: center;
    border: 1px solid;
    padding: 8px;
    color: #ff6600;
    max-width: 100px;
}
#basket .item-box .item-count input {
    display: inline-block;
    outline: 0;
    text-align: center;
    width: 40px;
    padding: 0;
    border: none;
    color: #ff6600;
}
#basket .item-box .item-count span {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    line-height: 1;
}
#basket .item-box .item-price {}
#basket .item-box .item-price b {
    display: block;
    font-size: 16px;
}
#basket .item-box .item-price i {
    font-size: 13px;
    color: #797979;
}
#basket .total-price {
    font-size: 16px;
    text-align: center;
}
#basket .promo-code {
    font-size: 0;
}
#basket .promo-code input[type=text] {
    font-size: 14px;
    padding: 5px;
    border: 1px solid #d7d7d7;
}
#basket .promo-code .button {
    font-size: 14px;
    padding: 5px;
    background: #d7d7d7;
    border: 1px solid #d7d7d7;
}
.order-form {}
.order-form input[type=text] {
    border: 1px solid #d7d7d7;
    width: 100%;
    padding: 5px;
}
.order-form label {
    font-weight: normal;
    vertical-align: top;
    cursor: pointer;
    display: inline;
}
#SVpvzlist {
    overflow-y: auto;
    max-height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#SVpvzlist::-webkit-scrollbar {
    width: 10px;
}

#SVpvzlist::-webkit-scrollbar-track {
    background-color: #e2e2e2;
    border-radius: 5px;
}

#SVpvzlist::-webkit-scrollbar-thumb {
    background-color: #ff6600;
    border-radius: 5px;
}
.order-form .order-button {
    background: #ff6600;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    margin-top: 10px;
    border: none;
}
/*Basket End*/

.new-short-product {
    /*border: 1px solid #e5e4e4;*/
    padding: 6px;
    margin-bottom: 15px;
}
.new-short-product .new-short-product-info:before,
.new-short-product .new-short-product-info:after {
    display: table;
    content: " ";
}
.new-short-product .new-short-product-info:after {
    clear: both;
}
.new-short-product .poster {
    float: left;
    width: 40%;
    text-align: center;
}
.new-short-product .description {
    float: left;
    width: 60%;
    padding-left: 15px;
}
.new-short-product .title {
    overflow: hidden;
    height: 54px;
}
.new-short-product .title a {
    color: #000;
}
.new-short-product .description ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    overflow: hidden;
    height: 60px;
}
.new-short-product .old-price {
    color: #999999;
    font-size: 18px;
    height: 25px;
    position: relative;
    display:inline-block;
}
.new-short-product .old-price:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ff0000;
    top: 50%;
}
.new-short-product .price {
    font-size: 30px;
}
.new-short-product .button {
    background: #ff6600;
    display: inline-block;
    padding: 15px;
    min-width: 120px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.new-short-product .button:hover {
    text-decoration: none;
    background: #ff0000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.new-short-product .instock {
    font-weight: bold;
    color: #5fba0e;
    font-size: 10px;
    display: inline-block;
    padding-top: 15px;
    padding-left: 0;
}
.new-short-product .instock:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAMAAACXZR4WAAAAmVBMVEUAAABfug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug5fug4ZU0vDAAAAMnRSTlMAAQIDBAkREhcZHyMnKStUWVpiZmlrbnN3fX6BhYeMkZWan6K0vMHCyNPf8PL29/n9/lnEpX0AAABtSURBVHgBVcZnFsFAGIbRN6IE0QtRohNdnv0vju8cMeP+uvIF857+TLl15Jm8YCZnnENS0s/wCUtLLZYZ5LCwRPtLW1L/DmmojwTOTXUfsA5k4gNkoyus9BWdMJuKCvUjsA3lNDJ2ZflaaVWFN2qQCuqPegKBAAAAAElFTkSuQmCC);
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.new-short-product .delivery {
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    padding-top: 15px;
}
.new-short-product .delivery:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAABiklEQVQoFQXBX2jMcQAA8M/vtztus9b5M3+yoetoTclqi/zLiAdbnfLqyYg9KUlJPOyFBw+UPAkvWlcrUWqLYsOueKLuiiZrHlhr1tGcudu+Pp8oAAAAAAAAAJKuK6u4CAAAAJA1Lyi7qwEAiAEAs16j5Ig1AEAdAOCvZ6q2eO6JJQCIAADdeo344SMAQEJOlz9YoajgjF5lAwAAMCQIguCNnC8GlZzWAAAQqwCYsVZGi7cGvPdIk3bnLQdiNQD/tGCfm7qM2eWAc25pBmL1AFZbBP026tfmrEkXVAAeCyaUTMtrNiQIaoo6XDZqJUBkux3WaZIyq6BVp192O2bQSWWTDpoFSBsVvJI3p+oKUgoWtMpbcsMhaeqwzCWfDGNEp89G1DTqseCOee3aVHyPcdSih3r02eCBDnDbO/WmZO3UbZsQYVjGb+Pue2rcHkUfVGW9tNd+h12VszUWu+eatEaxVeac8tNmm3w1I6UmSIhEROCEaVPGrEckKSEpkvHChG+OEwUAAAAAwH85nHgCAnxC4AAAAABJRU5ErkJggg==);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#DostavistaRaschet {
    vertical-align: middle;
    background-color: #d7d7d7;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 6px;
    color: #000;
}
@media(max-width:692px) {
    .header-banner-title {
        font-size:24px;
        line-height:35px;
    }
    .header-banner-text {
        display:none
    }
}
.slide-category-box {
    margin-top: 15px;
}
.slide-category {
    text-align: center;
    box-shadow: 0 0 8px 0px rgba(0,0,0,.2);
    border-radius: 4px;
    padding: 15px;
    height: 120px;
    display: table;
    width: 100%;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
}
.slide-category:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    transition: box-shadow .25s ease-in-out;
    -moz-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
}
.slide-category .title {
    display: table-cell;
    vertical-align: middle;
}
.slide-category a {
    color: inherit;
}
.slide-category-box .lslide {
    padding: 15px;
}
.offer-special-new {
    background: url(../img/offer-spec-new.png) no-repeat;
    z-index: 2;
}
.offer-special-pred {
    background: url(../img/offer-spec-pred.png) no-repeat;
    z-index: 2;
}