@-webkit-keyframes fancybox-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(360deg)
    }
}
.js-floating-header.floating-header.compensate-for-scrollbar a.logo.nonactive img {
    display: none;
}
.js-floating-header.floating-header.compensate-for-scrollbar.show a.logo.nonactive img {
    max-width: 53px;
    margin: -16px 0 0 0;
    display: block;
}
.sm-level.level1 {
    height: auto;
}
.sm-levels {
    height: auto !important;
}
h3.sm-head {
    background: #095d9d !important;
    font: 800 36px Raleway, sans-serif !important;
    color: #333;
    font-family: Raleway, sans-serif !important;
}
h3.sm-head span.sm-title {
    font: 500 19px Raleway, sans-serif !important;
    font-family: Raleway, sans-serif !important;
    text-transform: uppercase;
    padding: 14px 0 !important;
    display: inline-flex;
}
.categories.js-sticky-block {
    margin-top: 25px;
}
div#bd_results {
    width: 100%;
}
.browse-view h1 {
    padding: 17px 0 5px 0;
}
.link a {
    font-family: Raleway, sans-serif !important;
    color: #333 !important;
    font-size: 16px !important;
}
.off-menu_108 dt, .off-menu_108 dl.level1 dt {
    padding: 7px 3px 7px 3px;
}
.off-menu_108 .link {
    padding-right: 15px;
}
@-webkit-keyframes loading-icon-rotation {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg)
    }
    50% {
        transform: translate(-50%, -50%) scale(.9) rotate(180deg)
    }
    to {
        transform: translate(-50%, -50%) scale(1) rotate(360deg)
    }
}

@keyframes loading-icon-rotation {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg)
    }
    50% {
        transform: translate(-50%, -50%) scale(.9) rotate(180deg)
    }
    to {
        transform: translate(-50%, -50%) scale(1) rotate(360deg)
    }
}

@-webkit-keyframes button-ajax-waiting {
    0%, to {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .4;
        transform: scale(1.05)
    }
}

@keyframes button-ajax-waiting {
    0%, to {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .4;
        transform: scale(1.05)
    }
}

@-webkit-keyframes heartBit {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes heartBit {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes basketShake {
    0%, to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-5px)
    }
}

@keyframes basketShake {
    0%, to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-5px)
    }
}

@-webkit-keyframes arrow-hover-prev {
    0%, to {
        transform: translateX(0);
        opacity: 1
    }
    40% {
        transform: translateX(-20px);
        opacity: 0
    }
    60% {
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes arrow-hover-prev {
    0%, to {
        transform: translateX(0);
        opacity: 1
    }
    40% {
        transform: translateX(-20px);
        opacity: 0
    }
    60% {
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes arrow-hover-next {
    0%, to {
        transform: translateX(0);
        opacity: 1
    }
    40% {
        transform: translateX(20px);
        opacity: 0
    }
    60% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes arrow-hover-next {
    0%, to {
        transform: translateX(0);
        opacity: 1
    }
    40% {
        transform: translateX(20px);
        opacity: 0
    }
    60% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@-webkit-keyframes promo-icon-rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes promo-icon-rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    min-width: 320px;
    background: #fff;
    font-family: 'Roboto', sans-serif
}

h1 {
    font: 800 36px Raleway, sans-serif;
    color: #000;
    margin: 0;
    padding: 20px 0 10px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent
}

a:active, a:hover {
    outline-width: 0
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

select {
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

input[type=email], input[type=password], input[type=text], textarea {
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=email]::-ms-clear, input[type=password]::-ms-clear, input[type=text]::-ms-clear, textarea::-ms-clear {
    display: none
}

input[type=password]::-ms-reveal {
    display: none
}

details, menu {
    display: block
}

[hidden], template {
    display: none
}

* {
    outline: 0
}
span.rubasd {
    font-size: 16px;
    line-height: 1em;
    padding: 0;
    letter-spacing: -.02em;
    overflow: hidden;
    font-family: 'als_rublregular';
}
div#fancybox-wrap {
    position: fixed !important;
    top: 20% !important;
}
div#fancybox-overlay {
    background: #1e1e1e !important;
    opacity: .9 !important;
}

a.vm-btn.vm-btn-secondary.continue_link, a.vm-btn.vm-btn-primary.showcart.floatright {
    outline: 0;
    font: 800 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 1px solid transparent;
    background: #0f9ee0;
    background: #095d9d;
    transition: 0.3s;
}
.itemcat {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 9%);
    font: 300 12px 'Roboto',sans-serif;
    margin: 0 3px 0 0px;
    padding: 15px 15px;
}
.orderby-displaynumber {
    border-bottom: none;
    border-top: none;
}
.off-menu_108 dl .productnum, .off-menu_108 dl.level1 .productnum {
    background: #0f9ee0;
}
.vm-product-descr-container-1 h2 a {
    font-size: 24px;
    text-align: left;
    display: block;
    line-height: 30px;
}
.vm-products-horizon .vm-product-media-container {
    float: left;
    max-width: 180px;
    width: 390px;
}
p.product_s_desc {
    font-size: 16px !important;
}

.itemcat {
    display: flex;
}
.itemcol1 {
    width: 59%;
    display: inline-grid;
    text-align: center;
}
.itemcol1.serap2 {
    width: 40%;
    display: inline-grid;
    text-align: center;
}
p.product_s_desc {
    height: auto;
}
.vm-products-horizon .product-price {
    float: inherit;
    width: 100%;
}
.PricesalesPrice.vm-display.vm-price-value {
    float: right;
    font-size: 25px;
}
.PriceunitPrice.vm-display.vm-price-value {
    float: left;
    font-size: 20px;
    padding: 14px 0 0 0;
}
.itemcol1 div#productPrice1 {
    margin: 0px 0;
    display: contents;
}
.itemcol1 {
    padding-top: 15px;
}
.products .PricesalesPrice.vm-display.vm-price-value {
    float: right;
    font-size: 30px;
    color: #2196f3;
    font-weight: 700;
    padding: 16px 0 0 0;
}
.itemcat span.addtocart-button:after {
    display: none;
}
.products .itemcat.product-container input.addtocart-button {
    border: 1px solid transparent !important;
    border-color: #095d9d !important;
    transition: 0.3s;
}
.products .itemcat.product-container input.addtocart-button:hover {
    border: 1px solid transparent !important;
    border-color: #095d9d !important;
    color: #095d9d;
    background: #fff;
    transition: 0.3s;
}
.horizontal-separator {
    height: 1px;
    background: #fff;
    margin: 10px 0;
}
.itemcol1.serap2 .vm-customfields-wrap {
    display: none;
}
.itemcol1.serap2 .vm3pr-2 .addtocart-area {
    min-height: auto;
}
.products span.vm-price-desc {
    font-size: 16px !important;
    font: 400 18px/21px Raleway, sans-serif;
}
h3.sm-head {
    border-radius: 8px 8px 0 0;
}
.moduletable h3 {
    border-radius: 8px 8px 0 0;
    background: #095d9d !important;
    color: #333;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    font: 500 19px Raleway, sans-serif !important;
    font-family: Raleway, sans-serif !important;
    color: #fff;
    padding: 14px 0;
    text-transform: uppercase;
    margin-top: 30px;
}
form#cf_form_110 {
    box-shadow: 0 1px 2px -1px rgb(0 0 0 / 40%), 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 40%), 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px;
}
.cf_flt_header {
    background: #0f9ee0;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}

.products .itemcat.product-container input.addtocart-button {
    outline: 0;
    font: 300 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 0px solid transparent;
    background: #095d9d;
}
a.vm-btn.vm-btn-secondary.continue_link:hover, a.vm-btn.vm-btn-primary.showcart.floatright:hover {
    border-color: #095d9d;
    color: #095d9d;
    background-color: #fff;
    transition: 0.3s;
}
div#fancybox-content h4 {
    font-weight: 400;
    padding: 21px 0 0 0;
}

@font-face {
    font-family: 'Raleway';
    font-display: swap;
    src: url(Raleway-ExtraBold.woff2) format("woff2"), url(Raleway-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Raleway';
    font-display: swap;
    src: url(Raleway-Bold.woff2) format("woff2"), url(Raleway-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url(Roboto-Regular.woff2) format("woff2"), url(Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url(Roboto-Medium.woff2) format("woff2"), url(Roboto-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url(Roboto-Light.woff2) format("woff2"), url(Roboto-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url(Roboto-Black.woff2) format("woff2"), url(Roboto-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@media (max-width: 767px) {
    h1 {
        font-size: 26px
    }
}

.pseudo-h2, h2 {
    font: 800 36px Raleway, sans-serif;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 50px 0 0
}

@media (max-width: 767px) {
    .pseudo-h2, h2 {
        font-size: 24px
    }
}

.pseudo-h3, h3 {
    font: 400 16px Roboto, sans-serif;
    color: #9b9b9b;
    text-align: center;
    margin: 0;
    padding: 10px 0 20px
}

@media (max-width: 767px) {
    .pseudo-h3, h3 {
        font-size: 14px
    }
}

.pseudo-h4, h4 {
    font: 800 18px Raleway, sans-serif;
    color: #000;
    margin: 0;
    padding: 44px 0 0
}

@media (max-width: 767px) {
    h1, h2, h3, h4 {
        padding-left: 0;
        padding-right: 10px
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-infobar, .fancybox-toolbar {
    opacity: 0;
    position: absolute;
    z-index: 99997
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    transition: opacity .25s ease, visibility 0 ease .25s;
    visibility: hidden
}

.fancybox-caption {
    opacity: 0;
    position: absolute
}

.fancybox-navigation .fancybox-button {
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0 ease 0;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small, .slick-slide.slick-loading img {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.cat-list > li > ul, .fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs, .slick-slide img {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.mCustomScrollbar {
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_container_wrapper, .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    overflow: hidden;
    top: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0)
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-repeat: repeat-y;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20)
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50)
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.datepicker--time-row input[type=range]:focus, .slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: pointer;
    margin-top: -67px
}

@media (max-width: 1024px) {
    .slick-arrow {
        margin-top: -17px
    }
}

@media (max-width: 767px) {
    .slick-arrow {
        margin-top: 0;
        top: 145px
    }
}

.slick-arrow:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 24px;
    background: url(sprite.svg) -335px -146px no-repeat
}

.slick-arrow.green:before, .slick-arrow:hover:before {
    width: 16px;
    height: 24px;
    background: url(sprite.svg) -335px -90px no-repeat
}

.slick-arrow.prev {
    left: 40px;
    transform: rotate(180deg)
}

@media (max-width: 1024px) {
    .slick-arrow.prev {
        left: 0
    }
}

.slick-arrow.next {
    right: 40px
}

@media (max-width: 1024px) {
    .slick-arrow.next {
        right: 0
    }
}

.slick-arrow.green:hover:before {
    width: 16px;
    height: 24px;
    background: url(sprite.svg) -335px -118px no-repeat
}

.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 38px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.slick-dots li {
    margin: 0 4px
}

.slick-dots button {
    width: 11px;
    height: 11px;
    transition: background .3s ease;
    font-size: 0;
    border-radius: 50%;
    background: #000;
    border: 0;
    cursor: pointer;
    padding: 0;
    outline: 0
}

.slick-dots .slick-active button {
    background: #0f9ee0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single {
    height: 28px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    min-height: 32px
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.datepicker--cells {
    display: flex;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-, .datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-current-.-focus-, .datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-range-from-, .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: 0
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #ff9a19;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s;
    z-index: 100
}

.datepicker.-from-top- {
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    transform: translateY(8px)
}

.datepicker.-from-left- {
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity .3s ease, transform .3s ease, left 0 0
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: flex
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: flex;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left .5% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -moz-transition: background .2s;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -ms-transition: background .2s;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade-, .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: 0
}

.popup-list {
    display: none
}

.fancybox-close-small:hover .popup-close {
    transform: rotate(90deg)
}

.popup-close {
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -270px -276px no-repeat;
    transition: transform .3s ease;
    display: block
}

.popup-title {
    font: 900 24px Roboto, sans-serif
}

.popup .controls, .popup-subtitle {
    margin-top: 20px
}

.whole-catalog-popup {
    padding: 30px;
    min-width: 720px
}

@media (max-width: 1024px) {
    .whole-catalog-popup {
        margin: 15px;
        padding: 20px;
        min-width: 1px
    }
}

.whole-catalog-popup .whole-catalog-menu {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 30px
}

@media (max-width: 1024px) {
    .whole-catalog-popup .whole-catalog-menu {
        flex-wrap: wrap
    }
}

.whole-catalog-popup .column {
    flex: 1 0 240px;
    margin-right: 20px;
    margin-left: 20px
}

@media (max-width: 1024px) {
    .whole-catalog-popup .column {
        width: 50%;
        margin: 0
    }
}

@media (max-width: 767px) {
    .whole-catalog-popup .column {
        width: 100%
    }
}

.whole-catalog-popup .item .mini-icon {
    position: absolute;
    margin: 4px 0 0 -24px;
    display: inline-block;
    width: 17px
}

.whole-catalog-popup .item:not(.sub-item) {
    margin-top: 22px;
    margin-bottom: 5px
}

.whole-catalog-popup .item.sub-item {
    padding-left: 10px
}

.whole-catalog-popup .item.sub-item a {
    font-weight: 300;
    margin-left: 0
}

.whole-catalog-popup .item a {
    font: 500 14px/1.6 Roboto, sans-serif;
    color: #4a4a4a;
    text-decoration: none;
    position: relative
}

.whole-catalog-popup .item a:hover {
    text-decoration: underline
}

.whole-catalog-popup .item span {
    font-size: 12px;
    color: #0f9ee0
}

.whole-catalog-popup.manufacturers {
    width: 100%;
    min-width: auto;
    max-width: 1151px;
    border-radius: 11px
}

@media (max-width: 1024px) {
    .whole-catalog-popup.manufacturers {
        margin: 0
    }
}

.whole-catalog-popup.manufacturers .whole-catalog-menu {
    padding-left: 2px;
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .whole-catalog-popup.manufacturers .whole-catalog-menu {
        padding-left: 20px
    }
}

.whole-catalog-popup.manufacturers .column {
    flex: 1
}

@media (max-width: 1024px) {
    .whole-catalog-popup.manufacturers .column {
        flex: 1 0 240px
    }
}

.whole-catalog-popup.manufacturers .items-block {
    position: relative;
    margin-bottom: 17px
}

.whole-catalog-popup.manufacturers .items-title {
    margin-top: 8px;
    margin-bottom: 38px;
    font: 800 24px Raleway, sans-serif;
    color: #000;
    text-align: center
}

.whole-catalog-popup.manufacturers .items-letter {
    position: absolute;
    top: -2px;
    left: -20px;
    font: 800 19px Raleway, sans-serif;
    color: #000
}

.whole-catalog-popup.manufacturers .item.sub-item {
    margin-bottom: 8px
}

.whole-catalog-popup.manufacturers .center-btn {
    margin-bottom: 6px
}

.whole-catalog-popup.manufacturers .btn {
    padding: 12px 23px 11px;
    text-transform: none
}

.choose-city-popup {
    max-width: 635px;
    width: 90%;
    padding: 35px;
    border-radius: 8px
}

.choose-city-popup .form {
    position: relative;
    margin-top: 33px
}

.choose-city-popup .form .input {
    padding-left: 43px;
    border-color: #e6e6e6
}

.choose-city-popup .form .input.loading {
    border-color: #095d9d
}

.choose-city-popup .form:before {
    content: '';
    position: absolute;
    display: block;
    width: 19px;
    height: 18px;
    background: url(sprite.svg) -357px -139px no-repeat;
    left: 12px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.choose-city-popup .error-block {
    font: 12px Roboto, sans-serif;
    color: #095d9d;
    margin-top: 5px
}

.choose-city-popup .location-wrapper {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    margin-top: 27px;
    flex-wrap: wrap
}

.choose-city-popup .location-wrapper .column {
    width: 28%;
    font: 400 14px Roboto, sans-serif
}

.choose-city-popup .location-wrapper .column .column-header, .popup-form h3 a:hover {
    color: #9b9b9b
}

.choose-city-popup .location-wrapper .column a {
    text-decoration: none;
    color: #4a4a4a;
    display: block;
    padding: 6px 10px 6px 0
}

.choose-city-popup .location-wrapper .column a:hover {
    opacity: .5
}

.choose-city-popup .location-wrapper .column a.selected {
    color: #0f9ee0;
    pointer-events: none
}

.choose-city-popup .location-wrapper .column .items-list {
    margin-top: 7px;
    height: 240px;
    overflow-y: auto;
    border-right: 1px solid #e0e0e0
}

.choose-city-popup .location-wrapper .column .items-list a.selected:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -10px 2px 0;
    width: 10px;
    height: 12px;
    background: url(sprite.svg) -300px -157px no-repeat
}

.choose-city-popup .location-wrapper .column:last-child a.selected:after {
    display: none
}

.choose-city-popup .nonactive {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0
}

.choose-city-popup .entered-loc-wrapper {
    max-height: 400px;
    overflow: hidden;
    margin-top: 27px
}

.choose-city-popup .entered-loc-wrapper .location-wrapper {
    margin-top: 0
}

@media (max-width: 767px) {
    .choose-city-popup {
        height: 90vh;
        min-height: 600px
    }

    .choose-city-popup .popup-wrapper {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .choose-city-popup .popup-wrapper .entered-loc-wrapper {
        max-height: none
    }

    .choose-city-popup .popup-wrapper .location-wrapper {
        flex: 1;
        flex-wrap: wrap;
        flex-direction: column
    }

    .choose-city-popup .popup-wrapper .location-wrapper .column {
        display: flex;
        flex-direction: column;
        width: 100%;
        flex: 1
    }

    .choose-city-popup .popup-wrapper .location-wrapper .column .items-list {
        height: 0;
        flex: 1 1 auto;
        border-right: 0;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 15px
    }
}

.popup-form {
    max-width: 435px;
    width: 90%;
    padding: 36px 39px;
    border-radius: 8px
}

.popup-form .form-caption, .popup-form h1 {
    font: 800 25px Raleway, sans-serif;
    color: #000;
    margin: 0;
    padding: 20px 0 10px
}

.popup-form h3 {
    text-align: left;
    padding: 0 0 10px
}

.popup-form h3 a {
    color: #0f9ee0
}

.popup-form .hidden {
    display: none
}

.popup-form .result-wrapper {
    text-align: center
}

.popup-form .result-wrapper h3 {
    text-align: center;
    padding: 37px 25px
}

.popup-form .result-wrapper .btn {
    width: 160px
}

@media (max-width: 767px) {
    .popup-form .result-wrapper .btn {
        margin-bottom: 10px
    }
}

.popup-form a.title-link {
    color: #0f9ee0;
    font: 14px Roboto, sans-serif
}

.popup-form a.title-link:hover {
    color: #9b9b9b
}

.popup-form .form-not-filled {
    padding-top: 10px
}

.popup-form .form-not-filled .form-block .field-block {
    margin-bottom: 7px
}

.popup-form .form-not-filled .form-block .field-block .notif {
    min-height: 15px
}

.popup-form .form-not-filled .form-block .bottom-row {
    flex-wrap: wrap
}

.popup-form .form-not-filled .form-block .bottom-row .agreement {
    flex-shrink: 1;
    margin-top: 7px
}

.popup-form .form-not-filled .form-block .bottom-row .btn, .popup-form .form-not-filled .form-block .bottom-row .remember-block {
    margin-top: 10px
}

.popup-form.user-exist-popup {
    max-width: 620px
}

.popup-form.user-exist-popup .controls {
    display: flex;
    justify-content: space-around
}

.popup-form.user-exist-popup .controls button {
    width: auto
}

@media (max-width: 767px) {
    .popup-form.user-exist-popup .controls {
        flex-direction: column
    }

    .popup-form.user-exist-popup .controls button {
        margin-bottom: 10px
    }
}

.popup-form.signup-form .form-not-filled .form-block .bottom-row .btn {
    width: 200px;
    margin-top: 27px
}

.popup-form.signup-form .form-not-filled .form-block .bottom-row .remember-block {
    margin-top: 27px
}

.popup-form.signup-form .form-not-filled .form-block .field-block:last-child {
    margin-bottom: 15px;
    margin-top: 8px
}

.popup-form.one-click {
    padding-top: 30px;
    padding-bottom: 37px
}

.popup-form.one-click .text {
    font: 300 16px/1.38 Roboto, sans-serif
}

.popup-form.one-click .working-time {
    color: #0f9ee0
}

.popup-form.one-click .btn {
    margin-top: -4px;
    margin-bottom: 4px
}

.popup-form.cancel-order .popup-title, .popup-form.cancel-order h3 {
    text-align: center
}

.popup-form.cancel-order h3 {
    padding-top: 37px
}

.popup-form.cancel-order .btn {
    margin: 10px auto 0
}

.popup-form.correct-basket-popup {
    max-width: 1100px
}

@media (max-width: 480px) {
    .popup-form {
        padding: 20px
    }

    .popup-form h1 {
        font-size: 20px;
        padding-right: 40px
    }

    .popup-form .form-not-filled .form-block .bottom-row .btn {
        order: 3
    }
}

.discount-popup, .notfound-page .discount-popup {
    display: none;
    width: 100%;
    max-width: 595px;
    z-index: 500;
    padding: 0;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

.discount-popup .inner-wrap, .notfound-page .discount-popup .inner-wrap {
    display: flex;
    align-items: stretch
}

.discount-popup .info, .notfound-page .discount-popup .info {
    box-sizing: border-box;
    padding: 39px 22px 39px 39px;
    flex: 1;
    max-width: 100%
}

.discount-popup .info .text, .discount-popup .info .title, .notfound-page .discount-popup .info .text, .notfound-page .discount-popup .info .title {
    margin-bottom: 30px;
    width: 100%
}

.discount-popup .info .title, .notfound-page .discount-popup .info .title {
    font: 800 24px Raleway, sans-serif
}

.discount-popup .info .text, .notfound-page .discount-popup .info .text {
    font: 400 36px Roboto, sans-serif;
    color: #4a4a4a
}

.discount-popup .info .text b, .notfound-page .discount-popup .info .text b {
    font-weight: 900;
    color: #095d9d
}

.discount-popup .img, .notfound-page .discount-popup .img {
    width: 198px;
    height: auto;
    display: flex;
    flex-basis: 198px;
    background: 50% 50% no-repeat;
    background-size: cover
}

@media (max-width: 480px) {
    .discount-popup .info, .notfound-page .discount-popup .info {
        z-index: 2
    }

    .discount-popup .info .title, .notfound-page .discount-popup .info .title {
        font-size: 20px
    }

    .discount-popup .info .text, .notfound-page .discount-popup .info .text {
        font-size: 24px
    }

    .discount-popup .img, .notfound-page .discount-popup .img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }
}

.discount-popup.theme-2 .info .text b, .notfound-page .discount-popup.theme-2 .info .text b {
    color: #0f9ee0
}

.discount-popup.theme-2 .info .btn, .notfound-page .discount-popup.theme-2 .info .btn {
    background: #095d9d
}

.discount-popup.theme-2 .popup-close, .notfound-page .discount-popup.theme-2 .popup-close {
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -253px -276px no-repeat
}

.added-basket-popup {
    padding: 0;
    border-radius: 8px
}

.added-basket-popup h2 {
    background: #095d9d;
    color: #fff;
    padding: 10px 20px;
    font-size: 25px !important;
    font-weight: 400
}

.added-basket-popup .name {
    font-size: 25px;
    padding: 20px 20px 10px;
    text-align: center;
    margin-bottom: 20px
}

.added-basket-popup .message {
    font-size: 18px;
    padding: 0 20px 20px;
    text-align: center;
    margin-top: -20px
}

.added-basket-popup .image {
    width: 100%;
    height: 300px;
    text-align: center;
    background: 50% 50%/contain no-repeat
}

.added-basket-popup .controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 20px 20px
}

.added-basket-popup .controls a:not(.btn) {
    color: #0f9ee0;
    font-size: 14px
}

@media (max-width: 767px) {
    .added-basket-popup .controls {
        flex-direction: column;
        height: 70px
    }
}

.popup-manufacturer {
    width: 435px;
    max-width: 100%;
    padding: 22px
}

.popup-manufacturer .image {
    margin-bottom: 20px;
    line-height: 0
}

.popup-manufacturer .image img {
    max-width: 100%
}

.popup-manufacturer .description {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    line-height: 1.38;
    padding: 0;
    margin: 0
}

.wrapper {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    min-width: 1px
}

.wrapper, main {
    flex: 1 1 auto
}

.content {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto
}

.ya-widget .rating img, footer {
    flex: 0 0 auto
}

.collapsing, .warranty-page main {
    overflow: hidden
}

.collapsing-link, .seo a {
    font: 300 14px/1.43 Roboto, sans-serif;
    color: #0f9ee0
}

.ya-widget {
    width: 88px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0
}

.ya-widget .link-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ya-widget .widget-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ya-widget .rating {
    width: 96px;
    height: 16px;
    display: flex;
    justify-content: space-between;
    margin-top: -4px
}

.raw {
    outline: 1px solid red
}

.mCS-custom.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0f9ee0;
    width: 10px
}

.mCS-custom.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff
}

.search-wrapper {
    display: flex
}

.search-wrapper .categories {
    width: 270px;
    flex: 0 0 auto;
    padding-right: 20px
}

.search-wrapper .products {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    overflow: hidden;
    padding-left: 10px
}

@media (max-width: 767px) {
    .search-wrapper {
        margin-top: 20px;
        flex-direction: column
    }

    .search-wrapper .categories, .search-wrapper .products {
        flex: 0 0 auto;
        width: 100%;
        padding: 0
    }

    .search-wrapper .products {
        margin-top: 30px
    }
}

.seo {
    color: #4a4a4a;
    margin-top: 15px
}

@media (max-width: 1024px) {
    .seo {
        padding: 0 10px 0 59px
    }
}

@media (max-width: 767px) {
    .seo {
        margin-top: 70px;
        padding: 0 10px
    }
}

.seo img {
    transition: transform 250ms ease-in-out;
    z-index: 2;
    position: relative;
    transform: scale(.95);
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 400px
}

.seo img:hover {
    transform: scale(1)
}

.seo, .seo p {
    font: 300 14px/1.43 Roboto, sans-serif
}

.seo h2, .seo h3, .seo h4 {
    padding: 0;
    text-align: left;
    color: #000;
    font: 800 36px Raleway, sans-serif
}

.seo h2 {
    margin: 36px 0
}

@media (max-width: 1024px) {
    .seo h2 {
        font-size: 24px;
        margin: 29px 0 20px
    }
}

.seo h3 {
    font-size: 24px;
    margin: 43px 0 16px
}

@media (max-width: 1024px) {
    .seo h3 {
        font-size: 20px
    }
}

.seo h4 {
    font-size: 18px;
    margin: 16px 0 18px
}

@media (max-width: 1024px) {
    .seo h4 {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .seo img {
        max-width: 235px
    }
}

@media (max-width: 767px) {
    .seo img {
        float: none !important;
        margin: 0 auto !important;
        display: block;
        max-width: 80%
    }
}

.seo img:first-child {
    margin-top: 80px
}

.seo img[align=right] {
    margin-left: 10px
}

.seo img[align=left] {
    margin-right: 30px
}

.wood-block-dark, .wood-block-light {
    background: 0 0;
    color: #fff
}

.wood-block-dark h2, .wood-block-dark h3, .wood-block-light h2, .wood-block-light h3 {
    color: #fff
}

.wood-block-dark {
    background-color: rgba(216, 216, 216, .2)
}

.wood-block-light {
    background-image: url(wood-light.jpg)
}

.main-review-block {
    height: 500px;
    position: relative;
    overflow: hidden;
    padding-top: 56px;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .main-review-block {
        padding-top: 36px
    }
}

.main-review-block .review-slider {
    height: 388px;
    position: relative
}

.main-review-block .content, .main-review-block .slide-list {
    position: relative
}

.main-review-block:before {
    content: '';
    position: absolute;
    display: block;
    width: 1000px;
    height: 1000px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #0f9ee0;
    margin-left: 75px
}

@media (max-width: 1024px) {
    .main-review-block:before {
        width: 750px;
        height: 750px;
        margin-left: 0
    }
}

.main-review-block .slider-caption {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .main-review-block .slider-caption {
        width: 575px;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }
}

@media (max-width: 767px) {
    .main-review-block .slider-caption {
        width: 100%
    }
}

.main-review-block .slider-caption .caption {
    font: 800 36px Raleway, sans-serif;
    color: #fff;
    position: relative;
    width: 300px;
    padding-left: 41px
}

.main-review-block .slider-caption .caption:after {
    content: '';
    position: absolute;
    display: block;
    width: 48px;
    height: 43px;
    background: url(sprite.svg) -64px -203px no-repeat;
    right: 102px;
    bottom: -16px
}

@media (max-width: 767px) {
    .main-review-block .slider-caption .caption:after {
        width: 23px;
        height: 20px;
        background: url(sprite.svg) -143px -276px no-repeat;
        right: auto;
        bottom: 0;
        left: 138px
    }

    .main-review-block .slider-caption .caption {
        padding-left: 40px;
        font-size: 24px
    }
}

.main-review-block .media-link {
    font: 14px Roboto, sans-serif;
    color: #fff;
    display: block;
    margin-top: 20px
}

@media (min-width: 1023px) {
    .main-review-block .media-link {
        display: none
    }
}

.main-review-block .media-link:before, header .banner-block .link:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -357px -67px no-repeat;
    margin-right: 9px
}

.main-review-block .arrow-wrapper {
    height: 30px;
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .main-review-block .arrow-wrapper {
        width: 575px;
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width: 767px) {
    .main-review-block .arrow-wrapper {
        width: 100%
    }
}

.main-review-block .arrow-wrapper .curr-slide-wrapper {
    position: absolute;
    left: 72px;
    top: 3px;
    font: 500 20px Roboto, sans-serif;
    color: #fff
}

.main-review-block .arrow-wrapper .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.main-review-block .arrow-wrapper .arrow:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 24px;
    background: url(sprite.svg) -335px -146px no-repeat;
    transition: margin-left .3s ease;
    margin-left: 0
}

.main-review-block .arrow-wrapper .arrow.prev {
    left: 35px;
    transform: rotate(180deg)
}

.main-review-block .arrow-wrapper .arrow.next:hover:before, .main-review-block .arrow-wrapper .arrow.prev:hover:before {
    margin-left: 5px
}

@media (max-width: 767px) {
    .main-review-block .arrow-wrapper .arrow.prev {
        left: 35px
    }
}

.main-review-block .arrow-wrapper .arrow.next {
    left: 112px
}

@media (max-width: 1024px) {
    .main-review-block .arrow-wrapper .arrow.next {
        left: 126px
    }
}

@media (max-width: 767px) {
    .main-review-block .arrow-wrapper .arrow.next {
        left: 112px
    }
}

.main-review-block .review-item {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.main-review-block .review-item .column {
    display: flex;
    flex: 1;
    position: relative
}

.main-review-block .review-item .preview {
    width: 520px;
    height: 295px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.main-review-block .review-item .preview .review-photo {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-review-block .review-item .preview .review-video {
    width: 100%;
    height: 99%;
    display: flex;
    background: 50% 50%/cover no-repeat;
    position: relative
}

.main-review-block .review-item .preview .review-video:before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -357px -67px no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(4);
    opacity: .5;
    transition: transform .3s
}

.main-review-block .review-item .preview .review-video:hover:before {
    transform: translate(-50%, -50%) scale(4.5)
}

.main-review-block .review-item .product {
    width: 520px;
    height: 295px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 91px;
    left: 35px;
    background: #095d9d;
    box-sizing: border-box;
    padding: 218px 55px 10px 18px
}

.main-review-block .review-item .product .product-info, .requisites {
    display: flex;
    justify-content: space-between
}

.main-review-block .review-item .product .name, .main-review-block .review-item .product .price {
    font: 500 18px Roboto, sans-serif;
    color: #fff
}

.main-review-block .review-item .product .name {
    max-width: 330px;
    max-height: 48px;
    overflow: hidden;
    margin-top: 5px
}

.main-review-block .review-item .product .price {
    font-size: 24px
}

@media (max-width: 1024px) {
    .main-review-block .review-item .media-wrapper {
        display: none
    }
}

.main-review-block .review-item .review-text-wrapper {
    padding-left: 83px;
    padding-top: 124px;
    flex-direction: column
}

@media (max-width: 1024px) {
    .main-review-block .review-item .review-text-wrapper {
        align-items: center
    }

    .main-review-block .review-item .review-text-wrapper .review-content {
        width: 575px
    }
}

@media (max-width: 767px) {
    .main-review-block .review-item .review-text-wrapper {
        padding-top: 90px;
        padding-left: 40px;
        padding-right: 40px
    }

    .main-review-block .review-item .review-text-wrapper .review-content {
        width: 100%
    }
}

.main-review-block .review-item .review-text-wrapper .author {
    font: 500 18px/1.33 Roboto, sans-serif;
    text-decoration: underline
}

.main-review-block .review-item .review-text-wrapper .author.no-underline, a:hover {
    text-decoration: none
}

.main-review-block .review-item .review-text-wrapper .date {
    font: 500 14px/1.71 Roboto, sans-serif
}

.main-review-block .review-item .review-text-wrapper .review-text {
    font: 300 16px/1.38 Roboto, sans-serif;
    margin-top: 28px;
    max-width: 440px;
    max-height: 157px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .main-review-block .review-item .review-text-wrapper .review-text {
        max-height: 110px
    }
}

@media (max-width: 767px) {
    .main-review-block .review-item .review-text-wrapper .review-text {
        max-width: 100%
    }
}

.custom-header .shadow, .profile-header .shadow {
    height: 17px;
    opacity: .3;
    background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent 100%);
    pointer-events: none
}

.requisites {
    margin-top: 17px;
    flex: 0 0 auto;
    flex-wrap: wrap;
    color: #4a4a4a
}

.requisites .name, .requisites .value {
    margin-top: 9px
}

.requisites .name {
    text-align: right;
    width: 36%;
    font: 500 16px Roboto, sans-serif
}

.requisites .value {
    width: 54%;
    font: 300 16px Roboto, sans-serif
}

@media (max-width: 480px) {
    .requisites .name, .requisites .value {
        text-align: left;
        width: 100%
    }
}

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

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

@media (max-width: 767px) {
    .datepickers-container {
        display: none
    }
}

.ajax-loading {
    position: relative
}

.ajax-loading:after, .ajax-loading:before {
    content: '';
    position: absolute;
    display: block
}

.ajax-loading:before {
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .4);
    top: 0;
    left: 0;
    z-index: 2
}

.ajax-loading:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url(loader.svg);
    z-index: 3;
    -webkit-animation: loading-icon-rotation 2s linear infinite;
    animation: loading-icon-rotation 2s linear infinite
}

.non-active-link {
    cursor: default;
    pointer-events: none
}

.hidden-text {
    text-indent: -99999px
}

.nowrap {
    white-space: nowrap
}

.fancybox-navigation .fancybox-button, .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label:after, .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label:before {
    top: 50%;
    transform: translateY(-50%)
}

a.dashed-link {
    transition: all .3s ease;
    border-bottom: 1px dashed #0f9ee0;
    text-decoration: none
}

a.dashed-link:hover {
    border-color: transparent
}

.cat-list > li a:hover, a.dashed-link.green {
    color: #0f9ee0
}

.btn, .order-page .content [type=submit] {
    outline: 0;
    font: 800 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 1px solid transparent;
    background: #0f9ee0
}

.btn:not(.disabled):hover .btn-hover-effect, .order-page .content [type=submit]:not(.disabled):hover .btn-hover-effect {
    width: 350px;
    height: 350px
}

.btn:not(.js-btn):not(.js-menu-item):not(.js-basket-btn), .order-page .content [type=submit]:not(.js-btn):not(.js-menu-item):not(.js-basket-btn) {
    transition: all .3s
}

.btn:not(.js-btn):not(.js-menu-item):not(.js-basket-btn):hover, .order-page .content [type=submit]:not(.js-btn):not(.js-menu-item):not(.js-basket-btn):hover {
    background-color: #fff;
    color: #0f9ee0
}

.btn .numbers, .order-page .content [type=submit] .numbers {
    font-weight: 700;
    font-family: 'Roboto', sans-serif
}

.btn:not(.touch):not(.disabled):hover, .order-page .content [type=submit]:not(.touch):not(.disabled):hover {
    border-color: #0f9ee0;
    color: #0f9ee0
}

.btn.touch:hover, .order-page .content [type=submit].touch:hover {
    background: #fff;
    border-color: #0f9ee0;
    color: #0f9ee0
}

.btn.ajax-waiting, .order-page .content [type=submit].ajax-waiting {
    -webkit-animation: button-ajax-waiting 1s ease infinite;
    animation: button-ajax-waiting 1s ease infinite;
    pointer-events: none
}

.btn.orange, .order-page .content [type=submit].orange {
    background: #095d9d
}

.btn.orange:not(.touch):not(.disabled):hover, .order-page .content [type=submit].orange:not(.touch):not(.disabled):hover {
    border-color: #095d9d;
    color: #095d9d
}

.btn.orange-invert, .btn.orange.touch:hover, .order-page .content [type=submit].orange-invert, .order-page .content [type=submit].orange.touch:hover {
    background: #fff;
    color: #095d9d;
    border-color: #095d9d
}

.btn.orange-invert:not(.touch):not(.disabled):hover, .order-page .content [type=submit].orange-invert:not(.touch):not(.disabled):hover {
    border-color: #095d9d;
    color: #fff
}

.btn.orange-invert .btn-hover-effect, .order-page .content [type=submit].orange-invert .btn-hover-effect {
    background: #095d9d !important
}

.btn.orange-hover:not(.touch):not(.disabled):hover, .order-page .content [type=submit].orange-hover:not(.touch):not(.disabled):hover {
    border-color: #095d9d !important;
    color: #fff !important
}

.btn.orange-hover .btn-hover-effect, .order-page .content [type=submit].orange-hover .btn-hover-effect {
    background: #095d9d !important
}

.btn.white-to-orange, .order-page .content [type=submit].white-to-orange {
    background: #fff;
    color: #000;
    border-color: #095d9d;
    font-weight: 300;
    font-family: 'Roboto', sans-serif
}

.btn.white-to-orange:not(.touch):not(.disabled):hover, .order-page .content [type=submit].white-to-orange:not(.touch):not(.disabled):hover {
    border-color: #095d9d !important;
    background: #095d9d !important;
    color: #fff !important
}

.btn.white-to-orange .btn-hover-effect, .order-page .content [type=submit].white-to-orange .btn-hover-effect {
    background: #095d9d !important
}

.btn.call-btn, .order-page .content [type=submit].call-btn {
    padding-left: 48px
}

.btn.call-btn:after, .btn.call-btn:before, .order-page .content [type=submit].call-btn:after, .order-page .content [type=submit].call-btn:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    left: 15px;
    z-index: 2
}

.btn.call-btn:before, .order-page .content [type=submit].call-btn:before {
    width: 16px;
    height: 17px;
    background: url(sprite.svg) -335px -198px no-repeat;
    opacity: 1
}

.btn.call-btn.orange:after, .order-page .content [type=submit].call-btn.orange:after {
    width: 16px;
    height: 17px;
    background: url(sprite.svg) -335px -240px no-repeat
}

.btn.call-btn:after, .order-page .content [type=submit].call-btn:after {
    width: 16px;
    height: 17px;
    background: url(sprite.svg) -335px -219px no-repeat;
    opacity: 0
}

.btn.call-btn:hover:before, .order-page .content [type=submit].call-btn:hover:before {
    opacity: 0
}

.btn.call-btn:hover:after, .order-page .content [type=submit].call-btn:hover:after {
    opacity: 1
}

.btn.white-btn, .order-page .content [type=submit].white-btn {
    height: 40px;
    padding: 12px 0;
    width: 160px;
    text-align: center;
    background-color: #fff;
    border-color: #0f9ee0;
    color: #0f9ee0
}

.btn.white-btn:not(.disabled):hover, .order-page .content [type=submit].white-btn:not(.disabled):hover {
    color: #fff
}

.btn.white-btn.touch:hover, .order-page .content [type=submit].white-btn.touch:hover {
    background: #0f9ee0;
    color: #fff
}

.btn.white-btn .btn-hover-effect, .order-page .content [type=submit].white-btn .btn-hover-effect {
    background: #0f9ee0
}

.btn.added-to-cart, .order-page .content [type=submit].added-to-cart {
    text-align: center;
    background-color: #fff;
    border-color: #0f9ee0;
    color: #0f9ee0;
    padding-left: 15px
}

.btn.added-to-cart:not(.touch):not(.disabled):hover, .order-page .content [type=submit].added-to-cart:not(.touch):not(.disabled):hover {
    color: #fff;
    border-color: #0f9ee0
}

.btn.added-to-cart:not(.touch):not(.disabled):hover:before, .order-page .content [type=submit].added-to-cart:not(.touch):not(.disabled):hover:before {
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -22px -335px no-repeat
}

.btn.added-to-cart.touch:hover, .order-page .content [type=submit].added-to-cart.touch:hover {
    border-color: #0f9ee0;
    background: #0f9ee0;
    color: #fff
}

.btn.added-to-cart.touch:hover:before, .order-page .content [type=submit].added-to-cart.touch:hover:before {
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -22px -335px no-repeat
}

.btn.added-to-cart .btn-hover-effect, .order-page .content [type=submit].added-to-cart .btn-hover-effect {
    background: #0f9ee0
}

.btn.added-to-cart:before, .order-page .content [type=submit].added-to-cart:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -289px -253px no-repeat;
    top: -1px;
    left: 0;
    transform: none;
    margin-right: 5px
}

.btn.discount-btn, .order-page .content [type=submit].discount-btn {
    padding-left: 29px;
    padding-right: 29px
}

.btn.disabled, .order-page .content [type=submit].disabled {
    cursor: default;
    background: #9b9b9b;
    color: #fff !important
}

.quantity .input {
    text-align: center;
    color: #9b9b9b;
    width: 77px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    border-radius: 8px;
    vertical-align: top;
    margin: 0 7px;
    font: 16px Roboto, sans-serif
}

.quantity .input:focus {
    border: solid 1px #0f9ee0
}

.quantity .quantity-button {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #9b9b9b;
    border-radius: 8px;
    border: solid 1px #e0e0e0;
    text-decoration: none;
    font: 300 40px Roboto, sans-serif;
    position: relative;
    box-sizing: border-box;
    vertical-align: top
}

.quantity .quantity-button:hover {
    background: #0f9ee0;
    border: solid 1px #0f9ee0;
    color: #fff
}

.quantity .quantity-button:hover:after, .quantity .quantity-button:hover:before {
    border-color: #fff !important
}

.quantity .quantity-button.dec:before, .quantity .quantity-button.inc:before {
    content: '';
    position: absolute;
    height: calc(50% - 1px);
    border-bottom: 2px solid #9b9b9b;
    width: 25px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block
}

.quantity .quantity-button.inc {
    margin-bottom: 10px
}

.quantity .quantity-button.inc:after, .to-basket:before {
    content: '';
    position: absolute;
    display: block;
    height: 25px;
    top: 50%
}

.quantity .quantity-button.inc:after {
    width: calc(50% - 1px);
    border-right: 2px solid #9b9b9b;
    transform: translateY(-50%);
    left: 0
}

.quantity.green .quantity-button.dec:before, .quantity.green .quantity-button.inc:after, .quantity.green .quantity-button.inc:before {
    border-color: #b0e2a1
}

.remove-button {
    transition: transform .3s ease;
    width: 25px;
    height: 25px;
    background: url(sprite.svg) -61px -305px no-repeat;
    order: 60;
    flex: 0 0 auto;
    margin: 57px 8px 0 auto
}

.remove-button:hover {
    transform: rotate(90deg)
}

.center-btn {
    text-align: center
}

.btn-hover-content, .btn-hover-effect {
    position: relative;
    z-index: 2;
    transition: color .15s ease-in-out;
    pointer-events: none
}

.btn-hover-effect {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 1;
    width: 0;
    height: 0;
    transition: width .3s ease-in-out, height .3s ease-in-out
}

.to-basket {
    width: 38px;
    height: 38px;
    margin: 8px 0 0 auto;
    position: relative;
    text-indent: -999999px
}

.to-basket:before {
    width: 24px;
    background: url(sprite.svg) -118px -305px no-repeat;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.to-basket .btn-hover-effect {
    background: #095d9d
}

.to-basket.added-to-cart .btn-hover-effect {
    background: #0f9ee0
}

.to-basket.added-to-cart:hover:before {
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -22px -335px no-repeat
}

.to-basket.added-to-cart:before {
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -289px -253px no-repeat;
    position: absolute;
    top: 25px;
    left: 18px
}

.cart-btn {
    height: 40px;
    padding-left: 48px;
    margin-bottom: 10px;
    margin-left: 16px;
    width: 160px;
    text-align: center
}

.cart-btn.no-icon {
    width: 105px;
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.cart-btn.no-icon:not(.added-to-cart):before {
    display: none
}

.cart-btn.set {
    width: 230px;
    margin-left: 0
}

.cart-btn:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    left: 28px;
    z-index: 2;
    width: 26px;
    height: 26px;
    background: url(sprite.svg) -2px -305px no-repeat;
    opacity: 1
}

.cart-btn.short {
    width: 39px;
    height: 38px;
    padding: 0
}

.cart-btn.short:before {
    left: 5px
}

.cart-btn:not(.touch):not(.disabled):hover {
    border-color: #095d9d;
    color: #fff
}

.cart-btn:not(.touch):not(.disabled).added-to-cart:hover {
    border-color: #0f9ee0
}

.cart-btn.touch:hover {
    border-color: #095d9d;
    background: #095d9d;
    color: #fff
}

.cart-btn .btn-hover-content {
    transition: none
}

.cart-btn .btn-hover-effect, .counter {
    background: #095d9d
}

.cart-btn.disabled {
    cursor: default;
    background: #9b9b9b;
    color: #fff !important
}

.counter {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    border-radius: 50%;
    font: 700 10px Roboto, sans-serif;
    color: #fff;
    z-index: 2;
    display: inline-block;
    text-align: center;
    line-height: 1.2
}

.counter .value {
    vertical-align: sub
}

.cat-list {
    margin: 0;
    padding: 0 0 0 20px;
    font: 14px Roboto, sans-serif
}

.cat-list > li {
    margin-top: 24px;
    display: block
}

.cat-list > li a {
    color: #4a4a4a;
    text-decoration: none
}

.cat-list > li .number {
    color: #9b9b9b;
    font-size: 11px
}

.cat-list > li > ul li {
    margin: 0;
    list-style: none;
    padding: 13px 0 0 20px
}

.cat-list > li.with-icon {
    padding-left: 21px
}

.cat-list > li.with-icon .mini-icon {
    width: 17px;
    height: 17px;
    background: left center/contain no-repeat;
    display: inline-block;
    margin: -4px 1px 0 -21px;
    vertical-align: middle
}

.cat-list > li:first-child, .categories-page .search-wrapper .categories .cat-list > li:first-child, .category-page .search-wrapper .categories .cat-list > li:first-child {
    margin-top: 0
}

.bulleted-list, .categories-page .seo ul, .category-page .seo ul, .search-page .notfound-info ul, .text-page .text-container ol, .text-page .text-container ul {
    counter-reset: listitem;
    padding: 5px 0 0;
    list-style: none;
    margin: 0
}

.bulleted-list li {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    padding: 13px 0 0 38px;
    line-height: 1.38;
    position: relative;
    margin: 0
}

.bulleted-list li:before {
    font: 500 16px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0;
    content: "•";
    font-size: 30px;
    top: 3px;
    color: #095d9d
}

input.input-field, select.input-field, textarea.input-field {
    box-sizing: border-box;
    font: 14px Roboto, sans-serif;
    height: 40px;
    border: solid 1px #e0e0e0;
    border-radius: 8px;
    color: #4a4a4a;
    padding: 0 18px;
    resize: vertical
}

input.input-field::-moz-placeholder, select.input-field::-moz-placeholder, textarea.input-field::-moz-placeholder {
    color: #9b9b9b
}

input.input-field:-ms-input-placeholder, select.input-field:-ms-input-placeholder, textarea.input-field:-ms-input-placeholder {
    color: #9b9b9b
}

input.input-field::placeholder, select.input-field::placeholder, textarea.input-field::placeholder {
    color: #9b9b9b
}

input.input-field:focus, select.input-field:focus, textarea.input-field:focus {
    border: solid 1px #0f9ee0
}

input.input-field:-moz-read-only, select.input-field:-moz-read-only, textarea.input-field:-moz-read-only {
    background: #f9f9f9
}

input.input-field:read-only, select.input-field:read-only, textarea.input-field:read-only {
    background: #f9f9f9
}

input.input-field.error, select.input-field.error, textarea.input-field.error {
    border-color: #095d9d !important
}

.input-field-wrapper {
    position: relative
}

.input-field-wrapper .show-pass:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 18px;
    background: url(sprite.svg) -147px -253px no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.input-field-wrapper .show-pass.shown:before {
    width: 24px;
    height: 18px;
    background: url(sprite.svg) -119px -253px no-repeat
}

input.checkbox-input {
    cursor: pointer;
    position: absolute;
    opacity: 0
}

input.checkbox-input + label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    margin-top: 11px;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif
}

input.checkbox-input + label:before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: -1px;
    left: 0;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #d8d8d8;
    box-sizing: content-box
}

@media (min-width: 767px) {
    input.checkbox-input + label:hover:before {
        background-color: #ccc
    }
}

input.checkbox-input + label.white:after {
    border-color: #0f9ee0
}

input.checkbox-input:checked + label:before {
    background-color: #0f9ee0;
    border-color: transparent
}

input.checkbox-input:checked + label:after {
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 10px;
    left: 5px;
    top: -1px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

input.checkbox-input:checked + label.white:before {
    background-color: #fff;
    border: solid 1px #0f9ee0
}

.product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector:checked + label, input.checkbox-input:checked + label.white:after {
    border-color: #0f9ee0
}

.radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio-input + label, .radio-label {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    cursor: pointer;
    font: 14px Roboto, sans-serif;
    color: #4a4a4a;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-input + label:before, .radio-label:before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background-color: #eee;
    border-radius: 50%;
    border: solid 1px #9b9b9b;
    box-sizing: border-box
}

.radio-input + label:hover:before, .radio-label:hover:before {
    background-color: #ccc
}

.radio-input + label .subtitle, .radio-label .subtitle {
    font: 12px Roboto, sans-serif;
    color: #9b9b9b;
    display: block;
    margin-top: 3px
}

.radio-checked:before, .radio-input:checked + label:before, .radio-label:hover:before {
    background-color: #0f9ee0;
    border-color: transparent
}

.radio-checked:after, .radio-input:checked + label:after, .radio-label:hover:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
    background: #fff;
    border-radius: 50%
}

.category-page .search-wrapper .categories .filter .filter-content .colours input.colour-checkbox:disabled + label, .checkbox-input:disabled + label, .radio-input:disabled + label {
    cursor: default;
    opacity: .3
}

.select-colour {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    position: relative;
    top: 0;
    background: 50% 50% no-repeat;
    background-size: cover
}

.select2-container .select2-selection, select {
    font: 14px Roboto, sans-serif;
    height: 40px;
    border-radius: 8px;
    color: #4a4a4a
}

select {
    width: 100%;
    padding-left: 18px
}

.select2-container .select2-selection {
    box-sizing: border-box;
    border: solid 1px #e0e0e0;
    line-height: 26px;
    padding: 7px 18px 12px 10px;
    background: #fff;
    overflow: hidden
}

.select2-container .select2-selection .select2-selection__placeholder, .total-block .product-info a.product-name:hover {
    color: #9b9b9b
}

.select2-container .select2-selection .select2-selection__clear {
    margin-right: 10px
}

.select2-container .select2-selection .select2-selection__arrow {
    position: absolute;
    right: 18px;
    top: 18px
}

.select2-container .select2-selection .select2-selection__arrow b {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    position: relative
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: normal;
    height: 20px;
    overflow: visible
}

.select2-container.select2-container--open .select2-selection {
    border-radius: 8px 8px 0 0
}

.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid transparent
}

.select2-container.select2-container--open .select2-dropdown {
    color: #4a4a4a;
    border: solid 1px #e0e0e0;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    font: 14px Roboto, sans-serif
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-top: solid 1px #e0e0e0
}

.select2-container.select2-container--open .select2-dropdown .select2-results__options {
    max-height: 280px;
    overflow-y: auto
}

.select2-container.select2-container--open .select2-dropdown .select2-results__options .select-colour {
    margin-top: -3px
}

.select2-container.select2-container--open .select2-dropdown .select2-results__options .select2-results__option--highlighted {
    background: #e0e0e0
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-radius: 8px 8px 0 0
}

.select2-container.select2-container--open .select2-dropdown.page-selector {
    border-color: #0f9ee0
}

.select2-container .select2-results__option {
    line-height: 20px;
    padding: 12px 18px
}

.select2-container .select2-results__option[aria-disabled=true] {
    opacity: .3
}

.select2-container .select2-results__option[aria-selected=true] {
    background: #f2f2f2
}

.shipment-block {
    display: flex;
    align-items: center
}

.shipment-block .icon {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 20px;
    background: url(sprite.svg) -189px -159px no-repeat;
    margin-right: 19px;
    margin-left: 10px;
    flex: 0 0 auto
}

.shipment-block .text {
    color: #4a4a4a;
    font: 300 12px Roboto, sans-serif;
    line-height: 1.5
}

.total-block {
    border-radius: 8px;
    background: #f0f7ec;
    padding: 25px 50px 20px 43px;
    box-sizing: border-box;
    margin-bottom: 26px
}

.total-block h2 {
    color: #000;
    padding: 0;
    margin: 2px 0 9px;
    font: 800 24px Raleway, sans-serif;
    text-align: left
}

.total-block .product-info {
    padding-top: 20px;
    padding-left: 2px
}

.total-block .product-info .product-num {
    color: #4a4a4a
}

.total-block .product-info .product-num .val {
    font-weight: 700
}

.total-block .product-info .product-props {
    font-size: 12px;
    line-height: 1.33
}

.total-block .product-info a.product-name {
    color: #000;
    text-decoration: none;
    font-weight: 500
}

.total-block .product-info .modules-num {
    font-size: 12px;
    color: #0f9ee0
}

.total-block .product-info .modules {
    margin-top: 22px;
    padding-left: 15px;
    border-left: 2px solid #0f9ee0
}

.total-block .product-info .modules .product-info {
    margin: 0;
    padding-top: 20px
}

.categories-page .seo ul li:first-child, .total-block .product-info .modules .product-info:first-child {
    padding-top: 0
}

.total-block .gray-row {
    display: flex;
    justify-content: space-between;
    font: 14px Roboto, sans-serif;
    color: #9b9b9b;
    margin-bottom: 5px
}

.total-block .gray-row.black {
    color: #000
}

.total-block .gray-row .name, .total-block .gray-row .val {
    flex: 0 0 auto
}

.total-block .gray-row .name {
    flex-grow: 1
}

.total-block .gray-row .val {
    display: flex;
    align-items: flex-end
}

.total-block .gray-row.orange {
    color: #095d9d
}

.total-block .gray-row.products-header .name a.show-order-link {
    font: 700 16px Roboto, sans-serif;
    color: #4a4a4a;
    text-decoration: none;
    border-bottom: 1px dotted #4a4a4a;
    position: relative
}

.total-block .gray-row.products-header .name a.show-order-link:hover {
    color: #0f9ee0;
    border-color: #0f9ee0
}

.total-block .gray-row.products-header .name a.show-order-link:after {
    transition: transform .3s ease;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 6px;
    background: url(sprite.svg) -68px -335px no-repeat;
    top: 8px;
    right: -17px;
    transform: rotate(180deg)
}

.total-block .gray-row.products-header .name a.show-order-link.hidden:after {
    transform: rotate(0deg)
}

.total-block .gray-row.products-header .val {
    color: #000;
    font: 500 18px Roboto, sans-serif
}

.total-block .total-row {
    text-align: right;
    font: 500 24px Roboto, sans-serif;
    color: #000
}

.total-block .reward-row {
    text-align: right;
    font: 16px Roboto, sans-serif;
    color: #095d9d;
    margin-top: 10px
}

.total-block .error-row {
    color: red;
    text-align: right;
    font-size: 13px;
    margin-top: 22px
}

.total-block .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px
}

.total-block .row:last-child {
    margin-bottom: 0
}

.total-block .row .name, .total-block .row .val {
    flex: 0 0 auto;
    text-align: right
}

.total-block .row .name {
    width: 47%;
    font: 14px Roboto, sans-serif;
    color: #9b9b9b;
    align-self: flex-end
}

.total-block .row .val {
    width: 50%;
    color: #000;
    font: 500 18px Roboto, sans-serif
}

.total-block .row .val.total-price {
    font-size: 24px
}

.total-block .sep-line {
    height: 2px;
    background: #e9e9e9;
    margin: 10px 0 14px
}

.total-block.order {
    padding: 33px 50px 50px 53px;
    margin-bottom: 30px
}

.total-block.order .sep-line {
    margin: 25px 0
}

@media (max-width: 767px) {
    .total-block {
        padding: 20px 30px 30px
    }
}

@media (max-width: 480px) {
    .total-block.order {
        padding: 22px
    }
}

.form-not-filled .form-block {
    max-width: 357px;
    margin: 13px auto 0
}

.form-not-filled .form-block .who-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 21px
}

.form-not-filled .form-block .who-block .radio-input + label {
    flex: 1 1 30%
}

.form-not-filled .form-block .who-block .radio-input + label:nth-child(2n) {
    margin-left: 38px
}

.form-not-filled .form-block .who-block .radio-label {
    flex: 1 1 30%;
    margin-left: 38px
}

.form-not-filled .form-block .address-block, .form-not-filled .form-block .field-block {
    margin-bottom: 28px
}

.form-not-filled .form-block .address-block:last-child, .form-not-filled .form-block .field-block:last-child {
    margin-bottom: 0
}

.form-not-filled .form-block .address-block.required .bottom-row > label:after, .form-not-filled .form-block .address-block.required > label:after, .form-not-filled .form-block .field-block.required .bottom-row > label:after, .form-not-filled .form-block .field-block.required > label:after {
    content: '';
    position: relative;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: #095d9d;
    display: inline-block;
    border-radius: 50%;
    margin-left: 3px
}

.form-not-filled .form-block .address-block .shipment, .form-not-filled .form-block .field-block .shipment {
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border: solid 1px #e0e0e0;
    padding: 17px 19px;
    box-sizing: border-box;
    position: relative;
    display: flex
}

.form-not-filled .form-block .address-block .shipment.disabled, .form-not-filled .form-block .field-block .shipment.disabled {
    background-color: #f6f6f6;
    pointer-events: none;
    opacity: .4
}

.form-not-filled .form-block .address-block .shipment.disabled .checkbox-input + label:before, .form-not-filled .form-block .field-block .shipment.disabled .checkbox-input + label:before {
    opacity: .4
}

.form-not-filled .form-block .address-block .shipment .icon, .form-not-filled .form-block .field-block .shipment .icon {
    width: 45px;
    height: 45px;
    margin-right: 15px
}

.form-not-filled .form-block .address-block .shipment .checkbox-input + label, .form-not-filled .form-block .field-block .shipment .checkbox-input + label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.form-not-filled .form-block .address-block .shipment .checkbox-input + label:before, .form-not-filled .form-block .field-block .shipment .checkbox-input + label:before {
    transform: translate(88px, 11px)
}

.form-not-filled .form-block .address-block .shipment .checkbox-input + label:after, .form-not-filled .form-block .field-block .shipment .checkbox-input + label:after {
    transform: translate(88px, 11px) rotate(45deg)
}

.form-not-filled .form-block .address-block .shipment .text-wrapper, .form-not-filled .form-block .field-block .shipment .text-wrapper {
    color: #9b9b9b;
    font: 12px Roboto, sans-serif;
    margin-left: 37px
}

.form-not-filled .form-block .address-block .shipment .text-wrapper b, .form-not-filled .form-block .field-block .shipment .text-wrapper b {
    color: #000;
    font: 500 14px Roboto, sans-serif;
    display: block;
    margin: 4px 0
}

.form-not-filled .form-block .address-block label, .form-not-filled .form-block .field-block label {
    display: block;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin-bottom: 6px;
    white-space: nowrap
}

.form-not-filled .form-block .address-block .input-field, .form-not-filled .form-block .field-block .input-field {
    width: 100%;
    border-color: #9b9b9b
}

.form-not-filled .form-block .address-block .input-field:focus, .form-not-filled .form-block .field-block .input-field:focus {
    border-color: #0f9ee0
}

.form-not-filled .form-block .address-block .input-field.fixed-width, .form-not-filled .form-block .field-block .input-field.fixed-width {
    width: 160px
}

.form-not-filled .form-block .address-block .notif, .form-not-filled .form-block .field-block .notif {
    color: #095d9d;
    font: 11px Roboto, sans-serif;
    margin-top: 4px
}

.form-not-filled .form-block .address-block .select2-container .select2-selection, .form-not-filled .form-block .field-block .select2-container .select2-selection {
    border-color: #9b9b9b;
    background: #fff
}

.form-not-filled .form-block .address-block textarea.input-field, .form-not-filled .form-block .field-block textarea.input-field {
    height: 120px;
    min-height: 120px;
    max-height: 250px;
    padding-top: 10px;
    padding-bottom: 10px
}

.form-not-filled .form-block .address-block .field-inside-row, .form-not-filled .form-block .field-block .field-inside-row, .form-not-filled .form-block .field-row {
    display: flex
}

.form-not-filled .form-block .address-block .field-inside-row .inside-block, .form-not-filled .form-block .field-block .field-inside-row .inside-block {
    flex: 1 1 0;
    margin-right: 11%
}

.form-not-filled .form-block .address-block .field-inside-row .inside-block.required > label:after, .form-not-filled .form-block .field-block .field-inside-row .inside-block.required > label:after {
    content: '';
    position: relative;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: #095d9d;
    display: inline-block;
    border-radius: 50%;
    margin-left: 3px
}

.form-not-filled .form-block .address-block .field-inside-row .inside-block:last-child, .form-not-filled .form-block .field-block .field-inside-row .inside-block:last-child {
    margin-right: 0
}

.form-not-filled .form-block .address-block .checkbox-row, .form-not-filled .form-block .field-block .checkbox-row {
    display: flex;
    flex-wrap: wrap
}

.form-not-filled .form-block .address-block .checkbox-row input.checkbox-input + label, .form-not-filled .form-block .field-block .checkbox-row input.checkbox-input + label {
    margin-left: 38px
}

.form-not-filled .form-block .address-block .radio-input + label, .form-not-filled .form-block .field-block .radio-input + label {
    margin-top: 13px;
    margin-left: 3px
}

.form-not-filled .form-block .field-block:not(.list) .radio-input:first-child + label {
    margin-top: 0
}

.form-not-filled .form-block .field-row .field-block {
    flex: 1 1 50%
}

.form-not-filled .form-block .field-row .field-block:first-child {
    margin-right: 38px
}

.form-not-filled .form-block .agreement {
    font: 300 12px Roboto, sans-serif;
    color: #4a4a4a;
    margin-top: 16px;
    width: 297px
}

.form-not-filled .form-block .agreement a:active, .form-not-filled .form-block .agreement a:link, .form-not-filled .form-block .agreement a:visited {
    text-decoration: none;
    color: #0f9ee0
}

.form-not-filled .form-block .agreement a:hover {
    color: #4a4a4a
}

.form-not-filled .form-block .attach-file-input {
    cursor: pointer;
    position: absolute;
    opacity: 0
}

.form-not-filled .form-block .attach-file-input + label {
    text-transform: uppercase;
    border-bottom: 2px dotted #0f9ee0;
    font: 800 12px Raleway, sans-serif;
    text-decoration: none;
    color: #0f9ee0;
    margin-top: 20px;
    display: inline-block;
    position: relative;
    left: 23px;
    cursor: pointer
}

.form-not-filled .form-block .attach-file-input + label:before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background: url(sprite.svg) -315px -256px no-repeat;
    margin-right: 9px;
    left: -23px;
    top: -3px
}

.form-not-filled .form-block .attach-file-input + label:hover {
    color: #9b9b9b;
    border-bottom: 2px dotted #9b9b9b
}

.form-not-filled .form-block .attach-file-input + label:hover:before {
    width: 16px;
    height: 16px;
    background: url(sprite.svg) -315px -276px no-repeat
}

.form-not-filled .form-block .files {
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px
}

.form-not-filled .form-block .files a.file {
    color: #4a4a4a;
    text-decoration: none;
    font: 300 16px Roboto, sans-serif;
    margin-right: 20px;
    white-space: nowrap;
    margin-bottom: 6px
}

.form-not-filled .form-block .files a.file > span {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.form-not-filled .form-block .files a.file:hover {
    color: #095d9d
}

.form-not-filled .form-block .files a.file:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    background: url(sprite.svg) -115px -355px no-repeat;
    margin-left: 6px
}

.form-not-filled .form-block .warning {
    background: #f6ecdc;
    border-radius: 8px;
    padding: 14px 19px;
    margin-top: 7px;
    color: #095d9d;
    font: 14px Roboto, sans-serif
}

.form-not-filled .form-block .btn {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

.form-not-filled .form-block .bottom-row {
    display: flex;
    justify-content: space-between
}

.form-not-filled .form-block .bottom-row .agreement {
    flex: 0 0 auto
}

.form-not-filled .form-block .bottom-row .btn {
    width: 160px;
    flex: 0 0 auto;
    align-self: flex-start
}

.form-not-filled .form-block .bottom-row .remember-block {
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 20px
}

.form-not-filled .form-block .bottom-row .remember-block input.checkbox-input + label {
    margin-top: 0
}

@media (max-width: 767px) {
    .form-not-filled .form-block .field-row.shipment-row {
        flex-wrap: wrap
    }

    .form-not-filled .form-block .field-row.shipment-row .field-block {
        flex: 1 1 100%;
        margin-bottom: 28px
    }

    .form-not-filled .form-block .field-row.shipment-row .field-block:first-child {
        margin-right: 0
    }

    .form-not-filled .form-block .field-block .checkbox-row input.checkbox-input + label {
        flex: 1 1 100%;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .form-not-filled .form-block .bottom-row, .form-not-filled .form-block .field-row {
        flex-wrap: wrap
    }

    .form-not-filled .form-block .field-row .field-block {
        flex: 1 1 100%;
        margin-bottom: 28px
    }

    .form-not-filled .form-block .field-row .field-block:first-child {
        margin-right: 0
    }

    .form-not-filled .form-block .bottom-row .btn {
        flex: 1 1 100%
    }
}

.small-tooltip {
    font: 300 12px Roboto, sans-serif;
    color: #4a4a4a;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    position: absolute;
    width: 180px;
    top: 0;
    left: 0;
    transform: translateY(-100%) translateY(-10px);
    z-index: 5;
    display: none
}

.small-tooltip b {
    font-weight: 500
}

.small-tooltip.history {
    top: 50%;
    font-size: 14px;
    pointer-events: none;
    transform: translateY(-50%) translateY(0)
}

.small-tooltip.order-status {
    width: auto;
    top: 50%;
    right: 0;
    left: auto;
    font-weight: 400;
    transform: translate(100%, -50%) translate(10px, 0)
}

.small-tooltip.order-info {
    width: 320px;
    top: 0;
    right: 0;
    left: auto;
    transform: translateX(100%);
    padding: 20px;
    font-size: 14px
}

@media (max-width: 767px) {
    .small-tooltip.order-info {
        width: 285px;
        transform: none;
        top: 100%;
        right: auto;
        left: 0;
        padding: 10px
    }
}

.small-tooltip.order-info .paragraph .row {
    margin-top: 2px;
    display: flex;
    justify-content: space-between
}

.small-tooltip.header-info .paragraph .row .right, .small-tooltip.order-info .paragraph .row .right {
    flex: 0 0 75px;
    padding-right: 23px;
    text-align: right
}

.small-tooltip.order-info .paragraph:not(:first-child) {
    margin-top: 14px
}

.small-tooltip.header-info {
    left: 38px;
    top: -12px;
    transform: none;
    width: 350px;
    padding-right: 50px
}

.small-tooltip.header-info .paragraph .row {
    margin-top: 2px;
    display: flex;
    justify-content: space-between
}

.small-tooltip.header-info .paragraph:not(:first-child) {
    margin-top: 6px
}

@media (max-width: 550px) {
    .small-tooltip.header-info {
        width: 280px;
        padding-right: 10px;
        left: 0;
        top: 50px
    }
}

.datepickers-container .datepicker {
    font-family: 'Roboto', sans-serif;
    font-weight: 500
}

.datepickers-container .datepicker .datepicker--day-name {
    font-size: 12px
}

.datepickers-container .datepicker .-current- {
    color: #0f9ee0
}

.datepickers-container .datepicker .-selected- {
    background: #0f9ee0;
    color: #fff
}

.datepickers-container .datepicker .datepicker--pointer {
    display: none
}

.up-button {
    transition: all .3s ease;
    width: 48px;
    height: 48px;
    position: fixed;
    background: #fff;
    left: 50%;
    transform: translateX(-660px);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    z-index: 6;
    bottom: -50px;
    opacity: 0
}

.up-button.shown {
    opacity: 1;
    bottom: 30px
}

.save-icon-button:before, .up-button:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    position: absolute;
    display: block
}

.up-button:before {
    background: url(sprite.svg) -315px -86px no-repeat;
    width: 14px;
    height: 16px
}

.up-button:hover {
    background: #0f9ee0
}

.up-button:hover:before {
    width: 14px;
    height: 16px;
    background: url(sprite.svg) -315px -106px no-repeat
}

@media (max-width: 1400px) {
    .up-button {
        left: 30px;
        transform: none
    }
}

button.fancybox-close-small {
    width: 30px;
    height: 34px
}

.basket-circle {
    position: fixed;
    border-radius: 50%;
    background: #095d9d;
    z-index: 100
}

.save-icon-button {
    transition: background-color opacity ease;
    width: 40px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 1
}

.save-icon-button.disabled {
    opacity: .15 !important;
    background-color: #9b9b9b;
    pointer-events: none
}

.save-icon-button:before {
    width: 22px;
    height: 22px;
    background: url(sprite.svg) -254px -305px no-repeat;
    z-index: 2
}

.save-icon-button:not(.touch):not(.disabled):hover {
    border-color: transparent
}

.save-icon-button .btn-hover-effect {
    background: #095d9d
}

.tag-container {
    flex-wrap: wrap;
    margin-bottom: -5px
}

.tag-container .tag {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background: #095d9d;
    padding: 3px 5px;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0 3px 5px 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.tag-container .tag .colour {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin: 0 5px -1px 0;
    border-radius: 3px
}

.tag-container .tag:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -73px -355px no-repeat;
    transition: transform 250ms ease-in-out;
    vertical-align: inherit;
    margin: 0 0 -1px 15px
}

.tag-container .tag:hover:after {
    transform: rotate(90deg)
}

.file, .tag-container {
    display: flex;
    align-items: center
}

.file .icon {
    width: 39px;
    height: 32px;
    background: url(sprite.svg) -200px -203px no-repeat;
    margin-right: 20px;
    flex: 0 0 auto;
    position: relative
}

.file .icon .ext {
    position: absolute;
    top: 9px;
    right: -1px;
    color: #0f9ee0;
    font: 800 13px Raleway, sans-serif
}

.file a.file-link {
    display: block;
    font-size: 14px;
    flex-grow: 1
}

@media (max-width: 767px) {
    header {
        padding-top: 80px
    }

    header .banner-block, header .content, header .main-menu, header .top-menu-wrapper {
        display: none
    }
}

header .banner-block {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font: 14px Roboto, sans-serif;
    background: #095d9d;
    color: #fff;
    box-sizing: border-box;
    padding: 0 70px 0 39px;
    position: relative;
    overflow: hidden
}

header .banner-block a {
    color: #fff
}

header .banner-block .caption {
    margin-right: 29px
}

@media (max-width: 1400px) {
    header .banner-block .promo-description .caption {
        display: none
    }
}

header .banner-block .link {
    margin-right: 15px
}

header .banner-block .promo-description {
    flex: 1
}

header .banner-block .ya-rating {
    padding-right: 2px;
    padding-top: 3px
}

header .banner-block .ya-rating .caption {
    color: #000;
    margin-right: 16px;
    position: relative;
    top: 1px
}

header .banner-block .banner-close {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 25px;
    transition: transform .3s ease
}

header .banner-block .banner-close:before {
    content: '';
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -253px -276px no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

header .banner-block .banner-close:hover {
    transform: rotate(90deg)
}

@media (max-width: 1024px) {
    header .banner-block {
        display: none
    }
}

header .top-menu-wrapper {
    position: relative;
    padding: 0 10px
}

header .top-menu-wrapper:after, header .top-menu-wrapper:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1024px) {
    header .top-menu-wrapper:after, header .top-menu-wrapper:before {
        display: none
    }
}

header .top-menu-wrapper:before {
    left: 0;
    right: 50%;
    background: #f6f6f6
}

header .top-menu-wrapper:after {
    left: 50%;
    right: 0;
    background: #fff
}

header .top-menu-wrapper a {
    font: 14px Roboto, sans-serif;
    color: #000;
    text-decoration: none
}

header .top-menu-wrapper .top-menu a:hover, header .top-menu-wrapper a:hover {
    text-decoration: underline
}

header .top-menu-wrapper .content {
    display: flex;
    flex-direction: row
}

@media (max-width: 1024px) {
    header .top-menu-wrapper .content {
        align-items: center;
        justify-content: space-between
    }
}

header .top-menu-wrapper .city-link {
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 58px;
    background: #f6f6f6
}

header .top-menu-wrapper .city-link:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 4px;
    background: url(sprite.svg) -335px -296px no-repeat;
    margin-left: 5px
}

header .top-menu-wrapper .city-link:hover:after {
    transform: rotateY(180deg)
}

@media (max-width: 1024px) {
    header .top-menu-wrapper .city-link {
        margin-left: -10px;
        padding-left: 10px
    }
}

header .top-menu-wrapper .top-menu {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    background: #fff;
    padding: 0 40px
}

header .top-menu-wrapper .top-menu a {
    font-weight: 300
}

@media (max-width: 1024px) {
    header .top-menu-wrapper .top-menu {
        display: none
    }
}

header .top-menu-wrapper .personal-link {
    font-size: 14px;
    height: 40px;
    display: flex;
    align-items: center
}

header .top-menu-wrapper .personal-link:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 17px;
    background: url(sprite.svg) -357px -313px no-repeat;
    transition: opacity .3s ease;
    margin-right: 14px
}

header .main-header a.logo:hover, header .top-menu-wrapper .personal-link:hover:before {
    opacity: .7
}

header .top-menu-wrapper .sign-out-link {
    transition: opacity .3s ease;
    opacity: 1;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px
}

header .top-menu-wrapper .sign-out-link:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 13px;
    background: url(sprite.svg) -357px -50px no-repeat
}

header .top-menu-wrapper .sign-out-link:hover {
    opacity: .4
}

@media (min-width: 1025px) {
    header .top-menu-wrapper .mail-block {
        display: none
    }
}

header .mail-block {
    margin-bottom: -9px;
    font: 14px Roboto, sans-serif
}

header .mail-block .envelope-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    margin-bottom: 4px;
    width: 26px;
    height: 18px;
    background: url(sprite.svg) -281px -176px no-repeat
}

header .mail-block .mail-link {
    color: #0f9ee0;
    text-decoration: underline
}

header .mail-block .mail-link.old-site {
    margin-left: 20px
}

.floating-header a, header .mail-block .mail-link:hover {
    text-decoration: none
}

@media (max-width: 1024px) {
    header .mail-block {
        flex: 1;
        text-align: center
    }
}

header .main-header {
    display: flex;
    padding-top: 3px;
    padding-bottom: 10px;
    position: relative
}

small.miniot a {
    color: #0f9ee0
}

small.miniot a:hover {
    color: #0b76c4
}

header .main-header .sub-text {
    font: 300 12px/1.17 Roboto, sans-serif;
    color: #000
}

header .main-header .sub-text a {
    color: #0f9ee0
}

header .main-header a.logo {
    transition: opacity .3s ease;
    cursor: pointer
}
ul.breadcrumb {
    margin-top: 28px;
    margin-left: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    font: 300 12px 'Roboto',sans-serif;
    color: #9b9b9b!important;
    display: flex;
    list-style: none;
}
ul.breadcrumb a {
    color: #9b9b9b!important;
}
ul.breadcrumb a {
    color: #69b648 !important;
}
span.divider {
    color: #69b648 !important;
    margin: 0 9px 0 5px;
}
ul.breadcrumb {
    margin-left: 0;
    padding-left: 0;
}
.main-page .main-slider-wrapper {
    display: grid;
}
.captionslider {
    position: relative;
    font: 800 36px 'Raleway',sans-serif !important;
    color: #fff;
    z-index: 2;
    text-align: left !important;
}
.n2-ss-slide-backgrounds .n2-ss-item-content.n2-ow {
    text-align: left;
}
.n2-section-smartslider a.js-btn.btn.inited {
    float: left;
    margin: 40px 0 0 0;
}



header .main-header .logo {
    text-decoration: none;
    margin-left: 8px;
    padding-top: 19px
}

small.miniot {
    width: 100%;
    text-align: right;
    display: block;
    margin: -2px 0 0
}

header .main-header .logo .image .logo-decor {
    width: 52px;
    height: 51px;
    position: absolute;
    top: -16px;
    right: -7px;
    background: 50% 50% no-repeat;
    background-size: contain
}

header .main-header .logo .slogan {
    margin-top: 5px
}

header .main-header .contacts-block {
    margin-left: 68px
}

header .main-header .contacts-block .phone {
    display: block;
    font: 900 24px Roboto, sans-serif;
    color: #000;
    text-decoration: none;
    margin-top: 2px
}

.main-menu .sub-menu-wrapper .sub-menu-list a:hover, .main-menu .submenu-content .item a:hover span, footer .top-block .cooperation-items a:hover, header .main-header .contacts-block .phone:hover {
    text-decoration: underline
}

header .main-header .contacts-block .call-btn {
    margin: 9px 0 5px
}

header .main-header .search-block {
    display: flex;
    flex: 1;
    flex-direction: column;
    font: 300 14px/1.57 Roboto, sans-serif;
    margin-left: 28px;
    margin-top: 12px
}

@media (min-width: 1025px) and (max-width: 1180px) {
    header .main-header .search-block {
        padding-right: 8px
    }
}

header .main-header .search-block .top-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1024px) {
    header .main-header .search-block .top-block .mail-block {
        display: none
    }
}

header .main-header .search-block .make-order-link {
    color: #0f9ee0;
    margin-left: 7px;
    position: relative;
    top: 4px
}

header .main-header .search-block .search {
    margin-top: 15px
}

header .main-header .search-block .search > .search {
    margin-top: 0
}

header .main-header .search-block .search .sub-text {
    margin: 9px 0 0 12px
}

header .main-header .personal-block {
    height: 25px
}

header .main-header .basket-link-wrap {
    position: relative;
    display: inline-block
}

@media (max-width: 1024px) {
    header .main-header {
        padding-bottom: 65px
    }

    header .main-header .contacts-block, header .main-header .logo, header .main-header .search-block {
        flex: 1
    }

    header .main-header .search {
        position: absolute;
        left: 8px;
        right: 8px;
        bottom: 8px
    }

    header .main-header .search .sub-text {
        display: none
    }
}

.floating-header {
    position: fixed;
    top: -64px;
    left: 0;
    right: 0;
    background: #0f9ee0;
    height: 64px;
    z-index: 1052;
    transition: top .3s ease;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3)
}

.floating-header .city-link-mobile {
    background: #0f9ee0;
    box-sizing: border-box;
    padding: 3px 0;
    height: auto !important;
    margin-top: -8px;
    display: none;
    z-index: 2;
    position: relative
}

.city-link-mobile a {
    padding: 0 14px
}

@media (max-width: 767px) {
    .floating-header .city-link-mobile {
        display: block
    }
}

.floating-header.show {
    top: 0
}

@media (max-width: 767px) {
    .floating-header {
        top: 0
    }
}

.floating-header a {
    color: #fff
}

.floating-header:before {
    content: '';
    position: absolute;
    display: block;
    background: #095d9d;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%
}

.floating-header .content {
    height: 100%;
    z-index: 2;
    position: relative;
    display: flex
}

.floating-header .catalog-item {
    width: 135px;
    height: 100%;
    font: 800 12px Raleway, sans-serif;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    background: #095d9d;
    outline: 0;
    padding-left: 30px
}

@media (min-width: 1025px) {
    .floating-header .catalog-item {
        margin-left: -17px
    }
}

@media (max-width: 1024px) {
    .floating-header .catalog-item {
        width: 54px;
        font-size: 0;
        padding: 0 13px;
        box-sizing: border-box
    }
}

@media (max-width: 767px) {
    .floating-header .catalog-item {
        background: #0f9ee0
    }
}

.floating-header .catalog-item:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 24px;
    background: url(menu-icon-menu.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 20px
}

@media (max-width: 1024px) {
    .floating-header .catalog-item:before {
        margin-right: 0
    }
}

.floating-header .header-block {
    display: flex;
    flex: 1;
    background: #0f9ee0;
    align-items: center
}

.floating-header .logo {
    width: 210px;
    height: 21px;
    background: url(sprite.svg) -2px -97px no-repeat;
    margin-left: 28px;
    position: relative
}

.floating-header .logo .logo-decor {
    width: 22px;
    height: 22px;
    position: absolute;
    top: -9px;
    right: -5px;
    background: center/contain no-repeat;
    display: none
}

@media (max-width: 767px) {
    .floating-header .logo {
        width: 120px;
        background: url(logo2.png) 50% 50% no-repeat;
        background-size: contain;
        margin-left: 20px;
        height: 40px
    }

    .floating-header .logo .logo-decor {
        display: block
    }
}

@media (max-width: 480px) {
    .floating-header .logo {
        margin-left: 10px
    }
}

.floating-header .phone {
    font: 900 18px Roboto, sans-serif;
    margin-left: 43px;
    transition: color .3s
}

.floating-header .phone:hover {
    color: #dcdcdc
}

@media (max-width: 1150px) {
    .floating-header .phone {
        display: none
    }
}

.floating-header .search {
    width: 362px;
    position: absolute;
    right: 140px;
    top: 12px;
    transition: width .3s
}

.floating-header .search.open {
    width: calc(100% - 160px)
}

.floating-header .search.open .input {
    background: #fff;
    color: #9b9b9b
}

@media (max-width: 1024px) {
    .floating-header .search {
        right: 108px
    }
}

@media (max-width: 767px) {
    .floating-header .search {
        display: none
    }
}

.floating-header .mobile-lk {
    width: 19px;
    height: 23px;
    background: url(sprite.svg) -204px -305px no-repeat;
    display: none;
    vertical-align: middle;
    margin-right: 35px
}

@media (max-width: 767px) {
    .floating-header .mobile-lk {
        display: inline-block;
        margin-right: 10px
    }
}

.floating-header .mobile-sign-out {
    width: 22px;
    height: 19px;
    background: url(sprite.svg) -170px -276px no-repeat;
    display: none;
    vertical-align: middle
}

@media (max-width: 767px) {
    .floating-header .mobile-sign-out {
        display: inline-block;
        margin-right: 6px
    }
}

.floating-header .open-search {
    display: none;
    vertical-align: middle;
    margin-right: 35px
}

@media (max-width: 767px) {
    .floating-header .open-search {
        display: inline-block;
        margin-right: 10px
    }
}

@media (max-width: 1024px) {
    .floating-header .head-search {
        flex: 1;
        margin-right: 20px
    }
}

.floating-header .head-search .input-wrapper:before, .floating-header .head-search .search-icon, .floating-header .open-search {
    width: 19px;
    height: 18px;
    background: url(sprite.svg) -357px -161px no-repeat
}

.floating-header .head-search .search-icon {
    position: absolute;
    top: 10px;
    left: 14px
}

.floating-header .head-search .search-icon.black, .floating-header .search.open .input-wrapper:before {
    width: 19px;
    height: 18px;
    background: url(sprite.svg) -357px -139px no-repeat
}

.floating-header .head-search .input {
    background: 0 0;
    color: #fff;
    border-color: rgba(255, 255, 255, .5)
}

.floating-header .head-search .input:focus {
    box-shadow: rgba(0, 0, 0, .1) 0 4px 8px;
    border-color: #fff
}

.floating-header .head-search .input::-moz-placeholder {
    opacity: 1;
    color: #fff
}

.floating-header .head-search .input:-ms-input-placeholder {
    opacity: 1;
    color: #fff
}

.floating-header .head-search .input::placeholder {
    opacity: 1;
    color: #fff
}

.floating-header .head-search .input::-ms-input-placeholder {
    opacity: 1;
    color: #fff
}

.floating-header .personal-block {
    margin-left: auto;
    margin-right: 16px
}

.floating-header .personal-block .personal-icon.favourite:after, .floating-header .personal-block .personal-icon.favourite:before {
    width: 25px;
    height: 21px;
    background: url(sprite.svg) -114px -276px no-repeat
}

.floating-header .personal-block .personal-icon.basket .icon:before {
    width: 24px;
    height: 25px;
    background: url(sprite.svg) -118px -305px no-repeat
}

@media (max-width: 1024px) {
    .floating-header .personal-block {
        text-align: right
    }
}

footer {
    margin-top: 44px;
    background: #0f9ee0;
    padding: 0 10px 32px
}

footer .top-block {
    background: #095d9d;
    font: 14px Roboto, sans-serif;
    margin: 0 -10px;
    padding: 0 10px
}

footer .top-block .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 50px 14px 0
}

@media (max-width: 1024px) {
    footer .top-block .content {
        flex-direction: column;
        padding: 20px 0 14px
    }
}

@media (max-width: 767px) {
    footer .top-block .content {
        padding: 27px 0 14px
    }
}

footer .top-block .cooperation-items {
    flex: 1;
    justify-content: space-between;
    display: flex;
    margin-left: 82px
}

@media (max-width: 1024px) {
    footer .top-block .cooperation-items {
        margin-left: 0;
        width: 100%;
        margin-top: 40px;
        flex: none
    }
}

@media (max-width: 767px) {
    footer .top-block .cooperation-items {
        flex-direction: column;
        margin-top: 20px;
        padding: 0 25px;
        width: auto
    }
}

footer .top-block .cooperation-items a {
    font: 14px Roboto, sans-serif;
    color: #fff;
    text-decoration: none
}

@media (max-width: 767px) {
    footer .top-block .cooperation-items a {
        margin-bottom: 15px
    }
}

footer .top-block .cooperation-items a:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

footer .top-block .cooperation-items a.shop:before {
    width: 25px;
    height: 25px;
    background: url(p1.png) no-repeat
}

footer .top-block .cooperation-items a.supplier:before {
    width: 27px;
    height: 24px;
    background: url(p2.png) no-repeat
}

footer .top-block .cooperation-items a.design:before {
    width: 25px;
    height: 26px;
    background: url(p3.png) no-repeat
}

footer .sub-text {
    font: 300 12px/1.17 Roboto, sans-serif;
    color: #fff
}

footer, footer .sub-text a {
    color: #fff
}

footer .main-block {
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

@media (max-width: 1024px) {
    footer .main-block {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    footer .main-block {
        flex-direction: column
    }
}

footer .main-block .footer-logo {
    width: 260px
}

@media (max-width: 767px) {
    footer .main-block .footer-logo {
        width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center
    }
}

footer .main-block .footer-logo .logo {
    text-decoration: none;
    margin-left: 8px
}

@media (max-width: 767px) {
    footer .main-block .footer-logo .logo {
        margin-left: 0;
        flex-grow: 1;
        flex-shrink: 0
    }
}

footer .main-block .footer-logo .logo .image {
    position: relative;
    width: fit-content;
    padding: 20px 0
}

footer .main-block .footer-logo .logo .image .logo-decor {
    width: 63px;
    height: 63px;
    position: absolute;
    top: -21px;
    right: -12px;
    background: 50% 50% no-repeat;
    background-size: contain
}

@media (max-width: 767px) {
    footer .main-block .footer-logo .logo .image {
        margin-top: 0;
        width: 94px;
        height: 39px;
        background: url(logo2.png) 50% 50% no-repeat !important;
        background-size: contain !important
    }

    footer .main-block .footer-logo .logo .image .logo-decor {
        display: none
    }
}

footer .main-block .footer-logo .logo .slogan {
    margin-top: 5px
}

@media (max-width: 767px) {
    footer .main-block .footer-logo .logo .slogan {
        display: none
    }
}

footer .main-block .footer-logo .logo.nonactive {
    pointer-events: none;
    cursor: default
}

footer .main-block .footer-logo .social-link-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 210px;
    margin: 17px 0;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.iconsmessedgers {
    position: relative;
    display: flex;
    margin: 0;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 140px;
    margin: -6px 0 0 0;
}
@media (max-width: 767px) {
    footer .main-block .footer-logo .social-link-wrapper {
        margin: 0;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 100px
    }

}

footer .main-block .footer-logo .social-link-wrapper .social-link {
    display: inline-block;
    transition: opacity .3s ease
}

footer .main-block .footer-logo .social-link-wrapper .social-link:hover {
    opacity: .7
}

footer .main-block .footer-logo .social-link-wrapper .social-link.fb {
    width: 16px;
    height: 28px;
    background: url(sprite.svg) -315px -2px no-repeat
}

footer .main-block .footer-logo .social-link-wrapper .social-link.ins {
    width: 25px;
    height: 25px;
    background: url(sprite.svg) -175px -305px no-repeat
}

footer .main-block .footer-logo .social-link-wrapper .social-link.vk {
    width: 31px;
    height: 19px;
    background: url(sprite.svg) -54px -253px no-repeat
}

footer .main-block .footer-logo .social-link-wrapper .social-link.ok {
    width: 18px;
    height: 28px;
    background: url(sprite.svg) -335px -2px no-repeat
}

@media (max-width: 767px) {
    footer .main-block .footer-logo .ya-widget {
        margin-top: 17px;
        display: block;
        width: 100%
    }

    footer .main-block .footer-logo .ya-widget .widget-wrapper {
        justify-content: flex-start
    }

    footer .main-block .footer-logo .ya-widget .widget-wrapper .rating {
        margin-left: 37px
    }
}

footer .main-block .footer-menu {
    width: 430px;
    margin-left: 38px;
    padding-top: 11px
}

@media (max-width: 1024px) {
    footer .main-block .footer-menu {
        flex: 1;
        margin-left: 60px
    }
}

@media (max-width: 767px) {
    footer .main-block .footer-menu {
        margin-left: 0;
        margin-top: 8px;
        width: auto;
        flex: none
    }
}

footer .main-block .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

footer .main-block .footer-menu ul li {
    width: 50%;
    margin-top: 20px
}

footer .main-block .footer-menu ul li:nth-child(1), footer .main-block .footer-menu ul li:nth-child(2) {
    margin-top: 0
}

footer .main-block .footer-menu ul li:nth-child(even) {
    margin-left: -17px
}

@media (max-width: 767px) {
    footer .main-block .footer-menu ul li:nth-child(even) {
        margin-left: 0
    }
}

footer .main-block .footer-menu ul a {
    font: 14px Roboto, sans-serif;
    color: #fff
}

footer .main-block .footer-feedback {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .3);
    width: 358px;
    box-sizing: border-box;
    padding: 14px;
    margin-left: 65px
}

@media (max-width: 1024px) {
    footer .main-block .footer-feedback {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        flex-direction: row;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    footer .main-block .footer-feedback {
        flex-direction: column
    }
}

footer .main-block .footer-feedback .caption {
    font: 800 18px Raleway, sans-serif;
    margin-bottom: 16px
}

footer .main-block .footer-feedback .phone {
    text-decoration: none;
    font: 700 24px Roboto, sans-serif;
    color: #fff;
    margin-bottom: 15px;
    display: block;
    transition: color .3s
}

footer .main-block .footer-feedback .phone:hover {
    color: #dcdcdc
}

footer .main-block .footer-feedback .sub-text {
    font-size: 14px;
    line-height: 1.43
}

footer .main-block .footer-feedback .description {
    max-width: 326px;
    font: 700 16px/1.38 Raleway, sans-serif;
    margin-top: 16px
}

@media (max-width: 1024px) {
    footer .main-block .footer-feedback .description {
        margin-top: 0
    }
}

.footer-logo .image img {
    width: 100%
}

.oferta {
    font-size: 12px
}

@media (max-width: 767px) {
    footer .main-block .footer-feedback .description {
        margin-top: 16px
    }
}

footer .main-block .footer-feedback .chat-btn {
    margin-top: 14px
}

footer .main-block .footer-feedback .chat-btn .btn {
    padding: 12px 29px 11px
}

footer .bottom-block {
    font: 14px Roboto, sans-serif;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width: 1024px) {
    footer .bottom-block {
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    footer .bottom-block {
        flex-direction: column
    }
}

footer .bottom-block .copycraft {
    font-size: 12px;
    margin-top: 12px
}

@media (max-width: 767px) {
    footer .bottom-block .copycraft {
        margin-top: 23px
    }
}

footer .bottom-block .copycraft a {
    font: 12px Roboto, sans-serif;
    color: #fff
}

.copycraft a img {
    max-width: 100px;
    margin: 16px 0 0;
    position: absolute;
    margin: -6px 0 0 0
}

.js-collapse.seo strong {
    font-weight: 600
}

.pay-system .pay-item {
    margin: 0 5px
}

footer .bottom-block .pay-system {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    box-sizing: border-box;
    padding-left: 96px
}

@media (max-width: 1024px) {
    footer .bottom-block .pay-system {
        padding-left: 46px
    }
}

@media (max-width: 767px) {
    footer .bottom-block .pay-system {
        padding-left: 0;
        width: 100%;
        order: -1;
        margin-bottom: 29px
    }
}

footer .bottom-block .pay-system .pay-item {
    background: 50% 50% no-repeat;
    background-size: contain
}

footer .bottom-block .pay-system .pay-item.visa {
    width: 60px;
    height: 18px;
    background-image: url(pay-logo/pay-visa.svg)
}

@media (max-width: 1024px) {
    footer .bottom-block .pay-system .pay-item.visa {
        width: 42px;
        height: 14px
    }
}

footer .bottom-block .pay-system .pay-item.master {
    width: 62px;
    height: 37px;
    background-image: url(pay-logo/pay-mc.svg)
}

@media (max-width: 1024px) {
    footer .bottom-block .pay-system .pay-item.master {
        width: 40px;
        height: 24px
    }
}

footer .bottom-block .pay-system .pay-item.sb {
    width: 146px;
    height: 28px;
    background-image: url(pay-logo/pay-sberbank.svg)
}

@media (max-width: 1024px) {
    footer .bottom-block .pay-system .pay-item.sb {
        width: 90px;
        height: 17px
    }
}

footer .bottom-block .pay-system .pay-item.mir {
    width: 84px;
    height: 24px;
    background-image: url(pay-logo/pay-mir.svg)
}

@media (max-width: 1024px) {
    footer .bottom-block .pay-system .pay-item.mir {
        width: 44px;
        height: 13px
    }
}

.form .input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #9b9b9b;
    box-sizing: border-box;
    padding-left: 19px
}

.form .input::-moz-placeholder {
    font: 16px Roboto, sans-serif;
    color: #9b9b9b
}

.form .input:-ms-input-placeholder {
    font: 16px Roboto, sans-serif;
    color: #9b9b9b
}

.form .input::placeholder {
    font: 16px Roboto, sans-serif;
    color: #9b9b9b
}

.form .input::-moz-placeholder {
    line-height: 2
}

.form .input::-ms-input-placeholder {
    font: 16px/2 Roboto, sans-serif;
    color: #9b9b9b
}

.form .input:focus {
    outline: 0;
    border-color: #0f9ee0
}

.head-search, .mobile-search {
    display: flex;
    flex-direction: row
}

.head-search .input {
    border: solid 1px rgba(0, 0, 0, .4);
    padding-left: 43px;
    font-family: 'Roboto', sans-serif
}

.head-search .input-wrapper {
    flex: 1;
    position: relative;
    margin-right: 15px
}

.head-search .input-wrapper .dropped, .mobile-search .input-wrapper .dropped {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: rgba(0, 0, 0, .1) 0 0 8px;
    border: 1px solid #e1e1e1 !important
}

.head-search .input-wrapper:before, .mobile-search .submit:after {
    content: '';
    position: absolute;
    display: block;
    left: 12px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.head-search .input-wrapper:before {
    background: url(sprite.svg) -357px -139px no-repeat;
    width: 19px;
    height: 18px
}

.head-search .input-wrapper.searching:before {
    width: 19px;
    height: 19px;
    left: 21px;
    background: url(loader.svg) 50% 50% no-repeat !important;
    background-size: contain !important;
    -webkit-animation: loading-icon-rotation 2s linear infinite;
    animation: loading-icon-rotation 2s linear infinite
}

.head-search .submit {
    padding-left: 24px;
    padding-right: 24px
}

.mobile-search {
    position: relative
}

.mobile-search .input {
    border: solid 1px rgba(0, 0, 0, .4);
    font-family: 'Roboto', sans-serif;
    height: 34px
}

.mobile-search .input-wrapper {
    flex: 1;
    position: relative;
    margin-right: 11px;
    margin-left: 11px
}

.mobile-search .close, .mobile-search .submit, .mobile-search .vertical-line {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 52px;
    top: 6px;
    border: 0;
    left: auto;
    cursor: pointer;
    display: block;
    background: #fff
}

.mobile-search .submit:after {
    width: 16px;
    height: 16px;
    background: url(sprite.svg) -2px -335px no-repeat
}

.mobile-search .submit:hover {
    opacity: .8
}

.mobile-search .submit:active {
    opacity: .6
}

.mobile-search .close, .mobile-search .vertical-line {
    width: 1px;
    height: 24px;
    right: 41px;
    top: 5px
}

.mobile-search .vertical-line:after {
    width: 1px;
    height: 24px;
    background: url(sprite.svg) -335px -62px no-repeat;
    top: 50%;
    transform: translateY(-50%)
}

.mobile-search .close {
    width: 13px;
    height: 13px;
    right: 20px;
    top: 10px
}

.mobile-search .close:hover {
    opacity: .8
}

.mobile-search .close:active {
    opacity: .6
}

.main-menu:before, .mobile-search .close:after, .mobile-search .vertical-line:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    z-index: 2;
    pointer-events: none
}

.mobile-search .close:after {
    width: 13px;
    background: url(sprite.svg) -287px -276px no-repeat;
    transform: translateY(-50%);
    height: 13px;
    top: 50%
}

.mobile-find {
    position: fixed;
    top: -40px;
    width: 100%;
    transition: .5s ease-in-out;
    z-index: 9
}

.main-menu {
    position: relative;
    z-index: 5
}

.main-menu:before {
    top: 100%;
    right: 0;
    height: 17px;
    opacity: .3;
    background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent 100%)
}

.main-menu .main-menu-overflow {
    overflow: hidden;
    position: relative
}

.main-menu .main-menu-overflow:after, .main-menu .main-menu-overflow:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none
}

.main-menu .main-menu-overflow:before {
    left: 0;
    right: 50%;
    background: #095d9d
}

.main-menu .main-menu-overflow:after {
    left: 50%;
    right: 0;
    background: #0f9ee0
}

.main-menu .main-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background: #0f9ee0
}

.main-menu .main-menu-list .catalog-item {
    background: #095d9d
}

.main-menu .main-menu-list .catalog-item a {
    margin-right: 21px;
    background: #095d9d
}

@media (max-width: 1024px) {
    .main-menu .main-menu-list .catalog-item a {
        margin-right: 0
    }
}

.main-menu .main-menu-list .catalog-item .icon {
    height: 24px;
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .main-menu .main-menu-list .catalog-item .icon {
        height: 16px;
        margin-bottom: 6px
    }
}

.main-menu .main-menu-list .catalog-item .btn-hover-effect {
    background: #0f9ee0
}

.main-menu .main-menu-list a {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 800 12px Raleway, sans-serif;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    flex-direction: column;
    padding: 3px 21px 0;
    text-align: center;
    border-color: transparent !important;
    border-radius: 0;
    overflow: visible
}

.main-menu .main-menu-list a .icon {
    width: 57px;
    height: 31px;
    margin: 0 auto 11px;
    background: 50% 50% no-repeat;
    background-size: contain;
}

@media (max-width: 1024px) {
    .main-menu .main-menu-list a .icon {
        width: 32px;
        height: 20px;
        margin-bottom: 6px
    }

    .main-menu .main-menu-list a {
        font-size: 10px;
        height: 64px;
        width: 74px
    }
}

.main-menu .main-menu-list li:first-child a {
    margin-left: -21px
}

@media (max-width: 1024px) {
    .main-menu .main-menu-list li:first-child a {
        margin-left: 0
    }
}

.main-menu .main-menu-list li:last-child a {
    margin-right: -21px
}

@media (max-width: 1024px) {
    .main-menu .main-menu-list li:last-child a {
        margin-right: 0
    }
}

.main-menu .main-menu-list .active a {
    background-color: rgba(0, 0, 0, .15)
}

.main-menu .main-menu-list .btn-hover-effect {
    background: #095d9d;
    max-width: 150px;
    max-height: 150px
}

.main-menu .sub-menu-wrapper {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    pointer-events: none
}

.main-menu .sub-menu-wrapper .sub-menu-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-menu .sub-menu-wrapper .sub-menu-list li > span {
    font: 300 12px/1.6 Roboto, sans-serif;
    color: #0f9ee0
}

.main-menu .sub-menu-wrapper .sub-menu-list a {
    font: 300 14px/1.6 Roboto, sans-serif;
    color: #4a4a4a;
    text-decoration: none
}

.main-menu .submenu-container {
    display: flex;
    background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(105, 182, 72, .1) 50%, rgba(105, 182, 72, .1) 100%) #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    pointer-events: auto
}

.main-menu .submenu-content {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 24px 0 53px
}

.main-menu .submenu-content .column {
    width: 33.3333%;
    box-sizing: border-box;
    padding: 0 19px 0 38px
}

.main-menu .submenu-content .item .mini-icon {
    position: absolute;
    margin: 3px 0 0 -24px;
    display: inline-block;
    width: 17px;
    min-height: 15px
}

.main-menu .submenu-content .item:not(.sub-item) {
    margin-top: 16px
}

.main-menu .submenu-content .item.sub-item:first-of-type {
    margin-top: 10px
}

.main-menu .submenu-content .item.sub-item a {
    font-weight: 300;
    line-height: 20px;
    text-transform: none
}

.main-menu .submenu-content .item.sub-item i {
    padding-left: 4px
}

.main-menu .submenu-content .item a, .personal-icon {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.main-menu .submenu-content .item a {
    font: 500 13px/22px Roboto, sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    color: #4a4a4a
}

.main-menu .submenu-content .item span {
    white-space: normal
}

.main-menu .submenu-content .item i {
    pointer-events: none;
    font-style: normal;
    font-size: 11px;
    color: #0f9ee0
}

.main-menu .product-content {
    width: 298px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 39px 0 53px 21px
}

.main-menu .product-content .product-title {
    order: -1;
    display: none;
    margin-bottom: 20px;
    font: 800 18px/21px Raleway, sans-serif
}

.main-menu .product-content .product-card + .product-title {
    display: block
}

@media (max-width: 1024px) {
    .main-menu .product-content {
        display: none
    }
}

.personal-icon {
    vertical-align: middle;
    color: #000
}

.personal-icon.favourite {
    width: 25px;
    height: 21px;
    margin-right: 40px;
    top: 2px
}

@media (max-width: 767px) {
    .personal-icon.favourite {
        margin-right: 20px
    }
}

.personal-icon.favourite .counter {
    margin: 4px -3px 0 0
}

.personal-icon.favourite:after, .personal-icon.favourite:before {
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 21px;
    background: url(sprite.svg) -85px -276px no-repeat;
    transition: all .3s ease;
    top: 0;
    left: 0
}

.personal-icon.favourite:hover:after {
    -webkit-animation: heartBit .5s ease-out 0 1;
    animation: heartBit .5s ease-out 0 1
}

.personal-icon.basket {
    font: 700 18px/1.22 Roboto, sans-serif
}

.personal-icon.basket .icon {
    display: inline-block;
    position: relative;
    margin-right: 11px;
    margin-bottom: -4px;
    width: 24px;
    height: 24px
}

.personal-icon.basket .icon .counter {
    margin: 7px 0 0
}

.personal-icon.basket .icon:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 25px;
    background: url(sprite.svg) -90px -305px no-repeat;
    transition: all .3s ease;
    top: 0;
    left: 0
}

.personal-icon.basket.nonactive {
    pointer-events: none;
    cursor: default
}

.personal-icon.basket:hover .icon:before {
    -webkit-animation: basketShake .3s ease-out 0 2;
    animation: basketShake .3s ease-out 0 2
}

.personal-icon.basket .rub, .search-dropdown .search-item .info .title b {
    font-weight: 500
}

.product-card {
    width: 257px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .09);
    font: 300 12px Roboto, sans-serif;
    color: #9b9b9b;
    box-sizing: border-box;
    padding: 0 20px 16px;
    position: relative;
    height: auto
}

@media (max-width: 1024px) {
    .product-card {
        padding: 0 10px 16px
    }
}

.product-card.empty-card {
    visibility: hidden;
    padding: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.product-card .main-product-block {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%
}

.product-card .main-product-block .detail-link {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -20px;
    left: -20px;
    bottom: 80px
}

.product-card .main-product-block .set-quantity {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: -10px;
    font: 500 18px Roboto, sans-serif;
    color: #0f9ee0
}
@font-face {
    font-family: 'als_rublregular';
    src: url('rouble-webfont.eot');
    src: url('rouble-webfont.eot?#iefix') format('embedded-opentype'),
    url('rouble-webfont.woff') format('woff'),
    url('rouble-webfont.ttf') format('truetype'),
    url('rouble-webfont.svg#als_rublregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
span.PricesalesPrice span {
    font-size: 26px;
    line-height: 1em;
    padding: 0;
    letter-spacing: -.02em;
    overflow: hidden;
    font-family: 'als_rublregular';
}
span.addtocart-button:after {
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
    content: "\f07a";
    font: normal normal normal 17px/1 FontAwesome;
    background: none;
    color: #fff;
    margin: 22px 0 0 -21px;
    pointer-events: none;
}

.product-card .image {
    height: 250px;
    overflow: hidden;
    margin: 0 -20px;
    position: relative;
    text-align: center;
}
.image.js-image a img {
    text-align: center;
    margin: 0 auto;
}
.image.js-image.scaled a img {
    transform: scale(1.05);
    transition: 0.3s;
}
.image.js-image a img {
    transform: scale(1);
    transition: 0.3s;
}
.image.js-image.scaled a img {
    transform: scale(1.1);
    transition: 0.3s;
}
@media (max-width: 1024px) {
    .product-card .image {
        margin: 0 -10px
    }
}

.manufacturer-card .image > img, .product-card .image > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: transform 250ms ease-in-out
}

.product-card .image.scaled > img, .product-card .offers-block .offer-item:hover > img {
    transform: scale(1.1)
}

.product-card .image .sale {
    width: 36px;
    height: 41px;
    background: url(sprite.svg) -116px -203px no-repeat;
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 10px
}

.product-card .image .labels {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    left: 0;
    bottom: 5px
}

.product-card .image .labels .label {
    padding: 3px 10px;
    margin-bottom: 5px;
    font: 300 12px/14px Roboto, sans-serif;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-card .image .labels .label:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0
}

.product-card .image .labels .label:nth-child(n+4) {
    display: none
}

.product-card .image .labels .label.available {
    background-color: #0f9ee0
}

.product-card .image .labels .label.available:before {
    width: 12px;
    height: 8px;
    background: url(sprite.svg) -38px -335px no-repeat
}

.product-card .image .labels .label.new {
    background-color: #d0021b
}

.product-card .image .labels .label.new:before {
    width: 11px;
    height: 11px;
    background: url(sprite.svg) -17px -355px no-repeat
}

.product-card .image .labels .label.sales {
    background-color: #095d9d
}

.product-card .image .labels .label.sales:before {
    width: 11px;
    height: 11px;
    background: url(sprite.svg) -32px -355px no-repeat
}

.product-card .image .labels .label.installment {
    background-color: #3b5998
}

.product-card .image .labels .label.installment:before {
    width: 11px;
    height: 11px;
    background: url(sprite.svg) -2px -355px no-repeat
}

.product-card .image .labels .label.free-assembly {
    background-color: #82acb6
}

.product-card .image .labels .label.free-assembly:before {
    width: 14px;
    height: 11px;
    background: url(sprite.svg) -253px -253px no-repeat
}

.product-card .image .favourite {
    width: 32px;
    height: 32px;
    text-decoration: none;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box
}

.product-card .image .favourite:after, .product-card .image .favourite:before {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s ease;
    top: 11px;
    left: 8px;
    pointer-events: none
}

.product-card .image .favourite:before {
    width: 16px;
    height: 12px;
    background: url(sprite.svg) -315px -34px no-repeat
}

.product-card .image .favourite:after {
    width: 16px;
    height: 12px;
    background: url(sprite.svg) -315px -50px no-repeat;
    transform: scale(0);
    opacity: 0
}

.product-card .image .favourite:hover:before {
    opacity: .2
}

.product-card .image .favourite:hover:after {
    transform: scale(1);
    opacity: .5
}

.product-card .image .favourite.active:before {
    opacity: 0
}

.product-card .image .favourite.active:after {
    transform: scale(1);
    opacity: 1
}

.product-card .product-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 19px;
    align-items: center
}

.product-card .name {
    font: 500 18px Roboto, sans-serif;
    color: #0f9ee0;
    margin-top: 5px;
    padding-bottom: 26px;
    margin-bottom: auto
}

.order-content .enter-info-block a.mobile-change-link:hover, .product-card .name.hovered {
    color: #000
}

.product-card .price-block {
    display: flex;
    flex-direction: row;
    margin-top: 7px;
    white-space: nowrap;
    font: 500 24px Roboto, sans-serif;
    color: #000
}

.product-card .price-block .old-price {
    font-size: 13px;
    text-decoration: line-through;
    margin-left: 4px;
    margin-top: -6px
}

.product-card .price-block .discount-label {
    position: relative;
    margin-left: auto;
    right: 0;
    top: 5px;
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 5px;
    font: 700 14px/16px Roboto, sans-serif;
    color: #fff
}

.product-card .price-block .discount-label:before {
    content: '';
    position: absolute;
    display: block;
    width: 52px;
    height: 18px;
    background: url(sprite.svg) -225px -176px no-repeat;
    top: -2px;
    right: 0
}

.product-card .price-block .discount-label span {
    position: relative
}

.product-card .buttons-block {
    display: flex;
    margin-top: 8px
}

.product-card .buttons-block .btn:not(.to-basket) {
    align-items: center;
    display: flex
}

.product-card .buttons-block .to-basket.added-to-cart {
    margin-top: 0
}

.product-card .buttons-block .to-basket.added-to-cart:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product-card .presence {
    margin-top: -10px
}

.product-card:hover .offers-block-wrapper {
    height: 73px;
    opacity: 1;
    z-index: 3
}

.product-card .offers-block-wrapper {
    transition: all .3s ease;
    height: 0;
    opacity: .9;
    overflow: hidden;
    position: absolute;
    left: -5px;
    right: -5px;
    padding: 0 5px;
    top: calc(100% - 5px)
}

@media (max-width: 1024px) {
    .product-card .offers-block-wrapper {
        display: none
    }
}

.product-card .offers-block {
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .09);
    padding: 0 30px;
    box-sizing: border-box;
    height: 70px;
    top: -15px
}

.product-card .offers-block .slick-list {
    margin: 13px 0 0;
    padding-bottom: 25px;
    bottom: -15px
}

.product-card .offers-block .offer-item {
    width: 56px;
    height: 37px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 10px
}

.product-card .offers-block .offer-item > img {
    width: auto;
    max-height: 100%;
    transition: transform .3s
}

.product-card .offers-block .slick-arrow {
    width: 21px;
    height: 21px;
    background: #095d9d;
    border-radius: 50%;
    top: 20px;
    margin-top: 0
}

.product-card .offers-block .slick-arrow:before {
    width: 10px;
    height: 16px;
    background: url(sprite.svg) -300px -105px no-repeat
}

.product-card .offers-block .slick-arrow.prev {
    left: 10px
}

.product-card .offers-block .slick-arrow.next {
    right: 10px
}

.product-card .offers-block .slick-arrow.next:before {
    margin-left: 1px
}

.product-slider {
    margin: 19px -21px -8px;
    flex-direction: row;
    position: relative;
    width: 100%
}

@media (max-width: 1024px) {
    .product-slider {
        margin: 19px 0 -8px
    }
}

.product-slider.unslicked {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px -25px 10px 0
}

.product-slider.unslicked .product-card {
    margin: 0 15px 65px
}

.product-slider .product-card {
    margin: 0 21px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column
}

@media (max-width: 1024px) {
    .product-slider .product-card {
        margin: 0 10px
    }
}

@media (max-width: 767px) {
    .product-slider .product-card {
        min-width: 240px
    }
}

.product-slider .slick-list {
    margin: 0 -42px 0 0
}

@media (max-width: 1024px) {
    .product-slider .slick-list {
        margin: 0
    }
}

.product-slider .slick-track {
    padding-bottom: 80px;
    display: flex;
    flex-direction: row
}

.product-slider .slick-arrow {
    margin-top: -56px
}

.product-slider .slick-arrow.prev {
    left: -38px
}

.product-slider .slick-arrow.next {
    right: -85px
}

.product-slider .slick-dots {
    margin-left: 42px
}

@media (max-width: 1300px) {
    .product-slider {
        margin: 19px 0 -8px
    }

    .product-slider .slick-list {
        margin: 0 20px
    }

    .product-slider .slick-dots {
        margin-left: 0
    }

    .product-slider .slick-arrow.prev {
        left: 0
    }

    .product-slider .slick-arrow.next {
        right: 0
    }
}

.rating {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 69px;
    height: 10px
}

.tooltip {
    background: #fff;
    padding: 26px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    color: #4a4a4a;
    font: 16px Roboto, sans-serif
}

.tooltip .tooltip-wrapper {
    position: relative
}

.tooltip .tooltip-wrapper .fancybox-close-small {
    top: -34px;
    right: -44px
}

.tooltip .tooltip-wrapper .fancybox-close-small.tooltip-close {
    top: -24px;
    right: -24px
}

.tooltip .tooltip-wrapper .tooltip-buttons {
    margin-top: 26px
}

.tooltip .tooltip-wrapper .tooltip-buttons .gap {
    display: inline-block;
    width: 20px;
    height: 100%
}

.tooltip.city-tooltip {
    left: 150px;
    top: 60px
}

.pagination {
    width: 100%;
    margin-top: 30px
}

.pagination .pagination-wrapper {
    width: 644px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.pagination .long-btn {
    border-radius: 16px;
    width: 160px;
    height: 32px;
    padding: 9px 0 0;
    flex: 0 0 auto;
    text-align: center
}

.pagination .long-btn.hidden {
    opacity: 0
}

.pagination .long-btn:first-child {
    margin-right: 10px
}

.pagination .long-btn:last-child {
    margin-left: 10px
}

.pagination .long-btn:hover.back:before, .pagination .long-btn:hover.forward:after {
    width: 16px;
    height: 14px;
    background: url(sprite.svg) -315px -220px no-repeat
}

.pagination .long-btn.back:before, .pagination .long-btn.forward:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background: url(sprite.svg) -315px -238px no-repeat;
    z-index: 2;
    top: -2px
}

.pagination .long-btn.back:before {
    margin-right: 10px
}

.pagination .long-btn.forward:after {
    transform: rotateZ(180deg);
    margin-left: 10px
}

.pagination .page-btn {
    border-radius: 50%;
    padding: 8px 0 0;
    flex: 0 0 auto;
    text-align: center;
    margin: 0 10px;
    background: #fff;
    color: #095d9d;
    font-family: 'Roboto', sans-serif;
    border-width: 2px;
    width: 32px;
    height: 32px
}

.pagination .page-btn.active {
    cursor: default;
    background: #095d9d;
    color: #fff
}

.pagination .page-btn.active:hover {
    color: #095d9d
}

.pagination .more {
    font: 500 12px Roboto, sans-serif;
    color: #095d9d;
    margin: 0 10px
}

@media (max-width: 767px) {
    .pagination .pagination-wrapper {
        width: 355px
    }

    .pagination .long-btn {
        text-indent: -9999px;
        width: 32px
    }

    .pagination .long-btn.back:before, .pagination .long-btn.forward:after {
        position: absolute;
        top: 8px;
        left: 6px;
        margin: 0
    }
}

@media (max-width: 450px) {
    .pagination .pagination-wrapper {
        width: 300px
    }
}

.breadcrumbs {
    margin-top: 28px;
    margin-left: 5px;
    margin-bottom: 5px
}

.breadcrumbs a {
    text-decoration: none;
    font: 300 12px Roboto, sans-serif
}

.breadcrumbs a .page-name {
    padding-right: 10px
}

.breadcrumbs a.back:active, .breadcrumbs a.back:link, .breadcrumbs a.back:visited {
    color: #7bb457 !important
}

.breadcrumbs a.back:active:after, .breadcrumbs a.back:link:after, .breadcrumbs a.back:visited:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 2px 11px;
    width: 5px;
    height: 8px;
    background: url(sprite.svg) -216px -97px no-repeat
}

.breadcrumbs a.active, .breadcrumbs a.back:hover {
    color: #9b9b9b !important
}

.breadcrumbs a.active {
    pointer-events: none
}

@media (max-width: 767px) {
    .breadcrumbs {
        margin-top: 50px
    }
}

.close-dropdown-btn {
    transform: translateY(-50%);
    top: 50%;
    z-index: 5;
    right: 12px;
    position: absolute;
    display: none
}

.close-dropdown-btn:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -287px -276px no-repeat;
    transition: transform .3s ease
}

.close-dropdown-btn:hover:before {
    transform: rotateZ(90deg)
}

.search-dropdown, .tetris-block {
    width: 100%;
    box-sizing: border-box
}

.search-dropdown {
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 6;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 8px;
    max-height: 560px;
    visibility: hidden
}

.search-dropdown .custom-scrollbar {
    height: 100%;
    max-height: 560px
}

.search-dropdown b {
    font-weight: 400;
    background-color: #ffe1ad
}

.search-dropdown .mCS-custom.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #9b9b9b;
    width: 8px
}

.search-dropdown .mCSB_inside > .mCSB_container {
    margin-right: 8px
}

.search-dropdown .cat-list {
    padding: 6px 10px 20px
}

.search-dropdown .empty-search {
    padding: 10px;
    font: 300 12px Roboto, sans-serif;
    color: #9b9b9b
}

.search-dropdown .search-item {
    display: flex;
    flex: 1 1 auto;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative
}

.search-dropdown .search-item .block-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.search-dropdown .search-item:hover {
    background: #f3f3f3
}

.search-dropdown .search-item .product-image-wrapper {
    flex-shrink: 0;
    width: 70px
}

.search-dropdown .search-item .product-image {
    display: block;
    max-width: 100%;
    max-height: 105px;
    margin: auto
}

.search-dropdown .search-item .info, .search-dropdown .search-item .price {
    padding-left: 20px;
    color: #4a4a4a;
    font: 300 12px Roboto, sans-serif
}

.search-dropdown .search-item .info .subtitle, .search-dropdown .search-item .price .subtitle, .search-page .cat-list > li {
    margin-top: 5px
}

.search-dropdown .search-item .info {
    flex: 1 1 600px
}

.search-dropdown .search-item .info .title {
    font: 500 16px Roboto, sans-serif
}

.search-dropdown .search-item .info .title a:active, .search-dropdown .search-item .info .title a:link, .search-dropdown .search-item .info .title a:visited {
    color: #0f9ee0;
    text-decoration: none
}

.search-dropdown .search-item .info .title a:hover, .tetris-block .form-filled h3 a:hover {
    color: #9b9b9b
}

.search-dropdown .search-item .info .description, .user-profile-order-history-detail-page .order-header .status-block .small-tooltip > table {
    margin-top: 15px
}

.search-dropdown .search-item .price {
    flex: 1 1 214px
}

.search-dropdown .search-item .price .price-text {
    font: 500 18px Roboto, sans-serif;
    color: #000
}

.search-dropdown .btn {
    margin: 10px 0 0 30px
}

.tetris-block {
    padding-bottom: 87px;
    background: #f6f6f6;
    overflow: hidden
}

.tetris-block .content {
    position: relative
}

.tetris-block .tetris {
    position: absolute;
    pointer-events: none
}

.tetris-block .tetris.top {
    top: -10px;
    right: -125px
}

.tetris-block .tetris.bottom {
    left: -126px;
    bottom: -100px
}

.tetris-block .form-filled, .tetris-block .form-not-filled {
    position: relative;
    z-index: 1
}

.tetris-block h2 {
    font-size: 31px;
    padding-top: 73px
}

.tetris-block .form-filled h3 {
    padding: 30px 0 25px;
    line-height: 1.38
}

.tetris-block .form-filled h3 a {
    text-decoration: none;
    color: #0f9ee0
}

.tetris-block .form-filled .btn {
    width: 160px;
    text-align: center;
    margin: 0 auto;
    display: block
}

@media (max-width: 767px) {
    .tetris-block {
        padding-bottom: 30px
    }

    .tetris-block h2 {
        padding-top: 30px
    }
}

@media (max-width: 480px) {
    .tetris-block .tetris.bottom {
        display: none
    }
}

.order-content {
    flex: 1 1 0;
    margin-right: 35px;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box
}

.order-content .hidden {
    display: none
}

.order-content .enter-info-block {
    padding: 32px 50px;
    border-top: solid 1px #e0e0e0
}

@media (max-width: 767px) {
    .order-content .enter-info-block {
        padding: 22px
    }
}

.order-content .enter-info-block:first-child {
    border-top: 0
}

.order-content .enter-info-block .enter-info-title {
    color: #000;
    font: 800 18px Raleway, sans-serif
}

.order-content .enter-info-block .enter-info-title b {
    font: 900 18px Roboto, sans-serif
}

.order-content .enter-info-block.nonactive .enter-info-title {
    color: #9b9b9b;
    font: 800 18px Raleway, sans-serif
}

.order-content .enter-info-block a.mobile-change-link {
    transition: height .3s ease;
    text-decoration: none;
    color: #0f9ee0;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    height: 0
}

@media (max-width: 1024px) {
    .order-content .enter-info-block a.mobile-change-link {
        display: block
    }

    .order-content .enter-info-block.changeable a.mobile-change-link {
        height: 22px
    }
}

.order-content .enter-info-block .form-filled {
    max-width: 556px;
    margin: 14px auto 0;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    line-height: 1.43
}

.order-content .enter-info-block .form-filled b, .profile-header .green-bar .bar-wrapper .gray-block .content-wrapper b, .profile-header .green-bar .bar-wrapper .manager-block b, .profile-table.orders .table-item .table-cell .price b, .profile-table.orders .table-item .table-cell .status-block b {
    font-weight: 500
}

.order-content .enter-info-block .form-not-filled .form-block {
    max-width: 556px;
    margin-top: 25px
}

.order-content .enter-info-block .form-not-filled .form-block .field-block {
    margin-bottom: 25px
}

.order-content .enter-info-block .form-not-filled .form-block .field-block.list {
    padding-top: 1px
}

.order-content .enter-info-block .form-not-filled .form-block .agreement, .order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn {
    margin-top: 10px
}

.order-content .enter-info-block .form-not-filled .form-block textarea.input-field, .warranty-page .tetris-block .form-not-filled .form-block .field-block textarea.input-field {
    height: 80px;
    min-height: 80px
}

.order-content .enter-info-block .form-not-filled .form-block .warning {
    margin-top: 0
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row {
    justify-content: space-between
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn.next {
    margin-left: auto
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn.next:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;
    height: 16px;
    background: url(sprite.svg) -315px -164px no-repeat;
    margin: 0 0 -3px 6px;
    vertical-align: baseline;
    z-index: 1
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn.prev .btn-hover-content {
    transition-duration: 100ms
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn.prev:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(sprite.svg) -300px -125px no-repeat;
    margin: 0 6px -1px 0;
    vertical-align: baseline;
    z-index: 2
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn:hover.prev:before {
    -webkit-animation: arrow-hover-prev 400ms ease 1;
    animation: arrow-hover-prev 400ms ease 1;
    width: 8px;
    height: 12px;
    background: url(sprite.svg) -300px -141px no-repeat
}

.order-content .enter-info-block .form-not-filled .form-block .bottom-row .btn:hover.next:after {
    -webkit-animation: arrow-hover-next 400ms ease 1;
    animation: arrow-hover-next 400ms ease 1
}

.order-content .enter-info-block .form-not-filled .form-block .actions-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.order-content .enter-info-block .form-not-filled .form-block .actions-block .link-wrapper {
    flex: 0 0 auto;
    margin-top: 14px
}

.order-content .enter-info-block .form-not-filled .form-block .actions-block a.action-link {
    display: inline-block;
    position: relative;
    color: #0f9ee0;
    border-bottom: 1.5px dotted #0f9ee0;
    font: 800 12px Raleway, sans-serif;
    text-decoration: none
}

.order-content .enter-info-block .form-not-filled .form-block .actions-block a.action-link:hover, .profile-wrapper .content-wrapper .product-search-block .row .right-block a.reset-link:hover {
    color: #9b9b9b;
    border-color: #9b9b9b
}

.profile-header .green-bar {
    background: #0f9ee0;
    overflow: hidden
}

.profile-header .green-bar .bar-wrapper, .profile-header .orange-bar .bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px
}

.profile-header .green-bar .bar-wrapper .left-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0;
    margin-right: 30px
}

.profile-header .green-bar .bar-wrapper .retail-contacts {
    margin-right: auto;
    margin-left: 76px;
    display: flex;
    align-items: center
}

.profile-header .green-bar .bar-wrapper .retail-contacts .retail-phone {
    text-decoration: none;
    font: 900 24px Roboto, sans-serif;
    color: #fff
}

.profile-header .green-bar .bar-wrapper .retail-contacts .mail-link {
    margin-left: 29px;
    display: inline-block;
    width: 26px;
    height: 18px;
    background: url(sprite.svg) -89px -253px no-repeat
}

@media (max-width: 767px) {
    .profile-header .green-bar .bar-wrapper .retail-contacts {
        margin-left: 0;
        margin-top: 10px
    }
}

.profile-header .green-bar .bar-wrapper .gray-block {
    background: #f6f6f6;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
    padding-left: 35px
}

.profile-header .green-bar .bar-wrapper .gray-block .content-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    line-height: 1.14;
    color: #000;
    font: 14px Roboto, sans-serif
}

.profile-header .green-bar .bar-wrapper .gray-block .content-wrapper .signout-link {
    display: block;
    flex: 0 0 auto;
    margin-left: 28px
}

.profile-header .green-bar .bar-wrapper .gray-block .content-wrapper .signout-link:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 16px;
    background: url(sprite.svg) -357px -183px no-repeat
}

.profile-header .green-bar .bar-wrapper .gray-block:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    width: 100vw;
    right: calc(100% - 100vw);
    background: #f6f6f6
}

.profile-header .green-bar .bar-wrapper .logo {
    width: 210px;
    color: #fff;
    font: 300 12px Roboto, sans-serif;
    text-align: center
}

.profile-header .green-bar .bar-wrapper .logo img {
    margin-bottom: 5px
}

.profile-header .green-bar .bar-wrapper .manager-block {
    display: flex;
    align-items: center;
    flex: 0 0 220px
}

.profile-header .green-bar .bar-wrapper .manager-block .manager-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 18px 0 5px
}

.profile-header .green-bar .bar-wrapper .manager-block, .profile-header .green-bar .bar-wrapper .manager-info-block {
    color: #fff;
    line-height: 1.14;
    font: 14px Roboto, sans-serif;
    padding-left: 32px
}

.profile-header .green-bar .bar-wrapper .manager-info-block a.white {
    color: #fff;
    text-decoration: none
}

.profile-header .green-bar .bar-wrapper .manager-info-block a.manager-link, .profile-table .table-header span.sort-link {
    color: #fff
}

.profile-header .green-bar .bar-wrapper .manager-info-block a.manager-link:hover {
    color: #f6f6f6
}

.profile-header .orange-bar {
    background: #095d9d
}

.profile-header .orange-bar .bar-wrapper {
    height: 64px
}

.profile-header .orange-bar .bar-wrapper .bar-block {
    flex: 1 1 25%;
    display: flex;
    align-items: center;
    color: #fff;
    font: 14px Roboto, sans-serif;
    line-height: 1.43;
    position: relative
}

.profile-header .orange-bar .bar-wrapper .bar-block:first-child {
    margin-right: 40px
}

.profile-header .orange-bar .bar-wrapper .bar-block:last-child {
    flex: 1 1 21.5%
}

.profile-header .orange-bar .bar-wrapper .bar-block .faq-icon {
    margin-right: 17px;
    width: 21px
}

.profile-header .orange-bar .bar-wrapper .bar-block .faq-icon:hover:before {
    width: 18px;
    height: 18px;
    background: url(sprite.svg) -357px -226px no-repeat
}

.profile-header .orange-bar .bar-wrapper .bar-block .faq-icon:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -304px -305px no-repeat
}

@media (max-width: 1075px) {
    .profile-header .green-bar .bar-wrapper .manager-block, .profile-header .green-bar .bar-wrapper .manager-info-block {
        padding-left: 10px;
        flex: 0 0 auto
    }
}

@media (max-width: 1000px) {
    .profile-header .green-bar .bar-wrapper {
        height: 160px
    }

    .profile-header .green-bar .bar-wrapper .left-block {
        flex-wrap: wrap;
        margin-right: 10px
    }

    .profile-header .green-bar .bar-wrapper .manager-block, .profile-header .green-bar .bar-wrapper .manager-info-block {
        flex: 1 1 50%;
        padding-left: 0
    }

    .profile-header .green-bar .bar-wrapper .logo-block {
        flex: 1 1 50%;
        margin-bottom: 20px;
        order: 1
    }

    .profile-header .green-bar .bar-wrapper .button-block {
        order: 2;
        margin-bottom: 20px
    }

    .profile-header .green-bar .bar-wrapper .manager-block {
        order: 3
    }

    .profile-header .green-bar .bar-wrapper .manager-info-block {
        order: 4
    }
}

@media (max-width: 1024px) {
    .profile-header .orange-bar .bar-wrapper {
        flex-wrap: wrap;
        height: 60px;
        padding: 9px 0
    }

    .profile-header .orange-bar .bar-wrapper .bar-block {
        flex-basis: 50%
    }

    .profile-header .orange-bar .bar-wrapper .bar-block:last-child {
        flex-basis: 50%
    }
}

@media (max-width: 767px) {
    .profile-header .green-bar .bar-wrapper {
        flex-wrap: wrap;
        height: auto
    }

    .profile-header .green-bar .bar-wrapper .logo-block {
        margin-top: 15px
    }

    .profile-header .green-bar .bar-wrapper .gray-block {
        margin: 15px -10px 0;
        padding: 15px 8px;
        flex: 1 1 100%
    }
}

@media (max-width: 430px) {
    .profile-header .green-bar .bar-wrapper .manager-block {
        margin-bottom: 20px;
        flex: 1 1 100%
    }

    .profile-header .green-bar .bar-wrapper .manager-info-block {
        flex: 1 1 100%
    }

    .profile-header .orange-bar .bar-wrapper {
        height: auto
    }

    .profile-header .orange-bar .bar-wrapper .bar-block {
        flex-basis: 100%;
        margin: 7px 0;
        padding-left: 35px
    }

    .profile-header .orange-bar .bar-wrapper .bar-block .faq-icon {
        margin-left: -37px
    }

    .profile-header .orange-bar .bar-wrapper .bar-block:last-child {
        flex-basis: 100%
    }
}

.profile-table .table-cell {
    flex: 1 1 0
}

.profile-table .table-cell:not(:first-child) {
    margin-left: 10px
}

.profile-table .table-cell.order-cell {
    flex: 0 0 73px
}

.profile-table .table-cell.flex-column-right {
    margin-left: auto
}

.profile-table .table-cell.flex-column90 {
    flex: 0 0 90px
}

.profile-table .table-cell.flex-column110 {
    flex: 0 0 110px
}

.profile-table .table-cell.flex-column120 {
    flex: 0 0 120px
}

.profile-table .table-cell.flex-column180 {
    flex: 0 0 180px
}

.profile-table .table-cell.flex-fourth {
    flex: 0 0 23%
}

.profile-table .table-cell.manager-cell {
    flex: 1 1 11%
}

.profile-table .table-cell.merge-cell-hidden {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.profile-table .table-cell .note, .text-page .text-container figure img {
    width: 100%
}

.profile-table .table-cell .note.error {
    color: red
}

.profile-table .table-cell.remove-button-cell {
    width: 40px;
    flex: 0 0 40px
}

.profile-table .table-cell.add-to-order-cell {
    width: 137px;
    flex: 0 0 auto;
    text-align: right
}

.profile-table .table-cell label.error {
    color: #095d9d;
    font: 11px Roboto, sans-serif;
    margin-top: 4px
}

.profile-table .table-cell .field-name + label.error {
    margin-left: -20px
}

.profile-table .table-header {
    margin-bottom: 20px;
    border-radius: 8px;
    background: #0f9ee0;
    padding: 15px 18px;
    color: #fff;
    font: 12px Roboto, sans-serif;
    display: flex
}

.profile-table .table-header .table-cell {
    display: flex;
    align-items: center
}

.profile-table .table-header a.sort-link {
    color: #fff;
    text-decoration: none;
    position: relative
}

.profile-table .table-header a.sort-link span {
    border-bottom: 1px dotted #fff
}

.profile-table .table-header a.sort-link.active {
    padding-left: 16px
}

.profile-table .table-header a.sort-link.active:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 6px;
    background: url(sprite.svg) -82px -335px no-repeat;
    transition: none .3s ease;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition-property: opacity, transform;
    opacity: 1
}

.profile-table .table-header a.sort-link.active.asc:before {
    transform: rotateZ(180deg)
}

.profile-table .table-header a.sort-link:hover span {
    border-bottom: 1px dotted transparent
}

.profile-table .table-header a.sort-link.disabled {
    border-color: transparent;
    pointer-events: none
}

.profile-table.documents-example .table-header .table-cell.doc-format {
    margin-right: -17px
}

.profile-table.documents-example .table-header .table-cell.doc-size {
    margin-right: -20px
}

.profile-table.documents-example .table-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    align-items: normal;
    justify-content: stretch;
    flex-direction: row;
    font: 500 12px/1.17 Roboto, sans-serif;
    color: #4a4a4a;
    padding: 0;
    overflow: hidden
}

.profile-table.documents-example .table-item .table-cell {
    padding: 12px 0 16px;
    display: flex;
    align-items: center
}

.product-page .info-block .block-content ul.bulleted-list, .profile-table.documents-example .table-item .table-cell.doc-format {
    padding: 0
}

.profile-table.documents-example .table-item .table-cell.doc-format .file {
    display: inline-flex;
    background-color: #f0f7ec;
    padding: 13px 0 15px 14px;
    height: 100%
}

.profile-table.documents-example .table-item .table-cell.doc-person {
    padding: 0;
    margin-right: 17px;
    max-width: 130px;
    overflow: hidden
}

@media (max-width: 767px) {
    .profile-table.documents-example .table-item .table-cell.doc-person {
        max-width: 100%;
        width: 100%;
        flex: none
    }
}

.profile-table.documents-example .table-item .table-cell.doc-person .file {
    display: inline-flex;
    background-color: #f0f7ec;
    padding: 17px 26px 17px 17px;
    font: 500 14px/1.57 Roboto, sans-serif;
    color: #4a4a4a;
    height: 100%;
    width: 100%
}

.profile-table.documents-example .table-item .table-cell.doc-person .file.new, .profile-table.documents-example .table-item .table-cell.doc-person .file.pending {
    background-color: #fbf5ac
}

.profile-table.documents-example .table-item .table-cell.doc-person .file.error {
    background-color: #f7d9d9
}

.profile-table.documents-example .doc-format {
    flex-basis: 208px;
    flex-grow: 0
}

.profile-table.documents-example .doc-person {
    flex-basis: 120px;
    flex-grow: 0
}

.profile-table.documents-example .doc-date {
    flex-basis: 89px;
    flex-grow: 0;
    font: 500 12px/1.83 Roboto, sans-serif;
    color: #9b9b9b
}

.profile-table.documents-example .doc-date.act {
    padding-left: 15px
}

.profile-table.documents-example .doc-number {
    flex-basis: 100px;
    flex-grow: 0
}

.profile-table.documents-example .doc-size {
    flex-basis: 111px;
    flex-grow: 0
}

.profile-table.documents-example .doc-download {
    flex-basis: 138px;
    flex-grow: 0
}

.profile-table.documents-example .doc-download .download-link, .profile-table.documents-example .doc-download .status-name {
    margin-left: -16px
}

@media (max-width: 767px) {
    .profile-table.documents-example .doc-download .download-link, .profile-table.documents-example .doc-download .status-name {
        margin-left: 0
    }
}

.profile-table.documents-example .doc-download .download-link {
    text-transform: uppercase;
    color: #0f9ee0;
    font: 800 12px Raleway, sans-serif;
    text-decoration: none;
    border-bottom: 1px dashed #0f9ee0
}

.profile-table .table-item .margin-percent:hover > span, .profile-table.documents-example .doc-download .download-link:hover {
    border-bottom-color: transparent
}

.profile-table.products .table-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 30px 20px 10px;
    flex-direction: column
}

.profile-table.products .table-item .table-item-row {
    display: flex;
    flex-direction: row
}

.profile-table.products .table-item .table-item-row .item-title {
    max-width: 280px
}

.profile-table.products .table-item .table-item-row.product {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .profile-table.products .table-item .table-item-row.product {
        margin-bottom: 0
    }
}

.profile-table.products .table-item .table-item-row.product .input {
    flex: 1;
    margin-left: 10px;
    margin-right: 0
}

.profile-table.products .table-item .table-item-row.product .text-block {
    max-width: 290px
}

.profile-table.products .table-item .table-item-row.sku {
    padding-left: 77px;
    margin-bottom: 8px;
    border-bottom: 1px solid #f1efef;
    padding-bottom: 8px
}

.profile-table.products .table-item .table-item-row.sku:last-child {
    border-bottom-color: transparent
}

.profile-table.products .table-item .table-item-row.sku .item-title {
    font-size: 15px
}

@media (max-width: 1175px) {
    .profile-table.products .table-item .table-item-row.sku {
        padding-left: 0
    }
}

@media (max-width: 1024px) {
    .profile-table.products .table-item .table-item-row.sku {
        padding-left: 77px
    }
}

@media (max-width: 767px) {
    .profile-table.products .table-item .table-item-row.sku {
        flex-wrap: wrap
    }

    .profile-table.products .table-item .table-item-row.sku .table-cell.info {
        flex-basis: 70%;
        order: -2
    }

    .profile-table.products .table-item .table-item-row.sku .table-cell.add-to-order-cell {
        flex-basis: 20%;
        order: -1
    }
}

@media (max-width: 520px) {
    .profile-table.products .table-item .table-item-row.sku {
        padding-left: 0
    }

    .profile-table.products .table-item .table-item-row.sku .table-cell {
        flex: 1 1 90%
    }

    .profile-table.products .table-item .table-item-row.sku .table-cell.add-to-order-cell, .profile-table.products .table-item .table-item-row.sku .table-cell.info {
        order: 0
    }

    .profile-table.products .table-item .table-item-row.sku .table-cell.add-to-order-cell {
        text-align: left;
        margin-left: 0
    }
}

.profile-table.products .table-item .input-field {
    margin-bottom: 9px
}

.profile-table.products .table-item .remove-button {
    right: 36px;
    top: 27px
}

.profile-table.products.searched .item-title b {
    background-color: #ffe1ad;
    font-weight: 500
}

.profile-table.manufacturers .table-header {
    margin-bottom: 0
}

.profile-table.manufacturers .table-item {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    padding: 20px 20px 10px;
    border-bottom: 1px solid #c6c6c6
}

.profile-table.manufacturers .table-item.add {
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 0;
    margin-top: 10px
}

.profile-table.manufacturers .table-item.add .input-field {
    margin-top: 0
}

.profile-table.manufacturers .table-item .add-button {
    width: 160px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 20px
}

.profile-table.managers .table-header {
    margin-bottom: 0
}

.profile-table.managers .table-item {
    padding: 20px;
    border-bottom: 1px solid #c6c6c6
}

.profile-table.managers .table-item .table-cell:not(:first-child) {
    margin-left: 40px
}

.profile-table.managers .table-item .table-cell:first-child .input-field.long, .profile-table.managers .table-item.add .table-cell:first-child .input-field.long {
    width: calc(100% + 20px);
    margin-left: -20px
}

.profile-table.managers .table-item .notif {
    margin-bottom: -10px
}

.profile-table.managers .table-item.add {
    border-bottom: 0
}

.profile-table.managers .table-item.add .table-cell:first-child .field-title, .profile-table.managers .table-item.add .table-cell:first-child .notif {
    margin-left: -20px
}

.profile-table.managers .table-item.add .remove-button-cell {
    display: flex
}

.profile-table.managers .table-item.add .show-pass::before {
    top: 21px
}

.profile-table.managers .table-item.add .add-button {
    margin-top: 21px;
    width: 60px;
    height: 40px;
    flex: 0 0 auto;
    text-align: center
}

.profile-table.managers .table-item.add .add-button:before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -357px -26px no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.profile-table.managers .table-item.add .add-button:hover:before {
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -357px -2px no-repeat;
    z-index: 2
}

.contacts-page footer, .partners-page footer, .product-page footer, .profile-table.managers .table-item .input-field, .profile-wrapper .content-wrapper .filters-block .filter input.checkbox-input + label, .warranty-page footer {
    margin-top: 0
}

.profile-table.managers .table-item .remove-button-cell .remove-button {
    display: inline-block;
    top: 7px;
    right: 0;
    position: relative
}

.profile-table.orders .table-header {
    margin-bottom: 20px
}

.profile-table.orders .table-item {
    padding-left: 0;
    font: 300 14px Roboto, sans-serif;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    background: #fff;
    margin-bottom: 10px
}

.profile-table.orders .table-item .table-cell {
    padding: 17px 0;
    box-sizing: border-box;
    min-height: 80px
}

.profile-table.orders .table-item .table-cell.order-cell {
    padding-left: 20px;
    width: 90px;
    flex: 0 0 auto;
    border-radius: 8px 0 0 8px;
    position: relative
}

.profile-table.orders .table-item .table-cell.order-cell .date {
    color: #4a4a4a;
    margin-top: 5px;
    font: 12px Roboto, sans-serif
}

.profile-table.orders .table-item .table-cell.order-cell.yellow {
    background: #fff9c4
}

.profile-table.orders .table-item .table-cell.order-cell.green {
    background: #dcedc8
}

.profile-table.orders .table-item .table-cell.order-cell.red {
    background: #ffccbc
}

.profile-table.orders .table-item .table-cell.order-cell.blue {
    background: #ced7dc
}

.profile-table.orders .table-item .table-cell a.order-link {
    color: #4a4a4a;
    border-bottom: 1px dotted #4a4a4a;
    font: 500 14px Roboto, sans-serif;
    text-decoration: none;
    line-height: 1.17
}

.profile-table.orders .table-item .table-cell a.order-link:hover {
    border-color: transparent
}

.profile-table.orders .table-item .table-cell .status-block {
    color: #4a4a4a;
    font-size: 12px;
    margin-bottom: 7px
}

.profile-table.orders .table-item .table-cell .status-block .tooltip-wrapper {
    display: inline-block;
    position: relative
}

.profile-table.orders .table-item .table-cell .status-block a.order-link {
    font-size: 12px
}

.profile-table.orders .table-item .table-cell .status-block .payment {
    margin-top: 5px;
    font: 500 12px Roboto, sans-serif;
    line-height: 1.17
}

.profile-table.orders .table-item .table-cell .price {
    color: #4a4a4a;
    font: 500 14px Roboto, sans-serif
}

.profile-table .table-item {
    display: flex;
    position: relative;
    font: 14px Roboto, sans-serif;
    padding: 0 20px
}

.profile-table .table-item:not(.removed) .removed-info {
    display: none
}

.profile-table .table-item.removed {
    background: #f6f6f6;
    color: #9b9b9b !important
}

.profile-table .table-item.removed a:active, .profile-table .table-item.removed a:link, .profile-table .table-item.removed a:visited {
    color: #9b9b9b !important
}

.basket-mini .order-item.removed img, .profile-table .table-item.removed img {
    opacity: .2;
    filter: grayscale(100%)
}

.profile-table .table-item.removed .info .art, .profile-table .table-item.removed .info .details {
    color: #9b9b9b
}

.profile-table .table-item.removed .removed-info {
    font: 300 16px Roboto, sans-serif;
    display: block;
    color: #4a4a4a;
    right: 100px;
    flex: 1;
    order: 20;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
    padding-right: 90px
}

@media (max-width: 767px) {
    .profile-table .table-item.removed .removed-info {
        margin-top: 10px;
        text-align: center;
        padding-right: 0
    }
}

.profile-table .table-item.removed .removed-info a {
    color: #0f9ee0 !important;
    text-decoration: underline;
    font-weight: inherit;
    font-size: 16px
}

.profile-table .table-item.removed .removed-info a:hover {
    color: #4a4a4a !important
}

.basket-mini .order-item.removed .removed-info b, .basket-page .order-item.removed .info-wrapper .removed-info b, .profile-table .table-item.removed .removed-info b {
    font-weight: 400
}

.profile-table .table-item.removed .purchase-price, .profile-table .table-item.removed .recommended-price, .profile-table .table-item.removed .remove-button-cell {
    display: none
}

.profile-table .table-item .input-field.aligned-to-text {
    margin-top: -10px
}

.profile-table .table-item .add-to-order {
    width: 94px;
    text-align: center;
    margin: -10px 14px 0 0
}

.profile-table .table-item .add-to-order.white-btn, .profile-table .table-item .info a.item-title.nonactive {
    pointer-events: none
}

.profile-table .table-item .add-to-order.white-btn:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(sprite.svg) -289px -253px no-repeat;
    margin-right: 5px;
    margin-top: -2px
}

.profile-table .table-item .remove-button {
    transition: transform .3s ease;
    width: 25px;
    height: 25px;
    background: url(sprite.svg) -61px -305px no-repeat;
    position: absolute;
    right: 33px;
    top: 20px;
    margin-top: 0
}

.profile-table .table-item .remove-button:hover {
    transform: rotate(90deg)
}

.profile-table .table-item .input-field-wrapper .input-field, .profile-table .table-item .input-field.long {
    padding: 0 20px;
    text-align: left;
    width: 100%
}

.profile-table .table-item .input-field {
    width: 60px;
    color: #4a4a4a;
    padding: 0 5px;
    text-align: center
}

.profile-table .table-item .select-wrapper {
    margin-left: -20px;
    margin-right: 35px
}

.profile-table .table-item .notif {
    color: #095d9d;
    font: 12px Roboto, sans-serif;
    margin-top: 5px
}

.profile-table .table-item .field-title {
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin-bottom: 6px;
    white-space: nowrap
}

.basket-personal-form .form-block .field-block.required > label:after, .profile-table .table-item .field-title.required:after {
    content: '';
    position: relative;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: #095d9d;
    display: inline-block;
    border-radius: 50%;
    margin-left: 3px
}

.profile-table .table-item .info, .profile-wrapper {
    display: flex
}

.profile-table .table-item .info .pic-block {
    width: 59px;
    margin-right: 18px;
    flex: 0 0 auto
}

.profile-table .table-item .info .pic-block .pic {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100px
}

.profile-table .table-item .info .manufacturer, .profile-table .table-item .info a.item-title:hover {
    color: #9b9b9b
}

.profile-table .table-item .info a.item-title {
    color: #0f9ee0;
    text-decoration: none;
    display: block;
    font: 500 18px Roboto, sans-serif;
    margin-top: 2px
}

.profile-table .table-item .info .art {
    color: #4a4a4a;
    margin-top: 6px
}

.profile-table .table-item .info .details {
    color: #4a4a4a;
    font: 300 12px Roboto, sans-serif;
    margin-top: 12px
}

.profile-table .table-item .info .collection-item-link {
    color: #0f9ee0;
    display: block;
    font-size: 13px
}

.profile-table .table-item .info .collection-item-link:not(:last-child) {
    margin-bottom: 4px
}

.profile-table .table-item .info .collection-item-link:hover {
    color: #4a4a4a
}

.profile-table .table-item .purchase-price, .profile-table .table-item .recommended-price, .profile-table .table-item .total-price {
    color: #000;
    font: 500 16px Roboto, sans-serif
}

.profile-table .table-item .purchase-price .old-price, .profile-table .table-item .recommended-price .old-price, .profile-table .table-item .total-price .old-price {
    text-decoration: line-through;
    color: #9b9b9b;
    display: block;
    font-size: 14px
}

.profile-table .table-item .margin-percent {
    font-size: 12px;
    margin-top: 5px;
    color: #000;
    text-decoration: none
}

.profile-table .table-item .margin-percent > span {
    border-bottom: 1px dashed #000
}

.profile-table .table-item .quantity {
    color: #000;
    font: 16px Roboto, sans-serif
}

.profile-table .table-item .available-text .when a:hover, .profile-table .table-item .ext .price-block {
    color: #4a4a4a
}

.profile-table .table-item .quantity .input {
    width: 60px
}

.profile-table .table-item .block-title {
    font: 12px Roboto, sans-serif;
    color: #9b9b9b;
    margin-bottom: 4px;
    display: none
}

.profile-table .table-item .block-title.prices {
    font: 500 14px Roboto, sans-serif;
    color: #0f9ee0;
    margin-bottom: 8px
}

.profile-table .table-item .date {
    font: 300 14px Roboto, sans-serif
}

.profile-table .table-item .date .time {
    font-size: 10px;
    line-height: 22px
}

.profile-table .table-item .block-subtitle {
    font: 12px Roboto, sans-serif;
    color: #9b9b9b;
    margin-bottom: 4px
}

.profile-table .table-item .available-text .when {
    font: 14px Roboto, sans-serif;
    color: #000
}

.profile-table .table-item .available-text .when a {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    color: #095d9d
}

.profile-table .table-item .available-text .when.orange {
    color: #095d9d
}

.profile-table .table-item .available-text .when.rest {
    margin-top: 3px
}

.profile-table .table-item .price-text:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1175px) {
    .profile-table.products .table-item .info .pic-block {
        display: none
    }
}

@media (max-width: 1024px) {
    .profile-table.products .table-item .info .pic-block {
        display: block
    }
}

@media (max-width: 767px) {
    .profile-table .table-item .input-field.aligned-to-text {
        margin-top: 0
    }

    .profile-table .table-item .input-field.extra-price-input {
        width: 50px
    }

    .profile-table.documents-example .table-header, .profile-table.products .table-header {
        flex-wrap: wrap
    }

    .profile-table.documents-example .table-header .table-cell, .profile-table.products .table-header .table-cell {
        flex: 1 1 100%;
        margin-left: 0;
        margin-top: 5px
    }

    .profile-table.documents-example .table-header .table-cell .wrap, .profile-table.products .table-header .table-cell .wrap {
        display: none
    }

    .profile-table.documents-example .table-item, .profile-table.products .table-item {
        flex-wrap: wrap;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .profile-table.documents-example .table-item .input-field, .profile-table.products .table-item .input-field {
        margin-top: 0
    }

    .profile-table.documents-example .table-item .block-title, .profile-table.products .table-item .block-title {
        display: block
    }

    .profile-table.documents-example .table-item .doc-number, .profile-table.products .table-item .doc-number {
        flex-basis: 70px
    }

    .profile-table.documents-example .table-item .doc-name, .profile-table.products .table-item .doc-name {
        flex-basis: 100%;
        padding: 12px 10px 16px 0;
        text-align: center
    }

    .profile-table.documents-example .table-item .doc-format, .profile-table.products .table-item .doc-format {
        flex-basis: 100%;
        margin-top: -16px
    }

    .profile-table.documents-example .table-item .doc-format .file, .profile-table.products .table-item .doc-format .file {
        width: 100%;
        justify-content: center
    }

    .profile-table.documents-example .table-item .doc-download, .profile-table.documents-example .table-item .doc-size, .profile-table.products .table-item .doc-download, .profile-table.products .table-item .doc-size {
        flex-basis: 100%;
        text-align: center
    }

    .profile-table.documents-example .table-item .info, .profile-table.products .table-item .info {
        flex: 1 1;
        flex-basis: calc(100% - 80px);
        order: -2;
        margin-bottom: 20px
    }

    .profile-table.documents-example .table-item .flex-column90, .profile-table.products .table-item .flex-column90 {
        flex: 1 1 22%;
        margin-left: 0;
        margin-right: 10px
    }

    .profile-table.documents-example .table-item .flex-column120, .profile-table.products .table-item .flex-column120 {
        flex: 1 1 44%;
        margin: 10px 10px 0 0
    }

    .profile-table.documents-example .table-item .flex-column180, .profile-table.products .table-item .flex-column180 {
        flex: 1 1 100%;
        margin-left: 0
    }

    .profile-table.documents-example .table-item .remove-button-cell, .profile-table.products .table-item .remove-button-cell {
        order: -1;
        position: relative
    }

    .profile-table.documents-example .table-item .remove-button-cell .remove-button, .profile-table.products .table-item .remove-button-cell .remove-button {
        top: 0;
        right: 0
    }

    .profile-table.documents-example .table-item .add-to-order-cell, .profile-table.products .table-item .add-to-order-cell {
        flex: 1 1 100%;
        margin-top: 5px
    }

    .profile-table.documents-example .table-item .add-to-order-cell .add-to-order, .profile-table.products .table-item .add-to-order-cell .add-to-order {
        margin: 0
    }

    .profile-table.manufacturers .table-header, .profile-table.manufacturers .table-item {
        flex-wrap: wrap
    }

    .profile-table.manufacturers .table-header .table-cell {
        flex: 1 1 100%;
        margin-left: 0;
        margin-top: 5px
    }

    .profile-table.manufacturers .table-item.add {
        align-items: flex-start
    }

    .profile-table.manufacturers .table-item .select-wrapper {
        margin-left: 0
    }

    .profile-table.manufacturers .table-item .table-cell {
        flex: 1 1 44%;
        margin-left: 0;
        margin-bottom: 10px
    }

    .profile-table.manufacturers .table-item .input-field {
        margin-top: 0
    }

    .profile-table.manufacturers .table-item .block-title {
        display: block
    }

    .profile-table.manufacturers .table-item .manufacturer-name {
        order: -2
    }

    .profile-table.manufacturers .table-item .remove-button-cell {
        order: -1
    }

    .profile-table.manufacturers .table-item.add .remove-button-cell {
        width: auto;
        flex: 0 0 auto
    }

    .profile-table.manufacturers .table-item.add .remove-button-cell .btn {
        position: relative;
        top: 0
    }

    .profile-table.managers .table-item {
        padding: 20px 0
    }

    .profile-table.managers .table-item .table-cell:first-child .field-title, .profile-table.managers .table-item .table-cell:first-child .input-field.long, .profile-table.managers .table-item .table-cell:first-child .notif, .profile-table.managers .table-item.add .table-cell:first-child .field-title, .profile-table.managers .table-item.add .table-cell:first-child .input-field.long, .profile-table.managers .table-item.add .table-cell:first-child .notif {
        margin-left: 0;
        width: 100%
    }

    .profile-table.managers .table-item .table-cell:not(:first-child), .profile-table.managers .table-item.add .table-cell:not(:first-child) {
        margin-left: 0
    }

    .profile-table.managers .table-item.add .remove-button-cell {
        display: block
    }

    .profile-table.managers .table-cell {
        flex: 1 1 100%;
        margin-left: 0;
        margin-top: 5px
    }

    .profile-table.managers .remove-button-cell {
        text-align: center
    }

    .profile-table.managers .table-header, .profile-table.managers .table-item {
        flex-wrap: wrap
    }

    .profile-table.orders .wrap {
        display: none
    }

    .profile-table.orders .table-header, .profile-table.orders .table-item {
        flex-wrap: wrap
    }

    .profile-table.orders .table-header .table-cell {
        flex: 1 1 100%;
        margin: 0
    }

    .profile-table.orders .table-header .table-cell:not(:first-child) {
        margin-top: 5px
    }

    .profile-table.orders .table-item .table-cell {
        flex: 1 1 30%;
        min-height: 0;
        padding: 12px 0
    }

    .profile-table.orders .table-item .table-cell .block-title {
        display: block
    }

    .profile-table.orders .table-item .table-cell.order-cell {
        flex: 1 1 100%;
        padding-left: 10px;
        margin-right: -20px;
        border-radius: 8px 8px 0 0
    }

    .profile-table.orders .table-item .table-cell.flex-column110, .profile-table.orders .table-item .table-cell.flex-column120 {
        flex: 1 1 30%
    }
}

@media (max-width: 520px) {
    .profile-table.products .table-item .info .pic-block {
        display: none
    }

    .profile-table.products .table-item .flex-column90 {
        flex: 1 1 45%;
        margin-bottom: 10px
    }

    .profile-table.manufacturers .table-item .select-wrapper {
        margin-right: 0
    }

    .profile-table.manufacturers .table-item .flex-fourth {
        margin-right: 10px
    }

    .profile-table.manufacturers .table-item.add .remove-button-cell {
        order: 1;
        flex: 1 1 100%
    }

    .profile-table.manufacturers .table-item.add .manufacturer-name {
        flex: 1 1 100%
    }
}

.profile-wrapper .empty-order {
    text-align: left
}

.profile-wrapper .sidemenu {
    flex: 0 0 212px;
    margin-right: 85px;
    z-index: 1
}

@media (max-width: 1024px) {
    .profile-wrapper .sidemenu {
        flex: 1;
        margin-right: 0
    }
}

.profile-wrapper .sidemenu .page-select {
    width: 300px;
    margin-bottom: 30px;
    margin-top: -10px;
    display: none
}

.profile-wrapper .sidemenu .page-select .select2-container .select2-selection {
    border-color: #0f9ee0
}

.profile-wrapper .sidemenu a.sidemenu-sub-link {
    padding: 8px 0 6px 40px;
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    text-decoration: none;
    display: block;
    position: relative
}

.profile-wrapper .sidemenu a.sidemenu-sub-link.active:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #0f9ee0;
    display: inline-block;
    border-radius: 50%;
    top: 14px;
    left: 21px
}

.profile-wrapper .sidemenu a.sidemenu-link {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 4px 2px 2px 4px;
    margin-right: 15px;
    color: #4a4a4a;
    font: 500 16px Roboto, sans-serif;
    padding: 11px 0 10px 20px;
    text-decoration: none
}

.profile-wrapper .sidemenu a.sidemenu-link:hover {
    color: #0f9ee0
}

.profile-wrapper .sidemenu a.sidemenu-link.active {
    background: #0f9ee0;
    pointer-events: none;
    color: #fff
}

.profile-wrapper .sidemenu a.sidemenu-link.active:after {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    border-left: 15px solid #0f9ee0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -14px
}

.profile-wrapper .content-wrapper {
    flex: 1 1 0
}

.profile-wrapper .content-wrapper h2 {
    padding: 0 0 35px;
    text-align: left;
    font-size: 24px
}

.profile-wrapper .content-wrapper h4 {
    padding: 0 0 26px
}

.profile-wrapper .content-wrapper .loading-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px
}

.profile-wrapper .content-wrapper .loading-block:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background: url(sprite.svg) -2px -253px no-repeat;
    -webkit-animation: loading-icon-rotation 2s linear infinite;
    animation: loading-icon-rotation 2s linear infinite;
    flex: 0 0 auto
}

.profile-wrapper .content-wrapper .filters-block {
    margin-bottom: 17px
}

.profile-wrapper .content-wrapper .filters-block .filter {
    position: relative
}

.profile-wrapper .content-wrapper .product-search-block {
    background: #f0f7ec;
    padding: 30px;
    margin-bottom: 15px;
    border-radius: 8px
}

.profile-wrapper .content-wrapper .product-search-block .head-search .input-wrapper {
    margin-right: 0
}

.profile-wrapper .content-wrapper .product-search-block.statistic {
    display: flex;
    flex-direction: row;
    align-items: center
}

.profile-wrapper .content-wrapper .product-search-block.statistic .stat-item {
    margin: 0 20px
}

.profile-wrapper .content-wrapper .product-search-block .row .field-wrapper .dates-block .input-field:first-child, .profile-wrapper .content-wrapper .product-search-block.statistic .stat-item:first-child {
    margin-left: 0
}

.profile-wrapper .content-wrapper .product-search-block.statistic .stat-item:last-child {
    margin-right: 0
}

.profile-wrapper .content-wrapper .product-search-block .row {
    display: flex;
    align-items: center
}

.profile-wrapper .content-wrapper .product-search-block .row:not(:first-child) {
    margin-top: 17px
}

.profile-wrapper .content-wrapper .product-search-block .row .field-wrapper:not(:first-child) {
    margin-left: 27px
}

.profile-wrapper .content-wrapper .product-search-block .row .field-wrapper .field-name {
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin-bottom: 5px
}

.profile-wrapper .content-wrapper .product-search-block .row .field-wrapper .dates-block {
    display: flex;
    align-items: center;
    font: 14px Roboto, sans-serif;
    color: #4a4a4a
}

.profile-wrapper .content-wrapper .product-search-block .row .field-wrapper .dates-block .input-field {
    width: 100px;
    text-align: center;
    margin: 0 9px;
    padding: 0 5px
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block {
    flex: 1 1 0
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block.flex {
    display: flex
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper {
    flex: 1 1 45%;
    overflow: hidden
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper.per30 {
    flex: 0 0 auto;
    width: 30%
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper:not(:first-child) {
    margin-left: 27px
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper .select-name {
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin-bottom: 5px
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper .tag-container {
    margin-top: 10px
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search {
    margin-bottom: 0
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search .input-wrapper .input {
    border-color: #e6e6e6
}

.profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search .input-wrapper .input:focus {
    border-color: #0f9ee0
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block {
    margin-left: 27px;
    width: 140px
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block.flex-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 227px;
    margin-left: 44px
}

@media (max-width: 767px) {
    .profile-wrapper .content-wrapper .product-search-block .row .right-block.flex-right {
        margin-left: 0;
        width: 100%
    }

    .profile-wrapper .content-wrapper .product-search-block .row .right-block.flex-right .field-wrapper {
        width: 100%;
        text-align: left
    }

    .profile-wrapper .content-wrapper .product-search-block .row .right-block.flex-right .field-wrapper .dates-block .input-field {
        width: 50%
    }

    .profile-wrapper .content-wrapper .product-search-block .row .right-block.flex-right .field-wrapper .dates-block .input-field:last-child {
        margin-right: 0
    }
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block.date {
    width: 227px;
    margin-left: 44px
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block.right-align {
    text-align: right
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block.bottom-align {
    margin-top: 30px;
    align-self: flex-start
}

@media (max-width: 767px) {
    .profile-wrapper .content-wrapper .product-search-block .row .right-block.bottom-align {
        margin-top: 11px
    }
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block input.checkbox-input + label {
    margin: 0 0 13px 10px;
    display: inline-block
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block a.reset-link {
    transition: transform .3s ease;
    display: block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    color: #0f9ee0;
    border-bottom: 1.5px dotted #0f9ee0;
    font: 800 12px Raleway, sans-serif;
    text-decoration: none
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block a.reset-link:hover:after {
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -101px -355px no-repeat;
    transform: rotate(90deg)
}

.profile-wrapper .content-wrapper .product-search-block .row .right-block a.reset-link:after {
    transition: transform .3s ease;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -87px -355px no-repeat;
    top: 2px;
    right: -15px
}

.profile-wrapper .content-wrapper .sort-order {
    margin-bottom: 25px
}

.profile-wrapper .content-wrapper .sort-order a.order-link {
    white-space: nowrap;
    color: #0f9ee0;
    border-bottom: 2px dotted #0f9ee0;
    font: 800 18px Raleway, sans-serif;
    text-decoration: none;
    margin-bottom: 5px;
    display: inline-block
}

.profile-wrapper .content-wrapper .sort-order a.order-link.active {
    color: #000;
    border-bottom: 0;
    pointer-events: none
}

.profile-wrapper .content-wrapper .sort-order a.order-link:hover {
    color: #9b9b9b;
    border-bottom: 2px dotted #9b9b9b
}

.profile-wrapper .content-wrapper .sort-order a.order-link:not(:last-child) {
    margin-right: 36px
}

.profile-wrapper .content-wrapper .sort-order.history {
    padding-top: 18px
}

.profile-wrapper .content-wrapper .head-search {
    font: 16px Roboto, sans-serif;
    margin-bottom: 30px
}

.profile-wrapper .content-wrapper .head-search.prices .input-wrapper {
    margin-right: 27px
}

.profile-wrapper .content-wrapper .head-search .input {
    padding-right: 27px
}

.profile-wrapper .content-wrapper .head-search .close-btn {
    transition: transform .3s ease;
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -287px -276px no-repeat;
    position: absolute;
    top: 14px;
    right: 9px
}

.profile-wrapper .content-wrapper .head-search .close-btn:hover {
    transform: rotate(90deg)
}

.profile-wrapper .content-wrapper .pagination {
    margin-top: 40px;
    margin-bottom: 40px
}

.profile-wrapper .content-wrapper .save-button {
    margin-top: 20px;
    width: 260px;
    height: 60px;
    text-align: center;
    font: 800 16px Raleway, sans-serif;
    padding-top: 20px;
    margin-bottom: 50px
}

.profile-wrapper .content-wrapper .save-button.order-button {
    margin-left: auto;
    display: block;
    width: 100%;
    max-width: 360px
}

.profile-wrapper .content-wrapper .order-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.profile-wrapper .content-wrapper .order-buttons .column-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.profile-wrapper .content-wrapper .order-buttons .column-buttons .btn {
    margin-right: 0 !important
}

.profile-wrapper .content-wrapper .order-buttons .btn {
    margin-left: 0;
    margin-right: 0
}

.profile-wrapper .content-wrapper .order-buttons .btn:not(:last-child) {
    margin-right: 10px
}

@media (max-width: 767px) {
    .profile-wrapper .content-wrapper .order-buttons {
        flex-direction: column
    }

    .profile-wrapper .content-wrapper .order-buttons .btn:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 1175px) {
    .profile-wrapper {
        padding-bottom: 43px
    }

    .profile-wrapper .content-wrapper .product-search-block .row {
        flex-wrap: wrap
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block {
        flex: 1 1 70%
    }

    .profile-wrapper .content-wrapper .product-search-block .row .right-block.date {
        flex: 1 1 100%;
        margin: 15px 0 0;
        text-align: left
    }
}

@media (max-width: 1024px) {
    .profile-wrapper {
        flex-wrap: wrap
    }

    .profile-wrapper .sidemenu .menu-wrapper {
        display: none
    }

    .profile-wrapper .sidemenu .page-select {
        display: block
    }

    .profile-wrapper .content-wrapper {
        flex: 1 1 100%
    }

    .profile-wrapper .content-wrapper h2 {
        padding-bottom: 20px
    }

    .profile-wrapper .content-wrapper .save-button {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .profile-wrapper .content-wrapper .product-search-block {
        padding: 15px
    }

    .profile-wrapper .content-wrapper .product-search-block .row, .profile-wrapper .content-wrapper .product-search-block .row .left-block {
        flex-wrap: wrap
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper {
        margin: 0
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper.per30 {
        flex: 1 1 100%;
        width: auto
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper:not(:last-child) {
        margin-bottom: 15px
    }

    .profile-wrapper .content-wrapper .product-search-block .row .right-block {
        width: auto;
        margin-top: 10px;
        flex: 1 1 100%;
        text-align: right
    }
}

@media (max-width: 520px) {
    .profile-wrapper {
        padding-bottom: 0
    }
}

@media (max-width: 480px) {
    .profile-wrapper .sidemenu .page-select {
        width: 100%
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block {
        flex-wrap: wrap
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search {
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search .input-wrapper {
        flex: 1 1 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .head-search .btn {
        flex: 1 1 100%
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper {
        flex: 1 1 100%;
        margin-bottom: 10px
    }

    .profile-wrapper .content-wrapper .product-search-block .row .left-block .select-wrapper:not(:first-child) {
        margin-left: 0
    }
}

.basket-mini, .sale-products {
    height: auto;
    border-radius: 8px
}

.basket-mini, .basket-mini .arrow {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

.basket-mini {
    display: flex;
    min-height: 200px;
    right: -160px;
    transition: all .3s;
    flex-direction: column;
    top: 30px;
    z-index: 7;
    width: 742px
}

.basket-mini .inner-wrap {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    min-height: 200px
}

.basket-mini .arrow {
    width: 30px;
    height: 30px;
    top: -8px;
    transform: rotate(45deg);
    z-index: -11
}

.basket-mini.show {
    top: 40px
}

.basket-mini .order-wrapper {
    width: 100%;
    max-height: 500px;
    background: #fff
}

.basket-mini .order-item {
    display: flex;
    align-items: center;
    width: 100%;
    font: 16px Roboto, sans-serif;
    box-sizing: border-box;
    padding: 10px 16px 10px 10px;
    min-height: 90px;
    border-bottom: 1px solid #cdcdcd;
    position: relative
}

.basket-mini .order-item .modules-block {
    display: none !important
}

.basket-mini .order-item .item-image-wrapper {
    position: relative;
    flex: 0 0 59px;
    display: flex;
    align-items: center;
    margin-right: 18px
}

.basket-mini .order-item .img-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.basket-mini .order-item .item-image {
    width: 59px;
    height: 49px;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.basket-mini .order-item .main-info {
    box-sizing: border-box;
    padding: 10px 0;
    margin-right: 28px;
    flex: 0 0 auto;
    align-self: flex-start;
    width: 200px
}

.basket-mini .order-item .main-info .title {
    text-decoration: none;
    color: #0f9ee0
}

.basket-mini .order-item .main-info .title:hover {
    color: #9b9b9b
}

.basket-mini .order-item .description {
    margin-top: 3px;
    font: 300 12px Roboto, sans-serif;
    color: #4a4a4a
}

.basket-mini .order-item .quantity-wrapper {
    display: flex;
    align-items: center;
    margin-right: 37px;
    width: 160px
}

.basket-mini .order-item .quantity-wrapper .input {
    width: 58px
}

.basket-mini .order-item .remove-button {
    margin: -24px 0 0
}

.basket-mini .order-item .price {
    flex: 1;
    margin-top: -10px
}

.basket-mini .order-item .price .price-text {
    display: flex;
    flex-wrap: wrap;
    color: #000;
    flex-direction: column
}

.basket-mini .order-item .price .price-text .old {
    text-decoration: line-through;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-right: 9px;
    vertical-align: top
}

.basket-mini .order-item .price .price-text .new {
    font-weight: 500;
    font-size: 24px
}

.basket-mini .order-item .removed-info {
    display: none
}

.basket-mini .order-item.removed {
    background: #f6f6f6;
    color: #9b9b9b !important
}

.basket-mini .order-item.removed a:active, .basket-mini .order-item.removed a:link, .basket-mini .order-item.removed a:visited {
    color: #9b9b9b !important
}

.basket-mini .order-item.removed .removed-info {
    font: 300 16px Roboto, sans-serif;
    display: block;
    color: #4a4a4a;
    right: 100px;
    flex: 1 1 0;
    order: 20;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
    padding-right: 90px
}

.basket-mini .order-item.removed .removed-info a {
    color: #0f9ee0 !important;
    text-decoration: underline;
    font-weight: inherit;
    font-size: 16px
}

.basket-mini .order-item.removed .removed-info a:hover {
    color: #4a4a4a !important
}

.basket-mini .order-item.removed .main-info .details {
    color: #9b9b9b
}

.basket-mini .order-item.removed .more-wrapper .button-block, .basket-mini .order-item.removed .price, .basket-mini .order-item.removed .quantity-wrapper, .basket-mini .order-item.removed .remove-button, .basket-mini .order-item.removed .total-price, .sale-products .toggle-products .toggle-link:hover:before {
    display: none
}

.basket-mini .total-wrapper {
    position: relative;
    min-height: 105px;
    box-sizing: border-box;
    padding-bottom: 20px;
    background-color: #f0f7ec;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.basket-mini .total-wrapper .info-wrapper {
    margin: 0 auto;
    padding-top: 18px;
    width: 295px;
    position: relative;
    left: -53px
}

.basket-mini .total-wrapper .info-wrapper .price-row {
    display: flex;
    margin-top: 10px
}

.basket-mini .total-wrapper .info-wrapper .name {
    width: 137px;
    font: 400 14px Roboto, sans-serif;
    color: #9b9b9b;
    text-align: right;
    padding-right: 10px
}

.basket-mini .total-wrapper .info-wrapper .value {
    position: relative;
    bottom: 4px;
    min-width: 130px;
    text-align: right;
    font: 500 18px Roboto, sans-serif;
    color: #000
}

.basket-mini .total-wrapper .info-wrapper .value.total-value {
    font-size: 24px;
    bottom: 9px
}

.basket-mini .total-wrapper .info-wrapper .line {
    width: 100%;
    height: 2px;
    margin: 5px 0 24px;
    background-color: #e9e9e9
}

.basket-mini .total-wrapper .btn {
    position: absolute;
    right: 19px;
    width: 220px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    font-size: 16px;
    padding: 18px 15px 19px
}

.sale-products {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 15px;
    margin-bottom: 57px;
    background-color: rgba(105, 182, 72, .1)
}

.sale-products h2 {
    padding-top: 32px
}

.sale-products h3 {
    margin-bottom: 21px
}

.sale-products .slider-wrap {
    overflow: hidden;
    transition: all .3s
}

.sale-products .product-slider {
    margin: 0 0 -47px
}

.sale-products .product-slider .slick-list {
    margin: 0 1px
}

.sale-products .product-slider .slick-dots {
    bottom: 78px;
    margin-left: 0
}

.sale-products .btn.hide {
    top: -80px
}

.sale-products .center-btn {
    margin-top: 0 !important
}

.sale-products .toggle-products {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    padding: 9px 15px;
    background-color: #fff
}

.sale-products .toggle-products .toggle-link {
    position: relative;
    font: 400 14px Roboto, sans-serif;
    color: #9b9b9b;
    text-decoration: none;
    padding-right: 10px
}

.sale-products .toggle-products .toggle-link:after, .sale-products .toggle-products .toggle-link:before {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s
}

.sale-products .toggle-products .toggle-link:before {
    width: calc(100% - 10px);
    height: 2px;
    bottom: 0;
    left: 0;
    border-bottom: 1px dashed #9b9b9b
}

.sale-products .toggle-products .toggle-link:after {
    width: 10px;
    height: 6px;
    background: url(sprite.svg) -54px -335px no-repeat;
    transform: rotate(0);
    right: -5px;
    top: 6px
}

.sale-products.open {
    padding-bottom: 45px
}

.sale-products.open .toggle-link:after {
    transform: rotate(180deg)
}

.article-tabs {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 106px
}

.article-tabs .article-tab:before, .article-tabs:before {
    content: '';
    position: absolute;
    display: block
}

.article-tabs:after {
    position: absolute;
    display: block;
    top: 4px
}

.article-tabs:before {
    width: 14px;
    height: 10px;
    background: url(sprite.svg) -271px -253px no-repeat;
    top: 6px;
    left: 0
}

.article-tabs:after {
    content: 'По темам:';
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    left: 20px
}

.article-tabs .article-tab {
    transition: all .3s ease;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 4px 10px 2px;
    font-size: 12px;
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    text-decoration: none;
    overflow: hidden
}

.article-tabs .article-tab:before {
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -73px -355px no-repeat;
    right: 3px;
    top: 50%;
    transform: translate(15px, -50%);
    transition: transform .3s .1s
}

.article-tabs .article-tab.active, .article-tabs .article-tab:hover {
    color: #fff;
    background: #095d9d;
    border-color: #095d9d
}

.article-tabs .article-tab.active {
    padding-right: 20px
}

.article-tabs .article-tab.active:before {
    transform: translate(0, -50%)
}

.manufacturer-card {
    transition: all 1s ease;
    width: 257px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .09);
    font: 300 12px Roboto, sans-serif;
    color: #9b9b9b;
    box-sizing: border-box;
    padding: 0 20px 16px;
    position: relative;
    height: auto
}

.manufacturer-card .main-product-block .detail-link {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.manufacturer-card .image {
    height: 211px;
    overflow: hidden;
    margin: 0 -20px 53px;
    position: relative;
    background: 0 0
}

@media (max-width: 1024px) {
    .manufacturer-card .image {
        margin: 0 -10px
    }
}

.manufacturer-card .amount, .manufacturer-card .name {
    font-size: 18px
}

.manufacturer-card .name, .notfound-page .info .text b {
    color: #000;
    font-weight: 500
}

.manufacturer-card .amount {
    color: #0f9ee0
}

.manufacturer-card .name-block {
    margin-bottom: 20px
}

.manufacturer-card .geo-link {
    position: relative;
    display: inline-block;
    margin-bottom: 17px;
    font-size: 16px;
    color: #0f9ee0;
    text-decoration: none;
    padding-left: 17px
}

.manufacturer-card .geo-link .geo {
    width: 8px;
    height: 11px;
    background: url(sprite.svg) -47px -355px no-repeat;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.manufacturer-card .offers-block-wrapper {
    border-top: solid 1px #dbdbdb;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 15px 9px 0;
    box-sizing: border-box;
    overflow: hidden
}

.manufacturer-card .offers-title {
    font: 500 18px Roboto, sans-serif;
    color: #4a4a4a;
    padding: 0 12px
}

.manufacturer-card .offers-block {
    border-radius: 0 0 8px 8px;
    background-color: transparent;
    padding: 0 30px;
    box-sizing: border-box;
    height: 70px
}

.categories-page .search-wrapper .categories .cat-list > li, .manufacturer-card .offers-block .slick-list {
    margin: 13px 0 0
}

.manufacturer-card .offers-block .offer-item {
    transition: all .3s ease;
    width: 63px;
    height: 63px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 11px;
    border: 2px solid transparent
}

.manufacturer-card .offers-block .offer-item > img {
    width: 100%;
    max-height: 100%
}

.manufacturer-card .offers-block .offer-item:hover {
    border: 2px solid #095d9d
}

.manufacturer-card .offers-block .slick-arrow {
    width: 21px;
    height: 21px;
    background: #095d9d;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0
}

.manufacturer-card .offers-block .slick-arrow:before {
    width: 10px;
    height: 16px;
    background: url(sprite.svg) -300px -105px no-repeat
}

.manufacturer-card .offers-block .slick-arrow.prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg)
}

.manufacturer-card .offers-block .slick-arrow.next {
    right: 10px
}

.manufacturer-card .offers-block .slick-arrow.next:before {
    margin-left: 1px
}

.manufacturer-card:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35)
}

.malling {
    font-family: 'Raleway', sans-serif;
    max-width: 330px;
    width: 100%;
    background: #61b650;
    border-radius: 0 10px 10px 0;
    padding: 20px 28px;
    box-sizing: border-box;
    z-index: 1010;
    position: fixed;
    bottom: 200px;
    left: 0;
    transform: translateX(-332px);
    transition: all .3s ease
}

.malling__arrow {
    transition: all .34s ease
}

.malling.malling_open {
    transform: translateX(0)
}

.malling.malling_open .malling__arrow {
    transform: rotate(180deg)
}

.malling__circle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -29px;
    width: 36px;
    height: 154px;
    background: url(malling-btn.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.malling__title, .malling__title span {
    font-style: normal;
    text-transform: uppercase;
    font-feature-settings: pnum on, lnum on;
    color: #fff
}

.malling__title {
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 15px
}

.malling__title p, .product-page .main-info-wrapper .info .options.single label {
    margin: 0
}

.malling__title span {
    font-weight: 800;
    font-size: 24px
}

.malling__email, .malling__tel {
    max-width: 274px;
    width: 100%
}

.malling__email input, .malling__tel input {
    border: 2px solid #61b650;
    outline: 0;
    max-width: 274px;
    width: 100%;
    background: #fff;
    border-radius: 7px;
    padding: 9px 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    transition: all .3s ease
}

.malling__email input:focus, .malling__tel input:focus {
    border: 2px solid #ffa22a
}

.malling__btn {
    width: 100%;
    border: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ffa22a;
    border-radius: 7px;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 16px;
    font-feature-settings: pnum on, lnum on;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    transition: all .3s
}

.malling__btn:hover {
    color: #095d9d;
    background: #fff
}

.malling__close {
    display: none;
    cursor: pointer;
    transition: .3s ease
}

.category-page .search-wrapper .products .tags .tag-block .tag.icon-rotation:after, .malling__close:hover {
    transform: rotate(90deg)
}

.main-page .why-we a.collapsing-link:before, .malling__mobile {
    display: none
}

.malling__mobile .malling__arrow {
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 21px
}

.malling .notif {
    margin: 5px 0 10px;
    color: #fff;
    font: 14px Roboto, sans-serif
}

@media (max-width: 500px) {
    .malling {
        position: fixed;
        right: 50%;
        top: 50%;
        left: unset;
        border-radius: 8px;
        padding-top: 40px;
        transform: translate(50%, -50%);
        display: none;
        max-width: 314px;
        min-height: 320px;
        bottom: unset
    }

    .malling__circle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: unset;
        left: 0;
        width: 36px;
        height: 154px;
        background: url(malling-btn.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        display: none
    }

    .malling.malling_open {
        display: block;
        transform: translate(50%, -50%)
    }

    .malling__close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px
    }

    .malling__mobile {
        position: fixed;
        right: 0;
        top: 100px;
        width: 60px;
        height: 60px;
        background: url(malling-mobile.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
        transform: translateX(50%);
        z-index: 1010;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .3s ease;
        opacity: 1
    }

    .malling__mobile.malling__mobile_none {
        opacity: 0
    }
}

@media (max-width: 320px) {
    .malling {
        top: 50%;
        max-width: 280px
    }
}

.main-page .main-slider-wrapper {
    position: relative
}

.main-page .main-slider {
    height: 580px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .main-page .main-slider {
        height: 309px
    }
}

@media (max-width: 767px) {
    .main-page .main-slider {
        min-height: 309px;
        height: auto
    }
}

.main-page .main-slider .slide {
    height: 580px;
    padding: 141px 0 0;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .main-page .main-slider .slide {
        height: 309px;
        padding: 56px 0 0 40px
    }
}

@media (max-width: 767px) {
    .main-page .main-slider .slide {
        padding: 0;
        height: auto
    }
}

.main-page .main-slider .slide .image {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: 50% 50% no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .main-page .main-slider .slide .image {
        width: 100%;
        height: 309px;
        position: relative
    }
}

.main-page .main-slider .slide .slide-content, .main-page .why-we .caption {
    padding: 0 35px;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 767px) {
    .main-page .main-slider .slide .slide-content {
        padding-bottom: 46px
    }
}

.main-page .main-slider .slide .slide-content .decor-image {
    width: 460px;
    height: 355px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: 50% 50% no-repeat;
    background-size: contain;
    right: 0;
    margin-top: 33px
}

@media (max-width: 1024px) {
    .main-page .main-slider .slide .slide-content .decor-image {
        display: none
    }
}

.main-page .main-slider .slide .slide-content .caption {
    position: relative;
    font: 800 36px Raleway, sans-serif;
    color: #fff;
    z-index: 2
}

.main-page .main-slider .slide .slide-content .caption + .btn {
    margin-top: 33px;
    padding: 12px 24px 11px
}

@media (max-width: 1024px) {
    .main-page .main-slider .slide .slide-content .caption + .btn {
        margin-top: 24px
    }

    .main-page .main-slider .slide .slide-content .caption {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .main-page .main-slider .slide .slide-content .caption {
        color: #000;
        margin-top: 43px
    }
}

.main-page .why-we {
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    background: #fff;
    height: 100px;
    margin-top: -129px;
    margin-bottom: 29px;
    overflow: hidden;
    z-index: 0
}

@media (max-width: 1024px) {
    .main-page .why-we {
        background: #0f9ee0;
        height: auto
    }
}

@media (max-width: 767px) {
    .main-page .why-we {
        flex-direction: column;
        align-items: center
    }
}

.main-page .why-we .caption {
    font: 800 18px Raleway, sans-serif;
    letter-spacing: 0;
    padding: 17px 55px 0 27px;
    text-transform: uppercase;
    margin-right: 15px;
    z-index: 2
}

.main-page .why-we .caption > div {
    font-size: 40px
}

@media (max-width: 1024px) {
    .main-page .why-we .caption {
        color: #fff;
        margin: 10px 0 0 28px;
        padding-right: 42px
    }
}

@media (max-width: 767px) {
    .main-page .why-we .caption {
        width: 250px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    .main-page .why-we .caption > div {
        font-size: 18px;
        display: inline-block
    }
}

.main-page .why-we .reason-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media (max-width: 1024px) {
    .main-page .why-we .reason-list {
        padding: 11px 0 26px;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .main-page .why-we .reason-list {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 250px
    }

    .main-page .why-we .reason-list a {
        flex: 0 0 auto
    }
}

.main-page .why-we .reason-list .item {
    position: relative
}

.main-page .why-we .reason-list .item .preview-text {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #095d9d;
    border-radius: 50%;
    margin: -70px 0;
    pointer-events: none;
    padding: 0 20px;
    opacity: 0;
    transition: opacity .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-page .reason-buy .content .reason-item:hover .preview-text, .main-page .why-we .reason-list .item:hover .preview-text {
    opacity: 1
}

@media (max-width: 767px) {
    .main-page .why-we .reason-list .item {
        width: 300px;
        align-items: flex-start
    }

    .main-page .why-we .reason-list .item .item-content {
        align-items: center
    }

    .main-page .why-we .reason-list .item .preview-text {
        margin: 0;
        padding: 10px;
        border-radius: 0;
        position: relative;
        display: none;
        opacity: 1 !important
    }
}

@media (max-width: 480px) {
    .main-page .why-we .reason-list .item {
        width: 260px
    }
}

.main-page .why-we a {
    text-decoration: none;
    display: flex;
    background: #0f9ee0;
    border-radius: 0;
    color: #fff;
    font: 14px/1.29 Roboto, sans-serif;
    align-items: center;
    padding: 0 25px;
    position: relative
}

@media (max-width: 1024px) {
    .main-page .why-we a {
        width: 40%;
        margin: 15px 0
    }
}

@media (max-width: 767px) {
    .main-page .why-we a {
        width: 100%;
        padding: 0
    }
}

.main-page .why-we a .item-content {
    display: inline-block;
    position: relative;
    padding-left: 50px
}

.main-page .why-we a .icon {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 14px;
    z-index: 2;
    background: 50% 50% no-repeat;
    background-size: contain
}

.main-page .why-we a .btn-hover-effect {
    background: #095d9d
}

@media (max-width: 1024px) {
    .main-page .why-we a .btn-hover-effect {
        display: none
    }
}

.main-page .why-we a.collapsing-link {
    margin-top: 0;
    margin-bottom: 23px;
    text-decoration: underline
}

@media (max-width: 1024px) {
    .main-page .why-we {
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.main-page .center-btn h3 {
    margin-top: 8px
}

.main-page .reason-buy {
    padding: 0 0 66px;
    margin-top: 50px;
    overflow: hidden
}

button.fancybox-button.fancybox-close-small {
    width: 13px;
    height: 13px;
    background: url(sprite.svg) -265px -276px no-repeat;
    transition: transform .3s ease;
    display: block;
    margin: 5px 5px 0 0
}

.fancybox-stage h2 {
    margin: 0;
    padding: 0;
    font-size: 24px
}

.mail-block a {
    color: #095d9d
}

@media (max-width: 767px) {
    .main-page .reason-buy {
        padding: 0 10px 66px
    }
}

.main-page .reason-buy .pseudo-h2, .main-page .reason-buy h2, .main-page .tetris-block .run-game a {
    color: #000
}

@media (max-width: 767px) {
    .main-page .reason-buy .pseudo-h2, .main-page .reason-buy h2 {
        font-size: 24px
    }
}

.main-page .reason-buy .pseudo-h3, .main-page .reason-buy h3 {
    color: #000;
    margin-bottom: 21px
}

@media (max-width: 767px) {
    .main-page .reason-buy .pseudo-h3, .main-page .reason-buy h3 {
        font-size: 16px
    }
}

.main-page .reason-buy .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .main-page .reason-buy .content {
        margin-bottom: -45px
    }
}

.main-page .reason-buy .content .reason-item {
    text-align: center;
    font: 14px/1.43 Roboto, sans-serif;
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none
}

.main-page .reason-buy .content .reason-item .preview-text {
    width: 200px;
    height: 200px;
    top: -40px;
    left: calc(50% - 22px);
    transform: translateX(-50px);
    padding: 20px;
    position: absolute;
    background: #095d9d;
    justify-content: center;
    align-items: center;
    margin: -50px;
    display: flex;
    border-radius: 50%;
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none
}

@media (max-width: 767px) {
    .main-page .reason-buy .content .reason-item .preview-text {
        width: 150px;
        height: 150px;
        top: 20px;
        left: calc(50% - -8px);
        font-size: 13px
    }
}

.main-page .reason-buy .content .reason-item > span {
    font: 800 18px/1.11 Raleway, sans-serif;
    display: block
}

.main-page .reason-buy .content .reason-item {
    color: #333
}

.preview-text {
    color: #fff
}

.main-page .reason-buy .content .reason-item .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-size: contain;
    margin-bottom: 33px
}

a.reason-item .icon {
    padding: 10px 10px 0
}

@media (max-width: 1024px) {
    .main-page .reason-buy .content .reason-item {
        width: 33%;
        margin-bottom: 56px
    }
}

@media (max-width: 767px) {
    .main-page .reason-buy .content .reason-item {
        width: 50%
    }
}

.main-page .tetris-block {
    background: #0f9ee0;
    border-radius: 8px;
    color: #fff;
    font: 300 16px/1.5 Roboto, sans-serif;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 41px 0 64px 40px;
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .main-page .tetris-block {
        border-radius: 0
    }
}

@media (max-width: 767px) {
    .main-page .tetris-block {
        height: 533px
    }
}

.main-page .tetris-block:after, .main-page .tetris-block:before {
    content: '';
    position: absolute;
    display: block;
    background: 50% 50% no-repeat;
    background-size: contain;
    flex-shrink: 0;
    z-index: 2
}

.main-page .tetris-block:before {
    width: 383px;
    height: 246px;
    top: 0;
    right: 174px;
    background-image: url(tetris/pattern-2.svg)
}

@media (max-width: 1024px) {
    .main-page .tetris-block:before {
        width: 298px;
        height: 209px;
        top: 15px;
        right: 0;
        background-image: url(tetris/pattern-2-tablet.svg)
    }
}

@media (max-width: 767px) {
    .main-page .tetris-block:before {
        width: 228px;
        height: 299px;
        top: auto;
        right: 0;
        bottom: 0;
        background-image: url(tetris/pattern-2-mobile.svg)
    }
}

.main-page .tetris-block:after {
    width: 167px;
    height: 231px;
    top: 13px;
    right: -1px;
    background-image: url(tetris/pattern-1.svg)
}

@media (max-width: 1024px) {
    .main-page .tetris-block:after {
        display: none
    }
}

.main-page .tetris-block .tetris-content {
    width: 350px
}

@media (max-width: 767px) {
    .main-page .tetris-block .tetris-content {
        width: auto;
        padding-right: 20px;
        position: relative;
        z-index: 2
    }
}

.main-page .tetris-block .caption {
    font: 800 24px Raleway, sans-serif;
    margin-bottom: 21px
}

.main-page .tetris-block .run-game {
    margin-top: 22px;
    font-size: 14px
}

@media (max-width: 767px) {
    .main-page .tetris-block .run-game {
        padding-right: 100px
    }
}

.main-page .tetris-block .decor-block {
    width: 500px;
    height: 500px;
    background: #095d9d;
    position: absolute;
    top: -127px;
    right: 84px;
    border-radius: 50%;
    pointer-events: none
}

@media (max-width: 1024px) {
    .main-page .tetris-block .decor-block {
        right: -156px
    }
}

@media (max-width: 767px) {
    .main-page .tetris-block .decor-block {
        top: auto;
        bottom: -123px;
        right: -223px
    }
}

.main-page .tetris-block .decor-block .discount {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    font: 900 20px Roboto, sans-serif;
    z-index: 2;
    color: #0f9ee0;
    background: url(tetris/discount-fill.svg) 50% 50% no-repeat;
    background-size: contain
}

.main-page .tetris-block .decor-block .discount.small {
    width: 27px;
    height: 27px;
    font-size: 10px;
    margin: -91px 0 0 4px
}

.main-page .tetris-block .decor-block .discount.medium {
    width: 53px;
    height: 53px;
    font-size: 20px;
    margin: -28px 0 0 -30px
}

.main-page .tetris-block .decor-block .discount.large {
    width: 73px;
    height: 73px;
    font-size: 28px;
    margin: 62px 0 0 -26px
}

.main-page .factory-slider-wrapper {
    background-color: rgba(216, 216, 216, .2);
    padding-bottom: 47px;
    margin-top: 60px
}

.main-page .factory-slider-wrapper > .content-wrapper {
    height: 140px;
    overflow: hidden
}

.main-page .factory-slider-wrapper .factory-slider {
    position: relative;
    margin-top: 34px;
    margin-bottom: 60px;
    text-align: center
}

.main-page .factory-slider-wrapper .factory-slider .slick-list {
    margin: 0 -20px
}

@media (max-width: 1024px) {
    .main-page .factory-slider-wrapper .factory-slider .slick-list {
        margin: 0
    }
}

@media (max-width: 767px) {
    .main-page .factory-slider-wrapper .factory-slider .slick-list {
        margin: 0 40px
    }
}

.main-page .factory-slider-wrapper .factory-item {
    text-decoration: none;
    outline: 0;
    margin: 0 20px;
    justify-content: center;
    transition: opacity .3s ease;
    display: inline-flex;
    height: 80px
}

.main-page .factory-slider-wrapper .factory-item > img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    min-width: 160px
}

@media (max-width: 767px) {
    .main-page .factory-slider-wrapper .factory-item > img {
        min-width: 100px
    }
}

.main-page .factory-slider-wrapper .factory-item:hover {
    opacity: .7
}

.main-page .factory-slider-wrapper .slick-track {
    display: flex;
    align-items: center
}

.main-page .factory-slider-wrapper .slick-arrow {
    margin-top: -17px
}

@media (max-width: 767px) {
    .main-page .factory-slider-wrapper .slick-arrow {
        top: 42px
    }
}

.main-page .factory-slider-wrapper .slick-arrow.prev {
    left: -61px
}

@media (max-width: 1024px) {
    .main-page .factory-slider-wrapper .slick-arrow.prev {
        left: 12px
    }
}

.main-page .factory-slider-wrapper .slick-arrow.next {
    right: -61px
}

@media (max-width: 1024px) {
    .main-page .factory-slider-wrapper .slick-arrow.next {
        right: 12px
    }
}

@media (max-width: 1300px) {
    .main-page .factory-slider-wrapper .factory-slider .slick-list {
        margin: 0 20px
    }

    .main-page .factory-slider-wrapper .slick-arrow.prev {
        left: 0
    }

    .main-page .factory-slider-wrapper .slick-arrow.next {
        right: 0
    }
}

.main-page .new-products {
    margin-bottom: 50px
}

.main-page .article-wrapper {
    padding-bottom: 28px
}

.main-page .article-wrapper .article-list {
    display: flex;
    flex-direction: row;
    margin: 19px 0 40px;
    width: 100%
}

@media (max-width: 1024px) {
    .main-page .article-wrapper .article-list {
        margin: 19px 0 40px;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .main-page .article-wrapper .article-list {
        flex-direction: column
    }
}

.main-page .article-wrapper .center-btn .btn {
    padding: 12px 40px
}

.main-page .article-wrapper .center-btn h3 {
    margin-top: 16px
}

@media (max-width: 1024px) {
    .main-page .article-wrapper .center-btn .social-link-list {
        display: block;
        text-align: center;
        margin-top: 18px
    }
}

.main-page .article-wrapper .center-btn .social-link {
    transition: opacity .3s ease;
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px
}

.main-page .article-wrapper .center-btn .social-link:first-child {
    margin-left: 16px
}

.main-page .article-wrapper .center-btn .social-link:hover {
    opacity: .7
}

.main-page .article-wrapper .center-btn .social-link.fb {
    width: 11px;
    height: 21px;
    background: url(sprite.svg) -340px -62px no-repeat
}

.main-page .article-wrapper .center-btn .social-link.ins {
    width: 19px;
    height: 19px;
    background: url(sprite.svg) -357px -203px no-repeat
}

.main-page .article-wrapper .center-btn .social-link.vk {
    width: 23px;
    height: 14px;
    background: url(sprite.svg) -202px -253px no-repeat
}

.main-page .article-wrapper .center-btn .social-link.ok {
    width: 12px;
    height: 20px;
    background: url(sprite.svg) -357px -115px no-repeat
}

.main-page .article-wrapper .column {
    flex: 1;
    box-sizing: border-box;
    padding: 0 20px;
    height: auto
}

.main-page .article-wrapper .column:first-child {
    margin-left: 0
}

.main-page .article-wrapper .column:last-child {
    margin-right: 0
}

@media (max-width: 1024px) {
    .main-page .article-wrapper .column {
        padding: 0 10px !important;
        box-sizing: border-box
    }

    .main-page .article-wrapper .column.small-list {
        display: block;
        width: 98%;
        flex: none;
        margin-top: 30px !important
    }

    .main-page .article-wrapper .column.small-list .article-small-item {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        box-sizing: border-box
    }
}

@media (max-width: 1024px) and (max-width: 767px) {
    .main-page .article-wrapper .column.small-list .article-small-item {
        width: 100%
    }
}

@media (max-width: 767px) {
    .main-page .article-wrapper .column {
        margin-top: 20px !important
    }

    .main-page .article-wrapper .column:first-child {
        margin-top: 0
    }
}

.main-page .article-wrapper .date {
    width: 50px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    font: 12px Roboto, sans-serif;
    border-radius: 8px;
    z-index: 2
}

.main-page .article-wrapper .date > div {
    font-size: 24px
}

.main-page .article-wrapper .tags {
    position: relative;
    margin-top: auto;
    z-index: 4
}

.main-page .article-wrapper .tags a {
    font: 300 12px Roboto, sans-serif;
    text-decoration: none
}

.main-page .article-wrapper .tags a:hover {
    text-decoration: underline
}

.main-page .article-wrapper .detail-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3
}

.main-page .article-wrapper .article-large-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .09);
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 31px 27px;
    position: relative;
    transition: box-shadow .3s ease
}

.main-page .article-wrapper .article-large-item:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .17)
}

.main-page .article-wrapper .article-large-item .date {
    background-color: #0f9ee0;
    color: #fff;
    margin-top: -31px;
    margin-bottom: -29px
}

.main-page .article-wrapper .article-large-item .article-picture {
    height: 251px;
    overflow: hidden;
    margin: 0 -31px;
    position: relative
}

.main-page .article-wrapper .article-large-item .article-picture > img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.main-page .article-wrapper .article-large-item .name {
    font: 800 24px Raleway, sans-serif;
    color: #000;
    margin-top: 44px;
    margin-bottom: 10px
}

.main-page .article-wrapper .article-large-item .tags a {
    color: #9b9b9b
}

.main-page .article-wrapper .article-small-item {
    position: relative;
    padding: 0 0 0 81px;
    min-height: 65px;
    margin-bottom: 40px
}

.main-page .article-wrapper .article-small-item:last-child {
    margin-bottom: 0
}

.main-page .article-wrapper .article-small-item:after {
    content: '';
    clear: both;
    display: block
}

.main-page .article-wrapper .article-small-item .date {
    background-color: #fff;
    border: 1px solid #0f9ee0;
    color: #0f9ee0;
    position: absolute;
    top: 0;
    left: 0
}

.main-page .article-wrapper .article-small-item .name {
    font: 20px Roboto, sans-serif;
    text-decoration: underline;
    margin-bottom: 7px
}

@media (max-width: 1024px) {
    .main-page .article-wrapper .article-small-item .name {
        font-size: 17px
    }
}

.main-page .article-wrapper .article-small-item .tags a {
    color: #000
}

.main-page .article-wrapper .article-small-item:hover .name {
    text-decoration: none
}

@media (max-width: 1024px) {
    .main-page .article-wrapper .article-small-item {
        flex: 1
    }
}

.main-page .subscribe-wrapper {
    height: 160px;
    overflow: hidden;
    background: #0f9ee0
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper {
        height: 267px
    }
}

.main-page .subscribe-wrapper .content {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .content {
        flex-direction: column
    }
}

.main-page .subscribe-wrapper .caption {
    width: 457px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 30px 0 150px;
    box-sizing: border-box;
    justify-content: center;
    position: relative;
    font: 800 24px Raleway, sans-serif;
    color: #fff
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .caption {
        width: 370px;
        height: auto;
        padding: 34px 0 0 78px
    }
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .caption {
        width: auto;
        height: auto;
        padding: 43px 16px 15px
    }
}

.main-page .subscribe-wrapper .caption > div {
    position: relative;
    z-index: 2
}

.main-page .subscribe-wrapper .caption:before {
    content: '';
    position: absolute;
    display: block;
    width: 457px;
    height: 457px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #095d9d
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .caption:before {
        left: -73px;
        top: -139px;
        transform: none
    }
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .caption:before {
        left: -335px
    }
}

.main-page .subscribe-wrapper .caption .main-icon {
    position: absolute;
    background: url(icon-envelope.png) 50% 50% no-repeat;
    background-size: contain
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .caption .main-icon {
        display: none
    }
}

.main-page .subscribe-wrapper .caption .main-icon.large {
    width: 56px;
    height: 42px;
    top: 31px;
    left: 45px
}

.main-page .subscribe-wrapper .caption .main-icon.medium {
    width: 35px;
    height: 26px;
    opacity: .5;
    bottom: 17px;
    right: 28px
}

.main-page .subscribe-wrapper .caption .main-icon.small {
    width: 24px;
    height: 18px;
    opacity: .32;
    bottom: 19px;
    left: 77px
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .caption .main-icon.small {
        display: block;
        opacity: 1;
        bottom: 0;
        left: 207px
    }
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .caption .main-icon.small {
        display: none
    }
}

.main-page .subscribe-wrapper .subscribe {
    display: flex;
    flex-direction: column;
    font: 16px Roboto, sans-serif;
    color: #fff;
    flex: 1;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 40px;
    padding-top: 6px;
    z-index: 2
}

@media (max-width: 1024px) {
    .main-page .subscribe-wrapper .subscribe {
        flex: none;
        padding: 22px 80px 0 75px
    }
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .subscribe {
        padding: 22px 16px 75px
    }
}

.main-page .subscribe-wrapper .subscribe .title {
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .subscribe .title {
        display: none
    }
}

.main-page .subscribe-wrapper .subscribe .form {
    display: flex;
    flex-direction: row
}

.main-page .subscribe-wrapper .subscribe .form.ajax-loading:before {
    right: -10px;
    bottom: -10px;
    top: -10px;
    left: -10px;
    border-radius: 10px
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper {
    flex: 1;
    margin-right: 10px
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input {
    padding-left: 10px;
    background: 0 0;
    border: solid 1px rgba(255, 255, 255, .4);
    color: #fff
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .subscribe .form .input-wrapper .input {
        padding-right: 40px
    }
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.main-page .subscribe-wrapper .subscribe .form .input-wrapper .input:focus {
    border: solid 1px #fff
}

.main-page .subscribe-wrapper .subscribe .form .submit {
    padding: 12px 31px 11px
}

@media (max-width: 767px) {
    .main-page .subscribe-wrapper .subscribe .form .submit {
        padding: 0;
        font-size: 0;
        width: 23px;
        height: 23px;
        background: url(sprite.svg) -227px -305px no-repeat;
        margin-left: -41px;
        margin-right: 34px;
        margin-top: 7px
    }
}

.main-page .subscribe-wrapper .subscribe .form .notif {
    position: absolute
}

.bx-ie .factory-slider-wrapper .factory-item > img {
    width: auto;
    min-width: 0
}

.text-page .text-container {
    max-width: 850px;
    padding: 0 8px
}

.text-page .text-container img {
    border-radius: 0 !important
}

.text-page .text-container figure {
    margin: 40px 0 0
}

.text-page .text-container figure figcaption {
    color: #9b9b9b;
    font: 300 12px Roboto, sans-serif;
    padding-top: 5px
}

.text-page .text-container a:not(.btn):link, .text-page .text-container a:not(.btn):visited {
    color: #0f9ee0
}

.text-page .text-container h2 {
    text-align: left;
    padding: 25px 0 0;
    font-size: 30px
}

.text-page .text-container h3 {
    color: #000;
    font-size: 20px;
    text-align: left;
    padding: 10px 0 0
}

.text-page .text-container h1, .text-page .text-container h4 {
    padding-left: 0;
    padding-right: 0
}

.text-page .text-container ol li, .text-page .text-container p, .text-page .text-container ul li {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    line-height: 1.38;
    padding: 23px 0 0;
    margin: 0
}

.text-page .text-container ol li, .text-page .text-container ul li {
    padding: 18px 0 0 30px;
    position: relative
}

.manufacture-detail-page .detail-info ul li b, .text-page .text-container ol li b, .text-page .text-container ul li b {
    font-weight: 500;
    display: block
}

.text-page .text-container ol li:before, .text-page .text-container ul li:before {
    font: 500 16px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0
}

.text-page .text-container ol li:before {
    counter-increment: listitem;
    content: counters(listitem, '.') '.';
    color: #0f9ee0
}

.text-page .text-container ul li:before {
    content: "•";
    font-size: 30px;
    top: 8px;
    color: #095d9d
}

.text-page .text-container table.stacktable {
    margin-top: 28px;
    width: 100%;
    border-collapse: collapse;
    display: table
}

.text-page .text-container table.stacktable th {
    text-align: left;
    font: 500 14px Roboto, sans-serif;
    color: #095d9d;
    border-bottom: 4px solid #095d9d;
    padding: 0 0 4px 9px;
    margin-bottom: 10px
}

.text-page .text-container table.stacktable tbody td {
    font: 300 14px Roboto, sans-serif;
    padding: 6px 0 6px 9px;
    color: #4a4a4a;
    line-height: 1.57;
    width: 33%
}

.text-page .text-container table.stacktable tbody::before {
    content: "";
    display: block;
    height: 10px
}

.text-page .text-container .stacktable.small-only tr:nth-child(even) .st-key, .text-page .text-container .stacktable.small-only tr:nth-child(even) .st-val, .text-page .text-container table.stacktable.large-only tr:nth-child(even) {
    background: #f0f7ec
}

.text-page .text-container table.stacktable.large-only tr:hover {
    background: #d5e8c9
}

.text-page .text-container table.stacktable.large-only thead tr:hover {
    background: 0 0
}

.text-page .text-container .stacktable.small-only {
    display: none
}

.text-page .text-container .stacktable.small-only .st-head-row {
    padding-top: 10px
}

.text-page .text-container .stacktable.small-only .st-head-row-main {
    font-size: 18px
}

@media (max-width: 767px) {
    .text-page .text-container .stacktable.large-only {
        display: none
    }

    .text-page .text-container .stacktable.small-only {
        display: table
    }
}

.text-page .text-container blockquote {
    margin: 0;
    padding: 25px 0 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.text-page .text-container blockquote p {
    padding: 0;
    color: #0f9ee0;
    font: 400 20px Roboto, sans-serif;
    flex: 1 1 100%
}

.text-page .text-container blockquote:before {
    content: "";
    display: block;
    float: left;
    margin-right: 37px;
    flex: 0 0 58px;
    width: 58px;
    height: 46px;
    background: url(sprite.svg) -2px -203px no-repeat
}

.text-page .text-container .look-also {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 10px;
    background-color: #f0f7ec;
    max-width: 774px;
    margin-top: 60px
}

.text-page .text-container .look-also .caption {
    font: 800 24px Raleway, sans-serif;
    color: #000;
    margin-bottom: 20px
}

.text-page .text-container .look-also a {
    color: #0f9ee0;
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 10px
}

@media (max-width: 1024px) {
    .text-page .text-container {
        padding: 0 13px
    }
}

@media (max-width: 767px) {
    .text-page .text-container {
        padding-top: 20px
    }
}

.notfound-page .info {
    max-width: 530px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative
}

.notfound-page .info .animated-title span {
    position: absolute;
    top: -200px;
    opacity: 0
}

.notfound-page .info .notfound-title {
    font: 800 300px Raleway, sans-serif;
    color: #0f9ee0
}

.notfound-page .info .notfound-title span {
    opacity: 0
}

.notfound-page .info .text {
    color: #9b9b9b;
    font: 300 24px Roboto, sans-serif;
    width: 84%
}

.notfound-page .info .text P {
    margin: 12px 0 0
}

.notfound-page .info .text a:active, .notfound-page .info .text a:link, .notfound-page .info .text a:visited {
    color: #0f9ee0
}

@media (max-width: 767px) {
    .notfound-page .info {
        align-items: center
    }

    .notfound-page .info .notfound-title {
        font-size: 250px
    }
}

@media (max-width: 480px) {
    .notfound-page .info .notfound-title {
        font-size: 150px
    }

    .notfound-page .info .text {
        font-size: 18px
    }
}

.notfound-page .slider {
    margin-top: 20px
}

.contacts-page {
    overflow-x: hidden
}

.contacts-page main .contact-fix-height {
    height: 700px;
    display: flex;
    flex: 0 0 auto;
    padding: 0 8px;
    box-sizing: border-box
}

.contacts-page main .contact-fix-height .info, .contacts-page main .contact-fix-height .map {
    width: 50%
}

.contacts-page main .contact-fix-height .map {
    position: relative
}

.contacts-page main .contact-fix-height .map .half-screen-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100%
}

.contacts-page main .contact-fix-height .info {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column
}

.contacts-page main .contact-fix-height .info .block-wrapper {
    flex: 1;
    height: 100%;
    overflow: hidden
}

.contacts-page main .contact-fix-height .info .block {
    margin-bottom: 40px;
    width: 94%
}

.contacts-page main .contact-fix-height .info .block .pseudo-h4, .contacts-page main .contact-fix-height .info .block h4 {
    padding-top: 0;
    font-size: 24px
}

.contacts-page main .contact-fix-height .info .block .subtitle {
    font: 16px Roboto, sans-serif;
    padding-top: 9px;
    color: #9b9b9b
}

.contacts-page main .contact-fix-height .info .block img {
    margin: 26px 0 8px;
    width: 100%
}

.contacts-page main .contact-fix-height .info .block .text-block {
    margin-top: 8px;
    font: 16px Roboto, sans-serif;
    line-height: 1.5
}

.contacts-page main .contact-fix-height .info .block .text-block a:active, .contacts-page main .contact-fix-height .info .block .text-block a:link, .contacts-page main .contact-fix-height .info .block .text-block a:visited {
    color: #0f9ee0;
    text-decoration: none
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link.asc:hover, .category-page .search-wrapper .products .cat-info .sort a.sort-link.desc:hover, .contacts-page main .contact-fix-height .info .block .text-block a:hover {
    color: #9b9b9b
}

.contacts-page main .contact-fix-height .info .block .text-block a.location {
    border-bottom: 1px dotted #0f9ee0
}

.contacts-page main .contact-fix-height .info .block .text-block a.location:hover {
    border-bottom: 0
}

.contacts-page main .contact-fix-height .info .block .text-block a.phone {
    color: inherit
}

.contacts-page main .contact-fix-height .info .block .small-image {
    width: 260px
}

.contacts-page main .contact-fix-height .info .block .block-content {
    margin-top: 27px
}

.contacts-page main .contact-fix-height .info .block .block-content .social-icons {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    transition: all 1s ease
}

.contacts-page main .contact-fix-height .info .block .block-content .social-icons a {
    transition: opacity .3s ease-out;
    opacity: 1;
    display: inline-block;
    margin-right: 30px
}

.contacts-page main .contact-fix-height .info .block .block-content .social-icons a:hover {
    opacity: .5
}

.contacts-page main .contact-fix-height .info .block .block-content a.facebook-icon {
    width: 14px;
    height: 24px;
    background: url(sprite.svg) -335px -34px no-repeat
}

.contacts-page main .contact-fix-height .info .block .block-content a.insta-icon {
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -328px -305px no-repeat
}

.contacts-page main .contact-fix-height .info .block .block-content a.vk-icon {
    width: 24px;
    height: 15px;
    background: url(sprite.svg) -189px -183px no-repeat
}

.contacts-page main .contact-fix-height .info .block .block-content a.ok-icon {
    width: 13px;
    height: 20px;
    background: url(sprite.svg) -335px -174px no-repeat
}

@media (max-width: 767px) {
    .contacts-page .block-wrapper, .contacts-page main .content {
        height: auto
    }

    .contacts-page main .content {
        margin-top: 30px
    }

    .contacts-page main .content .info, .contacts-page main .content .info .block {
        display: block;
        width: 100%
    }

    .contacts-page .map {
        display: none
    }
}

@media (max-width: 480px) {
    .contacts-page main .content {
        padding: 0 13px;
        box-sizing: border-box
    }
}

.search-page main .content {
    padding: 0 8px;
    box-sizing: border-box
}

.search-page .search-input .search {
    margin-top: 19px
}

.search-page .input-wrapper input:focus {
    border: 1px solid #0f9ee0
}

.search-page .search-products-list {
    padding-top: 10px;
    padding-bottom: 30px
}

.search-page .cat-list > li .active {
    color: #0f9ee0
}

.search-page .search-wrapper .products .cat-list {
    width: 100%;
    margin-bottom: 20px
}

.search-page .search-wrapper .products .product-card {
    margin: 0 6px 40px
}

.search-page .search-wrapper .products .product-card .offers-block {
    z-index: 4
}

.search-page .search-wrapper .products .center-btn {
    width: 100%
}

.search-page .notfound-info {
    margin-top: 25px;
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    padding-bottom: 50px
}

.search-page .notfound-info h3 {
    font: 500 18px Roboto, sans-serif;
    text-align: left;
    color: #4a4a4a
}

.search-page .notfound-info .btn {
    width: 160px;
    text-align: center;
    margin-top: 30px
}

.categories-page .seo ul li, .search-page .notfound-info ul li {
    color: #4a4a4a;
    line-height: 1.38;
    position: relative;
    margin: 0
}

.search-page .notfound-info ul li {
    font: 300 16px Roboto, sans-serif;
    padding: 13px 0 0 38px
}

.categories-page .seo ul li:before, .search-page .notfound-info ul li:before {
    font: 500 16px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0;
    content: "•";
    font-size: 30px;
    color: #095d9d
}

.search-page .notfound-info ul li:before {
    top: 3px
}

@media (max-width: 1024px) {
    .search-page .search-wrapper {
        margin-top: 20px;
        flex-direction: column
    }

    .search-page .search-wrapper .categories, .search-page .search-wrapper .products {
        flex: 0 0 auto;
        width: 100%;
        padding: 0
    }

    .search-page .search-wrapper .products {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .search-page main .content {
        padding-top: 20px
    }

    .search-page .notfound-info {
        padding-bottom: 20px
    }
}

.categories-page main .content {
    padding: 0 8px;
    box-sizing: border-box
}

.categories-page .search-wrapper {
    margin-top: 18px
}

.categories-page .search-wrapper .categories .cat-list {
    padding-left: 0
}

.categories-page .search-wrapper .products {
    justify-content: center
}

.categories-page .search-wrapper .products .product-card {
    margin: 4px 8px 40px
}

.categories-page .search-wrapper .products .product-card .main-product-block .detail-link {
    bottom: 0
}

.categories-page .search-wrapper .products .product-card .name {
    padding: 20px 0 0;
    font: 500 18px Roboto, sans-serif;
    height: 80px
}

.categories-page .search-wrapper .products .product-card .name a:active, .categories-page .search-wrapper .products .product-card .name a:link, .categories-page .search-wrapper .products .product-card .name a:visited {
    color: #000;
    text-decoration: none
}

.categories-page .search-wrapper .products .product-card .name a.hovered {
    color: #0f9ee0
}

.categories-page .search-wrapper .products .product-card .presence {
    padding: 0 0 5px;
    font-size: 11px
}

.categories-page .seo {
    color: #4a4a4a
}

.categories-page .seo .collapsing-link {
    margin-top: 10px;
    display: inline-block
}

.categories-page .seo ul li {
    font: 300 14px Roboto, sans-serif;
    padding: 13px 0 0 30px
}

.categories-page .seo ul li:before {
    top: 0
}

.categories-page .seo ul li:first-child:before {
    top: -13px
}

@media (max-width: 1150px) {
    .categories-page .search-wrapper .products {
        justify-content: center
    }
}

@media (max-width: 1024px) {
    .categories-page .search-wrapper {
        margin-top: 20px;
        flex-direction: column
    }

    .categories-page .search-wrapper .categories, .categories-page .search-wrapper .products {
        flex: 0 0 auto;
        width: 100%;
        padding: 0
    }

    .categories-page .search-wrapper .products {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .categories-page main .content {
        padding-top: 20px
    }

    .categories-page main .content .seo {
        margin-top: 0
    }
}

.category-page main .content {
    padding: 0 8px;
    box-sizing: border-box
}

.category-page .search-wrapper {
    margin-top: 10px
}

.category-page .search-wrapper .categories .inner-wrap {
    position: relative
}

.category-page .search-wrapper .categories .filter-tooltip {
    position: absolute;
    display: block;
    height: 40px;
    z-index: 1;
    font: 800 12px Raleway, sans-serif;
    color: #fff;
    right: 100%;
    margin-right: 20px;
    margin-top: -7px
}

.category-page .search-wrapper .categories .filter-tooltip a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 11px 0
}

.category-page .search-wrapper .categories .filter-tooltip a:hover {
    color: #eee
}

.category-page .search-wrapper .categories .filter-tooltip .triangle {
    width: 11px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    right: -9px;
    top: 10px
}

.category-page .search-wrapper .categories .filter-tooltip .triangle:before {
    content: '';
    position: relative;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    right: 13px;
    transform: rotate(45deg);
    background: #0f9ee0;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.category-page .search-wrapper .categories .filter-tooltip .text {
    display: block;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    width: 160px;
    height: 40px;
    box-sizing: border-box;
    background: #0f9ee0;
    border: 2px solid #7bb457;
    border-radius: 8px;
    text-align: center
}

.category-page .search-wrapper .categories .filter-tooltip .text .numbers {
    font-weight: 700;
    font-family: 'Roboto', sans-serif
}

@media (max-width: 1500px) {
    .category-page .search-wrapper .categories .filter-tooltip {
        right: auto;
        left: 100%
    }

    .category-page .search-wrapper .categories .filter-tooltip .triangle {
        right: auto;
        left: -9px;
        transform: rotate(180deg)
    }
}

@media (max-width: 767px) {
    .category-page .search-wrapper .categories .filter-tooltip {
        position: fixed;
        top: 85px !important;
        left: 0;
        right: 0;
        margin: 0
    }

    .category-page .search-wrapper .categories .filter-tooltip .text {
        width: 100%
    }
}

.category-page .search-wrapper .categories .search-input {
    position: relative
}

.category-page .search-wrapper .categories .search-input .input-wrapper {
    margin-right: 12px
}

.category-page .search-wrapper .categories .search-input .input-wrapper:before {
    display: none
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input {
    border: solid 1px #e0e0e0;
    font-size: 14px;
    padding-left: 21px
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input:focus {
    border: solid 1px #0f9ee0
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input::-moz-placeholder {
    font-size: 14px
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input:-ms-input-placeholder {
    font-size: 14px
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input::placeholder {
    font-size: 14px
}

.category-page .search-wrapper .categories .search-input .input-wrapper .input::-moz-placeholder {
    line-height: 2.5
}

.category-page .search-wrapper .categories .search-input .submit-button {
    position: absolute;
    border: 0;
    top: 0;
    right: 10px;
    cursor: pointer;
    background: 0 0;
    width: 40px;
    height: 40px
}

.category-page .search-wrapper .categories .search-input .submit-button:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 18px;
    background: url(sprite.svg) -357px -139px no-repeat;
    top: 0;
    right: 0
}

.category-page .search-wrapper .categories .filter {
    margin-top: 24px
}

.category-page .search-wrapper .categories .filter .filter-title {
    font: 700 14px Roboto, sans-serif;
    color: #4a4a4a;
    position: relative
}

.category-page .search-wrapper .categories .filter .filter-title .collapse-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.category-page .search-wrapper .categories .filter .filter-title .unfold {
    width: 10px;
    height: 6px;
    background: url(sprite.svg) -68px -335px no-repeat;
    margin-left: 4px;
    display: inline-block;
    transition: transform 100ms ease-in-out;
    position: relative;
    top: -1px
}

.category-page .search-wrapper .categories .filter.opened .unfold {
    transform: rotate(180deg)
}

.category-page .search-wrapper .categories .filter .filter-content {
    padding-top: 7px;
    display: none;
    position: relative
}

.category-page .search-wrapper .categories .filter .filter-content .price {
    display: flex;
    margin-bottom: 6px;
    margin-right: 6px
}

.category-page .search-wrapper .categories .filter .filter-content .price .input-field {
    width: 0;
    flex: 1 1 auto;
    -webkit-appearance: none
}

.category-page .search-wrapper .categories .filter .filter-content .price .input-field:first-child {
    margin-right: 10px
}

.category-page .search-wrapper .categories .filter .filter-content a.more {
    color: #0f9ee0;
    border-bottom: 1px dotted #0f9ee0;
    text-decoration: none;
    margin-top: 10px;
    font: 300 14px Roboto, sans-serif;
    display: inline-block
}

.category-page .search-wrapper .categories .filter .filter-content a.more:hover {
    color: #9b9b9b;
    border-bottom: 1px dotted #9b9b9b
}

.category-page .search-wrapper .categories .filter .filter-content .colours {
    display: flex;
    flex-wrap: wrap
}

.category-page .search-wrapper .categories .filter .filter-content .colours input.colour-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: -1
}

.category-page .search-wrapper .categories .filter .filter-content .colours input.colour-checkbox + label {
    width: 26px;
    height: 26px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin: 0 5px 8px 0
}

.category-page .search-wrapper .categories .filter .filter-content .colours input.colour-checkbox + label .checkmark {
    width: 22px;
    height: 22px;
    background: 50% 50% no-repeat;
    background-size: cover;
    border-radius: 4px;
    border: solid 1px #9b9b9b;
    display: inline-block;
    flex: 0 0 auto
}

.category-page .search-wrapper .categories .filter .filter-content .colours input.colour-checkbox:checked + label .checkmark:after {
    content: '';
    position: absolute;
    display: block;
    left: 8px;
    top: 2px;
    width: 5px;
    height: 12px;
    border: solid #9b9b9b;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.category-page .search-wrapper .categories .filter .filter-content .colours .checkbox:hover input ~ .checkmark {
    background-color: #eee
}

.category-page .search-wrapper .categories .filter .filter-content .colours .checkbox input:checked ~ .checkmark {
    background-color: #0f9ee0
}

.category-page .search-wrapper .categories .filter .filter-content .colours .checkbox input:checked ~ .checkmark:after {
    display: block
}

.category-page .search-wrapper .categories .filter .filter-content .select-wrapper {
    width: 100%;
    margin-top: 10px
}

.category-page .search-wrapper .categories .buttons {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap
}

.category-page .search-wrapper .categories .buttons .btn {
    flex: 0 0 auto;
    margin-top: 20px;
    width: 160px;
    text-align: center;
    margin-right: 20px
}

.category-page .search-wrapper .categories .buttons .btn.orange.reset-btn:hover {
    color: #fff
}

.category-page .search-wrapper .categories .buttons .btn.orange.reset-btn .btn-hover-effect {
    background-color: #095d9d
}

.category-page .search-wrapper .categories .buttons .btn .reset-icon {
    width: 16px;
    height: 16px;
    background: url(sprite.svg) -315px -66px no-repeat;
    transition: transform 700ms ease-in-out;
    display: inline-block;
    margin-right: 13px;
    vertical-align: middle;
    transform: rotate(0deg)
}

.category-page .search-wrapper .categories .buttons .btn .icon-rotation {
    transform: rotate(360deg)
}

.category-page .search-wrapper .categories .buttons .btn .text {
    display: inline-block;
    vertical-align: middle
}

.category-page .search-wrapper .categories .cat-list {
    padding-left: 0
}

.category-page .search-wrapper .categories .cat-list > li {
    margin: 14px 0 0
}

.category-page .search-wrapper .products .catalog-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center
}

.category-page .search-wrapper .products .tags {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font: 500 14px Roboto, sans-serif;
    color: #9b9b9b
}

.category-page .search-wrapper .products .tags .title {
    margin: 1px 18px 9px 0
}

.category-page .search-wrapper .products .tags .tag-block {
    display: flex;
    align-items: center;
    margin: 0 0 0 3px
}

.category-page .search-wrapper .products .tags .tag-block .subtitle {
    margin-right: 9px;
    margin-bottom: 9px
}

.category-page .search-wrapper .products .tags .tag-block .title {
    margin: 0 7px 0 0
}

.category-page .search-wrapper .products .tags .tag-block .subtitle {
    font-size: 12px
}

.category-page .search-wrapper .products .tags .tag-block .tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.category-page .search-wrapper .products .tags .tag-block .tag {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background: #095d9d;
    padding: 3px 5px;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0 7px 9px 0
}

.category-page .search-wrapper .products .tags .tag-block .tag .colour {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin: 0 5px -1px 0;
    border-radius: 3px
}

.category-page .search-wrapper .products .tags .tag-block .tag:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -73px -355px no-repeat;
    transition: transform 250ms ease-in-out;
    vertical-align: inherit;
    margin: 0 0 -1px 15px
}

.category-page .search-wrapper .products .cat-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px;
    justify-content: space-between
}

.category-page .search-wrapper .products .cat-info .number {
    font: 500 18px Roboto, sans-serif;
    color: #000
}

.category-page .search-wrapper .products .cat-info .sort {
    width: 470px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font: 500 14px Roboto, sans-serif;
    color: #9b9b9b
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link:active, .category-page .search-wrapper .products .cat-info .sort a.sort-link:link, .category-page .search-wrapper .products .cat-info .sort a.sort-link:visited {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #000;
    position: relative;
    margin: 0 23px 8px
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link:hover {
    color: #095d9d
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link:last-child {
    margin-right: 15px
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link.asc, .category-page .search-wrapper .products .cat-info .sort a.sort-link.desc {
    color: #095d9d;
    border-bottom: 1px dotted #095d9d
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link.asc:after, .category-page .search-wrapper .products .cat-info .sort a.sort-link.desc:after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 4px;
    background: url(sprite.svg) -335px -296px no-repeat;
    right: -15px;
    top: 7px
}

.category-page .search-wrapper .products .cat-info .sort a.sort-link.asc:after {
    transform: rotate(180deg)
}

.category-page .search-wrapper .products .product-card {
    margin: 0 8px 80px
}

.category-page .search-wrapper .products .product-card .offers-block {
    z-index: 4
}

.category-page .search-wrapper .products .center-btn {
    width: 100%
}

.category-page .seo, .product-page .info-block .title .ask b {
    color: #4a4a4a
}

.category-page .seo .collapsing-link {
    margin-top: 10px;
    display: inline-block
}

.category-page .seo p {
    font: 300 16px Roboto, sans-serif
}

.category-page .seo ul li {
    color: #4a4a4a;
    padding: 13px 0 0 38px;
    line-height: 1.38;
    position: relative;
    margin: 0;
    font: 300 14px Roboto, sans-serif
}

.category-page .seo ul li:before {
    font: 500 16px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0;
    content: "•";
    font-size: 30px;
    color: #095d9d;
    top: 5px
}

.category-page .top-line {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    margin-top: 60px;
    margin-bottom: 40px
}

.category-page .top-line + .pseudo-h2 {
    padding-top: 20px
}

.category-page .slider-wrap {
    margin: 0 auto;
    width: calc(100% - 60px)
}

@media (max-width: 767px) {
    .category-page .slider-wrap {
        width: 100%
    }
}

.category-page .pagination {
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .category-page .search-wrapper .products .cat-info .number, .category-page .search-wrapper .products .cat-info .sort {
        width: 100%
    }

    .category-page .search-wrapper .products .cat-info .sort a.sort-link:active, .category-page .search-wrapper .products .cat-info .sort a.sort-link:link, .category-page .search-wrapper .products .cat-info .sort a.sort-link:visited {
        margin-left: 13px
    }

    .category-page .search-wrapper .products .cat-info .number {
        margin-bottom: 25px
    }
}

@media (max-width: 480px) {
    .category-page .search-wrapper .products .cat-info .sort a.sort-link:active, .category-page .search-wrapper .products .cat-info .sort a.sort-link:link, .category-page .search-wrapper .products .cat-info .sort a.sort-link:visited {
        margin-left: 0;
        margin-right: 10px
    }

    .category-page .search-wrapper .products .cat-info .sort a.sort-link:active:first-child, .category-page .search-wrapper .products .cat-info .sort a.sort-link:link:first-child, .category-page .search-wrapper .products .cat-info .sort a.sort-link:visited:first-child {
        margin-left: 10px
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .category-page .search-wrapper {
        margin-top: 20px;
        flex-direction: column
    }

    .category-page .search-wrapper .categories {
        display: flex;
        flex-wrap: wrap
    }

    .category-page .search-wrapper .categories .search-input {
        flex: 1 1 100%
    }

    .category-page .search-wrapper .categories .filter {
        flex: 1 1 45%
    }

    .category-page .search-wrapper .categories .buttons {
        flex: 1 1 100%
    }

    .category-page .search-wrapper .categories, .category-page .search-wrapper .products {
        flex: 0 0 auto;
        width: 100%;
        padding: 0
    }

    .category-page .search-wrapper .products {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .category-page main .content {
        padding-top: 20px
    }

    .category-page .search-wrapper .categories .filter .filter-content .price, .category-page .search-wrapper .categories .search-input .input-wrapper {
        margin-right: 0
    }

    .category-page .search-wrapper .products .tags {
        margin-bottom: 20px
    }

    .category-page .search-wrapper .products .cat-info .sort {
        margin-bottom: 0
    }
}

.product-page main .content {
    padding: 0 8px;
    box-sizing: border-box
}

.product-page h2 {
    font-size: 36px
}

.product-page .floating-header.show {
    position: absolute
}

.product-page .collapsing {
    padding-top: 5px
}

.product-page .company-tooltip {
    width: 150px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    position: fixed;
    pointer-events: none;
    z-index: 10
}

.product-page .company-tooltip .image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.product-page .main-info-wrapper {
    margin-top: 20px;
    margin-bottom: 20px
}

.product-page .main-info-wrapper:after {
    content: '';
    clear: both;
    display: block
}

.product-page .main-info-wrapper .gallery {
    float: left;
    width: calc(100% - 393px);
    min-height: 400px
}

.product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
    width: calc(100% - 96px) !important;
    height: 420px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

@media (max-width: 900px) {
    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
        height: 300px
    }
}

@media (max-width: 767px) {
    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
        height: 420px
    }
}

@media (max-width: 480px) {
    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
        height: 350px
    }
}

@media (max-width: 370px) {
    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
        height: 250px
    }
}

.product-page .main-info-wrapper .gallery .slick-arrow {
    background: #095d9d;
    border-radius: 50%;
    margin-top: 0
}

.product-page .main-info-wrapper .gallery .slick-arrow:before {
    transform: translate(-41%, -50%)
}

.product-page .main-info-wrapper .gallery .slick-arrow:hover:before {
    width: 16px;
    height: 24px;
    background: url(sprite.svg) -335px -146px no-repeat
}

.product-page .main-info-wrapper .gallery .slick-arrow.prev {
    left: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.product-page .main-info-wrapper .gallery .slick-arrow.next {
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.product-page .main-info-wrapper .gallery .image {
    position: relative
}

.product-page .main-info-wrapper .gallery .image .gallery-image-wrapper {
    display: none
}

.product-page .main-info-wrapper .gallery .image .gallery-image-wrapper.slick-initialized {
    display: block
}

.product-page .main-info-wrapper .gallery .image .sale {
    width: 36px;
    height: 41px;
    background: url(sprite.svg) -116px -203px no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.product-page .main-info-wrapper .gallery .image .favourite {
    width: 32px;
    height: 32px;
    text-decoration: none;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 2;
    cursor: pointer;
    outline: 0
}

.product-page .main-info-wrapper .gallery .image .favourite:after, .product-page .main-info-wrapper .gallery .image .favourite:before {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s ease;
    top: 11px;
    left: 8px;
    pointer-events: none
}

.product-page .main-info-wrapper .gallery .image .favourite:before {
    width: 16px;
    height: 12px;
    background: url(sprite.svg) -315px -34px no-repeat
}

.product-page .main-info-wrapper .gallery .image .favourite:after {
    width: 16px;
    height: 12px;
    background: url(sprite.svg) -315px -50px no-repeat;
    transform: scale(0);
    opacity: 0
}

.product-page .main-info-wrapper .gallery .image .favourite:hover:before {
    opacity: .2
}

.product-page .main-info-wrapper .gallery .image .favourite:hover:after {
    transform: scale(1);
    opacity: .5
}

.product-page .main-info-wrapper .gallery .image .favourite.active:before, .product-page .main-info-wrapper .gallery .image .img.zero-opacity {
    opacity: 0
}

.product-page .main-info-wrapper .gallery .image .favourite.active:after {
    transform: scale(1);
    opacity: 1
}

.product-page .main-info-wrapper .gallery .image .img {
    transition: transform 700ms ease-in-out;
    max-width: 100%;
    margin: 0 auto;
    max-height: 100%
}

.product-page .main-info-wrapper .gallery .slider {
    position: relative;
    height: 74px;
    margin-top: 16px;
    display: none
}

.product-page .main-info-wrapper .gallery .slider.slick-initialized, .product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector + label:hover .preview-img {
    display: block
}

.product-page .main-info-wrapper .gallery .slider .slick-list {
    margin: 0 25px
}

.product-page .main-info-wrapper .gallery .slider .arrow {
    background: #095d9d;
    border-radius: 50%;
    position: absolute;
    margin: 0;
    top: 50%;
    width: 24px;
    height: 24px
}

.product-page .main-info-wrapper .gallery .slider .arrow.next {
    right: 5px
}

.product-page .main-info-wrapper .gallery .slider .arrow.prev {
    left: 5px
}

.product-page .main-info-wrapper .gallery .slider .arrow:before {
    width: 10px;
    height: 16px;
    background: url(sprite.svg) -300px -105px no-repeat
}

.product-page .main-info-wrapper .gallery .slider .arrow:hover {
    opacity: .6
}

.product-page .main-info-wrapper .gallery .slider a.image img {
    display: block;
    max-width: 118px;
    max-height: 74px;
    width: auto;
    height: auto;
    margin: auto
}
.politika {
    width: 90%;
    position: absolute;
    font-size: 11px;
    margin: 45px 0 0 0;
    display: inherit;
}
.gbs3 .gcore-display-table {
    display: grid;
}
.politikafoms {
    font-size: 12px;
    max-width: 300px;
    color: #333;
}


button#button4 {
    outline: 0;
    font: 800 12px 'Raleway',sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 1px solid transparent;
    background: #095d9d;
}
button#button4:hover {
    border-color: #095d9d;
    color: #095d9d;
    background: #fff;
}
.bottom-row {
    text-align: center;
    padding: 10px 0 0 0;
}
div#modaldirector {
    padding-bottom: 25px;
}

.fancybox-stage form.chronoform.form-horizontal input {
    box-sizing: border-box;
    font: 14px 'Roboto',sans-serif;
    height: 40px;
    border: solid 1px #e0e0e0;
    border-radius: 8px;
    color: #4a4a4a;
    padding: 0 18px;
    resize: vertical;
    width: 100%;
    border-color: #9b9b9b;
}
textarea#textarea3 {
    box-sizing: border-box;
    font: 14px 'Roboto',sans-serif;
    height: 40px;
    border: solid 1px #e0e0e0;
    border-radius: 8px;
    color: #4a4a4a;
    padding: 0 18px;
    resize: vertical;
    width: 100%;
    border-color: #9b9b9b;
    height: 120px;
    min-height: 120px;
    max-height: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.product-page .main-info-wrapper .gallery .slider .thumb {
    position: relative;
    width: 70px;
    height: 70px;
    background: 50% 50% no-repeat;
    background-size: contain;
    margin: 0 10px
}
.seo h3 {
    margin: 20px 0 0 0;
    font-weight: 400;
}
button#button2 {
    font: 800 12px 'Raleway',sans-serif;
    text-transform: uppercase;
}
li.js-main-menu-item {
    width: 33%;
}
.pseudo-h2, h2 {
    padding: 0px 0 0;
}
.main-page .factory-slider-wrapper {
    padding-top: 50px;
}
.reason-buy.wood-block-dark {
    padding-top: 50px;
}
.pad50 {
    padding-top: 50px;
}
.js-product-slider.slider-wrap {
    margin-bottom: 50px;
}

.product-page .main-info-wrapper .title-block {
    width: 356px;
    float: right;
    margin-top: 6px
}

.product-page .main-info-wrapper .title-block .top-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px
}

.product-page .main-info-wrapper .title-block .top-info .rating {
    margin-right: 20px;
    height: 10px
}

.product-page .main-info-wrapper .title-block .top-info .review-num a {
    color: #0f9ee0;
    font: 300 14px Roboto, sans-serif
}

.product-page .main-info-wrapper .info .available .row a.notify-link:hover, .product-page .main-info-wrapper .info .available .show-similar a.show-similar-link:hover, .product-page .main-info-wrapper .title-block .top-info .review-num a:hover {
    color: #9b9b9b
}

.product-page .main-info-wrapper .title-block .top-info .article {
    flex: 1 1 auto;
    text-align: left;
    color: #9b9b9b;
    font: 300 12px Roboto, sans-serif
}

.product-page .main-info-wrapper .title-block h1 {
    padding: 0;
    margin: 0 0 17px;
    font: 700 30px Roboto, sans-serif
}

.product-page .main-info-wrapper .info {
    width: 356px;
    float: right
}

.product-page .main-info-wrapper .info .price {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.product-page .main-info-wrapper .info .price .new {
    font: 500 36px Roboto, sans-serif;
    color: #0f9ee0
}

.product-page .main-info-wrapper .info .price .old {
    margin-left: 12px;
    text-decoration: line-through;
    font: 500 16px Roboto, sans-serif;
    vertical-align: top;
    margin-top: 6px;
    display: inline-block
}

.product-page .main-info-wrapper .info .price .numbers {
    flex: 0 0 auto;
    margin-right: 34px
}

.product-page .main-info-wrapper .info .price a.share {
    flex: 0 0 auto;
    font: 500 14px Roboto, sans-serif;
    text-decoration: none;
    color: #0f9ee0;
    display: inline-block;
    margin-top: 14px
}

.product-page .main-info-wrapper .info .price a.share:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 18px;
    background: url(sprite.svg) -357px -270px no-repeat;
    margin: -3px 14px 0 0
}

.product-page .main-info-wrapper .info .price a.share:hover {
    color: #000
}

.product-page .main-info-wrapper .info .price a.share:hover:before {
    width: 16px;
    height: 18px;
    background: url(sprite.svg) -357px -248px no-repeat
}

.product-page .main-info-wrapper .info .price .eco {
    color: #095d9d;
    font: 12px Roboto, sans-serif
}

.product-page .main-info-wrapper .info .discount-for-order {
    display: inline-block;
    border: 1px solid #0f9ee0;
    padding: 2px 4px;
    margin: 14px 0;
    font: 14px Roboto, sans-serif;
    color: #0f9ee0
}

.product-page .main-info-wrapper .info .available {
    color: #4a4a4a;
    font: 14px Roboto, sans-serif
}

.product-page .main-info-wrapper .info .available .row {
    margin-bottom: 14px
}

.product-page .main-info-wrapper .info .available .row a.notify-link {
    display: inline-block;
    color: #0f9ee0;
    text-decoration: none;
    margin-left: 5px
}

.product-page .main-info-wrapper .info .available .row a.notify-link:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 21px;
    background: url(sprite.svg) -280px -305px no-repeat;
    vertical-align: middle;
    margin-right: 8px
}

.product-page .main-info-wrapper .info .available .shipment {
    display: flex;
    align-items: center
}

.product-page .main-info-wrapper .info .available .shipment .icon {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 20px;
    background: url(sprite.svg) -189px -159px no-repeat;
    margin-right: 10px;
    flex: 0 0 auto
}

.product-page .main-info-wrapper .info .available .show-similar {
    font-size: 16px
}

.product-page .main-info-wrapper .info .available .show-similar a.show-similar-link, .product-page .main-info-wrapper .info .description a:active, .product-page .main-info-wrapper .info .description a:link, .product-page .main-info-wrapper .info .description a:visited {
    text-decoration: none;
    color: #0f9ee0
}

.product-page .main-info-wrapper .info .options {
    margin-top: 30px
}

.product-page .main-info-wrapper .info .options .select-wrapper {
    margin-bottom: 20px
}

.product-page .main-info-wrapper .info .options label {
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin: 0 0 5px 3px;
    display: block
}

.product-page .main-info-wrapper .info .options.single .single-value {
    color: #000;
    font: 14px Roboto, sans-serif
}

.product-page .main-info-wrapper .info .options .pic-selector-container {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    position: relative;
    flex-wrap: wrap;
    z-index: 2
}

.product-page .main-info-wrapper .info .options .pic-selector-container .preview-img {
    width: 260px;
    height: 210px;
    background: 50% 50%/cover no-repeat;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 100%;
    display: none
}

.product-page .main-info-wrapper .info .options .pic-selector-container .preview-img .name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    height: 50px;
    background: #0f9ee0;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    color: #fff
}

@media (max-width: 767px) {
    .product-page .main-info-wrapper .info .options .pic-selector-container .preview-img {
        right: 50%;
        transform: translateX(50%);
        top: auto;
        bottom: calc(100% + 60px);
        z-index: 2
    }
}

.product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector {
    display: none
}

.product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector + label {
    border: 1px solid transparent;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px
}

.product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector:disabled + label {
    cursor: default
}

.product-page .main-info-wrapper .info .options .pic-selector-container .pic-selector:disabled + label .picture {
    opacity: .3
}

.product-page .main-info-wrapper .info .options .pic-selector-container .picture {
    display: block;
    width: 40px;
    height: 40px;
    background: 50% 50%/cover no-repeat;
    border-radius: 3px
}

.product-page .main-info-wrapper .info .add-to-cart-block {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.product-page .main-info-wrapper .info .add-to-cart-block .white-btn {
    margin-left: 20px
}

.product-page .main-info-wrapper .info .description {
    margin-top: 37px;
    font: 14px Roboto, sans-serif;
    color: #4a4a4a;
    line-height: 1.57
}

.product-page .main-info-wrapper .info .description a:hover {
    color: #9b9b9b
}

.product-page .main-info-wrapper .info .description .row {
    margin-bottom: 18px
}

.product-page .product-floating-header {
    transition: top .3s ease;
    background: #f8f8f8;
    position: fixed;
    top: -50%;
    left: 0;
    width: 100%;
    z-index: 100
}

.product-page .product-floating-header .floating-add-to-cart {
    min-height: 106px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.product-page .product-floating-header .floating-add-to-cart .preview {
    display: block;
    max-width: 120px;
    max-height: 75px;
    width: auto;
    height: auto;
    flex: 0 0 auto
}

.product-page .product-floating-header .floating-add-to-cart .fav {
    flex: 1 1 auto;
    margin-left: 40px
}

.product-page .product-floating-header .floating-add-to-cart a.fav-link {
    font: 14px Roboto, sans-serif;
    color: #0f9ee0;
    margin-top: 10px;
    display: block
}

.product-page .product-floating-header .floating-add-to-cart a.fav-link.mobile {
    display: none
}

.product-page .product-floating-header .floating-add-to-cart a.fav-link:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(sprite.svg) -335px -261px no-repeat;
    margin-right: 13px;
    vertical-align: baseline
}

.product-page .product-floating-header .floating-add-to-cart .fav .title {
    color: #000;
    font: 700 18px Roboto, sans-serif
}

.product-page .product-floating-header .floating-add-to-cart .price {
    margin: 0 75px 0 0;
    font: 14px Roboto, sans-serif;
    color: #000;
    flex: 0 0 auto
}

.product-page .product-floating-header .floating-add-to-cart .price .new {
    font: 500 36px Roboto, sans-serif
}

.product-page .product-floating-header .floating-add-to-cart .price .old {
    text-decoration: line-through;
    font: 500 16px Roboto, sans-serif;
    vertical-align: top;
    margin-left: 10px;
    padding-top: 6px;
    display: inline-block
}

.product-page .product-floating-header .floating-add-to-cart .price .eco {
    color: #095d9d;
    font-weight: 300
}

.product-page .product-floating-header .floating-add-to-cart .add {
    flex: 0 0 auto;
    height: 40px
}

.product-page .product-floating-header .floating-add-to-cart .add .cart-btn {
    margin: 0
}

.product-page .product-floating-header .floating-nav-bar-wrapper {
    background: #095d9d;
    position: relative
}

.product-page .product-floating-header .floating-nav-bar-wrapper .floating-nav-bar-progress {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffb400;
    height: 100%;
    z-index: 10;
    transition: width .3s
}

.product-page .product-floating-header .floating-nav-bar-wrapper .floating-nav-bar {
    min-height: 50px;
    display: flex;
    flex-wrap: wrap;
    font: 18px Roboto, sans-serif;
    z-index: 20;
    position: relative;
    justify-content: space-between
}

.product-page .product-floating-header .floating-nav-bar-wrapper .floating-nav-bar a.nav-link {
    text-decoration: none;
    color: #fff;
    display: block;
    flex: 1;
    line-height: 50px;
    text-align: center
}

.product-page .product-floating-header .floating-nav-bar-wrapper .floating-nav-bar a.nav-link:hover {
    color: #f3f3f3
}

.product-page .pack-block {
    padding-bottom: 15px
}

.product-page .pack-block h3 {
    margin-bottom: 0
}

.product-page .pack-block .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.product-page .pack-block .products .product-card {
    transition: border-color .3s ease;
    margin-bottom: 30px;
    border: 1px solid transparent
}

.product-page .pack-block .products .product-card.hidden {
    display: none
}

.product-page .pack-block .products .product-card.bordered, .product-page .pack-block .products .product-card:hover {
    border-color: #0f9ee0
}

.product-page .pack-block .products .product-card .name {
    margin-top: 16px;
    padding-bottom: 7px;
    height: auto;
    overflow: hidden
}

.product-page .pack-block .products .product-card .props {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 9px
}

.product-page .pack-block .products .product-card .detail-link {
    right: -10px
}

.product-page .pack-block .products .product-card .quantity {
    margin-top: 13px
}

.product-page .pack-block .products .product-card .quantity a.quantity-button {
    color: #b0e2a1
}

.product-page .pack-block .products .product-card .quantity a.quantity-button:after, .product-page .pack-block .products .product-card .quantity a.quantity-button:before {
    border-color: #b0e2a1 !important
}

.product-page .pack-block .products .product-card .quantity a.quantity-button:hover {
    color: #fff
}

.product-page .pack-block .products .product-card .quantity a.quantity-button:hover:after, .product-page .pack-block .products .product-card .quantity a.quantity-button:hover:before {
    border-color: #fff !important
}

.product-page .pack-block .products .product-card input.checkbox-input + label {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    left: -7px;
    top: 0
}

.product-page .pack-block .products .plus {
    display: flex;
    align-items: center;
    margin: 0 10px 30px
}

.product-page .pack-block .products .plus:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.product-page .pack-block .products .plus.hidden {
    display: none !important
}

.product-page .pack-block .products .plus:last-child {
    display: none !important
}

.product-page .pack-block .products.kit .plus:before {
    width: 20px;
    height: 20px;
    background: url(sprite.svg) -357px -91px no-repeat
}

@media (min-width: 600px) {
    .product-page .pack-block .products .plus:nth-child(4n) {
        display: none
    }
}

@media (min-width: 880px) {
    .product-page .pack-block .products .plus:nth-child(4n) {
        display: flex
    }

    .product-page .pack-block .products .plus:nth-child(6n) {
        display: none
    }
}

@media (min-width: 1150px) {
    .product-page .pack-block .products .plus:nth-child(4n), .product-page .pack-block .products .plus:nth-child(6n) {
        display: flex
    }

    .product-page .pack-block .products .plus:nth-child(8n) {
        display: none
    }
}

@media (max-width: 1150px) {
    .product-page .pack-block .products {
        max-width: 1090px
    }
}

@media (max-width: 880px) {
    .product-page .pack-block .products {
        max-width: 800px
    }
}

.product-page .pack-block .products .equals {
    display: flex;
    align-items: center;
    margin: 0 7px 30px
}

.product-page .pack-block .products .equals:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 12px;
    background: url(sprite.svg) -229px -253px no-repeat
}

.product-page .pack-block .products .price-card {
    width: 257px;
    height: 419px;
    text-align: center;
    font: 500 18px Roboto, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 58px;
    box-sizing: border-box
}

.product-page .pack-block .products .price-card .old-price, .product-page .pack-block .products .show-more a.show-link:hover {
    color: #9b9b9b
}

.product-page .pack-block .products .price-card .old-price .number {
    margin-top: 4px;
    font-size: 24px;
    text-decoration: line-through
}

.product-page .pack-block .products .price-card .new-price {
    color: #000;
    margin-top: 16px
}

.product-page .pack-block .products .price-card .new-price .number {
    margin-top: 4px;
    font-size: 24px
}

.product-page .pack-block .products .price-card .profit {
    color: #095d9d;
    margin-top: 16px
}

.product-page .pack-block .products .price-card .btn {
    margin: 36px 0 0
}

.product-page .pack-block .products .show-more {
    width: 257px;
    height: 419px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    transition: transform 200ms ease, background-color 200ms linear, box-shadow 200ms linear;
    background-color: #f8f8f8
}

.product-page .pack-block .products .show-more:hover {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(105, 182, 72, .1);
    transform: scale(1.02)
}

.product-page .pack-block .products .show-more a.show-link {
    color: #0f9ee0;
    text-decoration: none;
    font: 500 24px Roboto, sans-serif;
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 100% 40px
}

.product-page .pack-block .products .show-more .show-plus {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    top: calc(50% + 110px);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.product-page .pack-block .products .show-more .show-plus:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    border-bottom: 2px solid #0f9ee0
}

.product-page .pack-block .products .show-more .show-plus:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    border-right: 2px solid #0f9ee0
}

.product-page .pack-block.pack-select h3 {
    margin-bottom: 10px
}

.product-page .pack-block.pack-select .products .product-card .quantity {
    margin-top: 3px
}

.product-page .pack-block .total-price {
    padding: 35px 0 60px;
    color: #000;
    font: 500 24px Roboto, sans-serif;
    text-align: center
}

.order-page .order-container .cbx-container > label, .product-page .pack-block .total-price .text {
    display: inline-block
}

.product-page .pack-block .total-price .cart-btn {
    vertical-align: middle;
    margin: 0 0 0 30px
}

.product-page .faq-wrapper-block .block-content {
    margin-top: 55px
}

.product-page .faq-wrapper-block a.collapsing-link {
    margin-left: 7px
}

.product-page .review-wrapper-block .block-content {
    margin-top: 78px
}

.product-page .info-block {
    display: flex;
    border-top: solid 2px #e2e2e2;
    padding: 50px 0 80px;
    line-height: 1.25
}

.product-page .info-block .title {
    width: 253px;
    padding-right: 39px;
    font: 800 24px Raleway, sans-serif;
    line-height: 1.25;
    flex: 0 0 auto
}

.product-page .info-block .title .ask, .product-page .info-block .title .average-rating {
    border-radius: 8px;
    font: 14px Roboto, sans-serif;
    color: #9b9b9b;
    line-height: 1.71;
    margin-top: 30px
}

.product-page .info-block .title .ask {
    background: #f0ffe8;
    padding: 30px
}

.product-page .info-block .title .ask .btn-block {
    text-align: center;
    margin-top: 20px
}

.product-page .info-block .title .ask .btn-block .btn, .product-page .info-block .title .average-rating .btn-block .btn {
    text-align: center;
    width: 160px
}

.product-page .info-block .title .average-rating {
    background: #fff;
    padding: 26px 30px;
    text-align: center;
    border: 1px solid #0f9ee0
}

.product-page .info-block .title .average-rating .number {
    margin-bottom: 2px;
    color: #0f9ee0;
    font: 700 60px Roboto, sans-serif
}

.product-page .info-block .title .average-rating .rating {
    margin-bottom: 22px;
    justify-content: center;
    width: 100%
}

.product-page .info-block .title .average-rating .rating img {
    width: 20px;
    height: 20px;
    margin: 0 3px
}

.product-page .info-block .title .average-rating .btn-block {
    text-align: center;
    margin-top: 20px
}

.product-page .info-block .block-content {
    flex: 1 1 auto
}

.product-page .info-block .block-content a.collapsing-link {
    margin-top: 36px;
    display: block;
    font: 500 14px Roboto, sans-serif;
    color: #0f9ee0
}

.product-page .info-block .block-content ul.bulleted-list li {
    padding-top: 0;
    margin-bottom: 15px
}

.product-page .info-block .block-content ul.bulleted-list li:before {
    top: -11px
}

.product-page .info-block .block-content .table .row {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 15px;
    font: 300 14px Roboto, sans-serif
}

.product-page .info-block .block-content .table .row .row-header {
    font-weight: 400;
    width: 40%;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 2.25
}

.product-page .info-block .block-content .table .row .row-text {
    width: 60%;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 2.25
}

.product-page .info-block .block-content .table .row:nth-child(even) {
    background: #f0f7ec
}

.product-page .info-block .block-content .table .row:hover {
    background: #d5e8c9
}

.product-page .info-block .block-content .info-subblock {
    color: #4a4a4a;
    font: 300 16px Roboto, sans-serif
}

.product-page .info-block .block-content .info-subblock .subblock-title {
    font-weight: 500;
    margin-bottom: 22px
}

.product-page .info-block .block-content .info-subblock .subblock-text {
    margin-bottom: 22px
}

.product-page .info-block .block-content .info-subblock .subblock-text .paragraph {
    margin-bottom: 6px
}

.product-page .info-block .block-content a.collapsing-link:hover {
    color: #9b9b9b
}

.product-page .info-block .block-content .faq-block {
    margin: 0 8px 40px
}

.product-page .info-block .block-content .faq-block:last-child {
    margin-bottom: 10px
}

.product-page .info-block .block-content .faq-block .faq-info {
    color: #9b9b9b;
    font: 18px Roboto, sans-serif;
    margin-bottom: 24px
}

.product-page .info-block .block-content .faq-block .faq-info .name {
    margin-right: 16px
}

.product-page .info-block .block-content .faq-block .faq-info .date {
    border-radius: 8px;
    border: 1px solid #0f9ee0;
    padding: 3px 7px;
    color: #0f9ee0;
    font-size: 14px;
    white-space: nowrap
}

.product-page .info-block .block-content .faq-block .faq-text {
    color: #000;
    font: 500 16px Roboto, sans-serif;
    margin-bottom: 26px
}

.product-page .info-block .block-content .faq-block .faq-answer {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    display: flex
}

.product-page .info-block .block-content .faq-block .faq-answer .photo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 20px;
    flex: 0 0 auto
}

.product-page .info-block .block-content .faq-block .faq-answer .faq-content {
    flex: 1 1 auto;
    margin-top: 12px;
    width: 0
}

.product-page .info-block .block-content .faq-block .faq-answer .faq-content .name {
    color: #000;
    font: 500 12px Roboto, sans-serif;
    margin-bottom: 8px
}

.product-page .info-block .block-content .faq-block .faq-answer .faq-content .answer {
    color: #4a4a4a;
    font: 300 14px Roboto, sans-serif
}

.product-page .info-block .block-content .review-block {
    margin-bottom: 47px
}

.product-page .info-block .block-content .review-block:last-child {
    margin-bottom: 0
}

.product-page .info-block .block-content .review-block .review-info {
    color: #9b9b9b;
    font: 18px Roboto, sans-serif;
    margin-bottom: 24px;
    margin-top: 1px;
    display: flex;
    justify-content: space-between
}

.product-page .info-block .block-content .review-block .review-info .date {
    border-radius: 8px;
    border: 1px solid #0f9ee0;
    padding: 4px 7px;
    margin-left: 18px;
    color: #0f9ee0;
    font-size: 14px
}

.product-page .info-block .block-content .review-block .review-info .rating {
    display: inline-block;
    margin-right: 63px
}

.product-page .info-block .block-content .review-block .review-info .rate {
    border-radius: 8px;
    display: inline-block;
    padding: 4px 7px;
    text-decoration: none;
    font: 14px Roboto, sans-serif;
    border: 1px solid #0f9ee0;
    color: #0f9ee0
}

.product-page .info-block .block-content .review-block .review-info .rate:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    background: url(sprite.svg) -217px -276px no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block
}

.product-page .info-block .block-content .review-block .review-info .rate:hover {
    color: #9b9b9b
}

.product-page .info-block .block-content .review-block .review-info .rate.rate-up {
    margin-right: 7px
}

.product-page .info-block .block-content .review-block .review-info .rate.rate-down {
    border: 1px solid #9b9b9b;
    color: #9b9b9b
}

.product-page .info-block .block-content .review-block .review-info .rate.rate-down:before {
    width: 14px;
    height: 14px;
    background: url(sprite.svg) -235px -276px no-repeat
}

.product-page .info-block .block-content .review-block .review-info .rate.rate-down:hover {
    color: #0f9ee0
}

.product-page .info-block .block-content .review-block .review-text {
    color: #4a4a4a;
    font: 300 16px Roboto, sans-serif;
    line-height: 1.25;
    margin-bottom: 20px
}

.product-page .info-block.guarantee .block-content .info-subblock .subblock-text:last-child {
    margin-bottom: 0
}

.product-page .also-buy-block {
    padding-bottom: 80px
}

.product-page .also-buy-block h3 {
    padding-top: 15px
}

.order-page h1, .product-page .similar-block, .user-profile-my-profile-page h1, .user-profile-order-basket-page h1, .user-profile-order-choose-page h1, .user-profile-order-history-page h1, .user-profile-order-info-page h1, .user-profile-price-settings-page h1, .user-profile-settings-page h1 {
    padding-bottom: 30px
}

.product-page .similar-block h2 {
    padding-top: 0
}

.product-page .history-block {
    padding-bottom: 30px !important
}

.product-page .history-block .product-slider {
    margin-top: 50px
}

.product-page .history-block .history-card-wrapper {
    display: flex;
    justify-content: space-around
}

.product-page .history-block .product-card {
    min-width: unset !important;
    width: 154px !important;
    margin: 0 20px !important
}

.product-page .history-block .product-card .detail-link {
    bottom: 0
}

.product-page .history-block .product-card .image {
    height: 130px
}

.product-page .history-block .product-card .name {
    height: 50px;
    font-size: 14px;
    padding: 10px 0 0
}

.product-page .gray-bg {
    background: #f8f8f8
}

@media (max-height: 600px) {
    .product-page .product-floating-header .floating-add-to-cart .preview, .product-page .product-floating-header .floating-nav-bar-wrapper {
        display: none
    }

    .product-page .product-floating-header .floating-add-to-cart {
        min-height: 60px;
        padding-top: 10px;
        padding-bottom: 12px
    }

    .product-page .product-floating-header .floating-add-to-cart .price {
        margin-top: 0
    }

    .product-page .product-floating-header .floating-add-to-cart .fav {
        margin: 0;
        flex: 1 1 auto
    }

    .product-page .product-floating-header .floating-add-to-cart .add {
        margin: 0;
        width: 160px;
        flex: 0 0 auto
    }
}

@media (min-width: 1150px) {
    .product-page main .content {
        padding: 0
    }
}

@media (max-width: 1024px) {
    .product-page .floating-nav-bar-wrapper, .product-page .product-floating-header .floating-add-to-cart .preview {
        display: none
    }

    .product-page .product-floating-header .floating-add-to-cart {
        min-height: 0;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .product-page .product-floating-header .floating-add-to-cart .fav {
        margin: 0
    }

    .product-page .product-floating-header .floating-add-to-cart .add, .product-page .product-floating-header .floating-add-to-cart .fav, .product-page .product-floating-header .floating-add-to-cart .price {
        margin-top: 0
    }

    .product-page .product-floating-header .floating-add-to-cart .price {
        margin-right: 20px
    }

    .product-page .info-block .block-content .review-block .review-info {
        flex-wrap: wrap
    }

    .product-page .info-block .block-content .review-block .review-info .author .name {
        display: block;
        margin-bottom: 10px
    }

    .product-page .info-block .block-content .review-block .review-info .author .date {
        margin: 0
    }

    .product-page .info-block .block-content .review-block .review-info .author, .product-page .info-block .block-content .review-block .review-info .review-rating {
        width: 100%;
        flex: 0 1 100%
    }

    .product-page .info-block .block-content .review-block .review-info .review-rating {
        margin-top: 10px
    }

    .product-page .pack-block .products {
        justify-content: space-evenly
    }

    .product-page .pack-block .products .product-card input.checkbox-input + label {
        left: 0
    }
}

@media (min-width: 767px) {
    .product-page .floating-header.show {
        display: none
    }
}

@media (max-width: 850px) {
    .product-page .product-floating-header .floating-add-to-cart {
        justify-content: space-between
    }

    .product-page .product-floating-header .floating-add-to-cart .add {
        margin: 10px 0 0;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .product-page .product-floating-header .floating-add-to-cart .fav .title, .product-page .product-floating-header .floating-add-to-cart a.fav-link {
        display: none
    }

    .product-page .product-floating-header .floating-add-to-cart a.fav-link.mobile {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 8px;
        order: 2
    }

    .product-page .product-floating-header .floating-add-to-cart a.fav-link.mobile:before {
        width: 36px;
        height: 28px;
        background: url(sprite.svg) -243px -203px no-repeat;
        margin-right: 0
    }

    .product-page .product-floating-header .floating-add-to-cart .fav {
        flex: 0 1 auto;
        display: none
    }

    .product-page .product-floating-header .floating-add-to-cart .price {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-arrow {
        display: none !important
    }

    .product-page .main-info-wrapper .gallery .gallery-image-wrapper .slick-slide div:first-child a {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .product-page main .content {
        padding-top: 20px
    }

    .product-page .faq-wrapper-block .block-content, .product-page .main-info-wrapper, .product-page .review-wrapper-block .block-content {
        margin-top: 10px
    }

    .product-page .main-info-wrapper .title-block {
        width: 100%
    }

    .product-page .main-info-wrapper .title-block .top-info {
        margin-bottom: 10px
    }

    .product-page .main-info-wrapper .gallery, .product-page .main-info-wrapper .info {
        width: 100%;
        min-height: 0
    }

    .product-page .main-info-wrapper .info {
        margin: 20px 0 0
    }

    .product-page .main-info-wrapper .info .add-to-cart-block {
        justify-content: flex-start
    }

    .product-page .main-info-wrapper .info .add-to-cart-block .quantity {
        margin-right: 5px;
        margin-bottom: 10px
    }

    .product-page .main-info-wrapper .info .add-to-cart-block .cart-btn {
        margin: 0 5px 15px
    }

    .product-page .main-info-wrapper .info .add-to-cart-block .white-btn {
        margin: 0 5px
    }

    .product-page .pack-block .total-price {
        padding: 45px 0 35px
    }

    .product-page .pack-block .total-price .text {
        display: block
    }

    .product-page .pack-block .total-price .cart-btn {
        vertical-align: middle;
        margin: 15px 0 0
    }

    .product-page .info-block {
        flex-wrap: wrap
    }

    .product-page .info-block .title {
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
        flex: 1 1 auto
    }

    .product-page .also-buy-block {
        padding-bottom: 50px
    }
}

@media (max-width: 600px) {
    .product-page .pack-block .products {
        flex-direction: column;
        align-items: center
    }

    .product-page .pack-block .products .product-card {
        margin-bottom: 0
    }

    .product-page .pack-block .products .equals, .product-page .pack-block .products .plus {
        margin: 17px 0
    }

    .product-page .pack-block .products .price-card {
        width: 100%;
        height: auto;
        padding-bottom: 30px
    }

    .product-page .pack-block .products .show-more {
        height: 257px;
        margin-bottom: 0
    }

    .product-page .pack-block .products .show-more a.show-link {
        top: 40%
    }

    .product-page .pack-block .products .show-more .show-plus {
        top: calc(50% + 70px)
    }

    .product-page .info-block {
        padding: 20px 0 40px
    }

    .product-page .info-block .block-content .table .row .row-header, .product-page .info-block .block-content .table .row .row-text {
        width: 100%;
        flex: 0 1 100%
    }

    .product-page .info-block .block-content .faq-block .faq-answer {
        flex-wrap: wrap;
        justify-content: space-around
    }

    .product-page .info-block .block-content .faq-block .faq-answer .photo {
        width: 30%;
        height: 30%;
        margin-right: 0;
        flex: 0 1 30%
    }

    .product-page .info-block .block-content .faq-block .faq-answer .faq-content {
        width: 100%;
        flex: 0 1 100%;
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    .product-page .product-floating-header .floating-add-to-cart .price {
        margin: 0
    }

    .product-page .product-floating-header .floating-add-to-cart .price .new {
        font-size: 26px
    }

    .product-page .product-floating-header .floating-add-to-cart .price .old {
        display: none
    }

    .product-page .product-floating-header .floating-add-to-cart .price .eco {
        font-size: 13px
    }

    .product-page .product-floating-header .floating-add-to-cart .add .fav-link {
        margin-right: 7px
    }

    .product-page .product-floating-header .floating-add-to-cart .add .cart-btn {
        width: 37px;
        text-indent: -9999px;
        padding-left: 38px
    }

    .product-page .product-floating-header .floating-add-to-cart .add .cart-btn:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .product-page .main-info-wrapper .info .price a.share {
        width: 100%;
        margin: 10px 0 0
    }

    .product-page .main-info-wrapper .info .available .row a.notify-link {
        display: block;
        margin: 6px 0 0
    }

    .product-page .main-info-wrapper .info .add-to-cart-block {
        justify-content: center
    }
}

.partners-page .breadcrumbs {
    margin-top: 28px;
    z-index: 2;
    position: relative
}

.partners-page .breadcrumbs a .back, .partners-page .breadcrumbs a.active, .partners-page .breadcrumbs a.back {
    color: #fff !important
}

.partners-page .breadcrumbs a.back:after {
    width: 5px;
    height: 6px;
    background: url(sprite.svg) -216px -109px no-repeat
}

.partners-page .breadcrumbs a.back:hover {
    color: #095d9d !important
}

.partners-page .left-animation-init {
    transform: translateX(-600px);
    opacity: 0
}

.partners-page .right-animation-init {
    transform: translateX(600px);
    opacity: 0
}

.partners-page .top-animation-init {
    transform: translateY(200px);
    opacity: 0
}

.partners-page .animation-trans {
    transition: none 1000ms ease;
    transition-property: transform, opacity
}

.partners-page .become-partner-block {
    position: relative;
    height: 510px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.partners-page .become-partner-block .text-wrapper {
    max-width: 440px;
    margin-top: 68px
}

.partners-page .become-partner-block .text-wrapper h1, .partners-page .become-partner-block .text-wrapper h3 {
    color: #fff;
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.partners-page .become-partner-block .text-wrapper h1 {
    font-size: 36px;
    padding-bottom: 4px
}

.partners-page .become-partner-block .text-wrapper h3 {
    font-size: 20px
}

.partners-page .profits-block {
    background: #0f9ee0
}

.partners-page .profits-block .circle {
    width: 240px;
    height: 240px;
    background-color: #095d9d;
    border-radius: 50%;
    margin: -120px auto 0;
    position: relative
}

.partners-page .profits-block .circle .logo {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%)
}

.partners-page .profits-block .profits-wrapper {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
    padding-bottom: 100px
}

.partners-page .profits-block .profits-wrapper .row {
    display: flex;
    margin-top: 41px
}

.manufacture-detail-page .search-wrapper .categories .cat-list > li:first-child, .partners-page .profits-block .profits-wrapper .row:first-child {
    margin-top: 0
}

.partners-page .profits-block .profits-wrapper .row .profit {
    display: flex;
    flex: 1 1 30%;
    margin-right: 35px
}

.partners-page .profits-block .profits-wrapper .row .profit:last-child {
    margin-right: 0
}

.partners-page .profits-block .profits-wrapper .row .profit .icon {
    width: 35px;
    height: 35px;
    margin-right: 23px;
    flex: 0 0 auto
}

.partners-page .info-block .text-wrapper p, .partners-page .profits-block .profits-wrapper .row .profit .text {
    color: #fff;
    font: 300 16px Roboto, sans-serif;
    line-height: 1.38
}

.partners-page .profits-block .profits-wrapper .row .profit .text b {
    display: block;
    font-size: 18px
}

.partners-page .description-block {
    background: #fff;
    color: #000;
    padding: 93px 0 112px
}

.partners-page .description-block h2 {
    font: 800 36px Raleway, sans-serif;
    width: 850px;
    text-align: center;
    margin: 0 auto;
    padding-top: 0
}

.partners-page .description-block h3 {
    line-height: 1.5 !important;
    font: 300 20px Roboto, sans-serif;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 700px;
    color: #000
}

.partners-page .info-block, .partners-page .main-review-block {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.partners-page .info-block .content {
    position: relative;
    padding-top: 106px;
    padding-bottom: 144px
}

.partners-page .info-block .text-wrapper {
    width: 550px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.partners-page .info-block .text-wrapper h2 {
    font: 800 31px Raleway, sans-serif;
    padding: 0 0 12px;
    margin: 0;
    text-align: left;
    width: 100%
}

.partners-page .info-block .text-wrapper p {
    margin: 24px 0 0;
    color: #4a4a4a
}

.partners-page .info-block .circle {
    width: 320px;
    height: 320px;
    transition: margin 300ms ease-out;
    -ms-transition-property: none !important;
    border-radius: 50%;
    background: #0f9ee0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.partners-page .info-block .circle.animation-trans {
    transition: none 1000ms ease;
    transition-property: transform, opacity
}

.partners-page .info-block .circle.left-animation-init {
    transform: translateX(-600px);
    opacity: 0
}

.partners-page .info-block .circle.right-animation-init {
    transform: translateX(600px);
    opacity: 0
}

.partners-page .info-block .circle .pic-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.partners-page .info-block .circle .pic {
    transition: margin 300ms ease-out;
    -ms-transition-property: none !important;
    position: relative
}

.partners-page .info-block .circle .pic.animation-trans {
    transition: none 2000ms ease;
    transition-property: transform, opacity
}

.partners-page .info-block:nth-child(odd) {
    background: #f6f6f6
}

.partners-page .info-block:nth-child(even) .text-wrapper {
    margin-left: auto
}

.partners-page .info-block:nth-child(even) .circle {
    background: #095d9d;
    left: 0
}

.partners-page .main-review-block .review-item .product {
    top: 35px
}

.partners-page .main-review-block .slider-caption .caption:after {
    right: 43px
}

.partners-page .main-review-block .arrow-wrapper .curr-slide-wrapper {
    position: absolute;
    left: 72px;
    top: 3px;
    font: 500 20px Roboto, sans-serif;
    color: #fff
}

.partners-page .main-review-block .arrow-wrapper .arrow.next {
    left: 112px
}

@media (max-width: 1175px) {
    .partners-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }

    .partners-page .info-block .circle {
        right: 20px
    }

    .partners-page .info-block:nth-child(even) .circle {
        left: 20px
    }
}

@media (max-width: 1024px) {
    .partners-page .become-partner-block {
        height: 380px
    }

    .partners-page .profits-block .circle {
        width: 180px;
        height: 180px;
        margin-top: -90px
    }

    .partners-page .profits-block .circle .logo {
        width: 350px;
        height: auto
    }

    .partners-page .profits-block .profits-wrapper {
        margin-top: 15px;
        padding-bottom: 30px
    }

    .partners-page .profits-block .profits-wrapper .row {
        margin-top: 0;
        flex-wrap: wrap
    }

    .partners-page .profits-block .profits-wrapper .row .profit {
        margin-right: 30px;
        flex-basis: 100%;
        margin-top: 10px
    }

    .partners-page .description-block h2, .partners-page .description-block h3 {
        width: auto
    }

    .partners-page .info-block .content {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .partners-page .info-block .text-wrapper {
        height: auto;
        width: calc(100% - 330px)
    }

    .partners-page .info-block .circle {
        right: 8px;
        transform: translateY(-50%) scale(.7)
    }

    .partners-page .info-block:nth-child(even) .circle {
        left: 0
    }
}

@media (max-width: 767px) {
    .partners-page .profits-block .circle {
        width: 120px;
        height: 120px;
        margin-top: -60px
    }

    .partners-page .profits-block .circle .logo {
        width: 218px;
        height: auto
    }

    .partners-page .description-block {
        padding: 43px 0 62px
    }

    .partners-page .description-block h2 {
        font-size: 24px
    }

    .partners-page .description-block h3 {
        font-size: 19px
    }

    .partners-page .info-block .text-wrapper {
        width: 100%
    }

    .partners-page .info-block .text-wrapper h2 {
        font-size: 24px;
        text-align: center
    }

    .partners-page .info-block .circle {
        width: 192px;
        height: 192px;
        transform: none;
        margin: 0 auto 40px;
        position: relative
    }

    .partners-page .info-block .circle .pic {
        transform: scale(.6)
    }

    .partners-page .main-review-block .slider-caption .caption:after {
        left: 180px
    }
}

@media (max-width: 480px) {
    .partners-page .become-partner-block {
        height: auto;
        padding-bottom: 70px
    }

    .partners-page .become-partner-block .text-wrapper {
        margin-top: 0
    }
}

.warranty-page .seo a:active, .warranty-page .seo a:link, .warranty-page .seo a:visited, .warranty-page .warranty-info-wrapper a:active, .warranty-page .warranty-info-wrapper a:link, .warranty-page .warranty-info-wrapper a:visited {
    color: #0f9ee0;
    text-decoration: none
}

.warranty-page .seo a:hover, .warranty-page .warranty-info-wrapper a:hover {
    color: #9b9b9b
}

.warranty-page .seo {
    display: flex;
    margin-top: 20px;
    flex-grow: 1;
    padding-right: 50px;
    padding-bottom: 80px
}

.user-profile-settings-page .title-wrapper h4, .warranty-page .seo h1, .warranty-page .warranty-info-wrapper .call-block .pseudo-h4, .warranty-page .warranty-info-wrapper .call-block h4 {
    padding: 0
}

.warranty-page .seo h3 {
    text-align: left;
    color: #000;
    font: 20px Roboto, sans-serif;
    padding: 18px 0 1px;
    margin: 0
}

.warranty-page .seo ul {
    counter-reset: listitem;
    padding: 5px 0 0;
    list-style: none;
    margin: 0;
    font-size: 16px
}

.warranty-page .seo ul li {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    line-height: 1.38;
    position: relative;
    margin: 0;
    padding: 13px 0 0 27px
}

.warranty-page .seo ul li:before {
    font: 500 16px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0;
    content: "•";
    font-size: 30px;
    top: 3px;
    color: #095d9d
}

.warranty-page .warranty-info-wrapper {
    flex: 0 0 auto;
    width: 260px;
    float: right
}

.warranty-page .warranty-info-wrapper .call-block-wrapper {
    margin-bottom: 42px;
    position: relative;
    z-index: 2
}

.warranty-page .warranty-info-wrapper .call-block {
    background: #f0f7ec;
    border-radius: 8px;
    padding: 32px 39px;
    font: 300 14px Roboto, sans-serif;
    z-index: 2;
    margin-bottom: 30px
}

.warranty-page .warranty-info-wrapper .call-block .phone {
    line-height: 1.38;
    margin-top: 21px
}

.warranty-page .warranty-info-wrapper .call-block .phone b {
    color: #000;
    font-size: 16px;
    transition: color .3s
}

.warranty-page .warranty-info-wrapper .call-block .phone a:hover b {
    color: #868686
}

.warranty-page .warranty-info-wrapper .call-block a.email-link {
    margin-top: 12px;
    display: block
}

.warranty-page .warranty-info-wrapper .file {
    margin-left: 40px;
    margin-bottom: 18px
}

.warranty-page .tetris-block .form-not-filled h3 {
    padding-bottom: 35px
}

.warranty-page .tetris-block .form-not-filled .form-block {
    max-width: 557px
}

.warranty-page .warranty-form-block {
    margin: 0 -50vw
}

@media (max-width: 1024px) {
    .warranty-page .warranty-form-block {
        margin: 0
    }
}

@media (max-width: 1175px) {
    .warranty-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 767px) {
    .warranty-page main {
        padding-top: 16px
    }

    .warranty-page .warranty-info-wrapper {
        float: none;
        width: 100%
    }

    .warranty-page .warranty-wrapper .warranty-info-wrapper .call-block-wrapper {
        margin-bottom: 20px
    }

    .warranty-page .warranty-wrapper .warranty-info-wrapper .call-block {
        text-align: center
    }
}

.basket-page .orders-wrapper {
    margin-top: 20px
}

.basket-page .total-wrapper {
    justify-content: space-between
}

.basket-page .basket-personal-form .field-row {
    position: relative
}

.basket-page .basket-personal-form .field-row .notif {
    position: absolute
}

.basket-page .order-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    font: 14px Roboto, sans-serif;
    margin-bottom: 44px
}

.basket-page .order-item:last-child {
    margin-bottom: 0
}

.basket-page .order-item a.item-title {
    font-weight: 500;
    font-size: 18px
}

.basket-page .order-item a:active, .basket-page .order-item a:link, .basket-page .order-item a:visited {
    text-decoration: none;
    color: #0f9ee0
}

.basket-page .order-item a:hover {
    color: #9b9b9b
}

.basket-page .order-item .item-image {
    width: 128px;
    height: 106px;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.basket-page .order-item .info-wrapper {
    display: flex
}

.basket-page .order-item .info-wrapper .block-title {
    margin: 7px 0 34px;
    color: #9b9b9b;
    font-weight: 300;
    font-size: 12px
}

.basket-page .order-item .info-wrapper .item-image-wrapper {
    flex: 0 0 128px;
    margin-right: 29px;
    order: 10
}

.basket-page .order-item .info-wrapper .main-info {
    flex: 0 0 auto;
    margin-right: 20px;
    width: 358px;
    order: 20
}

.basket-page .order-item .info-wrapper .main-info a.item-title {
    margin-top: 4px;
    display: block
}

.basket-page .order-item .info-wrapper .main-info .details {
    margin-top: 13px;
    color: #4a4a4a
}

.basket-page .order-item .info-wrapper .main-info .details a.modules-link {
    text-decoration: underline
}

.basket-page .order-item .info-wrapper .main-info .details .row {
    margin-top: 6px
}

.basket-page .order-item .info-wrapper .price {
    order: 30;
    flex: 0 1 182px;
    margin-right: 20px
}

.basket-page .order-item .info-wrapper .price .price-text, .basket-page .order-item .modules-block .order-item .info-wrapper .main-info a.item-title {
    color: #000
}

.basket-page .order-item .info-wrapper .price .price-text .old {
    text-decoration: line-through;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.basket-page .order-item .info-wrapper .price .price-text .new {
    font-weight: 500;
    font-size: 24px
}

.basket-page .order-item .info-wrapper .price .eco {
    font-size: 12px;
    margin-top: 3px;
    color: #095d9d
}

.basket-page .order-item .info-wrapper .quantity-wrapper {
    flex: 0 1 217px;
    order: 40;
    margin-right: 20px
}

.basket-page .order-item .info-wrapper .quantity-wrapper .quantity {
    margin-top: -7px
}

.basket-page .order-item .info-wrapper .quantity-wrapper .quantity .input {
    width: 60px
}

.basket-page .order-item .info-wrapper .total-price {
    order: 50;
    flex: 0 0 auto;
    margin-right: 20px;
    color: #000;
    font-weight: 500;
    font-size: 24px
}

.basket-page .order-item .info-wrapper .removed-info {
    display: none
}

.basket-page .order-item .info-wrapper-set .total-price {
    margin-left: auto
}

.basket-page .order-item .info-wrapper-set .remove-button {
    margin-left: 0
}

.basket-page .order-item.removed {
    background: #f6f6f6;
    color: #9b9b9b !important
}

.basket-page .order-item.removed a:active, .basket-page .order-item.removed a:link, .basket-page .order-item.removed a:visited {
    color: #9b9b9b !important
}

.basket-page .order-item.removed img {
    opacity: .2;
    filter: grayscale(100%)
}

.basket-page .order-item.removed .info-wrapper {
    position: relative
}

.basket-page .order-item.removed .info-wrapper .removed-info {
    font: 300 16px Roboto, sans-serif;
    display: block;
    color: #4a4a4a;
    right: 100px;
    flex: 1 1 0;
    order: 20;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
    padding-right: 90px
}

.basket-page .order-item.removed .info-wrapper .removed-info a {
    color: #0f9ee0 !important;
    text-decoration: underline;
    font-weight: inherit;
    font-size: 16px
}

.basket-page .order-item.removed .info-wrapper .removed-info a:hover {
    color: #4a4a4a !important
}

.basket-page .order-item.removed .info-wrapper .main-info .details {
    color: #9b9b9b
}

.basket-page .order-item.removed .info-wrapper .price, .basket-page .order-item.removed .info-wrapper .quantity-wrapper, .basket-page .order-item.removed .info-wrapper .remove-button, .basket-page .order-item.removed .info-wrapper .total-price, .basket-page .order-item.removed .more-wrapper .button-block {
    display: none
}

.basket-page .order-item .sep-line {
    height: 2px;
    background: #f1f1f1;
    margin: 8px 0 20px 157px
}

.basket-page .order-item .more-wrapper {
    display: flex
}

.basket-page .order-item .more-wrapper .button-block {
    flex: 0 0 auto;
    width: 128px;
    margin-right: 29px;
    font-size: 10px;
    font-weight: 500;
    margin-top: -6px;
    color: #9b9b9b;
    position: relative
}

.basket-page .order-item .more-wrapper .button-block a.show-link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.basket-page .order-item .more-wrapper .button-block a.show-link:before {
    content: '';
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    background: url(sprite.svg) -357px -292px no-repeat;
    transition: transform .3s ease;
    left: 48px;
    top: 22px
}

.basket-page .order-item .more-wrapper .button-block a.show-link.hidden:before {
    transform: rotate(180deg)
}

.basket-page .order-item .more-wrapper .more-items-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

.basket-page .order-item .more-wrapper .more-items-block .add-item {
    transition: all .3s ease;
    width: 128px;
    margin-right: 30px;
    margin-bottom: 20px;
    max-height: 500px;
    overflow: hidden
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .to-basket.added-to-cart:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .main-block {
    height: 100%;
    display: flex;
    flex-direction: column
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .main-block .price {
    margin-top: auto
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .btn, .basket-page .order-item .more-wrapper .more-items-block .add-item .item-image, .basket-page .order-item .more-wrapper .more-items-block .add-item .price, .basket-page .order-item .more-wrapper .more-items-block .add-item a.item-title {
    transition: all .3s ease
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .item-image {
    width: 128px;
    height: 106px;
    margin-right: 0
}

.basket-page .order-item .more-wrapper .more-items-block .add-item a.item-title {
    display: block;
    font-size: 14px;
    margin-top: 13px
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .price {
    margin-top: 8px;
    color: #000;
    font-weight: 500;
    font-size: 24px
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .btn {
    margin: 10px 0 0
}

.basket-page .order-item .more-wrapper .more-items-block .add-item .item-title, .basket-page .order-item .more-wrapper .more-items-block .add-item .price {
    width: 128px;
    overflow: hidden
}

.basket-page .order-item .more-wrapper .more-items-block .add-item.hidden {
    max-height: 42px;
    margin-right: 20px;
    width: 51px
}

.basket-page .order-item .more-wrapper .more-items-block .add-item.hidden .item-image {
    width: 51px;
    height: 42px
}

@media (max-width: 540px) {
    .basket-page .order-item .more-wrapper .more-items-block .add-item:not(.hidden):nth-child(2n) {
        margin-right: 0
    }
}

.basket-page .order-item .modules-block {
    margin: 10px -20px 0
}

.basket-page .order-item .modules-block .order-item {
    box-shadow: none;
    background: #f0f7ec;
    border-radius: 0;
    margin-bottom: 0;
    padding: 13px 20px
}

.basket-page .order-item .modules-block .order-item .info-wrapper .item-image-wrapper {
    position: relative
}

.basket-page .order-item .modules-block .order-item .info-wrapper .item-image-wrapper input.checkbox-input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.basket-page .order-item .modules-block .order-item .info-wrapper .item-image-wrapper input.checkbox-input + label {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: 0
}

.basket-page .order-item .modules-block .order-item .info-wrapper .main-info a.item-title:hover {
    color: #095d9d
}

.basket-page .order-item .modules-block.shown + .sep-line {
    background: 0 0;
    margin-bottom: 17px
}

.basket-page .total-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 47px
}

.basket-page .total-wrapper .promocode-block-wrapper {
    flex: 1 1 0;
    margin-right: 40px;
    width: 650px
}

.basket-page .total-wrapper .promocode-block {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    padding: 25px 40px 45px;
    box-sizing: border-box;
    display: flex
}

.basket-page .total-wrapper .promocode-block .text-wrapper a.subscribe-link, .basket-page .total-wrapper .promocode-block a {
    color: #0f9ee0
}

.basket-page .total-wrapper .promocode-block .promocode-icon {
    transition: transform .3s ease;
    flex: 0 0 auto;
    display: flex;
    margin-right: 47px
}

.basket-page .total-wrapper .promocode-block .promocode-icon .promo-icon {
    width: 71px;
    height: 67px;
    background: url(sprite.svg) -225px -105px no-repeat;
    -webkit-animation: promo-icon-rotation 10s linear infinite;
    animation: promo-icon-rotation 10s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.basket-page .total-wrapper .promocode-block .promocode-icon .promo-icon.animated {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.basket-page .total-wrapper .promocode-block .text-wrapper {
    flex: 1 1 0;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif
}

.basket-page .total-wrapper .promocode-block .text-wrapper a.subscribe-link:hover, .forms-page main a:hover {
    color: #9b9b9b
}

.basket-page .total-wrapper .promocode-block .text-wrapper .caption, .js-basket-promocode-block p {
    color: #0f9ee0;
    padding: 0;
    margin: 2px 0 5px;
    font: 800 24px Raleway, sans-serif;
    text-align: left
}

.basket-page .total-wrapper .promocode-block .text-wrapper .applied-coupon {
    display: inline-block;
    vertical-align: middle;
    font: 500 18px Roboto, sans-serif
}

.basket-page .total-wrapper .promocode-block .text-wrapper .remove-coupon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px
}

.basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper {
    margin-top: 26px;
    display: flex
}

.basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper .input-field {
    flex-grow: 1;
    text-align: center;
    font-size: 16px;
    color: #9b9b9b
}

.basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper .input-field.error + .notif {
    display: block
}

.basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper .notif {
    color: #095d9d;
    font: 11px Roboto, sans-serif;
    margin-top: 4px;
    display: none
}

.basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper .btn {
    margin: 0 55px 0 19px
}

.basket-page .total-wrapper .total-side-wrapper {
    max-width: 360px;
    flex: 1 1 360px
}

.basket-page .total-wrapper .total-side-wrapper .btn {
    width: 100%;
    text-align: center;
    margin-top: 23px;
    font-size: 16px;
    padding: 18px 15px 19px
}

@media (max-width: 1175px) {
    .basket-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }

    .basket-page .order-item .info-wrapper {
        flex-wrap: wrap
    }

    .basket-page .order-item .info-wrapper .block-title {
        margin-bottom: 20px
    }

    .basket-page .order-item .info-wrapper .main-info {
        width: calc(100% - 215px);
        flex: 1 1 auto
    }

    .basket-page .order-item .info-wrapper .price, .basket-page .order-item .info-wrapper .quantity-wrapper, .basket-page .order-item .info-wrapper .total-price {
        flex: 1 1 30%;
        margin-top: 20px
    }

    .basket-page .order-item .info-wrapper .price {
        order: 40
    }

    .basket-page .order-item .info-wrapper .quantity-wrapper {
        order: 50
    }

    .basket-page .order-item .info-wrapper .quantity-wrapper .quantity {
        margin-top: 0
    }

    .basket-page .order-item .info-wrapper .total-price {
        order: 60
    }

    .basket-page .order-item .info-wrapper a.remove-button {
        order: 30;
        margin: 0
    }

    .basket-page .order-item .modules-block .order-item .info-wrapper .price, .basket-page .order-item .modules-block .order-item .info-wrapper .quantity-wrapper {
        padding-top: 0
    }

    .basket-page .total-wrapper .promocode-block .text-wrapper .input-wrapper .btn {
        margin-right: 0
    }
}

@media (max-width: 1024px) {
    .basket-page .order-item.removed .info-wrapper .removed-info {
        flex: 1 1 100%;
        text-align: center;
        padding-right: 0;
        margin: 30px 0
    }

    .basket-page .total-wrapper {
        margin-top: 30px;
        justify-content: center
    }

    .basket-page .total-wrapper .promocode-block-wrapper {
        margin-right: 0;
        flex-basis: 100%
    }

    .basket-page .total-wrapper .total-side-wrapper {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .basket-page main {
        padding-top: 16px
    }

    .basket-page .order-item .info-wrapper .block-title {
        margin-bottom: 10px
    }

    .basket-page .order-item .info-wrapper .price, .basket-page .order-item .info-wrapper .quantity-wrapper, .basket-page .order-item .info-wrapper .total-price {
        flex: 1 1 100%;
        margin-top: 20px
    }

    .basket-page .total-wrapper .promocode-block-wrapper {
        width: auto
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block {
        flex-wrap: wrap;
        padding: 20px
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .promocode-icon {
        flex: 1 1 100%;
        justify-content: center;
        margin-right: 0
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .text-wrapper {
        flex: 1 1 100%;
        text-align: center;
        margin-top: 10px
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .text-wrapper .caption {
        text-align: center
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .text-wrapper .input-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .text-wrapper .input-wrapper .input-field {
        flex: 1 1 100%
    }

    .basket-page .total-wrapper .promocode-block-wrapper .promocode-block .text-wrapper .input-wrapper .btn {
        margin-left: 0;
        margin-top: 10px
    }
}

@media (max-width: 480px) {
    .basket-page .order-item .info-wrapper {
        justify-content: space-between
    }

    .basket-page .order-item .info-wrapper .main-info {
        flex: 1 1 100%;
        margin-top: 10px;
        order: 30
    }

    .basket-page .order-item .info-wrapper a.remove-button {
        order: 20
    }

    .basket-page .order-item .sep-line {
        margin-left: 0
    }

    .basket-page .order-item .more-wrapper {
        flex-wrap: wrap
    }

    .basket-page .order-item .more-wrapper .button-block {
        flex: 1 1 100%;
        height: 55px;
        margin-right: 0;
        text-align: center
    }

    .basket-page .order-item .more-wrapper .button-block a.show-link:before {
        left: 50%;
        transform: translateX(-50%)
    }

    .basket-page .order-item .more-wrapper .button-block a.show-link.hidden:before {
        transform: translateX(-50%) rotate(180deg)
    }

    .basket-page .order-item.removed .info-wrapper .removed-info {
        order: 30
    }

    .basket-page .total-wrapper .total-side-wrapper {
        flex: 1 1 100%
    }
}

.basket-personal-form {
    display: flex;
    justify-content: space-between
}

.basket-personal-form .form-block {
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: -ms-flexbox
}

.basket-personal-form .form-not-filled {
    display: flex;
    flex-direction: row;
    margin: 0 !important
}

.basket-personal-form .field-block {
    margin-right: 20px
}

.basket-personal-form .field-block label {
    display: block;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    margin-bottom: 6px
}

.basket-personal-form .field-block input, .js-basket-promocode-block-result .basket-promocode__form-sms input {
    box-sizing: border-box;
    font: 14px Roboto, sans-serif;
    height: 40px;
    border: solid 1px #e0e0e0;
    border-radius: 8px;
    color: #4a4a4a;
    padding: 0 18px;
    resize: vertical
}

.basket-personal-form .field-block input:focus {
    border-color: #0f9ee0
}

.basket-personal-form .submit, .js-basket-promocode-block, .order-page header, .user-profile-price-settings-page header, .user-profile-settings-page header {
    display: none
}

.basket-personal-form .notif {
    font: 12px Roboto, sans-serif;
    margin-top: 5px
}

.js-basket-promocode-block a {
    color: #095d9d;
    padding: 0;
    margin: 2px 0 5px;
    font: 800 24px Raleway, sans-serif;
    text-align: left
}

.preorder {
    margin-top: 17px;
    border: 1px solid #e2e2e2;
    padding: 25px 0 25px 40px
}

.preorder .form-block {
    display: block;
    justify-content: space-between;
    align-items: center
}

.preorder__button {
    width: 100%;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 16px;
    padding: 18px 15px 19px
}

.preorder__sidebar {
    max-width: 360px;
    box-sizing: border-box;
    flex: 1 1 360px;
    padding: 0 50px 20px 0
}

.preorder .js-basket-promocode-block {
    margin-top: 20px
}

.js-basket-promocode-block-result {
    display: none;
    max-width: 651px;
    margin-top: 20px;
    width: 100%
}

.js-basket-promocode-block-result .basket-promocode__footer-text {
    color: #4a4a4a;
    font-size: 14px;
    border-left: 3px solid #0f9ee0;
    background-color: #f0f7ec;
    height: 100%;
    width: 100%;
    padding: 20px;
    max-width: 590px
}

.js-basket-promocode-block-result .basket-promocode__footer-btn {
    margin-left: 10px;
    max-width: 150px;
    height: 40px;
    margin-top: 0;
    font-size: 13px;
    padding: 12px 15px 11px
}

.js-basket-promocode-block-result .basket-promocode__footer-btn .preorder__button {
    font-size: 13px
}

.js-basket-promocode-block-result .basket-promocode__form-sms {
    display: none;
    margin-top: 20px
}

.js-basket-promocode-block-result .basket-promocode__form-sms input.disabled {
    pointer-events: none;
    cursor: none;
    background: #e0e0e0
}

.js-basket-promocode-block-result .basket-promocode__form-sms input:focus {
    border-color: #0f9ee0
}

.js-basket-promocode-block-result .basket-promocode__footer-box-link {
    display: none;
    align-items: center
}

.js-basket-promocode-block-result .basket-promocode__footer-link {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #4a4a4a
}

.js-basket-promocode-block-result .basket-promocode__form-sms-result {
    display: none;
    margin-top: 20px;
    font-size: 14px;
    color: #095d9d
}

.js-basket-promocode-block-result .basket-promocode__footer-btn {
    margin-bottom: 0
}

@media (max-width: 1065px) {
    .basket-page .total-wrapper {
        justify-content: center;
        margin-top: 30px
    }
}

@media (max-width: 1024px) {
    .preorder {
        padding: 25px 40px
    }

    .preorder .basket-personal-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .preorder .basket-personal-form__sidebar {
        max-height: 165px;
        height: 100%;
        width: 100%;
        padding: 0
    }

    .preorder .basket-personal-form .field-block, .preorder .form-block {
        width: 100%
    }

    .preorder .field-row input {
        max-width: 100%;
        width: 100%
    }

    .preorder .field-row {
        width: 30%
    }

    .preorder .form-not-filled {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .preorder .basket-personal-form .form-not-filled {
        margin-left: 0
    }

    .preorder .basket-promocode__form-sms {
        justify-content: center;
        align-items: center
    }

    .js-basket-promocode-block {
        margin-top: 40px
    }

    .js-basket-promocode-block p {
        text-align: center;
        font-size: 20px
    }

    .js-basket-promocode-block p a {
        font-size: 20px
    }

    .js-basket-promocode-block-result {
        max-width: unset;
        width: 100%;
        margin-top: 40px
    }

    .js-basket-promocode-block-result .basket-promocode__footer-text {
        width: unset;
        max-width: unset
    }
}

@media (max-width: 768px) {
    .js-basket-promocode-block-result {
        max-width: 768px;
        width: 100%;
        margin-top: 40px;
        justify-content: space-between
    }

    .js-basket-promocode-block-result .basket-promocode__footer-text {
        padding-right: 10px
    }

    .js-basket-promocode-block-result .basket-promocode__footer-btn {
        width: 100%;
        margin-left: 10px;
        max-width: 150px;
        height: 40px;
        margin-top: 0;
        font-size: 13px
    }

    .js-basket-promocode-block-result .basket-promocode__footer-btn .preorder__button {
        font-size: 13px
    }

    .js-basket-promocode-block-result .basket-promocode__form-sms input {
        width: 100%
    }

    .js-basket-promocode-block-result .basket-promocode__footer-link {
        margin-top: 20px;
        margin-left: 0
    }
}

@media (max-width: 700px) {
    .preorder .form-not-filled {
        flex-direction: column
    }

    .preorder .field-row {
        width: 100%;
        margin-top: 10px
    }

    .preorder .field-row:first-child {
        margin-top: 0
    }

    .js-basket-promocode-block a {
        display: block;
        text-align: center
    }

    .js-basket-promocode-block-result .basket-promocode__footer-text {
        height: 100%;
        padding: 20px
    }
}

@media (max-width: 500px) {
    .js-basket-promocode-block-result {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: unset;
        margin: 0;
        border: 0;
        margin-top: 40px;
        margin-right: 10px !important
    }

    .js-basket-promocode-block-result .basket-promocode__footer-btn {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .js-basket-promocode-block-result .basket-promocode__footer-text {
        border-left: 3px solid #0f9ee0;
        max-width: unset;
        padding-left: 10px;
        box-sizing: border-box
    }

    .preorder {
        padding: 25px 40px 45px
    }

    .preorder .basket-personal-form {
        padding-right: 0
    }

    .basket-promocode__form-sms {
        flex-direction: column
    }

    .basket-promocode__form-sms div:first-child {
        width: 100%
    }

    .js-basket-promocode-block-result .basket-promocode__footer-btn, .preorder__sidebar {
        max-width: unset
    }

    .basket-personal-form__sidebar .text {
        line-height: 1.2
    }
}

.order-page .custom-header .green-bar {
    background: #0f9ee0
}

.order-page .custom-header .green-bar .bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px
}

.order-page .custom-header .green-bar .bar-wrapper .left-block {
    display: flex;
    align-items: center
}

.order-page .custom-header .green-bar .bar-wrapper .logo {
    width: 210px;
    height: 21px;
    background: url(sprite.svg) -2px -97px no-repeat
}

.order-page .custom-header .green-bar .bar-wrapper .phone {
    font: 900 18px Roboto, sans-serif;
    margin-left: 88px
}

.order-page .custom-header .green-bar .bar-wrapper .phone a.phone-link {
    color: #fff;
    text-decoration: none
}

.order-page .custom-header .green-bar .bar-wrapper .button-block {
    margin-left: 60px
}

.order-page .custom-header .green-bar .bar-wrapper a.back-link {
    color: #fff;
    text-decoration: none;
    font: 800 12px Raleway, sans-serif;
    text-transform: uppercase
}

.order-page .custom-header .green-bar .bar-wrapper a.back-link:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background: url(sprite.svg) -315px -126px no-repeat;
    margin-right: 8px;
    margin-top: -3px
}

.order-page .order-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.order-page .order-container .form-not-filled .form-block .field-block label {
    white-space: normal
}

.order-page .order-container .order-sidebar {
    flex: 0 1 360px
}

.order-page .order-container .order-sidebar .total-row-wrapper {
    height: 30px
}

.order-page .order-container .order-sidebar .total-row-wrapper .total-row.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #f0f7ec;
    text-align: center;
    padding: 5px;
    z-index: 5
}

@media (max-width: 1175px) {
    .order-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 1024px) {
    .order-page .custom-header .green-bar .bar-wrapper .button-block .btn {
        text-indent: -9999px;
        width: 47px;
        padding: 12px 0
    }

    .order-page .order-container {
        justify-content: center
    }

    .order-page .order-container .order-content {
        flex: 1 1 100%;
        margin-right: 0
    }

    .order-page .order-container .order-sidebar {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    .order-page .order-container .order-sidebar {
        order: -1;
        flex: none;
        width: 100%;
        margin-bottom: 20px
    }

    .order-page .custom-header .green-bar .bar-wrapper .phone {
        display: none
    }

    .order-page .custom-header .green-bar .bar-wrapper .button-block {
        margin-left: 20px
    }
}

@media (max-width: 480px) {
    .order-page .custom-header .green-bar .bar-wrapper .back-block a.back-link {
        text-indent: -9999px;
        display: inline-block;
        position: relative;
        width: 16px
    }

    .order-page .custom-header .green-bar .bar-wrapper .back-block a.back-link:before {
        position: absolute;
        top: 0;
        left: 0
    }
}

.forms-page main a {
    color: #0f9ee0
}

@media (max-width: 1175px) {
    .forms-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 767px) {
    .forms-page main {
        padding-top: 16px
    }
}

.user-profile-price-settings-page h3.search-cnt {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.user-profile-price-settings-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-price-settings-page .extra-charge-block {
    background: #f6ecdc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 20px 60px;
    color: #4a4a4a;
    font: 14px Roboto, sans-serif;
    justify-content: space-between;
    margin-bottom: 37px
}

.user-profile-price-settings-page .extra-charge-block .text-wrapper {
    position: relative;
    width: 100%
}

.user-profile-price-settings-page .extra-charge-block .warning:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(sprite.svg) -156px -203px no-repeat;
    margin-right: 4px;
    margin-left: -47px
}

@media (max-width: 767px) {
    .user-profile-price-settings-page .extra-charge-block .warning:before {
        display: block;
        margin: -5px auto 5px
    }
}

.user-profile-price-settings-page .extra-charge-block .save-icon-button {
    margin-left: 7px;
    padding-top: 5px;
    display: inline-block;
    position: relative
}

.user-profile-price-settings-page .extra-charge-block .quantity {
    margin-left: 30px;
    flex: 0 0 auto
}

.user-profile-price-settings-page .extra-charge-block .quantity .quantity-button {
    background: #fff;
    border: 0
}

.user-profile-price-settings-page .extra-charge-block .quantity .quantity-button:hover {
    background: #0f9ee0;
    border: 0
}

.user-profile-price-settings-page .extra-charge-block .quantity .inc, .user-profile-settings-page .profile-table.managers .table-item .notif {
    margin-bottom: 0
}

.user-profile-price-settings-page .extra-charge-block .quantity .input {
    width: 57px;
    border: 0;
    color: #4a4a4a
}

@media (max-width: 1175px) {
    .user-profile-price-settings-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 767px) {
    .user-profile-price-settings-page .extra-charge-block {
        padding: 15px 20px;
        flex-wrap: wrap;
        justify-content: center
    }

    .user-profile-price-settings-page .extra-charge-block .text-wrapper {
        flex: 1 1 100%;
        text-align: center
    }

    .user-profile-price-settings-page .extra-charge-block .quantity {
        margin: 10px 0 0
    }
}

.user-profile-settings-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-settings-page .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px
}

.user-profile-settings-page .title-wrapper a.hide-link {
    color: #000;
    font: 16px Roboto, sans-serif;
    border-bottom: 1px dotted #000;
    display: inline-block;
    text-decoration: none;
    height: 17px
}

.user-profile-settings-page .title-wrapper a.hide-link:hover {
    border-color: transparent
}

@media (max-width: 767px) {
    .user-profile-settings-page .title-wrapper {
        flex-wrap: wrap
    }

    .user-profile-settings-page .title-wrapper h4 {
        flex: 1 1 100%
    }

    .user-profile-settings-page .title-wrapper a.hide-link {
        margin: 10px 0 0
    }
}

.user-profile-settings-page .vendors-input-block .input-wrapper {
    margin-right: 0
}

.user-profile-settings-page .manufacturer-list {
    padding-top: 10px;
    margin-bottom: 63px
}

.user-profile-settings-page .manufacturer-list .manufacturer-row {
    margin-left: 43px;
    margin-bottom: 37px
}

.user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label {
    display: flex;
    align-items: center;
    font: 300 16px Roboto, sans-serif
}

.user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label .logo-block {
    width: 150px;
    overflow: hidden;
    margin-left: 27px;
    text-align: center
}

.user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label .logo-block .manu-logo {
    max-height: 40px;
    max-width: 150px
}

.user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label .manu-name {
    margin-left: 46px
}

.user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label:after {
    transform: translateY(-50%) translateY(-2px) rotate(45deg)
}

.user-profile-settings-page .requisites {
    margin: -14px 0 60px
}

.user-profile-settings-page .requisites .name {
    flex: 0 0 auto;
    width: 160px;
    margin-top: 10px
}

.user-profile-settings-page .requisites .value {
    flex: 1 1;
    flex-basis: calc(100% - 200px);
    margin-left: 37px;
    margin-top: 10px
}

.user-profile-settings-page .requisites .value br {
    line-height: 23px
}

.user-profile-settings-page .profile-table.managers .table-item {
    position: relative
}

.user-profile-settings-page .profile-table.managers .table-item .undo-block {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 65px
}

.user-profile-settings-page .profile-table.managers .table-item .undo-block a {
    color: #0f9ee0;
    font-size: 16px
}

.user-profile-settings-page .profile-table.managers .table-item .undo-block a:hover {
    color: #4a4a4a
}

@media (max-width: 767px) {
    .user-profile-settings-page .profile-table.managers .table-item .undo-block {
        justify-content: center;
        padding-right: 0
    }
}

.user-profile-settings-page .profile-table.managers .table-item.deleted {
    background: #f6f6f6
}

.user-profile-settings-page .profile-table.managers .table-item.deleted .undo-block {
    display: flex
}

.user-profile-settings-page .profile-table.managers .table-item.deleted .input-field {
    color: #e0e0e0;
    border-color: #e8e8e8 !important;
    background: #f6f6f6
}

.user-profile-settings-page .profile-table.managers .table-item.deleted .notif {
    color: #e0e0e0
}

.user-profile-order-history-detail-page header, .user-profile-order-history-page header, .user-profile-settings-page .profile-table.managers .table-item.deleted .remove-button, .user-profile-settings-page .profile-table.managers .table-item.deleted .show-pass {
    display: none
}

@media (max-width: 1175px) {
    .user-profile-settings-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 520px) {
    .user-profile-settings-page .manufacturer-list {
        padding-top: 0
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row {
        margin-left: 0;
        margin-bottom: 20px
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label {
        flex-wrap: wrap
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label .logo-block {
        margin-left: 10px
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label .manu-name {
        margin-left: 10px;
        flex: 1 1 100%
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label input.checkbox-input + label:after, .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label input.checkbox-input + label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .user-profile-settings-page .manufacturer-list .manufacturer-row input.checkbox-input + label input.checkbox-input + label:after {
        transform: translateY(-50%) translateY(-2px) rotate(45deg)
    }
}

@media (max-width: 480px) {
    .user-profile-settings-page .requisites .name, .user-profile-settings-page .requisites .value {
        flex: 1 1 100%;
        margin-left: 0
    }

    .user-profile-settings-page .requisites .value {
        margin-top: 2px
    }
}

.user-profile-order-history-page .history-order-filter .select2-selection--single .select2-selection__rendered {
    white-space: nowrap;
    overflow: hidden;
    height: 30px
}

.user-profile-order-history-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-order-history-page .title-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}

.user-profile-order-history-page .title-wrapper h2 {
    padding-bottom: 0
}

.user-profile-order-history-page .title-wrapper .dates-block {
    display: flex;
    align-items: center;
    font: 14px Roboto, sans-serif;
    color: #4a4a4a;
    position: relative
}

.user-profile-order-history-page .title-wrapper .dates-block .input-field {
    width: 100px;
    text-align: center;
    margin: 0 9px;
    padding: 0 5px
}

.user-profile-order-history-page .title-wrapper .dates-block .btn {
    width: 200px;
    text-align: center
}

.user-profile-order-history-page .title-wrapper .dates-block .datepicker-wrapper {
    position: absolute
}

@media (max-width: 767px) {
    .user-profile-order-history-page .title-wrapper .dates-block.reconciliation-act .field-block {
        margin-bottom: 12px
    }
}

@media (max-width: 520px) {
    .user-profile-order-history-page .title-wrapper .dates-block.reconciliation-act .btn {
        margin-top: 30px
    }
}

.user-profile-order-history-page .title-wrapper .dates-block.reconciliation-act .notif {
    position: absolute;
    bottom: -17px;
    left: 62px;
    color: #095d9d;
    font: 11px Roboto, sans-serif
}

@media (max-width: 520px) {
    .user-profile-order-history-page .title-wrapper .dates-block.reconciliation-act .notif {
        bottom: 50px
    }
}

.user-profile-order-history-page .document-block {
    margin: 40px 0 70px
}

@media (max-width: 1175px) {
    .user-profile-order-history-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 767px) {
    .user-profile-order-history-page .title-wrapper {
        flex-wrap: wrap
    }

    .user-profile-order-history-page .title-wrapper .dates-block {
        flex: 1 1 100%;
        margin-top: 10px
    }
}

@media (max-width: 520px) {
    .user-profile-order-history-page .title-wrapper .dates-block {
        flex-wrap: wrap
    }

    .user-profile-order-history-page .title-wrapper .dates-block .btn {
        flex: 1 1 100%;
        margin-top: 10px
    }
}

@media (max-width: 1024px) {
    .user-profile-order-history-detail-page .content {
        padding: 0 10px;
        box-sizing: border-box
    }

    .user-profile-order-history-detail-page .save-button.order-button {
        font-size: 15px
    }
}

.user-profile-order-history-detail-page .datepickers-container {
    z-index: 99995
}

.user-profile-order-history-detail-page .block-caption {
    font: 800 18px Raleway, sans-serif;
    margin-bottom: 31px
}

.user-profile-order-history-detail-page .order-header {
    display: flex;
    flex-direction: row;
    margin-bottom: 22px;
    margin-top: -24px
}

.user-profile-order-history-detail-page .order-header .date {
    font: 300 16px/1.38 Roboto, sans-serif;
    color: #4a4a4a;
    margin-right: 23px
}

.user-profile-order-history-detail-page .order-header .status-block {
    position: relative
}

.user-profile-order-history-detail-page .order-header .status-block .small-tooltip {
    top: calc(100% + 5px);
    left: 0
}

.user-profile-order-history-detail-page .order-header .status-block .small-tooltip > table td:first-child {
    width: 100px
}

.user-profile-order-history-detail-page .order-header .status {
    display: inline-flex;
    align-items: center;
    font: 12px Roboto, sans-serif;
    color: #000;
    padding: 0 6px;
    height: 100%;
    margin-bottom: 2px
}

@media (max-width: 1024px) {
    .user-profile-order-history-detail-page .order-header {
        margin-top: -10px;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .user-profile-order-history-detail-page .order-header {
        flex-direction: column;
        margin-top: -10px;
        margin-bottom: 10px
    }

    .user-profile-order-history-detail-page .order-header .status {
        width: 100%;
        justify-content: center;
        padding: 7px 0;
        margin-top: 6px
    }
}

.user-profile-order-history-detail-page .profile-table.products .sku {
    flex: 1;
    justify-content: flex-end
}

@media (max-width: 1024px) {
    .user-profile-order-history-detail-page .profile-table.products .text-block {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .user-profile-order-history-detail-page .profile-table.products .info {
        flex-direction: column
    }
}

.user-profile-order-history-detail-page .order-details-block {
    max-width: 360px;
    margin-left: auto;
    padding-top: 12px
}

.user-profile-order-history-detail-page .order-details-block .total-block {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-bottom: 22px
}

.user-profile-order-history-detail-page .order-details-block .location-info {
    font: 500 14px/1.57 Roboto, sans-serif;
    flex-direction: column;
    display: block
}

.user-profile-order-history-detail-page .order-details-block .location-info .location-pin {
    font-weight: 400;
    color: #9b9b9b
}

.user-profile-order-history-detail-page .order-details-block .location-info .location-pin:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 16px;
    background: url(sprite.svg) -315px -144px no-repeat;
    margin-right: 9px
}

.user-profile-order-history-detail-page .order-details-block .location-info a {
    color: #0f9ee0
}

.user-profile-order-history-detail-page .order-details-block .shipment-block {
    margin-bottom: 30px
}

.user-profile-order-history-detail-page .order-details-block .shipment-block .icon {
    width: 28px;
    height: 24px;
    background: url(sprite.svg) -283px -203px no-repeat
}

@media (max-width: 1024px) {
    .user-profile-order-history-detail-page .order-details-block {
        margin-right: auto
    }

    .user-profile-order-history-detail-page .document-block, .user-profile-order-history-detail-page .order-buttons, .user-profile-order-history-detail-page .payment-block {
        padding: 0 10px
    }
}

.user-profile-order-history-detail-page .payment-block {
    border-top: 1px solid #e0e0e0;
    margin-top: 71px;
    padding-top: 30px;
    counter-reset: listitem
}

.user-profile-order-history-detail-page .payment-block .payment-empty {
    display: flex;
    flex-direction: row;
    font: 500 16px/1.83 Roboto, sans-serif;
    color: #9b9b9b;
    margin-bottom: 20px
}

.user-profile-order-history-detail-page .payment-block .payment-item {
    display: flex;
    flex-direction: row;
    font: 500 12px/1.83 Roboto, sans-serif;
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap
}

.user-profile-order-history-detail-page .payment-block .payment-item:before {
    content: counter(listitem) '.';
    counter-increment: listitem;
    font: 500 16px Roboto, sans-serif;
    color: #0f9ee0;
    margin-right: 16px;
    width: 24px
}

.user-profile-order-history-detail-page .payment-block .payment-item .payment-sum {
    white-space: nowrap;
    width: 80px
}

.user-profile-order-history-detail-page .payment-block .payment-item > div {
    margin-right: 37px
}

@media (max-width: 767px) {
    .user-profile-order-history-detail-page .payment-block .payment-item > div {
        margin-right: 25px
    }
}

.user-profile-order-history-detail-page .payment-block .payment-item .payment-date {
    color: #9b9b9b
}

.user-profile-order-history-detail-page .payment-block .payment-change {
    margin-left: 15px;
    margin-right: 0 !important
}

.user-profile-order-history-detail-page .payment-block .payment-change a {
    text-transform: uppercase;
    color: #0f9ee0;
    font: 800 12px Raleway, sans-serif;
    text-decoration: none;
    border-bottom: 1px dashed #0f9ee0
}

.user-profile-order-history-detail-page .payment-block .payment-change a:hover {
    border-bottom-color: transparent
}

.user-profile-order-history-detail-page .payment-block .btn {
    margin-top: 5px
}

.user-profile-order-history-detail-page .document-block {
    border-top: 1px solid #e0e0e0;
    margin-top: 37px;
    padding-top: 30px
}

.user-profile-order-history-detail-page .document-block .sort-order {
    margin-bottom: 15px
}

.user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label {
    white-space: nowrap;
    color: #0f9ee0;
    border-bottom: 2px dotted #0f9ee0;
    font: 800 18px Raleway, sans-serif;
    text-decoration: none;
    margin-bottom: 5px;
    display: inline-block;
    padding-left: 0
}

.user-profile-document-example-page header, .user-profile-my-profile-page header, .user-profile-order-basket-page header, .user-profile-order-choose-page header, .user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label:after, .user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label:before, .user-profile-order-info-page header {
    display: none
}

.user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label.radio-checked {
    color: #000;
    border-bottom: 0;
    pointer-events: none
}

.user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label:hover {
    color: #9b9b9b;
    border-bottom: 2px dotted #9b9b9b
}

.user-profile-order-history-detail-page .document-block .document-person-type-selector > .radio-label:not(:last-child) {
    margin-right: 36px
}

.user-profile-order-history-detail-page .document-block .document-type {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    max-width: 458px
}

.user-profile-order-history-detail-page .document-block .bottom-row {
    margin-top: 28px
}

.user-profile-order-history-detail-page .document-block .bottom-row .btn {
    width: 160px
}

.user-profile-order-history-detail-page .document-block .pending-request {
    font: 18px Raleway, sans-serif;
    display: flex;
    align-items: center
}

.user-profile-order-history-detail-page .document-block .pending-request:before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 33px;
    background: url(sprite.svg) -189px -122px no-repeat;
    margin-right: 30px;
    flex-shrink: 0
}

.user-profile-order-history-detail-page .document-block .documents-example {
    margin-top: 40px
}

.user-profile-order-info-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-order-info-page .order-content {
    margin-right: 0;
    margin-bottom: 55px;
    width: 755px
}

.user-profile-order-info-page .order-content .enter-info-block .form-not-filled .form-block .field-block {
    margin-bottom: 27px
}

.user-profile-order-info-page .order-content .enter-info-block .form-not-filled .form-block .fields-wrapper {
    margin-bottom: -27px
}

.user-profile-order-info-page .order-content .shipment-block .icon {
    margin-left: 0
}

@media (max-width: 1175px) {
    .user-profile-order-info-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 1024px) {
    .user-profile-order-info-page .order-content {
        width: auto;
        margin-bottom: 0
    }
}

.user-profile-order-basket-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-order-basket-page .order-details-block {
    max-width: 360px;
    margin-left: auto;
    padding-top: 12px
}

.user-profile-order-basket-page .order-details-block .total-block {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-bottom: 22px
}

.user-profile-order-basket-page .order-details-block .shipment-block {
    margin-bottom: 30px
}

.user-profile-order-basket-page .order-details-block .shipment-block .icon {
    width: 28px;
    height: 24px;
    background: url(sprite.svg) -283px -203px no-repeat
}

.user-profile-order-basket-page .profile-table.products .table-item {
    flex-direction: row;
    padding: 30px 20px 40px
}

.user-profile-order-basket-page .profile-table.products.similar-popup {
    border-radius: 8px
}

.user-profile-order-basket-page .profile-table.products.similar-popup h1 {
    font-size: 25px;
    padding: 0 0 18px
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item {
    flex-direction: column;
    padding-bottom: 20px
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .block-title {
    display: block
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku {
    flex-wrap: wrap
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.info {
    flex-basis: 70%;
    margin-bottom: 8px;
    order: -2
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.recommended-price {
    margin-left: 0
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.flex-column90 {
    flex: 1 1 27%
}

.user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.add-to-order-cell {
    order: -1;
    flex-basis: 20%
}

@media (max-width: 767px) {
    .user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.info {
        flex-basis: 100%;
        margin-bottom: 8px
    }

    .user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.add-to-order-cell {
        order: 20;
        flex-basis: 100%
    }
}

@media (max-width: 480px) {
    .user-profile-order-basket-page .profile-table.products.similar-popup .table-item .table-item-row.sku .table-cell.flex-column90 {
        flex: 1 1 100%
    }

    .user-profile-order-basket-page .profile-table.products.similar-popup .table-item {
        padding: 20px
    }
}

@media (max-width: 1175px) {
    .user-profile-order-basket-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 1024px) {
    .user-profile-order-basket-page .order-details-block {
        margin-right: auto
    }
}

.user-profile-order-choose-page .breadcrumbs {
    margin-top: 5px
}

.user-profile-order-choose-page .cart-btn.added-to-cart:before {
    top: -1px;
    left: 0;
    transform: none;
    margin-top: 0
}

.user-profile-order-choose-page .search-cnt {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

@media (max-width: 1175px) {
    .user-profile-order-choose-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

.user-profile-my-profile-page .user-block {
    position: relative;
    margin-bottom: 30px
}

.user-profile-my-profile-page .user-block:after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    bottom: 0;
    width: 100%;
    max-width: 754px;
    left: -100px;
    border-bottom: 2px solid #f6f6f6
}

.user-profile-my-profile-page .user-block:last-child {
    margin-bottom: -4px
}

.user-profile-my-profile-page .user-block:last-child:after {
    content: '';
    position: absolute;
    display: none
}

.user-profile-my-profile-page .block-title {
    display: flex
}

.user-profile-my-profile-page .block-title h4 {
    padding: 0 0 11px;
    width: 100%;
    max-width: 194px
}

.user-profile-my-profile-page .block-title .edit {
    width: 100%;
    box-sizing: border-box;
    padding-top: 2px;
    padding-left: 4px
}

.user-profile-my-profile-page .block-title .edit .edit-link {
    font: 800 12px Raleway, sans-serif;
    color: #0f9ee0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 10px;
    padding-bottom: 2px
}

.user-profile-my-profile-page .block-title .edit .edit-link:after, .user-profile-my-profile-page .block-title .edit .edit-link:before {
    content: '';
    position: absolute;
    display: block;
    padding-bottom: 1px;
    transition: all .3s
}

.user-profile-my-profile-page .block-title .edit .edit-link:after {
    width: calc(100% - 10px);
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #0f9ee0;
    opacity: 1
}

.user-profile-my-profile-page .block-title .edit .edit-link:before {
    width: 10px;
    height: 10px;
    background: url(sprite.svg) -59px -355px no-repeat;
    right: -9px;
    top: 3px
}

.user-profile-my-profile-page .block-title .edit .edit-link:hover:before {
    right: -12px
}

.user-profile-my-profile-page .block-title .edit .edit-link:hover:after {
    opacity: 0
}

.user-profile-my-profile-page .user-form {
    position: relative;
    padding-bottom: 0
}

.user-profile-my-profile-page .user-form .form-not-filled {
    padding-bottom: 42px
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block {
    max-width: 556px;
    margin: 13px 0 0
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block .address-block {
    flex: 1 1 50%
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block .address-block .notif {
    max-width: 100px
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block .field-block {
    margin-bottom: 26px
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block .field-block .input-field.fixed-width {
    width: 258px
}

.user-profile-my-profile-page .user-form .form-not-filled .form-block .bottom-row .save-button {
    margin: 14px 0 0;
    height: 60px;
    width: 257px
}

.user-profile-my-profile-page .user-form .notif {
    position: absolute
}

.user-profile-my-profile-page .user-form .save-button {
    padding-bottom: 15px
}

.user-profile-my-profile-page .filled-info .requisites {
    margin: 0;
    padding-bottom: 36px
}

.user-profile-my-profile-page .filled-info .requisites .row-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2px
}

.user-profile-my-profile-page .filled-info .requisites .name {
    width: 157px;
    padding-right: 42px
}

.user-profile-my-profile-page .filled-info .requisites .value {
    flex: 1;
    width: auto
}

.user-profile-my-profile-page .edit-link.hidden, .user-profile-my-profile-page .filled-info.hidden, .user-profile-my-profile-page .user-form.hidden {
    display: none
}

@media (max-width: 1175px) {
    .user-profile-my-profile-page main .content {
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media (max-width: 1024px) {
    .user-profile-my-profile-page .user-block:after {
        width: 100%;
        left: 0
    }

    .user-profile-my-profile-page .user-form {
        position: relative
    }

    .user-profile-my-profile-page .user-form .form-not-filled .bottom-row .save-button {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .user-profile-my-profile-page .user-form .block-title {
        display: flex
    }

    .user-profile-my-profile-page .user-form .block-title h4 {
        margin-right: 10px
    }

    .user-profile-my-profile-page .user-form .block-title .edit {
        padding-right: 20px;
        text-align: right
    }

    .user-profile-my-profile-page .user-form .form-not-filled .form-block .field-block .input-field.fixed-width {
        width: 100%
    }

    .user-profile-my-profile-page .filled-info .requisites {
        margin: 0
    }

    .user-profile-my-profile-page .filled-info .requisites .name, .user-profile-my-profile-page .filled-info .requisites .value {
        width: 100%;
        max-width: 100%;
        text-align: left
    }
}

.articles-page main .content {
    max-width: 1190px;
    padding: 0 20px;
    box-sizing: border-box
}

.articles-page .article-tabs {
    margin-top: 12px
}

.articles-page .articles-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 40px -10px 0;
    justify-content: space-between
}

.articles-page .articles-list .article-item-wrapper {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 39px
}

@media (max-width: 1100px) {
    .articles-page .articles-list .article-item-wrapper {
        width: 30%
    }
}

@media (max-width: 767px) {
    .articles-page .articles-list .article-item-wrapper {
        width: 50%
    }
}

@media (max-width: 480px) {
    .articles-page .articles-list .article-item-wrapper {
        width: 100%
    }
}

.articles-page .articles-list .article-item-wrapper:first-child {
    width: 50%
}

@media (max-width: 1100px) {
    .articles-page .articles-list .article-item-wrapper:first-child {
        width: 65%
    }
}

@media (max-width: 767px) {
    .articles-page .articles-list .article-item-wrapper:first-child {
        width: 100%
    }
}

.articles-page .articles-list .article {
    transition: all .5s ease;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 211px 20px 76px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    text-decoration: none;
    background: center/cover
}

.articles-page .articles-list .article:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 211px);
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9)
}

.articles-page .articles-list .article.no-image {
    background-size: 100% 200px;
    background-position-y: 0;
    background-repeat: no-repeat
}

.articles-page .articles-list .article .detail-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.articles-page .articles-list .article .image {
    transition: all .3s ease;
    width: auto;
    height: 211px;
    margin: 0 auto;
    display: block
}

.articles-page .articles-list .article .date {
    transition: all .3s ease;
    font-size: 14px;
    margin-top: 24px;
    color: #0f9ee0;
    position: relative
}

.articles-page .articles-list .article .name {
    transition: all .3s ease;
    margin-top: 12px;
    font: 500 18px Roboto, sans-serif;
    color: #000;
    position: relative
}

.articles-page .articles-list .article .description {
    transition: all .3s ease;
    height: 70px;
    overflow: hidden;
    margin-top: 22px;
    font: 300 12px Roboto, sans-serif;
    color: #4a4a4a;
    position: relative
}

.articles-page .articles-list .article:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35)
}

.articles-page .articles-list .article:hover .name, .manufacture-detail-page .search-wrapper .categories .cat-list > li a.active {
    color: #0f9ee0
}

.articles-page .article-tags {
    transition: all .3s ease;
    position: absolute;
    bottom: 31px;
    margin-top: 27px;
    padding-left: 25px;
    color: #0f9ee0;
    z-index: 2
}

.articles-page .article-tags:before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 10px;
    background: url(sprite.svg) -271px -253px no-repeat;
    top: 5px;
    left: 0
}

.articles-page .article-tag {
    font-size: 12px;
    margin-right: 7px;
    color: #0f9ee0;
    text-decoration: none
}

.articles-page .article-tag span {
    text-decoration: underline;
    color: #0f9ee0
}

.articles-page .article-tag:hover span {
    text-decoration: none
}

.articles-page .center-btn {
    width: 100%
}

.articles-page .pagination {
    margin-bottom: 16px
}

.articles-page .empty-list {
    color: #9b9b9b
}

.articles-page .product-card.empty-card {
    width: 278px
}

@media (max-width: 866px) {
    .articles-page .articles-list {
        justify-content: space-around
    }
}

.article-detail-page h2, .article-detail-page h3, .article-detail-page h4 {
    padding: 0;
    margin: 16px 0;
    text-align: left
}

.article-detail-page main .content {
    max-width: 1166px;
    padding: 0 8px;
    box-sizing: border-box
}

.article-detail-page .article-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 12px 0 48px;
    padding-left: 0
}

.article-detail-page .article-tab.active:before, .article-detail-page .article-tabs:after, .article-detail-page .article-tabs:before {
    display: none
}

.article-detail-page .article-tab.active {
    padding: 3px 10px 2px;
    margin-right: 10px;
    margin-bottom: 0
}

.article-detail-page .article-tab.active:hover {
    background-color: #fff;
    color: #095d9d
}

.article-detail-page .article-data {
    display: inline-block;
    font: 400 14px Roboto, sans-serif;
    color: #0f9ee0;
    padding: 3px 10px;
    border: 1px solid #0f9ee0;
    border-radius: 8px
}

.article-detail-page .article-detail {
    font: 300 16px/1.38 Roboto, sans-serif;
    color: #4a4a4a
}

.article-detail-page .article-img-container {
    float: left;
    margin-right: 28px
}

@media (max-width: 767px) {
    .article-detail-page .article-img-container {
        float: none;
        display: flex;
        justify-content: center;
        margin: 0
    }
}

.article-detail-page .article-img-container img {
    width: 100%;
    max-width: 529px
}

.article-detail-page .ya-share2 {
    margin-top: 43px
}

.article-detail-page .change-news-container {
    display: flex;
    justify-content: space-between;
    margin-top: 128px
}

@media (max-width: 767px) {
    .article-detail-page .change-news-container {
        margin-top: 50px;
        display: block;
        justify-content: space-around
    }
}

.article-detail-page .change-news-btn {
    width: 258px;
    height: auto;
    position: relative;
    font: 800 12px Raleway, sans-serif;
    border: 2px solid #095d9d;
    border-radius: 16px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none
}

@media (max-width: 767px) {
    .article-detail-page .change-news-btn {
        margin: 0 auto
    }
}

.article-detail-page .change-news-btn .btn-hover-content {
    display: flex;
    justify-content: center
}

.article-detail-page .change-news-btn .inner-text {
    max-width: 147px
}

.article-detail-page .change-news-btn:after, .article-detail-page .change-news-btn:before {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s ease
}

.article-detail-page .change-news-btn:after {
    opacity: 0;
    z-index: 1
}

.article-detail-page .change-news-btn.prev-news:after, .article-detail-page .change-news-btn.prev-news:before {
    left: 16px
}

.article-detail-page .change-news-btn.prev-news:before {
    width: 16px;
    height: 14px;
    background: url(sprite.svg) -315px -184px no-repeat
}

.article-detail-page .change-news-btn.prev-news:after {
    width: 16px;
    height: 14px;
    background: url(sprite.svg) -315px -202px no-repeat
}

@media (max-width: 767px) {
    .article-detail-page .change-news-btn.prev-news {
        margin-bottom: 25px
    }
}

.article-detail-page .change-news-btn.next-news:after, .article-detail-page .change-news-btn.next-news:before {
    right: 16px
}

.article-detail-page .change-news-btn.next-news:before {
    width: 17px;
    height: 14px;
    background: url(sprite.svg) -335px -278px no-repeat
}

.article-detail-page .change-news-btn.next-news:after {
    width: 17px;
    height: 14px;
    background: url(sprite.svg) -196px -276px no-repeat
}

.article-detail-page .change-news-btn:hover:before {
    opacity: 0
}

.article-detail-page .change-news-btn:hover:after {
    opacity: 1
}

.manufactures-page main .content {
    position: relative;
    padding: 0 8px;
    box-sizing: border-box;
    max-width: 1166px
}

.manufactures-page .letter-filter {
    position: absolute;
    top: 50px;
    right: 8px;
    text-align: right;
    max-width: 550px
}

@media (max-width: 1024px) {
    .manufactures-page .letter-filter {
        position: static;
        text-align: left;
        margin-bottom: 26px
    }
}

.manufactures-page .letter-filter-item {
    position: relative;
    display: inline-block;
    color: #0f9ee0;
    text-decoration: none;
    font-size: 14px;
    margin-left: 6px;
    margin-bottom: 5px
}

.manufactures-page .letter-filter-item:after {
    transition: all .3s ease;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    border-bottom: 2px dotted #0f9ee0;
    opacity: .5
}

.manufactures-page .letter-filter-item:before {
    content: '';
    position: absolute;
    display: block;
    content: attr(data-content);
    left: 0;
    top: 0;
    transform: scale(0);
    transition: top .3s, opacity .3s
}

.manufactures-page .letter-filter-item:hover:after {
    opacity: 0;
    bottom: -10px
}

.manufactures-page .letter-filter-item:hover:before {
    opacity: 0;
    top: -10px;
    transform: scale(1)
}

.manufactures-page .manufacture-list {
    width: calc(100% + 18px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 18px -8px 0
}

@media (max-width: 1180px) {
    .manufactures-page .manufacture-list {
        width: 100%;
        margin: 18px 0;
        justify-content: space-around
    }
}

.manufactures-page .manufacturer-card {
    margin: 0 8px 43px
}

.manufactures-page .center-btn {
    width: 100%
}

.manufactures-page .empty-card {
    width: 257px;
    height: 0;
    margin: 0 8px
}

.manufacture-detail-page main .content {
    position: relative;
    padding: 20px 8px 0;
    box-sizing: border-box;
    max-width: 1166px
}

.manufacture-detail-page .product-btn-wrapper.hide-md, .manufacture-detail-page .product-btn-wrapper.hide-xl {
    display: none
}

@media (max-width: 767px) {
    .manufacture-detail-page .product-btn-wrapper.hide-md, .manufacture-detail-page .product-btn-wrapper.hide-xl {
        display: block
    }
}

.manufacture-detail-page .product-btn-wrapper.hide-sm {
    display: none
}

.manufacture-detail-page .search-wrapper {
    margin-top: 14px
}

@media (max-width: 767px) {
    .manufacture-detail-page .search-wrapper {
        display: block
    }
}

.manufacture-detail-page .search-wrapper .categories .cat-list {
    padding-left: 0;
    margin-bottom: 15px
}

.manufacture-detail-page .search-wrapper .categories .cat-list > li {
    margin: 13px 0 0
}

.manufacture-detail-page .search-wrapper .categories .preview-info {
    margin-bottom: 49px;
    border-bottom: 1px solid #e0e0e0
}

.manufacture-detail-page .search-wrapper .categories .preview-logo {
    width: 100%;
    height: auto;
    max-width: 270px;
    margin: 0 auto 15px
}

.manufacture-detail-page .search-wrapper .categories .preview-text {
    width: 100%;
    height: auto;
    max-height: 110px;
    position: relative;
    overflow: hidden;
    font: 300 14px/1.57 Roboto, sans-serif;
    color: #4a4a4a;
    margin-bottom: 10px
}

.manufacture-detail-page .search-wrapper .categories .preview-text:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    background: linear-gradient(transparent, #fff)
}

.manufacture-detail-page .search-wrapper .categories .dashed-link {
    display: inline-block;
    margin-bottom: 42px
}

.manufacture-detail-page .search-wrapper .products {
    justify-content: space-between;
    padding-bottom: 30px;
    padding-left: 41px
}

@media (max-width: 1160px) {
    .manufacture-detail-page .search-wrapper .products {
        justify-content: space-around
    }
}

@media (max-width: 767px) {
    .manufacture-detail-page .search-wrapper .products {
        justify-content: center
    }
}

.manufacture-detail-page .search-wrapper .products-detail {
    display: block;
    flex: 1;
    padding-left: 10px
}

@media (max-width: 1300px) {
    .manufacture-detail-page .search-wrapper .products-detail {
        overflow: hidden
    }
}

@media (max-width: 767px) {
    .manufacture-detail-page .search-wrapper .products-detail {
        padding-left: 0
    }
}

.manufacture-detail-page .search-wrapper .product-card {
    margin: 4px 8px 40px
}

.manufacture-detail-page .search-wrapper .products-list {
    width: calc(100% + 41px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 18px -20px 0;
    overflow: hidden;
    padding-bottom: 30px
}

.manufacture-detail-page .search-wrapper .products-list .product-card {
    margin: 4px 20px 40px
}

@media (max-width: 1300px) {
    .manufacture-detail-page .search-wrapper .products-list .product-card {
        margin: 4px 18px 40px
    }
}

.manufacture-detail-page .search-wrapper .products-list .slick-track {
    display: flex
}

.manufacture-detail-page .search-wrapper .products-list .slick-dots {
    display: none;
    bottom: 0
}

.manufacture-detail-page .search-wrapper .products-list .slick-dots li {
    display: none
}

@media (max-width: 1180px) {
    .manufacture-detail-page .search-wrapper .products-list .slick-dots {
        display: flex
    }

    .manufacture-detail-page .search-wrapper .products-list .slick-dots li {
        display: list-item
    }

    .manufacture-detail-page .search-wrapper .products-list {
        width: 100%;
        margin: 18px 0;
        justify-content: space-around;
        display: block
    }

    .manufacture-detail-page .search-wrapper .products-list .product-card {
        display: none;
        margin-bottom: 4px
    }

    .manufacture-detail-page .search-wrapper .products-list .slick-slide {
        display: block
    }
}

.manufacture-detail-page .search-wrapper .products-block {
    margin-bottom: 55px
}

.manufacture-detail-page .search-wrapper .products-block-title {
    margin-bottom: 37px
}

.manufacture-detail-page .search-wrapper .products-block-title .title {
    font: 500 18px Roboto, sans-serif;
    color: #000
}

.manufacture-detail-page .search-wrapper .products-block-title .count {
    font: 300 18px Roboto, sans-serif;
    color: #0f9ee0
}

.manufacture-detail-page .detail-info {
    margin-top: 62px;
    font: 300 16px/1.2 Roboto, sans-serif
}

.manufacture-detail-page .detail-info p {
    font: 300 16px/1.2 Roboto, sans-serif
}

.manufacture-detail-page .detail-info ul {
    counter-reset: listitem;
    padding: 5px 0 0;
    list-style: none;
    margin: 0
}

.manufacture-detail-page .detail-info ul li {
    font: 300 16px Roboto, sans-serif;
    color: #4a4a4a;
    padding: 18px 0 0 30px;
    line-height: 1.38;
    position: relative;
    margin: 0
}

.manufacture-detail-page .detail-info ul li:before {
    content: "•";
    font: 500 30px Roboto, sans-serif;
    line-height: 1.38;
    position: absolute;
    left: 0;
    top: 8px;
    color: #095d9d
}

@media (max-width: 1024px) {
    .manufacture-detail-page .detail-info {
        padding-left: 0
    }
}

.manufacture-detail-page .center-btn {
    width: 100%
}

.manufacture-detail-page .product-amount {
    font: 900 12px Roboto, sans-serif
}

@media (max-width: 1150px) {
    .manufacture-detail-page .search-wrapper .products {
        justify-content: center
    }
}

.todo {
    outline: 1px solid red;
    display: none !important
}
/*кнопка звонка*/

.callback-bt {
    background: #095d9d;
    border: 2px solid #095d9d;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(56,163,253,0.3);
    cursor: pointer;
    height: 68px;
    text-align: center;
    width: 68px;
    position: fixed;
    left: 100px;
    bottom: 100px;
    z-index: 999;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
}
.fancybox-bg {
    width: 100%;
    height: 100%;
}
.callback-bt .text-call{
    height:68px;
    width:68px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
    position:absolute;
    right: 4px;
    top: 22px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
    font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
    z-index:1;
    background:#fff;
    color:transparent;
    transition:.3s;
}
.callback-bt:hover i {
    color:#38a3fd;
    font-size:40px;
    transition:.3s;
}
.callback-bt i {
    color:#fff;
    font-size:34px;
    transition:.3s;
    line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
    }
    100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
    }
}@keyframes hoverWave {
     0% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
     }
     40% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
     }
     80% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
     }
     100% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
     }
 }

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
/* конец кнопки звонка */
.category-view .spacer {
    width: 257px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.09);
    font: 300 12px 'Roboto',sans-serif;
    color: #9b9b9b;
    box-sizing: border-box;
    padding: 0 20px 16px;
    position: relative;
    height: auto;
    margin: 0 10px;
    margin-bottom: 19px;
}
.category-view .spacer:hover {
    box-shadow: 0 0 8px 0 rgba(11,118,196,.09);
}
.category-view a {
    text-decoration: none;
}
.category-view a {
    color: #095d9d;
}
.category-view .row .category .spacer h2 {
    font-size: 18px;
}

.floatright.display-number {
    font-size: 12px;
}
.orderlistcontainer div.activeOrder {
    cursor: pointer;
    border: solid #4a4a4a 1px;
    border-radius: 8px;
    padding: 5px 24px 5px 12px;
    margin: 4px 0 0 0;
    background: none;
}
.category-view .select2-container .select2-selection, select {
    font: 14px Roboto, sans-serif;
    height: 28px !important;
    border-radius: 8px;
    color: #4a4a4a;
    margin: 5px 0 0 0;
}
.activeOrder a {
    font: 14px Roboto, sans-serif;
}
.activeOrder a:after {
    content: "\f107";
    font: normal normal normal 16px/1 FontAwesome;
    color: #555;
    margin: 1px 0 0 10px;
    position: absolute;
    font-weight: 700;
}
.main-product-block input.addtocart-button {
    outline: 0;
    font: 800 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: solid #0f9ee0 1px !important;
    background: #0f9ee0 !important;
    width: 38px;
    height: 38px;
    margin: 3px 0 0 auto;
    position: relative;
    text-indent: -999999px;
    transition: 0.3s;
}
.main-product-block input.addtocart-button:hover {
    border: solid #095d9d 1px;
    background: #095d9d !important;
    transition: 0.3s;
}
.js-product-slider.slider-wrap input.addtocart-button:before {
    content: '';
    position: absolute;
    display: block;
    height: 25px;
    top: 50%;
    width: 24px;
    background: url(sprite.svg) -118px -305px no-repeat;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.name.js-name a {
    font: 500 16px Roboto, sans-serif;
    color: #0f9ee0;
    margin-top: 5px;
    padding-bottom: 26px;
    margin-bottom: auto;
}
input.quantity-input.js-recalculate {
    border: solid #0f9ee0 1px !important;
    background: #fff !important;
    border-radius: 5px;
    margin: 4px 0 0 8px;
}
span.quantity-controls.js-recalculate {
    margin: 5px 0 0 0;
}
.headexpand.headexpand_show {
    display: none;
}
span.cf_flt_header_text {
    padding: 3px 5px;
}
.product.vm-products-horizon.vm-col.vm-col-3 {
    margin-bottom: 20px;
}
.horizontal-separator {
    display: none;
}
.vm-products-horizon.vm-col {
    width: 100%;
    margin-bottom: 30px;
}
ul.cf_filters_list {
    margin: 0;
    padding: 0;
}
ul.cf_filters_list li {
    border: solid #4a4a4a 1px;
    border-radius: 8px;
    padding: 5px 24px 5px 12px;
    margin: 10px 10px 0 10px;
}
span.cf_resetAll_label {
    outline: 0;
    font: 300 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 0px solid transparent;
    background: #095d9d;
}
span.cf_resetAll_label:hover {
    border: 1px solid transparent !important;
    border-color: #095d9d !important;
    color: #095d9d;
    background: #fff;
    transition: 0.3s;
}
a.cf_resetAll_link {
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0 15px 0;
}
a.cf_option {
    color: #333 !important;
}
h1.b1c-name {
    font: 800 30px Raleway, sans-serif;
}
div#bd_results a {
    color: #2196f3;
}
.product-neighbours a {
    font-size: 12px;
}
.main-image {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px 15px;
    background: #fff;
}
.product-short-description {
    font: 300 16px/1.43 Roboto, sans-serif;
}
main {
    background: #f6fdff;
}
/*Tabs*/

.nav-tabs {
    *zoom: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.nav-tabs:before,
.nav-tabs:after {
    display: table;
    content: "";
    line-height: 0;
}
.nav-tabs:after {
    clear: both;
}
.nav-tabs > li {
    float: left;
    list-style: none;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    display: block;
    padding: 8px 12px;
    line-height: 20px;
    margin-right: 5px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: #eee #eee #e7e7e7;
    background: #fafafa;
    color: inherit;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-bottom-color: transparent;
    cursor: default;
}
.tab-content {
    overflow: auto;
    padding: 15px 0;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.tab-content {
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 0 15px;
    font: 300 16px/1.43 Roboto, sans-serif;
    background: #fff;
    margin-bottom: 50px;
}
span.b1c-cr a {
    display: none;
}
.product-container.productdetails-view.productdetails.b1c-good input.addtocart-button {
    outline: 0;
    font: 800 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: solid #0f9ee0 1px !important;
    background: #0f9ee0 !important;
    width: 38px;
    height: 38px;
    margin: 3px 0 0 auto;
    position: relative;
    text-indent: -999999px;
    transition: 0.3s;
}
.product-container.productdetails-view.productdetails.b1c-good input.addtocart-button:hover {
    border: solid #095d9d 1px;
    background: #095d9d !important;
    transition: 0.3s;
}
.product-container.productdetails-view.productdetails.b1c-good .PriceunitPrice.vm-display.vm-price-value {
    margin-right: 20px;
}
a.b1c {
    outline: 0;
    font: 800 12px Raleway, sans-serif;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    color: #fff !important;
    text-transform: uppercase;
    padding: 12px 15px 11px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .3s ease-in-out;
    border: 1px solid transparent;
    background: #0f9ee0;
    width: 100%;
    text-align: center;
    margin: 25px 0;
}
a.b1c:hover {
    border-color: #095d9d;
    color: #095d9d !important;
    background:#fff;
    transition: 0.3s;
}
.product-container.productdetails-view.productdetails.b1c-good span.product-fields-title-wrapper {
    width: 200px;
    float: left;
    margin: 0;
    padding: 0;
}
.product-container.vmproduct.productdetails .spacer a {
    text-align: left;
    display: block;
}
.product-container.vmproduct.productdetails .spacer a {
    font: 14px Roboto, sans-serif;
    color: #095d9d;
    text-decoration: none;
    padding: 5px 0;
}
.product-container.vmproduct.productdetails {
    padding: 0 20px;
}
.product-container.vmproduct.productdetails a:before {
    content: '—';
}
.product-neighbours a.previous-page {
    background: none;
    padding-left: 10px;
}
.product-neighbours a.previous-page:before {
    background: none;
    padding-left: 10px;
    line-height: 20px;
    float: left;
    content: "\f060";
    font: normal normal normal 13px/1 FontAwesome;
    margin-right: 5px;
    margin-top: 3px;
}
.product-neighbours a.next-page {
    background: none;
    padding-right: 10px;
    line-height: 20px;
    float: right;
}
div#fancybox-title-inside {
    display: none;
}
.product-neighbours a.next-page:after {
    background: none;
    padding-left: 10px;
    line-height: 20px;
    float: right;
    content: "\f061";
    font: normal normal normal 13px/1 FontAwesome;
    margin-right: 5px;
    margin-top: 3px;
}
.product-container.productdetails-view.productdetails.b1c-good .PricesalesPrice.vm-display.vm-price-value {
    padding: 12px 0 0 0;
}
.b1c-bg {
    height: 100%!important;
    position: fixed;
}
.b1c-form {
    position: fixed !important;
    top: 15% !important;
}
span.cf_clear a {
    color: #095d9d !important;
    text-align: center;
    display: block;
}
.tab-content h3 {
    color: #2196f3;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 700;
    margin-left: 20px;
}
.off-menu_108 dl dt:after, .off-menu_108 dl.level1 > dt:after {
    width: 0px;
}
.vm-product-container .vm-product-media-container {
    width: 50%;
}
.vm-product-details-container {
    width: 50%;
}