html {
    background-color: #222425;
}

body {
    background: #e6e6e6;
    color: #646567;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
}

p {
    margin-bottom: 1em;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
   
}

a:hover {
    text-decoration: underline;
}

a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline-offset: 0;
}

.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: transparent;
}

.bg-gray {
    background-color: #707375;
    color: #FFFFFF;
}

.color-gray,
a.color-gray,
a.color-gray:hover,
a.color-gray:active,
a.color-gray:visited {
    color: inherit;
}

.bx-wrapper {
    overflow: hidden;
}

.navbar-top-bar,
.container-fluid > section {
    margin: 0 -15px;
}

.panel.top-bar,
.navbar-top-bar {
    background-color: #969B9F;
    border-radius: 0;
}

.top-bar {
    background-color: #959b9f;
}

#btn-smart-filter.collapsed,
#btn-product-compare.collapsed,
#btn-product-compare-all.current,
#btn-product-compare-other.current {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 6px 35px;
    background-color: #707375;
    color: #c4c5c5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 0px;
    text-transform: uppercase;
}

#btn-smart-filter,
#btn-product-compare,
#btn-product-compare-all,
#btn-product-compare-other {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 6px 35px;
    background-color: #c9cbcc;
    border-radius: 0px;
    text-transform: uppercase;
    color: #333333;
}

#btn-smart-filter {
    padding-bottom: 20px;
    margin-bottom: -4px;
}

#btn-product-compare,
#btn-product-compare-all,
#btn-product-compare-other {
    margin-left: 7px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.left.top {
    top: 0;
    left: 0;
}

.bx_stick {
    position: absolute;
    display: block;
    width: 140px;
    height: 200px;
    background: transparent url('images/label.png') no-repeat center top;
    background-size: contain;
    top: 0;
    left: 0;
    padding: 55px 30px 100px 37px;
    text-transform: uppercase;
    color: gold;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    word-wrap: break-word;
    overflow: hidden;
}

.bx_stick.average {
    width: 90px;
    height: 132px;
    padding: 35px 18px 71px 20px;
    font-size: 8px;
}

section.products-section-list {
    background: #707375;
}

div.products-section-list {
    background: #e6e6e6;
    margin: 0 -15px;
    padding: 15px;
}

.bx_item_list_title {
    background-color: #6F7376;
}
.recommended-title {
    padding: 9px 12px 11px;
    background-color: #959B9F;
    font: 400 26px/120% 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}
.recommended-wrapper {
    margin: 30px 11px 26px;
    background-color: #E8E8E8;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 15px rgba(36, 39, 48, 0.15);
    box-shadow: 0 0 15px rgba(36, 39, 48, 0.15);
}

@media screen and (min-width: 992px) {
    .recommended-wrapper {
        margin: 30px 24px 26px;
    }
}


.recommended-slider {
    margin-left: 25px;
    margin-right: 25px;
}

.recommended-slider .slick-arrow,
.itemVideoSlider .slick-arrow {
    position: absolute;
    top: calc(50% - 12px);
    z-index: 90;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url('images/right.svg') no-repeat center;
}

.itemVideoSlider .slick-arrow {
    background: url('images/right-w.svg') no-repeat center;
}

.itemVideoSlider .slick-dots {
    list-style: none !important;
    text-align: center;
}

.itemVideoSlider .slick-dots li {
    display: inline-block;
}
.itemVideoSlider .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 3px solid #fff;
    background-color: #FFFFFF;
    font-size: 0;
    padding: 0;
    margin: 4px;
}
.itemVideoSlider .slick-dots li.slick-active button {
    background: #242730;
}

.video-slider-item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    /*max-height: 150px !important;
    -webkit-max-logical-height: 150px;
    min-height: 150px !important;
    -webkit-min-logical-height: 150px;*/
}

@media screen and (min-width: 1128px) {
    .video-slider-item img {
        height: 100px;
    }
}
@media screen and (min-width: 1368px) {
    .video-slider-item img {
        height: 150px;
    }
}

.video-slider-item > div {
    display: flex;
    justify-content: center
}

.recommended-slider .arrow--left,
.itemVideoSlider .arrow--left{
    left: -25px;
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}
.recommended-slider .arrow--right,
.itemVideoSlider .arrow--right{
    right: -25px;
}
@media screen and (min-width: 480px) {
    .recommended-slider .arrow--left {
        left: -61px;
    }
    .recommended-slider .arrow--right {
        right: -61px;
    }
    .recommended-slider {
        margin-left: 62px;
        margin-right: 62px;
    }
}

@media screen and (min-width: 576px) {
    .recommended-slider .arrow--left {
        left: -40px;
    }
    .recommended-slider .arrow--right {
        right: -40px;
    }
    .recommended-slider {
        margin-left: 32px;
        margin-right: 32px;
    }
    .recommended-slider .slick-arrow {
        top: calc(50% - 22px);
        width: 44px;
        height: 44px;
    }
}

@media screen and (min-width: 1024px) {
    .card-item__nav {
        margin-right: 1px;
    }
}

.card-item__img {
    position: relative;
    height: 190px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    background-color: #E7E7E7;

}
.card-item__img img {
    height: 100%;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
}

.card-item__desc {
    background-color: #BABABA;
}
.card-item__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.card-item__inner {
    padding: 20px 12px 0;
}

.card-item__title {
    text-align: center;
    font: 700 16px/120% 'Montserrat', sans-serif;
    text-shadow: -0.87px 0.5px 1px rgba(0, 0, 0, 0.15);
    color: #ffffff;
}
.card-item__subtitle {
    margin: 5px 40px 0;
    text-align: center;
    font: 400 12px/120% 'Montserrat', sans-serif;
    color: #ffffff;
    padding-bottom: 13px;
    -webkit-transition: border .1s linear, padding-bottom .1s linear;
    -o-transition: border .1s linear, padding-bottom .1s linear;
    transition: border .1s linear, padding-bottom .1s linear;
}
.card-item__subtitle span {
    font-weight: 700;
}
.card-item__price {
    margin-top: 16px;
    text-align: center;
    font: 700 24px/120% 'Montserrat', sans-serif;
    text-shadow: -0.87px 0.5px 1px rgba(0, 0, 0, 0.15);
    color: #ffffff;
}
.card-item__price span {
    display: block;
    font-size: 18px;
    text-decoration: line-through;
}
.card-item__info {
    position: relative;
    margin-top: 3px;
    height: 40px;
    list-style: none;
    padding: 0;
    -webkit-transition: visibility .35s ease, opacity .35s ease;
    -o-transition: visibility .35s ease, opacity .35s ease;
    transition: visibility .35s ease, opacity .35s ease;
}
.card-item__info div {
    font: 400 13px/133% 'Roboto', sans-serif;
    color: #ffffff;
    -webkit-transition: font-size .35s ease;
    -o-transition: font-size .35s ease;
    transition: font-size .35s ease;
}
.card-item__info div span {
    white-space: nowrap;
    font-weight: 700;
}

.card-item__info div:not(:last-child) {
    margin-bottom: 3px;
}

.card-item__nav {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: visibility .35s ease, opacity .35s ease, bottom .35s ease;
}

@media screen and (min-width: 576px) {
    .card-item__img {
        height: 250px;
    }
    .card-item__inner {
        padding: 10px 24px 13px;
    }
    .card-item__price {
        margin-top: 17px;
    }
}

@media screen and (min-width: 992px) {
    .card-item__nav {
        visibility: hidden;
        opacity: 0;
    }
    .card-item__info li:not(:last-child) {
        margin-bottom: 8px;
    }
    .card-item__info li {
        font-size: 16px;
    }
}

.card-item__nav .button {
    width: 50%;
    padding-right: 6px;
    padding-left: 6px;
}
.card-item:hover .card-item__img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.card-item:hover .card-item__nav {
    visibility: visible;
    opacity: 1;
}
.card-item a:hover {
    text-decoration: none;
}

.card-item--main .card-item__price {
    margin-top: 5px;
}
.card-item--main .card-item__nav {
    visibility: visible;
    opacity: 1;
}
@media screen and (min-width: 992px) {

    .card-item--main:hover .card-item__subtitle {
        border-bottom: 1px solid transparent;
    }
    .card-item--main .card-item__nav {
        position: absolute;
        width: 100%;
        bottom: -100%;
    }
    .card-item--main:hover .card-item__nav {
        position: relative;
        bottom: 0;
    }
    .card-item--main:hover .card-item__info {
        position: absolute;
        z-index: -1;
        visibility: visible;
        opacity: 0;
    }
}

.btn-group.btn-group-justified {
    padding: 0 15px;
    margin-top: 5px;
}
.btn--card {
    display: block;
    width: 100%;
    background-color: #5d5d5e;
    border-color: #5d5d5e;
    color: #ffffff !important;
    padding: 10px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn--card:not(:last-child) {
    margin-bottom: 12px;
}
.btn--card:hover {
    background-color: #474749;
    border-color: #474749;
}


.bx_item_list_title,
section.products-section-list .bx_catalog_text {
    padding: 10px 0;
    text-align: center;
}

.bx_item_list_title,
section.products-section-list h1.bx_item_list_title {
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 25px;
}

.bx_item_list_title {
    font-size: 18px;
}

section.products-section-list h1.bx_item_list_title {
    background-color: inherit;
}

.bx_item_list_title,
section.products-section-list h1.bx_item_list_title a {
    color: #fff;
    text-decoration: none;
    font: 400 24px/120% 'Montserrat', sans-serif;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 576px) {
    .bx_item_list_title,
    section.products-section-list h1.bx_item_list_title a {
        font-size: 28px;
    }
}

.bx_item_list_title--white {
    color: #ffffff;
    text-align: left;
    text-transform: inherit;
}

.row-same-height {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.row-full-height {
    height: 100%;
}

.col-full-height {
    height: 100%;
    vertical-align: middle;
}

.col-top {
    vertical-align: top;
}

.row-same-height.row-full-height .bx_item_slider,
.row-same-height.row-full-height .bx_item_detail {
    padding-left: 0;
    padding-right: 0;
}

.row-same-height.row-full-height .bx_item_slider {
    background-color: #151515;
}
.soc-container {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.availability {
    position: relative;
    cursor: pointer;
}
#c_store_amount{
    list-style: none;
}
.availability-box {
    display: none;
    font-size: 12px;
    left: 0;
    top: calc(100% + 15px);
    width: 288px;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    text-transform: initial;
    padding: 13px 30px 10px;
    color: #242730;
}

.availability-box::before {
    top: -10px;
    left: 20px;
    position: absolute;
    content: '';
    padding: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 1251px) {
    .availability-box {
        left: auto;
        right: -332px;
        top: 50%;
        width: 297px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .availability-box::before {
        top: calc(50% - 10px);
        left: -10px;
    }
}

.soc-container__item {
    margin-right: 4px;
}
.item-section {
    padding: 48px 22px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1379px) {
    .item-section {
        padding: 24px 22px 48px;
    }
}

@media screen and (min-width: 1380px) {
    .item-section {
        padding: 60px 50px 48px;
    }
}

.item-section__footer {
    margin-top: auto;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.item-section__title {
    margin: 0;
    font: 700 21px/120% 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}
.item-section__subtitle {
    margin: 16px 0 0;
    font: 700 21px/120% 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.item-section__price {
    margin-top: 35px;
    font: 400 18px/120% 'Montserrat', sans-serif;
    max-width: 450px;
}
.item-section__price__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.price-delivery a {
    color: #fff;
}

.item-section__price > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.item-section__price > *:not(:last-child) {
    margin-bottom: 10px;
}

@media screen and (min-width: 1380px) {
    .item-section__subtitle,
    .item-section__title {
        font-size: 26px;
    }

}

.price-new {
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    margin-right: 61px;
    white-space: nowrap;
}
.price-old {
    margin-right: 40px;
    white-space: nowrap;
}
.price-saving {
    font-size: 16px;
    background-color: #E8E8E8;
    padding: 7px 32px 6px;
    color: #242730;
    margin-left: auto;
}
.price-saving__cur {
    display: inline-block;
}

@media screen and (max-width: 460px) {
    .item-section__price {
        font-size: 14px;
    }
    .price-saving {
        font-size: 13px;
        padding: 7px 16px 6px;
    }
}

.item-section__order {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 430px;
}
.item-section__info {
    margin-top: 30px;
}
.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding-right: 60px;
    padding-left: 60px;
    border: 2px solid #fff;
    font: 700 16px/120% 'Montserrat', sans-serif;
    color: #ffffff !important;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: background-color .35s ease, color .35s ease;
    -o-transition: background-color .35s ease, color .35s ease;
    transition: background-color .35s ease, color .35s ease;
}
.button.nowrap {
    white-space: nowrap;
}
.tabs ul.tabs__caption li span img.for-active {
    display: none;
}
.tabs ul.tabs__caption li.active span img.for-active {
    display: inline;
}
.tabs ul.tabs__caption li.active span img.for-inactive {
    display: none;
}
@media screen and (max-width: 770px) {
    .item-section__order {
        flex-wrap: wrap;
    }
}
.button:hover,
.button:active  {
    background-color: #fff;
    color: #242730 !important;
    text-decoration: none;
}
@media screen and (max-width: 480px) {
    .item-section__order .button {
        padding-right: 24px;
        padding-left: 24px;
    }
    .item-section__order .button:not(.default-width) {
        width: 50%;
    }
}

.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs__caption li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    padding-right: 12px;
    padding-left: 12px;
    font: 700 14px/120% 'Montserrat', sans-serif;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: background-color .35s ease, color .35s ease;
    -o-transition: background-color .35s ease, color .35s ease;
    transition: background-color .35s ease, color .35s ease;
}
@media screen and (max-width: 823px) {
    .tabs__caption  {
        display: none;
    }
}

.tabs__caption li a {
    color: #ffffff;
    text-decoration: none;
}

.tabs__caption li.active {
    background-color: #fff;
    color: #242730;
}
.tabs__caption li.active a {
    background-color: #fff;
    color: #242730;
}

.tabs__caption li:not(.active) {
    cursor: pointer;
}
.tabs__content {
    padding: 24px 10px;
    display: none;
}

@media screen and (min-width: 768px) {
    .tabs__content {
        padding: 24px 5px;
    }
}

.tabs__content.active {
    display: block;
}


.tabs__accordion {
    margin-top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    height: 42px;
    padding-right: 12px;
    padding-left: 12px;
    font: 700 14px/120% 'Montserrat', sans-serif;
    text-transform: uppercase;
    -webkit-transition: color .35s ease, background-color .35s ease;
    -o-transition: color .35s ease, background-color .35s ease;
    transition: color .35s ease, background-color .35s ease;
}


@media screen and (min-width: 824px) {
    .tabs__accordion {
        display: none;
    }
}


.tabs__accordion:not(.active) {
    cursor: pointer;
}
.tabs__accordion.active {
    background-color: #E8E8E8;
    color: #272731;
}
.tabs__accordion i {
    position: relative;
    width: 14px;
    height: 14px;
}
.tabs__accordion i::after,
.tabs__accordion i::before {
    position: absolute;
    content: '';
    top: calc(50% - 1px);
    height: 2px;
    width: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
}
.tabs__accordion i::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tabs__accordion.active i::after,
.tabs__accordion.active i::before {
    background-color: #272731;
}

.tabs__accordion.active i::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.item_title_section h1 {
    font: 700 26px/120% 'Montserrat', sans-serif;
}

.item_info_section {
    padding: 15px 5% 0;
}
ul.list {
    list-style: initial;
    margin-left: 10px;
    margin-right: 10px;
}
.list li:not(:last-child) {
    margin-bottom: 10px;
}


.list-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px dotted #fff;
}
.list-info li:not(:last-child) {
    margin-bottom: 10px;
}
.list-info li span {
    position: relative;
    display: block;
    top: 2px;
}
.list-info li span span {
    background-color: #6F7376;
    display: initial;
}


.list-info li span + span {
    margin-top: auto;
    font-weight: 700;
    /*white-space: nowrap;*/
    text-align: right;
    margin-left: 15px;
}


/*section.product-section h1 {*/
/*    font-size: 20pt;*/
/*}*/

section.product-section .item_artnumber {
    font-size: 16pt;
    color: #ffffff;
}

section.product-section .item_basis_price span {
    padding: 5px;
    background-color: #ffffff;
    display: block;
    color: #646567;
}

section.product-section .item_basis_price span.item_basis_prise_desc {
    background-color: inherit;
    color: inherit;
    padding-right: 0;
}

.compare-redirect.btn-group.btn-group-justified > .btn-group,
.bx-filter-parameters-box-container.btn-group.btn-group-justified > .btn-group,
section.product-section .btn-group.btn-group-justified {
    background-color: #5d5d5e;
    border-color: #5d5d5e;
    color: #ffffff !important;
    padding: 0;
}

.compare-redirect.btn-group.btn-group-justified > .btn-group > *,
.bx-filter-parameters-box-container.btn-group.btn-group-justified > .btn-group > *,
section.product-section .btn-group.btn-group-justified > * {
    color: #ffffff !important;
    padding: 10px;
    text-transform: uppercase;
}

.bx-filter-parameters-box-container.btn-group.btn-group-justified > .btn-group > input,
section.product-section .btn-group.btn-group-justified > a {
    background-color: #5d5d5e;
    border-color: #5d5d5e;
}

.compare-redirect.btn-group.btn-group-justified > .btn-group > a:hover,
.bx-filter-parameters-box-container.btn-group.btn-group-justified > .btn-group > input:hover,
section.product-section .btn-group.btn-group-justified > a:hover {
    background-color: #474749;
    border-color: #474749;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.compare-redirect.btn-group.btn-group-justified,
.bx-filter-parameters-box-container.btn-group.btn-group-justified {
    padding: 0 0 15px 0;
}

section.product-section .dl-horizontal dt {
    font-weight: normal;
    color: #ffffff;
}

.item_old_price {
    text-decoration: line-through;
}


@media screen and (min-width: 1128px) {
    .product-section__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
    }
    .product-section__content > * {
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}


@media screen and (min-width: 1200px) {
    .product-section__content > * {
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}


section.page-content {
    padding: 60px 0;
}

.lead-link {
    font-family: 'Comfortaa', cursive;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -85px;
    padding: 5px 0;
    width: 170px;
    background: #e6e6e6;
    border-radius: 4px 4px 0 0;
    text-align: center;
    color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 50;
}

.lead-link:hover {
    text-decoration: none;
    color: transparent;
}

.lead-link span.glyphicon {
    display: block;
}

a.search-page-params {
    border-bottom: 1px dashed blue;
    text-decoration: none;
}

div.search-page-params {
    margin-top: 6px;
}

.search-item-rate {
    font-size: 11px;
}

.bx-searchtitle {
    margin: 10px 8px;
}
.header .bx-searchtitle-header {
    margin: 10px 0;
}
.header .bx-searchtitle-header .btn-default {
    color: #fff !important;
    border: none;
    background: transparent !important;
}
.bx-searchtitle .bx-block-title {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}

.bx-searchtitle .bx-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-searchtitle .bx-input-group .bx-form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    border-right: none;
    border-radius: 2px 0 0 2px;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#f8fafc));
    background-image: -o-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}

.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

.bx-searchtitle .bx-input-group-btn button {
    position: relative;
    border: none;
    background: #707375;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 0 2px 2px 0;
    color: #c4c5c5;
    font-size: 16px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.bx-searchtitle .bx-input-group-btn button:hover {
    background: #c9cbcc;
    color: inherit;
}

div.title-search-result {
    border: 1px solid #c6c6c6;
    display: none;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 999;
    min-width: 370px;
    margin-top: -3px;
    background-color: #ffffff;
}

div.title-search-fader {
    display: none;
    background-image: url('https://www.harvey-rus.ru/bitrix/templates/harvey/images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute;
}

p.title-search-preview {
    font-size: 12px;
}

div.title-search-result td.title-search-price span {
    font-size: 26px;
}

@media screen and (min-width: 459px) {
    .header .bx-searchtitle {
        display: none;
    }
}

/*========================*/

.bx_searche .bx_img_element {
    background: #fafafa;
    float: left;
    width: 67px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.bx_searche .bx_item_block {
    min-height: 65px;
    position: relative
}

.bx_searche .bx_image {
    width: 45px;
    height: 45px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8;
}

.bx_searche .bx_item_element {
    padding-left: 10px;
    margin-left: 70px;
}

.bx_searche .bx_item_element hr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.bx_searche .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none;
}

.bx_searche .bx_item_element a b {
    color: #000000;
    font-weight: normal;
}

.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
    text-decoration: underline;
}

.bx_searche .bx_price {
    font-weight: bold;
    font-size: 13px;
}

.bx_searche .bx_price .old {
    font-weight: normal;
    text-decoration: line-through;
    color: #636363
}

.bx_item_block.all_result {
    min-height: 0
}

.bx_item_block.others_result {
    min-height: 0;
    padding: 0 0 12px;
    line-height: 12px;
}

.bx_item_block.all_result .all_result_title {
    display: block;
    font-size: 12px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 10px;
}

.bx_item_block.all_result .all_result_title a {
    color: #a7a7a7
}

.bx_item_block.all_result .all_result_title a:hover {
    color: #4788cb
}

.bx_item_block.all_result a {
    margin-top: 0;
}

.panel {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel .panel-heading {
    padding: 10px 5% 5px;
    border-top: 1px solid #5d5d5e;
    border-radius: 0;
    background-color: inherit;
}

.panel .panel-heading .panel-title {
    padding: 5px 0 0 0;
    margin: 0;
    color: #ffffff;
    display: block
}

.panel .panel-heading h5.panel-title {
    font-size: 10pt;
}

.panel .panel-heading .panel-title .share {
    width: 50%;
    float: right;
    display: block;
    text-align: right
}

.panel .panel-body a {
    color: inherit;
}

.panel .panel-body a:hover {
    color: initial;
}

.panel .panel-heading .panel-title > a,
.panel .panel-heading .panel-title > a:active,
.panel .panel-heading .panel-title > a:hover {
    color: #ffffff;
    display: block;
    text-decoration: none;
}

.panel .panel-body {
    padding: 10px 5%;
    border-top-color: transparent !important;
}

.panel .panel-body p {
    padding-right: 10%;
    display: block
}

.panel .panel-body ul li {
    line-height: 1.4
}

.panel .panel-footer {
    padding: 0
}

.panel-group {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 22px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel + .panel {
    margin-top: 5px
}

#bx_bigimages_imgcontainer {
    width: 100%;
    height: 900px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.royalSlider > .rsImg {
    visibility: hidden;
}

.rsNav.rsThumbs.rsThumbsHor {
    background-color: transparent;
    position: absolute;
    bottom: 0;
}

.transparent_input {
    text-indent: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.bx_col_input {
    width: 40px;
    text-align: center;
}

#map-canvas,
.map-overlay {
    top: 0;
    min-height: 800px;
}

#map-canvas {
    position: absolute !important;
}

.map-overlay {
    position: relative;
    top: 0;
    width: 100%;
    pointer-events: none;
    background: transparent;
}

.map-overlay > .container {
    padding-top: 180px;
}

.map-overlay .container .media {
    background: #ffffff;
    border-bottom: solid 1px #c7c9c8;
    margin-bottom: 30px;
    pointer-events: all;
}

.map-overlay .container .media-left {
    pointer-events: all;
    margin-top: 0;
    position: relative;
    margin-top: 100px;
}

.map-overlay .container .media-body {
    padding: 15px 25px 5px 10px;
}

.map-overlay .media img {
    max-width: none;
}

.map-overlay .container .form-contatti {
    margin-bottom: 150px;
}

.form-contatti-body {
    padding: 20px 20px 0;
}

.form-contatti-footer {
    padding: 10px 20px;
}

.contacts-number {
    pointer-events: all;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 20px 0 20px;
    font-family: 'Comfortaa', cursive;
}

.contacts-number h2 {
    text-transform: none;
    text-align: center;
    margin-top: 0;
}

.contacts-number p {
    margin-bottom: 0;
    line-height: 35px;
    text-align: center;
    width: auto;
}

.contacts-number p span span {
    margin-left: 25px;
}

.contacts-number p span:first-child span {
    margin-left: 0px;
}

.contacts-number p span.cont {
    display: inline-block;
}

.contacts-number p span span.visible-lg {
    display: inline !important;
    margin-left: 0;
}

.feedback {
    background-color: #ffffff;
    position: relative;
    padding-bottom: 60px;
}

#main-navigation.dark > li > a,
#main-navigation.dark > li > #bx_basket1 > li > a {
    color: #424b51;
}

.navbar .affix-pannell.affix #main-navigation.dark > li > a,
.navbar .affix-pannell.affix #main-navigation.dark > li > #bx_basket1 > li > a {
    color: #ffffff;
}

@media (max-width: 423px) {
    .contacts-number p span span {
        margin-left: 0px;
    }
}

.popup-window,
.popup-window-content-row .popup-window-center-column {
    background-color: #707375;
    border: none;
    border-radius: 0;
}

.popup-window-titlebar .popup-window-top-row .popup-window-left-column,
.popup-window-titlebar .popup-window-top-row .popup-window-center-column,
.popup-window-titlebar .popup-window-top-row .popup-window-right-column {
    height: 50px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #5d5d5e;
    border: none;
    color: #d1d3d4;
}

.popup-window-content {
    position: relative;
    color: #ffffff;
}

.product-name {
    display: block;
    margin-top: -50px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 1px;
    margin-right: 1px;
    line-height: 50px;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    width: 300px;
}

.popup-window-buttons.btn-group-justified {
    max-width: 350px;
    padding: 0 !important;
}

.popup-window-buttons .btn-default {
    background: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.popup-window-buttons-hr {
    display: none;
}

.navbar .navbar-inner {
    background: none;
    border: none;
    padding: 0;
}

.navbar-inner > .container {
    position: relative;
    margin-top: 50px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.banner {
    z-index: 100;
    width: 100%;
    border: none;
    background: transparent;
    position: fixed;
}

.navbar .brand {
    position: absolute;
    bottom: 15px;
    background: url(images/logo.png) no-repeat;
    width: 250px;
    height: 56px;
    background-size: 100%;
    text-indent: -9999px;
    display: block;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.navbar .slogan {
    font-family: 'Comfortaa', cursive;
    font-size: 20px;
    color: #ffffff;
    opacity: 0.95;
    text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 110px;
    -webkit-transition: opacity 0.1s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    /* Firefox 4-15 */
    -o-transition: opacity 0.1s ease-out;
    /* Opera 10.50–12.00 */
    transition: opacity 0.1s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.navbar .brand-small {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    background: url(images/logo.png) no-repeat;
    width: 150px;
    height: 40px;
    top: 6px;
    background-size: 100%;
    text-indent: -9999px;
    display: block;
    margin: 0;
    margin-top: 0;
    padding: 0;
    position: absolute;
}

.navbar-default .navbar-toggle {
    margin-right: 0;
    /*border-color: #fff;*/
    border: none;
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    opacity: 0.65;
}

.navbar-collapse {
    clear: both;
    border: none;
    padding: 0;
}

.navbar .nav li a,
.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
}

.navbar .nav li a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    display: block;
    background: rgba(255, 255, 255, 0);
    padding: 10px 5px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.bx-ie .navbar .nav li a {
    text-shadow: none;
}

.navbar .nav li ul li a {
    padding: 5px 5px;
    text-transform: none;
}

.navbar .nav li a:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    text-shadow: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
}

.navbar-default .navbar-collapse {
    overflow-x: hidden;
}

.dropdown-menu {
    opacity: 0.9;
    filter: alpha(opacity=90);
    background-color: #171717;
}

.menu .dropdown-menu {
    background-color: #242730;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: inherit;
}

div #affix-fix {
    height: 50px;
    display: block;
}

.affix-pannell {
    width: 100%;
    -webkit-transition: all 0.1s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    /* Firefox 4-15 */
    -o-transition: all 0.1s ease-out;
    /* Opera 10.50–12.00 */
    transition: all 0.1s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.affix-pannell #main-navigation {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.affix-pannell.affix {
    min-height: 50px;
    z-index: 999;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 100%;
    background-color: #1b1b1b;
    text-align: center;
    background: -o-linear-gradient(#1b1b1b 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), to(#000000));
    background: linear-gradient(#1b1b1b 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B1B1B', endColorstr='#000', GradientType=0);
    -webkit-box-shadow: none;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: none;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.affix-pannell.affix .navbar-inner {
    margin-top: 4px;
}

.navbar .affix-pannell.affix .nav li a {
    color: #ffffff;
}

.navbar .affix-pannell.affix .brand-small {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar .affix-pannell.affix .brand,
.navbar .affix-pannell.affix .slogan {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bx-basket > li > a {
    padding: 10px 5px !important;
}

#main-navigation .divider {
    height: 1px;
    margin: 5px;
    overflow: hidden;
    background-color: #777777;
}

.bx-basket {
    margin: 0;
}

.bx-basket > li > a {
    text-transform: none;
}

#nav-cart {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#nav-cart .cart-val {
    visibility: hidden;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
}

#nav-cart span {
    display: block;
    float: left;
}

#nav-cart .cart-val {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    text-decoration: none;
}

#nav-cart:hover .cart-val,
#nav-cart.active .cart-val {
    width: 95px;
    visibility: visible;
}
#nav-cart .cart-number {
    font-size: 14px;
    margin-left: 2px;
}
/* @end */

/* @group Footer */

.bx-footer {
    background: #292d2e;
    color: #c8cece;
}

.bx-footer-section.bx-center-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.bx-footer-section.bx-center-section > div {
    margin-bottom: 20px;
}

.bx-footer a {
    color: #c8cece;
}

.bx-footer a:hover {
    color: #ffffff;
    border-bottom: 1px solid;
    text-decoration: none;
}

.bx-footer-line {
    background: #1f496a;
}

.bx-footer-bottomline {
    background: #222425;
    font-size: 14px;
    padding: 22px 0;
}

.bx-up {
    text-align: right;
}

.bx-up a,
.bx-up a:hover {
    border-bottom: none;
}

.bx-inclogofooter-logo img {
    max-width: 180px;
    height: auto;
}

.bx-inclogofooter-block {
    padding-bottom: 20px;
}

.bx-inclinksfooter a {
    border-bottom: none;
}

.bx-inclinksfooter .bx-block-title {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
}

.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #ffffff;
    border-radius: 2px;
}

.bx-inclinksfooter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bx-inclinksfooter-item {
    padding: 0 0 5px 0;
}

.bx-footer .bx-block-title {
    text-transform: uppercase;
}

/* @end */

/* @group Pannel */

div.row.products {
    border-radius: 0;
    margin: auto;
    text-align: center;
    font-size: 0px;
}

div.row.products > div {
    padding: 0;
    background: #c7c9c8;
    overflow: hidden;
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.pannell {
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    margin: 0;
    position: relative;
    font-size: .8em;
    -webkit-perspective: 800px;
    -moz-perspective: 600px;
}

/* -- make sure to declare a default for every property that you want animated -- */

/* -- general styles, including Y axis rotation -- */

.pannell .front {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 9;
    width: inherit;
    height: 100%;
    background: #ffffff;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.pannell.flip .front {
    z-index: 9;
    border-color: #eeeeee;
    background: #d8dddc;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.bx-touch .pannell.flip .front {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.pannell .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: inherit;
    height: 100%;
    background: #424b51;
    color: #ffffff;
    text-align: center;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    /* -- transition is the magic sauce for animation -- */
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pannell.flip .back {
    z-index: 10;
    background: #292d2e;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.bx-touch .pannell.flip .back {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.pannell .front .pad {
    width: 100%;
    height: auto;
}

.pannell img {
    width: 100%;
    height: auto;
}

.pannell .back h5 {
    margin-top: 20px;
    letter-spacing: 3px;
    line-height: 1.2em;
    /*	font-size: 16pt;*/
    text-transform: uppercase;
}

.pannell .back p {
    font-size: 12pt;
    line-height: 1.2em;
    text-transform: uppercase;
}

.pannell .product-info,
.pannell .bx_catalog_item_controls {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    padding: 15px 0;
    z-index: 5;
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 12pt;
}

.pannell .product-info {
    background-color: rgba(0, 0, 0, 0.2);
}

.pannell .product-info a,
.pannell .bx_catalog_item_controls a,
.pannell a .overley-content {
    color: white;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.pannell .product-info .btn-default,
.pannell .bx_catalog_item_controls .btn-default {
    background: transparent;
}

.pannell .product-info .btn-default:hover,
.pannell .product-info .btn-default:focus,
.pannell .bx_catalog_item_controls .btn-default:hover,
.pannell .bx_catalog_item_controls .btn-default:focus {
    background: #ffffff;
    color: #333333;
    text-shadow: none;
}

.pannell .bx_col_input {
    width: 40px;
    text-align: center;
}

.pannell .bx_col_input:focus {
    outline: 0;
    outline: none;
    outline-offset: 0;
}

.pannell .back .img-overlay {
    background: #363635;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
    z-index: 4;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
}

.pannell.flip .back .img-overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -webkit-transition-delay: .4s;
    -moz-transition: opacity 0.3s ease-out;
    -moz-transition-delay: .4s;
    -o-transition: opacity 0.3s ease-out;
    -o-transition-delay: .4s;
    transition: opacity 0.3s ease-out;
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.bx-touch .pannell.flip .back .img-overlay {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.pannell .back .img-overlay .overley-content {
    padding-bottom: 20px;
    padding-left: 10%;
    padding-right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 40%;
}

.pannell .back img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 2000ms;
    /*-webkit-transition-delay: .4s;*/
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 2000ms;
    /*-moz-transition-delay: .4s;*/
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -o-transition-duration: 2000ms;
    transition-duration: 2000ms;
    /*transition-delay: .4s;*/
    width: 100%;
    height: auto;
}

.pannell.flip .back img {
    -webkit-transform: scale(1.15, 1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 1500ms;
    -webkit-transition-delay: .4s;
    -moz-transform: scale(1.15, 1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 1500ms;
    -moz-transition-delay: .4s;
    -ms-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -o-transition-duration: 1500ms;
    transition-duration: 1500ms;
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
    position: relative;
    /*z-index: 3;*/
}

.bx-touch .pannell.flip .back img {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.pannell .back .left.top {
    top: 0;
    right: 0;
    left: auto;
}

.pannell:not(.flip) .back .bx_stick {
    display: none;
}

/* @end */

/* @group Checkbox */

label.radio,
label.checkbox {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.radio label,
.checkbox label {
    padding-left: 0;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    margin: 0;
}

.radio input[type="radio"]:not(checked) + span {
    position: relative;
    padding: 0 0 0 35px;
    color: #3f3f3f;
    font-size: 14px;
}

.radio input[type="radio"] + span,
.checkbox input[type="checkbox"] + span {
    cursor: pointer;
}

.radio input[type="radio"]:not(checked) + span:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #cdd1da;
    border-radius: 50%;
    background: #ffffff;
}

.radio input[type="radio"]:not(checked) + span:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #959b9f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.radio input[type="radio"]:checked + span:after {
    opacity: 1;
}

.checkbox input[type="checkbox"]:not(checked) + span {
    position: relative;
    padding: 0 0 0 50px;
    color: #3f3f3f;
    font-size: 14px;
}

.checkbox input[type="checkbox"]:not(checked) + span:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: #cdd1da;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
}

.checkbox input[type="checkbox"]:not(checked) + span:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.checkbox input[type="checkbox"]:checked + span:before {
    background: #959b9f;
}

.checkbox input[type="checkbox"]:checked + span:after {
    left: 23px;
}

/* @end */

/* @group Animations */

/* ==========================================================================
   Animations
   ========================================================================== */

.animated {
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.flip {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(1500px) rotateY(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(1500px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(1500px) rotateY(90deg);
        transform: perspective(1500px) rotateY(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(1500px) rotateY(0deg);
        transform: perspective(1500px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.delay03 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.delay05 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.delay08 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

.delay12 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

/* @end */

/* @group Royal Slider */

/* v1.0.5 */

/* Core RS CSS file. 95% of time you shouldn't change anything here. */

.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr;
}

.royalSlider > * {
    float: left;
}

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;
}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */

.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
    /*left: 0;
	top: 0;
	position: absolute;*/
    /*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ios controls over video bug, shifting video */

.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 3%;
    bottom: 80px;
    position: relative;
    z-index: 15;
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing-cursor {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(https://www.harvey-rus.ru/bitrix/templates/img/blank.gif);
}

/* ==========================================================================
   nuovo slider full width
   ========================================================================== */

#full-width-slider {
    width: 100%;
    z-index: 5;
    overflow: hidden;
    height: 800px;
    height: 100vh;
}

#full-width-slider h1,
#full-width-slider h2,
#full-width-slider h3,
#full-width-slider h4,
#full-width-slider h5,
#full-width-slider h6 {
    font-family: 'Comfortaa', cursive;
}

#full-width-slider .container {
    position: relative;
    height: 100%;
    z-index: 10;
}

#full-width-slider .rsOverflow {
    width: 100% !important;
}

#full-width-slider .container {
    position: relative;
    height: 100%;
    z-index: 10;
}

#full-width-slider a.rsImg {
    display: none;
}

#full-width-slider .rsImg {
    max-width: none;
    position: absolute;
    width: 100%;
    top: 0;
    -webkit-transform: translateZ(0);
}

#full-width-slider .container.desc .row {
    position: absolute;
    z-index: 15;
    left: 15px;
    top: auto;
    bottom: 60px;
    min-height: auto;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

#full-width-slider .car-description h2,
#full-width-slider .car-description p {
    color: white;
    margin-top: 10px;
    text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}

#full-width-slider .car-description h6 {
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

#full-width-slider .car-description h2 {
    margin-top: 10px;
}

#full-width-slider .car-description h2 a {
    color: white;
    -webkit-transition: all 0.2s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    /* Firefox 4-15 */
    -o-transition: all 0.2s ease-out;
    /* Opera 10.50–12.00 */
    transition: all 0.2s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#full-width-slider .car-description h2 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.70);
}

#full-width-slider .fs1 {
    margin-right: 10px;
    bottom: -7px;
    display: inline-block;
    position: relative;
    font-size: 1.5em;
}

/***************
*
*  1. Arrows
*
****************/

.rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsVer .rsArrow {
    width: 100%;
    height: 44px;
}

.rsVer .rsArrowLeft {
    top: 0;
    left: 0;
}

.rsVer .rsArrowRight {
    bottom: 0;
    left: 0;
}

.rsHor .rsArrowLeft {
    left: 0;
    top: 0;
}

.rsHor .rsArrowRight {
    right: 0;
    top: 0;
}

.rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000000;
    border-radius: 2px;
}

.rsArrowIcn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/*.rsHor .rsArrowLeft .rsArrowIcn {*/
/*    background-position: -64px -32px;*/
/*}*/

/*.rsHor .rsArrowRight .rsArrowIcn {*/
/*    background-position: -64px -64px;*/
/*}*/

/*.rsVer .rsArrowLeft .rsArrowIcn {*/
/*    background-position: -96px -32px;*/
/*}*/

/*.rsVer .rsArrowRight .rsArrowIcn {*/
/*    background-position: -96px -64px;*/
/*}*/

.rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none;
}

/***************
*
*  2. Bullets
*
****************/

.rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
    display: block;
}

.rsBullet {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.rsBullet span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #777777;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}



/* @group Defaul Skin */

/******************************
*
*  RoyalSlider Default Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'images/rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/

/* Background */

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
    background: #151515;
    color: #ffffff;
}

/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsDefault.rsVer .rsArrow {
    width: 100%;
    height: 44px;
}

.rsDefault.rsVer .rsArrowLeft {
    top: 0;
    left: 0;
}

.rsDefault.rsVer .rsArrowRight {
    bottom: 0;
    left: 0;
}

.rsDefault.rsHor .rsArrowLeft {
    left: 16px;
    top: 0;
}

.rsDefault.rsHor .rsArrowRight {
    right: 16px;
    top: 0;
}

.rsDefault .rsArrowIcn {
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url('images/right-w.svg') no-repeat center;
}
.rsDefault .rsArrowLeft .rsArrowIcn {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}


/*.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {*/
/*    background-position: -64px -32px;*/
/*}*/

/*.rsDefault.rsHor .rsArrowRight .rsArrowIcn {*/
/*    background-position: -64px -64px;*/
/*}*/

/*.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {*/
/*    background-position: -96px -32px;*/
/*}*/

/*.rsDefault.rsVer .rsArrowRight .rsArrowIcn {*/
/*    background-position: -96px -64px;*/
/*}*/

.rsDefault .rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none;
}

/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 40px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 14px;
    overflow: hidden;
}

.rsDefault .rsBullet {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.rsDefault .rsBullet:not(:last-child) {
    margin-right: 12px;
}

.rsDefault .rsBullet span {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 3px solid #fff;
    background-color: #FFFFFF;
}

.rsDefault .rsBullet.rsNavSelected span {
    background-color: #242730;
}

/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
    width: 100%;
    height: 72px;
}

.rsDefault .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%;
}

.rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px;
}

.rsDefault .rsThumb img {
    width: 100%;
    height: 100%;
}

.rsDefault .rsThumb.rsNavSelected {
    background: #343434;
}

.rsDefault .rsThumb.rsNavSelected img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.rsDefault .rsTmb {
    display: block;
}

/* Thumbnails with text */

.rsDefault .rsTmb h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #ffffff;
}

.rsDefault .rsTmb span {
    color: #dddddd;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
}

/* Thumbnails arrow icons */

.rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000000;
    background: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsThumbsArrow:hover {
    background: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0;
}

.rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url('images/rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
    display: none !important;
}

/* Thumbnails resizing on smaller screens */

@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsDefault .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsDefault .rsThumbsHor {
        height: 44px;
    }

    .rsDefault .rsThumbsVer {
        width: 59px;
    }
}

/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative;
}

.rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #d9d9dd;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
    -webkit-box-shadow: inset 1px 0 0 #ffffff;
    box-shadow: inset 1px 0 0 #ffffff;
    *display: inline;
    *zoom: 1;
}

.rsDefault .rsTab:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rsDefault .rsTab:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cfcfcf;
}

.rsDefault .rsTab:active {
    border: 1px solid #d9d9dd;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
    color: #ffffff;
    border: 1px solid #999999;
    text-shadow: 1px 1px #838383;
    -webkit-box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    background: #acacac;
    background-image: -moz-llinear-gradient(top, #acacac, #bbbbbb);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acacac), to(#bbbbbb));
    background-image: -o-linear-gradient(top, #acacac, #bbbbbb);
    background-image: linear-gradient(to bottom, #acacac, #bbbbbb);
}

/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('images/rs-default.png') 0 0;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000000;
    border-radius: 2px;
}

.rsDefault .rsFullscreenIcn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: url(images/rs-default.png) no-repeat 0 -32px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
}

.rsDefault .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px;
}

.rsDefault .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('images/rs-default.png') -64px 0;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000000;
}

.rsDefault .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url(images/preloader-white.gif);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/

.rsDefault .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px;
}

/* @end */

.video-title {
    position: absolute;
    width: 100%;
    max-width: 400px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.rsDefault .rsPlayBtnIcon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-align-items-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

/* @end */

/* @group Media Queries */

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* fix per header su mobile, mostra sempre come fixed  */

@media (max-width: 767px) {
    .affix-pannell.affix-top,
    .affix-pannell.affix {
        z-index: 999;
        opacity: 1;
        width: 100%;
        background-color: #1b1b1b;
        background: #1b1b1b;
        text-align: center;
        background: -o-linear-gradient(#1b1b1b 0%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), to(#000000));
        background: linear-gradient(#1b1b1b 0%, #000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B1B1B', endColorstr='#000', GradientType=0);
        -webkit-box-shadow: none;
        box-shadow: none;
        position: fixed;
    }

    .affix-pannell.affix-top .navbar-inner,
    .affix-pannell.affix .navbar-inner {
        margin-top: 0;
    }

    .navbar .brand-small {
        right: 50%;
        margin-right: -90px;
        display: block;
        opacity: 1;
    }

    .navbar .brand,
    .navbar .slogan {
        display: none;
    }

    .navbar .nav {
        margin-top: 0;
    }

    .navbar-nav > li > a {
        padding: 10px 0 10px;
        text-align: left;
        color: #ffffff !important;
    }

    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 0;
        background-color: #1b1b20;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        margin-left: 0%;
    }

    #main-navigation {
        margin: 25px 35px;
    }

    .collapsing.width {
        position: absolute;
        width: 80%;
        margin-left: -80%;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
    }

    .navbar-collapse.in {
        width: 80%;
        overflow-y: scroll;
        margin-left: 0%;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
    }

    .bx-footer {
        text-align: center;
    }

    .bx-up {
        text-align: center;
    }

    .map-overlay > .container {
        padding-top: 340px;
    }

    #full-width-slider .container.desc .row {
        min-height: auto;
        height: auto;
    }

    #nav-cart .cart-val {
        width: auto;
        visibility: visible;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 19px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 13px;
    }

    p {
        margin-bottom: 1em;
    }

    .banner {
        position: absolute;
    }

    .navbar .navbar-inner {
        margin-top: 80px;
    }

    .navbar .nav {
        float: right;
        margin-right: 0;
    }

    #main-navigation.navbar .nav li {
        display: inline-block;
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 13px;
        padding-bottom: 7px;
    }

    .navbar .nav li:last-child a {
        padding-right: 0;
    }

    .lt-ie8 .navbar .nav li {
        display: block;
        float: left;
    }

    .navbar .nav li > ul.dropdown-menu > li {
        display: block;
    }

    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }

    .navbar-right .bx-basket .dropdown-menu {
        right: 0;
        left: auto;
    }

    .roll {
        display: inline-block;
        overflow: hidden;
        z-index: 200;
        position: relative;
        vertical-align: top;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        -webkit-perspective-origin: 50% 50%;
        -moz-perspective-origin: 50% 50%;
    }

    .roll span {
        display: block;
        position: relative;
        padding: 0 2px;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        pointer-events: none;
        -webkit-pointer-events: none;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        overflow: hidden;
    }

    a.roll:hover span {
        overflow: visible;
        -webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
        -moz-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
    }

    .roll span:after {
        content: attr(data-title);
        display: block;
        position: absolute;
        left: 0;
        top: 1px;
        padding: 0 2px;
        color: #424b51;
        background: #ffffff;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -webkit-transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
        -moz-transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
    }

    .bx-ie .roll span:after {
        background: none;
        display: none;
    }

    #full-width-slider h2 {
        font-size: 48px;
    }

    .dl-horizontal dt {
        width: 40%;
        white-space: normal;
    }

    .dl-horizontal dd {
        margin-left: 43%;
    }

    .lead-link {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -85px;
        padding: 5px 0;
        width: 170px;
        color: #424b51;
    }

    .lead-link:hover {
        color: #5e696f;
    }
}

@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}

@media (max-width: 991px) {
    .col-md-height {
        display: block;
        float: left;
    }

    .row-full-height {
        height: auto;
    }

    .row-same-height {
        display: block;
        width: auto;
        table-layout: auto;
    }

    .navbar .brand {
        width: 210px;
        bottom: 2px;
    }
}

/* @end */

.rekvizit,
.dealtable {
    padding: 15px 30px 20px;
    margin-top: 40px;
}
.dealtable thead {
    background-color: #b9b9b9;
}
.dealtable thead tr > * {
    padding: 8px 5px;
    border: 1px solid #afafaf;
}


.rekvizit td,
.dealtable td {
    padding: 5px;
    border: 1px solid #afafaf;
}
.dealtable {
    width: 100%;
}


.dctel {
    width: 12%;
}

.page-content#dealers {
    padding-top: 10px;
}

@media screen and (max-width: 1000px) {
    .dctel {
        width: 100%;
    }
    .dealtable {
        border: 0;
    }

    .dealtable thead {
        display: none;
    }

    .dealtable tr {
        display: block;
        border-bottom: 1px solid #afafaf;
        margin-bottom: 28px;
    }

    .dealtable td {
        display: block;
        text-align: right;
        font-size: 14px;
        margin-top: -1px;
    }

    .dealtable td:last-child {
        border-bottom: 0;
    }

    .dealtable td::before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
    }
}



.stikers-wrap {
    position: absolute;
    display: block;
    width: 145px;
    top: 5px;
    left: 3px;
}

.stikers-wrap .stiker {
    display: block;
    margin-bottom: -12px;
}

.stikers-wrap .stiker img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.youtube {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABDlJREFUWIXFl11sU2UYx3/n7WnXnraDbd1HhTn52ihOR7IEGw3ETRwJGTHcCSLcaCR+EkJISPxKMGFGvNEYDVEuRBMiF7qQRaMGQjaVyGDRiet0GzRjLGys61pOd2jX93hRtjDo2m5s+E9OTs55/n2e33lO3ue8VQDOV+ATFpqkpF4IXCysYiacMpPsrw3SpZyvwCcUziLIX+DC0yWJSBO/Kiw0wX0uDiDIV+B9ISX1mXzW4jLK3ngXbe1jABQ9+yLFO1+bFwYT6kW2d54YGaJw6/MU73odYXew5O2PsJUvmxcAAU6R1SUlw8c+wb1hE67Hn0Lk2Rk5fiSVQHOByJ4iC0R2hU4cRdjslL36Fvq5VozeAEsPfsqjnVHWnLlE3kOrKNiyjeVftCA0F5XN7dgrq+cPIBkJM9r8FVrNOq4fP4Ja4MGzfTe9uxqI9/fh2fEyqqcUh68GRVXRqmuxOHNbzTn3T+84C8B4ZzuqpxQAo7uT+EAQtcCTa5q5A0yTomS+XnCAO2Wa9xdAjuupH2suhOYiGR0D00Sx2lIrYxZS5wIQHwhi/PMXlc3tCM1Jz3P1CLsDtbCYyu/OzSqX0rGcnPpnLV2Co+oRbrS3ImM6QnOh1awjfuUy8f4+APIeXEFieBDFakPqUcxk8t4AhObEudaPcLpzfaBpkuM6+oVfkTF9Rs+MryD/yc1UfHgMy+LCORWfVDIcIrh3B5Ez36eNp+2AtcSL71QPwqHdU/FJyZjO33UrmLh+7a5Y2lXgXr8J4dDoblxLoME3dVw9tO8ub6DBR+jbYxkBhOYkf31D+ljam7fG6AMHDmNfXUPi2lW8+5tYvGXbXV6jN0ByLJQRAEA4nLkDTMr9xEbyypehWG0s2vgM8f5LDH/5Mca/Fxn84ADJsVEAor/8TO/Op4m2/gjAlXde4aLfy6XdWzET8cxgWdFvU+R0C6ETRzF6A1z7rIlkJAyAfdXD5Nc3MvT5YfT2Nkabv6Zs73vo7W3E/vg9Y845DaI7ZfOWY/UuRRrjxAf7UQs8OCqrUYtKSMZuLCRAmhEiJfGBIH0vNAKgCMt8A2T58ikK9qpqqk52MB74E5u3PKN9dh8j08SMG0g9eusy1YGJ0DAT14cQtjxUTynmTQOA4J7t6B2/zR7ATCTSmm3lyzB6ugi3fDPtfrTtJ/rffAn3hk24/XWoxV46a4tQrDZc/joA5AyrIe0ktK/0sfqHi6AoSGMc86aBZVFB6mlHhlCLSpgIj6AuKpzajCTHRqc8AInBfqxlS1NxKenaWMXNYE9uHTB6uhg4tA9ME2F3TEusFpWkzouLpu2EbvcAWL3lU8UHDu5JW3yyAzqQdujbV64hv27zrDcZk5J6lMjpFozeQPo46MqF5ZxUoHFOFe5VJs3/259TCWFV4he1Qbqkid+EkxJm3jnMX2Edk2ZV4q+5TPd/VaR5BTIIdGsAAAAASUVORK5CYII=') center center no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
}

.youtube:hover {
    text-decoration: none;
    border-bottom: none !important;
}

.footer-links {
    text-align: right;
}

.bx-footer-section.container {
    line-height: 32px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .footer-links {
        text-align: center;
    }
}

.product-info .bx_price > span {
    text-decoration: line-through;
}

.rsNavItem.rsThumb {
    position: relative;
}
.bx_item_slider .video span.thumbIco:before,
.rsNavItem img[src$="video=true"] + span.thumbIco:before {
    display: block;
    content: '';
    position: absolute;
    width: 30px;
    height: 33px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABMAAD/4QMdaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2MjlCQUU5MDIzQzExRTc5N0JDRkEyQUYyNTlEQ0MyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2MjlCQUU4MDIzQzExRTc5N0JDRkEyQUYyNTlEQ0MyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iOERBNkJFQkMxQkMwNEY0NDlFNzY3RkEwNUVFODY4OUQiIHN0UmVmOmRvY3VtZW50SUQ9IjhEQTZCRUJDMUJDMDRGNDQ5RTc2N0ZBMDVFRTg2ODlEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwQDAgMEBQQDAwQFBgUFBQUFBggGBwYGBwYICAkJCgkJCAwMDAwMDA0NDQ0NDw8PDw8PDw8PDwEDAwMGBgYLCAgLEQ0LDREUDw8PDxQRDw8PDw8REQ8PDw8PDxEPDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8P/8AAEQgALAAoAwERAAIRAQMRAf/EAJ8AAAMBAQEAAAAAAAAAAAAAAAEGBwgABQEAAgEFAQAAAAAAAAAAAAAABQYAAQIDBAcIEAAAAwYDBQYFBQEAAAAAAAABAgMAERIEFAYTBQchMSIVF0FhUiMIGFGRYqIWMoIzJDQmEQAAAwMJBQQIBwEAAAAAAAAAARECEgMhMVGBIhMEFAVhMlJiI0GRUxXwcaGSYyQlBsHhQnKCMxYH/9oADAMBAAIRAxEAPwCnXBppcd6aXZ76kLhusZzMVJ+bFTKFCGMIESnxkyopqCo5OEAASEKR0Lu3a3Po2DbiQGsS02pqclaD0rgtdgYXUIWlQoDrLrNvabD5tGSS7TMxH3m8RvmLBg9IQ55vEb5i0EQhzzeI3zFoIhCu2/phcVq6S5f6kbeuyhzKSm0lEcpRIYpxAJ4JQUTqgo48YPExBIICUXd7GYGCbYgFiWW0MjmrT0IJGN1+BiNSb0mLAeZaI7Z/sfUiSROxojVR5gBoP0YzKpUXDXaumsBOKcw4680DgD+tDT738T+9sXyuWNf7VOmnumG19X80YQiybrK7kzkvOr9VQmjCw2gEOU5YiCBi/EO5qEYqZGQLVFBSihoN0QTcpMdd6gj04pzDjrAfs/zQ037n97FCyuW+LXT3TBU+sebHIWSQ+CZz31fqqDEjed2F9J2cZalZpVNOhn50Fb3qUiiUBzYxjKUglxjCVXy4wF2x+4G3LyLkWmbuyp2lLion2ACeHwR6/DjZnqus9F1rwyJH92UrSCAKXHkoFAQmXDEXbAbxB3MANkx0Uo7FI3fqt6cLD1AlFbikzp2vdBZYq8znKJSkk1XJAYTTyIiUjtm1QBKYPiLP+o6HBjE8VhqnsrL8R5w+2v8AoGNwDRQmutCVCYPeKX9DUp/xNSGHc2zLJMozWcykM2k8yCTWMjzDLjHXk14dkaCglLEUfi5kSJBNloyUjTtKY/UPQ2Gx7ESGy2jTDxK62SNM7GillFxC9LtH0iJZcNmF6c1BAC+KlJ7uaAbFpIcZ+L5Ub3du5jZRYuRdu7PEpcVE+wImXwX+hONmeqh9F1rw0R/dmtIFtG19SD+jjO7oSv8ATT04JmM9i2JQoGMYAzgyZkqwTYpROr5sAA7a7cLZbqJkjafsqdlOan2jQzmFLXWIdx1nWeq8fhzuTSFZUZyEoGcBnueAi7uF7A0IdDUUfV7X/UbWdSjuKbCQtBOEJa15AxySQAQAKU0wIjHMH2b1OEOwoMTxmoxY+8aM8JTfmFjQftfCaeSwyeidsRreq7GS9Uu0TkNgODcG5hxhhGigtfUn2WpXQOoCfTepJ/wdEhE7m4J4VZFixYvnYbnO2bmNXUTJPP2eFOan2hCPGYXz44dx1UPqvH4aq5NNZUKIE9OPQHNTTWP7jeYTgywPnoX8xNhmACjS4dNvEeJ7+1tb5bLn4qnTT3TAqR6p5kwiZR0l3eCXnV4SNhwbgGvGEFrDEFaKX03+3dMwVHuPqSCIPnYIq8Hmc+lw6Xt/U/vYj8tlvi1090wVzPVfMzmyicvD76vhR1X6e9Srk6Y1/wCGcymaSsw3YmIbGpncWBiRYcfFC7sc2vjLu9au91QV0XNZWHmHbx0lRZkke5kRUkUKnl/X9rawLy7AOD6/ta8YpQeD6/tawxJQyabfgHUC3+pnMPwnmEvzGhw3/wAgQY8XFgRuxYOOB7mz4W7vCvFdX0qA/VczlomXdvHTRVrTmTdWRR//2Q==') center center no-repeat;
    background-size: contain;
}

.menu-search-wrap {
    margin: 0px 35px;
    display: none;
}

.navbar-collapse.collapse.in .menu-search-wrap {
    display: block;
}

a.delivery_a {
    text-decoration: underline;
    color: inherit;
}

a.delivery_a:hover {
    text-decoration: none;
}

.personal-section__content {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -14px;
    margin-left: -14px;
}

.personal-section__item {
    position: relative;
    display: block;
    width: calc(100% - 28px);
    margin-right: 14px;
    margin-left: 14px;
    margin-bottom: 28px;
    padding: 32px 20px 28px;
    text-align: center;
    background-color: #f8f8f8;
    min-height: 166px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

@media screen and (min-width: 576px) {
    .personal-section__item {
        width: calc(100% / 12 * 6 - 28px);
        margin-bottom: 64px;
    }
}

@media screen and (min-width: 991px) {
    .personal-section__item {
        width: calc(100% / 12 * 4 - 28px);
        margin-bottom: 28px;
    }
}

.personal-section__item:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.personal-section__img {
    height: 65px;
    width: auto;
    margin-bottom: 30px;
}

.personal-section__title {
    font-size: 21px;
    line-height: 163%;
    color: #959b9f;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.personal-section__item:hover .personal-section__title {
    color: rgba(149, 155, 159, .6);
}

.personal-request__back {
    display: block;
    margin-top: 30px;
    position: relative;
    font-size: 16px;
    padding-left: 37px;
}

.personal-request__back::before {
    position: absolute;
    top: calc(50% - 15px);
    /*left: -37px;*/
    left: 0;
    width: 30px;
    height: 30px;
    content: '';
    background: url('images/icon-prev.png') no-repeat center;
}

.personal-request__head {
    position: relative;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 18px;
    color: #0c0c0c;
    padding-bottom: 18px;
}

.personal-request__head::after {
    position: absolute;
    content: '';
    top: 100%;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #959B9F;
}

.personal-request__desc {
    margin-top: 44px;
}

.personal-request__desc > div {
    margin-bottom: 33px;
}

.personal-list__file {
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-list__file li:first-child {
    margin-top: 27px;
}

.personal-list__file a {
    padding-left: 30px;
    position: relative;
}

.personal-list__file li:not(:last-child) {
    margin-bottom: 18px;
}

.personal-list__file a::before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(50% - 11px);
    display: block;
    width: 18px;
    height: 22px;
    background: url('images/icon-file.png');
}

/* form-order */

.form-order {
    margin-top: 30px;
}

.form-order__content {
    counter-reset: item;
    max-width: 854px;
}

.form-order__box {
    position: relative;
    padding-top: 20px;
    padding-left: 62px;
    margin-bottom: 30px;
}

.form-order__box::before {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    background-color: #c9c9c9;
    font-size: 26px;
    color: #ffffff;
    content: counter(item);
    counter-increment: item;
}

.form-order__title {
    font-size: 18px;
    line-height: 144%;
    color: #0c0c0c;
}

.form-order__group {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -14px;
    margin-left: -14px;
}

.form-order__group .checkbox-group {
    max-width: 100%;
    width: calc(100% / 12 * 12 - 28px);
    margin-right: 14px;
    margin-left: 14px;
}

@media screen and (min-width: 601px) {
    .form-order__group .checkbox-group {
        max-width: 356px;
        width: calc(100% / 12 * 6 - 28px);
    }
}

.checkbox-group__select {
    display: none;
}

.checkbox-group__select select {
    width: 100%;
}

.checkbox-group {
    position: relative;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 25px;
}

.checkbox-group input[type=checkbox],
.checkbox-group input[type=radio] {
    height: 0;
    width: 0;
    position: absolute;
    opacity: 0;
    font-size: 0;
}

.checkbox-group__name {
    position: relative;
    padding-left: 34px;
    font-weight: 300;
    font-size: 18px;
    color: #0c0c0c;
    line-height: 144%;
    padding-bottom: 3px;
    display: block;
}

.checkbox-group input[type=checkbox]:disabled ~ .checkbox-group__name,
.checkbox-group input[type=radio]:disabled ~ .checkbox-group__name {
    color: #969696;
    cursor: default;
}

.checkbox-group__name::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background-color: #ffffff;
}

.checkbox-group__select {
    padding-top: 23px;
    padding-left: 34px;
}

.checkbox-group input[type=checkbox]:checked ~ .checkbox-group__name::before,
.checkbox-group input[type=radio]:checked ~ .checkbox-group__name::before {
    width: 26px;
    height: 26px;
    background: #ffffff url('https://www.harvey-rus.ru/bitrix/images/icons/icon-checkbox.png') no-repeat center;
}

.checkbox-group input[type=checkbox]:checked ~ .checkbox-group__select,
.checkbox-group input[type=radio]:checked ~ .checkbox-group__select {
    display: block;
}

.input-group {
    width: 100%;
    margin-top: 24px;
}

.input-group__textarea textarea,
.input-group__textarea .input-group__textarea,
.input-group__input input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid transparent;
    font-weight: normal;
    line-height: 163%;
    font-size: 16px;
    color: #a8a8a8;
    padding: 12px 11px 9px;
}

.input-group__textarea textarea {
    overflow: auto;
    resize: vertical;
}

.form-order__item {
    margin-right: 14px;
    margin-left: 14px;
    max-width: 356px;
    width: 100%;
}

.order-tab {
    margin-top: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-tab__item {
    max-width: 356px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .order-tab__item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.order-tab__btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 66px;
    padding: 13px 24px;
    background-color: #ffffff;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    font-size: 16px;
    line-height: 163%;
    color: #0c0c0c;
}

.order-tab__btn img {
    margin-right: 24px;
}

.order-tab__btn:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.order-tab__content {
    display: none;
    margin-top: 13px;
}

.order-tab__btn--open ~ .order-tab__content {
    display: block;
}

.order-tab__btn--open {
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}

.order-tab__btn--open::after {
    position: absolute;
    content: '';
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border: solid 2px #e6e6e6;
    border-radius: 100%;
    background: #f7f7f7 url("https://www.harvey-rus.ru/bitrix/images/icons/icon-active.png") no-repeat center;
}

.form-order__btn {
    max-width: 154px;
    width: 100%;
}

.form-order__button--wrap {
    text-align: right;
    width: 100%;
}

.form-order__button--wrap {
    position: relative;
    /*margin-top: -63px;*/
    /* x5 20181031 закоментил, потому что из-за этого блока не кликался чекбокс */
    max-width: 854px;
}

.form-order__button {
    max-width: 154px;
    width: 100%;
    text-align: center;
    height: 45px;
    border: solid 1px #ffffff;
    background-color: #5d5d5e;
    font-size: 18px;
    color: #ffffff;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.form-order__button:hover {
    background-color: rgba(93, 93, 94, .5);
}

.form-order__footer {
    border-top: 1px solid #b8b8b8;
    padding-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-request__item {
    margin-bottom: 42px;
    border: 1px solid #959B9F;
}

.order-request__item:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
}

.order-request__head {
    background-color: #959B9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 22px 10px;
    font-size: 20px;
    color: #ffffff;
}

.order-request__content {
    padding: 20px 22px 13px;
    font-size: 18px;
    color: #0C0C0C;
}

.order-request__caption {
    margin-bottom: 10px;
}

.order-request__desc {
    border-top: 1px solid #959B9F;
    border-bottom: 1px solid #959B9F;
    padding-top: 18px;
}

.order-request__desc div {
    margin-bottom: 24px;
}

.order-request__desc span {
    text-transform: uppercase;
}

.order-request__status {
    display: inline-block;
    padding: 8px 10px;
    font-size: 16px;
    color: #ffffff;
}

.order-request__status--expected {
    background-color: #AB2D11;
}

.order-request__status--work {
    background-color: #DC8030;
}

.order-request__status--completed {
    background-color: #74B65F;
}

.order-request__footer {
    padding-top: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-request__footer--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 357px) {
    .order-request__footer--btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-request__footer--btn a + a {
        margin-top: 10px;
    }
}

.order-request__footer--btn a:first-child {
    margin-right: 13px;
}

.order-request__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    height: 40px;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 11px;
    border: 1px solid #959B9F;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 182%;
    background-color: #ffffff;
}

.order-request__button:hover,
.order-request__button:active {
    text-decoration: none;
}

.order-request__icon {
    display: block;
    max-width: 20px;
    margin-right: 11px;
}

.order-request nav {
    text-align: center;
}

.order-request__pagination {
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin-bottom: 60px;
}

.order-request__pagination a,
.order-request__pagination span {
    display: block;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}

@media screen and (max-width: 357px) {
    .order-request__pagination a,
    .order-request__pagination span {
        min-width: 24px;
        padding: 0 7px;
    }
}

.order-request__pagination a:not(.order-request__pagination--btn),
.order-request__pagination span:not(.order-request__pagination--btn) {
    border: 1px solid #959B9F;
    font-size: 30px;
    color: #707375;
    margin-right: 6px;
    margin-left: 6px;
}

.order-request__pagination a:not(.order-request__pagination--btn):hover,
.order-request__pagination span:not(.order-request__pagination--btn):hover {
    color: #ededed;
    border: 1px solid #292D2E;
    background-color: #292d2e;
    text-decoration: none;
}

.order-request__pagination--btn:hover {
    opacity: .6;
}

.order-request__pagination a.order-request__pagination--current,
.order-request__pagination span.order-request__pagination--current {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #292d2e;
}

@media screen and (min-width: 530px) {
    .order-request__footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .order-request__footer--btn {
        margin-bottom: 0;
    }

    .order-request nav {
        text-align: right;
    }
}

[type=file] {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.input-group__file {
    position: relative;
    padding-left: 35px;
    font-weight: normal;
    font-size: 18px;
}

.input-group__file::before {
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    top: calc(50% - 13px);
    left: 0;
    background: url('images/plus.png') 0 0 no-repeat;
}


.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #242730;
    z-index: 999;
}
.header-container {
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-wrap {
    height: 78px;
}

@media screen and (min-width: 360px) {
    .header-wrap,
    .header-container {
        height: 100px;
    }
}

.header-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

@media screen and (min-width: 460px) and (max-width: 991px) {
    .menu {
        display: none;
        position: absolute;
        background-color: #242730;
        padding: 21px 0;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    .header--open .menu {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .menu{
        white-space: nowrap;
    }

}


@media screen and (max-width: 459px) {
    .bx-searchtitle-header {
        display: none;
    }
    .body--open {
        overflow: hidden;
    }
    .header-container__inner {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #242730;
        width: 100%;
        z-index: 100;
        overflow-y: scroll;
        padding-top: 32px;
        padding-bottom: 40px;
        height: calc(100vw + 150px);
    }
    .phone {
        padding-bottom: 20px;
        padding-right: 56px;
        border-bottom: 2px solid #fff;
    }

    .header--open .header-container__inner {
        display: block;
    }
}

.menu {
    padding: 0;
    margin: -4px 0 0;
    list-style: none;
}
.menu li {
    display: inline-block;
}
.menu-link {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
    font: 500 13px/120% 'Montserrat', sans-serif;
    color: #E7EDEE;
    text-transform: uppercase;
    -webkit-transition: text-shadow .35s ease, color .35s ease;
    -o-transition: text-shadow .35s ease, color .35s ease;
    transition: text-shadow .35s ease, color .35s ease;
}
.menu-link:active,
.menu-link:focus,
.menu-link:visited {
    color: #E7EDEE ;
}


.menu .dropdown-menu > li > a {
    color: #E7EDEE ;
}




@media screen and (max-width: 459px) {
    .menu li {
        display: block;
    }

    .login .dropdown.open .dropdown-menu,
    .menu .dropdown.open .dropdown-menu {
        position: relative;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        border-color: transparent;
    }
    .menu .dropdown.open .dropdown-menu {
        margin-top: -20px;
    }


    .login .dropdown-menu > li > a,
    .menu .dropdown-menu > li > a {
        color: #ffff;
    }

    .login .dropdown-menu > li > a:hover,
    .menu .dropdown-menu > li > a:hover,
    .login .dropdown-menu > li > a:focus,
    .menu .dropdown-menu > li > a:focus {
        background-color: transparent;
    }
}
@media screen and (max-width: 992px) {
    .menu {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menu-link {
        display: block;
        font-weight: 700;
        margin-bottom: 24px;
    }
}

.phone {
    display: inline-block;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 8px;
    font: 700 12px/120% 'Montserrat', sans-serif;
    color: #E7EDEE;
}
.phone:hover {
    color: #E7EDEE;
}
.menu-link:hover,
.menu-link:visited {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 .65px #fff, 0 0 .65px #fff;
}
@media screen and (max-width: 459px) {
    .login {
        margin: 20px 8px;
    }
    .login > *:not(:last-child) {
        display: block;
        margin-bottom: 16px;
    }
}
@media screen and (min-width: 460px) {
    .login {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.login a {
    color: #fff !important;
}
.login .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: transparent;
}

.dropdown-menu {
    white-space: initial;
}
.login > *:not(:last-child) {
    margin-right: 10px;
}
.login .dropdown-menu {
    right: 0;
    left: auto;
}

.logo {
    max-width: 150px;
    margin-top: -10px;
    margin-right: 10px;
    width: 100%;
    display: block;
}

@media screen and (min-width: 1200px) {
    .logo {
        max-width: 205px;
    }
}

.logo img {
    width: 100%;
}
.icon-menu {
    position: relative;
    margin-left: auto;
    width: 30px;
    min-width: 30px;
    height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    will-change: transform;
}
.icon-menu span,
.icon-menu span:before,
.icon-menu span::after {
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: background-color .2s ease, -webkit-transform .2s ease;
    -o-transition: transform .2s ease, background-color .2s ease;
    transition: transform .2s ease, background-color .2s ease;
    transition: transform .2s ease, background-color .2s ease, -webkit-transform .2s ease;
}
.icon-menu span:before,
.icon-menu span::after {
    position: absolute;
    content: '';
}
.icon-menu span:before {
    top: 0;
}
.icon-menu span::after {
    bottom: 0;
}
.icon-menu--open span {
    background-color: transparent;
}
.icon-menu--open span::before {
    top: 44%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.icon-menu--open span::after {
    bottom: 45%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

@media screen and (min-width: 992px) {
    .icon-menu {
        display: none;
    }
}

@media screen and (min-width: 460px) {
    .icon-menu {
        margin-left: 40px;
    }
    .login-user-menu {
        display: none;
    }
}
.backwrp  *,
.backwrp  *::after,
.backwrp  *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section-doc,
.section-video {
    display: flex;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
}
.section-video > * {
    white-space: normal;
    width: calc(33.3333% - 12px);
    margin-right: 6px;
    margin-left: 6px;
}
.section-doc > * {
    margin-bottom: 12px;
    white-space: normal;
    width: calc(100% - 12px);
    margin-right: 6px;
    margin-left: 6px;
}
.section-video > * {
    height: 124px;
}
@media screen and (min-width: 600px) {
    .section-doc > * {
        width: calc(50% - 120px);
    }
}

.section-doc div,
.section-video div {
    display: flex;
    align-items: center;
    text-align: left;
}
.icon-file {
    flex: none;
    display: block;
    margin-right: 6px;
    width: 32px;
    height: 32px;
    background: url('../images/icon-files.png') no-repeat center;
}
.icon-pdf {
    flex: none;
    display: block;
    margin-right: 6px;
    width: 32px;
    height: 32px;
    background: url('../images/icon-pdf.svg') no-repeat center;
}


#panel {
    position: relative;
    z-index: 9999;
}
.tab-pane__top {
    margin: 36px 11px 24px;

}

@media screen and (max-width: 500px) {
    .tab-pane__top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}

.tab-pane__top a {
    white-space: nowrap;
    margin-right: 1%;
    font: 500 16px/120% 'Montserrat', sans-serif;
    color: #242730;
    padding: 10px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: text-shadow .35s ease, color .35s ease, background-color .35s ease, color .35s ease;
    -o-transition: text-shadow .35s ease, color .35s ease, background-color .35s ease, color .35s ease;
    transition: text-shadow .35s ease, color .35s ease, background-color .35s ease, color .35s ease;
}
.tab-item .products-list {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.tab-pane__top a.active {
    background-color: #bababa;
    text-shadow: 0 0 .85px #242730, 0 0 .25px #242730;
}

.tab-pane__top a:hover {
    text-shadow: 0 0 .85px #242730, 0 0 .25px #242730;
    text-decoration: none;
}

@media screen and (min-width: 576px) {
    .tab-pane__top a {
        margin-right: 1vw;
        /*margin-right: 28px;*/
        font-size: 26px;
    }
}


@media screen and (min-width: 992px) {
    .tab-pane__top {
        margin: 60px 24px 26px;
    }
    .tab-pane__top a {
        margin-right: 3vw;
        /*margin-right: 80px;*/
        font-size: 28px;
    }
}
.terminal {
    margin: 40px 0 48px;
    display: flex;
    flex-wrap: wrap;
}

.terminal-card {
    width: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) {
    .terminal-card {
        width: calc(50% - 32px);
    }
}

.terminal-card > * {
    padding: 5px;
    border: 1px solid #afafaf;
    margin-top: -1px;
}
.terminal-card > *:first-child {
    background-color: #b9b9b9;
    font-weight: bold;
}
.backwrp {
    /*float: left;*/
    /*margin-right: 10%;*/
    /*margin-bottom: 15px;*/
}
.footer-section-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin-right: 20px;
    margin-top: -55px;
}
.bx-footer-section__buttons--mobile {
    padding: 20px;
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
    .footer-section-buttons {
        margin-top: 0;
    }
}
@media screen and (min-width: 991px) {
    .footer-section-buttons {
        margin-top: -16px;
    }
}
.footer-section-buttons-title {
    margin-bottom: 20px;
    line-height: 12px;
}
#gdpr-cookie-message {
    background-color: rgb(254, 254, 254);
    font-family: 'Roboto' sans-serif;
}

h1.bx_item_list_title {
    margin-left: -15px;
    margin-right: -15px;
}
.input-group__textarea textarea{
    border-radius: 5px;
}
.div__libercode{
    float: none;
    font-size: 10px;
}

.new_class{
    padding-right: 54px;
}
@media (max-width: 767px) {
    .new_class{
        padding-right: 0;
        text-align: center;
    }
}


.form-order__box .input-group.files-js + a {
    padding: 5px 10px;
    box-sizing: border-box;
    text-decoration: none;
    border: 1px solid #000;
    margin-top: 20px;
    display: inline-block;
    font-weight: 500;
    transition: .3s;
}
.form-order__box .input-group.files-js + a:hover {
    background: #000;
    color: #fff;
}
.input-group__file {
    cursor: pointer;
}

.div_photo-icon img{
    max-width: 20px;
}
.div__photo-element{
    display: flex;
}
.div_photo-file{
    margin-left: 10px;
}
.div_photo-file a{
    position: relative;
    top: 2px;
}
.form-order__box{
    padding-left: 0;
}
.div__block.seruy textarea,
.div__block.seruy .input-group__textarea {
    color: white;
    background:#9c979d ;
}
.div__block.seruy textarea,
.div__block.seruy .input-group__textarea{
    color: white;
    background:#9c979d ;
}
.form-order__box.belyy textarea,
.form-order__box.belyy .input-group__textarea {
    color: black;

}
.form-order__box.belyy textarea[placeholder]{
    color: black;
}
.form-order__button--wrap.detail{
    max-width: 1200px;
}
.order-request .order-request__footer .order-request__button.repeat-button-js{
    display: none!important;
}
.order-request__footer--btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button_new{
    background:#8f8f9d ;
    padding: 8px 12px;
    height: 40px    ;
    border-radius: 0;
}
.button_new:hover{
    background:#8f8f9d ;
}


.order-request__footer--btn .glyphicon-search{
    color: white;
}
.order-request__footer--btn .new_poisk{
    height: 40px;
}
.bx-input-group__new{
    display: flex;
    align-items: center;
}
.div__block{
    width: 100%;
}
.order-request .div__block{
    width: 100%;
    max-width: 550px;
}
.new_poisk{
    width: 100%;
}
.zapros__none{
    font-size: 20px;
}
.blockrechpha{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block_model{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.model_stanka_detail{

    font-size: 30px;
    color: black;
    font-weight: 500;
}

.div_stanok{
    .font-size: 22px;

}
.personal-request__desc .div__block{
    max-width: none;
}

.div_skryt.hidenn{
    display: none;
}
.order-request__footer--btn{
    align-items: center;
}
.razvorot{
    cursor: pointer;
}
.order-request__footer--btn.new{
    align-items: start;
    flex-direction: column;
}
.div__flex-block{
    display: flex;
    justify-content: space-between;
}
.div__comment{
    font-weight: bold;
    color: black;
    cursor: pointer;
}.div__comment_text{
     font-weight: bold;
     color: black;
     cursor: pointer;
 }

.div__comment-content{
    width: 50%;
    display: flex;
    justify-content: end;
}


.div__comment-content .input-group textarea{
    background: white!important;
    color: black!important;
    border: 1px solid #09ca;
}
.div__comment-content{
    display: none;
}
.block_baty{
    display: flex;
    justify-content: end;
}
.block_button{
    display: flex;
    justify-content: end;
}
.many{
    display: flex;
    justify-content: end;
}
.comment_class {
    display: none;
}
.many{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: end;
}
.many .comment_class{
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 50%;}

.wrraper_new{
    display: none;
    margin-top: 20px;
}
.many .input-group__textarea
{
    color: black!important;
    background: white!important;
}


.many .input-group__textarea{
    border: 1px solid #09ca;
}

.div_check{
    display: flex;
}

.div_check:first-child{
    margin-bottom: 10px;
}


/*// При настроки компонента яндекс карты что бы отображался список поиска*/
.bx-yandex-address-search-results {
    z-index:999999 !important;
}
.m-top-25 {
    margin-top: 25px;
}


.new-note {
    margin-top: 70px;
    padding: 60px 75px;
    background: #d9d9d9;
}
.new-note-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
}
.new-note-wrapper.active {
    height: auto;
}
.new-note-wrapper > div:nth-child(1) {
    padding-left: 60px;
    border-left: 2px solid #000;
}
.new-note-wrapper {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    color: #000;
}
.mobile-contacts {
    display: none;
}
.mobile-header-block {
    display: none;
}
@media screen and (max-width: 459px) {
    .mobile-contacts {
        display: block;
    }
    .mobile-header-block {
        display: flex;
        align-items: center;
        margin-left: auto;
    }
    .mobile-header-block .bx-searchtitle-header {
        display: block;
        margin-right: 10px;
    }
    .icon-menu {
        margin-left: 20px;
    }
}

@media screen and (max-width: 900px) {
    .new-note-wrapper {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .new-note-wrapper > div:nth-child(1) {
        padding-left: 0;
        border-left: none;
    }
    .new-note {
        padding: 20px;
    }
}

.search-breadcrumbs {
    background: #d9d9d9;
    padding: 10px 0 10px;
}
.search-breadcrumbs__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 660px) {
    .search-breadcrumbs__wrap {
        flex-direction: column-reverse;
    }
    .search-breadcrumbs__wrap .bx-searchtitle {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 400px) {

    .new-index__catalog-item__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        height: 178px;
    }
}

.new-index__catalog-item__img{
    overflow: hidden;
}
.popup-order .order-item .img img{
    width: 100%;
    max-width: 275px;
}

.popup__close {
    z-index: 1000;
}
.dropdown-menu li {
    width: 100%;
    display: block;
}
.dropdown-menu li a {
    width: 100%;
    display: block;
}
.dropdown-menu > li > a:hover {
    color: #000 !important;
    background: #fff !important;
}


@media screen and (max-width: 950px) {
    .new-catalog-sect__list-item .new-catalog-sect__list-price {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .new-catalog-sect__list-item .base__price {
        margin-left: 0;
        margin-top: 10px;
    }
    .base__price {
        font-size: 14px;
    }
    .new-index__catalog-item a {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .new-index__catalog-item__cost {
        margin-top: auto;
    }
}
@media screen and (max-width: 950px) {
    .new-catalog-sect__list-item .new-catalog-sect__list-price {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .new-catalog-sect__list-item .base__price {
        margin-left: 0;
        margin-top: 10px;
    }
    .base__price {
        font-size: 14px;
    }
    .new-index__catalog-item a {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .new-index__catalog-item__cost {
        margin-top: auto;
    }
    .new-index__catalog-headline {
        display: flex;
        flex-wrap: wrap;
    }
    .new-index__catalog-headline .new-index__catalog-header.new-index-h2.title_new  {
        margin-left: 0 !important;
    }
    .new-index__catalog-headline .new-index__catalog-header.new-index-h2.title_new:not(:last-child)  {
        margin-right: 10px !important;
    }
    .new-index__catalog-headline .new-index__catalog-header.new-index-h2.title_new  {
        margin-bottom: 5px !important;
    }
}

.fancybox-new-content {
    display: none;
    padding: 0 !important;
    max-width: 720px !important;
    width: 100%;
}
.fancybox-new-content iframe {
    display: block;
    width: 100% !important;
}
.new-detail__tabs-content__video-img__rutube img {
    width: 100%;
}


/* .phone {
    display: flex;
    justify-content: start;
    align-items: center;
    text-decoration: none;
}
.phone .glyphicon {
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-right: 3px;
}
.phone:hover .phone-hover {
    width: 120px;
    visibility: visible;
}
.phone-hover {
    -webkit-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    text-decoration: none;

    visibility: hidden;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
} */

@media screen and (max-width: 768px) {
    .filter-compare__content {
        display: none;
    }

    .filter__title {
        display: none;
    }

    .filter__container {
        display: none;
    }

    .filter__redirect {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

.bx_filtren_container h5 {
    cursor: pointer;
}

.new-catalog-sect__filters-form__left-item+.new-catalog-sect__filters-form__left-item {
    margin-left: 6px;
}

.new-catalog-sect__filters-box {
    align-items: start;
}

.new-catalog-sect__filters-form__left-item-content {
    position: relative;
}

.tags__new {
    margin-top: 10px;
}

.filter-compare__buttons {
    display: none;
}

.table_compare {
    position: relative;
}

.tags__new.tf-cst {
    width: 100%;
}

.new-catalog-sect__filters-compare__modal {
    position: relative;
}

.new-catalog-sect__filters {
    flex-direction: column;
}

body .new-catalog-sect__filters-right {
    max-width: 100%;
    justify-content: start !important;
}

.new-catalog-sect__filters-form__left-item__btn {
    font-size: 13px;
}

.new-catalog-sect__filters-compare__modal {
    width: auto;
}

.new-catalog-sect__filters-compare__list {
    display: flex;
    flex-wrap: wrap;
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}

.new-catalog-sect__filters-compare__item {
    /* width: 200px; */
    width: 130px;
    /* width: 20%; */
}

@media screen and (max-width: 768px) {

    .bx_compare.container-fluid {
        position: relative;
    }

    .block__flex {
        flex-direction: column;
    }

    .new-catalog-sect__filters-compare__modal {
        position: sticky;
    }

    .filter-compare__buttons {
        position: absolute;
        top: calc(50% - 15px);
        width: 94%;
        display: flex;
        justify-content: space-between;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-left: auto;
        margin-right: auto;
        z-index: 5;
        user-select: none;
    }

    .new-detail__title-slider__btn:first-child {
        left: 0;
    }

    .new-detail__title-slider__btn:last-child {
        right: 0;
    }

    .filter-compare__buttons .new-detail__title-slider__btn+.new-detail__title-slider__btn {
        margin-left: 8px;
    }

    .new-catalog-sect__filters-compare__list {
        /* grid-template-columns: 1fr 1fr 1fr !important; */
    }

    .new-catalog-sect__filters-compare__item {
        /* width: 200px; */
        width: 31%;
        /* width: 20%; */
    }

    .bx_compare .table_compare table {
        min-width: 900px;
    }

    .bx_compare .table_compare table tr {
        /* display: grid;
        grid-template-columns: .8fr .8fr 1.5fr; */
    }

    /* .bx_compare .table_compare table tr td:first-child {
        order: 1;
    }
    
    .bx_compare .table_compare table tr td:not(:first-child) {
        order: 1;
    } */
}

@media screen and (max-width: 595px) {

    .new-catalog-sect__filters-compare__list {
        grid-template-columns: 1fr 1fr !important;
    }

    .new-catalog-sect__filters-compare__modal {
        width: 100% !important;
        justify-content: space-between;
    }

    .new-catalog-sect__filters-compare__item {
        /* width: 150px; */
        width: 47%;
        /* width: 20%; */
    }
}
.catalog__range-values {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.catalog__range-input > span {
    display: none !important;
}
.smart-filter-slider-handle.right {
    z-index: 100;
    margin-right: -11px;
// background: #fff;
    border: 2px solid #050505;
    border-top-color: rgb(5, 5, 5);
    border-right-color: rgb(5, 5, 5);
    border-bottom-color: rgb(5, 5, 5);
    border-left-color: rgb(5, 5, 5);
}
.smart-filter-slider-handle.left {
    z-index: 100;
    margin-left: -11px;
// background: #fff;
    border: 2px solid #050505;
    border-top-color: rgb(5, 5, 5);
    border-right-color: rgb(5, 5, 5);
    border-bottom-color: rgb(5, 5, 5);
    border-left-color: rgb(5, 5, 5);
}
.smart-filter-slider-handle {
    background-color: #f6f6f6 !important;
    border-color: #CBCBCB !important;
    width: 24px !important;
    height: 24px !important;
    top: -12px !important;
}
.smart-filter-slider-track {
    position: relative;
    height: 2px;
    background: #E5E5E5;
}
.smart-filter-slider-price-bar-v {
    background: #000 !important;
}


/* -------- bxmaker.authuserphone ---------- */
.bxmaker-authuserphone-enter,
.bxmaker-authuserphone-simple {
    margin-bottom:46px;
    color: black;
}
/*.side-panel .bxmaker-authuserphone-enter,*/
/*.side-panel .bxmaker-authuserphone-simple {*/
/*    width:auto;*/
/*    -webkit-box-shadow: none;*/
/*    box-shadow: none;*/
/*}*/

body .bxmaker-authuserphone-button .bxmaker-authuserphone-button__inner {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

body .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

body .bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__field,
body  .bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__field,
body  .bxmaker-authuserphone-input-phone:hover .bxmaker-authuserphone-input-phone__field
{
    border-color: #CCD5DB;
}

body .bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field,
body .bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field,
body .bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field
{
    border-color: #CCD5DB;
}


body .bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__field,
body .bxmaker-authuserphone-input-password--hover .bxmaker-authuserphone-input-password__field,
body .bxmaker-authuserphone-input-password:hover .bxmaker-authuserphone-input-password__field
{
    border-color: #CCD5DB;
}

body a.bxmaker-authuserphone-link,
body a.bxmaker-authuserphone-link:visited
{
    color: black;
}

body a.bxmaker-authuserphone-link:active,
body a.bxmaker-authuserphone-link:hover
{
    color: black;
    text-decoration: underline;
}


/* BXMaker authuserphone */
.bxmaker-authuserphone-enter-auth-form__by,
.bxmaker-authuserphone-header.bxmaker-authuserphone-enter-auth__title
{
    display: none !important;
}
.bxmaker-authuserphone-enter
{
    width: 100% !important;
    margin-bottom: 0 !important;
}