/*
 *  Шрифты
 */
@font-face {
    font-family: "PT Sans Narrow";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Regular.eot");
    src: /*local("PT Sans Narrow"),*/
            local("PTSansNarrow-Regular"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Regular.eot?#iefix") format("embedded-opentype"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Regular.ttf") format("truetype"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Regular.woff") format("woff"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Regular.svg#PTSansNarrow-Regular") format("svg");
}
@font-face {
    font-family: "PT Sans Narrow";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Bold.eot");
    src: /*local("PT Sans Narrow"),*/
            local("PTSansNarrow-Bold"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Bold.eot?#iefix") format("embedded-opentype"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Bold.ttf") format("truetype"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Bold.woff") format("woff"),
            url("https://mrmag.ru/design/mrmag/fonts/PTSansNarrow-Bold.svg#PTSansNarrow-Bold") format("svg");
}



html,
body {
    position: relative;
    min-height: 100%;
}

html {
    height: 100%;
}

body {
    min-width: 320px;
    padding-top: 50px;
    line-height: 1.125;
    font-size: 16px;
    font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    color: #666666;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    body {
        padding-top: 0;
        padding-bottom: 250px;
    }
}



/*
 *  Изображения
 */



/*
 *  Ссылки
 */
a {
    color: #418c27;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #67ba4a;
    text-decoration: none;
}

a:focus,
a:active {
    outline: none;
}

.link-grey {
    color: #666666;
}

.link-grey:hover,
.link-grey:focus {
    color: #999999;
}

.link-grey.active {
    color: #418c27;
}

.link-grey.active:hover,
.link-grey.active:focus {
    color: #67ba4a;
}

[data-toggle="popover"] {
    cursor: pointer;
}


/*
 *  Заголовки
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
    font-size: 65%;
}

h4,
h5,
h6 {
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 30px;
}

h2,
.h2 {
    font-size: 29px;
}

h3,
.h3 {
    font-size: 28px;
}

h4,
.h4 {
    font-size: 24px;
}

h5,
.h5 {
    font-size: 20px;
}

h6,
.h6 {
    font-size: 16px;
}

.h-thin {
    font-weight: normal;
}

.h-orange {
    text-transform: uppercase;
    color: #ff7e00;
}

.h-label {
    position: relative;
    margin: 0 auto 30px;
    padding: 5px 10px;
    width: 180px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    background-color: #ffffff;
    color: #ff7e00;
    border: 1px solid #ff7e00;
    border-top: 0;
}

.h-label-sm {
    width: 110px;
}

.h-label-md {
    width: 220px;
}

.h-label-lg {
    width: 270px;
}

.h-label-xl {
    width: 290px;
}

.h-label:before,
.h-label:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 90px;
    border-color: transparent;
}

.h-label-sm:before,
.h-label-sm:after {
    border-width: 0 55px;
}

.h-label-md:before,
.h-label-md:after {
    border-width: 0 110px;
}

.h-label-lg:before,
.h-label-lg:after {
    border-width: 0 135px;
}

.h-label-xl:before,
.h-label-xl:after {
    border-width: 0 145px;
}

.h-label:before {
    margin-top: 1px;
    border-top: 12px solid #ff7e00;
}

.h-label:after {
    border-top: 12px solid #ffffff;
}

.heading {
    margin-bottom: 5px;
    font-size: 1.125em;
    font-weight: bold;
}

.texture-checkered .h-label {
    background-color: #f7f7f7;
}

.texture-checkered .h-label:after {
    border-top-color: #f7f7f7;
}

.texture-checkered-bordered .h-label {
    margin-top: -1px;
    z-index: 2;
}



/*
 *  Текст
 */
p {
    margin: 0 0 5px;
}

b,
strong,
.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

small,
.small {
    font-size: 85%;
}

sub,
sup {
    font-size: 65%;
}

sup {
    top: -0.4em;
}

.medium {
    font-size: 18px;
}

.large {}

.xlarge {}

.uppercase {
    text-transform: uppercase;
}

.text-green {
    color: #418c27;
}

.text-red {
    color: #ff0000;
}

.text-orange {
    color: #ff7e00;
}

.text-no-decoration,
.text-no-decoration:hover,
.text-no-decoration:focus {
    text-decoration: none;
}

.text-dotted,
.text-dotted:hover,
.text-dotted:focus {
    position: relative;
    text-decoration: none;
}

.text-dotted:after {
    content: "";
    position: absolute;
    top: 1.1em;
    left: 0;
    width: 100%;
    /*border-bottom: 0.1em dotted;*/
    /*border-bottom: 1px dotted;*/
}



.table-striped {}

.table-striped > thead > tr> th,
.table-striped > tbody> tr > th,
.table-striped > tfoot > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > td {
    border: none;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #eeeeee;
}

.table-small > thead > tr> th,
.table-small > tbody> tr > th,
.table-small > tfoot > tr > th,
.table-small > thead > tr > td,
.table-small > tbody > tr > td,
.table-small > tfoot > tr > td {
    padding: 2px 10px;
}



.page-header {
    margin: 10px 0 20px;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 3px solid #dddddd;
}

.page-header-simple {
    text-align: left;
    border-bottom: none;
}

.page-header h1,
.page-header .h1,
.page-header h2,
.page-header .h1,
.page-header h3,
.page-header .h3,
.page-header h4,
.page-header .h4,
.page-header h5,
.page-header .h5,
.page-header h6,
.page-header .h6 {
    margin-bottom: 0;
}

.page-header .label {
    margin-top: 10px;
}

.page-header-specials h1,
.page-header-specials .h1 {
    display: block;
    margin-top: 0;
}

@media (min-width: 768px) {
    .page-header-specials h1,
    .page-header-specials .h1 {
        display: inline;
    }
    .page-header-specials .h1 {
        margin-left: 10px;
    }
}

.top-sm {
    margin-top: 10px;
}

.top-15 {
    margin-top: 15px;
}

.top-md {
    margin-top: 20px;
}

.top-lg {
    margin-top: 30px;
}

.bottom-sm {
    margin-bottom: 10px;
}

.bottom-md {
    margin-bottom: 20px;
}

.bottom-lg {
    margin-bottom: 40px;
}



/*
 *  Цитата
 */
blockquote {
    position: relative;
    padding: 15px 70px;
    min-height: 70px;
    background-color: #ebebeb;
    color: #4d4d4d;
    font-size: 16px;
    text-align: center;
    border: none;
    border-radius: 5px;
}

blockquote:before,
blockquote:after {
    position: absolute;
    top: 15px;
    display: block;
    height: 40px;
    line-height: 30px;
    font-family: Arial, sans-serif;
    font-size: 72px;
    color: #bababa;
}

blockquote:before {
    content: "\00AB";
    left: 20px;
}

blockquote:after {
    content: "\00BB";
    right: 20px;
}

.drop-caps-letter,
.drop-caps:first-letter {
    float: left;
    font-size: 60px;
    font-weight: bold;
    line-height: 0.9em;
}

.drop-caps {
    min-height: 60px;
}



/*
 *  Списки
 */
.list-unordered {
    padding-left: 10px;
    list-style: none;
}

.list-unordered > li {
    position: relative;
}

.list-unordered > li:before {
    position: absolute;
    display: block;
    top: 0.6em;
    left: -10px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-radius: 50%;
    content: "";
}

.list-labeled {
    padding-left: 10px;
    list-style: none;
}

.list-labeled > li {
    position: relative;
}

.list-labeled > li:before {
    position: absolute;
    display: block;
    top: 0;
    left: -10px;
    width: 10px;
    height: 1.125em;
    background-image: url('img/icon-list-labeled.png');
    background-repeat: no-repeat;
    background-position: left center;
    content: "";
}

.list-ordered {
    padding-left: 15px;
    list-style: none;
    counter-reset: item;
}

.list-ordered > li {
    position: relative;
}

.list-ordered > li:before {
    display: inline-block;
    margin-left: -15px;
    width: 15px;
    content: counter(item)'.';
    counter-increment: item;
}

.list-ordered-icon {
    padding-left: 25px;
    list-style: none;
    counter-reset: item;
}

.list-ordered-icon > li {
    position: relative;
    margin-bottom: 5px;
    line-height: 20px;
}

.list-ordered-icon > li:before {
    position: absolute;
    display: block;
    top: 0;
    left: -25px;
    padding: 4px 1px 0 0;
    width: 20px;
    height: 20px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    color: #bcbcbc;
    background-image: url('img/icon-list-ordered.png');
    background-repeat: no-repeat;
    background-position: left center;
    content: counter(item);
    counter-increment: item;
}

.list-icons {
    padding-left: 0;
    list-style: none;
}

.list-icons > li {
    margin-bottom: 10px;
}

.list-icons > li > .item-icon,
.list-icons > li > .item-text {
    display: table-cell;
    vertical-align: middle;
}

.list-icons > li > .item-icon {
    width: 50px;
    text-align: center;
}

.list-icons > li > .item-icon img {
    max-width: 100%;
}

.list-icons > li > .item-text {
    padding-left: 10px;
}

.list-header-links {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.list-header-links > li {}

.list-header-links > li > a {
    color: #666666;
}

.list-header-links > li > a:hover,
.list-header-links > li > a:focus {
    color: #418c27;
}

.list-header-links > li > a .icon {
    top: -2px;
    margin-right: 5px;
    vertical-align: middle;
}

.list-login {
    position: fixed;
    top: -200%;
    left: 0;
    right: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    z-index: 1000;
}

.open > .list-login {
    top: 50px;
    z-index: 1001;
}

.list-login > li > a {
    position: relative;
    display: block;
    padding: 15px;
    line-height: 20px;
    text-decoration: none;
    color: #666666;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}

.list-login > li > a:hover,
.list-login > li > a:focus {
    color: #418c27;
    background-color: #fafafa;
}

.list-login > li > a .glyphicon {
    float: left;
    display: block;
    width: 30px;
    font-size: 20px;
    text-align: center;
}

.list-login > .last > a {
    text-align: center;
    color: #666666;
    background-color: #e2e2e2;
    overflow: hidden;
}

.list-login > .last > a:hover,
.list-login > .last > a:focus {
    color: #666666;
    background-color: #d2d2d2;
}

.list-login > .last > a:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    -webkit-box-shadow: 0 2px 6px #999999;
    box-shadow: 0 2px 6px #999999;
}

.list-login > li > a .text-dotted:after {
    border-width: 0;
}

.list-login > .last > a .glyphicon {
    float: none;
    display: inline-block;
    font-size: 14px;
}

@media (min-width: 992px) {
    .list-login {
        position: relative;
        float: right;
        top: auto;
        left: auto;
        right: auto;
        white-space: nowrap;
        -webkit-transition: none;
        transition: none;
        z-index: 1;
    }
    .open > .list-login {
        top: auto;
        z-index: 1;
    }
    .list-login > li {
        display: inline-block;
        line-height: 30px;
    }
    .list-login > li + li:before {
        content: "/";
        margin-right: 2px;
    }
    .list-login > .last {
        display: none;
    }
    .list-login > li > a {
        display: inline;
        padding: 0;
        line-height: 20px;
        color: #666666;
        background-color: transparent;
        border-bottom: none;
    }
    .list-login > li > a .text-dotted:after {
        border-width: 1px;
    }
    .list-login > li > a .glyphicon {
        float: none;
        display: inline-block;
        margin-top: -1px;
        margin-right: 5px;
        width: auto;
        line-height: 20px;
        font-size: 14px;
    }
    .list-login > li > a .glyphicon-user {
        display: none;
    }
}

.list-social {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 0;
    list-style: none;
    text-align: center;
}

.list-social > li {
    display: inline-block;
}

.list-social > li + li {
    margin-left: 5px;
}

.list-social > li > a {}
.list-social > li > a:hover,
.list-social > li > a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}



/*
 *  Container, grid
 */
.section {
    margin-bottom: 20px;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.row-inline {
    font-size: 0;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-auto,
.col-xs-10,
.col-xs-20,
.col-xs-30,
.col-xs-40,
.col-xs-50,
.col-xs-60,
.col-xs-70,
.col-xs-80,
.col-xs-90 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-auto,
.col-xs-10,
.col-xs-20,
.col-xs-30,
.col-xs-40,
.col-xs-50,
.col-xs-60,
.col-xs-70,
.col-xs-80,
.col-xs-90 {
    float: left;
}

.col-xs-10 {
    width: 10%;
}

.col-xs-20 {
    width: 20%;
}

.col-xs-30 {
    width: 30%;
}

.col-xs-40 {
    width: 40%;
}

.col-xs-50 {
    width: 50%;
}

.col-xs-60 {
    width: 60%;
}

.col-xs-70 {
    width: 70%;
}

.col-xs-80 {
    width: 80%;
}

.col-xs-90 {
    width: 90%;
}

.row-grid {}

.row-grid > [class*="col-xs"],
.row-grid > [class*="col-sm"],
.row-grid > [class*="col-md"],
.row-grid > [class*="col-lg"] {
    padding-bottom: 20px;
}

.row-inline > [class*="col-xs"],
.row-inline > [class*="col-sm"],
.row-inline > [class*="col-md"],
.row-inline > [class*="col-lg"] {
    float: none;
    display: inline-block;
    font-size: 16px;
}

.col-px-50 {
    width: 50px;
}

.col-px-60 {
    width: 60px;
}

.col-px-70 {
    width: 70px;
}

.col-px-80 {
    width: 80px;
}

.col-px-90 {
    width: 90px;
}

.col-px-100 {
    width: 100px;
}

.col-px-110 {
    width: 110px;
}

.col-px-120 {
    width: 120px;
}

.col-px-130 {
    width: 130px;
}

.col-px-140 {
    width: 140px;
}

.col-px-150 {
    width: 150px;
}

.col-px-160 {
    width: 160px;
}

.col-px-170 {
    width: 170px;
}

.col-px-180 {
    width: 180px;
}

.col-px-190 {
    width: 190px;
}

.col-px-200 {
    width: 200px;
}

.offset-px-50 {
    padding-left: 50px;
}

.offset-px-60 {
    padding-left: 60px;
}

.offset-px-70 {
    padding-left: 70px;
}

.offset-px-80 {
    padding-left: 90px;
}

.offset-px-90 {
    padding-left: 90px;
}

.offset-px-100 {
    padding-left: 100px;
}

.offset-px-110 {
    padding-left: 110px;
}

.offset-px-120 {
    padding-left: 120px;
}

.offset-px-130 {
    padding-left: 130px;
}

.offset-px-140 {
    padding-left: 140px;
}

.offset-px-150 {
    padding-left: 150px;
}

.offset-px-160 {
    padding-left: 160px;
}

.offset-px-170 {
    padding-left: 170px;
}

.offset-px-180 {
    padding-left: 180px;
}

.offset-px-190 {
    padding-left: 190px;
}

.offset-px-200 {
    padding-left: 200px;
}

.texture-checkered,
.texture-checkered-bordered {
    position: relative;
    background-color: #f7f7f7;
    background-image: url("img/texture-checkered.png");
    background-position: center top;
}

.texture-checkered-bordered {
    border-top: 1px solid #ff7e00;
}
/*
.texture-checkered:before,
.texture-checkered:after,
.texture-checkered-bordered:before,
.texture-checkered-bordered:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 11px;
  background-image: url("img/shadow-up-down.png");
  content: "";
  z-index: 1;
}

.texture-checkered:before,
.texture-checkered-bordered:before {
  top: 0;
  background-position: center top;
}

.texture-checkered:after,
.texture-checkered-bordered:after {
  bottom: 0;
  background-position: center bottom;
}
*/

.inset-shadow {
    position: relative;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.inset-shadow:before,
.inset-shadow:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 11px;
    background-image: url("img/shadow-up-down.png");
    content: "";
    z-index: 1;
}

.inset-shadow:before {
    top: 0;
    background-position: center top;
}

.inset-shadow:after {
    bottom: 0;
    background-position: center bottom;
}

.inset-shadow-top:after {
    display: none;
}

.inset-shadow-bottom:before {
    display: none;
}

.inset-shadow-striped:nth-of-type(odd):before,
.inset-shadow-striped:nth-of-type(odd):after {
    display: none;
}

.padding-lg {
    padding: 50px;
}

.padding-lg-vertical {
    padding-top: 50px;
    padding-bottom: 50px;
}



/*
 *  Пустой раздел
 */
.section-empty {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 36px;
    text-align: center;
    color: #666666;
}



/*
 *  Недоступен
 */
.unavailable {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 15px 15px 70px;
    min-height: 75px;
    font-size: 16px;
    color: #cd1d00;
    background-color: #fff59e;
    border: 1px solid #d2d2d2;
}

.unavailable .glyphicon-exclamation-trigon {
    position: absolute;
    top: 18px;
    left: 15px;
    font-size: 35px;
}

.unavailable .unavailable-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.not-available {
    display: inline-block;
    padding: 5px 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c3c3c3;
}

.not-available-lg {
    padding: 8px 0;
    font-size: 20px;
}



/*
 *  Прелоадер
 */
.preloader {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 1070;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.preloader:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    width: 150px;
    height: 150px;
    background-image: url('img/preloader.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.preloader-block {
    padding: 15px 0;
    min-height: 130px;
    text-align: center;
}

.preloader-block:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 0;
    /*height: 100%;*/
    vertical-align: middle;
}

.preloader-text {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.preloader-text:before {
    content: "";
    display: block;
    margin: 0 auto 15px;
    width: 70px;
    height: 70px;
    background-image: url("img/preloader2.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}



/*
 *  Шапка
 */
.header {
    position: relative;
    /* margin-bottom: 20px; */
    line-height: 20px;
    font-size: 16px;
    background-color: #f7f7f7;
    background-image: url("img/texture-checkered.png");
    box-shadow: 0 -5px 15px rgba(25, 26, 24, .15);
}

.header:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 0px;
    background-image: url("img/shadow-up-down.png");
    content: "";
    z-index: 1;
}

.header:before {
    top: 0;
    background-position: center top;
}

[class*="col-header-"] {
    position: relative;
    float: left;
    padding: 15px;
    height: 90px;
}
.col-header-logo {
    position: relative;
    padding: 9px 0 9px 170px;
    width: 100%;
}
.col-header-links {
    display: none;
}
.col-header-cart {
    padding: 0;
}

.col-header-nav {
    display: none;
    padding: 0;
}

@media (min-width: 768px) {
    .header {
        margin-bottom: 20px;
    }
    [class*="col-header-"] {}
    .col-header-logo {
        padding-right: 5px;
        width: 320px;
    }
    .col-header-logo:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 5px;
        height: 100%;
        background-image: url('img/sprite-header-col-shadow.png');
        background-repeat: no-repeat;
        background-position: -5px center;
    }
    .col-header-nav {
        display: block;
        padding: 15px 0 15px 15px;
        width: 410px;
    }
    .col-header-links {}
    .col-header-cart {}
}
@media (min-width: 992px) {
    .header {
        font-size: 14px;
    }
    [class*="col-header-"] {
        display: block;
        height: 95px;
    }
    .col-header-logo {
        width: 310px;
    }
    .col-header-logo:after {
        display: none;
    }
    .col-header-links {
        width: 150px;
    }
    .col-header-links:before,
    .col-header-links:after {
        content: "";
        position: absolute;
        top: 0;
        width: 5px;
        height: 100%;
        background-image: url('img/sprite-header-col-shadow.png');
        background-repeat: no-repeat;
        background-position: 0 center;
    }
    .col-header-links:before {
        right: 100%;
    }
    .col-header-links:after {
        left: 100%;
        background-position: -5px center;
    }
    .col-header-nav {
        padding-right: 15px;
        width: 500px;
    }
    .col-header-cart {
        position: relative;
        width: 120px;
    }
    .col-header-cart.open {
        background-color: #ffffff;
    }
    .col-header-cart:before {
        content: "";
        position: absolute;
        top: 0;
        right: 100%;
        width: 5px;
        height: 100%;
        background-image: url('img/sprite-header-col-shadow.png');
        background-repeat: no-repeat;
        background-position: 0 center;
    }
    .col-header-cart.open:after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 5px;
        height: 100%;
        background-image: url('img/sprite-header-col-shadow.png');
        background-repeat: no-repeat;
        background-position: -5px center;
    }
}

@media (min-width: 1200px) {
    .header {
        font-size: 16px;
    }
    .col-header-logo {
        width: 320px;
    }
    .col-header-links {
        width: 170px;
    }
    .col-header-nav {
        width: 710px;
    }
}

.header-logo {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-logo img {
    width: auto;
    /* max-width: 160px;*/
    height: auto;
    max-height: 76px;
}

/* Выбор региона в шапке */
.header-region {
    position: relative;
    float: right;
    width: 135px;
    margin: 0 0 10px;
}

.header-region__popup {
    position: absolute;
    top: calc(100% + 25px);
    right: -5px;
    z-index: 1000;
}

.header-region__button {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0 15px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: calc(20 / 16);
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    color: #141414;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transition:
            color .3s ease,
            background-color .3s ease,
            border-color .3s ease,
            opacity .3s ease;
    will-change:
            color,
            background-color,
            border-color,
            opacity;
}

.header-region__button:hover,
.header-region__button:focus {
    color: #418c27;
}

.header-region__button:focus {
    outline: none;
}

.header-region__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: currentColor transparent transparent transparent;
}

.header-region__button::after {}

.header-region__ {}

@media (min-width: 768px) {
    .header-region__popup {
        right: calc(50% - 135px);
    }
}


/* Контакты в шапке */
.header-contacts {
    float: right;
    clear: right;
    width: 135px;
}

.header-contacts__tel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
}

.header-contacts__tel-number,
.header-contacts__tel-hint {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-contacts__tel-number {
    display: block;
    padding-right: 9px;
    font-size: 16px;
    font-weight: 700;
}

.header-contacts__tel-hint {
    display: block;
    font-size: 12px;
    color: #afafaf;
}


.header-search {
    position: relative;
    top: auto;
    margin-top: 15px;
    -webkit-transition: none;
    transition: none;
}

.header-search .search-group {
    margin: 0;
}

.header-login {
    float: right;
    position: relative;
    display: none;
}

.profile-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    border: 1px solid #aaaaaa;
    border-top: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 4px 6px #aaaaaa;
    box-shadow: 0 4px 6px #aaaaaa;
    z-index: 1000;
}

.open > .profile-dropdown {
    display: block;
}

.profile-dropdown > li {}

.profile-dropdown > li > a {
    position: relative;
    display: block;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666666;
    background-color: #ffffff;
    border: none;
}

.profile-dropdown > li > a:hover,
.profile-dropdown > li > a:focus {
    color: #418c27;
    background-color: #fafafa;
}

.profile-dropdown > li > a .glyphicon {
    float: left;
    display: block;
    margin-right: 5px;
    width: 25px;
    font-size: 16px;
    text-align: center;
}

@media (min-width: 768px) {
    .header-search {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .header-logo {}
    .header-search {
        float: left;
        margin-top: 0;
        width: 340px;
    }
    .header-login {
        display: block;
        width: 125px;
    }
}

@media (min-width: 1200px) {
    .header-search {
        width: 540px;
    }
    .header-login {
        width: 125px;
    }
}



/*
 *  Корзина в шапке
 */
.header-cart {
    position: relative;
    display: none;
    padding-top: 15px;
    padding-left: 15px;
    width: 100%;
    height: 100%;
}

.header-cart .dropdown-backdrop {
    display: none;
}

.open > .header-cart {
    background-color: #ffffff;
    z-index: 1001;
}

.open > .header-cart.cart-empty {
    background-color: #ebebeb;
}

.header-cart-link {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.header-cart-info {
    margin-top: 10px;
    line-height: 1;
    font-size: 14px;
}

@media (min-width: 992px) {
    .header-cart {
        display: block;
    }
}

.dropdown-cart {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    width: 320px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    z-index: 1000;
}

.dropdown-cart .dropdown-empty {
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #ebebeb;
}

.dropdown-cart .dropdown-empty,
.dropdown-cart.cart-empty .dropdown-header,
.dropdown-cart.cart-empty .dropdown-cart-list {
    display: none;
}

.dropdown-cart.cart-empty .dropdown-empty {
    display: block;
}

.dropdown-cart .dropdown-header {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
}

.dropdown-cart .dropdown-footer {
    position: relative;
    padding: 15px 20px;
    line-height: 1;
    background-color: #fbfbfb;
}

.dropdown-cart.cart-empty .dropdown-footer {
    display: none;
}

.dropdown-cart .dropdown-footer:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 11px;
    background-image: url("img/shadow-up-down.png");
    background-position: center top;
    content: "";
    z-index: 1;
}
.dropdown-cart .dropdown-footer p {
    margin-bottom: 0;
}

.dropdown-cart .dropdown-footer p + p {
    margin-top: 5px;
}

.dropdown-cart .dropdown-footer .glyphicon-truck {
    float: left;
    margin-right: 10px;
    font-size: 40px;
    color: #418c27;
}

.dropdown-cart .dropdown-delivery {
    display: block;
}

.dropdown-cart .dropdown-delivery:before,
.dropdown-cart .dropdown-delivery:after {
    display: table;
    content: " ";
}

.dropdown-cart .dropdown-delivery:after {
    clear: both;
}

.dropdown-cart .delivery-free,
.dropdown-cart.cart-delivery-free .dropdown-delivery {
    display: none;
}

.dropdown-cart.cart-delivery-free .delivery-free {
    display: block;
}

.dropdown-cart .dropdown-header .cart-count,
.dropdown-cart .dropdown-header .btn-primary {
    float: left;
    clear: left;
}

.dropdown-cart .dropdown-header .cart-cost,
.dropdown-cart .dropdown-header .btn-success {
    float: right;
    clear: right;
}
.dropdown-cart .dropdown-header .cart-count,
.dropdown-cart .dropdown-header .cart-cost {
    margin-top: 10px;
}

.dropdown-cart-list {
    margin-bottom: 0;
    padding-left: 0;
    max-height: 340px;
    list-style: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #dadada;
}

.dropdown-cart-list > li {
    position: relative;
    margin-right: 15px;
    padding: 10px 0 10px 10px;
    height: 85px;
    overflow: hidden;
}

.dropdown-cart-list > li + li {
    border-top: 1px solid #dadada;
}

.dropdown-cart-list > li > .cart-photo {
    float: left;
    margin-right: 5px;
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
}

.dropdown-cart-list > li > .cart-photo img {
    max-width: 100%;
    max-height: 100%;
}

.dropdown-cart-list > li > .btn-danger {
    float: right;
    margin-left: 10px;
}

.dropdown-cart-list > li > .cart-name {
    height: 2em;
    line-height: 1;
    overflow: hidden;
}

.dropdown-cart-list > li > .spinner-group {
    position: absolute;
    left: 80px;
    bottom: 10px;
}

.dropdown-cart-list > li > .cart-cost {
    position: absolute;
    right: 0;
    bottom: 10px;
    line-height: 20px;
}

.dropdown-cart {}

@media (min-width: 992px) {
    .open > .dropdown-cart {
        display: block;
    }
}



/*
 *  Акции
 */
.section-specials {
    position: relative;
}

.section-specials:before,
.section-specials:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 11px;
    /*  background-image: url("img/shadow-up-down.png");*/
    content: "";
    z-index: 1;
}

.section-specials:before {
    top: 0;
    background-position: center top;
}

.section-specials:after {
    bottom: 0;
    background-position: center bottom;
}

.section-specials .col-product-of-day {
    margin: 0 auto;
    padding: 15px 0;
    width: 265px;
}

.section-specials .col-product-specials {
    /*  position: relative;
  margin-left: 284px; */
    display: none;
    padding: 30px 0 30px 30px;
}

.section-specials .col-product-specials:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 100%;
    background-image: url('img/shadow-specials.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.product-of-day {
    position: relative;
    padding-bottom: 100px;
}

.product-of-day .prod-od-name {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
}

.product-of-day .prod-od-photo {
    display: block;
    height: 165px;
    font-size: 0; /*0.001px*/
    text-align: center;
}

.product-of-day .prod-od-photo:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.product-of-day .prod-od-photo img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.product-of-day .prod-od-rating {
    position: absolute;
    bottom: 90px;
    left: 0;
}

.product-of-day .prod-od-brand {
    position: absolute;
    bottom: 90px;
    right: 0;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.product-of-day .btn-in-cart,
.product-of-day .btn-add-to-cart {
    position: absolute;
    bottom: 50px;
    left: 0;
}

.product-of-day .pricetag-econ {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.product-of-day .prod-od-combo-pricetag {
    position: absolute;
    right: -5px;
    bottom: 5px;
}

.product-of-day .pricetag-old {
    margin-right: -15px;
    margin-bottom: 5px;
    padding: 6px 20px 6px 5px;
    line-height: 1;
    font-size: 18px;
    vertical-align: bottom;
}

.product-of-day .pricetag-old:before {
    border-width: 15px 8px 15px 0;
}

.product-of-day .pricetag-new {
    height: 50px;
    vertical-align: bottom;
}

.product-of-day .pricetag-new:before {
    border-width: 25px 15px 25px 0;
}

.product-of-day .pricetag-new {
    font-size: 24px;
}

.product-of-day .pricetag-new .pricetag-small {
    display: block;
    line-height: 1;
}

.product-of-day .prod-od-brand {}

@media (min-width: 768px) {
    .section-specials .col-product-of-day {
        float: left;
        padding: 15px 30px 15px 0;
        width: 290px;
    }
    .section-specials .col-product-specials {
        display: block;
    }
}

@media (min-width: 992px) {
    .section-specials .col-product-of-day {
        padding: 25px 30px 25px 0;
    }
    .section-specials .col-product-specials {
        padding: 0px 0 30px 30px;
    }
}



/*
 *  Страница акций
 */
.row-specials {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 0;
    text-align: center;
}

.row-specials:before,
.row-specials:after {
    display: table;
    content: " ";
}

.row-specials:after {
    clear: both;
}

.col-specials {
    display: inline-block;
    margin: 0 10px 20px;
    font-size: 16px;
    width: 290px;
    vertical-align: top;
}

.special-item {
    text-align: center;
}

.special-photo {
    margin-bottom: 5px;
    width: 290px;
    height: 290px;
}

.special-photo img {
    width: 100%;
    height: 100%;
}

.special-title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.special-date {
    font-size: 16px;
    color: #aaaaaa;
}

.special-label {
    margin-top: 5px;
}

.special-banner {
    position: relative;
    margin-bottom: 30px;
    background-repeat: repeat-x;
    background-position: center top;
}

.special-banner-brand {
    position: absolute;
    display: none;
    right: 0;
    bottom: 100%;
    margin-bottom: 20px;
}

.special-banner-brand img {
    max-width: 100%;
}

.special-banner-image {
    position: relative;
}

.special-banner-image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.special-banner-01 {
    background-image: url('../img/specials/special-banner-back-xs-01.jpg');
}

.special-banner-02 {
    background-image: url('../img/specials/special-banner-back-xs-02.jpg');
}

.special-banner-03 {
    background-image: none;
}

.special-banner-04 {
    background-image: none;
}

.special-banner-05 {
    background-image: none;
}

.special-banner-06 {
    background-image: none;
}

.special-banner-07 {
    background-image: url('../img/specials/special-banner-back-xs-07.jpg');
}

.special-banner-08 {
    background-image: url('../img/specials/special-banner-back-xs-08.jpg');
}

.special-banner-09 {
    background-image: none;
}

@media (min-width: 768px) {
    .special-banner-brand {
        display: block;
    }
    .special-banner-01 {
        background-image: url('../img/specials/special-banner-back-01.jpg');
    }
    .special-banner-02 {
        background-image: url('../img/specials/special-banner-back-02.jpg');
    }
    .special-banner-03 {
        background-image: none;
    }
    .special-banner-04 {
        background-image: none;
    }
    .special-banner-05 {
        background-image: none;
    }
    .special-banner-06 {
        background-image: none;
    }
    .special-banner-07 {
        background-image: url('../img/specials/special-banner-back-07.jpg');
    }
    .special-banner-09 {
        background-image: none;
    }
}

@media (min-width: 992px) {
    .special-banner-08 {
        background-image: url('../img/specials/special-banner-back-08.jpg');
    }
}

.special-banner-10 {
    padding-bottom: 20px;
    background-image: url('../img/specials/back/special-back-xs-10.jpg');
    background-position: center bottom;
}

@media (min-width: 768px) {
    .special-banner-10 {
        background-image: url('../img/specials/back/special-back-sm-10.jpg');
    }
}

@media (min-width: 992px) {
    .special-banner-10 {
        background-image: url('../img/specials/back/special-back-md-10.jpg');
    }
}

@media (min-width: 1200px) {
    .special-banner-10 {
        background-image: url('../img/specials/back/special-back-lg-10.jpg');
    }
}

.special-banner-12 {
    padding-bottom: 20px;
    background-image: url('../img/specials/back/special-back-xs-12.jpg');
    background-position: center bottom;
}

@media (min-width: 768px) {
    .special-banner-12 {
        background-image: url('../img/specials/back/special-back-sm-12.jpg');
    }
}

@media (min-width: 992px) {
    .special-banner-12 {
        background-image: url('../img/specials/back/special-back-md-12.jpg');
    }
}

@media (min-width: 1200px) {
    .special-banner-12 {
        background-image: url('../img/specials/back/special-back-lg-12.jpg');
    }
}

.special-banner-13 {
    background-image: url('../img/specials/back/special-back-13.jpg');
    background-position: center bottom;
    background-repeat: repeat;
}

@media (max-width: 767px) {
    .special-banner-13 {
        margin-top: 70px;
    }
    .special-banner-13 .special-banner-brand {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.special-banner-14 {
    background-image: url('../img/specials/back/special-back-xs-14.jpg');
    background-position: center bottom;
    background-repeat: repeat-x;
}

@media (min-width: 992px) {
    .special-banner-14 {
        background-image: url('../img/specials/back/special-back-lg-14.jpg');
    }
}

.special-body {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .row-specials {
        margin-left: -50px;
        margin-right: 0;
    }
    .col-specials {
        float: left;
        display: block;
        margin-left: 50px;
        margin-right: 0;
        width: 210px;
        height: 310px;
    }
    .special-photo {
        width: 210px;
        height: 210px;
    }
}

@media (min-width: 992px) {
    .row-specials {}
    .col-specials {
        width: 200px;
        height: 320px;
    }
    .special-photo {
        width: 200px;
        height: 200px;
    }
}

@media (min-width: 1200px) {
    .col-specials {
        width: 250px;
        height: 350px;
    }
    .special-photo {
        width: 250px;
        height: 250px;
    }
}



/*
 *  Новости
 */
.new-section {
    margin-bottom: 50px;
}

.news-side {
    float: right;
    display: none;
    margin-left: 60px;
    width: 320px;
    height: 400px;
}

.news-content {}

.news-header {
    margin-bottom: 0;
}

.news-date {
    margin-bottom: 20px;
    color: #aaaaaa;
}

.new-banner {
    position: relative;
    margin-bottom: 30px;
}

.new-banner-brand {
    position: absolute;
    display: none;
    right: 0;
    bottom: 100%;
    margin-bottom: 20px;
}

.new-banner-brand img {
    max-width: 100%;
}

.new-banner-image {
    position: relative;
}

.new-banner-image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.new-body {
    margin-bottom: 30px;
}

.text-block {
    margin-bottom: 20px;
}

.text-block:before,
.text-block:after {
    display: table;
    content: " ";
}

.text-block:after {
    clear: both;
}

.photo-block {
    margin-bottom: 20px;
}

.photo-block img {
    max-width: 100%;
    height: auto;
}

.photo-block {}

.photo-block-sm {
    width: 25%;
}

.photo-block-md {
    width: 50%;
}

.photo-block-left {
    float: left;
    padding-right: 30px;
}

.photo-block-right {
    float: right;
    padding-left: 30px;
}

@media (min-width: 992px) {
    .news-side {
        display: block;
    }
    .news-content {
        margin-right: 380px;
    }
}

.table-new-interskol {}

.table-new-interskol td {
    padding: 10px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
}

.table-new-interskol .td-red {
    width: 70px;
    font-weight: bold;
    background-color: #e01834;
}

.table-new-interskol td span {
    margin-right: 20px;
}



/*
 *  Обзоры
 */
.review-item {
    margin-top: 20px;
    margin-bottom: 20px;
}

.review-item:before,
.review-item:after {
    display: table;
    content: " ";
}
.review-item:after {
    clear: both;
}

.review-item-heading {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.review-item-image {
    text-align: center;
}

.review-item-text {}

@media (min-width: 768px) {
    .review-item-heading {
        text-align: left;
    }
    .review-item-image {
        float: right;
        margin-left: 15px;
        width: 200px;
    }
    .review-item-heading + .review-item-image {
        margin-top: -30px;
    }
    .review-item-image-left {
        float: left;
        margin-left: 0;
        margin-right: 15px;
    }
    .review-item-image-small {
        width: 120px;
    }
}



/*
 *  Страница регистрации
 */
.registration-section {
    margin-bottom: 40px;
}

.registration-section .modal-content-authorization {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
}

.registration-section .radio-inline,
.registration-section .checkbox-inline {
    margin-right: 10px;
}

.registration-section .radio-inline + .radio-inline,
.registration-section .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

@media (max-width: 991px) {
    .registration-section .form-horizontal .control-label {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .registration-section .modal-content-authorization {
        margin-left: 0;
        margin-right: 0;
    }
}



/*
 *  Страница авторизации
 */
.authorization-section {
    margin-top: -20px;
    padding-top: 30px;
    height: 500px;
    background-image: url('img/back-page-authorization.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

.authorization-section .modal-content {
    margin: 0 auto;
    width: 350px;
}

@media (min-width: 992px) {
    .authorization-section {
    }
    .authorization-section .modal-content {
        float: right;
    }
}



/*
 *  Страница восстановления пароля
 */
.recovery-section {
    margin-top: -20px;
    padding-top: 30px;
    min-height: 500px;
    background-image: url('img/back-page-recovery.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

.recovery-section .modal-content {
    margin: 0 auto;
    width: 350px;
}

@media (min-width: 992px) {
    .recovery-section {
        min-height: 700px;
    }
    .recovery-section .modal-content {
        float: right;
    }
}



/*
 *  Способы оплаты
 */
.payment-section {
    margin-bottom: 50px;
}

.payment-col {
    padding: 10px;
}

.payment-col:nth-child(even) {
    background-color: #f8f8f8;
}

.payment-icon {
    float: left;
    margin-bottom: 5px;
    width: 50px;
    height: 50px;
}

.payment-icon img {
    width: 100%;
    height: 100%;
}

.payment-title {
    margin-left: 65px;
    margin-bottom: 5px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.payment-title p {
    margin-bottom: 15px;
}

.payment-text {
    font-size: 14px;
}

.payment-helper {
    font-size: 12px;
    color: #999999;
}

@media (min-width: 768px) {
    .payment-row {
        margin-left: -20px;
    }
    .payment-row:before,
    .payment-row:after {
        display: table;
        content: " ";
    }
    .payment-row:after {
        clear: both;
    }
    .payment-col {
        float: left;
        padding: 0 0 0 20px;
        width: 50%;
    }
    .payment-col:nth-child(even) {
        background-color: transparent;
    }
    .payment-icon {
        float: none;
        margin: 0 auto 15px;
        width: 150px;
        height: 150px;
    }
    .payment-title {
        margin: 0 auto;
        width: 110px;
        line-height: 1;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .payment-text {
        font-size: 16px;
    }
    .payment-helper {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .payment-row {
        margin-left: -40px;
    }
    .payment-col {
        padding-left: 40px;
    }
}



/*
 *  Доставка
 */
.delivery-row {
    margin-bottom: 30px;
}

.delivery-row .delivery-col {}

.delivery-subtitle {
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

.delivery-icon {
    float: left;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}

.delivery-icon img {
    width: 100%;
    height: 100%;
}

.delivery-title {
    margin-left: 60px;
    margin-bottom: 10px;
    height: 50px;
    font-size: 0; /*.001px;*/
    text-transform: uppercase;
}

.delivery-title:before {
    content: "";
    display: inline-block;
    margin-left: -1px;
    height: 100%;
    vertical-align: middle;
}

.delivery-title .text-middle {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

@media (min-width: 768px) {
    .delivery-row {
        margin-left: 0;
    }
    .delivery-row:before,
    .delivery-row:after {
        display: table;
        content: " ";
    }
    .delivery-row:after {
        clear: both;
    }
    .delivery-row .delivery-col {
        float: left;
        padding-left: 0;
        width: 16.666666666666664%;
    }

    .delivery-subtitle {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 30px;
        text-align: center;
    }
    .delivery-icon {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        width: 105px;
        height: 105px;
    }
    .delivery-title {
        margin-left: 0;
    }
    .delivery-title:before {
        display: none;
    }
    .delivery-title .text-middle {
        display: block;
        text-align: center;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .delivery-icon {
        width: 140px;
        height: 140px;
    }
}

@media (min-width: 1200px) {
    .delivery-icon {
        width: 155px;
        height: 155px;
    }
}



/*
 *  Возврат
 */
.return-section {
    padding-bottom: 20px;
}

.return-big-img {
    margin: 0 auto 10px;
    width: 200px;
    height: 200px;
}

.return-arrow-img img,
.return-big-img img {
    width: 100%;
//height: 100%;
}

.return-arrow-img {
    display: none;
}

.return-subtitle {
    line-height: 1;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #418c27;
}

@media (min-width: 768px) {
    .return-section {
        padding-top: 20px;
        padding-bottom: 40px;
        text-align: center;
    }
    .return-big-img,
    .return-arrow-img,
    .return-subtitle {
        display: inline-block;
        vertical-align: middle;
    }
    .return-arrow-img,
    .return-subtitle {
        margin-left: 30px;
    }
    .return-big-img {
        margin-bottom: 0;
    }
    .return-arrow-img {
        width: 100px;
    }
    .return-subtitle {
        font-size: 50px;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .return-arrow-img,
    .return-subtitle {
        margin-left: 50px;
    }
    .return-big-img {
        width: 310px;
        height: 310px;
    }
    .return-arrow-img {
        width: 130px;
    }
    .return-subtitle {
        font-size: 80px;
    }
}



/*
 *  Контакты
 */
.contacts-section {}

.contacts-section:before,
.contacts-section:after {
    display: table;
    content: " ";
}

.contacts-section:after {
    clear: both;
}

.contacts-side {
    float: left;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 150px;
    text-align: center;
    background-color: #fff59e;
}

.contacts-type {
    margin-left: 150px;
    margin-bottom: 20px;
    padding-top: 10px;
    overflow: hidden;
}

.contacts-type-item {
    margin-bottom: 15px;
    text-align: center;
}

.contacts-type-image {
    margin: 0 auto 5px;
    width: 80px;
    height: 80px;
}

.contacts-type-image img {
    width: 100%;
    height: 100%;
}

.contacts-type-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.contacts-type-info {
    position: relative;
    display: inline-block;
    padding-top: 5px;
    padding-left: 35px;
    font-size: 13px;
    text-align: left;
}

.contacts-type-info + .contacts-type-info {
    margin-top: 20px;
}

.contacts-type-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
}

.contacts-type-icon img {
    width: 100%;
    height: 100%;
}

.contacts-type-address {
    position: relative;
    margin-top: 15px;
    font-weight: bold;
}

.contacts-type-address:before {
    position: absolute;
    display: block;
    top: 0.6em;
    left: -10px;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    color: #418c27;
    border: 3px solid;
    border-radius: 50%;
    content: "";
}

.contacts-type-name {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #418c27;
}

.contacts-type-phone {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: bold;
}

.contacts-type-time {}

.contacts-content {
    float: right;
    width: 100%;
}

@media (max-width: 767px) {
    .contacts-side .contacts-type-info {
        width: 130px;
    }
    .contacts-side .contacts-type-image {
        width: 120px;
        height: 120px;
    }
    .contacts-side .contacts-type-info-group {
        margin-left: -15px;
    }
}
@media (min-width: 768px) {
    .contacts-side {
        margin-right: 20px;
        padding: 20px 0;
        width: 165px;
    }
    .contacts-type {
        margin-bottom: 30px;
        padding-top: 20px;
    }
    .contacts-type,
    .contacts-content {
        margin-left: 185px;
    }
    .contacts-content {
        float: none;
        width: auto;
    }
    .contacts-type-row {
        font-size: 0;
        text-align: justify;
    }
    .contacts-type-row:after {
        content: " ";
        display: inline-block;
        width: 100%;
    }
    .contacts-type-item {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
    .contacts-type-image {
        margin-bottom: 10px;
        width: 130px;
        height: 130px;
    }
    .contacts-type-title {
        margin-bottom: 5px;
        font-size: 24px;
    }
    .contacts-type-name {
        font-size: 20px;
    }
    .contacts-type-phone,
    .contacts-type-time {}
    .contacts-type-info {
        position: relative;
        display: inline-block;
        padding-top: 0;
        padding-left: 0;
        text-align: center;
    }
    .contacts-type-icon {
        position: relative;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .contacts-side .contacts-type-info {
        width: 160px;
    }
    .contacts-side {
        margin-right: 25px;
        padding: 40px 0;
        width: 225px;
    }
    .contacts-type {
        padding-top: 40px;
    }
    .contacts-type,
    .contacts-content {
        margin-left: 250px;
    }
    .contacts-type-info {
        padding-top: 5px;
        padding-left: 40px;
        text-align: left;
    }
    .contacts-type-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1200px) {
    .contacts-side {
        margin-right: 80px;
        width: 255px;
    }
    .contacts-type,
    .contacts-content {
        margin-left: 335px;
    }
}

.contacts-details {
    margin-bottom: 30px;
    /*border: 1px solid #d2d2d2;*/
}

.table-details {
    margin-bottom: 0;
}

.table-details > thead > tr > th,
.table-details > tbody > tr > th,
.table-details > tfoot > tr > th,
.table-details > thead > tr > td,
.table-details > tbody > tr > td,
.table-details > tfoot > tr > td {
    padding: 2px 5px;
    line-height: 20px;
    font-size: 13px;
    vertical-align: top;
    border: none;
}

.table-details > tbody > tr > td {
    background-color: #f8f8f8;
}

.table-details > tbody > tr:nth-child(even) > td {
    background-color: #ffffff;
}

.table-details .td-title {
    width: 110px;
    font-weight: bold;
}

.table-details .td-value {}

@media (min-width: 768px) {
    .contacts-details {
        padding: 0 20px 20px;
    }
    .table-details > thead > tr > th,
    .table-details > tbody > tr > th,
    .table-details > tfoot > tr > th,
    .table-details > thead > tr > td,
    .table-details > tbody > tr > td,
    .table-details > tfoot > tr > td {
        font-size: 16px;
    }
    .table-details .td-title {
        width: 170px;
    }
}

@media (min-width: 992px) {
    .contacts-details {
        margin-bottom: 50px;
        padding: 0 30px 30px;
    }
}

@media (min-width: 1200px) {}

.contacts-feedback {
    padding: 0 20px;
    background-color: #f8f8f8;
}

.contacts-feedback .h-label {
    background-color: #f7f7f7;
}

.contacts-feedback .h-label:after {
    border-top-color: #f8f8f8;
}

.contacts-feedback-form {}

.contacts-feedback-form:before,
.contacts-feedback-form:after {
    display: table;
    content: " ";
}

.contacts-feedback-form:after {
    clear: both;
}

.contacts-envelope {
    margin-left: -25px;
    margin-right: -25px;
}

.contacts-envelope img {
    width: 100%;
}

@media (max-width: 767px) {
    .contacts-feedback-left {
        width: 100% !important;
    }

    .contacts-feedback-right {
        margin: 0 !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .contacts-feedback-form {}
    .contacts-feedback-left {
        float: left;
        width: 220px;
        height: 252px;
    }
    .contacts-feedback-right {
        margin-left: 250px;
        height: 252px;
    }
    .contacts-feedback-right textarea.form-control {
        height: 220px;
    }
    .contacts-envelope {
        margin-left: -40px;
        margin-right: -40px;
    }
}

@media (min-width: 992px) {
    .contacts-feedback {
        padding: 0 30px;
    }
    .contacts-envelope {
        margin-left: -57px;
        margin-right: -57px;
    }
}

@media (min-width: 1200px) {
    .contacts-envelope {
        margin-left: -62px;
        margin-right: -62px;
    }
}



/*
 *  Адреса магазинов - Удалить после изменения верстки
 */
.map-section {
    position: relative;
    overflow: hidden;
}

.map-section .address-blocks {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
}

.map-section.open .address-blocks {
    left: -100%;
}

.map-section .map-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
}

.map-section.open .map-block {
    left: 0;
}
.map-section .map-block .btn-back-address {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 5;
}

.address-block {
    padding: 20px;
    font-size: 16px;
    line-height: 18px;
    background-color: #ffffff;
}

.address-block:nth-child(odd) {
    background-color: #f8f8f8;
}

.address-block .adr-icon,
.address-block .adr-text {
    display: inline-block;
    vertical-align: middle;
}

.address-block .adr-icon {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.address-block .adr-icon img {
    max-width: 100%;
    max-height: 100%;
}

.address-block .adr-text {
    width: calc(100% - 35px);
}

.address-block .shop-time,
.address-block .shop-tel,
.address-block .shop-delivery {
    margin-top: 10px;
}

.ymaps-copyrights-legend {
    display: none !important;
}

.ymaps-controls-pane {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}

.ymaps-controls-lefttop > :first-child {
    position: absolute;
    right: 0;
    left: auto !important;
}

@media (max-width: 991px) {
    .map-section .address-blocks {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .address-block .shop-address,
    .address-block .shop-time,
    .address-block .shop-tel,
    .address-block .shop-delivery {
        display: table-cell;
        width: auto;
    }
    .address-block .shop-address:not(:last-child),
    .address-block .shop-time:not(:last-child),
    .address-block .shop-tel:not(:last-child),
    .address-block .shop-delivery:not(:last-child) {
        padding-right: 5px;
    }
    .address-block .shop-address {
        width: 190px;
    }
    .address-block .shop-time {
        width: 160px;
    }
    .address-block .shop-tel {
        min-width: 180px;
    }

    .address-block .shop-delivery {
        min-width: 180px;
    }
}

@media (min-width: 992px) {
    .map-section .address-blocks,
    .map-section .map-block {
        -webkit-transition: none;
        transition: none;
    }
    .map-section.open .address-blocks,
    .map-section.open .map-block {
        left: auto;
    }
    .map-section .map-block {
        position: relative;
        top: 0;
        left: 0;
        height: 500px;
    }
    .map-section .map-block .btn-back-address {
        display: none;
    }
    .address-block {
        float: left;
        position: relative;
        width: 20%;
        padding: 10px 5px 15px;
        border: 1px solid transparent;
        border-bottom: none;
    }
    .address-block.active {
        border-color: #d2d2d2;
    }
    .address-block:nth-child(odd) {
        background-color: #ffffff;
    }
    .address-block.active:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 30px 0 30px;
        border-color: #ffffff transparent transparent transparent;
        z-index: 2;
    }
    .address-block .shop-address,
    .address-block .shop-time,
    .address-block .shop-tel,
    .address-block .shop-delivery {
        display: block;
        width: auto;
    }
}

@media (min-width: 1200px) {}



/*
 *  Как купить
 */
.instruction-step {
    margin-bottom: 40px;
}

.instruction-step:before,
.instruction-step:after {
    display: table;
    content: " ";
}

.instruction-step:after {
    clear: both;
}

.screen-divider {
    display: block;
    margin: 0 15px 40px;
    font-size: 0;
    text-align: center;
}

.screen-divider:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.screen-divider .divider-text {
    position: relative;
    display: inline-block;
    width: 90px;
    font-size: 16px;
    color: #999999;
    vertical-align: middle;
}

.screen-divider .divider-text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: 1px;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    z-index: 0;
}

.screen-divider .text-inner {
    position: relative;
    padding: 0 5px;
    background: #ffffff;
    z-index: 1;
}

.screen-block {
    margin-bottom: 40px;
}

.screen-block:before,
.screen-block:after {
    display: table;
    content: " ";
}

.screen-block:after {
    clear: both;
}

.screen-text {
    margin-bottom: 15px;
}

.screen-step1-1 .screen-text,
.screen-step3-1 .screen-text {
    padding-left: 30px;
}

.screen-img {
    border: 2px solid #b8b8b8;
}

.screen-img img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.screen-img .visible-xs {
    width: 100%;
    max-height: none;
}

.screen-step1-1 {}

.screen-step1-2,
.screen-step1-3 {
    float: left;
}

.screen-step1-2 .screen-text,
.screen-step1-3 .screen-text {
    text-align: center;
}

@media (min-width: 768px) {
    .screen-divider,
    .screen-step1-2 .screen-img,
    .screen-step1-3 .screen-img {
        height: 155px;
    }
    .screen-divider {
        float: left;
        margin-top: 52px;
    }
    .screen-divider .divider-text {}
    .screen-step4-1 .screen-img {
        float: left;
        height: 180px;
    }
}

@media (min-width: 992px) {
    .screen-divider,
    .screen-step1-2 .screen-img,
    .screen-step1-3 .screen-img {
        height: 235px;
    }
}

@media (min-width: 1200px) {}



/*
 *  Нижняя фиксированная панель
 */
.b-fixed {
    position: fixed;
    display: none;
    bottom: -396px;
    left: 0;
    right: 0;
    width: 100%;
    height: 446px;
    z-index: 1040;
    -webkit-transition: bottom 0.2s ease-in-out;
    transition: bottom 0.2s ease-in-out;
}

.b-fixed.open {
    bottom: 0;
}

.b-fixed_content {
    position: relative;
    margin-top: -1px;
    background-color: #ffffff;
    border-top: 1px solid #cacaca;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.b-fixed_tabs {
    display: table;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
    list-style: none;
    background-color: #f0f0f0;
    border: 1px solid #cacaca;
    border-bottom: none;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.b-fixed_tabs > li {
    display: table-cell;
    vertical-align: top;
}

.b-fixed_tabs > .last {
    width: 100%;
}

.b-fixed_tabs_item {
    position: relative;
    display: block;
    padding: 15px 20px;
    height: 50px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    border-right: 1px solid #cacaca;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
    z-index: 1;
    cursor: default;
}

.b-fixed_tabs_item,
.b-fixed_tabs_item:hover,
.b-fixed_tabs_item:focus {
    text-decoration: none;
    color: #666666;
    background-color: #f0f0f0;
}

.b-fixed_tabs_item.active,
.active > .b-fixed_tabs_item {
    background-color: #ffffff;
    z-index: 2;
}

.b-fixed_tabs_item.last,
.last > .b-fixed_tabs_item {
    border-right: none;
}

.b-fixed_tabs_item-link {
    cursor: pointer;
}

.b-fixed_tabs_item-link:hover,
.b-fixed_tabs_item-link:focus {
    background-color: #ffffff;
}

.b-fixed_tabs_item-link:active {
    background-color: #f9f9f9;
}

.b-fixed_tabs_item-collapse {
    text-align: right;
    z-index: 0;
}

.b-fixed_tabs_item-collapse [class*='icon-chevron'] {
    background-position: -36px 0;
}

.b-fixed.open .b-fixed_tabs_item-collapse [class*='icon-chevron'] {
    background-position: -49px 0;
}

.b-fixed-content {
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    z-index: 2;
}

.b-fixed_jcarousel-wrapper {
    padding-top: 20px;
    padding-bottom: 40px;
}

.b-fixed_jcarousel-wrapper .carousel-item {
    padding-top: 40px;
    height: 290px;
}

.b-fixed_jcarousel-wrapper .carousel-item .item-name {
    top: 0;
}

.b-fixed_jcarousel-wrapper .jcarousel-pagination {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .b-fixed {
        display: block;
    }
}



/*
 *  Подвал
 */
.not-found-section {
    margin-top: -20px;
    padding-top: 40px;
    background-image: url('img/404-back.png');
    background-position: center top;
}

.not-found-body {
    margin-bottom: 40px;
    padding: 0 10px;
    text-align: center;
}

.not-found-image {
    margin-bottom: 20px;
}

.not-found-image img {
    max-width: 100%;
}

.not-found-footer {
    height: 150px;
    text-align: center;
    background-image: url('img/404-footer.png');
    background-position: center top;
}

.not-found-footer:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.not-found-footer .btn + .btn {
    margin-left: 15px;
}

.hotteam-copy {
    display: inline-block;
    width: 101px;
    height: 63px;
    background-image: url('img/sprite-hotteam.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

.hotteam-copy:hover,
.hotteam-copy:focus {
    background-position: 0 -63px;
}

.hotteam-copy img {
    display: none;
}



/*
 *  Подвал
 */
@media (max-width: 991px) {
    .sh_button,
    .shc.sh_chat {
        display: none !important;
    }
}

.footer {
    display: block;
    font-size: 14px;
    background-color: #ffffff;
}

.footer > .container {
    display: none;
    padding-top: 30px;
}

.footer .stores {
    border-bottom: 1px solid #ccc;
}

.footer a {
    color: #666666;
}

.footer a:hover,
.footer a:focus {
    color: #999999;
}

.footer:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 11px;
    /*  background-image: url("img/shadow-up-down.png");*/
    background-position: center bottom;
    content: "";
    z-index: 1;
}

@media (min-width: 992px) {
    .footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 250px;
    }

    .footer > .container {
        display: block;
    }
}

[class*="col-ft-"] {
    float: left;
    height: 160px;
}

[class*="col-ft-"] + [class*="col-ft-"] {
    margin-left: 20px;
}

.col-ft-help {
    width: 200px;
}

.col-ft-info {
    width: 160px;
}

.col-ft-about {
    width: 120px;
}

.col-ft-social {
    text-align: center;
    width: 160px;
}

.col-ft-subs {
    width: 230px;
    height: 100px;
}

.col-ft-copy {
    float: right;
    width: 230px;
    height: auto;
    text-align: right;
}

.ft-heading {
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.footer .form-subs {
    margin-bottom: 5px;
}

.footer .copyright {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .footer {
        display: block;
    }
}

@media (min-width: 1200px) {
    .col-ft-subs {
        width: 290px;
    }
    .col-ft-copy {
        width: 110px;
    }
    .footer .form-subs {
        margin-bottom: 20px;
    }
    .footer .copyright {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.social-list {
    margin: 0 auto;
    padding-left: 0;
    width: 135px;
    list-style: none;
    overflow: hidden;
}

.social-list > li {
    float: left;
    display: block;
    padding: 5px;
}

.soc-icon {
    display: block;
    width: 35px;
    height: 35px;
    background-image: url('img/sprite-social.png');
    background-repeat: no-repeat;
}

.soc-icon-vk { background-position: 0 0; }
.soc-icon-vk:hover,
.soc-icon-vk:focus { background-position: 0 -35px; }
.soc-icon-vk:active { background-position: 0 -70px; }

.soc-icon-ok { background-position: -35px 0; }
.soc-icon-ok:hover,
.soc-icon-ok:focus { background-position: -35px -35px; }
.soc-icon-ok:active { background-position: -35px -70px; }

.soc-icon-fb { background-position: -70px 0; }
.soc-icon-fb:hover,
.soc-icon-fb:focus { background-position: -70px -35px; }
.soc-icon-fb:active { background-position: -70px -70px; }

.soc-icon-tw { background-position: -105px 0; }
.soc-icon-tw:hover,
.soc-icon-tw:focus { background-position: -105px -35px; }
.soc-icon-tw:active { background-position: -105px -70px; }

.soc-icon-yt {
    width: 80px;
    background-position: -140px 0;
}
.soc-icon-yt:hover,
.soc-icon-yt:focus { background-position: -140px -35px; }
.soc-icon-yt:active { background-position: -140px -70px; }


/*
 *  Заглушка
 */
.cap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 90px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url("img/back-cap.jpg");
    background-position: center top;
    box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.3);
}

.cap-logo {
    display: inline-block;
    margin-bottom: 35px;
    max-width: 100%;
}

.cap-logo img {
    max-width: 100%;
}

.cap-text {
    font-size: 36px;
    color: #418c27;
}


.label {
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.125;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.label--sm {
    font-size: 14px;
}

.label--delivery-pickup {
    color: #666666;
    background-color: #ffe468;
}



.label {
    color: #fff;
    background-color: #418c27;
}

.label--guide {
    color: #fff;
    background-color: #28a7c2;
}

.label--promo {
    color: #fff;
    background-color: #f45e56;
}

.label--review {
    color: #fff;
    background-color: #f58e3a;
}

.label--master {
    color: #fff;
    background-color: #689f38;
}



.label--circle {
    position: relative;
    display: table;
    padding: 0;
    width: 1em;
    height: 1em;
    font-size: 44px;
    white-space: normal;
    border: 3px solid #fff;
    border-radius: 50%;
}

.label--circle .label__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    font-size: .65em;
}

.label--circle:hover .label__icon,
.label--circle:focus .label__icon {
    display: none;
}

.label--circle .label__title {
    display: none;
    width: 100%;
    height: 100%;
    font-size: 7px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.label--circle:hover .label__title,
.label--circle:focus .label__title {
    display: table-cell;
}


/*
 *  Form-Control
 */
label {
    font-weight: normal;
}

input[type="radio"],
.radio-control,
input[type="checkbox"],
.checkbox-control {
    position: relative;
    margin: 4px 0 0;
    margin-top: 1px \9;
    width: 13px;
    height: 13px;
}

input[type="radio"],
input[type="checkbox"] {
    z-index: 1;
    opacity: 0;
}

.radio-control,
.checkbox-control {
    position: relative;
    display: inline-block;
    margin-left: -16px;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    background-color: #f8f8f8;
    color: #418c27;
    border: 1px solid #d2d2d2;
    vertical-align: top;
    z-index: 0;
    -webkit-box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
    box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
}

.radio-control {
    border-radius: 50%;
}

input[type="radio"]:hover + .radio-control,
input[type="radio"]:focus + .radio-control,
input[type="checkbox"]:hover + .checkbox-control,
input[type="checkbox"]:focus + .checkbox-control {
    color: #418c27;
    border-color: #418c27;
    -webkit-box-shadow: 0 0 5px rgba(61, 133, 52, 0.5);
    box-shadow: 0 0 5px rgba(61, 133, 52, 0.5);
}

input[type="checkbox"]:checked + .checkbox-control:before {
    content: "\e013";
    font-size: 7px;
    font-family: "glyphicons";
}

input[type="radio"]:checked + .radio-control:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    background-color: #418c27;
    border-radius: 50%;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

[type="number"] {
    -moz-appearance:textfield;
}

.form-control {
    height: 30px;
    padding: 4px 10px;
    line-height: 1.25;
    font-size: 16px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    border-radius: 0;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1);
}

.form-control:focus {
    border-color: #418c27;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 140, 39, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 140, 39, 0.6);
}

.form-control-error,
.form-control-error:focus {
    border-color: #d50303;
}

.form-control-error:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1);
}

.form-control-search {
    border-color: #418c27;
}

textarea.form-control {
    resize: none;
    height: 90px;
}

.select-control {
    position: relative;
    display: block;
    width: 100%;
}

.select-control > .select-control-btn {
    position: absolute;
    display: block;
    top: 1px;
    bottom: 1px;
    right: 1px;
    width: 29px;
    background-color: #d9d9d9;
    z-index: 2;
}

.select-control > .select-control-btn:before {
    content: "\e214";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    width: 100%;
    line-height: 1;
    font-size: 8px;
    font-family: "glyphicons";
    text-align: center;
}

.select-control > .form-control {
    padding-right: 40px;
}

.field-lg {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 40px;
}

.help-block {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.dropdown-menu .form-search .help-block {
    text-align: center;

}

.control-label .label-helper {
    font-size: 12px;
    color: #aaaaaa;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #d50303;
}

.has-error .form-control {
    border-color: #d50303;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .field-group-addon {
    color: #d50303;
    background-color: #f2dede;
    border-color: #d50303;
}



/*
 *  Формы
 */
.controls {
    position: relative;
}

.controls .tooltip-error {
    top: 50%;
    left: 100%;
    white-space: nowrap;
}

.radio-inline,
.checkbox-inline {
    line-height: 20px;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.radio .radio-control,
.radio-inline .radio-control,
.checkbox .checkbox-control,
.checkbox input[type=checkbox],
.checkbox-inline .checkbox-control,
.checkbox-inline input[type=checkbox] {
    float: left;
    margin-left: -20px;
}

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
    cursor: pointer;
}

.radio.disabled,
.radio-inline.disabled,
.checkbox.disabled,
.checkbox-inline.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.form-group {
    margin-bottom: 10px;
}

.form-group:before,
.form-group:after {
    display: table;
    content: " ";
}

.form-group:after {
    clear: both;
}

.control-value {
    min-height: 30px;
    font-weight: bold;
}

.form-horizontal .control-label,
.form-horizontal .control-value,
.form-horizontal .prefix,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 5px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal .label-right {
    text-align: right;
}

.form-horizontal .controls .alert {
    margin-top: 5px;
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-horizontal .form-group-end {
    margin-top: 20px;
}

.form-horizontal.form-static .form-group {
    margin-right: 0;
    margin-left: 0;
}

.form-horizontal.form-static .control-label {
    float: left;
    padding-right: 15px;
    font-weight: normal;
}

.form-horizontal.form-table .radio-inline,
.form-horizontal.form-table .checkbox-inline {
    margin-right: 10px;
}

.form-horizontal.form-table .radio-inline + .radio-inline,
.form-horizontal.form-table .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.form-horizontal.form-table .form-group {
    display: table;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    min-height: 30px;
}

.form-horizontal.form-table .form-group.has-help {
    margin-bottom: 0;
}

.form-horizontal.form-table .help-block {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
}

.form-horizontal.form-table .form-group:before,
.form-horizontal.form-table .form-group:after {
    display: none;
}

.form-horizontal.form-table .control-label,
.form-horizontal.form-table .controls,
.form-horizontal.form-table .control-value {
    display: table-cell;
    padding-top: 0;
    line-height: 1;
    vertical-align: middle;
}

.form-horizontal.form-table .control-label-top {
    padding-top: 7px;
    vertical-align: top;
}

.form-horizontal.form-table .controls {
    /*display: block;*/
}

.form-horizontal.form-table .label-top,
.form-horizontal.form-table .controls-top,
.form-horizontal.form-table .controls-top label,
.form-horizontal.form-table .value-top {
    vertical-align: top;
}

.form-horizontal.form-table .label-top {
    padding-top: 5px;
}

.form-horizontal.form-table .control-label {
    padding-right: 5px;
    font-weight: normal;
}

.control-prefix {
    padding-left: 20px;
}

.control-prefix .prefix {
    float: left;
    margin-left: -20px;
    width: 20px;
}

.control-glyphicon {
    padding-right: 25px;
}

.control-glyphicon .glyphicon {
    float: right;
    top: 0;
    margin-right: -25px;
    width: 25px;
    line-height: 30px;
    text-align: right;
}

.form-editing {}

.form-editing .control-value,
.form-editing.edit .form-control {
    display: block;
}

.form-editing.edit .control-value,
.form-editing .form-control {
    display: none;
}

@media (min-width: 1200px) {
    .form-horizontal.form-static .form-group-short-lg,
    .form-horizontal.form-table .form-group-short-lg {
        float: left;
        width: 45%;
    }

    .form-horizontal.form-static .form-group-short-lg + .form-group-short-lg,
    .form-horizontal.form-table .form-group-short-lg + .form-group-short-lg {
        float: right;
    }
}

.form-horizontal.form-table .form-group-home,
.form-horizontal.form-table .form-group-porch,
.form-horizontal.form-table .form-group-floor,
.form-horizontal.form-table .form-group-apartment {
    float: left;
}

.form-horizontal.form-table .form-group-home {
    width: 35%;
}
.form-horizontal.form-table .form-group-porch {
    width: 35%;
    padding-left: 10px;
}
.form-horizontal.form-table .form-group-floor {
    width: 30%;
    padding-left: 10px;
}
.form-horizontal.form-table .form-group-apartment {
    width: 35%;
}
.form-horizontal.form-table .form-group-elevator {
    width: 65%;
    padding-left: 10px;
}


/*
 *  Кнопки
 */
.btn {
    position: relative;
    padding: 1px 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 0;
}

.btn:focus,
.btn:active {
    outline: none !important;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default {
    color: #ffffff;
    background-color: #a1a1a1;
    border-color: #c6c6c6 #8d8d8d #656565 #aeaeae;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #a7a7a7;
    border-color: #cbcbcb #858585 #707070 #bbbbbb;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
    background-color: #ababab;
    border-color: #727272 #ababab #ababab #727272;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

.btn-primary {
    color: #ffffff;
    background-color: #56a5da;
    border-color: #83c8e9 #3585ba #196aa5 #5aaddd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #66addd;
    border-color: #83c8e9 #3585ba #196aa5 #5aaddd;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
    background-color: #5fa8da;
    border-color: #3c6989 #5fa8da #5fa8da #3c6989;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #c9e1f2;
    border-color: #c9e1f2;
}

.btn-danger {
    color: #ffffff;
    background-color: #c91a00;
    border-color: #db2500 #a80000 #8a0000 #ce1d00;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #cf311a;
    border-color: #db2500 #a80000 #8a0000 #ce1d00;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
    background-color: #cf311a;
    border-color: #832010 #cf311a #cf311a #832010;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #edbab3;
    border-color: #edbab3;
}

.btn-success {
    color: #ffffff;
    background-color: #60912c;
    border-color: #87b940 #4a7b1c #114200;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #5a8b28;
    border-color: #87b940 #4a7b1c #114200;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
    background-color: #6e9a40;
    border-color: #49642b #6e9a40 #6e9a40 #49642b;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #d0dfc1;
    border-color: #d0dfc1;
}

.btn-grey {
    padding: 2px 5px;
    font-weight: normal;
    text-transform: none;
    color: #666666;
    background-color: #f6f6f6;
    border-color: #d2d2d2;
}

.btn-grey:hover,
.btn-grey:focus {
    color: #666666;
    background-color: #eaeaea;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.15);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.15);
}

.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
    color: #ffffff;
    background-color: #666666;
    border-color: #3e3e3e;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
}

.btn-grey.btn-lg {
    padding: 7px 10px;
    line-height: 30px;
    font-size: 24px;
}

.btn-view {
    padding: 2px 0;
    width: 26px;
    font-weight: normal;
    text-transform: none;
    color: #666666;
    background-color: transparent;
}

.btn-view:hover,
.btn-view:focus {}

.btn-view:active,
.btn-view.active,
.open .dropdown-toggle.btn-view {
    color: #508c3a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-filter {
    display: block;
    padding: 11px 10px;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    line-height: 20px;
    color: #ffffff;
    background: #669730;
    background: -webkit-linear-gradient(top,  #669730 0%,#3f8128 100%);
    background: linear-gradient(to bottom,  #669730 0%,#3f8128 100%);

}

.btn-filter:hover,
.btn-filter:focus {
    color: #ffffff;
    background: #74a145;
    background: -webkit-linear-gradient(top,  #74a145 0%,#538e3e 100%);
    background: linear-gradient(to bottom,  #74a145 0%,#538e3e 100%);
}

.btn-filter:active,
.btn-filter.active,
.open .dropdown-toggle.btn-filter {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-filter:after {
    content: "\e114";
    position: relative;
    margin-left: 5px;
    font-size: 12px;
    font-family: 'Glyphicons Halflings';
    vertical-align: middle;
}

.open .dropdown-toggle.btn-filter:after {
    content: "\e113";
}

.btn-add-address {
    padding: 10px 18px;
    width: 155px;
    white-space: normal;
    text-align: left;
    background: #f6f6f6;
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ebebeb 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#ebebeb 100%);
    border-color: #d2d2d2;
    -webkit-box-shadow: 0 2px 1px rgba(25, 26, 24, 0.25);
    box-shadow: 0 2px 1px rgba(25, 26, 24, 0.25);
}

.btn-add-address:hover,
.btn-add-address:focus,
.btn-add-address:active,
.btn-add-address.active {
    background: #f6f6f6;
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#f1f1f1 100%);
}

.btn-add-address .glyphicon {
    float: left;
    top: 0 !important;
    margin-right: 10px;
    font-size: 40px;
}

.btn-in-cart,
.btn-one-click,
.btn-add-to-cart {
    margin-right: 10px;
    padding: 5px 0 5px 4px;
    line-height: 20px;
    font-size: 18px;
    border: none;
}

.btn-in-cart:after,
.btn-one-click:after,
.btn-add-to-cart:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent;
}

.btn-one-click {
    color: #ffffff;
    background: #3f96cb;
    background: -webkit-linear-gradient(left,  #3f96cb 0%,#68b5e5 100%);
    background: linear-gradient(to right,  #3f96cb 0%,#68b5e5 100%);
    border: none;
}

.btn-one-click:after {
    border-left-color: #68b5e5;
}

.btn-one-click:hover,
.btn-one-click:focus {
    color: #ffffff;
    background: #318dc5;
    background: -webkit-linear-gradient(left,  #318dc5 0%,#54a8dc 100%);
    background: linear-gradient(to right,  #318dc5 0%,#54a8dc 100%);
}

.btn-one-click:hover:after,
.btn-one-click:focus:after {
    border-left-color: #54a8dc;
}

.btn-one-click:active,
.btn-one-click.active {
    color: #ffffff;
    background: #338cc2;
    background: -webkit-linear-gradient(left,  #2682b9 0%,#54a8dc 100%);
    background: linear-gradient(to right,  #2682b9 0%,#54a8dc 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-one-click:active:after,
.btn-one-click.active:after {
    border-left-color: #54a8dc;
}

.btn-add-to-cart {
    color: #ffffff;
    background: #ff7e00;
    background: -webkit-linear-gradient(left,  #ff7e00 0%,#ff9c00 100%);
    background: linear-gradient(to right,  #ff7e00 0%,#ff9c00 100%);
    border: none;
}

.btn-add-to-cart:after {
    border-left-color: #ff9d00;
}

.btn-add-to-cart:hover,
.btn-add-to-cart:focus {
    color: #ffffff;
    background: #ff6b00;
    background: -webkit-linear-gradient(left,  #ff6b00 0%,#ff8500 100%);
    background: linear-gradient(to right,  #ff6b00 0%,#ff8500 100%);
}

.btn-add-to-cart:hover:after,
.btn-add-to-cart:focus:after {
    border-left-color: #ff8500;
}

.btn-add-to-cart:active,
.btn-add-to-cart.active {
    color: #ffffff;
    background: #ff5e00;
    background: -webkit-linear-gradient(left,  #ff5e00 0%,#ff7500 100%);
    background: linear-gradient(to right,  #ff5e00 0%,#ff7500 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-add-to-cart:active:after,
.btn-add-to-cart.active:after {
    border-left-color: #ff7500;
}

.btn-in-cart {
    padding: 4px;
    color: #418c27;
    background: #ecf3e9;
    border: 1px solid #418c27;
}

.btn-in-cart:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #418c27;
}

.btn-in-cart:after {
    border-width: 14px 0 14px 9px;
    border-left-color: #ecf3e9;
}

.btn-in-cart:hover,
.btn-in-cart:focus {
    color: #67ba4a;
    border-color: #67ba4a;
}

.btn-in-cart:hover:before,
.btn-in-cart:focus:before {
    border-left-color: #67ba4a;
}

.btn-in-cart:active {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-in-cart.btn-lg,
.btn-one-click.btn-lg,
.btn-add-to-cart.btn-lg {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 26px;
    font-size: 20px;
}

.btn-one-click.btn-lg:after,
.btn-add-to-cart.btn-lg:after {
    border-width: 18px 0 18px 10px;
}

.btn-in-cart.btn-lg:before {
    border-width: 18px 0 18px 10px;
}

.btn-in-cart.btn-lg:after {
    border-width: 17px 0 17px 9px;
}

.btn-one-click .hiding-text,
.btn-add-to-cart .hiding-text {
    display: none;
}

@media (min-width: 768px) {
    .btn-add-to-cart .hiding-text {
        display: inline;
    }
}

.btn-login {
    display: none;
    padding: 4px 5px;
    width: 100%;
    font-weight: normal;
    text-transform: none;
    text-overflow: ellipsis;
    color: #aaaaaa;
    background-color: #ddf3d6;
    border-color: #aaaaaa;
    overflow: hidden;
}

.btn-login:active,
.btn-login.active,
.open .dropdown-toggle.btn-login {
    box-shadow: none;
}

.btn-login .login-mail {
    color: #418c27;
}

@media (min-width: 992px) {
    .btn-login {
        display: block;
    }
}

.btn-headbar {
    padding: 15px 5px;
    line-height: 20px;
    color: #ffffff;
    background: #669730;
    background: -webkit-linear-gradient(top,  #669730 0%,#387124 100%);
    background: linear-gradient(to bottom,  #669730 0%,#387124 100%);
    border-top: none;
    border-bottom: none;
    border-left-color: #82ab59;
    border-right-color: #4e8129;
}

.btn-headbar:hover,
.btn-headbar:focus {
    color: #ffffff;
}

.btn-headbar:active,
.btn-headbar.active,
.open > .btn-headbar.dropdown-toggle {
    color: #ffffff;
    background: #578029;
    background: -webkit-linear-gradient(top,  #578029 0%,#366e22 100%);
    background: linear-gradient(to bottom,  #578029 0%,#366e22 100%);
}

.btn-headbar:active,
.btn-headbar.active,
.open > .btn-headbar.dropdown-toggle {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.btn-search {
    padding: 4px;
    width: 65px;
    color: #ffffff;
    background-color: #418c27;
    z-index: 2;
}

.btn-search:hover,
.btn-search:focus {
    color: #ffffff;
}

.btn-subs {
    padding: 4px;
    width: 95px;
    font-weight: normal;
    text-transform: none;
    color: #666666;
    background-color: #d9d9d9;
    z-index: 2;
}

.btn-subs:hover,
.btn-subs:focus {
    color: #666666;
    background-color: #e7e7e7;
}

.btn-send-lg {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
}

.btn-up-down:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    content: "\e093";
    font-family: 'glyphicons';
    border-left: 1px dotted transparent;
}

.btn-up-down.up:after {
    content: "\e093";
}

.btn-up-down.down:after {
    content: "\e094";
}

.btn-up-down.btn-grey {
    padding-right: 30px;
}

.btn-up-down.btn-grey:after {
    width: 25px;
    line-height: 24px;
    border-color: #d2d2d2;
}

.btn-up-down.btn-grey.active:after,
.btn-up-down.btn-grey:active:after {
    border-color: #3e3e3e;
}

.btn-sq {
    padding-left: 0;
    padding-right: 0;
    width: 24px;
    height: 24px;
}

.btn-sq .glyphicon-remove {
    font-size: 12px;
}

.btn-width-130 {
    width: 130px;
}

.btn-group-headbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    z-index: 1042;
}

.btn-group-headbar > .btn-group {
    float: none;
    display: table-cell;
    width: auto;
}

.btn-group-headbar > .btn-group > .btn {
    width: 100%;
}
.btn-group-headbar > .btn-group-search,
.btn-group-headbar > .btn-group-menu,
.btn-group-headbar > .btn-group-user {
    width: 50px;
}

.btn-group-headbar > .btn-group-cart {
    width: 70px;
}

.btn-group-headbar > .btn-group-menu .hidden-text,
.btn-group-headbar > .btn-group-user .hidden-text,
.btn-group-headbar > .btn-group-cart .hidden-text {
    display: none;
}

@media (min-width: 768px) {
    .btn-group-headbar > .btn-group-search {
        display: none;
    }
    .btn-group-headbar > .btn-group-catalog {}
    .btn-group-headbar > .btn-group-menu {
        width: 115px;
    }
    .btn-group-headbar > .btn-group-user {
        width: 175px;
    }
    .btn-group-headbar > .btn-group-cart {
        width: 320px;
    }
    .btn-group-headbar > .btn-group-menu .hidden-text,
    .btn-group-headbar > .btn-group-user .hidden-text,
    .btn-group-headbar > .btn-group-cart .hidden-text {
        display: inline;
        margin-left: 5px;
    }
}
@media (min-width: 992px) {
    .btn-group-headbar {
        display: none;
    }
}



/*
 *  Спиннер
 */
.spinner-group {
    display: inline-block;
    vertical-align: middle;
}

.spinner-group:before,
.spinner-group:after {
    display: table;
    content: " ";
}

.spinner-group:after {
    clear: both;
}

.spinner-btn,
.spinner-control {
    float: left;
}

.spinner-btn {
    padding-left: 0;
    padding-right: 0;
    width: 24px;
}

.spinner-control {
    margin: 0 2px;
    padding: 1px 4px;
    width: 30px;
    height: 24px;
    text-align: center;
}



/*
 *  Dropdown
 */
.dropdown-menu {}

.dropdown-menu > li > a {
    text-decoration: none;
}



/*
 *  Навигация
 */
.nav > li > a {
    text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}

/* Навигация в шапке */
.nav-header {
    position: relative;
    display: none;
    margin-bottom: 15px;
    line-height: 0;
    text-align: justify;
    z-index: inherit;
}

.nav-header:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    vertical-align: top;
}

.nav-header > li {
    display: inline-block;
}

.nav-header > li > a {
    display: inline;
    padding: 0;
    line-height: 20px;
    text-decoration: none;
    color: #666666;
    background-color: transparent;
}

.nav-header > li > a:hover,
.nav-header > li > a:focus {
    color: #418c27;
    background-color: transparent;
    text-decoration: none;
}

/* Навигация в профиле */
.nav-profile {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.nav-profile > li {
    display: table-cell;
    width: 100%;
}

.nav-profile > li > a {
    position: relative;
    padding: 10px 5px;
    font-size: 14px;
    text-align: center;
    color: #666666;
    background-color: #e9e9e9;
    background: -webkit-linear-gradient(top,  #e9e9e9 0%,#c7c7c7 100%);
    background: linear-gradient(to bottom,  #e9e9e9 0%,#c7c7c7 100%);
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #cccccc;
}

.nav-profile > li > a:hover,
.nav-profile > li > a:focus {
    background-color: #d9d9d9;
    background: -webkit-linear-gradient(top,  #d9d9d9 0%,#c7c7c7 100%);
    background: linear-gradient(to bottom,  #d9d9d9 0%,#c7c7c7 100%);
}

.nav-profile > .active > a,
.nav-profile > .active > a:hover,
.nav-profile > .active > a:focus {
    color: #ffffff;
    background-color: #669730;
    background: -webkit-linear-gradient(top,  #669730 0%,#428229 100%);
    background: linear-gradient(to bottom,  #669730 0%,#428229 100%);
    z-index: 2;
}

.nav-profile > li > a .glyphicon {
    display: block;
    font-size: 25px;
}

.nav-profile > li > a .link-text {
    display: block;
    line-height: 1;
}

.nav-profile .link-text span {
    display: block;
}

@media (min-width: 768px) {
    .nav-profile > li > a {
        font-size: 16px;
    }
    .nav-profile > li > a .glyphicon,
    .nav-profile > li > a .link-text {
        display: inline-block;
        vertical-align: middle;
    }
    .nav-profile > li > a .glyphicon {
        margin-right: 5px;
    }
    .nav-profile > li > a .link-text {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .nav-header {
        display: block;
    }
    .nav-profile {
        display: block;
        width: 170px;
    }
    .nav-profile > li {
        display: block;
    }
    .nav-profile > li > a {
        padding: 5px 10px;
        line-height: 20px;
        font-size: 16px;
        text-align: left;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #d2d2d2;
    }
    .nav-profile > li + li > a {
        margin-top: -1px;
        border-top: none;
    }
    .nav-profile > li > a:hover,
    .nav-profile > li > a:focus {
        background-color: #d9d9d9;
        background-image: none;
    }
    .nav-profile > .active > a,
    .nav-profile > .active > a:hover,
    .nav-profile > .active > a:focus {
        margin-right: -5px;
        background-color: #588f2c;
        background-image: none;
        border-top: none;
        border-bottom: none;
        border-color: #588f2c;
    }
    .nav-profile > .active > a:before {
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #588f2c;
        content: "";
    }
    .nav-profile > li > a .glyphicon {
        top: -2px;
        font-size: 14px;
    }
    .nav-profile > li > a .link-text {
        width: auto;
        vertical-align: inherit;
    }

    .nav-profile .link-text span {
        display: inline;
    }
}



/*
 *  Группы кнопок
 */



/*
 *  Autocomplete
 */
.autocomplete {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.autocomplete > li {}

.autocomplete > li > a {}



/*
 *  Рейтинг
 */
.rating {
    display: inline-block;
}

.rating:before,
.rating:after {
    display: table;
    content: " ";
}

.rating:after {
    clear: both;
}

.rating-item {
    float: left;
    display: block;
    margin: 0;
    padding: 0 0.1em;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    color: #c5c5c5;
    text-shadow: 1px -1px 1px #ffffff;
    border: none;
}

.rating-lg .rating-item {
    font-size: 18px;
}

.rating-item:before {
    font-family: "glyphicons";
    content: "\e006";
    vertical-align: top;
}

label.rating-item {
    cursor: pointer;
}

.rating-used .rating-item {
    cursor: default;
}

.rating-item.active {
    color: #ff8e00;
}

.rating-item > input[type="radio"] {
    display: none;
}

.rating .rating-item {
    color: #ff8e00;
}

.rating .rating-item.active ~ .rating-item {
    color: #c5c5c5;
}

/* Вид при наведение */
.rating-clean:hover .rating-item {
    color: #ff8e00;
}

.rating-clean .rating-item,
.rating-clean:hover .rating-item:hover ~ .rating-item {
    color: #c5c5c5;
}

.rating:hover .rating-item,
.rating:hover .rating-item.active ~ .rating-item {
    color: #ff8e00;
}

.rating:hover .rating-item:hover ~ .rating-item {
    color: #c5c5c5;
}

.rating-used:hover .rating-item,
.rating-used:hover .rating-item:hover ~ .rating-item {
    color: #ff8e00;
}

.rating-used:hover .rating-item.active ~ .rating-item {
    color: #c5c5c5;
}



/*
 *  Список определений
 */
.dl-dotted {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.dl-dotted dt {
    float: left;
    clear: both;
    padding-right: 5px;
    max-width: 60%;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #ffffff;
}

.dl-dotted dt:before {
    content: "";
    position: absolute;
    right: 95px;
    margin-top: 1em;
    width: 100%;
    border-bottom: 1px dashed #bfbfbf;
    z-index: -1;
}

.dl-dotted dd {
    float: right;
    clear: right;
    width: 90px;
}

.dl-dotted dd:before,
.dl-dotted dd:after {
    display: table;
    content: " ";
}

.dl-dotted dd:after {
    clear: both;
}

.texture-checkered .dl-dotted dt {
    background-color: #f7f7f7;
    background-image: url("img/texture-checkered.png");
}



/*
 *  Спецификации
 */
.specification {
    position: relative;
    margin-bottom: 20px;
    /*padding-left: 40px;*/
}

.specific-icon {
    display: none;
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 50%;
}

.specific-icon img{
    width: 100%;
    height: 100%;
}

.specification .specific-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.specification .table-half {
    margin-top: -20px;
}

@media (min-width: 768px) {
    .specifications-group {}
    .specifications-group .specification.pull-left-sm,
    .specifications-group .specification.pull-right-sm {
        padding-right: 30px;
        width: 50%;
    }
    .specifications-group .specification.pull-left-sm {
        clear: left;
    }
    .specifications-group .specification.pull-right-sm {
        clear: right;
    }
    .specification .table-half {
        margin-top: 25px;
    }
}



/*
 *  Лента
 */



/*
 *  Часы
 */
.chronometer {
    text-align: center;
}

.chronometer:before,
.chronometer:after {
    display: table;
    content: " ";
}

.chronometer:after {
    clear: both;
}

.chrono-title {
    display: block;
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 18px;
}

.chrono-item {
    position: relative;
    display: inline-block;
    padding: 2px 3px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.22);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.22);
    vertical-align: top;
}

.chrono-divider {
    float: left;
    display: block;
    padding-top: 22px;
    padding-bottom: 2px;
    line-height: 41px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.chrono-item + .chrono-item {
    margin-left: 10px;
}

.chrono-item + .chrono-item:before {
    content: ":";
    position: absolute;
    bottom: 6px;
    right: 100%;
    width: 10px;
    line-height: 41px;
    font-size: 30px;
    font-weight: bold;
}

.chrono-heading {
    line-height: 20px; /*1.428571429*/
    font-size: 14px;
    text-align: center;
}

.chrono-figure {
    float: left;
    width: 28px;
    height: 34px;
    line-height: 34px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-color: #f6f6f6;
    background-image: url("img/back-chrono-figure.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #666666;
}

.chrono-figure + .chrono-figure {
    margin-left: 1px;
}

.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    background-image: url('img/sprite-icons.png');
    background-repeat: no-repeat;
    background-position: 200px;
    line-height: 1;
}

.icon img {
    max-width: 100%;
    max-height: 100%;
}

.icon-eye {
    width: 19px;
    height: 14px;
    background-position: 0 0;
}

.icon-waage {
    width: 17px;
    height: 14px;
    background-position: -19px 0;
}

.icon-chevron-up {
    width: 13px;
    height: 14px;
    background-position: -36px 0;
}

.icon-chevron-down {
    width: 13px;
    height: 14px;
    background-position: -49px 0;
}

.icon-chevron-left {
    width: 13px;
    height: 14px;
    background-position: -62px 0;
}

.icon-chevron-right {
    width: 13px;
    height: 14px;
    background-position: -75px 0;
}

.icon-thumb-up {
    width: 13px;
    height: 14px;
    background-position: 0 -14px;
}

.icon-thumb-down {
    width: 13px;
    height: 14px;
    background-position: -13px -14px;
}

.icon-yandex-market {
    width: 85px;
    height: 18px;
    background-position: 0 -28px;
}

.icon-box {
    width: 28px;
    height: 28px;
    background-position: 0 -46px;
}

.icon-action-xs,
.icon-discount-xs,
.icon-new-xs,
.icon-rub-xs,
.icon-new-year-xs,
.icon-black-friday-xs {
    width: 17px;
    height: 17px;
    background-image: url('img/sprite-icon-header-links.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon-action-xs { background-position: 0 0; }
.icon-discount-xs { background-position: 0 -17px; }
.icon-new-xs { background-position: 0 -34px; }
.icon-rub-xs { background-position: 0 -51px; }
.icon-black-friday-xs { background-position: 0 -68px; }
.icon-new-year-xs { background-position: 0 -85px; }


.icon-number {
    position: relative;
    top: 2px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-image: url('img/sprite-icon-number-instruction.png');
    background-repeat: no-repeat;
}

.icon-number-1 { background-position: 0 0; }
.icon-number-2 { background-position: 0 -20px; }
.icon-number-3 { background-position: 0 -40px; }
.icon-number-4 { background-position: 0 -60px; }



/*
 *  Fonticon
 */
@font-face {
    font-family: "glyphicons";
    font-display: swap;
    src: url("https://mrmag.ru/design/mrmag/fonts/glyphicons.eot");
    src: url("https://mrmag.ru/design/mrmag/fonts/glyphicons.eot?#iefix") format("embedded-opentype"),
    url("https://mrmag.ru/design/mrmag/fonts/glyphicons.woff") format("woff"),
    url("https://mrmag.ru/design/mrmag/fonts/glyphicons.ttf") format("truetype"),
    url("https://mrmag.ru/design/mrmag/fonts/glyphicons.svg#glyphicons") format("svg");
}

.glyphicon {
    font-family: "glyphicons";
    line-height: inherit;
}

.glyphicon-before {
    padding-right: 5px;
}

.glyphicon-after {
    padding-left: 5px;
}

.glyphicon-xs {
    top: -0.2em;
    font-size: 10px;
    vertical-align: middle;
}

.glyphicon-credit-card:before         { content: "\e902"; }
.glyphicon-plus:before                { content: "\2b"; }
.glyphicon-minus:before               { content: "\2212"; }
.glyphicon-equal:before               { content: "\e600"; }
.glyphicon-pencil:before              { content: "\270f"; }
.glyphicon-search:before              { content: "\e003"; }
.glyphicon-star:before                { content: "\e006"; }
.glyphicon-user:before                { content: "\e008"; }
.glyphicon-th:before                  { content: "\e011"; }
.glyphicon-ok:before                  { content: "\e013"; }
.glyphicon-remove:before              { content: "\e014"; }
.glyphicon-trash:before               { content: "\e020"; }
.glyphicon-home:before                { content: "\e021"; }
.glyphicon-time:before                { content: "\e023"; }
.glyphicon-refresh:before             { content: "\e031"; }
.glyphicon-lock:before                { content: "\e033"; }
.glyphicon-align-justify:before       { content: "\e055"; }
.glyphicon-map-marker:before          { content: "\e062"; }
.glyphicon-check:before               { content: "\e067"; }
.glyphicon-chevron-left:before        { content: "\e079"; }
.glyphicon-chevron-right:before       { content: "\e080"; }
.glyphicon-question-sign:before       { content: "\e085"; }
.glyphicon-arrow-left:before          { content: "\e091"; }
.glyphicon-arrow-right:before         { content: "\e092"; }
.glyphicon-arrow-up:before            { content: "\e093"; }
.glyphicon-arrow-down:before          { content: "\e094"; }
.glyphicon-gift:before                { content: "\e102"; }
.glyphicon-calendar:before            { content: "\e109"; }
.glyphicon-chevron-up:before          { content: "\e113"; }
.glyphicon-chevron-down:before        { content: "\e114"; }
.glyphicon-shopping-cart-full:before  { content: "\e115"; }
.glyphicon-shopping-cart:before       { content: "\e116"; }
.glyphicon-thumbs-up:before           { content: "\e125"; }
.glyphicon-thumbs-down:before         { content: "\e126"; }
.glyphicon-globe:before               { content: "\e135"; }
.glyphicon-heart-empty:before         { content: "\e143"; }
.glyphicon-new-window:before          { content: "\e164"; }
.glyphicon-earphone:before            { content: "\e182"; }
.glyphicon-map:before                 { content: "\e201"; }
.glyphicon-exit:before                { content: "\e202"; }
.glyphicon-cursor:before              { content: "\e203"; }
.glyphicon-time-refresh:before        { content: "\e204"; }
.glyphicon-waage:before               { content: "\e205"; }
.glyphicon-truck:before               { content: "\e206"; }
.glyphicon-map-markers:before         { content: "\e207"; }
.glyphicon-map-labels:before          { content: "\e207"; }
.glyphicon-coins:before               { content: "\e208"; }
.glyphicon-building:before            { content: "\e209"; }
.glyphicon-cup:before                 { content: "\e210"; }
.glyphicon-new:before                 { content: "\e211"; }
.glyphicon-percent:before             { content: "\e212"; }
.glyphicon-chevron-up-thin:before     { content: "\e213"; }
.glyphicon-chevron-down-thin:before   { content: "\e214"; }
.glyphicon-chevron-left-thin:before   { content: "\e279"; }
.glyphicon-chevron-right-thin:before  { content: "\e280"; }
.glyphicon-exclamation-trigon:before  { content: "\e281"; }
.glyphicon-send-message:before        { content: "\e282"; }
.glyphicon-shopping-cart-two:before   { content: "\e283"; }
.glyphicon-thumbs-up-two:before       { content: "\e284"; }
.glyphicon-thumbs-down-two:before     { content: "\e285"; }
.glyphicon-thrift-box:before          { content: "\e286"; }
.glyphicon-box:before                 { content: "\e287"; }
.glyphicon-arrow-left-thin:before     { content: "\e288"; }
.glyphicon-arrow-right-thin:before    { content: "\e289"; }
.glyphicon-arrow-up-thin:before       { content: "\e290"; }
.glyphicon-arrow-down-thin:before     { content: "\e291"; }
.glyphicon-book:before                { content: "\e800"; }
.glyphicon-glasses:before             { content: "\e801"; }
.glyphicon-master:before              { content: "\e802"; }
.glyphicon-speaker:before             { content: "\e803"; }
.glyphicon-black-friday:before        { content: "\e900"; }
.glyphicon-percent-sign:before        { content: "\e901"; }

.glyphicon-cursor:before {
    margin-top: -0.1em;
    margin-bottom: -0.1em;
    font-size: 1.2em;
}

.glyphicon-truck:before {
    font-size: 0.8em;
}

.glyphicon-shopping-cart-full:before {
    margin-top: -0.1em;
    margin-bottom: -0.1em;
    font-size: 1.2em;
}

.list-glyphicon {
    margin: 0 -5px 20px -5px;
    font-size: 0;
    text-align: left;
}

.list-glyphicon .glyphicon {
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 5%;
    height: auto;
    font-size: 2rem;
    vertical-align: top;
}

.list-glyphicon .glyphicon:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 1em;
    line-height: 1;
    text-align: center;
    z-index: 1;
}

.list-glyphicon .glyphicon:after {
    content: "";
    position: relative;
    display: block;
    padding: 50%;
    width: 100%;
    height: auto;
    background-color: #ededed;
}



/*
 *  Dropdown Header
 */
.dropdown-touch {
    position: fixed;
    top: 50px;
    bottom: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
}

.dropdown-touch > li {
    position: relative;
    background-color: #ffffff;
}

.dropdown-touch > li .form-search {
    padding: 20px 20px 10px;
    background-color: #ffffff;
}

.dropdown-touch > li .form-search .help-block {
    margin: 10px 0 0;
    font-size: 16px;
    color: #999999;
}

.dropdown-touch > li > a {
    position: relative;
    padding: 15px 60px 15px 45px;
    line-height: 20px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666666;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}

.dropdown-touch > li > a:hover,
.dropdown-touch > li > a:focus {
    color: #418c27;
    background-color: #fafafa;
}

.dropdown-touch > li > a:after,
.dropdown-touch > li > a .icon,
.dropdown-touch > li > a .glyphicon {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.dropdown-touch > li > a:after {
    left: auto;
    right: 15px;
    font-size: 12px;
    font-family: "glyphicons";
    text-align: right;
    color: #aaaaaa;
    content: "\e080";
}

.dropdown-touch > li > a .icon {
    line-height: 20px;
}

.dropdown-touch > li > a .count {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    line-height: 20px;
    color: #aaaaaa;
}

.dropdown-touch > .dropdown > a {}

.dropdown-touch > .dropdown-header {
    padding: 0;
}

.dropdown-touch > .dropdown-header a {
    padding: 15px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    background-color: #e2e2e2;
}

.dropdown-touch > .dropdown-header a:before,
.dropdown-touch > .dropdown-header a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 0;
    width: 100%;
    height: 6px;
    -webkit-box-shadow: 0 2px 6px #999999;
    box-shadow: 0 2px 6px #999999;
}

.dropdown-touch > .dropdown-header a:before {
    bottom: 100%;
}

.dropdown-touch > .dropdown-header a:after {
    top: 100%;
}

.dropdown-touch > .dropdown-header .glyphicon {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    margin-right: 10px;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    vertical-align: top;
}

.dropdown-touch > .dropdown-footer {}

.dropdown-touch > .dropdown-footer > a {
    padding: 10px;
    text-align: center;
    color: #666666;
    background-color: #e2e2e2;
    border-bottom: none;
    overflow: hidden;
}

.dropdown-touch > .dropdown-footer > a:hover,
.dropdown-touch > .dropdown-footer > a:focus {
    color: #666666;
    background-color: #d2d2d2;
}

.dropdown-touch > .dropdown-footer > a:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    -webkit-box-shadow: 0 2px 6px #999999;
    box-shadow: 0 2px 6px #999999;
}

.dropdown-touch > .dropdown-footer > a:after {
    display: none;
}

.dropdown-touch > .dropdown-footer > a .glyphicon {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    width: auto;
    height: auto;
    line-height: 1;
    font-size: 12px;
}



/*
 *  UI Block
 */
.container > .navbar-header,
.container > .navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    margin-right: 10px;
}

.navbar-nav {
    margin: 4.5px -10px;
}

@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: -10px;
    }
}

.navbar-form {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .navbar-form.navbar-right:last-child {
        margin-right: -10px;
    }
}

@media (min-width: 768px) {
    .navbar-text {
        margin-right: 10px;
        margin-left: 10px;
    }
}



/*
 *  Кнопочный тулбар
 */
.btn-toolbar-inline {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}



/*
 *  Навигационная цепочка (Breadcrumb)
 */
.btn-back {
    float: left;
    display: none;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .btn-back {
        display: block;
    }
}

.breadcrumb {
    padding: 0;
    margin-bottom: 10px;
    list-style: none;
    line-height: 24px;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb > li {
    display: inline-block;
    line-height: 1;
    font-size: 14px;
}

.breadcrumb > li + li:before {
    padding: 0;
    color: #cccccc;
    content: "/\00a0";
}

.breadcrumb > .active {
    color: #666666;
}

.breadcrumb > li > a {
    color: #666666;
}

.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus {
    color: #999999;
}

.breadcrumb > li > .glyphicon {
    text-decoration: none;
}



/*
 *  Пагинатор (Pagination)
 */
.pagination {
    margin-top: 0;
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
    padding: 2px;
    width: 26px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #f6f6f6;
    color: #666666;
    border: 1px solid #d2d2d2;
}

.pagination > li > a .glyphicon,
.pagination > li > span .glyphicon {
    top: -0.2em;
    font-size: 12px;
    vertical-align: middle;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eaeaea;
    color: #666666;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.15);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.15);
}

.pagination > li > a:active,
.pagination > li > span:active {
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #ffffff;
    background-color: #666666;
    border-color: #3e3e3e;
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.25);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #d5d5d5;
    cursor: not-allowed;
    background-color: #fbfbfb;
    border-color: #ededed;
}

.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover,
.pagination > .disabled > a:active,
.pagination > .disabled > span:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination > .back > a,
.pagination > .back > span {
    margin-right: 10px;
}

.pagination > .forward > a,
.pagination > .forward > span {
    margin-left: 9px;
}



/*
 *  Ценники
 */
.pricetag {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    padding: 6px 5px;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    background: #669730;
    background: -webkit-linear-gradient(left,  #669730 0%,#418c27 100%);
    background: linear-gradient(to right,  #669730 0%,#418c27 100%);
    color: #ffffff;
    white-space: nowrap;
    vertical-align: middle;
}

.pricetag:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 8px solid #669730;
}

.pricetag__text {
    display: block;
    margin: -.07142857em 0;
    font-size: .77777777em;
    line-height: .71428571;
}

.pricetag-small {
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}

.pricetag-sub,
.pricetag-sup {
    display: inline-block;
    line-height: 1;
}

.pricetag-sub {
    bottom: 0;
    vertical-align: bottom;
}

.pricetag-sup {
    top: 0;
    vertical-align: top;
}

.pricetag-measure {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    /*color: #bcbcbc;*/
    opacity: .8;
}

.pricetag-measure::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 20px;
    border-bottom: 1px solid;
    transform: rotate(-50deg);
    transform-origin: 0 100%;
}

.pricetag-responsive.pricetag-lg .pricetag-measure {
    font-size: 18px;
    padding-left: 15px;
}

.pricetag-responsive.pricetag-lg .pricetag-measure::before {
    width: 30px;
    border-bottom: 2px solid;
}

.pricetag--unit {
    padding: 0 10px;
    font-size: 18px;
    line-height: 30px;
    color: #669730;
    background-color: #fff;
    background-image: none;
}

.pricetag--unit::before,
.pricetag--unit::after {
    display: none;
}

.pricetag--unit .pricetag-sup {
    top: .5em;
}

.pricetag--unit-lg {
    padding: 0;
    font-size: 30px;
    line-height: 1;
    color: #666;
    background-color: #fff;
    background-image: none;
}

.pricetag--unit-lg::before,
.pricetag--unit-lg::after {
    display: none;
}

.pricetag-lg {
    margin-left: 12px;
    padding: 9px 10px;
    font-size: 28px;
}

.pricetag-lg:before {
    border-top-width: 23px;
    border-bottom-width: 23px;
    border-right-width: 12px;
}

.pricetag-new {
    background: #ffe400;
    background: -webkit-linear-gradient(left,  #ffe400 0%,#fec700 100%);
    background: linear-gradient(to right,  #ffe400 0%,#fec700 100%);
    color: #4d4d4d;
}

.pricetag-new:before {
    border-right-color: #ffe400;
}

.pricetag-econ {
    background: #68b5e5;
    background: -webkit-linear-gradient(left,  #68b5e5 0%,#3f96cb 100%);
    background: linear-gradient(to right,  #68b5e5 0%,#3f96cb 100%);
    color: #ffffff;
}

.pricetag-econ:before {
    border-right-color: #68b5e5;
}

.pricetag-old {
    margin-left: 6px;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: normal;
}

.pricetag-old:before {
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right-width: 6px;
}

.pricetag-old:after {
    content: "";
    top: 50%;
    left: 4px;
    right: 4px;
    position: absolute;
    border-bottom: 2px solid;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.pricetag-lg.pricetag-old {
    margin-left: 10px;
    padding: 6px 10px;
    font-size: 24px;
}

.pricetag-lg.pricetag-old:before {
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-right-width: 10px;
}

.pricetag-lg.pricetag-old:after {
    left: 8px;
    right: 8px;
}

.pricetag-responsive {}

.pricetag-responsive:before {}

.pricetag-responsive.pricetag-lg {}

.pricetag-responsive.pricetag-lg:before {}

.pricetag-responsive.pricetag-lg.pricetag-old {}

.pricetag-responsive.pricetag-lg.pricetag-old:before {}

.pricetag-responsive.pricetag-lg.pricetag-old:after {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .pricetag-responsive.pricetag-lg {
        margin-left: 15px;
        padding: 10px 20px;
        font-size: 40px;
    }
    .pricetag-responsive.pricetag-lg:before {
        border-top-width: 30px;
        border-bottom-width: 30px;
        border-right-width: 15px;
    }
    .pricetag-responsive.pricetag-lg.pricetag-old {
        margin-left: 10px;
        padding: 6px 15px;
        font-size: 24px;
    }
    .pricetag-responsive.pricetag-lg.pricetag-old:before {
        border-top-width: 18px;
        border-bottom-width: 18px;
        border-right-width: 10px;
    }
    .pricetag-responsive.pricetag-lg.pricetag-old:after {
        left: 12px;
        right: 12px;
    }
}

@media (min-width: 1200px) {}


.video {
    position: relative;
    margin-bottom: 20px;
    max-width: 100%;
}

.video:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.video object,
.video iframe,
.video video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video--lg {
    margin-bottom: 50px;
}


.video-list {}

.video-list:before,
.video-list:after {
    display: table;
    content: " ";
}

.video-list:after {
    clear: both;
}

.video-item {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    color: #418c27;
}

.video-item:hover,
.video-item:focus {
    color: #67ba4a;
    text-decoration: none;
}

.video-item__placeholder {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.video-item__placeholder:before {
    content: "";
    display: block;
    padding-bottom: 56.5%;
}

/*.video-item__placeholder:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -31px;
  width: 62px;
  height: 62px;
  background-image: url("img/icon-video-play.png");
  z-index: 1;
}*/

.video-item__placeholder img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 100%;
}

.video-item__title {
    display: inline;
    /*border-bottom: 1px dotted;*/
}

.video-item .label-list {
    position: absolute;
    top: 0;
    right: 0;
}



.video-tabs {}

.video-tabs:before,
.video-tabs:after {
    display: table;
    content: " ";
}

.video-tabs:after {
    clear: both;
}

.video-tabs__item {
    width: 100%;
}

.video-tab {
    display: table-cell;
    padding: 10px;
    width: 1%;
    height: 70px;
    vertical-align: middle;
    color: #fff;
    background-color: #418c27;
}

.video-tab:hover,
.video-tab:focus {
    color: #fff;
    opacity: .9;
}

.video-tab__icon {
    display: inline-block;
    margin-right: 10px;
    width: 1em;
    height: 1em;
    font-size: 40px;
    line-height: 1;
    vertical-align: middle;
}

.video-tab__title {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.video-tab--guide {
    color: #fff;
    background-color: #28a7c2;
}

.video-tab--promo {
    color: #fff;
    background-color: #f45e56;
}

.video-tab--review {
    color: #fff;
    background-color: #f58e3a;
}

.video-tab--master {
    color: #fff;
    background-color: #689f38;
}

@media (min-width: 768px) {
    .video-tabs__item {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .video-tab {
        height: 148px;
        text-align: center;
    }

    .video-tab__icon {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 80px;
        vertical-align: top;
    }

    .video-tab__title {
        display: block;
    }
}

@media (min-width: 1200px) {
    .video-tab {
        height: 183px;
    }
}



.video-section {
    margin: 10px auto;
    overflow: hidden;
}

.video-section:before,
.video-section:after {
    display: table;
    content: " ";
}

.video-section:after {
    clear: both;
}

.video-section .video {
    margin-bottom: 0;
}

.video-section .video-tabs {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .video-section {}

    .video-section .video {
        float: left;
        width: 510px;
        height: 280px;
    }

    .video-section .video-tabs {
        float: right;
        margin-top: 0;
        width: 205px;
    }

    .video-section .video-tabs__item {
        float: none;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .video-section {}

    .video-section .video {
        width: 530px;
        height: 296px;
    }

    .video-section .video-tabs {
        width: 405px;
    }

    .video-section .video-tabs__item {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .video-section {}

    .video-section .video {
        width: 655px;
        height: 366px;
    }

    .video-section .video-tabs {
        width: 480px;
    }
}



.row-video {
    margin-left: -12px;
    margin-right: -12px;
}

.row-video:before,
.row-video:after {
    display: table;
    content: " ";
}

.row-video:after {
    clear: both;
}

.col-video {
    padding-left: 12px;
    padding-right: 12px;
}

.col-video .video-item {
    margin-bottom: 24px;
}

.col-video .video-item__title {
    position: relative;
    display: block;
    height: 2.25em;
    font-size: 16px;
    line-height: 1.125;
    overflow: hidden;
}

.col-video .video-item__title:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
    height: 1.25em;
    background: -webkit-linear-gradient(right,  rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left,  rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 768px) {
    .col-video {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .col-video {
        width: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-video {
        width: 25%;
    }
}

/* Выбор региона */
.regions-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.regions-list__item {}

.regions-list__button {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 45px 8px 0;
    font-size: 18px;
    font-weight: 300;
    line-height: calc(20 / 18);
    text-align: left;
    cursor: pointer;
    user-select: none;
    color: #5a5a5a;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transition:
            color .3s ease,
            background-color .3s ease,
            border-color .3s ease,
            opacity .3s ease;
    will-change:
            color,
            background-color,
            border-color,
            opacity;
}

.regions-list__button:hover,
.regions-list__button:focus {
    color: #67ba4a;
}

.regions-list__button:focus {
    outline: none;
}

.regions-list__button.is-active {
    font-weight: 700;
    color: #418c27;
}

.regions-list__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    display: none;
    width: 7px;
    height: 7px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.regions-list__button.is-active::after {
    display: block;
}

.cities-list {
    /*display: block;*/
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.region-select-form__cities--popular .cities-list {
    display: block;
}

@media (min-width: 992px) {

    .region-select-form__cities--popular .cities-list {
        column-count: initial;
    }

    .region-select-form__cities--popular .cities-list > .cities-list__item:nth-child(1) {
        float: left;
        width: 100%;
    }

    .region-select-form__cities--popular .cities-list > .cities-list__item:nth-child(2) {
        float: right;
        width: 33%;
    }

    .region-select-form__cities--popular .cities-list > .cities-list__item:nth-child(3) {
        float: right;
        width: 33%;
    }

    .region-select-form__cities--popular .cities-list > .cities-list__item:nth-child(1) .cities-sublist {
        column-count: 4;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .region-select-form__cities--popular .cities-list > .cities-list__item:nth-child(1) .cities-sublist {
        column-count: 1;
    }
}


.cities-list__item {
    flex-basis: 100%;
}

.cities-sublist {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 10px;
}

.cities-list__label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 25px;
    font-size: 18px;
    line-height: calc(20 / 18);
    vertical-align: top;
    color: #5a5a5a;
    cursor: pointer;
}

.cities-list__label:hover,
.cities-list__label:focus {
    color: #67ba4a;
}

.cities-list__label:focus {
    outline: none;
}

.cities-list__label-text {
    font-weight: 700;
}

.cities-sublist .cities-list__label-text {
    /*	font-weight: 400;*/
}

.cities-list__label-radio:checked .cities-list__label-text {
    font-weight: 700;
    color: #418c27;
}

@media (min-width: 768px) {
    .cities-list__item {
        flex-basis: 50%;
        /*float: left;*/
    }

    .cities-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .cities-list__item {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}

@media (min-width: 992px) {
    .cities-list__item {
        flex-basis: 30%;
    }

    .cities-list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 1200px) {
    .cities-list__item {
        flex-basis: 25%;
    }

    .cities-list {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

.region-select-form {}

.region-select-form__regions {}

.region-select-form.is-open-cities .region-select-form__regions {
    display: none;
}

.region-select-form__cities {}
.region-select-form__cities {
    display: none;
}

.region-select-form.is-open-cities .region-select-form__cities {
    display: block;
}

.region-select-form__title {
    position: relative;
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #ababab;
}

.region-select-form__title--cities {
    padding-left: 25px;
    cursor: pointer;
}

.region-select-form__title--cities::before {
    content: "";
    position: absolute;
    top: calc(50% + 2px);
    left: 5px;
    display: block;
    width: 12px;
    height: 12px;
    color: #5b5b5b;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media (min-width: 768px) {
    .region-select-form {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .region-select-form__title {
        margin-bottom: 20px;
    }

    .region-select-form__regions {
        -webkit-flex: 0 0 260px;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
        max-height: 410px;
        border-right: 2px solid #dadada;
        overflow: auto;
    }

    .region-select-form.is-open-cities .region-select-form__regions {
        display: block;
    }

    .region-select-form__cities {
        display: block;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-height: 410px;
        padding-left: 30px;
        overflow: auto;
    }

    .region-select-form__title--cities {
        padding-left: 0;
        cursor: default;
        pointer-events: none;
    }

    .region-select-form__title--cities::before {
        display: none;
    }
}

.modal {}

.modal-open {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #2d1a30;*/
    background: url('img/black-opacity-50.png');
    background: rgba(45, 26, 48, 0.7);
    overflow-y: auto;
}

.modal-backdrop {
    /*background-color: #2d1a30;*/
    background: transparent;
}

.modal-dialog {
    margin-top: 50px;
}

.modal-dialog-xs {
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
}

.modal-dialog-review {
    max-width: 680px;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 10px 40px 5px;
    border-bottom: none;
}

.modal-header .close {
    position: relative;
    z-index: 10;
}

.modal-body {
    padding: 5px 20px 20px;
}

.modal-title {
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
}

.modal-helper {
    color: #aaaaaa;
}

.modal .btn-close {
    position: absolute;
    top: 15px;
    right: 20px;
}

.modal-del-home {}

.modal-del-home .modal-header {
    margin: 0;
}

.modal-dialog-one-click {
    margin: 30px auto;
    width: 300px;
    top: initial !important;
}

.modal-dialog-one-click .modal-body {
    padding: 0 10px 15px 10px;
    text-align: center;
}

.modal-dialog-one-click .checkbox {
    margin-left: 15px;
    text-align: left;
}

.modal-dialog-one-click .panel {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    border-color: #ddd;
}

.modal-dialog-one-click p {
    margin-bottom: 15px;
}

.modal-dialog-one-click .spinner-group {
    margin-left: 20px;
}

.modal-dialog-one-click .field-phone {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 250px;
    font-family: "Verdana", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.modal-dialog-one-click .alert {
    width: 100%;
    max-width: 250px;
    margin: 10px auto 0;
}

.modal-in-market {}

.modal-dialog-in-market .modal-body {
    padding: 10px 20px;
}

@media (min-width: 768px) {
    .modal-dialog-in-market {
        width: 520px;
    }
    .modal-dialog-review {
        width: 680px;
    }
}

@media (min-width: 992px) {
    .modal-dialog-del-home {
        width: 810px;
    }
    .modal-del-home .modal-body {
        padding: 30px;
    }
}

/* Модалка выбора региона */
.dropdown-region .close {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    background: #aaa;

}

.dropdown-region {
    display: none;
    background: #fbfbfb;
}

.modal-region {}

.modal-region .modal-dialog {}

.modal-region .modal-header,
.modal-region .modal-body {
    padding: 15px;
}

.modal-region .modal-header {
    padding-bottom: 0;
}

.modal-region .modal-title {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-transform: none;
    color: #000;
}

.modal-region .header-search {
    float: none;
    margin: 0;
}

@media (min-width: 768px) {
    .modal-region {}

    .modal-region .modal-dialog {
        width: 750px;
    }

    .modal-region .modal-header,
    .modal-region .modal-body {
        padding: 25px 30px 40px;
    }

    .modal-region .modal-header {
        padding-bottom: 0;
    }

    .modal-region .modal-title {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 35px;
        vertical-align: middle;
    }

    .modal-region .header-search {
        display: inline-block;
        width: 290px;
        vertical-align: middle;
    }
}

@media (min-width: 992px) {
    .modal-region {}

    .modal-region .modal-dialog {
        width: 950px;
    }
}

@media (min-width: 1200px) {
    .modal-region {}

    .modal-region .modal-dialog {
        width: 1150px;
    }
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.wrapppp{padding:0 0 20px !important}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top}

.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}

.fancybox-skin{position:relative; background:#fff; color:#444; text-shadow:none; -webkit-border-radius:4px;    -moz-border-radius:4px;         border-radius:4px}

.fancybox-opened{z-index:8030; padding:0 0 20px !important}

.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);    -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);         box-shadow:0 10px 25px rgba(0,0,0,0.5)}

.fancybox-outer, .fancybox-inner{position:relative}

.fancybox-inner{overflow:hidden}

.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}

.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}

.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}

.fancybox-image{max-width:100%; max-height:100%}

#fancybox-loading {background-image:url('img/fancybox_sprite.png')}

#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}

#fancybox-loading div{width:44px; height:44px; background:url('img/fancybox_loading.gif') center center no-repeat}

.fancybox-close {
    position: absolute;
    display: block;
    top: -20px;
    right: -20px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #cdd0d2;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(17, 18, 17, 0.2);
    box-shadow: 0 1px 3px rgba(17, 18, 17, 0.2);
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 100px;
    height: auto;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    background: url("img/back__modal_overlay.png");
    background: rgba(255, 255, 255, 0.7);
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav:hover,
.fancybox-nav:focus {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav .glyphicon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1em;
    font-size: 50px;
    color: #666666;
}

.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}

/* Overlay helper */
.fancybox-lock{overflow:hidden}

.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:8010;
    background: url(/css/img/black-opacity-50.png);
    background: rgba(45,26,48,.7);
}

.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}

.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}

/* Title helper */
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}

.fancybox-opened .fancybox-title{visibility:visible}

.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}

.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8); -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}

.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}

.fancybox-title-inside-wrap{padding-top:10px}

.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}



.table-availability {
    margin-bottom: 0;
    border-collapse: collapse;
}

.table-availability > thead > tr > th,
.table-availability > tbody > tr > th,
.table-availability > tfoot > tr > th,
.table-availability > thead > tr > td,
.table-availability > tbody > tr > td,
.table-availability > tfoot > tr > td {
    padding: 0 10px;
    line-height: 20px;
    vertical-align: top;
    border: none;
}

.table-availability > thead > tr > th {
    font-size: 12px;
    font-weight: normal;
    color: #b4b4b4;

}

.table-availability > tbody > tr > td {
    padding: 10px;
    font-size: 16px;
    color: #666666;
    background-color: #f8f8f8;
}

.table-availability > tbody > tr:nth-child(even) > td {
    background-color: #ffffff;
}

.table-availability > tbody > tr > td + td {
    border-left: 1px dotted #b4b4b4;
}

.table-availability .td-radio {
    width: 30px;
}

.table-availability .td-address {}

.table-availability .td-time,
.table-availability .td-tel {
    text-align: center;
}

.count-icon {
    display: inline-block;
    width: 12px;
    height: 11px;
    background-image: url('img/sprite-count.png');
    background-repeat: no-repeat;
}

.count-icon-lg { background-position: 0 0; }
.count-icon-md { background-position: 0 -11px; }
.count-icon-sm { background-position: 0 -22px; }
.count-icon-no { background-position: 0 -33px; }

.product-availability {
    position: relative;
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 1px dotted #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
}

.product-availability:before,
.product-availability:after {
    display: table;
    content: " ";
}

.product-availability:after {
    clear: both;
}

.product-availability-photo {
    float: left;
    margin-right: 10px;
    width: 65px;
    height: 65px;
    font-size: 0;
}

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

.product-availability-photo img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.product-availability-name {
    height: 40px;
    line-height: 1;
    overflow: hidden;
}

.product-availability-spinner {
    position: absolute;
    left: 80px;
    bottom: 10px;
}

.product-availability-cost {
    position: absolute;
    right: 0;
    bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .table-availability .td-time,
    .table-availability .td-tel {
        display: none;
    }
}

@media (min-width: 768px) {
    .product-availability-photo {
        width: 30px;
        height: 30px;
    }
    .product-availability-name {
        float: left;
        width: 250px;
        height: 30px;
        line-height: 15px;
    }
    .product-availability-spinner,
    .product-availability-cost {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .product-availability-spinner {
        float: left;
        width: 90px;
    }
    .product-availability-cost {
        float: right;
        width: 95px;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}



/*
 *  Сайдбар
 */
.shadow {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0px;
    height: 1px;
    background-image: url("img/shadow.png");
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
    z-index: 2;
}

.col-sidebar {}

.col-content {}

@media (min-width: 992px) {
    .col-sidebar {
        float: left;
        width: 230px;
    }
    .col-content {
        float: right;
        width: 650px;
    }
}

@media (min-width: 1200px) {
    .col-content {
        width: 875px;
    }
}



/*
 *  Вид просмотра
 */
.view-prefer {
    margin-bottom: 20px;
    overflow: hidden;
}

.view-prefer2:before,
.view-prefer2:after {
    display: table;
    content: " ";
}

.view-prefer2:after {
    clear: both;
}

.sort-prefer {
    float: left;
}

.count-prefer {
    float: right;
}

.sort-prefer .btn-toolbar-inline {
    margin-left: 0;
}

.sort-prefer .btn-toolbar-inline + .btn-toolbar-inline {
    margin-left: 15px;
}

.sort-prefer .btn-toolbar-inline .btn-view {
    margin-left: 0;
}

.count-prefer .btn-group {
    margin-left: 5px;
}

@media (max-width: 767px) {
    .count-prefer .btn-group,
    .sort-prefer .btn-toolbar-inline {
        display: block;
        margin-left: 0;
    }
    .count-prefer .btn-group,
    .sort-prefer .btn-toolbar-inline {
        margin-top: 5px;
    }
    .sort-prefer .btn-toolbar-inline > .btn {
        float: left;
        clear: both;
        margin-left: 0;
    }
    .sort-prefer .btn-toolbar-inline > .btn + .btn {
        margin-top: 5px;
    }
}



/*
 *  Диапазон (Range)
 */
.noUi-target {
    position: relative;
    margin-bottom: 10px;
}

.noUi-horizontal {
    height: 7px;
}

.noUi-vertical {
    width: 7px;
    height: 200px;
}

.noUi-base {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
    box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
}

.noUi-origin {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.noUi-background {
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
    box-shadow: inset 0 1px 3px rgba(153, 157, 161, 0.4);
}

.noUi-connect {
    background-color: #6cbe4d;
}

.noUi-handle {
    position: absolute;
    display: block;
    margin-top: -8px;
    margin-left: -8px;
    width: 15px;
    height: 15px;
    background-color: #cdcdcd;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.noUi-handle:focus {
    outline: none;
}

.noUi-horizontal .noUi-handle {
    top: 50%;
}

.noUi-verticel .noUi-handle {
    left: 50%;
}

.range-group {
    font-size: 0;
    text-align: center;
}

.range-group:before,
.range-group:after {
    display: table;
    content: " ";
}

.range-group:after {
    clear: both;
}
.range-control,
.range-divider {
    display: inline-block;
    vertical-align: top;
}

.range-control {
    width: 82px;
}

.range-divider {
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}

@media (min-width: 992px) {
    .range-group {
        text-align: left;
    }
}



/*
 *  Миниатюры (Thumbnail)
 */
.thumbnail {
    display: block;
    padding: 0;
    border: 2px solid #d9d9d9;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #418c27;
}



/*
 *  Предупреждения (Alert)
 */
.alert {
    padding: 10px;
    text-align: left;
    border-radius: 0;
}

.alert_heading {
    margin-top: 0;
    margin-bottom: .5em;
    text-transform: uppercase;
}

.alert-danger {
    color: #ffffff;
    background-color: #da4453;
    border: 1px solid #d50303;
}

.alert-danger .alert-link {
    text-decoration: underline;
    color: inherit;
}



/*
 *  Медиа (Media)
 */
.media {
    font-size: 14px;
}

.media-one {
    margin-top: 0;
    margin-bottom: 20px;
}

.media-heading {
    font-size: 16px;
    text-transform: none;
}

.media-date {
    margin-bottom: 5px;
    color: #aaaaaa;
}

.media > .thumbnail {
    margin-bottom: 0;
    width: 70px;
    height: 70px;
    -webkit-transition: none;
    transition: none;
}

.media > .thumbnail img {
    width: 100%;
    max-height: 100%;
}

.media > .thumbnail-md {
    width: 290px;
    height: 290px;
}

@media (max-width: 767px) {
    .media > .thumbnail-md.pull-left {
        float: none !important;
        margin-bottom: 10px;
    }
}

.news {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .media {
        font-size: 16px;
    }
    .news {
        overflow: hidden;
    }
    .media-heading {
        font-size: 18px;
    }
    .media > .thumbnail {
        width: 120px;
        height: 120px;
    }
    .media > .thumbnail-md {
        margin-right: 25px;
        width: 245px;
        height: 245px;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .news {
        overflow: hidden;
    }
    .media > .thumbnail {
        width: 150px;
        height: 150px;
    }
}

.preview-product-row {}

.preview-product-row:before,
.preview-product-row:after {
    display: table;
    content: " ";
}

.preview-product-row:after {
    clear: both;
}

.preview-product-col {
    padding-bottom: 30px;
}

.preview-product {
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
}

.preview-product:before,
.preview-product:after {
    display: table;
    content: " ";
}

.preview-product:after {
    clear: both;
}

.preview-product + .preview-product {
    margin-top: 20px;
}

.preview-product-photo {
    margin-bottom: 10px;
    text-align: center;
}

.preview-product-photo img {
    max-width: 100%;
    max-height: 100%;
}

.preview-product-info {
    margin-bottom: 10px;
}

.preview-product-options {}

.preview-product + p {
    margin-top: 20px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .preview-product-row {
        margin-left: -30px;
    }
    .preview-product-col {
        float: left;
        padding-left: 30px;
        width: 50%;
    }
    .preview-product {}
    .preview-product-photo {
        float: left;
        width: 210px;
        height: 220px;
        font-size: 0;
    }
    .preview-product-photo:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle;
    }
    .preview-product-photo img {
        display: inline-block;
        vertical-align: middle;
    }
    .preview-product-info2 {
        height: 4.5em;
        overflow: hidden;
    }
    .preview-product-options {
        margin-left: 240px;
    }
    .preview-product-info ~ .preview-product-options {
        margin-top: 50px;
    }
}

.brend-list-inline {
    margin: 0 -10px;
    padding-left: 0;
    font-size: 0;
    text-align: center;
    list-style: none;
}

p + .brend-list-inline {
    margin-top: 20px;
}

.brend-list-inline2:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    vertical-align: top;
}

.brend-list-inline > li {
    display: inline-block;
    margin: 0 10px 10px;
    /*margin: 0 10px 10px 0;*/
    vertical-align: middle;
}

.brend-list-inline > li {}



/*
 *  Отзывы (Review)
 */
.reviews {
    margin-bottom: 20px;
}

.reviews_header {
    margin-bottom: 30px;
}

.reviews_header:before,
.reviews_header:after {
    display: table;
    content: " ";
}

.reviews_header:after {
    clear: both;
}

.reviews_rating {
    margin-bottom: 15px;
    padding: 4px 8px;
    text-align: center;
    color: #b4b4b4;
    background-color: #f8f8f8;
}

.reviews_rating .rating {
    vertical-align: top;
}

.reviews_rating_text {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.reviews_rateit {
    float: left;
    margin-bottom: 25px;
    width: 115px;
    text-align: center;
}

.reviews_btn {
    float: right;
    margin-bottom: 25px;
    padding-top: 10px;
}

.reviews_sort {
    float: left;
    width: 100%;
    text-align: center;
}

.reviews_sort_title {
    margin-bottom: 5px;
}

.review {
    margin-bottom: 40px;
}

.review_header {
    margin-bottom: 10px;
    padding: 4px 8px;
    color: #666666;
    background-color: #f8f8f8;
}

.review_header:before,
.review_header:after {
    display: table;
    content: " ";
}

.review_header:after {
    clear: both;
}

.review_user {
    float: left;
    clear: left;
    width: 50%;
}

.review_date {
    float: left;
    clear: left;
    margin-top: 5px;
    width: 50%;
    color: #b4b4b4;
}

.review_grade {
    float: right;
    clear: right;
    width: 50%;
    text-align: right;
}

.review_grade_use {}

.review_grade_useful {
    text-decoration: none;
    color: #418c27;
}

.review_grade_useful:hover,
.review_grade_useful:focus {
    text-decoration: none;
    color: #418c27;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.review_grade_useless {
    text-decoration: none;
    color: #c30000;
}

.review_grade_useless:hover,
.review_grade_useless:focus {
    text-decoration: none;
    color: #c30000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.review_yandex-market {
    float: right;
    clear: right;
    margin-top: 5px;
}

.review_yandex-market .icon {
    top: 0;
    vertical-align: top;
}

.review_subheader {
    margin-bottom: 10px;
    color: #b4b4b4;
}

.review_subheader:before,
.review_subheader:after {
    display: table;
    content: " ";
}

.review_subheader:after {
    clear: both;
}

.review_rating {
    float: left;
}

.review_rating_text {}

.review_usage {
    float: right;
    text-align: right;
}

.review_usage_title {}

.review_usage_text {}

.review_verdict {
    margin-bottom: 10px;
}

.review_verdict_title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}

.review_verdict_text {}

.review_verdict_text {}

@media (min-width: 768px) {
    .reviews_header {
        margin-bottom: 20px;
    }
    .reviews_rating {
        float: left;
        margin-bottom: 20px;
        width: 50%;
        text-align: left;
    }
    .reviews_rateit {
        float: right;
        margin-bottom: 20px;
        padding: 4px 8px;
        width: 50%;
        text-align: right;
        background-color: #f8f8f8;
    }
    .reviews_rateit .rating {
        margin-left: 5px;
    }
    .reviews_rateit .rating,
    .reviews_rateit_text {
        display: inline-block;
        vertical-align: top;
    }
    .reviews_btn {
        margin-bottom: 0;
        padding-top: 0;
    }
    .reviews_sort {
        width: auto;
        text-align: left;
    }
    .reviews_sort_title {
        display: inline;
        margin-right: 5px;
    }
    .review_user {
        clear: none;
        width: auto;
        max-width: 190px;
    }
    .review_date {
        clear: none;
        margin-top: 0;
        margin-left: 5px;
        width: auto;
    }
    .review_grade {
        clear: none;
        width: auto;
    }
    .review_grade_use {
        display: inline;
        margin-left: 5px;
    }
    .review_yandex-market {
        float: none;
        clear: none;
        margin: 0 auto;
        width: 150px;
    }
    .review_rating_text {
        display: inline;
    }
    .review_usage_title,
    .review_usage_text {
        display: inline;
    }
}



/*
 *  Форма отзыва
 */
.form-review {
    margin-bottom: 0;
}

.form-review:before,
.form-review:after {
    display: table;
    content: " ";
}

.form-review:after {
    clear: both;
}

.form-review_usage {
    float: left;
}

.form-review_usage_title {
    margin-bottom: 2px;
}

.form-review_usage .radio {
    float: left;
    clear: left;
    margin-top: 0;
    margin-bottom: 0;
}

.form-review_rating {
    float: right;
}

.form-review_rating_title {
    text-align: center;
}

.form-review_hidename {
    float: left;
    text-align: center;
    width: 100%;
}

.form-review_submit {
    float: left;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.form-review_submit .btn {
    margin-right: 10px;
}

.form-review textarea.form-control {
    height: 90px;
    resize: none;
}

.form-review textarea.textarea-sm {
    height: 45px;
    resize: none;
}

@media (min-width: 768px) {
    .form-review_usage {
        float: none;
    }
    .form-review_usage_title {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        vertical-align: top;
    }
    .form-review_usage .radio {
        float: none;
        display: inline-block;
        margin-right: 15px;
        vertical-align: top;
    }
    .form-review_rating {
        float: left;
    }
    .form-review_rating_title,
    .form-review_rating .rating {
        display: inline-block;
        vertical-align: top;
    }
    .form-review_hidename {
        float: right;
        width: auto;
    }
}


/*
 *  Наборы
 */
.set {
    margin-bottom: 20px;
}

.set__product {
    position: relative;
    margin-top: 15px;
}

.set__product:first-child {
    margin-top: 0;
}

.set__product-header {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

.set__product-body {
    position: relative;
    padding-right: 50px;
    border: 1px solid #d2d2d2;
}

.set__product-body:before,
.set__product-body:after {
    display: table;
    content: " ";
}

.set__product-body:after {
    clear: both;
}

.set__product-photo {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
}

.set__product-photo img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.set__product-content {
    position: relative;
    margin-left: 50px;
    padding: 5px 10px 10px;
}

.set__product-title {
    margin-bottom: 5px;
}

.set__product-price,
.set__product-count {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}

.set__product-price {}

.set__product-count {
    text-align: right;
}

.set__product-toggle {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    text-decoration: none;
    color: #666666;
    background-color: #fff;
    background-image: none;
    border: none;
    border-left: 1px dotted #d2d2d2;
}

.set__product-toggle .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.set__product-toggle .glyphicon:before {
    content: "\e114";
}

.set__product-toggle {}

.set__product-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    width: auto;
    max-height: 206px;
    background-color: #fff;
    border: 1px solid #418c27;
    border-top: none;
    z-index: 1000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.set__product-dropdown .set__product {
    margin: 0;
    cursor: pointer;
}

.set__product-dropdown .set__product:nth-of-type(even) {
    background-color: #f8f8f8;
}

.set__product-dropdown .set__product-body {
    border: none;
}

.set__product-dropdown .set__product-count,
.set__product-dropdown .set__product-toggle {
    display: none;
}

.set__product-dropdown .set__product-toggle {}

.set__product.open {}

.set__product.open .set__product-body {
    border-color: #418c27;
}

.set__product.open .set__product-toggle {
    color: #fff;
    background-color: #418c27;
    border-color: #418c27;
}

.set__product.open .set__product-toggle .glyphicon {}

.set__product.open .set__product-toggle .glyphicon:before {
    content: "\e113";
}

.set__product.open .set__product-dropdown {
    display: block;
}

.set__product-body.empty {
    width: auto;
    height: auto;
    visibility: visible;
}

.set__product-body.empty .set__product-title {
    height: 36px;
    line-height: 36px;
}

.set__divider {
    position: relative;
    display: block;
    margin: 20px auto 15px;
    height: 1px;
    background-color: #418c27;
}

.set__divider .glyphicon {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -1em;
    margin-left: -1em;
    padding: .5em;
    font-size: 18px;
    line-height: 1;
    color: #418c27;
    background-color: #fff;
}

.set__divider .glyphicon:before {
    display: block;
    width: 1em;
    height: 1em;
}

.set__products {
    position: relative;
}

.set__offer {}

.set__offer-price {
    margin-bottom: 20px;
}

.set__offer-price:before,
.set__offer-price:after {
    display: table;
    content: " ";
}

.set__offer-price:after {
    clear: both;
}

.set__offer-price .pricetag {
    float: right;
    clear: both;
    display: block;
}

.set__offer-price .pricetag + .pricetag {
    margin-top: 10px;
}

.set__offer-buy {}

.set__offer-buy .btn {
    display: block;
}

.set__offer-buy .btn + .btn {
    margin-top: 10px;
}

.set__ {}

@media (min-width: 768px) {
    .set__ {}

    .set__product-body {}

    .set__product-content {
        padding-bottom: 5px;
    }

    .set__product-price,
    .set__product-count {
        display: block;
        width: auto;
    }

    .set__product-title,
    .set__product-price {
        margin-right: 100px;
    }

    .set__product-count {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -12px;
    }

    .set__divider--total {
        position: absolute;
        top: 25px;
        bottom: 0;
        right: -30px;
        margin: auto;
        width: 1px;
        height: auto;
    }

    .set__left,
    .set__right {
        display: table-cell;
    }

    .set__left {
        padding-right: 30px;
        width: 100%;
        vertical-align: top;
    }

    .set__right {
        padding-left: 25px;
        vertical-align: middle;
    }
}

@media (min-width: 768px) {}



/*
 *  Панели
 */
.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-body {
    padding: 10px;
}

.panel-grey {
    line-height: 1.142857142857143;
    font-size: 14px;
    background-color: #f8f8f8;
    color: #666666;
}

.panel-green {
    line-height: 1.142857142857143;
    font-size: 14px;
    background-color: #e3f1de;
    color: #666666;
}

.panel-anchor {
    float: right;
    margin-left: 20px;
}

.panel-simple {
    padding: 15px 20px;
    font-size: 16px;
    border-color: #ddd;
}

.panel-simple .panel-heading {
    margin-bottom: 10px;
    padding: 0;
    font-size: inherit;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.panel-simple .panel-body {
    padding: 0;
    font-size: inherit;
}



/*
 *  Фильтр
 */
.filter {
    position: relative;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.filter-heading {
    display: none;
    margin: -1px -1px 0;
    padding: 5px 11px;
    line-height: 20px;
    font-size: 16px;
    background-color: #418c27;
    color: #ffffff;
}

.filter-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background-color: #ffffff;
    box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    z-index: 1000;
}

.open > .filter-dropdown {
    display: block;
}

.filter-body {
    padding: 10px;
}

.filter-body:before,
.filter-body:after {
    display: table;
    content: " ";
}

.filter-body:after {
    clear: both;
}

.filter-footer {
    padding: 7px 10px;
    line-height: 20px;
    font-size: 16px;
    border-top: 1px dotted #d2d2d2;
}

.filter-footer:before,
.filter-footer:after {
    display: table;
    content: " ";
}

.filter-footer:after {
    clear: both;
}

.filter-panel {
    margin-bottom: 2px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filter-panel > .panel-heading {
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    background-color: #f8f8f8;
    color: #666666;
    border: none;
    border-radius: 0;
}

.filter-panel > .panel-heading .glyphicon-chevron {
    float: right;
    margin-left: 5px;
    line-height: 20px;
    font-size: 14px;
}

.filter-panel > .panel-heading .glyphicon-chevron:before {
    content: "\e113";
}

.filter-panel > .panel-heading.collapsed .glyphicon-chevron:before {
    content: "\e114";
}

.filter-panel .panel-body {
    padding: 10px;
    background-color: #ffffff;
}

.filter-panel .panel-body .form-control + .form-control {
    margin-top: 10px;
}

.filter-clear,
.filter-submit {
    float: left;
    width: 50%;
}

.filter-submit {
    text-align: right;
}

@media (min-width: 992px) {
    .filter {
        border: 1px solid #d2d2d2;
    }
    .filter-heading {
        display: block;
    }
    .btn-filter {
        display: none;
    }
    .filter-clear,
    .filter-submit {
        float: none;
        width: auto;
    }
    .filter-submit {
        display: none;
        text-align: center;
    }
    .filter-footer .filter-submit {
        display: block;
        margin: 10px -10px 15px;
        padding-top: 20px;
        border-top: 1px dotted #d2d2d2;
    }
    .filter-dropdown {
        position: relative;
        top: auto;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 2;
    }
}

.filter-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.filter-list:before,
.filter-list:after {
    display: table;
    content: " ";
}

.filter-list:after {
    clear: both;
}

.filter-list > li {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
    line-height: 1;
    font-size: 16px;
}

.filter-list > .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.filter-list > li > input[type=radio],
.filter-list > li > .radio-control,
.filter-list > li > input[type=checkbox],
.filter-list > li > .checkbox-control {
    float: left;
    margin-top: 2px;
    margin-left: -20px;
}

.filter-list > li > a,
.filter-list > li > .link {
    margin-right: 5px;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

.filter-list > li > .link:hover,
.filter-list > li > .link:focus,
.filter-list > li > a:hover,
.filter-list > li > a:focus {
    color: #418c27;
    text-decoration: none;
}

.prod-thumbnail .prod-new-window
.filter-list > li > .checkbox-control {
    float: left;
    margin-top: 2px;
    margin-left: -20px;
}

.filter-list > li > .count {
    margin-right: 5px;
    color: #b4b4b4;
}

.filter-list > li > .filter-additional {
    display: none;
    top: -2px;
    font-size: 11px;
    text-decoration: none;
    color: #d1d1d1;
    cursor: pointer;
    vertical-align: middle;
}

.filter-list > li > .filter-additional:hover,
.filter-list > li > .filter-additional:focus {
    color: #418c27;
    text-decoration: none;
}

.filter-list > li > .additional-content {
    display: none;
}

.filter-list > li > .link-category {
    float: right;
    margin: 0;
    font-size: 15px;
}

.filter .tooltip {
    white-space: nowrap;
}

.filter .popover {
    width: 275px;
}

@media (max-width: 767px) {
    .filter .tooltip {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .filter-list > li {
        float: left;
        width: 33.33333333333333%;
    }
}

@media (min-width: 992px) {
    .filter-list > li {
        float: none;
        width: auto;
    }

    .filter-list > li > .filter-additional {
        display: inline-block;
    }
}

.fltr-result-header {
    margin-bottom: 10px;
    overflow: hidden;
}

.fltr-result-heading {
    float: left;
    width: 50%;
    font-size: 16px;
}

.fltr-result-clear {
    float: right;
    width: 50%;
    font-size: 16px;
    text-align: right;
}

.fltr-result-group {
    display: inline;
    margin-right: 10px;
}

.fltr-result-item {
    display: inline;
    margin-right: 3px;
    cursor: pointer;
}

.fltr-result-item:hover,
.fltr-result-item:focus {
    color: #ff0000;
}

.fltr-result-item .glyphicon-remove {
    margin-top: 0;
    margin-left: 2px;
    font-size: 9px;
    color: #ff0000;
    vertical-align: top;
}



/*
 *  Баннеры
 */
.main-about {
    padding: 0 0 40px;
}

.main-about-image {
    margin-bottom: 45px;
    padding: 0 45px;
    text-align: center;
}

.main-about-image img {
    max-width: 100%;
    max-height: 100%;
}

.banner {
    display: block;
    opacity: 1;
}

.banner:hover > img, .banner:focus > img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.banner > img {
    width: 100%;
    height: auto;
}

.banner-group {
    margin-bottom: 40px;
}

.banner-group:before,
.banner-group:after {
    display: table;
    content: " ";
}

.banner-group:after {
    clear: both;
}

.banner-group .banner + .banner {
    margin-top: 30px;
}

.banner-group-main {
    margin-left: -6px;
    margin-bottom: -5px;
    height: 378px;
    overflow: hidden;
}

.banner-group-main:before,
.banner-group-main:after {
    display: none;
}

.banner-group-main .banner + .banner {
    margin-top: 0;
}

.banner-group-main .banner {
    float: left;
    margin-bottom: 5px;
    margin-left: 5px;
    overflow: hidden;
}

.banner-group-main .banner {
    width: 100%;
    height: 100%;
}

.banner-group-main .banner-md {
    width: 259px;
    height: 247px;
}

.banner-group-main .banner-sm {
    width: 127px;
    height: 121px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .banner-group-main {
        height: 413px;
    }
    .banner-group-main .banner-md {
        width: 413px;
        height: 413px;
    }
    .banner-group-main .banner-sm {
        width: 204px;
        height: 204px;
    }

}

@media (min-width: 1200px) {}

/* ========================================================================
   Tooltip
 ========================================================================== */
.tooltip {
    position: absolute;
    display: block;
    margin: auto;
    z-index: 1030;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip-inner {
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    text-decoration: none;
    border: 1px solid;
    border-radius: 2px;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip.top {
    padding: 7px 0;
    left: 0;
    right: 0;
}

.tooltip.right {
    padding: 0 7px;
}

.tooltip.bottom {
    padding: 7px 0;
    left: 0;
    right: 0;
}

.tooltip.left {
    padding: 0 7px;
}

.tooltip-inner {
    padding: 8px 10px;
    max-width: none;
    text-decoration: none;
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.tooltip-arrow,
.tooltip-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -7px;
    border-width: 7px 7px 0;
    border-top-color: #dfdfdf;
}

.tooltip.top .tooltip-arrow:before {
    bottom: 1px;
    left: 50%;
    margin-left: -7px;
    border-width: 7px 7px 0;
    border-top-color: #dfdfdf;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 7px;
    border-width: 7px 7px 0;
    border-top-color: #dfdfdf;
}

.tooltip.top-right .tooltip-arrow {
    right: 7px;
    bottom: 0;
    border-width: 7px 7px 0;
    border-top-color: #dfdfdf;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -7px;
    border-width: 7px 7px 7px 0;
    border-right-color: #dfdfdf;
}

.tooltip.right .tooltip-arrow:before {
    top: 50%;
    left: 1px;
    margin-top: -7px;
    border-width: 7px 7px 7px 0;
    border-right-color: #ffffff;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -7px;
    border-width: 7px 0 7px 7px;
    border-left-color: #dfdfdf;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -7px;
    border-width: 0 7px 7px;
    border-bottom-color: #dfdfdf;
}

.tooltip.bottom .tooltip-arrow:before {
    top: 1px;
    left: 50%;
    margin-left: -7px;
    border-width: 0 7px 7px;
    border-bottom-color: #dfdfdf;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 7px;
    border-width: 0 7px 7px;
    border-bottom-color: #dfdfdf;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 7px;
    border-width: 0 7px 7px;
    border-bottom-color: #dfdfdf;
}



/*
 *  Единица товара в каталоге
 */
.popover {
    max-width: 276px;
    border: 1px solid #418c27;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
}

.popover-content {
    padding: 14px;
    line-height: 1.142857142857143;
    font-size: 14px;
}

.popover .arrow {
    border-width: 8px;
}

.popover .arrow:after {
    border-width: 7px;
}

.popover.top .arrow {
    bottom: -8px;
    margin-left: -8px;
    border-top-color: #418c27;
}

.popover.top .arrow:after {
    margin-left: -7px;
}

.popover.right .arrow {
    left: -8px;
    margin-top: -8px;
    border-right-color: #418c27;
}

.popover.right .arrow:after {
    bottom: -7px;
}

.popover.bottom .arrow {
    top: -8px;
    margin-left: -8px;
    border-bottom-color: #418c27;
}

.popover.bottom .arrow:after {
    margin-left: -7px;
}

.popover.left .arrow {
    right: -8px;
    margin-top: -8px;
    border-left-color: #418c27;
}

.popover.left .arrow:after {
    bottom: -7px;
}



/*
 *  Карусель (Carousel)
 */
.carousel {}

.carousel:before,
.carousel:after {
    display: table;
    content: " ";
}

.carousel:after {
    clear: both;
}

.carousel-inner-photo {
    position: relative;
    margin-bottom: 10px;
    width: 290px;
    height: 290px;
    line-height: 290px;
    overflow: hidden;
}

.carousel-inner-photo > .item {
    height: 100%;
    text-align: center;
}

.carousel-inner-photo > .item > img,
.carousel-inner-photo > .item > a > img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {

}

.carousel-thumbnail {
    float: left;
    position: relative;
    bottom: auto;
    left: auto;
    margin: -5px;
    padding-left: 0;
    width: auto;
    text-align: left;
    list-style: none;
    z-index: 15;
    width: 125px !important;
    height: 500px;
}

@media (max-width: 1199px) {
    .carousel-thumbnail {
        width: 100% !important;
        height: 125px;
    }
}

.carousel-thumbnail li,
.carousel-thumbnail .active {
    position: relative;
    float: left;
    display: block;
    width: 65px;
    height: 65px;
    line-height: 58px;
    margin: 5px;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
}

.carousel-thumbnail .active:before,
.carousel-thumbnail .active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
}

.carousel-thumbnail .active:before {
    margin: -6px -6px 0 0;
    border: 6px solid transparent;
    border-top: none;
    border-bottom-color: #d4d4d4;
}

.carousel-thumbnail .active:after {
    margin: -4px -4px 0 0;
    border: 4px solid transparent;
    border-top: none;
    border-bottom-color: #ffffff;
}

.carousel-thumbnail li img {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 768px) {
    .carousel-thumbnail .active:before,
    .carousel-thumbnail .active:after {
        top: 50%;
        right: 0;
    }
    .carousel-thumbnail .active:before {
        border: 6px solid transparent;
        border-right: none;
        border-left-color: #d4d4d4;
    }
    .carousel-thumbnail .active:after {
        border: 4px solid transparent;
        border-right: none;
        border-left-color: #ffffff;
    }
    .carousel-inner-photo {
        float: right;
        margin-left: 10px;
    }
    .carousel-thumbnail li,
    .carousel-thumbnail .active {
        clear: left;
    }
}

@media (min-width: 992px) {
    .carousel-thumbnail .active:before,
    .carousel-thumbnail .active:after {
        top: 0;
        right: 50%;
    }
    .carousel-thumbnail .active:before {
        margin: -10px -10px 0 0;
        border: 10px solid transparent;
        border-top: none;
        border-bottom-color: #d4d4d4;
    }
    .carousel-thumbnail .active:after {
        margin: -8px -8px 0 0;
        border: 8px solid transparent;
        border-top: none;
        border-bottom-color: #ffffff;
    }
    .carousel-inner-photo {
        float: none;
        margin-left: 0;
        width: 430px;
        height: 430px;
        line-height: 430px;
    }
    .carousel-thumbnail li,
    .carousel-thumbnail .active {
        clear: none;
        width: 100px;
        height: 100px;
        line-height: 90px;
        border-width: 2px;
    }
}

@media (min-width: 1200px) {
    .carousel-thumbnail .active:before,
    .carousel-thumbnail .active:after {
        top: 50%;
        right: 2px;
    }
    .carousel-thumbnail .active:before {
        border: 8px solid transparent;
        border-right: none;
        border-left-color: #d4d4d4;
    }
    .carousel-thumbnail .active:after {
        border: 6px solid transparent;
        border-right: none;
        border-left-color: #ffffff;
    }
    .carousel-inner-photo {
        float: right;
        margin-left: 10px;
        width: 490px;
        height: 490px;
        line-height: 490px;
    }
    .carousel-thumbnail li,
    .carousel-thumbnail .active {
        clear: left;
        width: 115px;
        height: 115px;
        line-height: 105px;
    }
}

.carousel-product {
    padding-left: 27px;
    padding-right: 27px;
}

.carousel-inner-product {
    font-size: 0;
    white-space: nowrap;
}

.carousel-inner-product > .item {
    position: relative;
    left: 0;
    display: inline-block;
    margin-right: 24px;
    -webkit-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;
}

.carousel-inner-product > .active,
.carousel-inner-product > .next,
.carousel-inner-product > .prev {
    display: inline-block;
}

.carousel-inner-product > .active {
    left: 0;
}

.carousel-inner-product > .next,
.carousel-inner-product > .prev {
    position: relative;
    top: 0;
    width: auto;
}

.carousel-inner-product > .next {
    left: 0;
}

.carousel-inner-product > .prev {
    left: 0;
}

.carousel-inner-product > .next.left,
.carousel-inner-product > .prev.right {
    left: 0;
}

.carousel-inner-product > .active.left {
    left: 0;
}

.carousel-inner-product > .active.right {
    left: 0;
}

.carousel-product .carousel-control {
    width: 27px;
    background-color: transparent;
    background-image: none;
    color: #000000;
}

.carousel-product .carousel-control .glyphicon-chevron-left,
.carousel-product .carousel-control .glyphicon-chevron-right,
.carousel-product .carousel-control .icon-prev,
.carousel-product .carousel-control .icon-next {
    margin-left: 0;
}

.carousel-product .carousel-control .icon-prev,
.carousel-product .carousel-control .glyphicon-chevron-left {
    left: 0;
}

.carousel-product .carousel-control .icon-next,
.carousel-product .carousel-control .glyphicon-chevron-right {
    right: 0;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left-thin,
.carousel-control .glyphicon-chevron-right-thin {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-left-thin {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-right-thin {
    right: 50%;
}


/*
 *  Оповещения
 */
.notifications {
    position: fixed;
    z-index: 1060;
}

.notifications.top-right {
    right: 10px;
    top: 25px;
}

.notifications.top-left {
    left: 10px;
    top: 25px;
}

.notifications.bottom-left {
    left: 10px;
    bottom: 25px;
}

.notifications.bottom-right {
    right: 10px;
    bottom: 25px;
}

/* Notification Element */
.notifications > div {
    position: relative;
    z-index: 9999;
    margin: 5px 0;
}

.notifications .alert {
    float: right;
    clear: both;
    padding: 15px 20px;
    margin-bottom: 20px;
    max-width: 320px;
    border: 1px solid #cccccc;
    border-radius: 0;
    white-space: normal;
    background-color: #ffffff;
    color: #666666;
    -webkit-box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
    box-shadow: 0 1px 10px rgba(25, 26, 24, 0.5);
}

.notifications .alert .glyphicon,
.notifications .alert .message {
    display: table-cell;
    vertical-align: top;
}

.notifications .alert .glyphicon {
    padding-right: 15px;
    font-size: 40px;
    text-align: center;
}

.notifications .alert .message {
    overflow: hidden;
}

.notifications .alert .message_heading {
    margin-top: 0;
    text-transform: uppercase;
}

.notifications .alert .message p  {
    margin-bottom: 0;
}

.notifications .alert .message p + p {
    margin-top: 10px;
}

.notifications h5 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 20px;
    text-transform: uppercase;
    color: inherit;
}

.notifications .alert-success h5,
.notifications .alert-success .glyphicon,
.notifications .alert-success .info-text {
    color: #418c27
}

.notifications .alert-danger h5,
.notifications .alert-danger .glyphicon,
.notifications .alert-danger .info-text {
    color: #cd1d00;
}

.notifications .alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: none;
    color: #666666;
    background-color: transparent;
    text-decoration: none;
    border-radius: 500em;
    opacity: 1;
    filter: alpha(opacity=100);
}

.notifications .alert .close:hover,
.notifications .alert .close:focus {
    font-weight: 400;
    text-shadow: none;
    color: #fff;
    background-color: #c9c9c9;
}

.notifications .alert .close .glyphicon {
    display: block;
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 18px;
}

.notifications .alert.fast-delivery {
    padding: 10px 20px 10px 130px;
    background-image: url("img/img-notification-fast-delivery.png");
    background-repeat: no-repeat;
    background-position: -20px 50%;
    border: none;
}

.notifications .alert.fast-delivery .message {
    width: 150px;
}

.notifications .alert.fast-delivery .message_heading {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
}


.notifications .message {}

.notifications .message__header {
    min-height: 90px;
    padding: 15px 30px 15px 120px;
}

.notifications .message__title {
    margin: 0 0 10px;
}

.notifications .message__body {
    padding: 15px 20px;
}


.notifications .message--delivery-tomorrow {
    display: block;
    width: 300px;
}

.notifications .message--delivery-tomorrow .message__header {
    background-image: url(img/message-delivery-tomorrow-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}


.notifications .alert-simple {
    padding: 0;
}


/*
 *  Личный кабинет
 */
.profile-sidebar {
    margin-bottom: 30px;
}

.profile-content {
    margin-bottom: 30px;
}

.profile-content:before,
.profile-content:after {
    display: table;
    content: " ";
}

.profile-content:after {
    clear: both;
}

.profile-content .profile-form {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .profile-content .profile-form {
        float: left;
        width: 50%;
    }
    .profile-content .profile-form:first-child {
        padding-right: 20px;
    }
    .profile-content .profile-form + .profile-form {
        padding-left: 20px;
    }
}

@media (min-width: 992px) {
    .profile-sidebar {
        float: left;
        width: 230px;
    }
    .profile-content {
        margin-left: 300px;
    }
    .profile-content .profile-form:first-child {
        padding-right: 30px;
    }
    .profile-content .profile-form + .profile-form {
        padding-left: 30px;
    }
}

@media (min-width: 1200px) {
    .profile-content {
        margin-left: 275px;
    }
    .profile-content .profile-form:first-child {
        padding-right: 40px;
    }
    .profile-content .profile-form + .profile-form {
        padding-left: 40px;
    }
}

/* История заказов */
.history {
    margin-bottom: 50px;
}

.history-order {
    margin-bottom: 10px;
    border: 1px solid transparent;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

.history-order.open {
    border-color: #666666;
}

.history-head,
.history-order-head {
    display: table;
    width: 100%;
}

.history-col {
    display: table-cell;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

.history-head .history-col {
    height: 24px;
    font-size: 12px;
    color: #b4b4b4;
    white-space: nowrap;
}

.history-order-head .history-col {
    height: 36px;
    font-size: 14px;
    color: #666666;
    background-color: #f8f8f8;
}

.history-order-head .history-col + .history-col {
    border-left: 1px dotted #b4b4b4;
}

.history-order-head .history-col[class*="status-"] + .history-col {
    border-left-color: transparent;
}

.history-col-status {
    width: 60px;
}

.history-col-number {
    width: 55px;
}

.history-col-created,
.history-col-date,
.history-col-delivery,
.history-col-sum {
    width: 60px;
}

.history-col-time {
    width: 65px;
}

.history-col-collapse {
    width: 22px;
}

.history-col-collapse .glyphicon:before {
    content: "\e113";
}

.history-col-collapse.collapsed .glyphicon:before {
    content: "\e114";
}

.history-col-date,
.history-col-time,
.history-col-address {
    display: none;
}

.history-order-head .status-paid {
    color: #ffffff;
    background-color: #1565c0;
}

.history-order-head .status-primary {
    color: #ffffff;
    background-color: #56a5da;
}

.history-order-head .status-success {
    color: #ffffff;
    background-color: #60912c;
}

.history-order-head .status-warning {
    color: #ffffff;
    background-color: #ffb527;
}

.history-order-head .status-danger {
    color: #ffffff;
    background-color: #c91a00;
}

.history-order-head .status-during {
    color: #ffffff;
    background-color: #23c4af;
}

@media (min-width: 768px) {
    .history-col-status {
        width: 70px;
    }
    .history-col-number {
        width: 65px;
    }
    .history-col-created,
    .history-col-date,
    .history-col-sum {
        width: 70px;
    }
    .history-col-delivery,
    .history-col-time {
        width: 70px;
    }
    .history-col-collapse {
        width: 30px;
    }
    .history-col-date,
    .history-col-time,
    .history-col-address {
        display: table-cell;
    }
}

@media (min-width: 992px) {
    .history-col-date,
    .history-col-time {
        display: none;
    }
    .history-col-delivery {
        width: 80px;
    }
}

@media (min-width: 1200px) {
    .history-col-number {
        width: 80px;
    }
    .history-col-delivery {
        width: 90px;
    }
    .history-col-date,
    .history-col-time {
        display: table-cell;
    }
}

.history-collapse {}

.history-collapse-status {
    margin-top: 10px;
    padding: 4px 10px;
    text-align: center;
    background-color: #f8f8f8;
}

.history-collapse-status .btn {
    margin-left: 10px;
}

.history-collapse-status {}

.table-order-products {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px dotted #b4b4b4;
}

.table-order-products > thead > tr > th,
.table-order-products > tbody > tr > th,
.table-order-products > tfoot > tr > th,
.table-order-products > thead > tr > td,
.table-order-products > tbody > tr > td,
.table-order-products > tfoot > tr > td {
    vertical-align: middle;
    border: none;
}

.table-order-products > thead > tr > th,
.table-order-products > thead > tr > td {
    padding: 0;
    height: 20px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #b4b4b4;
}

.table-order-products > thead > tr > td,
.table-order-products > tbody > tr > td,
.table-order-products > tfoot > tr > td {
    height: 30px;
    background-color: #f8f8f8;
}

.table-order-products > thead > tr:nth-child(even) > td,
.table-order-products > tbody > tr:nth-child(even) > td,
.table-order-products > tfoot > tr:nth-child(even) > td {
    background-color: #ffffff;
}

.table-order-products .col-products-photo,
.table-order-products .col-products-price,
.table-order-products .col-products-count,
.table-order-products .col-products-sum {
    width: 60px;
    text-align: center;
}

.table-order-products .col-products-sum,
.table-order-products .col-products-photo {
    display: none;
}

.table-order-products > tbody > tr > .col-products-price,
.table-order-products > tbody > tr > .col-products-count,
.table-order-products > tbody > tr > .col-products-sum {
    border-left: 1px dotted #b4b4b4;
}

.table-order-products .col-products-photo {
    background-color: #ffffff;
}

.table-order-products .col-products-photo img {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 768px) {
    .table-order-products > thead > tr > td,
    .table-order-products > tbody > tr > td,
    .table-order-products > tfoot > tr > td {
        height: 50px;
    }
    .table-order-products .col-products-name {
        padding-left: 10px;
        padding-right: 10px;
    }
    .table-order-products .col-products-sum,
    .table-order-products .col-products-photo {
        display: table-cell;
    }
    .table-order-products .col-products-price,
    .table-order-products .col-products-count,
    .table-order-products .col-products-sum {
        width: 110px;
    }
}

@media (min-width: 992px) {
    .table-order-products .col-products-price,
    .table-order-products .col-products-count,
    .table-order-products .col-products-sum {
        width: 80px;
    }
}

@media (min-width: 1200px) {
    .table-order-products .col-products-photo {
        width: 70px;
    }
    .table-order-products .col-products-price,
    .table-order-products .col-products-count,
    .table-order-products .col-products-sum {
        width: 140px;
    }
}

.history-order-manage {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    overflow: hidden;
}

.history-order-manage .manage-link {
    float: left;
}

.history-order-manage .manage-cost {
    float: right;
}

.history-order-manage .repeat-order,
.history-order-manage .cancel-order,
.history-order-manage .pay-order {
    float: left;
    clear: left;
    margin-bottom: 6px;
}

.history-order-manage .cancel-order {}

.history-order-manage .delivery-cost,
.history-order-manage .order-cost {
    float: right;
    clear: right;
}

@media (min-width: 768px) {
    .history-order-manage {
        padding: 0 20px;
    }

    .history-order-manage .repeat-order,
    .history-order-manage .cancel-order,
    .history-order-manage .pay-order,
    .history-order-manage .delivery-cost,
    .history-order-manage .order-cost {
        clear: none;
    }

    .history-order-manage .repeat-order,
    .history-order-manage .cancel-order,
    .history-order-manage .pay-order {
        margin-bottom: 0;
        margin-right: 25px;
    }

    .history-order-manage .delivery-cost,
    .history-order-manage .order-cost {
        margin-left: 15px;
    }
}

@media (min-width: 1200px) {
    .history-order-manage {
        padding: 0 30px 0 70px;
    }
}

.history-order-additional {
    padding: 5px 10px;
    overflow: hidden;
}

.dl-order-additional {
    margin-bottom: 0;
    overflow: hidden;
}

.dl-order-additional > dt {
    float: left;
    clear: left;
    width: 80px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #b4b4b4;
}

.dl-order-additional > dd {
    margin-left: 80px;
    line-height: 20px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .history-order-additional {
        display: none;
    }
}

@media (min-width: 992px) {
    .history-order-additional {
        display: block;
    }
    .dl-order-additional {
        float: right;
        margin-right: 70px;
    }
    .dl-order-additional + .dl-order-additional {
        float: left;
        margin-left: 40px;
        margin-right: 0;
    }
    .dl-order-additional > dt {
        width: 100px;
        font-size: 14px;
    }
    .dl-order-additional > dd {
        margin-left: 100px;
    }
}

@media (min-width: 1200px) {
    .history-order-additional {
        display: none;
    }
}

.history-order-collapsed {
    display: block;
    padding: 20px;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #666666;
    background-color: #d3d3d3;
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#ededed 100%);
    background: linear-gradient(to bottom,  #d3d3d3 0%,#ededed 100%);
    box-shadow: inset 0 2px 10px #9a9a9a;
}

.history-order-collapsed:hover,
.history-order-collapsed:focus {
    text-decoration: none;
    color: #666666;
}

@media (min-width: 768px) {
    .history-order-collapsed {
        display: none;
    }
}



/*
 *  Адрес доставки
 */
.address {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f8f8f8;
}

.address:before,
.address:after {
    display: table;
    content: " ";
}

.address:after {
    clear: both;
}

.address-header {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #b4b4b4;
}

.address-name {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.address-label-default {
    position: relative;
    padding: 2px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.428571429;
    color: #418c27;
}

.address-btn-toolbar {
    float: right;
}

.address-body {}

.address-body:before,
.address-body:after {
    display: table;
    content: " ";
}

.address-body:after {
    clear: both;
}

.address-footer {
    padding-top: 10px;
    text-align: center;
}

.address-name-form {
    margin-bottom: 20px;
}

.form-editing.edit .address-header,
.form-editing .address-footer,
.form-editing .address-name-form {
    display: none;
}

.form-editing .address-header,
.form-editing.edit .address-footer,
.form-editing.edit .address-name-form {
    display: block;
}

.address .address-label-default,
.address-default .address-btn-default {
    display: none;
    background: inherit;
}

.address-default .address-label-default {
    display: inline-block;
}

@media (min-width: 768px) {
    .address-name {
        margin-left: 180px;
        margin-right: 180px;
        margin-bottom: 0;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .address-btn-default,
    .address-label-default,
    .address-btn-toolbar {
        position: absolute;
        top: 0;
    }
    .address-btn-default,
    .address-label-default {
        left: 0;
    }
    .address-btn-toolbar {
        right: 0;
    }
    .address-body {}
    .address-body .col-date {
        float: left;
        width: 50%;
    }
    .address-body .col-date:first-child {
        padding-right: 20px;
    }
    .address-body .col-date + .col-date {
        padding-left: 20px;
    }
    .address-name-form {
        margin-left: 120px;
        margin-right: 120px;
    }
}

@media (min-width: 992px) {
    .address-name {
        margin-left: 180px;
        margin-right: 150px;
    }
}

@media (min-width: 1200px) {
    .address-name {
        margin-left: 240px;
        margin-right: 240px;
    }
}

@media (max-width: 1200px) {
    .address-btn-toolbar .btn {
        padding-left: 0;
        padding-right: 0;
        width: 24px;
    }
    .address-btn-toolbar .glyphicon-before {
        padding-right: 0;
    }
    .address-btn-toolbar .btn-text {
        display: none;
    }
}



/*
 *  Корзина
 */
.promocode-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.order-inf {

}

.order-inf__item {
    margin-bottom: 6px;
}

.order-inf__item img {
    margin-right: 5px;
}

@media (max-width: 991px) {
    .promocode-wrap {
        flex-direction: column;
    }
}

.cart-success {
    margin-bottom: 20px;
    text-align: center;
}

.cart-table {
    margin-bottom: 20px;
    border-bottom: 1px dotted #b4b4b4;
}

.cart-header {
    display: none;
}

.cart-row {
    position: relative;
    padding: 10px 40px 10px 110px;
    min-height: 100px;
}

.cart-row:nth-child(even) {
    background-color: #f8f8f8;
}

.cart-row.is-not-available:nth-child(even) {
    background-color: #fcfcfc;
}

.cart-col {}

.cart-col-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: white;
}

.cart-col-photo img {
    max-width: 100%;
    max-height: 100%;
}

.cart-row.is-not-available .cart-col-photo,
.cart-row.is-not-available .cart-col-name {
    opacity: .5;
}

.cart-col-price,
.cart-col-count,
.cart-col-remove {
    position: absolute;
}

.cart-col-price {
    left: 110px;
    bottom: 13px;
}

.cart-col-price .glyphicon {
    margin: 0 .5em;
}

.cart-col-price .popover {
    width: 110px;
}

.cart-col-not-available {
    display: block;
    margin-top: 5px;
    margin-right: -35px;
    font-size: 16px;
    line-height: calc(20 /16);
    color: #f47474;
}

.cart-col-count {
    bottom: 10px;
    right: 10px;
}

.cart-col-remove {
    top: 10px;
    right: 10px;
}

.cart-col-cost {
    display: none;
}

.cart-footer {}

.cart-footer:before,
.cart-footer:after {
    display: table;
    content: " ";
}

.cart-footer:after {
    clear: both;
}

.cart-cleaning {
    float: left;
}

.cart-total-price {
    float: right;
    margin-bottom: 20px;
    text-align: right;
    width: 200px;
}

.cart-total-price .total,
.cart-total-price .discount {
    margin-left: 5px;
    font-size: 24px;
    font-weight: bold;
}

.cart-delivery-info {
    clear: both;
    margin-bottom: 10px;
    padding: 20px 20px 20px 115px;
    max-width: 310px;
    min-height: 80px;
    font-size: 18px;
    background-image: url('img/icon-car.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    border: 1px solid #e8e8e8;
}

.cart-delivery-info--second {
    background: none;
    padding: 15px 5px;
}

.cart-one-click,
.cart-one-click form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cart-one-click form {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.cart-one-click .control-wrap {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
    color: #fff;
    background: #63b2e2;
    background: -webkit-linear-gradient(right,  #63b2e2 0%, #3f96cb 100%);
    background: linear-gradient(to left,  #63b2e2 0%, #3f96cb 100%);
    border-right: 1px solid #60a7d3;
}

.cart-one-click .control-wrap a {
    color: inherit;
    border-bottom: 1px dotted;
}

.cart-one-click .form-control {
    -webkit-box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1), 0 0 1px #ffffff;
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, 0.1), 0 0 1px #ffffff;
}

.cart-one-click .field-phone {
    font-size: 16px;
    font-family: "Verdana", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.cart-one-click .checkbox {
    margin-bottom: 0;
}

.cart-one-click .btn-one-click {
    -webkit-flex: 0 0 110px;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
    /*margin-right: 15px;*/
    padding: 10px;
    font-size: 20px;
    line-height: 1;
    text-align: left;
    white-space: normal;
    background: #63b2e2;
    border-left: 1px solid #7bbee8;
}

.cart-one-click .btn-one-click:hover,
.cart-one-click .btn-one-click:focus {
    background-color: #74c1f1;
}

.cart-one-click .btn-one-click:after {
    content: "";
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 53px 0 53px 15px;
    border-color: transparent;
    border-left-color: #68b5e5;
}

.cart-one-click .btn-one-click:hover:after,
.cart-one-click .btn-one-click:focus:after {
    border-left-color: #74c1f1;
}

@media (max-width: 500px) {
    .cart-one-click { clear: both;}
}


@media (min-width: 768px) {
    .cart-table {
        display: table;
        width: 100%;
    }
    .cart-header {
        display: table;
        width: 100%;
    }
    .cart-header .cart-col {
        height: 30px;
        font-size: 12px;
        color: #b4b4b4;
    }
    .cart-row {
        display: table;
        width: 100%;
        padding: 0;
    }
    .cart-col {
        display: table-cell;
        vertical-align: middle;
    }
    .cart-col-photo,
    .cart-col-price,
    .cart-col-count,
    .cart-col-remove {
        position: relative;
    }
    .cart-col-photo,
    .cart-col-price,
    .cart-col-count,
    .cart-col-cost,
    .cart-col-remove {
        text-align: center;
    }
    .cart-row .cart-col-price,
    .cart-row .cart-col-count,
    .cart-row .cart-col-cost,
    .cart-row .cart-col-remove {
        border-left: 1px dotted #b4b4b4;
    }
    .cart-col-name {
        padding-left: 30px;
        padding-right: 30px;
    }
    .cart-col-photo {}
    .cart-col-price,
    .cart-col-cost {
        width: 75px;
    }
    .cart-col-price {
        bottom: auto;
        left: auto;
    }
    .cart-col-price .popover {
        width: 220px;
    }
    .cart-col-count {
        width: 110px;
        bottom: auto;
        right: auto;
    }
    .cart-col-not-available {
        margin: 0;
        width: 260px;
        font-size: 18px;
    }
    .cart-col-remove {
        width: 45px;
        top: auto;
        right: auto;
    }
    .cart-delivery-info {
        float: right;
        clear: none;
    }
    .cart-total-price {
        width: 200px;
    }
    .cart-one-click {
        clear: both;
    }
}

@media (min-width: 992px) {
    .cart-col-price,
    .cart-col-count,
    .cart-col-cost {
        width: 135px;
    }
    .cart-col-not-available {
        width: 405px;
    }
    .cart-col-remove {
        width: 100px;
    }
    .cart-one-click {
        float: right;
        clear: none;
        width: 475px;
        margin-right: 20px;
    }
    .cart-one-click .control-wrap {
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .cart-one-click {
        margin-right: 50px;
        width: 360px;
    }
    .cart-one-click .control-wrap {
        width: 245px;
    }
}

.row-ordered {
    margin-left: 0;
    margin-right: 0;
}

.col-order-contact,
.col-order-delivery,
.col-order-payment {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .col-order-contact,
    .col-order-delivery,
    .col-order-payment {
        float: left;
        width: 340px;
    }
    .col-order-delivery,
    .col-order-payment {
        margin-left: 50px;
    }
    .col-order-payment {
        float: right;
    }
}

@media (min-width: 992px) {
    .col-order-contact,
    .col-order-delivery,
    .col-order-payment {
        float: left;
        width: 286px;
    }
    .col-order-delivery,
    .col-order-payment {
        margin-left: 46px;
    }
}

@media (min-width: 1200px) {
    .col-order-contact,
    .col-order-delivery,
    .col-order-payment {
        width: 340px;
    }
    .col-order-delivery,
    .col-order-payment {
        margin-left: 65px;
    }
}



/*
 *  Сетка товара
 */
.row-product {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    filter: alpha(opacity=100);
    opacity: 1;
}

.row-product-loading {
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.col-product {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}

.row-carousel {
    margin-left: -12px;
    margin-right: -12px;
    white-space: nowrap;
}

.row-carousel .col-product {
    float: none;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .row-product {
        margin-left: -12px;
        margin-right: -12px;
    }
    .col-product {
        margin-bottom: 0;
        padding-left: 12px;
        padding-right: 12px;
    }
    .catalog.grid .col-product {
        float: left;
    }
    .profile-content .row-product2 {
        margin-left: 0;
        margin-right: 0;
        text-align: justify;
    }
    .profile-content .col-product2 {
        float: none;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        vertical-align: top;
    }
}

@media (min-width: 1200px) {}

.search-results {
    margin-bottom: 40px;
}

.search-results-section {
    margin-bottom: 50px;
}

.search-results-heading {
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 3px solid #dddddd;
}



/*
 *  Сетка товара на всю ширину
 */
.row-product-width {}

.col-product-width {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .row-product-width {
        margin-left: -25px;
        margin-right: -25px;
    }
    .col-product-width {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 1200px) {
    .row-product-width {
        margin-left: -18px;
        margin-right: -18px;
    }
    .col-product-width {
        padding-left: 18px;
        padding-right: 19px;
    }
}



/*
 *  Единица товара в каруселе
 */
.carousel-item {
    position: relative;
    /*  padding-top: 70px;
  padding-bottom: 55px;*/
    width: 195px;
    height: 320px;
}

.carousel-item .item-category,
.carousel-item .item-name {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 1;
    font-size: 16px;
    text-align: center;
}

.carousel-item .item-category {
    top: 0;
}

.carousel-item .item-name {
    top: 32px;
}

.carousel-item .item-target-blank {
    position: absolute;
    display: none;
    top: 70px;
    left: 0;
    background-color: #ffffff;
    color: #666666;
}

.carousel-item:hover .item-target-blank {
    display: block;
}

.carousel-item .item-photo {
    display: block;
    width: 195px;
    height: 195px;
    line-height: 190px;
    text-align: center;
}

.carousel-item .item-photo img {
    max-width: 100%;
    max-height: 100%;
}

.carousel-item .item-label-list {
    position: absolute;
    top: 70px;
    right: 0;
}

.carousel-item .item-brand {
    position: absolute;
    bottom: 55px;
    right: 0;
}

.carousel-item .item-rating {
    position: absolute;
    bottom: 55px;
    left: 0;
}

.carousel-item .item-price {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 23px;
    width: 95px;
    text-align: right;
}

.carousel-item .item-price .pricetag {
    /*font-size: 16px;*/
}

.carousel-item .item-price .pricetag-old {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 16px;
    font-size: 14px;
}

.carousel-item .btn-in-cart,
.carousel-item .btn-add-to-cart {
    /*position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;*/
}

.carousel-item .item-review {
    position: absolute;
    bottom: 35px;
    left: 0;
}



/*
 *  Корневая каталога
 */
.catalog-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 5px 0;
    line-height: 40px;
    text-transform: uppercase;
}

.catalog-heading__category {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.catalog-heading__region {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-align: right;
    text-transform: none;
    color: #666;
}

.catalog-heading__region::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-right: 5px;
    background: url('img/sprite-icons.png') -26px -14px no-repeat;
}

@media (min-width: 768px) {
    .catalog-heading__category,
    .catalog-heading__region {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.root-filter {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 10px;
    list-style: none;
    background-color: #f8f8f8;
}

.root-filter > li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding-left: 20px;
    line-height: 15px;
    font-size: 16px;
    vertical-align: top;
}

.root-filter > li > input[type=radio],
.root-filter > li > .radio-control,
.root-filter > li > input[type=checkbox],
.root-filter > li > .checkbox-control {
    float: left;
    margin-top: 2px;
    margin-left: -20px;
}

.root-filter > li > .count {
    color: #b4b4b4;
}

.product-type-list {
    display: block;
    margin-bottom: 10px;
    padding-left: 0;
    list-style: none;
}

.product-type-list > li {
    display: inline-block;
    margin: 5px 15px 5px 0;
}

.product-type-list > li > a {}

.product-type-list > li > a {
    position: relative;
    display: block;
    margin-right: 8px;
    padding: 5px 8px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #757575;
    background: -webkit-linear-gradient(right,  #757575 0%,#9b9999 100%);
    background: linear-gradient(to left,  #757575 0%,#9b9999 100%);
    color: #ffffff;
    white-space: nowrap;
}

.product-type-list > li > a:hover,
.product-type-list > li > a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.product-type-list > li > a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 8px solid #757575;
}
.product-type-list > li > .type-news {
    background: #ff8a00;
    background: -webkit-linear-gradient(right,  #ff8a00 0%,#ffa800 100%);
    background: linear-gradient(to left,  #ff8a00 0%,#ffa800 100%);
}

.product-type-list > li > .type-news:after {
    border-left-color: #ff8a00;
}

.product-type-list > li > .type-sale {
    background: #438f27;
    background: -webkit-linear-gradient(right,  #438f27 0%,#56a323 100%);
    background: linear-gradient(to left,  #438f27 0%,#56a323 100%);
}

.product-type-list > li > .type-sale:after {
    border-left-color: #438f27;
}

.category-row {}

.category-col {
    margin-bottom: 30px;
}

.category-group {}

.category-group .group-name {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.category-group .main-group-list {
    margin-bottom: 10px;
    padding-left: 0;
    list-style: none;
    overflow: hidden;
}

.category-group .main-group-list > li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 33.333333%;
    text-align: center;
}

.category-group .main-group-list .category-photo {
    height: 100px;
    line-height: 95px;
    font-size: .0001px;
    text-align: center;
}

.category-group .main-group-list .category-photo2:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.category-group .main-group-list .category-photo a {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.category-group .main-group-list .category-photo img {
    max-width: 100%;
    max-height: 100%;
}

.category-group .main-group-list .category-name {
    display: block;
    margin-bottom: 5px;
    height: auto;
    font-size: .0001px;
}

.category-group .main-group-list .category-name:before {
    content: "";
    display: inline-block;
//height: 100%;
    vertical-align: middle;
}

.category-group .main-group-list .category-name a {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.category-group .main-group-list .category-count {
    font-size: 12px;
    color: #b4b4b4;
}

.category-group .main-group-list .category-count {}

.category-group .group-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.category-group .group-list > li {
    display: inline;
    font-size: 12px;
    color: #b4b4b4;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .root-catalog-header {
        margin-bottom: 20px;
    }
    .root-catalog-heading {
        float: left;
        margin-right: 35px;
    }
    .root-filter {
        float: left;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .product-type-list {
        margin: 5px 0;
    }
    .category-row {
        margin-left: -60px;
        font-size: 0;
    }
    .category-col {
        display: inline-block;
        font-size: 16px;
        padding-left: 60px;
        width: 50%;
        vertical-align: top;
    }
    .category-group .group-name {
        font-size: 24px;
    }
    .category-group .main-group-list .category-photo {
        height: 110px;
    }
    .category-group .main-group-list .category-name {
        height: auto;
    }
    .category-group .main-group-list .category-name a {
        font-size: 16px;
    }
    .category-group .main-group-list .category-count {
        font-size: 14px;
    }
    .category-group .group-list > li {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .category-row {
        margin-left: -100px;
    }
    .category-col {
        padding-left: 100px;
    }
    .category-group .main-group-list .category-photo {
        height: 140px;
    }
    .category-group .main-group-list .category-name a {
        font-size: 18px;
    }
    .category-group .main-group-list .category-count {
        font-size: 16px;
    }
    .category-group .group-list > li {
        font-size: 16px;
    }
}



/*
 *  Родительская категория
 */
.category-child {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}

.category-child .category-photo {
    height: 75px;
    line-height: 70px;
    font-size: .0001px;
}

.category-child .category-photo2:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.category-child .category-photo a {
    display: block;
    height: 100%;
    width: 100%;
}

.category-child .category-photo img {
    max-width: 100%;
    max-height: 100%;
}

.category-child .category-name {
    display: block;
    height: 40px;
    font-size: .0001px;
}

.category-child .category-name:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.category-child .category-name a {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.category-child .category-count {
    font-size: 12px;
    color: #b4b4b4;
}

@media (min-width: 768px) {
    .category-child .category-photo {
        display: block;
        float: left;
        width: 80px;
        height: 80px;
        line-height: 75px;
        vertical-align: middle;
    }
    .category-child .category-info {
        display: table-cell;
        padding-left: 15px;
        height: 85px;
        text-align: left;
        vertical-align: middle;
    }
    .category-child .category-name {
        height: auto;
        margin-bottom: 2px;
    }
}

@media (min-width: 1200px) {

    .category-child .category-name a {
        font-size: 18px;
    }
    .category-child .category-count {
        font-size: 16px;
    }
}



/*
 *  Заголовок каталога
 */
.catalog-heading {}

.root-filter-catalog {
    float: none;
}



/*
 *  Единица товара в каталоге
 */
.product-item {
    position: relative;
    line-height: 1.285714285714286;
    font-size: 14px;
    background-color: #ffffff;
    z-index: 1;
}

.product-item.open {
    z-index: 3;
}

.product-item:before,
.product-item:after {
    display: table;
    content: " ";
}

.product-item:after {
    clear: both;
}

/* Блок изображения товара */
.prod-thumbnail {
    float: left;
    position: relative;
    margin-right: 10px;
    width: 140px;
    height: 150px;
}

.prod-thumbnail > .prod-photo {
    display: block;
}

.prod-thumbnail > .prod-photo,
.prod-thumbnail .carousel-inner,
.prod-thumbnail .carousel-inner .item {
    width: 100%;
    height: 100%;
}

.prod-thumbnail > .prod-photo,
.prod-thumbnail .carousel-inner .item {
    font-size: 0;
    text-align: center;
}

.prod-thumbnail > .prod-photo:before,
.prod-thumbnail .carousel-inner .item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.prod-thumbnail .carousel,
.prod-thumbnail .carousel .item {
    width: 100%;
    height: 100%;
}

.prod-thumbnail .carousel-control {
    display: none;
    top: auto;
    bottom: 15px;
    width: auto;
    font-size: 30px;
    text-shadow: none;
    color: #666666;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    opacity: 1;
    filter: alpha(opacity=100);
}

.prod-thumbnail .carousel-control:hover,
.prod-thumbnail .carousel-control:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.prod-thumbnail .carousel-control .glyphicon {
    position: relative;
    top: 0;
    left: 0;
}

.prod-thumbnail > .prod-photo > img,
.prod-thumbnail .carousel-inner > .item > img,
.prod-thumbnail .carousel-inner > .item> a > img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    vertical-align: middle;
}

.prod-thumbnail .prod-new-window {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    line-height: 1;
    background-color: #ffffff;
    color: #666666;
    z-index: 1;
}

@media (min-width: 992px) {
    .product-item.open .prod-thumbnail .prod-new-window {
        display: block;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .product-item.open .prod-thumbnail .prod-new-window:hover,
    .product-item.open .prod-thumbnail .prod-new-window:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.prod-thumbnail .prod-label-list {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    overflow: visible;
}

.prod-label-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.prod-label-list > li {}

.prod-label-list > li > img {
    width: 50px;
    border: 3px solid #fff;
    border-radius: 100%;
}

.prod-label-list > li + li {
    /*margin-top: -3px;*/
}

.prod-label-list > li > a,
.prod-label-list > li > span {
    position: relative;
    display: table;
    padding: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    background-image: url('img/sprite-product-label.png');
    border-radius: 50%;
    cursor: default;
}

.prod-label-list > li > .label-hit {
    /*
  background-color: #23afff;
  background: -webkit-linear-gradient(top,  #23afff 0%,#047fff 100%);
  background: linear-gradient(to bottom,  #23afff 0%,#047fff 100%);
  */
    background-position: 0 0;
}

.prod-label-list > li > .label-discount {
    /*
  background-color: #ffb200;
  background: -webkit-linear-gradient(top,  #ffb200 0%,#ff8500 100%);
  background: linear-gradient(to bottom,  #ffb200 0%,#ff8500 100%);
  */
    background-position: 0 -40px;
}

.prod-label-list > li > .label-new {
    /*
  background-color: #66a727;
  background: -webkit-linear-gradient(top,  #66a727 0%,#479027 100%);
  background: linear-gradient(to bottom,  #66a727 0%,#479027 100%);
  */
    background-position: 0 -80px;
}

.prod-label-list > li > .label-cheaper {
    background-position: 0 -120px;
}

.prod-label-list > li > .label-black-friday {
    background-position: 0 -160px;
}

.prod-label-list > li .glyphicon,
.prod-label-list > li .label-text {
    display: table-cell;
    top: auto;
    width: 100%;
    height: 100%;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

.prod-label-list > li .glyphicon {
    font-size: 18px;
}

.prod-label-list > li .label-text {
    display: none;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

.prod-label-list > li:hover .glyphicon,
.prod-label-list > li:focus .glyphicon {
    display: none;
}

.prod-label-list > li:hover .label-text,
.prod-label-list > li:focus .label-text {
    display: table-cell;
}

.prod-thumbnail .prod-brand {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #666666;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.prod-name {
    position: absolute;
    top: 0;
    left: 170px;

    /*width: 130px;*/
    margin-bottom: 4px;
    max-height: 54px;
    line-height: 18px;
    font-size: 16px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prod-rating {
    margin-right: 5px;
}

/* Блок цены, покупки товара */
.prod-purchase {
    float: right;
    margin-top: 45px;
    width: 150px;
    text-align: center;
}

/* Блок цены товара */
.prod-price {
    position: relative;
    margin-bottom: 5px;
    height: 70px;
    min-height: 58px;
    line-height: 1;
    white-space: nowrap;
}

.prod-price:before,
.prod-price:after {
    display: table;
    content: " ";
}

.prod-price:after {
    clear: both;
}

.product-item .pricetag {
    margin-bottom: 5px;
}

.prod-price .pricetag:first-child {
    margin-right: 2px;
}

.prod-price .pricetag-retail {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

.prod-price .price-retail {
    display: block;
}

/* Блок покупки товара */
.prod-buy {
    position: relative;
    display: none;
    margin-bottom: 20px;
    overflow: hidden;
}

.prod-one-click {
    margin-bottom: 10px;
    text-align: center;
}

.prod-favorite,
.prod-comparison {
    float: left;
    width: 50%;
}

.prod-buy .glyphicon-before {
    width: 15px;
}

.prod-favorite {}

.prod-comparison .glyphicon-remove {
    margin-top: 0;
    font-size: 9px;
    color: #ff0000;
    vertical-align: top;
}

/* Блок доставки товара */
.prod-delivery {
    display: none;
}

.prod-home-delivery {
    color: #418c27;
}

/* Блок оценки и отзывов о товаре */
.prod-opinion {
    display: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.prod-review {
    display: none;
}

.product-item.open .prod-review {
    display: inline;
}

/* Блок характеристик товара */
.prod-character {
    display: none;
}

.prod-character-header {
    display: none;
    font-weight: bold;
}

.prod-character-list {
    margin-bottom: 0;
    max-height: 2.5em;
    overflow: hidden;
}

.prod-character-list dt,
.prod-character-list dd {
    line-height: 18px;
}

@media (min-width: 768px) {
    .prod-thumbnail {
        margin-right: 20px;
        width: 200px;
        height: 200px;
    }
    .product-item.open .prod-thumbnail .carousel-control {
        display: block;
    }
    .prod-name {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        text-align: inherit;
        white-space: normal;
    }
    .prod-purchase {
        float: right;
        margin-top: 0;
        margin-left: 20px;
        width: 210px;
        text-align: left;
    }
    .prod-price {
        height: auto;
    }
    .prod-buy,
    .prod-delivery,
    .prod-opinion,
    .prod-character {
        display: block;
    }
    .prod-price .price-retail {
        display: inline;
    }
    .prod-price .pricetag:first-child {
        margin-right: 10px;
    }
    .product-item .btn-in-cart,
    .product-item .btn-add-to-cart {
        margin-bottom: 5px;
    }
    .product-item .button--buy.btn-in-cart {
        margin-bottom: 0;
    }
    .prod-label-list > li > a,
    .prod-label-list > li > span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-width: 3px;
    }
    .prod-label-list > li > .label-hit {
        background-position: -40px 0;
    }
    .prod-label-list > li > .label-discount {
        background-position: -40px -50px;
    }
    .prod-label-list > li > .label-new {
        background-position: -40px -100px;
    }
    .prod-label-list > li > .label-cheaper {
        background-position: -40px -150px;
    }
    .prod-label-list > li > .label-black-friday {
        background-position: -40px -200px;
    }
    .prod-label-list > li .glyphicon {
        font-size: 25px;
    }

    .prod-label-list > li .label-text {
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .product-item {
        padding-top: 20px;
        padding-bottom: 20px;
        border: 1px solid transparent;
    }
    .product-item.open {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        border-color: #eeeeee;
        -webkit-box-shadow: 0 1px 10px rgba(25, 26, 24, 0.2);
        box-shadow: 0 1px 10px rgba(25, 26, 24, 0.2);
    }
}



/*
 *  Единица товара в каталоге сеткой
 */
@media (min-width: 992px) {
    .catalog.grid .product-item {
        float: left;
        padding-top: 60px;
        width: 200px;
        height: 335px;
    }
    .catalog.grid .product-item.open {
        margin-bottom: -175px;
        width: 240px;
        height: 510px;
    }
    /* Блок изображения товара */
    .catalog.grid .prod-thumbnail {
        float: none;
        margin-bottom: 25px;
        margin-right: 0;
        width: 200px;
        height: 200px;
    }
    /* Блок цены, покупки товара */
    .catalog.grid .prod-purchase {
        float: none;
        margin-left: 0;
        width: auto;
    }
    /* Блок цены товара */
    .catalog.grid .prod-price {
        float: right;
        width: 90px;
        min-height: 0;
        text-align: right;
        white-space: normal;
    }
    .catalog.grid .prod-price .pricetag:first-child {
        margin-right: 0;
    }
    .catalog.grid .prod-price .pricetag-old {
        position: absolute;
        top: -25px;
        right: 0;
    }
    .catalog.grid .prod-price .pricetag-retail {
        float: right;
        width: 80px;
        text-align: right;
    }
    .catalog.grid .prod-price .price-retail {
        white-space: nowrap;
    }
    /* Блок покупки товара */
    .catalog.grid .prod-buy {
        margin-bottom: 10px;
    }
    .catalog.grid .prod-one-click,
    .catalog.grid .prod-favorite,
    .catalog.grid .prod-comparison {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 0;
        text-align: left;
    }
    /* Блок доставки товара */
    .catalog.grid .prod-delivery {
        margin-bottom: 10px;
    }
    .catalog.grid .prod-home-delivery {
        white-space: nowrap;
    }
    .catalog.grid .prod-home-delivery .city {
        display: none;
    }
    /* Блок названия товара */
    .catalog.grid .prod-name {
        position: absolute;
        top: 15px;
        text-align: center;
        white-space: normal;
    }
    .catalog.grid .product-item .prod-name {
        left: 0;
        right: 0;
    }
    .catalog.grid .product-item.open .prod-name {
        left: 20px;
        right: 20px;
    }
    /* Блок рейтинга и отзывов о товаре */
    .catalog.grid .prod-opinion {
        position: absolute;
        top: 250px;
        white-space: normal;
    }
    .catalog.grid .prod-rating {
        display: block;
    }
    /* Блок характеристик товара */
    .catalog.grid .prod-character-header {
        display: block;
    }
    .catalog.grid .prod-character-list dt,
    .catalog.grid .prod-character-list dd {
        float: none;
        display: inline;
        background-color: transparent;
    }
    .catalog.grid .prod-character-list dt ~ dt ~ dt,
    .catalog.grid .prod-character-list dd ~ dd ~ dd {
        display: none;
    }
    .catalog.grid .prod-character-list dt {
        padding-right: 0;
        max-width: none;
        white-space: normal;
    }
    .catalog.grid .prod-character-list dt {
        width: auto;
        clear: none;
    }
    .catalog.grid .prod-character-list dd:before,
    .catalog.grid .prod-character-list dd:after,
    .catalog.grid .prod-character-list dt:first-child:before {
        display: none;
    }
    .catalog.grid .prod-character-list dt:before {
        content: ",";
        position: relative;
        display: inline;
        right: auto;
        left: -2px;
        margin-top: 0;
        width: auto;
        border-bottom: none;
        z-index: 0;
    }
    .catalog.grid .prod-character-list dt:after {
        content: " \2013";
        display: inline;
    }
    .catalog.grid .dl-dotted .main-description {
        float: none;
        display: inline;
    }

    .catalog.grid .prod-buy,
    .catalog.grid .prod-price .pricetag-retail,
    .catalog.grid .prod-delivery,
    .catalog.grid .prod-character {
        display: none;
    }

    .catalog.grid .product-item.open .prod-buy,
    .catalog.grid .product-item.open .prod-price .pricetag-retail,
    .catalog.grid .product-item.open .prod-delivery,
    .catalog.grid .product-item.open .prod-character {
        display: block;
    }
}



/*
 *  Кнопка сравнения
 */
.comparison-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    z-index: 1043;
}

.btn-comparison {
    float: right;
    margin-top: -30px;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #669730;
    background: -webkit-linear-gradient(top,  #669730 0%,#3f8128 100%);
    background: linear-gradient(to bottom,  #669730 0%,#3f8128 100%);
    border: none;
}

.btn-comparison:hover,
.btn-comparison:focus,
.btn-comparison:active,
.btn-comparison.active,
.open .dropdown-toggle.btn-comparison {
    color: #ffffff;
    background-color: #669730;
    background: -webkit-linear-gradient(top,  #669730 0%,#3f8128 100%);
    background: linear-gradient(to bottom,  #669730 0%,#3f8128 100%);
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.btn-comparison .glyphicon {
    margin-top: -5px;
    font-size: 20px;
    vertical-align: middle;
}



/*
 *  Карточка товара
 */
.carousel-product {
    overflow: hidden;
}

.carousel-product .product-item {
    float: left;
    padding-top: 60px;
    width: 200px;
    height: 325px;
}
.carousel-product .product-item.open {
    margin: 0;
    padding: 60px 0 0;
    width: 200px;
    height: 325px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Блок изображения товара */
.carousel-product .prod-thumbnail {
    float: none;
    margin-bottom: 25px;
    margin-right: 0;
    width: 200px;
    height: 200px;
}
/* Блок цены, покупки товара */
.carousel-product .prod-purchase {
    float: none;
    margin-top: 0;
    margin-left: 0;
    width: auto;
}
/* Блок цены товара */
.carousel-product .prod-price {
    float: right;
    width: 90px;
    min-height: 0;
    text-align: right;
    white-space: normal;
}
.carousel-product .prod-price .pricetag:first-child {
    margin-right: 0;
}
.carousel-product .prod-price .pricetag-old {
    position: absolute;
    top: -25px;
    right: 0;
}
.carousel-product .prod-price .pricetag-retail {
    float: right;
    width: 80px;
    text-align: right;
    white-space: nowrap;
}
/* Блок покупки товара */
.carousel-product .prod-buy {
    margin-bottom: 10px;
}
.carousel-product .prod-one-click,
.carousel-product .prod-favorite,
.carousel-product .prod-comparison {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 0;
    text-align: left;
}
/* Блок доставки товара */
.carousel-product .prod-delivery {
    margin-bottom: 10px;
}
.carousel-product .prod-home-delivery {
    white-space: nowrap;
}
.carousel-product .prod-home-delivery .city {
    display: none;
}
/* Блок названия товара */
.carousel-product .prod-name {
    position: absolute;
    top: 15px;
    text-align: center;
    white-space: normal;
}
.carousel-product .product-item .prod-name {
    left: 0;
    right: 0;
    width: 100%;
}
/* Блок рейтинга и отзывов о товаре */
.carousel-product .prod-opinion {
    position: absolute;
    display: block;
    top: 245px;
    white-space: normal;
}
.carousel-product .prod-rating {
    display: block;
}
/* Блок характеристик товара */
.carousel-product .prod-character-header {
    display: block;
}
.carousel-product .prod-character-list dt,
.carousel-product .prod-character-list dd {
    display: none;
    background-color: transparent;
}
.carousel-product .prod-character-list dt {
    padding-right: 0;
    max-width: none;
    white-space: normal;
}
.carousel-product .prod-character-list dt {
    width: auto;
    clear: none;
}
.carousel-product .prod-character-list dd:before,
.carousel-product .prod-character-list dd:after,
.carousel-product .prod-character-list dt:first-child:before {
    display: none;
}
.carousel-product .prod-character-list dt:before {
    content: ",";
    position: relative;
    display: inline;
    right: auto;
    left: -2px;
    margin-top: 0;
    width: auto;
    border-bottom: none;
    z-index: 0;
}
.carousel-product .prod-character-list dt:after {
    content: " \2013";
    display: inline;
}
.carousel-product .dl-dotted .main-description {
    float: none;
    display: inline;
}

.carousel-product .prod-buy,
.carousel-product .pricetag-retail,
.carousel-product .prod-delivery,
.carousel-product .prod-character {
    display: none;
}

.carousel-product .product-item.open .prod-buy,
.carousel-product .product-item.open .pricetag-retail,
.carousel-product .product-item.open .prod-delivery,
.carousel-product .product-item.open .prod-character {
    display: block;
}



/*
 *  Карточка товара
 */
.product-section {}

.product {
    position: relative;
}

.product:before,
.product:after {
    display: table;
    content: " ";
}

.product:after {
    clear: both;
}

.product-header {
    margin-bottom: 20px;
}

.product-heading {
    margin: 0;
}

.product-heading__title {
    display: block;
}

.product-heading__region {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-transform: none;
    color: #666;
}

.product-heading__region::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-right: 5px;
    background: url('img/sprite-icons.png') -26px -14px no-repeat;
}

.product-brand {
    float: right;
    position: absolute;
    display: none;
    top: 10px;
    right: 0;
    width: 210px;
    height: 40px;
    font-size: 0;
}

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

.product-brand .brand-name {
    display: inline-block;
    max-height: 100%;
    font-size: 24px;
    vertical-align: middle;
}

.product-brand .brand-name img {
    max-width: 100%;
    max-height: 100%;
}

.product-packaged {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 10px;
    width: 70px;
    height: 70px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #448429;
    background-color: #ffffff;
    border: 2px solid #448429;
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
}

.product-packaged .icon {}

.product-packaged .count {
    position: absolute;
    display: block;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 10px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-photo {
    position: relative;
    margin-bottom: 10px;
}

/* .product-details */
.product-details {}

.product-details:before,
.product-details:after {
    display: table;
    content: " ";
}

.product-details:after {
    clear: both;
}

/* .product-price */
.product-price {
    float: left;
    padding-right: 20px;
    width: 50%;
    text-align: right;
}

.product-price .pricetag,
.product-price .pricetag-retail {
    float: right;
    clear: right;
    margin-bottom: 10px;
}

.product-price .pricetag-retail {
    font-size: 14px;
}

.product-price .price-retail {
    display: block;
}

.product-price .prod-rating {
    margin-bottom: 10px;
}

/* .product-buy */
.product-buy {
    float: right;
    clear: right;
    width: 50%;
}

.product-buy .btn,
.product-buy .link-one-click,
.product-buy .not-available {
    float: left;
    clear: left;
    margin-bottom: 10px;
}

/* .product-opinion */
.product-opinion {
    position: relative;
    margin-bottom: 10px;
}

/* .product-code */
.product-code {
    margin-top: 10px;
}

/* .product-delivery-inf */
.product-delivery-inf {
    margin-bottom: 10px;
}

.product-delivery-inf .product-status {
    font-weight: bold;
    color: #418c27;
    font-size: 1.125em;
}

/* .product-descr */
.product-descr,
.product-character {
    clear: both;
    margin-bottom: 10px;
}



.product-details .glyphicon-remove {
    margin-top: 2px;
    font-size: 9px;
    color: #ff0000;
    vertical-align: top;
}

/* .product-social */
.product-social {
    margin-top: 30px;
    margin-bottom: 10px;
}

.b-share_bordered {
    margin: -5px -2px !important;
    padding: 0 !important;
    border: none !important;
}

.b-share__handle {
    height: auto !important;
}

.b-share-icon {
    display: block !important;
    width: 35px !important;
    height: 35px !important;
    background-image: url('img/sprite-social.png') !important;
    background-repeat: no-repeat !important;
}

.b-share-icon_vkontakte { background-position: 0 0 !important; }
.b-share-icon_vkontakte:hover,
.b-share-icon_vkontakte:focus { background-position: 0 -35px !important; }
.b-share-icon_vkontakte:active { background-position: 0 -70px !important; }

.b-share-icon_odnoklassniki { background-position: -35px 0 !important; }
.b-share-icon_odnoklassniki:hover,
.b-share-icon_odnoklassniki:focus { background-position: -35px -35px !important; }
.b-share-icon_odnoklassniki:active { background-position: -35px -70px !important; }

.b-share-icon_facebook { background-position: -70px 0 !important; }
.b-share-icon_facebook:hover,
.b-share-icon_facebook:focus { background-position: -70px -35px !important; }
.b-share-icon_facebook:active { background-position: -70px -70px !important; }

.b-share-icon_twitter { background-position: -105px 0 !important; }
.b-share-icon_twitter:hover,
.b-share-icon_twitter:focus { background-position: -105px -35px !important; }
.b-share-icon_twitter:active { background-position: -105px -70px !important; }

/* .product-delivery */
.product-delivery {
    clear: both;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.product-delivery .electronic-payment {
    float: left;
    position: relative;
    display: none;
    margin-right: 35px;
    padding: 10px 50px 15px 0;
    height: 100px;
}

.product-delivery .electronic-payment:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -51px;
    width: 26px;
    height: 102px;
    background-image: url('img/arrow-electronic-payment.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.product-delivery .delivery-col {
    float: left;
    /*width: 50%;*/
    text-align: left;
}

.product-delivery .delivery-info {
    text-align: left;
}

@media (max-width: 767px) {
    .product .link-compare {
        display: none;
    }
}

@media (min-width: 768px) {
    .product {
        margin-bottom: 40px;
    }
    .product-header {
        margin-right: 210px;
    }
    .product-heading {}
    .product-brand {
        display: block;
    }
    /* .product-photo */
    .product-photo {
        float: left;
        width: 365px;
    }
    /* .product-details */
    .product-details {
        float: right;
        width: 310px;
    }

    .product-delivery .delivery-col {
        float: none;
        width: auto;
    }
}

@media (min-width: 992px) {
    /* .product-photo */
    .product-photo {
        margin-top: 20px;
        width: 430px;
    }
    /* .product-details */
    .product-details {
        width: 495px;
    }
    /* .product-buy */
    .product-buy {
        float: left;
        clear: left;
    }
    .product-price,
    .product-buy {
        margin-right: 50px;
        padding-right: 0;
        width: 235px;
    }
    .product-buy .btn-add-to-cart,
    .product-buy .btn-one-click {
        width: 225px;
    }
    .product-buy .btn-add-to-cart .glyphicon,
    .product-buy .btn-one-click .glyphicon {
        float: left;
    }
    .product-price .price-retail {
        display: inline;
    }
    /* .product-opinion */
    .product-opinion {
        margin-top: 20px;
    }
    /* .product-delivery */
    .product-delivery {
        text-align: left;
    }
    .product-delivery .electronic-payment {
        display: block;
    }
    .product-delivery .delivery-col {
        float: none;
        width: auto;
    }
    .product-delivery .delivery-info {
        margin-left: 240px;
    }
}

@media (min-width: 1200px) {
    /* .product-photo */
    .product-photo {
        width: 615px;
    }
}

.product__labels {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.product__label {
    display: block;
    width: 75px;
    margin-bottom: 10px;
}

.product__label img {
    display: block;
    width: 100%;
}

.table-character {}

.table-character > thead > tr > th,
.table-character > tbody > tr > th,
.table-character > tfoot > tr > th,
.table-character > thead > tr > td,
.table-character > tbody > tr > td,
.table-character > tfoot > tr > td {
    padding: 0 5px;
    line-height: 20px;
    font-size: 16px;
    vertical-align: top;
    border: none;
}

.table-character > tbody > tr > td {
    background-color: #ffffff;
}

.table-character > tbody > tr:nth-child(even) > td {
    background-color: transparent;
}

.table-character > tbody > tr:hover > td {
    background-color: #fff59e;
}

.table-character .td-title {
    padding-right: 20px;
    width: 60%;
    max-width: 0;
}

.table-character .td-value {
    width: 40%;
    min-width: 40%;
    max-width: 40%;
}

.list-del-home {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    overflow: hidden;
}

.list-del-home > li {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.list-del-home .del-icon,
.list-del-home .del-title {
    display: table-cell;
    vertical-align: middle;
}

.list-del-home .del-icon {
    width: 40px;
    height: 40px;
}

.list-del-home .del-icon img {
    width: 100%;
    height: 100%;
}

.list-del-home .del-title {
    padding-left: 10px;
}

@media (min-width: 768px) {
    .list-del-home > li {
        float: left;
        margin-bottom: 20px;
        width: 50%;
        font-size: 18px;
    }
    .list-del-home .del-icon {}
    .list-del-home .del-icon {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 992px) {
    .list-del-home > li {
        width: 33.33333333%;
    }
}

.box-del-home {
    padding: 15px;
    text-align: center;
    border: 1px solid #cbcbcb;
}



/*
 *  Список сравнения
 */
.comparison-header {
    margin-bottom: 10px;
    font-size: 36px;
    color: #666666;
}

.comparison-tabs {
    display: inline;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.comparison-tabs > li {
    display: inline;
}

.comparison-header a {
    display: inline-block;
    line-height: 0.9;
    text-decoration: none;
    color: #666666;
    /*border-bottom: 1px dotted;*/
    white-space: nowrap;
}

.comparison-header a:hover,
.comparison-header a:focus,
.comparison-header .active > a {
    color: #67ba4a;
}

.comparison {
    display: none;
    margin-bottom: 50px;
}

.comparison:before,
.comparison:after {
    display: table;
    content: " ";
}

.comparison:after {
    clear: both;
}

.comparison .col-parameters {
    position: relative;
    float: left;
    width: 290px;
    z-index: 2;
}

.comparison .col-values {
    overflow: hidden;
}

.comparison-column {
    display: table;
    width: 100%;
}

.comparison-column .comparison-row {
    display: table-row;
    background-color: #ffffff;
}

.comparison-column .row-card {}

.comparison-column .row-same {
    background-color: #f8f8f8;
}

.comparison-different .comparison-column .row-same {
    display: none;
}

.comparison-column .row-item:hover,
.comparison-column .row-item.hover {
    background-color: #fff59e;
}

.comparison-column .comparison-cell {
    display: table-cell;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 16px;
    white-space: normal;
    vertical-align: middle;
}

.comparison-column .comparison-row:first-child .comparison-cell {
    border-top: none;
}

.comparison-column .cell-card {
    position: relative;
    display: block;
    padding-top: 50px;
    height: 340px;
    text-align: center;
}

.comparison-column .cell-title {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 45px;
    min-height: 45px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    border-right: none;
}

.comparison-column .cell-title .title-wrap {
    display: block;
    white-space: nowrap;
    max-width: 220px;
}

/*
.col-values {
  font-size: 0;
  white-space: nowrap;
}

.col-values .column-wrap {
  display: inline-block;
  font-size: 16px;
  white-space: normal;
  vertical-align: top;
}
*/

.col-parameters .comparison-cell {
    border: 1px solid #d2d2d2;
    border-top: none;
}

.col-parameters .comparison-row:first-child .comparison-cell {
    border-top: 1px solid #d2d2d2;
}

.col-parameters .cell-title,
.col-parameters .cell-divider {
    border-right: none;
}

.col-parameters .cell-card {
    border-bottom: 4px solid #d2d2d2;
}

.col-values .comparison-column {
    float: left;
    width: 225px;
}

.col-values .comparison-cell {
    text-align: center;
}

.col-values .comparison-cell {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.col-values .comparison-row:first-child .comparison-cell {
    border-top: 1px solid #d2d2d2;
}

.col-values .cell-title,
.col-values .cell-divider {
    border-right: none;
}

.col-values .cell-card {
    border-bottom: 4px solid #d2d2d2;
}

.col-values .comparison-column .cell-card {
}

.col-values .comparison-column .cell-title,
.col-values .comparison-column .cell-divider {
    border-left: none;
}

.comparison-column .comparison-count {
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.comparison-column .comparison-filter {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -109px;
}

.comparison-column .comparison-filter > .btn {
    width: 110px;
    line-height: 20px;
    font-size: 16px;
}

.comparison-column .compare-title {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    padding: 0 10px;
    width: 100%;
    text-align: center;
}

.comparison-column .compare-photo {}

.comparison-column .compare-photo {
    display: block;
    margin: 10px auto 0;
    width: 194px;
    height: 194px;
    line-height: 190px;
    text-align: center;
}

.comparison-column .compare-photo img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.comparison-column .btn-in-cart,
.comparison-column .btn-add-to-cart {
    position: absolute;
    bottom: 35px;
    left: 10px;
}

.comparison-column .link-remove {
    position: absolute;
    bottom: 40px;
    right: 10px;
}

.comparison-column .link-favorite {
    position: absolute;
    bottom: 10px;
    left: 18px;
    font-size: 14px;
}

.comparison-column .compare-photo {}

@media (min-width: 769px) {
    .comparison {
        display: block;
    }
    .comparison .col-parameters {
        width: 280px;
    }
    .comparison .col-values {
        margin-left: 280px;
    }
}

@media (min-width: 992px) {
    .comparison .col-parameters {
        width: 275px;
    }
    .comparison .col-values {
        margin-left: 275px;
    }
}

@media (min-width: 1200px) {
    .comparison .col-parameters {
        width: 250px;
    }
    .comparison .col-values {
        margin-left: 250px;
    }
}


/*
 *  Галлерея
 */
.gallery {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 0;
    font-size: 0;
    text-align: center;
    list-style: none;
}

.gallery > li {
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
    vertical-align: top;
}

.gallery > li > a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    border: 2px solid #cecece;
}

.gallery > li > a:hover,
.gallery > li > a:focus {
    border-color: #ababab;
}

.gallery > li > a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.gallery > li > a img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.gallery-news > li {
    width: auto;
}

.gallery-news > li > a {
    width: 150px;
    height: 100px;
}

@media (min-width: 768px) {
    .gallery {
        text-align: left;
    }
    .gallery > li {
        width: 33.3333333%;
    }
    .gallery-news {}
    .gallery-news > li {
        width: 25%;
    }
    .gallery-news > li > a {
        width: 175px;
        height: 117px;
    }
}

@media (min-width: 992px) {
    .gallery > li {
        width: 25%;
    }
    .gallery > li > a {}
    .gallery-news > li {
        width: 25%;
    }
    .gallery-news > li > a {
        width: 230px;
        height: 153px;
    }
}

@media (min-width: 1200px) {
    .gallery > li {}
    .gallery > li > a {}
    .gallery-news > li {
        width: 20%;
    }
    .gallery-news > li > a {
        width: 222px;
        height: 148px;
    }
}


/*
 *  Утилиты
 */
.pull-right-sm {}

@media (min-width: 768px) {
    .pull-left-sm {
        float: left !important;
    }
    .pull-right-sm {
        float: right !important;
    }
}

@media (min-width: 992px) {
    .pull-left-md {
        float: left !important;
    }
    .pull-right-md {
        float: right !important;
    }
}


/*
 *  Календарь
 */
.ui-datepicker {
    display: none;
    padding: 19px;
    width: 320px;
    color: #999999;
    background-color: #ffffff;
    border: 1px solid#418c27;
    z-index: 1000 !important;
}

.ui-datepicker-static {
    padding: 20px;
    display: block;
    background-color: #f8f8f8;
    border: none;
    z-index: inherit !important;
}

.ui-datepicker-header {
    margin: -20px -20px 20px;
    color: #ffffff;
    background-color: #418c27;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: block;
    padding: 10px 5px;
    width: 50px;
    line-height: 35px;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-nextfocus {
    color: #ffffff;
    text-decoration: none;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-prev:before {
    content: "\e079";
    font-family: "glyphicons";
}

.ui-datepicker-next:before {
    content: "\e080";
    font-family: "glyphicons";
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    display: none;
}

.ui-datepicker-title {
    margin-left: 50px;
    margin-right: 50px;
    padding: 10px;
    line-height: 35px;
    font-size: 24px;
    text-align: center;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar > thead > tr > th,
.ui-datepicker-calendar > tbody > tr > th,
.ui-datepicker-calendar > tfoot > tr > th,
.ui-datepicker-calendar > thead > tr > td,
.ui-datepicker-calendar > tbody > tr > td,
.ui-datepicker-calendar > tfoot > tr > td {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 20px;
    vertical-align: middle;
}

.ui-datepicker-calendar > thead > tr > th,
.ui-datepicker-calendar > tbody > tr > th,
.ui-datepicker-calendar > tfoot > tr > th {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #333333;
}
.ui-datepicker-calendar > thead > tr > td,
.ui-datepicker-calendar > tbody > tr > td,
.ui-datepicker-calendar > tfoot > tr > td {
    text-align: center;
}

.ui-datepicker-calendar .ui-state-default {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}

.ui-datepicker-today .ui-state-default {
    line-height: 34px;
    border: 3px solid #ff7e00;
    border-radius: 50%;
}


/*
 *  Автозаполение
 */
.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    margin-bottom: 0;
    padding-left: 0;
    /*  width: 100% !important; */
    max-width: 100% !important;
    max-height: 302px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: 0 2px 10px rgba(25, 26, 24, 0.5);
    box-shadow: 0 2px 10px rgba(25, 26, 24, 0.5);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
}

.ui-autocomplete .ui-menu-item {
    width: 100%;
}

.ui-autocomplete .ui-menu-item {}

.ui-autocomplete .ui-corner-all {
    display: table;
    width: 100%;
    height: 40px;
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    color: #666666;
    background-color: #ffffff;
    border-radius: 0;
    border: none;
}

.ui-autocomplete .ui-corner-all:hover,
.ui-autocomplete .ui-state-focus {
    text-decoration: none;
    color: #418c27;
    background-color: #fafafa;
    background-image: none;
}

.ui-autocomplete .ui-corner-category {
    text-decoration: none;
    color: #418c27;
    background-color: #f8f8f8;
}

.ui-autocomplete .ui-corner-category:hover,
.ui-autocomplete .ui-corner-category.ui-state-focus {
    text-decoration: none;
    background-color: #f0f0f0;
}

.ui-autocomplete-image,
.ui-autocomplete-title {
    display: table-cell;
    vertical-align: middle;
}

.ui-autocomplete-image {
    padding-left: 5px;
    padding-right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.ui-autocomplete-image img {
    max-width: 100%;
    max-height: 100%;
}

.ui-autocomplete-title {
    padding-left: 10px;
}

.ui-corner-category .ui-autocomplete-image {
    display: none;
}

.ui-corner-category .ui-autocomplete-title {
    padding-left: 10px;
    padding-right: 10px;
}



/* ================================================================

  Новые стили

================================================================ */



/* ================================================================
  Кнопка
================================================================ */
.button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    color: #000;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    cursor: pointer;
}

.button:hover,
.button:focus {}

.button:focus {
    outline: none;
}

.button__text {}

.button__corner {
    position: absolute;
    top: 0;
    left: 100%;
}

.button__corner::before,
.button__corner::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent;
}

.button__corner::after {
    display: none;
    left: -1px;
    clip: rect(1px, 10px, 29px, 0px);
}

/* Default
================================ */
.button--default {
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.25;
    text-transform: none;
    color: #000;
    background-color: #d9d9d9;
    border-color: transparent;
    transition:
            color .3s ease,
            background-color.3s ease;
}

.button--default:hover,
.button--default:focus {
    background-color: #a1a1a1;
}

.button--default:active {
    background-color: #c6c6c6;
}

/* Кнопка "В корзину" и "В козине"
  ================================ */
.button--buy,
.button--bought,
.button--all {
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 1;
    transition: opacity .3s ease;
}

.button--buy .button__corner::before,
.button--buy .button__corner::after,
.button--bought .button__corner::before,
.button--bought .button__corner::after,
.button--all .button__corner::before,
.button--all .button__corner::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 10px;
    border-color: transparent;
}

.button--buy .button__corner::after,
.button--bought .button__corner::after,
.button--all .button__corner::after {
    display: none;
    left: -1px;
    clip: rect(1px, 10px, 35px, 0px);
}

/* Кнопка "В корзину"
================================ */
.button--buy {
    padding: 5px;
    border: none;
}

.button--buy,
.button--buy:hover,
.button--buy:focus {
    color: #fff;
    background-color: #ff9c00;
    background-image: linear-gradient(90deg, #ff7e00 0%, #ff9c00 100%);
}

.button--buy:hover,
.button--buy:focus {
    opacity: .8;
}

.button--buy:active,
.button--buy.active {}

.button--buy .button__corner::before {
    border-left-color: #ff9c00;
}

.button--buy.btn-in-cart {
    padding: 4px;
}

.button--buy.btn-in-cart,
.button--buy.btn-in-cart:hover,
.button--buy.btn-in-cart:focus {
    color: #418c27;
    background-color: #ecf3e9;
    background-image: none;
    border: 1px solid #418c27;
}

.button--buy.btn-in-cart:hover,
.button--buy.btn-in-cart:focus {
    opacity: .8;
}

.button--buy.btn-in-cart::before,
.button--buy.btn-in-cart::after {
    display: none;
}

.button--buy.btn-in-cart .button__corner {
    margin-top: -1px;
    margin-left: 1px;
}

.button--buy.btn-in-cart .button__corner::before {
    border-left-color: #418c27;
}

.button--buy.btn-in-cart .button__corner::after {
    display: block;
    border-left-color: #ecf3e9;
}

/* Кнопка "В корзине"
================================ */
.button--bought {
    padding: 4px;
}

.button--bought,
.button--bought:hover,
.button--bought:focus {
    color: #418c27;
    background-color: #ecf3e9;
    background-image: none;
    border: 1px solid #418c27;
}

.button--bought:hover,
.button--bought:focus {
    opacity: .8;
}

.button--bought .button__corner {
    margin-top: -1px;
    margin-left: 1px;
}

.button--bought .button__corner::before {
    border-left-color: #418c27;
}

.button--bought .button__corner::after {
    display: block;
    border-left-color: #ecf3e9;
}

/* Кнопка "Посмотреть все"
================================ */
.button--all {
    padding: 5px;
    border: none;
}

.button--all,
.button--all:hover,
.button--all:focus {
    color: #fff;
    background-color: #4d4d4d;
    background-image: linear-gradient(90deg, #090909 0%, #4d4d4d 100%);
}

.button--all:hover,
.button--all:focus {
    opacity: .8;
}

.button--all:active,
.button--all.active {}

.button--all .button__corner::before {
    border-left-color: #4d4d4d;
}

/* Кнопка "Наверх"
================================ */
.button--page-up {
    padding: 0;
    width: 2em;
    height: 2em;
    font-size: 25px;
    line-height: 2;
    color: #fff;
    background-color: #67ba4a;
    background-image: none;
    border: none;
    border-radius: 500rem;
    opacity: 1;
    transition: opacity .3s ease;
    will-change: opacity;
}

.button--page-up:hover,
.button--page-up:focus {
    color: #fff;
    opacity: .8;
}

.button--page-up .glyphicon {}



/* ================================================================
  Поле ввода
================================================================ */
.input {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.25;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d2d2;
    border-radius: 0;
    box-shadow: inset 0 2px 3px rgba(25, 26, 24, .1);
    transition:
            border-color ease-in-out .15s,
            box-shadow ease-in-out .15s;
}

.input:focus {
    border-color: #418c27;
    outline: 0;
    box-shadow:
            inset 0 1px 1px rgba(0, 0, 0, .075),
            0 0 8px rgba(65, 140, 39, .6);
}



/* ================================================================
  Ценник
================================================================ */
.price-tag {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 5px;
    width: auto;
    height: auto;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: baseline;
    color: #000;
    background: 0 0;
    border: none;
    opacity: 1;
}

.price-tag__price-sup {}

.price-tag__corner {}

.price-tag__corner {
    position: absolute;
    display: block;
    top: 0;
    right: 100%;
    margin: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 10px 18px 0;
    border-color: transparent;
}

/*
================================ */
.price-tag-- {
    color: #fff;
    background-color: #649630;
    background-image: linear-gradient(90deg, #649630 0%, #418c27 100%);
}

.price-tag-- .price-tag__corner {
    border-right-color: #649630;
}



/* ================================================================
  Form
================================================================ */
.form {}

.form__input {}

.form__button {}

/* Форма промокода
================================ */
.form--promocode {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.form--promocode .form__title {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 10px;
}

.form--promocode .form__input {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.form--promocode .form__button {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .form--promocode {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .form--promocode .form__title {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .form--promocode .form__input {
        max-width: 200px;
    }
}



/* ================================================================
  Вкладки
================================================================ */
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs__item {}

.tabs__link {}

.tabs__link-icon {
    position: relative;
}

.tabs__link-icon img {}

.tabs__link-text {}



/* region block */
.region-block {
    background: #2d2d2d;

}

.region-block__wrap {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.region-block__title {
    color: #d9d9d9;
    margin-right: 30px;
    font-size: 18px;
}

.region-block__title span {
    font-weight: 700;
}

.region-block__buttons {

}

.region-block__button {
    float: left;
    width: 80px;
    height: 25px;
    background: #fff;
    transition: opacity .2s ease-out;
}

.region-block__button:hover {
    opacity: .75;
}

.region-block__button:not(:last-child) {
    margin-right: 20px;
}

.region-block__button--yes {
    color: #fff;
    background-color: #418c27;
    border-color: #418c27;
}

.region-block__button--no {
    color: #000;
    background-color: #dadada;
    border-color: #dadada;
}

.region-block__close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #d9d9d9;
    background-color: transparent;
    border: none;
    opacity: 1;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transition: background-color .2s ease-out;
}

.region-block__close:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.region-popup {
    position: absolute;
    display: none;
    width: 270px;
    padding: 20px;
    color: #000;
    background-color: #fff;
    border: 1px solid #418c27;
    box-shadow: 0 0 40px rgba(0, 0, 0, .4);
}

.region-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 1em;
    height: 1em;
    padding: 0;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    background-color: transparent;
    border: none;
    opacity: 1;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.region-popup__close:focus {
    outline: none;
}

.region-popup::before,
.region-popup::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 135px 18px 135px;
    border-color: transparent;
}

.region-popup::before {
    margin-bottom: 1px;
    border-bottom-color: #418c27;
}

.region-popup::after {
    border-bottom-color: #fff;
}

.region-popup__title {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: calc(20 /16);
    text-align: center;
}

.region-popup__buttons {
    overflow: hidden;
}


.region-popup__button {
    float: left;
    display: block;
    width: calc(50% - 5px);
    padding: 7px;
}

.region-popup__button:hover,
.region-popup__button:focus {
    opacity: .8;
}

.region-popup__button:not(:last-child) {
    margin-right: 10px;
}

.region-popup__button--yes {
    color: #fff;
    background-color: #418c27;
    border-color: #418c27;
}

.region-popup__button--no {
    color: #000;
    background-color: #dadada;
    border-color: #dadada;
}

@media (min-width: 768px) {
    .region-popup.is-open {
        display: block;
    }
}



/* ================================================================
  Элемент товара в списке
================================================================ */
.product-item {}

.product-item__title {}

.product-item__image {
    position: relative;
}

.product-item__image img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-item__buy::before,
.product-item__buy::after {
    display: table;
    content: " ";
}

.product-item__buy::after {
    clear: both;
}

/* Рекламный
================================ */
.product-item--promotion {
    padding: 0;
    width: auto;
    background-color: transparent;
    border: none;
}

.product-item--promotion.open {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-item--promotion .product-item__title {
    display: block;
    margin-bottom: 5px;
    height: 2.25em;
    font-size: 16px;
    line-height: 1.125;
    overflow: hidden;
}

.product-item--promotion .product-item__image {
    margin-bottom: 5px;
}

.product-item--promotion .product-item__image::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product-item--promotion .product-item__image-link {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-item--promotion .product-item__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.product-item--promotion .product-item__buy {}

.product-item--promotion .product-item__action {
    float: left;
    width: 50%;
}

.product-item--promotion .product-item__offers {
    float: right;
    width: 50%;
    text-align: right;
}

@media (max-width: 768px) {
    .product-item--promotion {
        margin-left: auto;
        margin-right: auto;
        max-width: 260px;
    }
}

@media (min-width: 992px) {
    .product-item--promotion.open {
        margin: 0;
    }
}



/* ================================================================
  Список товаров
================================================================ */
.products {}

.products::before,
.products::after {
    display: table;
    content: " ";
}

.products::after {
    clear: both;
}

.products__inner {
    margin: 0 -10px;
}

.products__inner::before,
.products__inner::after {
    display: table;
    content: " ";
}

.products__inner::after {
    clear: both;
}

.products__col {
    float: left;
    padding: 0 10px;
    width: 100%;
}

@media (min-width: 480px) {
    .products__col {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .products__col {
        width: 33.333333%;
    }
}

@media (min-width: 992px) {
    .products__col {
        width: 25%;
    }
}

@media (min-width: 1200px) {}



/* ================================================================
  Owl carousel
================================================================ */
.carousel {
    position: relative;
    width: auto;
    -webkit-tap-highlight-color: transparent;
}

.carousel:before,
.carousel:after {
    display: table;
    content: " ";
}

.carousel:after {
    clear: both;
}

.carousel.loaded {
    display: block;
}

.carousel.loading,
.carousel.hidden {
    opacity: 0;
}

.carousel.grab {
    cursor: move;
}

.carousel.rtl {
    direction: rtl;
}

.carousel__inner {
    position: relative;
    -ms-touch-action: pan-Y;
}

.carousel__inner::after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.carousel__outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.carousel__item {
    float: left;
    position: relative;
    min-height: 1px;
}

.carousel__nav-prev,
.carousel__nav-next {
    cursor: pointer;
}

.carousel__nav-prev.disabled,
.carousel__nav-next.disabled {
    display: none;
}

.carousel__pagination {}

.carousel__pagination-item {
    cursor: pointer;
}

.carousel.refresh .carousel__item {
    display: none;
}

.carousel.drag .carousel__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel.rtl .carousel__item {
    float: right;
}

/* Карусель товаров
================================ */
.carousel--products {
    margin: 0 auto 30px;
}

.carousel--products .carousel__outer {
    margin: 0;
}

.carousel--products .carousel__item {
    padding: 0 15px;
}

.carousel--products .carousel__item .carousel-item {
    margin-left: auto;
    margin-right: auto;
}

.carousel--products .carousel__item .products__col {
    float: none;
    display: block;
    padding: 0;
    width: auto;
}

.carousel--products .carousel__nav-prev,
.carousel--products .carousel__nav-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 70px;
    color: #666666;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.carousel--products .carousel__nav-prev .glyphicon,
.carousel--products .carousel__nav-next .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel--products .carousel__nav-prev {
    left: 0;
}

.carousel--products .carousel__nav-next {
    right: 0;
}

.carousel--products .carousel__pagination {
    display: block;
}

.carousel--products .carousel__pagination {
    margin-top: 30px;
    text-align: center;
}

.carousel--products .carousel__pagination-item {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    font-size: 0;
    background-color: #f6f6f6;
    border: 1px solid #d2d2d2;
    vertical-align: top;
}

.carousel--products .carousel__pagination-item:hover,
.carousel--products .carousel__pagination-item:focus {
    background-color: #b2b2b2;
    border-color: #7f7e7e;
}

.carousel--products .carousel__pagination-item.active {
    background-color: #666666;
    border-color: #3e3e3e;
}

@media (min-width: 480px) {
    .carousel--products {}

    .carousel--products .carousel__nav-prev {
        left: -15px;
    }

    .carousel--products .carousel__nav-next {
        right: -15px;
    }
}

@media (min-width: 768px) {
    .carousel--products {}

    .carousel--products .carousel__nav-prev {
        left: -25px;
    }

    .carousel--products .carousel__nav-next {
        right: -25px;
    }
}

@media (min-width: 992px) {
    .carousel--products {}
}

@media (min-width: 1200px) {
    .carousel--products {}
}

/* Карусель товаров
================================ */
.carousel--products-promotion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -10px;
    padding: 15px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.carousel--products-promotion.loaded {
    display: block;
    overflow: visible;
}

.carousel--products-promotion .carousel__outer {}

.carousel--products-promotion .carousel__item {
    padding: 0 30px;
}

.carousel--products-promotion .products__col {
    float: none;
    display: block;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 10px;
    width: auto;
    max-width: 100%;
}

.carousel--products-promotion.loaded .products__col {
    padding: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size:auto;
    flex-basis: auto;
    max-width: none;
}

.carousel--products-promotion .carousel__nav-prev,
.carousel--products-promotion .carousel__nav-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 70px;
    color: #999999;
    background-color: #fff;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .8;
    cursor: pointer;
}

.carousel--products-promotion .carousel__nav-prev .glyphicon,
.carousel--products-promotion .carousel__nav-next .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 27px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel--products-promotion .carousel__nav-prev {
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.carousel--products-promotion .carousel__nav-next {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (min-width: 480px) {
    .carousel--products-promotion .carousel__item {
        padding: 0 10px;
    }
    .carousel--products-promotion .products__col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .carousel--products-promotion .products__col {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .carousel--products-promotion .products__col {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .carousel--products-promotion .products__col {}
}

/* Карусель сравнения
================================ */
.carousel--comparison {
    margin: 0 auto 30px;
}

.carousel--comparison .carousel__nav-prev,
.carousel--comparison .carousel__nav-next {
    position: absolute;
    top: 170px;
    width: 30px;
    height: 70px;
    color: #fff;
    background-color: #d2d2d2;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .8;
    cursor: pointer;
}

.carousel--comparison .carousel__nav-prev .glyphicon,
.carousel--comparison .carousel__nav-next .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 27px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel--comparison .carousel__nav-prev {
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.carousel--comparison .carousel__nav-next {
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



/* ================================================================
  Одиночный баннер
================================================================ */
.entice {
    display: block;
}

.entice__image {
    display: block;
    margin: auto;
    width: auto;
    height: auto;
}

.entice__image--xs,
.entice__image--sm,
.entice__image--md,
.entice__image--lg {
    display: none;
}

@media (max-width: 767px) {
    .entice__image--xs {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .entice__image--sm {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .entice__image--md {
        display: block;
    }
}

@media (min-width: 1200px) {
    .entice__image--lg {
        display: block;
    }
}



/* ================================================================
  Баннер
================================================================ */
.slides {
    position: relative;
    /*margin-top: -20px;*/
    /*background-color: #d1d1d1; */
    overflow: hidden;
}

.slides.slides--catalog {
    margin: 12px 0;
}

.slides__item {
    display: none;
    padding: 0 0 60px;
    /*min-height: 432px; - удалить*/
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}

.slides__item.active {
    display: block;
}

.slides__tabs-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
}

.slides__tabs {
    margin: 0;
}

.slides__tabs .tabs__item {
    display: table-cell;
    width: 1%;
    vertical-align: top;
}

.slides__tabs .tabs__link {
    position: relative;
    display: block;
    padding: 10px 0;
    white-space: nowrap;
    color: #418c27;
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 1px solid #fff;
    border-right: 1px solid #eaeaea;
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: background-color, opacity;
    transition-property: background-color, opacity;
}

.slides__tabs .tabs__link:hover,
.slides__tabs .tabs__link:focus {
    color: #418c27;
    background-color: #fff;
    opacity: .7;
}

.slides__tabs .active > .tabs__link {
    background-color: #fff;
    opacity: 1;
}

.slides__tabs .tabs__link::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    margin-bottom: -17px;
    margin-left: -16px;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    border-style: solid;
    border-width: 0 16px 17px 16px;
    border-color: transparent transparent #fff transparent;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: margin, visibility, opacity;
    transition-property: margin, visibility, opacity;
    pointer-events: none;
}

.slides__tabs .active > .tabs__link::before {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}

.slides__tabs .tabs__link-icon {
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
}

.slides__tabs .tabs__link-icon img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slides__tabs .tabs__link-text {
    display: none;
    font-size: 16px;
    line-height: .75;
    text-align: left;
    white-space: normal;
}

.slides__tabs .tabs__link-text b {
    text-transform: uppercase;
}

/*--------------------*/
.slides-catalog__tabs-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
}

.slides-catalog__tabs {
    margin: 0 auto 10px;
    display: table;
}

.slides-catalog__tabs .tabs__item {
    float: left;
    margin: 0 5px;
}

.slides-catalog__tabs .tabs__link {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #ababab;
}

.slides-catalog__tabs .tabs__link:hover,
.slides-catalog__tabs .tabs__link:focus {
    background: #e3e3e3;
    border: 1px solid #7e7e7e;
}

.slides-catalog__tabs .active > .tabs__link {
    background: #474747;
    border: 1px solid #2d2d2d;
}

@media (min-width: 768px) {
    .slides {
        margin-top: -20px;
    }

    .slides__item {
        /*height: 402px;
    min-height: 0; - удалить*/
    }
}

@media (min-width: 992px) {
    .slides {}

    .slides__item {
        /*height: 394px; - удалить*/
    }

    .slides__tabs {
        margin: 0;
    }

    .slides__tabs .tabs__link {
        text-align: center;
    }

    .slides__tabs .tabs__link-icon {
        display: inline-block;
        vertical-align: middle;
    }

    .slides__tabs .tabs__link-text {
        display: inline-block;
        margin-left: -40px;
        padding-left: 45px;
        max-width: 100%;
        vertical-align: middle;
    }
}

@media (min-width: 1200px) {
    .slides__item {
        /*height: 445px; - удалить*/
    }
}



/* ================================================================
  Кнопка "Наверх"
================================================================ */
.container--page-up {
    position: fixed;
    bottom: -100px;
    left: 120px;
    height: 1px;
    z-index: 1010;
    opacity: 0;
    visibility: hidden;
    transition:
            bottom .5s ease,
            opacity .3s ease,
            visibility .3s ease;
    will-change: opacity, visibility;
}

.container--page-up.visible {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.container--page-up .button--page-up {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

@media (min-width: 992px) {
    .container--page-up .button--page-up {
        bottom: 56px;
        left: 0;
    }
}


/* Новая цена и кнопка в миниатюре товара */
.carousel-item {
    padding-bottom: 70px;
    height: 335px;
}

.carousel-item .item-rating {
    bottom: 70px;
}

.carousel-item .item-review {
    bottom: 50px;
}

.carousel-item .item-brand {
    bottom: 65px;
}

.carousel-item .item-price {
    bottom: 8px;
}

.catalog .product-item .prod-purchase,
.carousel-item .prod-purchase {}

.catalog .product-item .prod-price,
.carousel-item .prod-price {
    padding-top: 7px;
}

.catalog .product-item .prod-price::before,
.catalog .product-item .prod-price::after,
.carousel-item .prod-price::before,
.carousel-item .prod-price::after {
    display: table;
    content: " ";
}

.catalog .product-item .pricetag,
.catalog .product-item .pricetag-retail,
.carousel-item .pricetag,
.carousel-item .pricetag-retail {
    float: right;
    clear: both;
    display: block;
}

.catalog .product-item .pricetag:not(.pricetag-old):not(.pricetag--unit),
.carousel-item .pricetag:not(.pricetag-old):not(.pricetag--unit) {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 30px;
    color: #666;
    background: transparent;
}

.catalog .product-item .pricetag:not(.pricetag-old):not(.pricetag--unit)::before,
.carousel-item .pricetag:not(.pricetag-old):not(.pricetag--unit)::before {
    display: none;
}

.catalog .product-item .pricetag:not(.pricetag-old):not(.pricetag--unit) sup,
.carousel-item .pricetag:not(.pricetag-old):not(.pricetag--unit) sup {
    top: .5em;
}

@media (min-width: 768px) {
    .catalog .product-item .prod-price .pricetag-old,
    .carousel-item .prod-price .pricetag-old {
        top: -15px;
    }
    .catalog.list .product-item .prod-price .pricetag-old {
        top: auto;
    }
}

.catalog .product-item .pricetag--unit,
.carousel-item .pricetag--unit {
    position: absolute;
    right: 0;
    z-index: 2;
}

.catalog .product-item .pricetag--unit {
    bottom: 20px;
}

.carousel-item .pricetag--unit {
    bottom: 85px;
}

.carousel-item .btn,
.catalog .product-item .btn {
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 13px;
    font-size: 0; /*.001px;*/
    line-height: 16px;
    color: #fff;
    background-color: #ff9c00;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 50%;
    transition:
            color .3s ease,
            background-color .3s ease,
            border-color .3s ease;
    will-change: color, background-color, border-color;
}

.carousel-item .btn:hover,
.catalog .product-item .btn:hover {
    color: #fff;
    background-color: #ff6b00;
}

.carousel-item .btn:active,
.catalog .product-item .btn:active {
    color: #ffffff;
    background: #ff5e00;
}

.carousel-item .btn::before,
.carousel-item .btn::after,
.catalog .product-item .btn::before,
.catalog .product-item .btn::after {
    display: none;
}

.carousel-item .btn .glyphicon,
.catalog .product-item .btn .glyphicon {
    top: auto;
    width: 1em;
    height: 1em;
    margin: auto;
    font-size: 16px;
    line-height: 1;
    vertical-align: top;
}

.carousel-item .btn .glyphicon-before,
.catalog .product-item .btn .glyphicon-before {
    padding: 0;
}

.carousel-item .btn-in-cart,
.catalog .product-item .btn-in-cart {
    color: #669730;
    background-color: #fff;
    border-color: #669730;
}

.carousel-item .btn-in-cart:hover,
.catalog .product-item .btn-in-cart:hover {
    color: #fff;
    background-color: #669730;
    border-color: #669730;
}

.carousel-item .btn-in-cart:active,
.catalog .btn-in-cart .btn:active {
    color: #fff;
    background-color: #669730;
    border-color: #669730;
}

.catalog .product-item .btn {}

@media (max-width: 767px) {
    .catalog .product-item .prod-purchase {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .catalog .product-item .prod-price {
        display: inline-block;
        width: 140px;
        margin-right: 20px;
        text-align: left;
        vertical-align: middle;
    }
}

@media (min-width: 768px) {
    .catalog.list .product-item .btn  {
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 992px) {
    .catalog.list .product-item .prod-price {
        display: inline-block;
        width: 140px;
        margin-right: 20px;
        text-align: left;
        vertical-align: middle;
    }
}



/* Меню категорий в desktop версии сайта*/
.category-bar {
    position: relative;
    display: none;
    background-image: url('img/texture-checkered-light.png');
    background-position: center top;
    /*  box-shadow: 0 -2px 3px rgba(25, 26, 24, .15), 0 2px 3px rgba(25, 26, 24, .15); */
}

@media (min-width: 992px) {
    .category-bar {
        display: block;
    }
}

.category-menu {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 10px;
    list-style: none;
}

.category-menu__item {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 60px;
    max-width: 65px;
}

.category-menu__item:hover {
    box-shadow: 0 0 10px rgba(25, 26, 24, .3);
}

.category-menu__link {
    position: relative;
    display: block;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    padding: 10px 0;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #333333;
    background-color: transparent;
}

.category-menu__link:hover,
.category-menu__item:hover .category-menu__link {
    color: #418c27;
    background-color: #fff;
    z-index: 901;
}

.category-menu__link .icon {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    margin: 0 0 5px;
    opacity: .75;
    z-index: 2;
}

.category-menu__link .icon img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .category-menu {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .category-menu {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .category-menu {
        max-width: 1170px;
    }

    .category-menu__item {
        min-width: 65px;
        max-width: 80px;
    }

    .category-menu__link {
        font-size: 12px;
    }
}



/* Меню подкатегорий в desktop версии сайта*/
.subcategory-bar {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(25, 26, 24, .3);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 899;
    transition:
            opacity .2s ease .3s,
            visibility .2s ease .3s;
    will-change: opacity, visibility;
}

.open > .subcategory-bar {
    opacity: 1;
    visibility: visible;
    z-index: 900;
    transition-delay: 0s;
}

@media (min-width: 992px) {}

.subcategory-menu {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 10px;
    list-style: none;
}

.subcategory-menu__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 11.111111%;
    -ms-flex: 0 0 11.111111%;
    flex: 0 0 11.111111%;
    max-width: 11.111111%;
}

.subcategory-menu__item:nth-child(9) ~ .subcategory-menu__item {
    display: none;
}

.subcategory-menu__link {
    display: block;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 127px;
    padding: 15px 0;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #333333;
    background-color: transparent;
    transition:
            color .3s ease,
            background-color .3s ease,
            box-shadow .3s ease;
    will-change: color, background-color, box-shadow;
}

.subcategory-menu__link:hover,
.subcategory-menu__link:focus {
    background-color: #f6f6f6;
}

.subcategory-menu__link .icon {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 0 5px;
/*opacity: .6;*/
    z-index: 2;
}

.subcategory-menu__link .icon img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .subcategory-menu {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .subcategory-menu {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .subcategory-menu {
        max-width: 1170px;
    }

    .subcategory-menu__link {
        font-size: 12px;
        line-height: 14px;
    }
}



/* ================================================================
  Статические баннеры
================================================================ */


/* ================================================================
  Интерактивные баннеры
================================================================ */
.promo-interactive {
    position: relative;
    margin-bottom: -60px;
    padding-bottom: 60px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.promo-interactive::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease;
    will-change: background-color;
    z-index: 1;
}

.promo-interactive.open::before {
    opacity: .4;
    transition-delay: 0s;
}

.promo-interactive__container {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.promo-interactive__content {
    position: relative;
    height: 372px;
}

.promo-interactive__image {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.promo-interactive__toggle {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    z-index: 1;
}

.promo-interactive__toggle:focus {
    outline: none;
}

.promo-interactive__links {}

.promo-interactive__link {
    position: absolute;
    display: none;
    padding: 15px 15px 15px 50px;
    font-size: 18px;
    line-height: 1.125;
    text-decoration: none;
    color: #3fb716;
    background-color: #fff;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition:
            visibility .3s ease,
            opacity .3s ease;
    will-change: visibility, opacity;
}

.promo-interactive.open .promo-interactive__link {
    visibility: visible;
    opacity: .8;
    transition-delay: .15s;
}

.promo-interactive__link:hover,
.promo-interactive.open .promo-interactive__link:hover {
    opacity: 1;
}

.promo-interactive__link::before {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #fff transparent transparent transparent;
}

.promo-interactive__link-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50px;
    overflow: hidden;
}

.promo-interactive__link-icon::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.promo-interactive__link-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50%;
    max-height: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.promo-interactive__link-title {}

@media (min-width: 768px) {
    .promo-interactive {}

    .promo-interactive__content {
        height: 342px;
    }
}

@media (min-width: 992px) {
    .promo-interactive {}

    .promo-interactive__content {
        height: 335px;
    }
}

@media (min-width: 1200px) {
    .promo-interactive {}

    .promo-interactive__content {
        height: 385px;
    }
}


.promo-interactive--spring {
    background-image: url(/css/promo/spring/bg-xs.jpg?ver=2);
}

.promo-interactive--spring .promo-interactive__link {
    display: block;
    left: 50%;}

.promo-interactive--spring .promo-interactive__link::before {}

.promo-interactive--spring .promo-interactive__link--01 {
    top: 320px;
    margin-left: -125px;
}

.promo-interactive--spring .promo-interactive__link--02 {
    top: 155px;
    margin-left: -65px;
}

.promo-interactive--spring .promo-interactive__link--03 {
    top: 200px;
    margin-left: 30px;
}

.promo-interactive--spring .promo-interactive__link--04 {
    top: 322px;
    margin-left: 30px;
}

@media (max-width: 767px) {
    .promo-interactive--spring .promo-interactive__link--01::before {
        top: auto;
        bottom: 100%;
        left: 0;
        width: 0;
        height: 0;
        margin-bottom: -2px;
        border-style: solid;
        border-width: 20px 0 0 20px;
        border-color: transparent transparent transparent #fff;
    }
}

@media (min-width: 768px) {
    .promo-interactive--spring {
        background-image: url(/css/promo/spring/bg-sm.jpg?ver=2);
    }

    .promo-interactive--spring .promo-interactive__link {
        margin-left: 0;
    }

    .promo-interactive--spring .promo-interactive__link--01 {
        left: 75px;
        top: 80px;
    }

    .promo-interactive--spring .promo-interactive__link--02 {
        left: 225px;
        top: 130px;
    }

    .promo-interactive--spring .promo-interactive__link--03 {
        top: 105px;
        left: 430px;
    }

    .promo-interactive--spring .promo-interactive__link--04 {
        top: 205px;
        left: 585px;
    }
}

@media (min-width: 992px) {
    .promo-interactive--spring {
        background-image: url(/css/promo/spring/bg-md.jpg?ver=2);
    }

    .promo-interactive--spring .promo-interactive__link--01 {
        left: 75px;
        top: 80px;
    }

    .promo-interactive--spring .promo-interactive__link--02 {
        left: 370px;
        top: 130px;
    }

    .promo-interactive--spring .promo-interactive__link--03 {
        top: 105px;
        left: 585px;
    }

    .promo-interactive--spring .promo-interactive__link--04 {
        top: 200px;
        left: 770px;
    }
}

@media (min-width: 1200px) {
    .promo-interactive--spring {
        background-image: url(/css/promo/spring/bg-lg.jpg?ver=2);
    }

    .promo-interactive--spring .promo-interactive__link--01 {
        left: 120px;
        top: 80px;
    }

    .promo-interactive--spring .promo-interactive__link--02 {
        left: 440px;
        top: 130px;
    }

    .promo-interactive--spring .promo-interactive__link--03 {
        top: 105px;
        left: 720px;
    }

    .promo-interactive--spring .promo-interactive__link--04 {
        top: 230px;
        left: 930px;
    }
}

/* catalog_banner */
.promo-catalog {
    position: relative;
    display: block;
    height: 150px;
    margin-bottom: -60px;
    padding-bottom: 60px;
}

.promo-catalog::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease;
    will-change: opacity;
    z-index: 2;
}

.promo-catalog__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
    overflow: hidden;
}

.promo-catalog__image .image {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
}

.promo-catalog__content {
    position: relative;
    height: 100%;
    z-index: 2;
}
/*end catalog_banner*/

.promo-categories {
    position: relative;
    display: block;
    height: 432px;
    margin-bottom: -60px;
    padding-bottom: 60px;
}

.sub-promo-categories {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2;
    /*visibility: hidden;*/
    /*transition: all .5s linear;*/
    transition: all .3s ease-out;
}

/*
.sub-promo-categories:nth-of-type(2) {
	-webkit-clip-path: circle(0.0% at 25% 50%);
	clip-path: circle(0.0% at 25% 50%);
}

.sub-promo-categories:nth-of-type(3) {
	-webkit-clip-path: circle(0.0% at 50% 50%);
	clip-path: circle(0.0% at 50% 50%);
}

.sub-promo-categories:nth-of-type(4) {
	-webkit-clip-path: circle(0.0% at 75% 50%);
	clip-path: circle(0.0% at 75% 50%);
}

.sub-promo-categories:nth-of-type(2).active {
	-webkit-clip-path: circle(100.0% at 25% 50%);
	clip-path: circle(105.0% at 25% 50%);
}

.sub-promo-categories:nth-of-type(3).active {
	-webkit-clip-path: circle(100.0% at 50% 50%);
	clip-path: circle(100.0% at 50% 50%);
}

.sub-promo-categories:nth-of-type(4).active {
	-webkit-clip-path: circle(100.0% at 75% 50%);
	clip-path: circle(105.0% at 75% 50%);
}
*/

.sub-promo-categories.active {
    /*visibility: visible;*/
    top: 0;
}

.promo-categories::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease;
    will-change: opacity;
    z-index: 2;
}

.promo-categories.open::before {
    opacity: .4;
    transition-delay: 0s;
}

.promo-categories__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo-categories__image .image {
    position: absolute;
    top: 0;
    /*left: 50%;*/
    display: block;
    width: auto;
    height: 100%;
    /*transform: translateX(-50%);*/
}

.promo-categories__content {
    position: relative;
    height: 100%;
    z-index: 2;
}

.promo-categories__toggle {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    z-index: 1;
}

.promo-categories__toggle:focus {
    outline: none;
}

.promo-categories__back {
    position: absolute;
    top: 0;
    left: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 30px;
    font-size: 20px;
    z-index: 2;
    cursor: pointer;
}

.promo-categories__links {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    display: block;
    width: auto;
    height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition:
            opacity .3s ease,
            visibility .3s ease;
    will-change:
            opacity,
            visibility;
    pointer-events: none;
    z-index: 2;
}

.promo-categories.open .promo-categories__links {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.promo-categories__link {
    position: relative;
    display: block;
    border-radius: 10px 10px 10px 0px;
    padding: 15px 15px 15px 50px;
    font-size: 18px;
    line-height: 1.125;
    text-decoration: none;
    color: #3fb716;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 2;
    visibility: visible;
    opacity: 1;
    transition:
            visibility .3s ease,
            opacity .3s ease;
    will-change:
            visibility,
            opacity;
}

.promo-categories__link:hover,
.promo-categories__link:focus {}

.promo-categories__link:focus {
    outline: none;
}

.promo-categories__link:first-child {
    margin-top: 10px;
}

.promo-categories__thumbnail {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50px;
    overflow: hidden;
}

.promo-categories__thumbnail::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.promo-categories__thumbnail .image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50%;
    max-height: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .promo-categories {
        height: 402px;
    }

    .promo-categories__link {
        position: absolute;
        width: auto;
        border-bottom: none;
    }

    .promo-categories__link:first-child {
        margin-top: 0;
    }

    .promo-categories__link::before {
        content: "";
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        width: 0;
        height: 0;
        margin-top: -2px;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #fff transparent transparent transparent;
    }
}

@media (min-width: 992px) {
    .promo-categories {
        height: 395px;
    }
}

@media (min-width: 1200px) {
    .promo-categories {
        height: 445px;
    }
}

/* Баннер с выпадающими товарами */
.parallax-banner__bg,
.parallax-banner__front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.parallax-banner__bg img {
    transition: transform .8s ease-out;
}

.parallax-banner.left-banner-active .parallax-banner__bg img { transform: translateX(200px); }
.parallax-banner.right-banner-active .parallax-banner__bg img { transform: translateX(-200px); }

.parallax-subbanner {
    position: absolute;
    width: 100%;
    top: 0;
    pointer-events: none;
}

.parallax-subbanner.active {
    pointer-events: auto;
}

.parallax-banner__content {
    position: relative;
    height: 100%;
    z-index: 2;
}

.parallax-banner__front {
    pointer-events: none;
    z-index: 3;
}

.animatied-steam-1 {
    position: absolute;

    bottom: -370px;
    transform: translateX(-50%);
    animation: steam-1 12s infinite ease-out;
}

.animatied-steam-2 {
    position: absolute;
    left: 50%;
    bottom: -370px;
    transform: translateX(-50%);
    animation: steam-2 9s infinite ease-out;
}

.delay-steam--1 { animation-delay: 1s; left: 20%; }
.delay-steam--2 { animation-delay: 2s; left: 35%; }
.delay-steam--3 { animation-delay: 4s; left: 50%; }
.delay-steam--4 { animation-delay: 5s; left: 65%; }
.delay-steam--5 { animation-delay: 7s; left: 40%; }

@keyframes steam-1 {

    0% {
        bottom: -400px;
        opacity: 1;
    }

    75% {
        opacity: .4;
    }

    100% {
        bottom: -170px;
        opacity: 0;
    }

}

@keyframes steam-2 {

    0% {
        bottom: -300px;
        opacity: 1;
    }

    75% {
        opacity: .4;
    }

    100% {
        bottom: 0;
        opacity: 0;
    }

}

.parallax-banner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* БАННЕР: ванная */
.parallax-banner .boiler {
    position: absolute;
    top: 20px;
    left: 10px;
    opacity: 0;
    transition: opacity .3s ease-out;
}

.parallax-banner .silicon {
    position: absolute;
    top: 20px;
    right: 50px;
    opacity: 0;
    transition: opacity .3s ease-out;
}

.parallax-subbanner.active .silicon,
.parallax-subbanner.active .boiler {
    opacity: 1;
}

.parallax-banner .vanna {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 100%);
    transition: transform .3s ease-out;
}

.parallax-subbanner.active .vanna {
    transform: translate(-50%, 0%);
}

.parallax-banner__button {
    position: absolute;
    top: 20px;
    transform: translate(-50%, -200%) scale(.75);
    transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.parallax-subbanner.active .parallax-banner__button {
    transform: translate(-50%, 0) scale(.75);
}

.parallax-banner__button:nth-child(1) {
    left: calc(100%/3*1);
}

.parallax-banner__button:nth-child(2) {
    left: calc(100%/3*2);
}

.parallax-subbanner.active .parallax-banner__button:hover {
    transform: translate(-50%, 0) scale(.9);
}

.parallax-banner__button img {
    display: block;
}

.parallax-banner__label {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(100px, -100%);
    transition: transform .25s ease-out;
}

.parallax-subbanner.active .parallax-banner__label {
    transform: translate(100px, 0);
}

.parallax-banner__label img {
    display: block;
}

.parallax-banner__button-back {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%) scale(.80);
    transition: transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.parallax-banner__button-back:after {
    content: '\27A6';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    color: #ff7e00;
    position: absolute;
    bottom: 20%;
    left: 50%;
    font-size: 45px;
    transform: translateX(-50%) rotate(180deg);
}

.parallax-subbanner.active .parallax-banner__button-back {
    transform: translate(-50%, -28%) scale(.80);
}

.parallax-subbanner.active .parallax-banner__button-back:hover {
    transform: translate(-50%, -28%) scale(.95);
}

.parallax-banner__product {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    opacity: 0;
    transition: opacity .8s ease-out, left .8s ease-out, right .8s ease-out;
}

.parallax-subbanner--left .parallax-banner__product { left: 0; }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(1) { left: calc(100%/6*0); }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(2) { left: calc(100%/6*1); }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(3) { left: calc(100%/6*2); }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(4) { left: calc(100%/6*3); }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(5) { left: calc(100%/6*4); }
.parallax-subbanner--left.active .parallax-banner__product:nth-child(6) { left: calc(100%/6*5); }

.parallax-subbanner--right .parallax-banner__product { right: 0; }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(1) { right: calc(100%/6*0); }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(2) { right: calc(100%/6*1); }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(3) { right: calc(100%/6*2); }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(4) { right: calc(100%/6*3); }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(5) { right: calc(100%/6*4); }
.parallax-subbanner--right.active .parallax-banner__product:nth-child(6) { right: calc(100%/6*5); }

.parallax-subbanner.active .parallax-banner__product {
    opacity: 1;
}

.parallax-banner__product-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.parallax-subbanner--left .parallax-banner__product { width: calc(100%/6); }
.parallax-subbanner--left .parallax-banner__product:nth-child(1) .parallax-banner__product-img {top: 20px; }
.parallax-subbanner--left .parallax-banner__product:nth-child(2) .parallax-banner__product-img { top: 15px; }
.parallax-subbanner--left .parallax-banner__product:nth-child(3) .parallax-banner__product-img { top: 10px; }
.parallax-subbanner--left .parallax-banner__product:nth-child(4) .parallax-banner__product-img { top: 120px; }
.parallax-subbanner--left .parallax-banner__product:nth-child(5) .parallax-banner__product-img { top: 25px; }
.parallax-subbanner--left .parallax-banner__product:nth-child(6) .parallax-banner__product-img { top: 0; }

.parallax-subbanner--right .parallax-banner__product { width: calc(100%/6); }
.parallax-subbanner--right .parallax-banner__product .parallax-banner__product-img { top: 20px; }

.parallax-banner__product-text {
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 168px;
    height: 114px;
    background-image: url('../img/slider/promo/vannaya/label.png');
    color: rgb(58, 17, 4);
    transition: color .2s ease-out;
}

.parallax-banner__product:hover .parallax-banner__product-text {
    color: rgb(148, 35, 0);
}

.parallax-banner__product-text > div {
    flex-basis: 100%;
}


/*------------------------------------------------------------------*/

.promo-full {
    position: relative;
    display: block;
    height: 432px;
    margin-bottom: -60px;
}

.promo-full__image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}

.promo-full__image .image {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .promo-full {
        height: 402px;
    }
}

@media (min-width: 992px) {
    .promo-full {
        height: 395px;
    }
}

@media (min-width: 1200px) {
    .promo-full {
        height: 445px;
    }
}



/* Баннер в акциях */
.stock-image {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.stock-image .image {
    display: block;
    max-width: 100%;
    margin: auto;
}


/* БАННЕР Акции: Место под солнцем */
.stock-image--men-kit {}

.stock-image--men-kit .image {}

.stock-image--men-kit .button {
    position: absolute;
    bottom: 11px;
    left: calc(50% + 3px);
    width: 206px;
    height: 57px;
    padding: 0;
    color: transparent;
    background-color: #fff;
    border: none;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s ease;
}

.stock-image--men-kit .button:hover,
.stock-image--men-kit .button:focus {
    opacity: .25;
}

@media (min-width: 768px) {
    .stock-image--men-kit {}

    .stock-image--men-kit .image {}

    .stock-image--men-kit .button {
        bottom: calc(22 * 100% / 409);
        right: calc(31 * 100% / 1170);
        left: auto;
        width: calc(310 * 100% / 1170);
        height: calc(84 * 100% / 409);
        -webkit-transform: none;
        transform: none;
    }
}



/* Адреса магазинов */
.store-item {
    position: relative;
    display: block;
    padding: 20px 0;
    font-size: 16px;
    line-height: calc(18 / 16);
    background-color: #fff;
}

.store-item:first-child {
    border-top: 1px solid #e3e3e3;
}

.store-item:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

/*
.store-item:nth-child(odd) {
  background-color: #f8f8f8;
}
*/

.store-item .tel-link {
    text-decoration: none;
    color: inherit;
}

.stores-list__item {

}

.store-item__info {
    position: relative;
    display: block;
    min-height: 1em;
    padding-left: 30px;
}

.store-item__info:not(:last-child) {
    margin-bottom: 10px;
}

.store-item__info::before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 18px;
    height: 20px;
    margin-top: 3px;
    background: url('img/sprite-icons.png') 0 -74px no-repeat;
}

.store-item__info--address {
    font-size: 18px;
    color: #418c27;
    cursor: pointer;
}

.store-item__info--address:hover,
.store-item__info--address:focus {
    color: #67ba4a;
}

.store-item__open-map {
    font-size: 16px;
}

.store-item__control-button {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: transform .2s ease-out;
}

.stores-list__item.open .store-item__control-button {
    transform: rotate(-90deg);
}

.store-item__map {
    height: 300px;
    transition: height .2s ease-out;
}

.store-item__info--address::before {
    background-position: 0 -74px;
}

.store-item__info--schedule::before {
    background-position: -18px -74px;
}

.store-item__info--tel::before {
    background-position: -36px -74px;
}

.store-item__info--point-delivery::before {
    background-position: -54px -74px;
}

@media (min-width: 768px) {

    .store-item {
        display: flex;
    }

    .store-item__info {
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

    .store-item__info:not(:last-child) {
        margin-bottom: 0;
        padding-right: 5px;
    }

    .store-item__info--address {
        width: 190px;
    }

    .store-item__info--schedule {
        width: 160px;
    }

    .store-item__info--tel {
        min-width: 180px;
    }

    .store-item__info--point-delivery {
        min-width: 180px;
    }

    .store-item__control-button {
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .store-item__info {
        margin-right: 40px;
    }
}
/*
@media (min-width: 992px) {
  .store-item {
    padding: 15px 10px 15px 0;
  }

  .store-item:nth-child(odd) {
    background-color: #fff;
  }

  .store-item__info {
    display: block;
    width: auto;
    min-width: 0;
  }

  .store-item__info:not(:last-child) {
    margin-bottom: 10px;
    padding-right: 0;
  }
}
*/
@media (min-width: 1200px) {
    .store-item__info {
        margin-right: 80px;
    }
}


.stores-list {}
/*
@media (min-width: 992px) {
  .stores-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

	.stores-list__item {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex: 0 0 20%;
		display: flex;
	}
}

.stores__list {
  margin: 0 -10px;
}
*/
.stores__list {
    margin-bottom: 50px;
}

.stores__map {
    position: relative;
    height: 300px;
}

@media (min-width: 768px) {
    .stores__list {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .stores__map {
        height: 500px;
    }
}

@media (min-width: 1200px) {}

.stores {}

.stores__header {}

.stores__body {}

.stores.is-close .stores__body {
    height: 0;
    overflow: hidden;
}

.stores__toggle {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 8px;
    font-size: 18px;
    font-weight: 300;
    line-height: calc(20 / 18);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    color: #418c27;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    transition:
            color .3s ease,
            background-color .3s ease,
            border-color .3s ease,
            opacity .3s ease;
    will-change:
            color,
            background-color,
            border-color,
            opacity;
}

.stores__toggle:hover,
.stores__toggle:focus {
    color: #67ba4a;
}

.stores__toggle:focus {
    outline: none;
}

.stores__toggle::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-style: solid;
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent currentColor transparent;
}

.stores.is-close .stores__toggle::after {
    border-width: 6px 4px 0 4px;
    border-color: currentColor transparent transparent transparent;
}



.header-regions-info {
    margin: 0 -10px;
    font-size: 16px;
    text-align: center;
}

.header-regions-info::after {
    content: "";
    display: block;
    width: 24px;
    height: 26px;
    margin: 5px auto 0;
    background: url(img/sprite-icons.png) -55px -46px no-repeat;
}



.img-payment {
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    vertical-align: middle;
}



.more {}

.more[hidden] {
    display: none;
}

[data-toggle="more"]::before {
    content: "* ";
    color: #333;
}

[data-toggle="more"][hidden] {
    display: none;
}

.more--inline {
    display: inline;
    margin: 0;
}


/*   Прячем Яндекс.Советчик   */
html[style*="margin-top:"] body,
html[style*="margin-top:38px"] body,
html[style*="margin-top: 38px"] body {
    margin-top: -38px !important;
}

html[style*="margin-top:"] body > *[style]:last-child,
html[style*="margin-top:38px"] body > *[style]:last-child,
html[style*="margin-top: 38px"] body > *[style]:last-child,
[style*="top: -1px; display: table !important; opacity: 1 !important;"],
[style*="top: -1px; display: table ! important; opacity: 1 ! important;"],
[style*="top: -1px"][style*="display: table"][style*="opacity: 1"],
html[style*="margin-top:"] body > [style*="top:"][style*="display:"][style*="opacity:"] {
    margin-top: -100px !important;
    -webkit-transform: rotateX(90deg) !important;
    -moz-transform: rotateX(90deg) !important;
    -o-transform: rotateX(90deg) !important;
    transform: rotateX(90deg) !important;
    opacity: 0 !important;
}

.header-category {
    display: none;
}

.ulogin-buttons-container {
    margin: 0 -5px !important;
}

.ulogin-buttons-container [class*="ulogin-button"] {
    margin: 0 5px 10px !important;
}

/* Оформление статьи про обогреватели */
.bg-gradient {
    background: #faf7c3;
    background: -moz-linear-gradient(top, #faf7c3 0%, #eed4ba 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #faf7c3 0%,#eed4ba 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #faf7c3 0%,#eed4ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf7c3', endColorstr='#eed4ba',GradientType=0 ); /* IE6-9 */
}

.article-box {
    display: flex;
    flex-direction: row;
    padding: 20px;
    align-items: center;
    justify-content: space-around;
}

.article-box-col {

}

.article-box__image {
    padding: 0 20px;
}

.article-box__table {

}

.article-table {

}

.article-table tr {

}

.article-table .border tr {
    border-bottom: 1px solid #b9b9b9;
}

.article-table th {
    padding: 0 70px 20px 20px;
    font-size: 24px;
    vertical-align: bottom;
}

.article-table td {
    padding: 15px 70px 5px 20px;
    position: relative;
    font-size: 18px;
    vertical-align: top;
}

.article-table td:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 10px;
    height: 10px;
    background: #418c27;
}

.article-table td.flaw:before {
    background: #c22121;
}

.number-list {
    counter-reset: number;
}

.number-list__item {
    padding: 20px 80px;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}

.number-list__item:before {
    counter-increment: number;
    content: '0' counter(number);
    display: block;
    flex: 0 0 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-size: 150px;
    font-weight: bold;
    color: #666666;
    opacity: .3;
    order: 1;
    z-index: 1;
}

.number-list__item:nth-child(2n+2):before {
    float: right;
    order: 2;
}

.article-box__bg-image {
    position: absolute;
    height: 100%;
    left: 0;
    opacity: 0.4;
}

.number-list__item:nth-child(2n+2) .article-box__bg-image {
    left: initial;
    right: 0;
}

.article-box__bg-image > img {
    height: 100%;
}

.article-box__description {
    order: 1;
}

.article-box__title {
    font-size: 18px;
    color: #418c27;
    font-weight: bold;
}

.article-box__text {
    font-size: 16px;
}


/* многоуровневый баннер */
.promo-multilevel__list {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 1000px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.promo-multilevel__list-item {
    margin-bottom: 20px;
}

.promo-categories__main-link {
    position: absolute;
    z-index: 2;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px #fff;
    animation: pulse3 2s linear infinite;
    transition: background .2s ease-out;
}

.promo-categories__main-link:hover {
    background: rgba(255, 255, 255, 0.0);
}

.promo-category {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.promo-category__image {
    position: relative;
    display: none;
}

.promo-category__title {
    width: 230px;
    background: #7ec74e;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 42px;
    border-radius: 5px;
    transition: background .2s ease-out;
}

.promo-category:hover .promo-category__title {
    background: #489c2b;
}

.promo-multilevel__list-item:nth-child(1) .pulsar-dark{
    animation: pulse1 3s linear infinite;
    animation-delay: 2s;
}

.promo-multilevel__list-item:nth-child(2) .pulsar-dark{
    animation: pulse1 3s linear infinite;
    animation-delay: 2.4s;
}

.promo-multilevel__list-item:nth-child(3) .pulsar-dark{
    animation: pulse1 3s linear infinite;
    animation-delay: 2.8s;
}

.promo-multilevel__list-item:nth-child(1) .pulsar-light{
    animation: pulse2 3s linear infinite;
    animation-delay: 2s;
}

.promo-multilevel__list-item:nth-child(2) .pulsar-light{
    animation: pulse2 3s linear infinite;
    animation-delay: 2.4s;
}

.promo-multilevel__list-item:nth-child(3) .pulsar-light{
    animation: pulse2 3s linear infinite;
    animation-delay: 2.8s;
}

.bg-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    display: none;
}

.bg-circle__item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    background: #8fdb5d;
    opacity: .2;
    transition: all .2s ease-out;
    width: 40%;
    height: 40%;
    border-radius: 100%;
}

.promo-category:hover .bg-circle__item {
    width: 55%;
    height: 55%;
    box-shadow: 0 0 30px #8fdb5d;
}

.bg-circle__item:nth-child(3) {
    width: 55%;
    height: 55%;
}

.bg-circle__item:nth-child(4) {
    width: 70%;
    height: 70%;
}

.bg-circle__item:nth-child(5) {
    width: 85%;
    height: 85%;
}

.pulsar-dark {
    position: absolute;
    background: #5ddba1;
    opacity: 0;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    left: 15%;
    top: 15%;
    border: 3px solid #49b584;
}

.pulsar-light {
    position: absolute;
    background: #fff;
    opacity: 0;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    left: 10%;
    top: 10%;
}

@media (min-width: 768px) {
    .promo-multilevel__list {
        flex-direction: row;
    }

    .promo-multilevel__list-item {
        flex-basis: 100%;
        margin-bottom: 0;
    }

    .promo-category {
        width: 280px;
        height: 280px;
    }

    .bg-circle {
        display: block;
    }

    .promo-category__title {
        position: absolute;
        left: 25px;
        bottom: 25px;
    }

    .promo-category__image {
        display: block;
    }
}

@keyframes pulse1 {
    0% { transform: scale(.1); opacity: 0; }
    50% { transform: scale(.4); opacity: .05; }
    60% { transform: scale(.85); opacity: .1; }
    70% { transform: scale(1.2); opacity: .25; }
    80% { transform: scale(1.3); opacity: .4; }
    100% { transform: scale(1.45); opacity: 0; }
}

@keyframes pulse2 {
    0% { transform: scale(.1); opacity: 0; }
    50% { transform: scale(.4); opacity: .05; }
    60% { transform: scale(.8); opacity: .1; }
    70% { transform: scale(1.1); opacity: .25; }
    80% { transform: scale(1.2); opacity: .4; }
    100% { transform: scale(1.3); opacity: 0; }
}

@keyframes pulse3 {
    0% { box-shadow: 0 0 20px #fff; }
    25% { box-shadow: 0 0 30px #fff; }
    50% { box-shadow: 0 0 20px #fff; }
    100% { box-shadow: 0 0 20px #fff; }
}



/* сиялка */
.shine {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.shine:before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.shine:hover:before {
    content: '';
    -moz-animation: shine 1s;
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}
@keyframes shine {
    100% {
        left: 125%
    }
}

/* кнопка youtube */
.ytp-button{border:none;background-color:transparent;padding:0;color:inherit;text-align:inherit;font-size:100%;font-family:inherit;cursor:default;line-height:inherit;}
.ytp-button:focus,.ytp-button{outline:0;}
.ytp-button::-moz-focus-inner{padding:0;border:0;}
.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]){cursor:pointer;}
.ytp-large-play-button{position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;-moz-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);-webkit-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);z-index:63;}
.ytp-large-play-button svg{height:100%;left:0;position:absolute;top:0;width:100%;}
.ytp-large-play-button-bg{-moz-transition:fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);-webkit-transition:fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);transition:fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);fill:#212121;fill-opacity:.8;}
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg{-moz-transition:fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);-webkit-transition:fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);transition:fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);fill:#f00;fill-opacity:1;}



/*******************/
.brand_image {
    padding:5px
}

.agreement-cookie {
    position: fixed;
    left: 15px;
    padding: 10px 20px 20px 30px;
    bottom: -10px;
    z-index: 1000000000000;
    background: #f0f0f0;
    box-shadow: 2px -5px 10px rgba(80, 80, 80, 0.2);
    border-radius: 4px;
    width: calc(100% - 30px);
}

.agreement-cookie .container {
    display: flex;
}


.product__label img {
    border-radius: 100%;
}