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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

details, main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

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
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], 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
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    box-sizing: border-box;
    padding: 0
}

[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-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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;
    -ms-touch-action: manipulation;
    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 0s 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 0s ease 0s;
    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 {
    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;
    -ms-transform-origin: top left;
    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;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 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
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.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 {
    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;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

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

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    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
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.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
}

.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)
    }
}

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

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

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

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

[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
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

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

.owl-height {
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../../assets/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.header {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 320px;
    height: 100%;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

html {
    height: 100%;
}

.container {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 20px;
}

.container:after {
    display: block;
    clear: both;
    content: ' ';
}

.wrapper-page {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.wrapper-page_overflow {
    overflow: hidden;
}

.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-inner {
    width: 100%;
}

.content-inner--full {
    width: 100% !important;
}

.aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.aside .yandex-rtb {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.aside__fixed-inner {
    position: sticky;
    top: 0;
}

.title-page {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 15px;
    letter-spacing: .6px;
}

.title-page > span {
    position: relative;
    border-bottom: 2px dashed #ed7932;
    color: #ed7932;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.title-page > span:hover {
    border-color: #121820;
    color: #121820;
}

.title-page > span .city-collapse {
    cursor: default;
}

.wrapper-page {
    padding-bottom: 0;
}

.wrapper-page.index-page:before, .wrapper-page.index-page:after {
    content: none;
}

.footer.footer--index-page:before, .footer.footer--index-page:after {
    content: none;
}

._AP-pageList .list-group-item {
    display: block;
}

._AP {
    z-index: 99;
}

body {
    font-family: 'gt_eesti_pro_text', 'sans-serif';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    color: #121820;
    background: #fff;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'gt_eesti_pro_text', 'sans-serif';
    line-height: 1.625;
    margin: 0;
    padding: 0;
    color: #121820;
}

h1 {
    font-size: 50px;
    font-weight: 700;
}

h2 {
    font-size: 40px;
    font-weight: 700;
}

h3 {
    font-size: 30px;
    font-weight: 600;
}

h4 {
    font-size: 24px;
    font-weight: 600;
}

h5 {
    font-size: 20px;
    font-weight: 300;
}

h6 {
    font-size: 18px;
    font-weight: 300;
}

p {
    margin: 0;
    padding: 0;
}

hr {
    overflow: hidden;
    height: 1px;
    margin: 32px 0;
    border: 0;
    background: #e9e9e9;
}

q, blockquote {
    font-style: italic;
    display: block;
    text-align: center;
}

strong, b {
    font-weight: 700;
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: #ed7932;
}

a.button {
    text-decoration: none;
}

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

a:hover {
    color: #121820;
}

[class*='icon-'] {
    display: inline-block;
    vertical-align: top;
}

img[style*='float:left'], img[style*='float:left'], img[align='left'] {
    margin: 0 20px 5px 0;
}

img[style*='float:right'], img[style*='float:right'], img[align='right'] {
    margin: 0 0 5px 20px;
}

.static-content {
    font-size: 14px;
}

.static-content blockquote {
    padding-left: 20px;
    text-align: left;
    border-left: 2px solid #ccc;
}

.static-content ul {
    margin: 20px 0;
}

.static-content ul li {
    position: relative;
    padding-left: 20px;
}

.static-content ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #3c91d3;
}

.static-content ol {
    margin: 20px 0;
    list-style-position: inside;
    list-style-type: decimal;
    counter-reset: item;
}

.static-content ol li {
    position: relative;
    display: block;
}

.static-content ol li:before {
    font-weight: 700;
    display: inline;
    content: counters(item, '.') '. ';
    counter-increment: item;
    vertical-align: top;
}

.static-content p {
    margin-bottom: 22px;
}

.static-content table {
    width: 100%;
    border-collapse: collapse;
}

.static-content table th {
    font-weight: 700;
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #000;
}

.static-content table td {
    padding: 5px;
}

.static-content table tr:nth-child(odd) td {
    background-color: #f4f4f4;
}

.static-content img {
    max-width: 100%;
}

.static-content.static-content--page h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 10px;
    letter-spacing: 1.2px;
}

.static-content.static-content--page h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    letter-spacing: 1.2px;
}

.static-content.static-content--page h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    letter-spacing: 1.2px;
}

.static-content.static-content--page h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    letter-spacing: 1.2px;
}

.static-content.static-content--page h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    letter-spacing: 1.2px;
}

.upper {
    text-transform: uppercase;
}

.blue {
    color: #9b9b9b;
}

.orange {
    color: #ed7932;
}

.btn {
    font-family: 'gt_eesti_pro_text', 'sans-serif';
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 18px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    vertical-align: top;
    text-transform: none;
    color: #fff;
    border: 1px solid #ed7932;
    border-radius: 10px;
    background: #ed7932;
}

.btn:hover, .btn.active {
    color: #ed7932;
    background: #fff;
}

.btn.disabled, .btn[disabled='disabled'], .btn[disabled] {
    cursor: not-allowed;
    color: #ccc;
    border-color: #ccc;
    background: #9b9b9b;
}

.btn--blue {
    border-color: #3c91d3;
    background: #3c91d3;
}

.btn--blue.btn--shadow {
    border-color: #3c91d3;
}

.btn--blue:hover {
    color: #3c91d3;
}

.btn--medium {
    padding: 11px 26px;
}

.btn--shadow {
    border-bottom: 4px solid #a45423;
}

.btn--gray {
    border-color: #9b9b9b;
    background-color: #9b9b9b;
}

.btn--gray:hover {
    color: #9b9b9b;
}

textarea, select, input[type='text'], input[type='password'] {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 16px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #121820;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder {
    color: #9b9b9b;
}

textarea::-moz-placeholder, select::-moz-placeholder, input[type='text']::-moz-placeholder, input[type='password']::-moz-placeholder {
    opacity: 1;
    color: #9b9b9b;
}

textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type='text']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder {
    color: #9b9b9b;
}

textarea:focus::-moz-placeholder, select:focus::-moz-placeholder, input[type='text']:focus::-moz-placeholder, input[type='password']:focus::-moz-placeholder {
    opacity: 1;
    color: transparent;
}

textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, input[type='text']:focus::-webkit-input-placeholder, input[type='password']:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, input[type='text']:focus:-ms-input-placeholder, input[type='password']:focus:-ms-input-placeholder {
    color: transparent;
}

textarea:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, input[type='text']:focus::-ms-input-placeholder, input[type='password']:focus::-ms-input-placeholder {
    color: transparent;
}

textarea:focus::placeholder, select:focus::placeholder, input[type='text']:focus::placeholder, input[type='password']:focus::placeholder {
    color: transparent;
}

textarea:focus, select:focus, input[type='text']:focus, input[type='password']:focus {
    border-color: #3c91d3;
    background-color: #fff;
}

textarea.disabled, textarea[disabled='disabled'], textarea[disabled], select.disabled, select[disabled='disabled'], select[disabled], input[type='text'].disabled, input[type='text'][disabled='disabled'], input[type='text'][disabled], input[type='password'].disabled, input[type='password'][disabled='disabled'], input[type='password'][disabled] {
    background-color: #f3f3f3;
}

textarea {
    height: 200px;
    padding: 16px 15px;
    resize: none;
}

input[type='file'] {
    display: none;
}

input[type='file'] + label {
    font-size: 16px;
    line-height: 22px;
    display: block;
    padding: 9px 18px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    color: #fff;
    border: 1px solid #ed7932;
    border-radius: 10px;
    background: #ed7932;
}

input[type='file'] + label:hover {
    color: #ed7932;
    background: #fff;
}

select {
    display: block;
    padding-right: 40px;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 29px 46px 29px 17px;
}

.select-wrap {
    position: relative;
    z-index: 1;
}

.select-wrap:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -4px;
    content: '';
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.row {
    font-size: 0;
    line-height: 0;
    margin-right: -10px;
    margin-left: -10px;
}

.col {
    font-size: 16px;
    line-height: 1.625;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    vertical-align: top;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.no-gutter .col {
    padding: 0;
}

.popup {
    display: none;
    width: 100%;
    max-width: 385px;
    padding: 28px 20px 22px;
}

.popup__title {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
}

.popup .form-wrapper {
    padding-bottom: 10px;
}

.popup .form-wrapper .row {
    padding-bottom: 20px;
}

.popup .form-wrapper .col {
    position: relative;
    padding-bottom: 0;
}

.popup .form-wrapper .checkbox span {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
}

.popup__form-group {
    padding-bottom: 10px;
}

.popup .popup__form-link {
    padding-top: 15px;
    text-align: center;
}

.popup .popup__form-link a {
    font-size: 16px;
    line-height: 18px;
    text-decoration: underline;
    color: #fff;
}

.popup .popup__info {
    position: relative;
}

.popup .popup__info-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #ed7932;
}

.popup .popup__info-txt {
    font-size: 20px;
    line-height: 30px;
    margin: 0 -10px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
}

.popup__form-label {
    display: none;
}

.popup__input {
    position: relative;
}

.popup__input input {
    padding-left: 43px;
}

.popup__input .icon-svg {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 18px;
    height: 18px;
    fill: #9b9b9b;
}

.fancybox-slide--html .fancybox-close-small {
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    opacity: 1;
    border-radius: 30px;
    background: #fff;
}

.fancybox-slide--html .fancybox-close-small:hover::before, .fancybox-slide--html .fancybox-close-small:hover::after {
    border-color: #ed7932;
}

.fancybox-slide--html .fancybox-close-small::before, .fancybox-slide--html .fancybox-close-small::after {
    position: absolute;
    top: 14px;
    left: 8px;
    width: 15px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 15px;
    background: #2a2f36;
}

.fancybox-slide--html .fancybox-close-small::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-slide--html .fancybox-close-small::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fancybox-button svg {
}

.fancybox-content {
    position: static;
}

.fancybox-active {
    height: 100%;
}

.fancybox-content {
    overflow: visible;
    background: transparent;
}

.popup-simple {
    position: relative;
    display: none;
    padding: 30px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.popup-simple#popup-send-link {
    width: 360px;
}

.popup-simple#popup-new-category {
    width: 620px;
}

.popup-simple#popup-send-link .captcha .g-recaptcha {
    transform: scale(0.94);
    transform-origin: 0 0;
}

.popup-simple__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.popup-simple__aside {
    overflow: hidden;
    margin: 0 -30px -30px -30px;
    padding: 30px;
    border-radius: 0 0 30px 30px;
    background-color: #f8f8f8;
}

.popup-simple__inner {
    width: 100%;
    padding-bottom: 30px;
}

.popup-simple .link-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 0 30px 0 0;
}

.popup-simple .link-close:before, .popup-simple .link-close:after {
    position: absolute;
    top: 14px;
    left: 8px;
    width: 15px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 15px;
    background: #2a2f36;
}

.popup-simple .link-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-simple .link-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-simple .fancybox-button.fancybox-close-small {
    display: none;
}

.popup-simple__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 20px;
    letter-spacing: .88px;
}

.popup-simple .form-wrapper .row {
    padding-bottom: 15px;
}

.popup-simple .form-wrapper .row:last-child {
    padding-bottom: 0;
}

.popup-simple .form-wrapper .row-spinner .form-label {
    min-height: auto;
    padding-right: 15px;
    padding-bottom: 0;
    white-space: nowrap;
}

.popup-simple .form-wrapper .col {
    padding-bottom: 0;
}

.popup-simple .form-wrapper .col-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup-simple .form-wrapper .form-txt a {
    margin-left: 5px;
    text-decoration: underline;
}

.popup-simple .required-txt {
    font-size: 14px;
    line-height: 1;
    padding-bottom: 15px;
}

.popup-simple .btn {
    width: auto;
    min-width: 160px;
    height: 50px;
}

.popup-simple .tarifs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-simple .tarifs .item {
    padding-top: 15px;
}

.popup-simple .tarifs .item:first-child {
    padding-top: 0;
}

.popup-simple .tarifs__row {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup-simple .tarifs .period {
    padding-right: 25px;
    color: #9b9b9b;
}

.popup-simple .tarifs .value {
    font-weight: 600;
    color: #ed7932;
}

.popup-simple .tarifs--center .tarifs__row {
    padding-bottom: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-simple .tarifs--center .period {
    padding-right: 8px;
}

.popup-simple .popup-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.popup-simple .popup-product-inner {
    padding-bottom: 30px;
}

.popup-simple .popup-product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-simple .popup-product-info .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 7px;
    letter-spacing: .64px;
}

.popup-simple .popup-product-info .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #3c91d3;
}

.popup-simple .popup-product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.popup-simple .popup-product-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 85px;
    margin-right: 15px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.popup-simple .popup-product-photo img {
    height: 85px;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain;
}

.popup-simple .popup-product .info-messages {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 10px 15px;
}

.popup-simple .popup-product .info-messages span {
    font-size: 14px;
    line-height: 1;
}

.popup-simple .popup-product .popup-product-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.popup-simple .popup-product .popup-product-desc .item {
    padding-top: 12px;
}

.popup-simple .popup-product .popup-product-desc .item:first-child {
    padding-top: 0;
}

.popup-simple .popup-product .popup-product-desc span {
    padding-right: 5px;
    color: #9b9b9b;
}

.about {
    position: relative;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 20px;
    background-color: #3c91d3;
}

.about--orange .about {
    background-color: #ed7932;
}

.about-holder {
    display: block;
    margin: 0 -20px 40px;
}

.about .inner {
    position: relative;
    z-index: 1;
    max-width: 1050px;
    margin: 0 auto;
}

.about .inner-lg {
    max-width: 1366px;
    padding: 0 20px;
}

.about .about-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.1;
    padding-bottom: 15px;
    letter-spacing: .5px;
    color: #fff;
}

.about .content-txt {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.about .content-txt p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 25px;
    color: #fff;
}

.about .decor {
    display: none;
}

.advanced-edit {
    max-width: 770px;
    margin: 0 0 20px;
}

.advanced-edit .preview {
    width: 100%;
    max-width: 200px;
    margin: 0 0 30px;
}

.advanced-edit .preview-inner {
    border-left: 1px solid #f4f4f4;
}

.advanced-edit .preview-title {
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    padding: 7px 10px;
    color: #121820;
    background-color: #f4f4f4;
}

.advanced-edit .preview-product {
    padding: 15px;
    text-align: center;
}

.advanced-edit .preview-img {
    height: 100px;
    margin: 0 0 15px;
}

.advanced-edit .preview-img img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.advanced-edit .preview-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 13px;
    color: #3c91d3;
}

.advanced-edit .preview-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #121820;
}

.advanced-edit .advanced-row {
    margin: 0 0 20px;
}

.advanced-edit .advanced-row-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 8px;
    color: #121820;
}

.advanced-edit .advanced-status-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advanced-edit .advanced-status-head .more {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    padding-right: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}

.advanced-edit .advanced-status-head .more:hover {
    color: #ed7932;
}

.advanced-edit .advanced-status-head .more:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 3px;
    width: 0;
    height: 0;
    margin-top: -2px;
    content: '';
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.advanced-edit .advanced-status-head .more.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.advanced-edit .advanced-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.advanced-edit .advanced-product-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #3c91d3;
}

.advanced-edit .advanced-link {
    margin: 5px 0 20px;
}

.advanced-edit .advanced-link a {
    font-size: 12px;
    margin-right: 10px;
    text-decoration: underline;
    color: #ed7932;
}

.advanced-edit .advanced-link a:hover {
    color: #121820;
}

.advanced-edit .advanced-status-form {
    display: none;
    padding: 20px 20px 10px;
    border-radius: 10px;
    background-color: #f2f2f2;
}

.advanced-edit .advanced-status-form.active {
    display: block;
}

.advanced-edit .advanced-status-form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.advanced-edit .advanced-status-form .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advanced-edit .advanced-status-form .col:first-child {
    padding: 0;
}

.advanced-edit .advanced-status-form label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    width: 42%;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.advanced-edit .advanced-status-form .input {
    font-size: 12px;
    width: 50px;
    height: 30px;
    margin: 0 5px;
    padding: 9px 10px 6px;
    color: #9b9b9b;
}

.advanced-edit .advanced-status-form span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
}

.advanced-edit .advanced-status-form .input-wrap {
    position: relative;
}

.advanced-edit .advanced-status-form .input-wrap .input {
    width: 100%;
    max-width: 170px;
    margin: 0 0 0 5px;
    padding-right: 30px;
}

.advanced-edit .advanced-status-form .input-wrap .icon-calendar {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 12px;
    height: 12px;
}

.advanced-edit .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advanced-edit .status-link {
    font-size: 20px;
    line-height: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advanced-edit .status-link--play {
    color: #4cd964;
}

.advanced-edit .status-link--pause {
    color: #d94c4c;
}

.advanced-edit .status-link:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4px;
    width: 0;
    height: 0;
    margin-top: -4px;
    content: '';
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.advanced-edit .status-link:after {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    content: '';
    border-radius: 50%;
    background-color: #4cd964;
}

.banner {
    margin: 0 -20px;
    padding-bottom: 30px;
}

.banner a img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.brands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.brands .wrapper {
    width: 100%;
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.brands .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 15px;
    color: #2d2d2d;
}

.brands .links a {
    text-decoration: underline;
}

.brands__overflow {
    display: none;
}

.brands__overflow_visible {
    display: inline;
}

.breadcrumbs {
    padding-bottom: 20px;
}

.breadcrumbs ul {
    font-size: 0;
    line-height: 0;
}

.breadcrumbs li {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    padding: 0 9px 0 0;
    vertical-align: top;
    color: #121820;
}

.breadcrumbs li:last-child {
    padding-right: 0;
}

.breadcrumbs a {
    margin-right: 9px;
    color: #ed7932;
    border-bottom: 1px solid #ed7932;
}

.breadcrumbs a:hover {
    color: #121820;
    border-bottom-color: #121820;
}

.breadcrumbs li {
    position: relative;
}

.breadcrumbs__dropdown {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    padding: 10px;
    left: 0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.breadcrumbs li:hover .breadcrumbs__dropdown {
    display: block;
}

.breadcrumbs__dropdown a {
    padding: 5px;
    border: none;
    margin: 0;
    display: block;
}

.canbuy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.canbuy .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
}

.canbuy .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.canbuy .item:first-child {
    padding-top: 0;
}

.canbuy .item .icon-svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #ed7932;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.catalog {
    padding-bottom: 20px;
}

.catalog h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 20px;
    letter-spacing: .6px;
}

.catalog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.catalog__list li {
    padding: 0 0 20px;
}

.catalog__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog__list li a:hover .txt {
    color: #ed7932;
}

.catalog__list li .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 15px;
    background-color: #3c91d3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog__list li .icon svg {
    width: 31px;
    height: 31px;
    fill: #fff;
}

.catalog__list li .txt {
    font-size: 18px;
    line-height: 24px;
    color: #121820;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.category {
    padding-bottom: 30px;
}

.category h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 14px;
    letter-spacing: .6px;
}

.category h2 a {
    margin: 0 5px;
    border-bottom: 2px dashed #ed7932;
}

.category h2 a:hover {
    border-color: #121820;
}

.category .item {
    position: relative;
    margin-bottom: 20px;
}

.category .item_hidden {
    display: none;
}

.category .item .title {
    padding-bottom: 5px;
}

.category .item .title a {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-right: 10px;
    color: #3c91d3;
}

.category .item .title a:hover {
    color: #ed7932;
}

.category .item .title span {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.category .item .subcategory {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.category .item .subcategory__hidden {
    display: none;
}

.category .item .subcategory a {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
    text-decoration: underline;
    color: #121820;
    color: #2d2d2d;
}

.category .item .subcategory a:hover {
    color: #ed7932;
}

.category .more {
    text-align: center;
}

.category .description {
    margin-top: 20px;
}

.category .more a {
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px dashed #ed7932;
}

.category .more a:hover {
    border-bottom: 1px solid #ed7932;
}

.category-popular {
    padding-bottom: 40px;
}

.category-popular h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 20px;
    letter-spacing: .6px;
}

.category-popular__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-popular__list li {
    width: 50%;
    padding: 0 7px 14px;
}

.category-popular__list li a {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 95px;
    padding: 25px 20px;
    text-align: center;
    color: #121820;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.category-popular__list li a:hover {
    color: #ed7932;
}

.company-offices__list .item {
    margin: 0 0 28px;
}

.company-offices__list .name {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px;
    color: #121820;
}

.company-offices__list .address {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 15px;
    color: #9b9b9b;
}

.company-offices__list .link-edit {
    line-height: 1;
}

.company-offices__list .link-edit a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color: #ed7932;
}

.company-offices__list .link-edit a:hover {
    text-decoration: none;
}

.company {
    padding-bottom: 20px;
}

.company h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 10px;
    letter-spacing: .6px;
}

.company .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.company .item {
    margin: 10px;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.company .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.company .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.company .photo img {
    width: 50px;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.company .inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.company .inner .title {
    padding-bottom: 6px;
}

.company .inner .title a {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #3c91d3;
}

.company .inner .title a:hover {
    color: #ed7932;
}

.company .inner p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px;
}

.company .inner .info {
    padding-bottom: 15px;
}

.company .inner .info .price {
    font-size: 12px;
    line-height: 14px;
    text-decoration: underline;
}

.company .inner .info .price:hover {
    text-decoration: none;
}

.company .inner .info .txt {
    font-size: 12px;
    line-height: 14px;
    padding-left: 15px;
    color: #9b9b9b;
}

.company__contacts {
    padding-left: 60px;
}

.company__contacts .box {
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company__contacts .box:first-child {
    padding-top: 0;
}

.company__contacts .box svg {
    margin-right: 5px;
    fill: #9b9b9b;
}

.company__contacts .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.company__contacts .rating svg {
    width: 13px;
    height: 12px;
    fill: #d5d5d5;
}

.company__contacts .rating .active svg {
    fill: #ed7932;
}

.companies-desc .company {
    margin-top: -20px;
}

.companypage .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.companypage .banner {
    padding-bottom: 30px;
}

.companypage .box-txt {
    padding-bottom: 30px;
}

.companypage .box-txt .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    padding-bottom: 10px;
    letter-spacing: .8px;
}

.companypage .box-txt .title a {
    margin-left: 10px;
    text-decoration: underline;
}

.companypage .box-txt .title a:hover {
    color: #121820;
}

.companypage .box-txt p {
    font-size: 14px;
    margin-bottom: 10px;
}

.companypage .btn {
    display: inline-block;
    width: auto;
}

.companypage .companypage-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.companypage .companypage-link .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.companypage .companypage-link .logo img {
    max-width: 100%;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.companypage .companypage-link .link div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.companypage .companypage-link .link a {
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    text-decoration: underline;
    color: #121820;
}

.companypage .companypage-link .link a:hover {
    color: #ed7932;
}

.companypage .companypage-link .link svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 5px;
    fill: #ed7932;
}

.companypage .companypage-contacts h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 1.2px;
}

.companypage .companypage-contacts .inner > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.companypage .companypage-contacts .inner > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.companypage .companypage-contacts .inner > div .price-doc {
    padding-right: 25px;
}

.companypage .companypage-contacts .inner > div .tel {
    font-size: 20px;
    line-height: 23px;
    margin-right: 20px;
    color: #121820;
}

.companypage .companypage-contacts .inner > div .tel:hover {
    color: #ed7932;
}

.price-doc, .solink {
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-doc a, .solink a {
    margin-left: 5px;
}

.price-doc a:first-child, .solink a:first-child {
    margin-left: 10px;
}

.price-doc .icon-svg, .solink .icon-svg {
    width: 16px;
    height: 16px;
}

.price-doc svg.icon-excel {
    fill: #4cd964;
}

.price-doc svg.icon-pdf {
    fill: #d94c4c;
}

.price-doc svg.icon-print {
    fill: #3c91d3;
}

.solink .icon-svg.icon-vk {
    fill: #4cd964;
}

.solink .icon-svg.icon-odnok {
    fill: #d94c4c;
}

.solink .icon-svg.icon-fb {
    fill: #4cd964;
}

.solink .icon-svg.icon-insta {
    fill: #d94c4c;
}

.company-wrapper .item {
    padding-bottom: 30px;
}

.company-wrapper .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    letter-spacing: 1.2px;
}

.company-wrapper .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.company-wrapper .info {
    width: 100%;
}

.company-wrapper .map {
    width: calc(100% + 40px);
    margin: 0 -20px;
}

.company-wrapper .tel {
    padding-bottom: 10px;
}

.company-wrapper .tel a {
    font-size: 22px;
    font-weight: 400;
    color: #121820;
}

.company-wrapper .tel a:hover {
    color: #ed7932;
}

.company-wrapper .solink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-wrapper .solink .icon-svg {
    width: 16px;
    height: 16px;
}

.company-wrapper .office .city {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 15px;
}

.company-wrapper .office .box {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 20px;
}

.company-wrapper .office .box-title {
    padding-bottom: 5px;
    color: #9b9b9b;
}

.company-wrapper .some-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 15px;
}

.company-wrapper .some-text span {
    padding-left: 5px;
    color: #9b9b9b;
}

.company-wrapper .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.company-wrapper .links .solink {
    padding-bottom: 0;
}

.company-wrapper .links .price-doc {
    padding-bottom: 10px;
}

.company-wrapper .category-list {
    padding-bottom: 30px;
}

.company-wrapper .category-item {
    position: relative;
}

.company-wrapper .cats {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.company-wrapper .cats__col {
    width: 50%;
}

@media (max-width: 1024px) {
    .company-wrapper .cats__col {
        width: 100%;
    }
}

.company-wrapper .cats__group {
    position: relative;
}

.company-wrapper .cats__group_selected > a {
    font-weight: 600;
}

.company-wrapper .cats__group-dropdown {
    display: none;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    padding: 10px;
    left: 0;
    top: 100%;
    z-index: 10;
    line-height: 16px;
}

.company-wrapper .cats__group.active .cats__group-dropdown {
    display: block;
}

.company-wrapper .cats__group-dropdown ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.company-wrapper .cats__group-dropdown ul li {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.company-wrapper .cats__group-dropdown .selected {
    font-weight: 600;
    color: #121820;
}

.company-wrapper .cats__group-child {
    margin-left: 15px;
    font-weight: 600;
}

.company-wrapper .category-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: underline;
    color: #121820;
}

.company-wrapper .category-link:hover {
    color: #ed7932;
}

.company-wrapper .category-link.active {
    font-weight: 600;
}

.company-wrapper .actual-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 25px;
}

.company-wrapper .add-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 15px;
}

.company-wrapper .info-messages {
    margin-bottom: 25px;
}

.company-wrapper .info-messages span {
    font-size: 14px;
}

.company-wrapper .nopublic {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 25px;
}

.company-wrapper .nopublic-title {
    padding-bottom: 10px;
}

.company-wrapper .nopublic li {
    padding-top: 10px;
    color: #9b9b9b;
}

.company-wrapper .nopublic li:first-child {
    padding-top: 0;
}

.company-wrapper .review-bottom {
    max-width: 830px;
}

.company-wrapper .review-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
}

.company-wrapper .review-rating {
    max-width: 100%;
}

.company-wrapper .review-title {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 10px;
}

.company-wrapper .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
}

.company-wrapper .rating > div {
    margin-left: 10px;
}

.company-wrapper .rating > div:first-child {
    margin-left: 0;
}

.company-wrapper .rating .icon-svg {
    width: 34px;
    height: 32px;
    fill: #d5d5d5;
}

.company-wrapper .rating .active .icon-svg {
    fill: #ed7932;
}

.company-wrapper .review-question .box {
    padding-bottom: 20px;
}

.company-wrapper .review-question .question {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 8px;
    color: #9b9b9b;
}

.company-wrapper .review-question .review-radio-group {
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.company-wrapper .review-question .review-radio-group .radio {
    padding-left: 28px;
}

.company-wrapper .review-question .review-radio-group .radio:first-child {
    padding-left: 0;
}

.company-wrapper .review-form {
    width: calc(100% + 40px);
    margin: 0 -20px 30px;
    padding: 20px;
    border-radius: 10px;
    background-color: #f2f2f2;
}

.company-wrapper .review-form-title {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 18px;
}

.company-wrapper .review-form .row {
    padding-bottom: 20px;
}

.company-wrapper .review-form .row:last-child {
    padding-bottom: 0;
}

.company-wrapper .review-form .col {
    padding-bottom: 0;
}

.compare-page {
    max-width: 830px;
    margin: 0 auto;
}

.comparebox {
    padding: 10px 0 40px 0;
}

.comparebox .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
    background: url('/themes/propartner/assets/img/photo-2.png') 50% 100% no-repeat;
    background-size: contain;
}

.comparebox .packet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 43%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comparebox .packet .title {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.comparebox .packet .desc {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 20px;
    color: #9b9b9b;
}

.comparebox .packet .price-box {
    padding-bottom: 20px;
}

.comparebox .packet .price-box .price-main {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding-bottom: 5px;
}

.comparebox .packet .price-box .price-add {
    font-size: 12px;
    line-height: 20px;
    color: #9b9b9b;
}

.comparebox .packet .btn {
    display: none;
}

.comparebox .packet--standart .title {
    color: #3c91d3;
}

.comparebox .packet--premium {
    margin-left: auto;
}

.comparebox .packet--premium .title {
    color: #ed7932;
}

.comparebox .compare-inner {
    margin-bottom: 20px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background-color: #fff;
}

.comparebox .compare-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #d5d5d5;
}

.comparebox .compare-row:first-child {
    border: none;
}

.comparebox .compare-col {
    font-size: 12px;
    line-height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 15px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.comparebox .compare-col:nth-child(1), .comparebox .compare-col:nth-child(3) {
    width: 29%;
}

.comparebox .compare-col:nth-child(2) {
    width: 42%;
}

.comparebox .compare-col--check {
    color: #4cd964;
}

.comparebox .compare-col--uncheck {
    color: #d94c4c;
}

.comparebox .compare-col .icon-valid {
    width: 12px;
    height: 12px;
    fill: #4cd964;
}

.comparebox .compare-col .icon-error {
    width: 12px;
    height: 10px;
    fill: #d94c4c;
}

.comparebox .compare-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
}

.comparebox .compare-btn span {
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comparebox .compare-btn span .icon-question {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    fill: #3c91d3;
}

.comparebox .compare-btn span a {
    margin: 0 5px;
    text-decoration: underline;
}

.comparebox .compare-btn .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding: 16px 40px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.contacts .wrapper {
    width: 100%;
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.contacts-info {
}

.contacts-info .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.contacts-info .box:first-child {
    padding-top: 0;
}

.contacts-info .box span {
    font-size: 16px;
    line-height: 18px;
}

.contacts-info .box span.count {
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 5px;
    color: #9b9b9b;
}

.contacts-info .box svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.contacts-info .box .icon-valid {
    fill: #4cd964;
}

.contacts-info .box a {
    text-decoration: underline;
    color: #121820;
}

.contacts-info .box a:hover {
    color: #ed7932;
}

.contacts-info .box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-info .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
    margin-left: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-info .rating svg {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    fill: #d5d5d5;
}

.contacts-info .rating .active svg {
    fill: #ed7932;
}

.contacts-info .box-review {
    padding-bottom: 30px;
}

.contacts-info .box-review .title {
    font-size: 22px;
    font-weight: 700;
}

.contacts-info .box-review a {
    text-decoration: underline;
    color: #9b9b9b;
}

.contacts-info .box-review a:hover {
    color: #ed7932;
}

.contacts-info .box-site a {
    text-decoration: underline;
    color: #3c91d3;
}

.contacts-info .box-site a:hover {
    color: #ed7932;
}

.contacts-info .total {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding: 15px;
    background-color: #f2f2f2;
}

.delivery-desc .static-content {
    max-width: 850px;
}

.delivery-desc .delivery-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.delivery-desc .delivery-box__col {
    width: 100%;
}

.delivery-desc .delivery-box__col span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin: 0 0 10px;
    color: #9b9b9b;
}

.delivery-desc .delivery-box__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px;
    color: #ed7932;
}

.delivery-desc .delivery-country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px 15px;
}

.delivery-desc .delivery-country__col {
    padding: 0 12px;
}

.delivery-desc .delivery-country__col span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin: 0 0 10px;
    color: #9b9b9b;
}

.delivery-desc .delivery-country__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #121820;
}

.delivery-desc .delivery-office {
    margin: 0 0 30px;
}

.delivery-desc .delivery-office__title {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 14px;
}

.delivery-desc .delivery-office__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.delivery-desc .delivery-office__col {
    width: 100%;
}

.delivery-desc .delivery-office .delivery__map {
    width: calc(100% + 20px);
    height: 275px;
    margin: 0 -10px 10px;
}

.delivery-desc .delivery-office__link a {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 15px 0 0;
    text-decoration: underline;
    color: #3c91d3;
}

.delivery-desc .delivery-office__link a:hover {
    text-decoration: none;
}

.delivery-desc .delivery-office__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin: 0 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

.delivery-desc .delivery-office__row--col {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.delivery-desc .delivery-office__row .label {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 5px 0 0;
    color: #9b9b9b;
}

.delivery-desc .delivery-office__row .value {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #121820;
}

.delivery-desc .delivery-office__row .value a {
    color: #121820;
}

.delivery-desc .delivery-office__row .value a:hover {
    text-decoration: underline;
}

.error {
    max-width: 660px;
    margin: 0 auto;
    padding: 40px 0;
}

.error .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.error img {
    width: 100%;
    padding-bottom: 77px;
}

.error span {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: .4px;
    color: #000;
}

.error a {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    letter-spacing: .27px;
    color: #3c91d3;
}

.error a:hover {
    color: #ed7932;
}

.faq {
    padding-bottom: 20px;
}

.faq .title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
    letter-spacing: 1.2px;
}

.faq .item {
    padding-top: 30px;
}

.faq .item:first-child {
    padding-top: 0;
}

.faq .item.active .answer {
    display: block;
}

.faq .item.active .text {
    text-decoration: none;
}

.faq .question {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    letter-spacing: .88px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq .question .icon {
    font-family: Arial, sans-serif;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    background-color: #ed7932;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.faq .question .text {
    text-decoration: underline;
}

.faq .question .text:hover {
    color: #ed7932;
}

.faq .answer {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: none;
    padding-top: 14px;
    padding-left: 30px;
    letter-spacing: .64px;
}

.footer {
    position: relative;
    padding: 25px 0;
    background-color: #121820;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.footer ul {
    padding-bottom: 20px;
    text-align: center;
}

.footer ul li {
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.footer ul li:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 1px;
    height: 15px;
    content: '';
    border-left: 1px solid #fff;
}

.footer ul li:first-child:before {
    content: none;
}

.footer ul li:first-child {
    padding-left: 0;
}

.footer ul a {
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    color: #fff;
}

.footer ul a:hover {
    color: #ed7932;
}

.footer__copyright {
    max-width: 650px;
    margin: 0 auto;
}

.footer__copyright div {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #fff;
}

.footer__copyright a:hover {
    color: #ed7932;
}

.form-wrapper .title {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 10px;
    letter-spacing: .6px;
}

.form-wrapper .row {
    padding-bottom: 0;
}

.form-wrapper .row .row {
    padding-bottom: 0;
}

.form-wrapper .row-subscribe {
    margin-top: -10px;
}

.form-wrapper .col {
    padding-bottom: 20px;
}

.form-wrapper .col .col {
    padding-bottom: 0;
}

.form-wrapper .form-label, .form-wrapper .control-label {
    line-height: 18px;
    color: #121820;
    display: block;
    min-height: 28px;
    padding-bottom: 10px;
}

.form-wrapper .has-error .help-block {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    color: #ed7932;
}

.form-wrapper .form-label-null {
    line-height: 1;
    min-height: 0;
    margin: 0;
    padding: 0;
}

.form-wrapper .form-label-null + .form-txt {
    padding-top: 0;
}

.form-wrapper .form-txt {
    font-size: 14px;
    line-height: 1.625;
    padding-top: 10px;
}

.form-wrapper .form-txt a {
    text-decoration: underline;
}

.form-wrapper .form-upload label {
    display: inline-block;
}

.form-wrapper .checkbox span {
    color: #121820;
}

.form-wrapper .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-wrapper .btn-wrap .btn {
    display: inline-block;
    width: 100%;
    min-width: 160px;
    margin-bottom: 15px;
    padding: 16px 40px;
}

.form-wrapper .btn-wrap .btn--simple {
    min-width: auto;
    padding: 0;
    color: #121820;
    border: none;
    background: transparent;
}

.form-wrapper .btn-wrap .btn--simple:hover {
    color: #ed7932;
}

.form-wrapper .btn-wrap.btn-wrap--pack {
    margin-right: -15px;
}

.form-wrapper .btn-wrap.btn-wrap--pack .btn {
    font-size: 14px;
    width: auto;
    min-width: auto;
    margin-right: 15px;
    padding: 10px 15px 8px;
}

.form-wrapper .form-count {
    font-size: 14px;
    line-height: 17px;
    padding-top: 10px;
    text-align: right;
    color: #9b9b9b;
}

.form-wrapper .checkbox-group {
    padding-bottom: 10px;
}

.form-wrapper .checkbox-group .checkbox {
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 22px;
}

.form-wrapper .checkbox-group .checkbox:last-child {
    padding-right: 0;
}

.form-wrapper .checkbox-group .checkbox span {
    font-size: 14px;
    line-height: 17px;
    color: #9b9b9b;
}

.form-wrapper .checkbox-group--column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-wrapper .checkbox-group--column .checkbox {
    width: 100%;
}

.form-wrapper .checkbox-group--row .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.form-wrapper .radio-group {
    margin-bottom: 20px;
}

.form-wrapper .radio-group .radio {
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 22px;
}

.form-wrapper .radio-group .radio:last-child {
    padding-right: 0;
}

.form-wrapper .radio-group .radio span {
    font-size: 14px;
    line-height: 17px;
    color: #9b9b9b;
}

.form-wrapper .radio-group--row .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.form-wrapper .info-text {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px;
    color: #9b9b9b;
}

.form-wrapper .info-text a {
    text-decoration: underline;
}

.form-wrapper .info-text--error {
    color: #d94c4c;
}

.form-wrapper .required {
    padding-left: 2px;
    color: #ed7932;
}

.form-wrapper .form-txt-question {
    padding-top: 15px;
}

.form-wrapper .form-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-wrapper .form-upload-info {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-wrapper .form-upload-title {
    display: none;
}

.form-wrapper .form-upload-row {
    width: 100%;
    padding-top: 10px;
}

.form-wrapper .form-upload-txt {
    font-size: 12px;
    line-height: 22px;
    color: #9b9b9b;
}

.form-wrapper .form-upload-result {
    font-size: 12px;
    line-height: 22px;
    margin-left: 10px;
}

.form-wrapper .form-upload-multiple label {
    display: inline-block;
    width: 90px;
    height: 80px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: url('/themes/propartner/assets/img/products/no-photo.png') 0 0 no-repeat;
    background-size: contain;
}

.form-wrapper .form-box {
    padding: 10px 0;
}

.form-wrapper .group-box {
    padding-bottom: 5px;
}

.form-wrapper .group-box label.checkbox, .form-wrapper .group-box label.radio {
    padding-bottom: 18px;
}

.form-wrapper .group-box .group-box-row .group-box-row {
    padding-left: 30px;
}

.form-wrapper .group-label {
    font-weight: 600;
    line-height: 18px;
    display: block;
    min-height: 28px;
    padding-bottom: 20px;
}

.form-wrapper .form-subtitle {
    font-size: 20px;
    font-weight: 600;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 15px;
}

.form-wrapper .form-subtitle--md {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 15px;
}

.form-wrapper .form-link {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    padding-top: 10px;
    text-decoration: underline;
}

.form-wrapper .form-link--right {
    text-align: right;
}

.form-wrapper .form-line {
    padding-top: 20px;
}

.form-wrapper .form-line .btn {
    display: inline-block;
    width: auto;
}

.form-wrapper .icon-question {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    fill: #3c91d3;
}

.form-wrapper .form-label .icon-question {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #ed7932;
}

.form-wrapper .icon-attention {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    fill: #fff;
}

.form-wrapper .form-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 25px;
}

.form-wrapper .form-files-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 -17px;
}

.form-wrapper .form-files-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 17px;
    text-align: center;
    color: #121820;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-wrapper .form-files-item:hover {
    color: #ed7932;
}

.form-wrapper .form-files-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.form-wrapper .form-files-item span img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.form-wrapper .form-files-holder {
    display: none;
}

.form-wrapper .form-files-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    max-width: 375px;
    padding-right: 23px;
    text-align: right;
    color: #9b9b9b;
}

.form-wrapper .form-files-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 228px;
    height: 228px;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-wrapper .form-files-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.form-wrapper_loading {
    position: relative;
}

.form-wrapper_loading::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.5;
    z-index: 1001;
    background: #fff;
}

.form-profile-edit .row-subscribe {
    margin-top: -10px;
}

.form-profile-edit .form-label {
    line-height: 18px;
    display: block;
    padding-bottom: 10px;
}

.form-profile-edit .checkbox span {
    color: #121820;
}

.form-profile-edit .btn-wrap .btn {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 16px 40px;
}

.form-profile-edit, .form-add-product, .form-add-company, .form-add-pack, .form-main-info-edit, .form-delivery, .form-add-office {
    max-width: 830px;
}

.form-requisits .form-subtitle {
    padding-bottom: 25px;
}

.form-requisits__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-requisits__column {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 10px;
}

.col-hide {
    display: none;
}

.info-pro {
    display: none;
}

.info-messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding: 7px 27px 7px 15px;
    border-radius: 10px;
    background-color: #3c91d3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-messages span {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info-messages .icon-svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 15px;
    fill: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.info-messages a {
    margin-left: 5px;
    text-decoration: underline;
    color: #fff;
}

.info-messages--red {
    background-color: #d94c4c;
}

.info-messages--gray {
    background-color: #f8f8f8;
}

.info-messages--gray span {
    color: #121820;
}

.delivery-regions-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px;
    color: #121820;
}

.delivery-regions ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delivery-regions-del {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 50px;
    background-color: #121820;
}

.delivery-regions-del:before, .delivery-regions-del:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 9px;
    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #fff;
}

.delivery-regions-del:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.certs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.certs__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 130px;
    height: 160px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.certs__item {
    position: relative;
    margin: 0 7px 20px;
}

.certs__item img {
    width: 100%;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.certs__item-del {
    position: absolute;
    z-index: 5;
    top: -7px;
    right: -7px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 50px;
    background-color: #121820;
}

.certs__item-del:before, .certs__item-del:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 9px;
    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #fff;
}

.certs__item-del:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.form-add-office .btn-add-item {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    color: #fff;
    border: 1px solid #ed7932;
    border-radius: 10px;
    background-color: #ed7932;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-add-office .btn-add-item:hover {
    color: #ed7932;
    background-color: transparent;
}

.form-add-office .form-box--contacts .row .row {
    padding-bottom: 0;
}

.form-add-office .box-work {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-add-office .day {
    width: 100%;
    margin: 0 0 5px 0;
}

.form-add-office .day-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-add-office .day span {
    font-size: 14px;
    font-weight: 400;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    padding: 5px;
    color: #fff;
    border: 1px solid #ed7932;
    border-radius: 5px;
    background-color: #ed7932;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-add-office .day span:first-child {
    margin: 0;
}

.form-add-office .day span.rest {
    color: #9b9b9b;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

.form-add-office .day .links a {
    font-size: 12px;
    margin-right: 10px;
    text-decoration: underline;
    color: #ed7932;
}

.form-add-office .day .links a:hover {
    color: #121820;
}

.form-add-office .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-add-office .time .icon-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.form-add-office .time span {
    padding: 0 10px;
    color: #9b9b9b;
}

.form-add-office .time .select {
    font-size: 14px;
    width: 80px;
    height: 30px;
    padding: 6px 30px 3px 10px;
    color: #9b9b9b;
    border-radius: 5px;
}

.form-add-office .time .select-wrap:before {
    right: 10px;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
}

.form-add-office .box-work-add {
    width: 100%;
}

.form-add-office .box-work-add a {
    font-size: 14px;
    color: #121820;
}

.form-add-office .box-work-add a:hover {
    color: #ed7932;
}

.header {
    position: relative;
    position: relative;
    z-index: 10;
    padding: 20px 0;
    background: #f6f2f2;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header__logo {
    margin-right: 10px;
}

.header__logo img {
    display: block;
    width: 160px;
    max-width: 100%;
}

.header-menu {
    font-size: 16px;
    line-height: 18px;
    position: fixed;
    z-index: 10;
    top: 0;
    right: -300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 100%;
    padding: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.header-menu.active {
    right: 0;
    -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .25);
}

.header-menu.active:before {
    visibility: visible;
    opacity: 1;
}

.header-menu.active a.header__city {
    margin-left: 0;
}

.header-menu a {
    font-size: 18px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 26px;
    color: #121820;
}

.header-menu a:hover {
    color: #ed7932;
}

.header-menu .header__city {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-menu .header__city .icon-svg {
    width: 22px;
    height: 22px;
    margin-top: -2px;
    margin-right: 4px;
    fill: #3c91d3;
}

.header-menu .header__city span {
    position: relative;
    max-width: 140px;
}

.header-menu .header__city span:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -10px;
    width: 0;
    height: 0;
    margin-top: -2px;
    content: '';
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.header-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__link--feedback, .header__link--user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.header__link--feedback svg, .header__link--user svg {
    width: 20px;
    height: 20px;
}

.header__link--feedback {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.header__link--user {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.header .btn--add {
    margin-right: 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.header .btn--add span {
    display: none;
}

.header .btn--add .icon-add_offer {
    display: block;
    width: 20px;
    height: 20px;
}

.header .search {
    width: 100%;
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.header .search-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

.header .search input {
    font-size: 14px;
    line-height: 17px;
    height: 40px;
    padding: 12px 15px;
    letter-spacing: .3px;
    color: #000;
    border-right: 0;
    border-radius: 3px 0 0 3px;
}

.header .search input::-webkit-input-placeholder {
    color: #2d2d2d;
}

.header .search input::-moz-placeholder {
    opacity: 1;
    color: #2d2d2d;
}

.header .search input:-ms-input-placeholder {
    color: #2d2d2d;
}

.header .search input:focus::-moz-placeholder {
    opacity: 1;
    color: transparent;
}

.header .search input:focus::-webkit-input-placeholder {
    color: transparent;
}

.header .search input:focus:-ms-input-placeholder {
    color: transparent;
}

.header .search input:focus::-ms-input-placeholder {
    color: transparent;
}

.header .search input:focus::placeholder {
    color: transparent;
}

.header .search__handler {
    display: block;
    position: relative;
    width: 200px;
    height: 40px;
    color: #fff;
    background: #121820;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px;
    padding: 10px 30px 10px 10px;
    white-space: nowrap;
}

.header .search__handler:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}

.header .dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 336px;
    visibility: hidden;
    padding: 10px;
    transition: all .3s ease-in-out;
    opacity: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    color: #121820;
}

.header .dropdown.active {
    z-index: 99;
    visibility: visible;
    opacity: 1;
}

.header .dropdown input {
    font-size: 14px;
    line-height: 17px;
    height: 40px;
    padding: 12px 15px;
    letter-spacing: .3px;
    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 3px 0 0 3px;
}

.header .dropdown ul {
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
}

.header .dropdown .countries {
    margin-bottom: 10px;
}

.header .dropdown .country {
    display: inline-block;
    color: #121820;
    border-radius: 5px;
    background-color: #f1f1f1;
    padding: 5px 7px;
    margin: 0;
    line-height: 1;
}

.header .dropdown .country.active {
    color: #fff;
    background-color: #ed7932;
}

.header .dropdown .countries-tabs {
    margin-top: 10px;
}

.header .dropdown .country-tab {
    display: none;
}

.header .dropdown .country-tab.active {
    display: block;
}

.header .dropdown .country-tab a {
    color: #121820;
    margin: 0;
}

.header .dropdown .country-tab a:hover {
    color: #ed7932;
}

.header .dropdown .country-tab ul li {
    line-height: 26px;
}

.header .dropdown .country-tab ul li:first-child a {
    font-weight: 700;
    margin-bottom: 10px;
}

.header .dropdown .country-tab ul li.region {
    margin-top: 10px;
    font-weight: 700;
}

.header .search .country-filter {
    display: none;
}

@media (max-width: 1024px) {
    .header .city__wrap .dropdown {
        min-width: auto;
        width: 100%;
    }

    .header .city__wrap .dropdown .country {
        display: block;
        margin-top: 5px;
    }
}

.header .search select {
    font-size: 18px;
    line-height: 21px;
    position: relative;
    z-index: 1;
    width: 120px;
    height: 40px;
    padding: 10px 30px 10px 10px;
    color: #fff;
    border: 0;
    border-radius: 0;
    background: #121820;
}

.header .search button {
    min-width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    background: #fff;
}

.header .search button .icon-search {
    fill: #3c91d3;
}

.header__burger {
    position: relative;
    z-index: 11;
    display: block;
    width: 20px;
    height: 16px;
    cursor: pointer;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.header__burger.active {
    display: none;
}

.header__burger .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #121820;
}

.header__burger .line:before, .header__burger .line:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #121820;
}

.header__burger .line:before {
    margin-top: -6px;
}

.header__burger .line:after {
    margin-top: 6px;
}

.header.header--main {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header.header--main:before {
    position: absolute;
    z-index: -1;
    bottom: 160px;
    left: 50%;
    width: 600px;
    height: 800px;
    content: '';
    background-color: #3c91d3;
}

.header.header--main .search {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.header.header--main .search form {
    margin-left: auto;
    padding-top: 25px;
}

.header.header--main .header-action {
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.header.header--main .header-action .icon-svg {
    fill: #fff;
}

.header.header--main .header__burger {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.header--promo {
    margin-bottom: 0 !important;
}

.header--promo .header__logo {
    margin-right: 40px;
}

.header--promo .header-action {
    display: none;
    margin-left: auto;
}

.header--promo .header-menu a {
    margin-right: 20px;
}

.header--promo .header__burger {
    margin-left: auto;
}

.city__wrap {
    position: relative;
}

.city-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.city-collapse.active {
    z-index: 99;
    visibility: visible;
    opacity: 1;
}

.city-collapse input {
    margin-bottom: 10px;
}

.city-collapse ul {
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
}

.city-collapse ul li {
    font-size: 0;
    line-height: 0;
    width: 200px;
    padding: 5px;
    letter-spacing: normal;
}

.city-collapse ul a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 0;
    color: #121820;
    border: 0;
}

.city-collapse ul a:hover {
    color: #ed7932;
}

.city-collapse ul li:first-child a {
    font-weight: 700;
    margin-bottom: 10px;
}

.city-collapse ul span {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #121820;
}

.city-collapse ul li.region {
    margin-top: 10px;
    font-weight: 700;
}

.city-collapse ul li.region a {
    font-weight: 700;
}

.mainbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mainbox-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 290px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.mainbox-wrapper:before {
    position: absolute;
    z-index: -1;
    bottom: 160px;
    left: 50%;
    width: 600px;
    height: 800px;
    content: '';
    background-color: #3c91d3;
}

.mainbox-wrapper .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: 30px;
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.mainbox-wrapper .head .title {
    font-size: 65px;
    font-weight: 600;
    line-height: 60px;
    padding-bottom: 20px;
    letter-spacing: 4px;
    color: #ed7932;
}

.mainbox-wrapper .head .title span {
    display: block;
    color: #121820;
}

.mainbox-wrapper .head .txt {
    font-size: 25px;
    line-height: 30px;
    display: block;
    padding-bottom: 15px;
}

.mainbox-wrapper .head .mainbox-link {
    display: inline-block;
    width: auto;
    margin-right: auto;
    padding: 20px 25px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.mainbox-wrapper .head .mainbox-link .icon-arrow_down {
    display: inline-block;
    width: 20px;
    height: 30px;
    fill: #121820;
}

.mainbox-wrapper .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 290px;
    margin-top: auto;
    margin-bottom: 50px;
}

.mainbox-wrapper .product .item {
    width: 100%;
    height: 365px;
    margin-bottom: 0;
    padding: 0;
}

.mainbox-wrapper .product .item .holder {
    height: 365px;
    min-height: auto;
}

.mainbox-wrapper .product .item .inner {
    padding: 15px 25px;
}

.mainbox-wrapper .product .item .available {
    padding: 0;
}

.mainbox-wrapper .product .item .photo {
    width: 240px;
}

.messages {
    padding-bottom: 30px;
}

.messages .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: -10px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.messages .item {
    position: relative;
    margin: 10px;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.messages .item.active .messages-add {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f2f2f2;
}

.messages .panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 7px 15px;
    border-radius: 20px;
    background-color: #f2f2f2;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.messages .panel-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 62%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.messages .panel-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 38%;
    margin-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

.messages .panel .box {
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0;
}

.messages .panel .box:first-child {
    margin-left: 0;
}

.messages .box, .messages .box a {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.messages .box a {
    text-decoration: underline;
}

.messages .box-action a {
    text-decoration: none;
    color: #121820;
}

.messages .box-action a:hover {
    color: #ed7932;
}

.messages .box-send {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.messages .box-send a {
    text-decoration: underline;
    color: #121820;
}

.messages .box-send a:hover {
    color: #ed7932;
}

.messages .box-author a {
    display: inline-block;
    overflow: hidden;
    max-width: 70px;
    margin-left: 6px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.messages .icon-svg {
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #9b9b9b;
}

.messages .icon-refresh, .messages .icon-chat, .messages .icon-edit, .messages .icon-error, .messages .icon-letter {
    width: 13px;
    height: 13px;
    margin-top: -3px;
}

.messages .icon-error {
    margin-top: -2px;
}

.messages-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.messages-info .author {
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4px;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.messages-info .author span {
    font-size: 16px;
    font-weight: 700;
    margin-right: 13px;
    color: #3c91d3;
}

.messages-info .status {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.messages-add {
    display: none;
    padding: 0 10px;
}

.messages-add .form-wrapper {
    padding-top: 12px;
}

.messages-add .form-wrapper .textarea {
    height: 150px;
}

.messages-add .form-wrapper .row {
    padding-bottom: 0;
}

.messages-add .btn {
    display: inline-block;
    width: auto;
    min-width: 160px;
    margin-top: 20px;
}

.messages-add .box {
    padding-top: 12px;
}

.messages-add .box:first-child {
    padding-top: 0;
}

.mycompany {
    max-width: 1000px;
    padding-bottom: 50px;
}

.mycompany .head {
}

.mycompany .head .add-company {
    font-size: 16px;
    line-height: 18px;
    margin-left: auto;
    letter-spacing: .64px;
}

.mycompany .head .add-company:hover {
    color: #121820;
}

.mycompany h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: .6px;
}

.mycompany .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.mycompany .item {
    margin: 10px;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.mycompany .empty {
    margin: 10px;
}

.mycompany .item__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mycompany .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mycompany .photo img {
    width: 50px;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.mycompany .inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mycompany .inner .regions {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 10px;
}

.mycompany .inner .regions span {
    padding-right: 5px;
    color: #d5d5d5;
}

.mycompany .inner .confirm {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 10px;
}

.mycompany .inner .confirm span {
    padding: 5px;
    color: #d94c4c;
}

.mycompany .inner .title {
    padding-bottom: 10px;
}

.mycompany .inner .title a {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #3c91d3;
}

.mycompany .inner .title a:hover {
    color: #ed7932;
}

.mycompany .inner p {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 15px;
}

.mycompany .inner .info .price {
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
}

.mycompany .inner .info .price:hover {
    text-decoration: none;
}

.mycompany .inner .info .txt {
    font-size: 14px;
    line-height: 17px;
    padding-left: 20px;
    color: #9b9b9b;
}

.mycompany__contacts {
    padding-left: 60px;
}

.mycompany__contacts .box {
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mycompany__contacts .box:first-child {
    padding-top: 0;
}

.mycompany__contacts .box svg {
    margin-right: 5px;
    fill: #9b9b9b;
}

.mycompany__contacts .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mycompany__contacts .rating svg {
    width: 13px;
    height: 12px;
    fill: #d5d5d5;
}

.mycompany__contacts .rating .active svg {
    fill: #ed7932;
}

.mycompany .editing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
}

.mycompany .editing .diagramm {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mycompany .editing .diagramm span {
    position: absolute;
    z-index: 99;
    top: calc(50% - 7px);
    left: calc(50% - 11px);
}

.mycompany .editing .diagramm circle {
    fill: rgba(0, 0, 0, 0);
    stroke: #e6e6e6;
    stroke-width: 5;
    stroke-dasharray: 125px 125px;
}

.mycompany .editing .diagramm circle:nth-child(2n) {
    fill: rgba(0, 0, 0, 0);
    stroke: #3c91d3;
    stroke-width: 5;
}

.mycompany .editing .diagramm svg {
    width: 50px;
    height: 50px;
}

.mycompany .editing .actions {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mycompany .editing .actions .txt {
    font-size: 12px;
    line-height: 14px;
}

.mycompany .editing .actions span {
    position: relative;
    padding-left: 20px;
}

.mycompany .editing .actions span:before {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 1px;
    height: 12px;
    content: '';
    background-color: #ed7932;
}

.mycompany .editing .actions span:first-child {
    padding-left: 0;
}

.mycompany .editing .actions span:first-child:before {
    content: none;
}

.mycompany .editing .actions a {
    font-size: 12px;
    line-height: 24px;
    text-decoration: underline;
}

.mycompany .editing .actions a:hover {
    color: #121820;
}

.myproducts {
    padding-bottom: 30px;
}

.myproducts .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: -10px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.myproducts .item {
    position: relative;
    margin: 10px;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.myproducts .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myproducts .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-top: 10px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: top;
    align-self: top;
}

.myproducts .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.myproducts .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.myproducts .inner .title {
    padding-bottom: 6px;
}

.myproducts .inner .title a {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #3c91d3;
}

.myproducts .inner .title a:hover {
    color: #ed7932;
}

.myproducts .inner p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 20px;
}

.myproducts .inner .info div {
    line-height: 1;
    padding-bottom: 15px;
}

.myproducts .inner .info a {
    font-size: 12px;
    line-height: 14px;
    text-decoration: underline;
}

.myproducts .inner .info a:hover {
    color: #121820;
}

.myproducts .inner .info .txt {
    font-size: 12px;
    line-height: 14px;
    padding-right: 5px;
    color: #9b9b9b;
}

.myproducts .inner .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding-bottom: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myproducts .inner .price-box .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    padding-top: 5px;
    padding-right: 15px;
    color: #3c91d3;
}

.myproducts .inner .price-box a {
    font-size: 12px;
    line-height: 14px;
    margin-right: 30px;
    padding-top: 5px;
    text-decoration: underline;
}

.myproducts .inner .price-box a:hover {
    color: #121820;
}

.myproducts .inner .price-box .available {
    font-size: 12px;
    line-height: 8px;
    margin-top: 5px;
    padding: 6px 10px;
    color: #fff;
    border-radius: 5px;
    background-color: #4cd964;
}

.myproducts .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 55px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myproducts .actions .box {
    line-height: 18px;
    width: 50%;
    padding-right: 10px;
    padding-bottom: 15px;
}

.myproducts .actions .box:first-child {
    position: absolute;
    top: 85px;
    left: 32px;
    width: auto;
}

.myproducts .actions .box:first-child .checkbox span {
    overflow: hidden;
    width: 14px;
    height: 14px;
    min-height: 14px;
    padding-left: 14px;
}

.myproducts .actions .box svg {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 5px;
    fill: #9b9b9b;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.myproducts .actions .box a {
    font-size: 12px;
    line-height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.myproducts .actions .box a:hover {
    color: #ed7932;
}

.myproducts .actions .box.start-date {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #121820;
}

.myproducts .actions .box.start-date .item-date {
    padding-top: 5px;
}

.myproducts .actions .box.box-advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myproducts .actions .box.box-advanced .item-date {
    font-size: 12px;
    width: 100%;
    margin-left: 0;
    color: #9b9b9b;
}

.myproducts .actions .box.box-advanced .item-date:first-child {
    margin: 0;
}

.myproducts .actions .box.box-advanced .item-date span {
    margin-left: 5px;
    color: #121820;
}

.myproducts .actions .checkbox span {
    font-size: 16px;
    padding-left: 24px;
}

.myproducts .actions .checkbox span:before {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-width: 1px;
}

.myproducts .actions .checkbox span:after {
    left: 5px;
    width: 5px;
    height: 9px;
    margin-top: -6px;
    border-width: 2px;
    border-radius: 1px;
}

.reviews-page .boxlink {
    padding-bottom: 15px;
}

.reviews-page .boxlink a {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    margin-right: 25px;
    text-decoration: underline;
    letter-spacing: .56px;
    color: #121820;
}

.reviews-page .boxlink a:last-child {
    margin-right: 0;
}

.reviews-page .boxlink a:hover, .reviews-page .boxlink a.active {
    color: #ed7932;
}

.reviews-page .txt {
    line-height: 26px;
    padding-bottom: 20px;
    color: #9b9b9b;
}

#preloader {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}

#preloader .preloader-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: auto;
}

.preloader-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tcon-loader--spinner360 {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    -webkit-animation: tcon-spin360 .675s linear infinite forwards;
    animation: tcon-spin360 .675s linear infinite forwards;
    border-radius: 80%;
    background: #f1f1f1;
}

.tcon-loader--spinner360:before, .tcon-loader--spinner360:after {
    position: absolute;
    display: block;
    content: '';
}

.tcon-loader--spinner360:before {
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 80px;
    border-radius: 0 90px 90px 0;
    background: #3c91d3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#3c91d3));
    background-image: linear-gradient(#f1f1f1, #3c91d3);
}

.tcon-loader--spinner360:after {
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 80%;
    background: #fff;
}

@-webkit-keyframes tcon-spin360 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes tcon-spin360 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tcon-visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}

.product h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 20px;
    letter-spacing: .6px;
}

.product .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7px 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product .item {
    position: relative;
    width: 50%;
    margin-bottom: 15px;
    padding: 0 7px;
}

.product .item:hover {
    z-index: 5;
}

.product .item .photo {
    width: 100%;
    height: 140px;
    margin-bottom: 15px;
}

.product .item .photo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product .item .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product .item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 85%;
    margin-bottom: 20px;
}

.product .item .name span.js-link, .product .item .name a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    overflow: hidden;
    color: #121820;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product .item .name span.js-link:hover, .product .item .name a:hover {
    color: #ed7932;
}

.product .item .price {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 10px;
    color: #3c91d3;
}

.product .holder {
    position: relative;
    z-index: 3;
    min-height: 295px;
    border-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.product .holder:hover {
    z-index: 5;
}

.product .holder:hover .bottom {
    display: block;
}

.product .holder:hover .name a {
    display: block;
    height: auto;
    min-height: 40px;
}

@media (min-width: 1024px) {
    .product .holder:hover .name a {
        min-height: 60px;
    }
}

.product .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.product .available {
    font-size: 14px;
    line-height: 8px;
    padding-bottom: 10px;
}

.product .rating {
    padding-bottom: 19px;
}

.product .rating__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding-bottom: 11px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product .rating__holder div {
    padding: 0 2px;
}

.product .rating__holder div svg {
    fill: #d5d5d5;
}

.product .rating__holder div.active svg {
    fill: #ffde17;
}

.product .rating span {
    font-size: 14px;
    line-height: 17px;
    display: block;
}

.product .box-rating, .product .box-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product .box-rating svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: #9b9b9b;
}

.product .box-rating .level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product .box-rating .level svg {
    fill: #d5d5d5;
}

.product .box-rating .level .active svg {
    fill: #ed7932;
}

.product .box-user svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: #9b9b9b;
}

.product .box-user span.js-link, .product .box-user a {
    text-decoration: underline;
    color: #ed7932;
    cursor: pointer;
}

.product .box-user span.js-link:hover, .product .box-user a:hover {
    color: #121820;
}

.product .box-user span {
    font-size: 16px;
    line-height: 18px;
}

.product .shoplink {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: inline-block;
    overflow: hidden;
    max-width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #121820;
    border-bottom: 1px dashed #121820;
}

.product .shoplink:hover {
    color: #ed7932;
    border-color: #ed7932;
}

.product .bottom {
    display: block;
    padding: 0 10px 20px;
    text-align: center;
}

.product .more {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

.product .btn--more {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 16px 25px;
}

.product.product-listing .item {
    position: relative;
    width: 50%;
    margin-bottom: 15px;
    padding: 0 7px;
}

.product.product-listing .item-market-wrap {
    width: 100%;
    margin-bottom: 15px;
}

.mainbox .product .name a {
    font-size: 20px;
    line-height: 30px;
}

.mainbox .product .price {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 17px;
}

.mainbox .product .available {
    font-size: 14px;
    line-height: 8px;
    padding-bottom: 5px;
}

.mainbox .product .photo {
    width: 100%;
    height: 160px;
    margin-bottom: 25px;
}

.mainbox .product .photo a {
    height: 160px;
}

.mainbox .product .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-new {
    padding-bottom: 20px;
}

.product-new h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 10px;
    letter-spacing: .6px;
}

.product-new .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-new .item {
    width: 100%;
}

.product-new .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.product-new .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

.product-new .photo {
    width: 92px;
    height: 92px;
    margin-right: 10px;
}

.product-new .photo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 92px;
    height: 92px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-new .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-new .inner {
    overflow: hidden;
}

.product-new .price {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    padding-bottom: 8px;
    color: #3c91d3;
}

.product-new .available {
    font-size: 14px;
    line-height: 8px;
    padding: 6px 8px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #4cd964;
}

.product-new .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-new .box svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: #9b9b9b;
}

.product-new .box .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-new .box .rating svg {
    fill: #d5d5d5;
}

.product-new .box .rating .active svg {
    fill: #ed7932;
}

.product-new .box a {
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-new .box a:hover {
    color: #121820;
}

.product-new .box span {
    font-size: 16px;
    line-height: 18px;
}

.product-new .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-new .name a {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    display: -webkit-box;
    overflow: hidden;
    width: 80%;
    text-align: center;
    text-decoration: underline;
    color: #121820;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-new .name a:hover {
    color: #ed7932;
}

.product-page {
    padding-bottom: 20px;
}

.product-page h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 20px;
    letter-spacing: .6px;
}

.product-page .info-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.product-page .info-wrapper .updated {
}

.product-page .info-wrapper .print {
    display: flex;
    align-items: center;
}

.product-page .info-wrapper .print a {
    margin-left: 5px;
}

.product-page .info-wrapper .print .icon-svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.product-page .info-wrapper .print .icon-print {
    fill: #3c91d3;
}

.product-page .info-wrapper .print .icon-pdf {
    fill: #d94c4c;
}

.product-page .box-holder {
    padding-bottom: 0;
}

.product-page .info {
    padding-left: 0;
}

.product-page .info .price {
    font-size: 40px;
    font-weight: 600;
    line-height: 46px;
    padding-bottom: 15px;
    color: #3c91d3;
}

.product-page .info .available {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-page .info .available span {
    line-height: 8px;
    margin-bottom: 20px;
    padding: 11px 9px;
    color: #fff;
    border-radius: 5px;
    background-color: #4cd964;
}

.product-page .info .paymentinfo {
    line-height: 30px;
    padding-bottom: 16px;
}

.product-page .info .paymentinfo span {
    padding-right: 5px;
    color: #9b9b9b;
}

.product-page .info .delivery-all__handler {
    position: relative;
    display: inline-block;
    padding-right: 15px;
}

.product-page .info .delivery-all__handler:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ed7932 transparent transparent transparent;
}

.product-page .info .btn--shadow {
    line-height: 22px;
    display: inline-block;
    width: auto;
    margin-bottom: 30px;
    padding: 11px 41px;
}

.product-page .info .link-send {
    padding-bottom: 20px;
}

.product-page .info .link-send a {
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: underline;
    color: #121820;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page .info .link-send a:hover {
    color: #ed7932;
}

.product-page .info .link-send svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #9b9b9b;
}

.product-page .info .solink {
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page .info .solink span {
    padding-right: 5px;
    text-decoration: underline;
}

.product-page .info .solink a {
    margin-left: 5px;
}

.product-page .info .solink .icon-svg {
    width: 16px;
    height: 16px;
}

.product-page .info .solink .icon-svg.icon-vk {
    fill: #4cd964;
}

.product-page .info .solink .icon-svg.icon-odnok {
    fill: #d94c4c;
}

.product-page .info .solink .icon-svg.icon-fb {
    fill: #4cd964;
}

.product-page .info .solink .icon-svg.icon-insta {
    fill: #d94c4c;
}

.product-page .info .incorrect {
    padding-bottom: 15px;
}

.product-page .info .incorrect > div {
    padding-bottom: 15px;
}

.product-page .info .incorrect > div a {
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: underline;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page .info .incorrect > div a:hover {
    color: #ed7932;
}

.product-page .info .incorrect > div svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #9b9b9b;
}

.product-page .slider {
    width: 100%;
    padding-bottom: 30px;
    flex-shrink: 0;
}

.product-page .images .tabs {
    display: none;
}

.product-page .images .slider-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
    max-height: 100%;
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-page .images .slider-img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-page .box-desc {
    padding-bottom: 0;
}

.product-page .box-desc .properties {
    max-width: 450px;
    padding-bottom: 30px;
}

.product-page .box-desc .properties .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 12px 20px;
    background-color: #f8f8f8;
}

.product-page .box-desc .properties .row:nth-child(even) {
    background-color: #e2e2e2;
}

.product-page .box-desc .properties .prop {
    font-size: 16px;
    line-height: 18px;
    width: 55%;
    padding-right: 15px;
    color: #9b9b9b;
}

.product-page .box-desc .properties .value {
    font-size: 16px;
    line-height: 18px;
    width: 45%;
    color: #121820;
}

.product-recomend {
    padding-bottom: 20px;
}

.product-recomend .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-recomend .heading .label {
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    padding: 10px 17px;
    color: #fff;
    border-radius: 3px;
    background-color: #3c91d3;
}

.product-recomend .heading .link {
    margin-left: auto;
    text-decoration: underline;
}

.product-recomend .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7px 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-recomend .item {
    position: relative;
    width: 50%;
    margin-bottom: 15px;
    padding: 0 7px;
}

.product-recomend .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid #979797;
    border-radius: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.product-recomend .photo {
    max-width: 225px;
    height: 140px;
    margin-bottom: 10px;
}

.product-recomend .photo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-recomend .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-recomend .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.product-recomend .name a {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    color: #121820;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-recomend .name a:hover {
    color: #ed7932;
}

.product-recomend .price {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: #3c91d3;
}

.promo-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 290px;
    margin: 0 -20px;
    text-align: center;
    background: url('../../assets/img/bg-promo.jpg') 50% 50% no-repeat;
    background-size: cover;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo-main .inner {
    max-width: 1140px;
    padding: 60px 0;
}

.promo-main .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.promo-main .title-pro {
    display: inline-block;
    height: 30px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #ed7932;
}

.promo-main .title-pro img {
    height: 30px;
}

.promo-main .title-sometext {
    color: #3c91d3;
}

.promo-main .text {
    font-size: 16px;
    font-weight: 400;
    max-width: 300px;
    margin: 0 auto;
    padding: 0 20px 40px;
}

.promo .change-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -40px;
    padding-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo .change-pack .inner {
    width: 500px;
    padding: 20px 15px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.promo .change-pack ul {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.promo .change-pack ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 10px;
    padding-right: 10px;
}

.promo .change-pack ul li:first-child {
    padding-top: 0;
}

.promo .change-pack ul li .blue {
    color: #3c91d3;
}

.promo .change-pack .form-change-pack .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
}

.promo .change-pack .form-change-pack .btn {
    height: 50px;
}

.promo .change-pack .form-change-pack .row {
    padding-bottom: 0;
}

.promo .change-pack .form-change-pack .col {
    padding-bottom: 20px;
}

.promo .change-pack .form-change-pack .col:last-child {
    padding-bottom: 0;
}

.promo .promo-video {
    max-width: 1050px;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center;
}

.promo .promo-video .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
}

.promo .promo-video p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 25px;
}

.promo .promo-video .videobox-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 1050px;
    height: 180px;
    margin: 0 auto;
}

.promo .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
    padding: 40px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promo .about .about-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
}

.promo .about .inner {
    max-width: 1050px;
    margin: 0 auto;
}

.promo .about .form-change-pack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promo .about .form-change-pack .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    color: #fff;
}

.promo .about .form-change-pack .form-wrapper {
    min-width: 100%;
}

.promo .about .form-change-pack .btn {
    height: 60px;
    padding: 21px 18px;
    white-space: nowrap;
}

.promo .about .form-change-pack .select-wrap, .promo .about .form-change-pack .select-wrap select {
    height: 60px;
}

.promo .about .form-change-pack .row {
    padding-bottom: 0;
}

.promo .about .form-change-pack .col {
    padding-bottom: 20px;
}

.promo .about .form-change-pack .col:last-child {
    padding-bottom: 0;
}

.promo .packets {
    padding-bottom: 40px;
}

.promo .packets .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    text-align: center;
}

.promo .packets-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.promo .packets-row {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 650px;
    margin-top: 10px;
    padding: 15px 10px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promo .packets-row:nth-child(even) {
    background-color: #e6e6e6;
}

.promo .packets-row.packets-row--head {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    padding: 0 10px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.promo .packets-row.packets-row--head .packets-col {
}

.promo .packets-row.packets-row--head .packets-col:first-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo .packets-row.packets-row--foot {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.promo .packets-row.packets-row--foot .packets-col {
    font-weight: 600;
}

.promo .packets-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    padding: 0 10px 0 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo .packets-col:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.promo .packets-col:nth-child(3) {
    color: #3c91d3;
}

.promo .packets-col:nth-child(3) .icon-svg {
    fill: #3c91d3;
}

.promo .packets-col:nth-child(4) {
    color: #ed7932;
}

.promo .packets-col:nth-child(4) .icon-svg {
    fill: #ed7932;
}

.promo .packets .icon-svg {
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.promo .packets .icon-error {
    fill: #d94c4c;
}

.promo .promo-review {
    position: relative;
    display: none;
    padding-top: 60px;
    background-color: #f5f5f5;
}

.promo .promo-review:before, .promo .promo-review:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 9999px;
    content: '';
    background-color: #f5f5f5;
}

.promo .promo-review:before {
    left: -9999px;
}

.promo .promo-review:after {
    right: -9999px;
}

.promo .promo-review .list {
    padding-left: 90px;
}

.promo .promo-review .item {
    height: 315px;
    padding-right: 40%;
    padding-bottom: 60px;
    background: url('../../assets/img/reviews/review-1.png') 90% 100% no-repeat;
    background-size: contain;
}

.promo .promo-review .item .name {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 10px;
    color: #ed7932;
}

.promo .promo-review .item .position {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
}

.promo .promo-review .item .position a {
    text-decoration: underline;
    color: #3c91d3;
}

.promo .promo-review .item .blockquote {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.promo .promo-review .item .icon-svg {
    width: 35px;
    height: 30px;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #3c91d3;
}

.promo .promo-review .slick-arrow {
    font-size: 0;
    position: absolute;
    z-index: 2;
    top: 50%;
    display: block;
    width: 30px;
    height: 15px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
}

.promo .promo-review .slick-arrow:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-left: -7px;
    content: '';
    text-indent: 0;
    border-width: 15px 15px 0 15px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.promo .promo-review .slick-next {
    right: calc(40% - 90px - 15px);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.promo .promo-review .slick-prev {
    left: 15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.promo .promo-faq {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-left: 15px;
}

.promo .promo-faq .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px;
    text-align: center;
}

.promo .promo-faq .item {
    padding-top: 20px;
}

.promo .promo-faq .item:first-child {
    padding-top: 0;
}

.promo .promo-faq .item.active .text {
    display: block;
}

.promo .promo-faq .item.active .link:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.promo .promo-faq .link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    cursor: pointer;
    text-decoration: underline;
}

.promo .promo-faq .link:before {
    position: absolute;
    z-index: 2;
    top: 3px;
    left: -15px;
    width: 0;
    height: 0;
    content: '';
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.promo .promo-faq .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: none;
}

.promotion-text {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    color: #9b9b9b;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.promotion-text span {
    padding: 0 5px;
    color: #121820;
}

.promotion-text a {
    margin-left: 5px;
    text-decoration: underline;
    color: #ed7932;
}

.promotion-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 10px;
}

.promotion-text-period {
    font-size: 14px;
    line-height: 1;
    color: #9b9b9b;
}

.promotion-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    padding: 10px 0;
    color: #9b9b9b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion-date .icon-calendar {
    position: absolute;
    z-index: 2;
    top: 17px;
    right: 15px;
    width: 16px;
    height: 16px;
}

.promotion-input {
    position: relative;
    margin: 0 12px;
}

.promotion-input input {
    padding-right: 45px;
}

.promotion .box-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promotion-graphic {
    max-width: 1130px;
    padding: 30px 0;
}

.promotion-graphic img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.promotion .col-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promotion .col-group:first-child {
    padding-left: 0;
}

.promotion .col-group-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promotion .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion .status-link {
    font-size: 20px;
    line-height: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion .status-link--play {
    color: #4cd964;
}

.promotion .status-link--pause {
    color: #d94c4c;
}

.promotion .status-link:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4px;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: '';
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-width: 12px 9px 0 9px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.promotion .status-link:after {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    content: '';
    border-radius: 50%;
    background-color: #4cd964;
}

.promotion .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion .payment .value {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding-right: 15px;
}

.promotion .btn {
    width: 150px;
    height: 48px;
}

.promotion-statistic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 1130px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promotion-statistic .promotion-title {
    padding-bottom: 20px;
}

.promotion-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.promotion-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.promotion-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.promotion-row--head .promotion-col {
    color: #9b9b9b;
}

.promotion-col {
    font-size: 14px;
    padding: 4px 10px 4px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.promotion-col:first-child {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.promotion-col--bar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.promotion-col--action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.promotion-col--action a {
    margin: 0 10px 0 0;
}

.promotion-col--bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion .icon-edit, .promotion .icon-delete {
    width: 14px;
    height: 16px;
}

.promotion-progressbar {
    position: relative;
    display: none;
    overflow: hidden;
    width: 175px;
    height: 36px;
    margin-right: 8px;
    border-radius: 10px;
    background-color: #e6e6e6;
}

.promotion-progressbar .value {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 36px;
    background-color: #ed7932;
}

.rating-desc .static-content {
    max-width: 850px;
}

.rating-desc .rating-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 0 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.rating-desc .rating-box:first-child {
    padding-top: 0;
}

.rating-desc .rating-box span {
    font-size: 16px;
    line-height: 18px;
}

.rating-desc .rating-box span.count {
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 5px;
    color: #9b9b9b;
}

.rating-desc .rating-box svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.rating-desc .rating-box .icon-valid {
    fill: #4cd964;
}

.rating-desc .rating-box a {
    text-decoration: underline;
    color: #121820;
}

.rating-desc .rating-box a:hover {
    color: #ed7932;
}

.rating-desc .rating-box__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-desc .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
    margin-left: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-desc .rating svg {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    fill: #d5d5d5;
}

.rating-desc .rating .active svg {
    fill: #ed7932;
}

.review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.review .wrapper {
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.review .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 15px;
    color: #2d2d2d;
}

.review .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review .author svg {
    padding-right: 10px;
    fill: #3c91d3;
}

.review .author span {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin-left: auto;
    color: #ed7932;
}

.review .comment {
    display: -webkit-box;
    overflow: hidden;
    padding-bottom: 10px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.review .more {
    font-style: 16px;
    line-height: 18px;
    text-decoration: underline;
}

.review .more:hover {
    text-decoration: none;
}

.reviews {
    max-width: 1000px;
    padding-bottom: 30px;
}

.reviews .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: -10px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.reviews .item {
    font-size: 14px;
    position: relative;
    margin: 10px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.reviews .title {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 14px;
}

.reviews .title a {
    text-decoration: underline;
}

.reviews .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
}

.reviews .rating .icon-svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    fill: #d5d5d5;
}

.reviews .rating .active .icon-svg {
    fill: #ed7932;
}

.reviews .date {
    font-size: 12px;
    padding-bottom: 10px;
}

.reviews .description {
    padding-bottom: 10px;
}

.reviews .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.reviews .box span {
    font-weight: 700;
}

.reviews .answer {
    padding-top: 5px;
}

.reviews .answer__toggle {
    text-decoration: underline;
    color: #3c91d3;
}

.answer-form {
    display: none;
}

.answer-form__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.answer-form__body {
    margin-bottom: 20px;
}

.answer-form__controls {
    display: flex;
}

.answer-form__controls .btn {
    width: auto;
    margin-right: 20px;
    min-width: 160px;
}

.answer_opened .answer__toggle {
    display: none;
}

.answer_opened .answer-form {
    display: block;
}

.answer-form__text {
    display: none;
}

.answer-form__edit {
    display: none;
}

.answer-form_saved textarea, .answer-form_saved .answer-form__save {
    display: none;
}

.answer-form_saved .answer-form__edit, .answer-form_saved .answer-form__text {
    display: block;
}

.reviews-list {
    max-width: 1000px;
    padding-bottom: 30px;
}

.reviews-list .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: -10px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.reviews-list .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.reviews-list .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.reviews-list .message {
    padding-top: 15px;
}

.reviews-list .item {
    font-size: 14px;
    position: relative;
    margin: 10px;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.reviews-list .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-bottom: 10px;
}

.reviews-list .rating > div {
    margin-left: 5px;
}

.reviews-list .rating > div:first-child {
    margin-left: 0;
}

.reviews-list .rating .icon-svg {
    width: 15px;
    height: 15px;
    fill: #d5d5d5;
}

.reviews-list .rating .active .icon-svg {
    fill: #ed7932;
}

.reviews-list .date {
    font-size: 12px;
    line-height: 1;
    width: 50%;
    padding-bottom: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.reviews-list .description {
    padding-bottom: 10px;
}

.reviews-list .count {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    width: 50%;
    padding-bottom: 10px;
    color: #d5d5d5;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.reviews-list .author {
    line-height: 1;
    overflow: hidden;
    width: 50%;
    margin-bottom: 10px;
    color: #ed7932;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.reviews-list .answer-container {
    border: 1px solid #ed7932;
    padding: 10px;
}

.reviews-list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.reviews-list .box span {
    font-weight: 700;
}

.reviews-list .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.reviews-list .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #3c91d3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.reviews-list .action .icon-svg {
    width: 22px;
    height: 24px;
    margin-right: 5px;
    fill: #3c91d3;
}

.reviews-list .action .icon-up {
    margin-top: -5px;
}

.reviews-list .action .icon-down {
    margin-bottom: -5px;
}

.reviews-list .action .link {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    color: #3c91d3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reviews-list .action .link:first-child {
    margin-left: 0;
}

.reviews-list .action .link:hover {
    color: #ed7932;
}

.indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 765px;
    min-height: 125px;
    margin-bottom: 40px;
    padding: 20px 25px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.indicators .indicators-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 50px);
    margin: 0 -25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.indicators .box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.indicators .box:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 40px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #e6e6e6;
}

.indicators .box:first-child:before {
    content: none;
}

.indicators .box:first-child {
    width: 100%;
    margin: 0 25px 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e6e6e6;
}

.indicators .box:nth-child(2):before {
    content: none;
}

.indicators .box-indicators {
    display: none;
    width: 100%;
    padding-top: 30px;
}

.indicators .box-indicators:before {
    content: none;
}

.indicators .box-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: auto;
    padding-top: 5px;
}

.indicators .box .value {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    padding-top: 4px;
    padding-bottom: 7px;
    color: #ed7932;
}

.indicators .box .value--blue {
    color: #3c91d3;
}

.indicators .box .rating {
    padding-bottom: 10px;
}

.indicators-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.indicators-details {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 0 10px;
    color: #9b9b9b;
}

.indicators-details:first-child {
    padding-top: 0;
}

.indicators-details span {
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.criteria {
    max-width: 765px;
    padding-bottom: 40px;
}

.criteria-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    letter-spacing: .96px;
}

.criteria-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.criteria-box .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.criteria-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 150px;
    padding-right: 10px;
    color: #9b9b9b;
}

.criteria .progressbar {
    position: relative;
    width: 120px;
    height: 6px;
    border-radius: 5px;
    background-color: #d5d5d5;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.criteria .progressbar span {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 6px;
    border-radius: 5px;
    background-color: #3c91d3;
}

.statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.statistics .holder {
    width: 100%;
}

.statistics .holder:first-child {
    display: none;
}

.statistics .holder span {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    padding-bottom: 10px;
}

.statistics .holder span a {
    text-decoration: underline;
    color: #3c91d3;
}

.statistics .btn {
    display: inline-block;
    width: auto;
    height: 50px;
}

.rights-desc .static-content p {
    max-width: 850px;
}

.rights-desc .static-content p .orange {
    margin-right: 5px;
}

.rights-desc .rights-photo {
    margin: 0 0 30px;
}

.rights-desc .rights-photo-desktop {
    display: none;
}

.rights-desc .rights-photo-mob {
    display: block;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.search-box .wrapper {
    width: 100%;
    margin: 0;
    padding: 25px 25px 0;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.search-box .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 15px;
    color: #2d2d2d;
}

.search-box .list {
    margin: 0 0 25px;
}

.search-box .item a {
    text-decoration: underline;
}

.sort {
    line-height: 1;
    padding-bottom: 10px;
}

.sort .sort-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.sort .sort-row:last-child {
    padding-bottom: 0;
}

.sort .sortby, .sort .view, .sort .sort-action, .sort .view-count {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.sort .sortby span, .sort .view span, .sort .sort-action span, .sort .view-count span {
    font-size: 13px;
    line-height: 17px;
    margin-right: 10px;
    color: #9b9b9b;
}

.sort .sortby a, .sort .view a, .sort .sort-action a, .sort .view-count a {
    font-size: 13px;
    line-height: 17px;
    margin-right: 5px;
    color: #121820;
}

.sort .sortby a:last-child, .sort .view a:last-child, .sort .sort-action a:last-child, .sort .view-count a:last-child {
    margin-right: 0;
}

.sort .sortby a:hover, .sort .view a:hover, .sort .sort-action a:hover, .sort .view-count a:hover {
    color: #ed7932;
}

.sort .sortby a.active, .sort .view a.active, .sort .sort-action a.active, .sort .view-count a.active {
    color: #ed7932;
}

.sort .sortby a {
    text-decoration: underline;
}

.sort .sortby a.active {
    position: relative;
    padding-right: 10px;
    text-decoration: transparent;
    color: #ed7932;
    -webkit-text-decoration: transparent;
}

.sort .sortby a.active:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -2px;
    content: '';
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #ed7932 transparent transparent transparent;
}

.sort .sortby a.active.asc:after {
    transform: rotate(180deg);
}

.sort .sortby--messages a.active {
    padding-right: 0;
}

.sort .sortby--messages a.active:after {
    content: none;
}

.sort .sort-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sort .sort-action .select-wrap:before {
    right: 10px;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
}

.sort .sort-action .select-wrap select {
    font-size: 12px;
    line-height: 14px;
    min-width: 170px;
    height: 35px;
    padding: 11px 25px 10px 10px;
    color: #9b9b9b;
    border-radius: 5px;
}

.filter .title {
    font-weight: 600;
    line-height: 18px;
    display: none;
    padding-bottom: 10px;
    letter-spacing: .64px;
}

.filter .filter-btn {
    font-size: 16px;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 11px 30px;
    cursor: pointer;
    color: #9b9b9b;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter .filter-btn .icon-tag {
    width: 20px;
    height: 20px;
    margin-right: 20px;
    fill: #9b9b9b;
}

.filter .filter-btn + .form-wrapper {
    display: none;
}

.filter .filter-btn + .form-wrapper.active {
    display: block;
}

.listing-subcats {
    margin-bottom: 30px;
}

.listing-subcats__wrap {
    display: flex;
    flex-wrap: wrap;
}

.listing-subcats__col {
    width: 50%;
}

@media (max-width: 1024px) {
    .listing-subcats__col {
        width: 100%;
    }
}

.listing-subcat.hidden {
    display: none;
}

.listing-subcat a {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #3c91d3;
}

.listing-subcats__more {
    margin-top: 20px;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px dashed #ed7932;
}

.box-found {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 20px;
}

.box-found a {
    margin: 0 5px;
    text-decoration: underline;
}

.box-found a:hover {
    color: #121820;
}

.search-result-box {
    margin: 0 0 25px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d5d5d5;
}

.search-result-box .item {
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    margin: 0 15px 0 0;
    color: #121820;
}

.search-result-box .item span {
    margin-left: 5px;
    color: #9b9b9b;
}

.search-result-box .item.blue {
    color: #3c91d3;
}

.search-result-box .item.blue:hover {
    color: #3c91d3;
}

.search-result-box .item:hover {
    color: #ed7932;
}

.tags {
    padding-bottom: 10px;
}

.tags .title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
    letter-spacing: 1.2px;
}

.tags .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tags .list a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 10px 0;
    padding: 11px 12px 9px;
    letter-spacing: .64px;
    color: #121820;
    border-radius: 10px;
    background-color: #f1f1f1;
}

.tags .list a:hover {
    color: #fff;
    background-color: #ed7932;
}

.user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.user .title {
    padding-bottom: 3px;
}

.user .title a {
    font-size: 22px;
    line-height: 26px;
    text-decoration: underline;
    color: #121820;
}

.user .title a:hover {
    color: #ed7932;
}

.user .wrapper {
    width: 100%;
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.user .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.user .box:first-child {
    padding-top: 0;
}

.user .box span {
    font-size: 16px;
    line-height: 18px;
}

.user .box span.count {
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 5px;
    color: #9b9b9b;
}

.user .box svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #9b9b9b;
}

.user .box a {
    text-decoration: underline;
    color: #121820;
}

.user .box a.tel {
    text-decoration: none;
}

.user .box a:hover {
    color: #ed7932;
}

.user .box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
    margin-left: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user .rating svg {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    fill: #d5d5d5;
}

.user .rating .active svg {
    fill: #ed7932;
}

.user .map {
    width: 100%;
    height: 150px;
}

.user .map img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.usernav-wrap {
    position: relative;
    height: 40px;
    margin-bottom: 30px;
}

.usernav-wrap .usernav {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}

.usernav-wrap .usernav:hover {
    background: #fff;
}

.usernav-wrap .usernav:hover li {
    display: block;
}

.usernav-wrap .usernav:hover li.active a {
    color: #fff;
    background: #ed7932;
}

.usernav-wrap .usernav:before {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -4px;
    content: '';
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #121820 transparent transparent transparent;
}

.usernav-wrap .usernav li {
    display: none;
}

.usernav-wrap .usernav li.active {
    display: block;
}

.usernav-wrap .usernav li.active a {
    z-index: 3;
    margin-right: -1px;
    color: #9b9b9b;
}

.usernav-wrap .usernav li.active a:before {
    content: none;
}

.usernav-wrap .usernav li a {
    font-size: 14px;
    line-height: 19px;
    position: relative;
    display: block;
    padding: 10px 16px;
    -webkit-transition: none;
    transition: none;
    text-align: left;
    color: #9b9b9b;
}

.usernav-wrap .usernav li a:hover {
    color: #ed7932;
}

.usernav-wrap .usernav li a:before {
    content: none;
}

.usernav-wrap .usernav li:first-child {
    border-radius: 10px 10px 0 0;
}

.usernav-wrap .usernav li:last-child {
    border-radius: 0 0 10px 10px;
}

.usernav-wrap .usernav li:first-child a:before {
    content: none;
}

.usersubnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.usersubnav li {
    padding-bottom: 15px;
    padding-left: 0;
}

.usersubnav li:last-child {
    padding-right: 0;
}

.usersubnav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #121820;
}

.usersubnav li a.active {
    color: #3c91d3;
}

.usersubnav li a.active:hover svg, .usersubnav li a.active svg {
    fill: #3c91d3;
}

.usersubnav li a.active:hover {
    color: #3c91d3;
}

.usersubnav li a:hover {
    color: #ed7932;
}

.usersubnav li a:hover svg {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #ed7932;
}

.usersubnav li a svg {
    margin-right: 10px;
    fill: #9b9b9b;
}

.usersubnav li a .icon-calendar {
    margin-top: -3px;
}

.viewed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.viewed .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 5px;
    color: #2d2d2d;
}

.viewed .wrapper {
    width: 100%;
    padding: 25px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.viewed .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.viewed .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.viewed .item:first-child {
    padding-top: 0;
}

.viewed .item .photo {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.viewed .item .photo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.viewed .item .photo img {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.viewed .item .name {
    margin-bottom: 5px;
}

.viewed .item .name a {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    color: #121820;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.viewed .item .name a:hover {
    color: #ed7932;
}

.viewed .item .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    color: #3c91d3;
}

.checkbox {
    display: block;
    cursor: pointer;
}

.checkbox input[type='checkbox'] {
    display: none;
}

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

.checkbox span {
    font-size: 16px;
    line-height: 17px;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    padding: 2px 0 0 34px;
    color: #121820;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkbox span:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    content: '';
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
}

.checkbox span:after {
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 8px;
    height: 14px;
    margin: -8px 0 0 0;
    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    border-right: 4px solid #ed7932;
    border-bottom: 4px solid #ed7932;
}

.icon-svg {
    display: block;
}

.icon-search {
    width: 20px;
    height: 20px;
}

.icon-user-2 {
    width: 26px;
    height: 26px;
}

.icon-chat {
    width: 26px;
    height: 26px;
}

.icon-offers {
    width: 25px;
    height: 20px;
}

.icon-add_offer {
    width: 23px;
    height: 20px;
}

.icon-pack {
    width: 23px;
    height: 20px;
}

.icon-edit {
    width: 20px;
    height: 20px;
}

.icon-error {
    width: 20px;
    height: 20px;
}

.icon-cat1 {
    width: 52px;
    height: 46px;
}

.icon-cat2 {
    width: 52px;
    height: 36px;
}

.icon-cat3 {
    width: 52px;
    height: 52px;
}

.icon-cat4 {
    width: 52px;
    height: 40px;
}

.icon-cat5 {
    width: 52px;
    height: 52px;
}

.icon-cat6 {
    width: 52px;
    height: 54px;
}

.icon-cat7 {
    width: 52px;
    height: 52px;
}

.icon-cat8 {
    width: 41px;
    height: 52px;
}

.icon-cat9 {
    width: 52px;
    height: 52px;
}

.icon-cat10 {
    width: 42px;
    height: 52px;
}

.icon-cat11 {
    width: 52px;
    height: 36px;
}

.icon-starrating {
    width: 19px;
    height: 18px;
}

.icon-star {
    width: 14px;
    height: 14px;
}

.icon-maps {
    width: 14px;
    height: 14px;
}

.icon-phone {
    width: 13px;
    height: 12px;
}

.icon-quote {
    width: 35px;
    height: 30px;
}

.icon-calendar {
    width: 25px;
    height: 25px;
}

.icon-tag {
    width: 25px;
    height: 25px;
}

.radio {
    display: block;
    cursor: pointer;
}

.radio input[type='radio'] {
    display: none;
}

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

.radio span {
    font-size: 16px;
    line-height: 17px;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    padding: 0 0 0 34px;
    color: #121820;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.radio span:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    content: '';
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    background: #fff;
}

.radio span:after {
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 0;
    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    border-radius: 50%;
    background: #ed7932;
}

.spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spinner__btn {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    border: 1px solid #ed7932;
    border-radius: 5px;
    background-color: #ed7932;
}

.spinner__btn:hover {
    border-color: #ed7932;
    background-color: transparent;
}

.spinner__btn:hover:before, .spinner__btn:hover:after {
    background-color: #ed7932;
}

.spinner__btn:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 12px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.spinner__btn--plus:after {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 2px;
    height: 12px;
    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
}

.spinner__input {
    font-size: 16px !important;
    width: 100px !important;
    height: 30px !important;
    margin: 0 -28px;
    padding: 5px 35px !important;
    text-align: center !important;
    border: 1px solid #e6e6e6;
    border-radius: 5px !important;
}

@media (min-width: 320px) {
    .xs-12 {
        width: 100%;
    }

    .xs-11 {
        width: 91.66667%;
    }

    .xs-10 {
        width: 83.33333%;
    }

    .xs-9 {
        width: 75%;
    }

    .xs-8 {
        width: 66.66667%;
    }

    .xs-7 {
        width: 58.33333%;
    }

    .xs-6 {
        width: 50%;
    }

    .xs-5 {
        width: 41.66667%;
    }

    .xs-4 {
        width: 33.33333%;
    }

    .xs-3 {
        width: 25%;
    }

    .xs-2 {
        width: 16.66667%;
    }

    .xs-1 {
        width: 8.33333%;
    }

    .offset-xs-11 {
        margin-left: 91.66667%;
    }

    .offset-xs-10 {
        margin-left: 83.33333%;
    }

    .offset-xs-9 {
        margin-left: 75%;
    }

    .offset-xs-8 {
        margin-left: 66.66667%;
    }

    .offset-xs-7 {
        margin-left: 58.33333%;
    }

    .offset-xs-6 {
        margin-left: 50%;
    }

    .offset-xs-5 {
        margin-left: 41.66667%;
    }

    .offset-xs-4 {
        margin-left: 33.33333%;
    }

    .offset-xs-3 {
        margin-left: 25%;
    }

    .offset-xs-2 {
        margin-left: 16.66667%;
    }

    .offset-xs-1 {
        margin-left: 8.33333%;
    }

    .product-page .images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }

    .product-page .images .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: calc(25% - 8px);
        height: 102px;
        margin: 0 4px;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        border: 1px solid #fff;
        border-radius: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-page .images .item.active {
        border-color: #3c91d3;
    }

    .product-page .images .item img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }
}

@media (min-width: 300px) {
    .container {
        padding: 0 10px;
    }

    .category-popular__list li {
        width: 100%;
    }

    .product .item {
        width: 100%;
    }

    .product.product-listing .item {
        width: 100%;
    }

    .product-recomend .item {
        width: 100%;
    }

    .product-recomend .inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 375px) {
    .form-wrapper .form-files-item span {
        height: 80px;
    }

    .sort .sortby, .sort .view, .sort .sort-action, .sort .view-count {
        font-size: 13px;
    }

    .sort .sortby span, .sort .view span, .sort .sort-action span, .sort .view-count span {
        font-size: 14px;
    }

    .sort .sortby a, .sort .view a, .sort .sort-action a, .sort .view-count a {
        font-size: 14px;
        margin-right: 10px;
    }

    .sort .sortby a.active {
        padding-right: 15px;
    }

    .sort .sortby--messages a.active {
        padding-right: 0;
    }

    .sort .sort-action .select-wrap select {
        min-width: 180px;
    }
}

@media (min-width: 400px) {
    .messages .panel {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .messages .panel-info {
        flex-direction: row;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .messages .panel-action {
        flex-direction: row;
        width: 100%;
        margin-top: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .messages .panel .box {
        width: auto;
        margin-bottom: 0;
        margin-left: 15px;
    }

    .myproducts .actions .box.box-advanced {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .myproducts .actions .box.box-advanced .item-date {
        width: auto;
        margin-left: 15px;
    }
}

@media (min-width: 480px) {
    .companypage .companypage-contacts .inner > div {
        display: block;
    }

    .companypage .companypage-contacts .inner > div .solink {
        padding-top: 10px;
    }

    .header__link--feedback, .header__link--user {
        width: 26px;
        height: 26px;
        margin-right: 20px;
    }

    .header__link--feedback svg, .header__link--user svg {
        width: 26px;
        height: 26px;
    }

    .header .btn--add {
        margin-right: 20px;
    }

    .header .btn--add .icon-add_offer {
        width: 25px;
        height: 25px;
    }

    .product-page .info {
        padding-left: 30px;
    }

    .promo-main .title {
        font-size: 39px;
        max-width: 350px;
        padding-bottom: 40px;
    }

    .promo-main .title-pro {
        height: 40px;
    }

    .promo-main .title-pro img {
        height: 40px;
    }

    .promo .promo-video .videobox-wrapper {
        height: 240px;
    }
}

@media (min-width: 500px) {
    .form-wrapper .checkbox-group--column .checkbox {
        width: 50%;
    }
}

@media (min-width: 600px) {
    .promotion-title {
        padding-right: 10px;
        padding-bottom: 0;
    }

    .promotion-date {
        margin: 0;
        padding: 0;
    }

    .promotion .box-date {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .promotion .col-group {
        padding-bottom: 0;
        padding-left: 40px;
    }

    .promotion .col-group-row {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .promotion .status-link {
        font-size: 30px;
        line-height: 50px;
    }

    .promotion .payment .value {
        font-size: 30px;
        line-height: 50px;
    }

    .indicators .box-indicators {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 640px) {
    .criteria-box .box {
        width: 50%;
        padding-right: 30px;
    }

    .criteria-label {
        width: auto;
    }

    .criteria .progressbar {
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .container {
        padding: 0 20px;
    }

    .aside {
        flex-direction: row;
        width: calc(100% + 20px);
        margin: 0 -10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sm-12 {
        width: 100%;
    }

    .sm-11 {
        width: 91.66667%;
    }

    .sm-10 {
        width: 83.33333%;
    }

    .sm-9 {
        width: 75%;
    }

    .sm-8 {
        width: 66.66667%;
    }

    .sm-7 {
        width: 58.33333%;
    }

    .sm-6 {
        width: 50%;
    }

    .sm-5 {
        width: 41.66667%;
    }

    .sm-4 {
        width: 33.33333%;
    }

    .sm-3 {
        width: 25%;
    }

    .sm-2 {
        width: 16.66667%;
    }

    .sm-1 {
        width: 8.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .popup {
        padding: 28px 45px 22px;
    }

    .popup__title {
        padding-top: 70px;
    }

    .popup .form-wrapper .checkbox span {
        font-size: 15px;
    }

    .popup .popup__info:before {
        position: absolute;
        top: 49px;
        left: -45px;
        width: 27px;
        height: 87px;
        content: '';
        background: url('/themes/propartner/assets/img/arrow_path.svg') no-repeat;
    }

    .popup__form-label {
        font-size: 16px;
        line-height: 18px;
        position: absolute;
        top: calc(50% - 12px);
        left: -145px;
        display: block;
        display: block;
        width: 128px;
        text-align: right;
        color: #fff;
    }

    .fancybox-slide--html .fancybox-close-small {
        top: 50px;
        right: 50px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    .fancybox-slide--html .fancybox-close-small::before, .fancybox-slide--html .fancybox-close-small::after {
        top: 24px;
        left: 9px;
        width: 32px;
        height: 4px;
    }

    .popup-simple__wrapper {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .popup-simple__aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 350px;
        margin: -30px -30px -30px 0;
        border-radius: 0 30px 30px 0;
    }

    .popup-simple__inner {
        width: 400px;
        padding-right: 30px;
        padding-bottom: 0;
    }

    .popup-simple .link-close {
        top: -25px;
        right: -25px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .3);
        box-shadow: 0 0 40px rgba(0, 0, 0, .3);
    }

    .popup-simple .link-close:before, .popup-simple .link-close:after {
        top: 23px;
        left: 12px;
        width: 30px;
        height: 4px;
    }

    .popup-simple .tarifs__row {
        font-size: 20px;
    }

    .about .content-txt {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .brands {
        width: 50%;
        padding: 0 10px 20px;
    }

    .canbuy {
        width: 50%;
        padding: 0 10px 20px;
    }

    .catalog__list {
        flex-direction: row;
        margin: 0 -15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .catalog__list li {
        width: 50%;
        padding: 0 15px 20px;
    }

    .category .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .category .item {
        width: 50%;
        padding: 0 15px;
    }

    .category-popular__list li {
        width: 33.33%;
    }

    .company__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .company__contacts .box {
        padding-top: 0;
    }

    .company-wrapper .inner {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .company-wrapper .info {
        width: 50%;
        padding-right: 30px;
    }

    .company-wrapper .map {
        overflow: hidden;
        width: 50%;
        margin: 0;
        border-radius: 15px;
    }

    .company-wrapper .links {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .company-wrapper .links .price-doc {
        padding-right: 30px;
        padding-bottom: 0;
    }

    .company-wrapper .category-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .company-wrapper .category-item {
        padding-right: 15px;
    }

    .company-wrapper .review-holder {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .company-wrapper .review-rating {
        max-width: 370px;
    }

    .company-wrapper .review-form {
        width: 45%;
        margin: 0 0 0 auto;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .comparebox .head {
        padding-bottom: 30px;
    }

    .comparebox .packet .btn {
        display: block;
        max-width: 240px;
        margin-top: auto;
    }

    .contacts {
        width: 50%;
        padding: 0 10px 20px;
    }

    .footer {
        padding: 50px 40px;
    }

    .form-wrapper .form-label-null {
        line-height: 18px;
        display: block;
        min-height: 28px;
        padding-bottom: 10px;
    }

    .form-wrapper .form-label-null + .form-txt {
        padding-top: 10px;
    }

    .form-wrapper .btn-wrap .btn {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .form-wrapper .btn-wrap.btn-wrap--pack {
        margin-right: 0;
        padding-bottom: 15px;
    }

    .form-wrapper .btn-wrap.btn-wrap--pack .btn {
        font-size: 16px;
        min-width: 160px;
        margin-right: 20px;
        padding: 16px 40px;
    }

    .form-wrapper .form-upload-info {
        margin-left: 20px;
    }

    .form-wrapper .form-upload-title {
        font-size: 18px;
        line-height: 26px;
        display: block;
        padding-bottom: 15px;
    }

    .form-wrapper .form-upload-txt {
        font-size: 16px;
        line-height: 26px;
    }

    .form-wrapper .form-upload-result {
        font-size: 16px;
        line-height: 26px;
        margin-left: 20px;
    }

    .form-wrapper .form-upload-multiple label {
        width: 120px;
        height: 100px;
    }

    .form-wrapper .form-files-list {
        width: auto;
        margin: 0;
        padding-right: 15px;
    }

    .form-wrapper .form-files-item {
        width: auto;
        padding: 0 52px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-profile-edit .btn-wrap .btn {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .delivery-regions {
        margin-left: 40px;
    }

    .form-add-office .day {
        width: auto;
        margin: 0 35px 5px 0;
    }

    .form-add-office .time {
        width: auto;
    }

    .messages .panel-info {
        width: auto;
    }

    .messages .panel-action {
        width: auto;
        margin-top: 0;
        margin-left: auto;
    }

    .mycompany .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mycompany h2 {
        line-height: 35px;
        padding-right: 30px;
        letter-spacing: 1.2px;
    }

    .mycompany__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mycompany__contacts .box {
        padding-top: 0;
    }

    .myproducts .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .product .item {
        width: 33%;
    }

    .product.product-listing .item {
        width: 33%;
    }

    .product-new .list {
        margin: 0 -7px;
    }

    .product-new .item {
        width: 50%;
        padding: 0 7px;
    }

    .product-new .holder {
        height: 252px;
        margin-bottom: 20px;
        padding: 15px;
    }

    .product-page .box-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product-page .slider {
        width: 50%;
        padding-bottom: 0;
    }

    .product-page .images .item:hover {
        border-color: #3c91d3;
    }

    .product-page .images .slider-img {
        height: 380px;
    }

    .product-recomend .item {
        width: 33%;
    }

    .product-recomend .inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .promo-main {
        height: 320px;
        margin: 0 -390px;
    }

    .promo-main .inner {
        padding: 50px 30px 80px;
    }

    .promo-main .title {
        font-size: 57px;
        max-width: 500px;
    }

    .promo-main .title-pro {
        height: 60px;
    }

    .promo-main .title-pro img {
        height: 60px;
    }

    .promo-main .text {
        max-width: 100%;
    }

    .promo .change-pack .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 850px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .promo .change-pack ul {
        width: 55%;
        margin-right: -1px;
        margin-bottom: 0;
        padding-bottom: 0;
        border-right: 1px solid #e6e6e6;
        border-bottom: none;
    }

    .promo .change-pack .form-change-pack {
        width: 65%;
        padding-left: 20px;
        border-left: 1px solid #e6e6e6;
    }

    .promo .promo-video .videobox-wrapper {
        height: 360px;
    }

    .promo .about .form-change-pack .form-wrapper {
        min-width: 490px;
    }

    .promo .packets-table {
        overflow: visible;
    }

    .promo .packets-row {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    }

    .promo .promo-review {
        display: block;
    }

    .promo .promo-faq {
        padding-bottom: 0;
        padding-left: 0;
    }

    .promotion-col {
        font-size: 16px;
        padding: 8px 20px 8px 0;
    }

    .review {
        width: 50%;
        padding: 0 10px 20px;
    }

    .reviews-list .inner {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .reviews-list .info {
        flex-direction: column;
        width: 120px;
        padding-right: 25px;
        border-right: 1px solid #e6e6e6;
        border-bottom: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .reviews-list .message {
        padding-top: 0;
        padding-left: 25px;
    }

    .reviews-list .rating {
        width: 100%;
        padding-bottom: 15px;
    }

    .reviews-list .date {
        width: 100%;
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit;
    }

    .reviews-list .count {
        width: 100%;
        padding-bottom: 0;
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit;
    }

    .reviews-list .author {
        width: 100%;
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit;
    }

    .reviews-list .action {
        margin-left: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .criteria-box .box {
        padding-right: 50px;
    }

    .statistics .holder {
        width: auto;
        max-width: 40%;
    }

    .statistics .holder:first-child {
        display: block;
    }

    .search-box {
        width: 100%;
        padding: 0 10px 20px;
    }

    .sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sort .sortby, .sort .view, .sort .sort-action, .sort .view-count {
        padding-bottom: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .sort .sort-action {
        margin-left: auto;
    }

    .user {
        width: 50%;
        padding-right: 10px;
    }

    .usernav-wrap {
        height: auto;
    }

    .usernav-wrap .usernav {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        overflow: hidden;
        width: auto;
        border: 0;
        background-color: #f2f2f2;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .usernav-wrap .usernav:hover {
        background: #f2f2f2;
    }

    .usernav-wrap .usernav:before {
        content: none;
    }

    .usernav-wrap .usernav li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .usernav-wrap .usernav li.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .usernav-wrap .usernav li.active a {
        color: #fff;
        background: #ed7932;
    }

    .usernav-wrap .usernav li a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        text-align: center;
        color: #000;
    }

    .usernav-wrap .usernav li a:hover {
        color: #fff;
        background: #9b9b9b;
    }

    .usernav-wrap .usernav li a:hover:before {
        background-color: #9b9b9b;
    }

    .usernav-wrap .usernav li a:before {
        position: absolute;
        z-index: 2;
        top: 4px;
        left: 0;
        width: 1px;
        height: 30px;
        content: '';
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background-color: #e6e6e6;
    }

    .usernav-wrap .usernav li a:first-child {
        border-radius: 0;
    }

    .usersubnav {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .usersubnav li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        padding-bottom: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .viewed {
        width: 50%;
        padding-left: 10px;
    }
}

@media (min-width: 1024px) {
    .content-inner {
        width: calc(100% - 350px);
    }

    .aside {
        display: block;
        width: 320px;
        margin: 0 0 0 30px;
    }

    .aside .aside-box-text {
        margin: 0 0 20px;
    }

    .title-page {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 25px;
        letter-spacing: 2px;
    }

    .title-page a {
        margin: 0 10px;
    }

    .wrapper-page {
        padding-bottom: 55px;
    }

    .static-content {
        font-size: 16px;
    }

    .md-12 {
        width: 100%;
    }

    .md-11 {
        width: 91.66667%;
    }

    .md-10 {
        width: 83.33333%;
    }

    .md-9 {
        width: 75%;
    }

    .md-8 {
        width: 66.66667%;
    }

    .md-7 {
        width: 58.33333%;
    }

    .md-6 {
        width: 50%;
    }

    .md-5 {
        width: 41.66667%;
    }

    .md-4 {
        width: 33.33333%;
    }

    .md-3 {
        width: 25%;
    }

    .md-2 {
        width: 16.66667%;
    }

    .md-1 {
        width: 8.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .popup-simple__aside {
        max-width: 450px;
    }

    .about {
        min-height: 345px;
        padding: 80px 20px;
    }

    .about-holder {
        margin: 0 -9999px 80px;
    }

    .about .about-title {
        font-size: 50px;
        padding-bottom: 30px;
        letter-spacing: 2px;
    }

    .about .content-txt {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .about .content-txt p {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .advanced-edit .advanced-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .advanced-edit .preview {
        width: 200px;
        margin-left: 70px;
    }

    .advanced-edit .advanced-row {
        margin: 0 0 35px;
    }

    .advanced-edit .advanced-row-title {
        font-size: 16px;
        margin: 0 0 14px;
    }

    .advanced-edit .advanced-status-head .more {
        font-size: 14px;
    }

    .advanced-edit .advanced-status-head .more:after {
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
    }

    .advanced-edit .advanced-product-name {
        font-size: 22px;
    }

    .advanced-edit .advanced-link {
        margin: 10px 0 40px;
    }

    .advanced-edit .advanced-link a {
        font-size: 16px;
    }

    .advanced-edit .advanced-status-form .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .advanced-edit .advanced-status-form .col {
        padding: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .advanced-edit .advanced-status-form label {
        width: auto;
        white-space: nowrap;
    }

    .advanced-edit .advanced-status-form .input-wrap .input {
        max-width: 100px;
    }

    .advanced-edit .status-link {
        font-size: 30px;
    }

    .advanced-edit .status-link:before {
        margin-top: -6px;
        border-width: 12px 9px 0 9px;
    }

    .advanced-edit .status-link:after {
        width: 30px;
        height: 30px;
    }

    .banner {
        margin: 0;
        padding-bottom: 80px;
    }

    .brands {
        width: 100%;
        padding: 0 0 30px;
    }

    .breadcrumbs {
        padding-bottom: 35px;
    }

    .breadcrumbs li {
        font-size: 16px;
        line-height: 22px;
    }

    .canbuy {
        width: 100%;
        padding: 0 0 30px;
    }

    .catalog {
        padding-bottom: 0;
    }

    .catalog h2 {
        font-size: 50px;
        line-height: 30px;
        padding-bottom: 60px;
        letter-spacing: 2px;
    }

    .catalog__list li {
        width: 25%;
        padding: 0 15px 50px;
    }

    .catalog__list li a {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .catalog__list li .icon {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .catalog__list li .txt {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }

    .category {
        padding-bottom: 60px;
    }

    .category h2 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 18px;
        letter-spacing: 2px;
    }

    .category h2 a {
        margin: 0 10px;
    }

    .category .item {
        margin-bottom: 30px;
    }

    .category .item .title {
        padding-bottom: 10px;
    }

    .category .item .title a {
        font-size: 22px;
    }

    .category .item .title span {
        font-size: 22px;
    }

    .category .item .subcategory {
        -webkit-line-clamp: 2;
    }

    .category .item .subcategory a {
        font-size: 18px;
    }

    .category .more {
        text-align: left;
    }

    .category-popular {
        padding-bottom: 80px;
    }

    .category-popular h2 {
        font-size: 50px;
        line-height: 30px;
        padding-bottom: 60px;
        letter-spacing: 2px;
    }

    .category-popular__list {
        margin: 0 -15px;
        padding-top: 35px;
    }

    .category-popular__list li {
        width: 20%;
        margin-top: -35px;
        padding: 0 15px 35px;
    }

    .category-popular__list li:nth-child(10n+2), .category-popular__list li:nth-child(10n+4), .category-popular__list li:nth-child(10n+7), .category-popular__list li:nth-child(10n+9) {
        padding-top: 35px;
    }

    .category-popular__list li a {
        font-size: 20px;
        line-height: 25px;
        height: 120px;
        padding: 25px;
    }

    .company {
        padding-bottom: 50px;
    }

    .company h2 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 30px;
        letter-spacing: 2px;
    }

    .company .wrapper {
        margin: 0 -20px;
    }

    .company .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px;
        padding: 25px;
        border-radius: 30px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .company .photo {
        width: 120px;
        min-width: 120px;
        height: 100px;
        margin-right: 20px;
    }

    .company .photo img {
        width: 120px;
    }

    .company .inner .title a {
        font-size: 22px;
        line-height: 26px;
    }

    .company .inner p {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 15px;
    }

    .company .inner .info {
        padding-bottom: 0;
    }

    .company .inner .info .price {
        font-size: 14px;
        line-height: 17px;
    }

    .company .inner .info .txt {
        font-size: 14px;
        line-height: 17px;
        padding-left: 20px;
    }

    .company__contacts {
        flex-direction: column;
        margin-left: auto;
        padding-left: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .company__contacts .box {
        font-size: 16px;
        line-height: 18px;
        width: 150px;
        padding-top: 17px;
    }

    .company__contacts .rating svg {
        width: 14px;
        height: 14px;
    }

    .companypage .info {
        flex-direction: row;
        padding-bottom: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .companypage .banner {
        padding-bottom: 40px;
    }

    .companypage .box-txt {
        padding-bottom: 40px;
    }

    .companypage .box-txt .title {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 20px;
        letter-spacing: 1px;
    }

    .companypage .box-txt .title a {
        margin-left: 20px;
    }

    .companypage .box-txt p {
        font-size: 16px;
        margin-bottom: 22px;
    }

    .companypage .companypage-link {
        display: block;
        width: 150px;
        margin-right: 20px;
        padding-bottom: 0;
    }

    .companypage .companypage-link .logo {
        margin-right: 0;
    }

    .companypage .companypage-link .logo img {
        height: 40px;
    }

    .companypage .companypage-link .link a {
        font-size: 16px;
        line-height: 18px;
        margin-top: 20px;
    }

    .companypage .companypage-link .link svg {
        width: 19px;
        height: 19px;
    }

    .company-wrapper .some-text {
        font-size: 16px;
        padding-bottom: 25px;
    }

    .company-wrapper .links {
        padding-bottom: 30px;
    }

    .company-wrapper .category-link {
        font-size: 16px;
        line-height: 36px;
    }

    .company-wrapper .actual-text {
        font-size: 20px;
    }

    .company-wrapper .add-text {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    .company-wrapper .info-messages span {
        font-size: 16px;
    }

    .company-wrapper .nopublic {
        font-size: 18px;
    }

    .company-wrapper .nopublic-title {
        padding-bottom: 8px;
    }

    .company-wrapper .nopublic li {
        padding-top: 8px;
    }

    .compare-page {
        margin: 0;
    }

    .comparebox .packet {
        width: 29%;
    }

    .comparebox .packet .title {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .comparebox .packet .desc {
        font-size: 16px;
        line-height: 18px;
    }

    .comparebox .packet .price-box {
        min-height: 60px;
        padding-bottom: 20px;
    }

    .comparebox .packet .price-box .price-main {
        font-size: 22px;
        line-height: 26px;
    }

    .comparebox .packet .price-box .price-add {
        font-size: 16px;
        line-height: 18px;
    }

    .comparebox .compare-col {
        font-size: 14px;
        line-height: 17px;
        padding: 11px 20px;
    }

    .comparebox .compare-col .icon-valid {
        width: 16px;
        height: 16px;
    }

    .comparebox .compare-col .icon-error {
        width: 16px;
        height: 14px;
    }

    .comparebox .compare-btn {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .comparebox .compare-btn .btn {
        width: auto;
        margin-bottom: 0;
        margin-left: auto;
    }

    .contacts {
        width: 100%;
        padding: 0 0 30px;
    }

    .delivery-desc .delivery-box {
        margin: 0 -12px 15px;
    }

    .delivery-desc .delivery-box__col {
        width: auto;
        padding: 0 12px;
    }

    .delivery-desc .delivery-box__col span {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .delivery-desc .delivery-box__title {
        font-size: 22px;
        margin: 0 0 15px;
    }

    .delivery-desc .delivery-country__col span {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .delivery-desc .delivery-country__title {
        font-size: 22px;
        margin: 0 0 15px;
    }

    .delivery-desc .delivery-office__title {
        font-size: 22px;
    }

    .delivery-desc .delivery-office__inner {
        margin: 0 -20px;
    }

    .delivery-desc .delivery-office__col {
        width: 50%;
        padding: 0 20px;
    }

    .delivery-desc .delivery-office .delivery__map {
        width: 100%;
        margin: 0 0 10px;
    }

    .delivery-desc .delivery-office__link a {
        font-size: 16px;
    }

    .delivery-desc .delivery-office__row {
        margin: 0 0 20px;
    }

    .delivery-desc .delivery-office__row .label {
        font-size: 16px;
        line-height: 26px;
    }

    .delivery-desc .delivery-office__row .value {
        font-size: 16px;
    }

    .error {
        padding: 50px 0;
    }

    .error span {
        font-size: 35px;
        line-height: 41px;
        padding-bottom: 25px;
        letter-spacing: .47px;
    }

    .error a {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: .4px;
    }

    .faq {
        padding-bottom: 30px;
    }

    .faq .title {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .faq .question {
        font-size: 22px;
    }

    .faq .question .icon {
        font-size: 22px;
        width: 30px;
        height: 30px;
    }

    .faq .answer {
        font-size: 16px;
        line-height: 26px;
        padding-left: 40px;
    }

    .footer ul a {
        font-size: 14px;
        line-height: 17px;
    }

    .form-wrapper .title {
        line-height: 35px;
        padding-bottom: 30px;
        letter-spacing: 1.2px;
    }

    .form-wrapper .row {
        padding-bottom: 30px;
    }

    .form-wrapper .col {
        padding-bottom: 0;
    }

    .form-wrapper .form-group {
        margin-bottom: 0;
        padding-right: 10px;
    }

    .form-wrapper .form-txt {
        font-size: 16px;
    }

    .form-wrapper .info-text {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 30px;
    }

    .form-wrapper .form-subtitle {
        font-size: 25px;
        line-height: 1;
    }

    .form-wrapper .form-files-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .form-requisits__column {
        width: 50%;
    }

    .info-pro {
        font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        min-height: 138px;
        margin-bottom: 50px;
        padding: 20px 30px 20px 0;
        color: #121820;
        border-radius: 10px;
        background-color: #f2f2f2;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .info-pro span {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -20px 0;
        margin-right: 64px;
        padding: 10px 45px;
        background-color: #ed7932;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }

    .info-pro span:before, .info-pro span:after {
        position: absolute;
        right: -47px;
        width: 47px;
        height: 69px;
        content: '';
        border-width: 200px 75px 0 0;
        border-style: solid;
        border-color: #ed7932 transparent transparent transparent;
    }

    .info-pro span:before {
        top: 0;
    }

    .info-pro span:after {
        bottom: 0;
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    .info-pro span img {
        width: 159px;
        height: 70px;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .info-messages {
        margin-bottom: 20px;
        padding: 17px 25px 13px;
    }

    .info-messages span {
        font-size: 18px;
        line-height: 21px;
    }

    .delivery-regions-title {
        font-size: 20px;
        margin: 0 0 20px;
    }

    .delivery-regions ul li {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .certs__list {
        margin: 0 -10px 10px;
    }

    .certs__inner {
        width: 180px;
        height: 220px;
    }

    .certs__item {
        margin: 0 10px 20px;
    }

    .form-add-office .form-box--contacts .row {
        padding-bottom: 20px;
    }

    .header {
        margin-bottom: 30px;
        padding: 15px 0;
        background: #fff;
    }

    .header__logo img {
        width: 225px;
    }

    .header__logo {
        margin-right: 25px;
    }

    .header-menu {
        position: relative;
        z-index: 1;
        top: 0;
        right: 0;
        flex-direction: row;
        width: auto;
        height: auto;
        padding: 0;
        -webkit-transition: none;
        transition: none;
        background: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .header-menu a {
        font-size: 16px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .header .btn--add {
        width: auto;
        margin-right: 0;
        padding: 16px 25px;
        color: #fff;
        border: 1px solid #3c91d3;
        border-radius: 10px;
        background: #3c91d3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .header .btn--add:hover {
        color: #3c91d3;
        background-color: transparent;
    }

    .header .btn--add span {
        display: block;
    }

    .header .btn--add .icon-add_offer {
        display: none;
    }

    .header__burger {
        display: none;
    }

    .header.header--main {
        margin-bottom: 0;
        background: #f6f2f2;
        -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    }

    .header.header--main:before {
        content: none;
    }

    .header.header--main .search {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header.header--main .header-action .icon-svg {
        fill: #121820;
    }

    .header--promo .header-action {
        display: block;
    }

    .mainbox {
        height: 575px;
        margin-bottom: 80px;
    }

    .mainbox-wrapper {
        flex-direction: row-reverse;
        width: 68%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }

    .mainbox-wrapper:before {
        bottom: 0;
        left: 10%;
        width: 500px;
        height: 575px;
    }

    .mainbox-wrapper .head {
        margin-bottom: 50px;
        padding: 0 0 0 52px;
    }

    .mainbox-wrapper .head .title {
        font-size: 80px;
        line-height: 65px;
        padding-bottom: 35px;
        letter-spacing: 5px;
    }

    .mainbox-wrapper .head .txt {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 20px;
    }

    .mainbox-wrapper .product {
        margin-bottom: 90px;
    }

    .messages {
        padding-bottom: 0;
    }

    .messages .wrapper {
        margin: -20px -20px;
    }

    .messages .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin: 20px;
        padding: 25px;
        border-radius: 30px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .messages .item.active .messages-add {
        margin-top: 30px;
        padding-top: 30px;
    }

    .messages .panel {
        padding: 7px 25px;
    }

    .messages .panel .box {
        margin-left: 35px;
    }

    .messages .box, .messages .box a {
        font-size: 16px;
    }

    .messages .box-author a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        margin-left: 8px;
    }

    .messages .icon-svg {
        margin-right: 8px;
    }

    .messages .icon-refresh, .messages .icon-chat, .messages .icon-edit, .messages .icon-error, .messages .icon-letter {
        width: 14px;
        height: 14px;
        margin-top: 0;
    }

    .messages-info {
        padding: 0 50px;
    }

    .messages-info .author {
        font-size: 16px;
    }

    .messages-info .author span {
        font-size: 22px;
    }

    .messages-info .status {
        font-size: 16px;
    }

    .messages-add {
        padding: 0 50px;
    }

    .messages-add .form-wrapper .textarea {
        height: 185px;
    }

    .mycompany .wrapper {
        margin: 0 -20px;
    }

    .mycompany .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px;
        padding: 25px;
        border-radius: 30px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    }

    .mycompany .empty {
        margin: 20px;
    }

    .mycompany .photo {
        width: 120px;
        min-width: 120px;
        height: 100px;
        margin-right: 20px;
    }

    .mycompany .photo img {
        width: 120px;
    }

    .mycompany .inner {
        padding-bottom: 10px;
    }

    .mycompany .inner .regions {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 5px;
    }

    .mycompany .inner .confirm {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 5px;
    }

    .mycompany .inner .title {
        padding-bottom: 6px;
    }

    .mycompany .inner .title a {
        font-size: 22px;
        line-height: 26px;
    }

    .mycompany__contacts {
        flex-direction: column;
        margin-left: auto;
        padding-left: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .mycompany__contacts .box {
        font-size: 16px;
        line-height: 18px;
        width: 150px;
        padding-top: 17px;
    }

    .mycompany__contacts .rating svg {
        width: 14px;
        height: 14px;
    }

    .mycompany .editing {
        padding-bottom: 0;
    }

    .mycompany .editing .diagramm {
        font-size: 16px;
        line-height: 18px;
        width: 120px;
        min-width: 120px;
        height: 100px;
        margin-right: 20px;
    }

    .mycompany .editing .diagramm circle {
        stroke-width: 10;
        stroke-dasharray: 251px 251px;
    }

    .mycompany .editing .diagramm circle:nth-child(2n) {
        stroke-width: 10;
    }

    .mycompany .editing .diagramm svg {
        width: 100px;
        height: 100px;
    }

    .mycompany .editing .actions .txt {
        font-size: 16px;
        line-height: 26px;
    }

    .mycompany .editing .actions span:before {
        height: 14px;
    }

    .mycompany .editing .actions a {
        font-size: 14px;
        line-height: 30px;
    }

    .myproducts .wrapper {
        margin: -20px -20px;
    }

    .myproducts .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 20px;
        padding: 25px;
        border-radius: 30px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .myproducts .photo {
        width: 120px;
        min-width: 120px;
        height: 100px;
        margin-top: 0;
        margin-right: 20px;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .myproducts .inner .title a {
        font-size: 22px;
    }

    .myproducts .inner p {
        font-size: 16px;
        line-height: 26px;
    }

    .myproducts .inner .info div {
        padding-bottom: 10px;
    }

    .myproducts .inner .info a {
        font-size: 14px;
        line-height: 17px;
    }

    .myproducts .inner .info .txt {
        font-size: 14px;
        line-height: 17px;
    }

    .myproducts .inner .price-box {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .myproducts .inner .price-box .price {
        font-size: 25px;
        line-height: 30px;
        padding-top: 0;
    }

    .myproducts .inner .price-box a {
        font-size: 14px;
        line-height: 17px;
        padding-top: 0;
    }

    .myproducts .inner .price-box .available {
        font-size: 16px;
        margin-top: 0;
        padding: 11px 9px;
    }

    .myproducts .actions {
        flex-direction: column;
        max-width: 190px;
        padding-left: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .myproducts .actions .box {
        width: 160px;
        padding-right: 0;
    }

    .myproducts .actions .box:first-child {
        position: relative;
        top: auto;
        left: auto;
        width: 160px;
    }

    .myproducts .actions .box:first-child .checkbox span {
        overflow: visible;
        width: auto;
        height: auto;
        min-height: 24px;
        padding-left: 24px;
    }

    .myproducts .actions .box svg {
        margin-right: 10px;
    }

    .myproducts .actions .box a {
        font-size: 16px;
        line-height: 18px;
    }

    .myproducts .actions .box.start-date {
        font-size: 16px;
        line-height: 18px;
        width: auto;
        margin-top: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .myproducts .actions .box.start-date .item-date {
        padding-top: 10px;
    }

    .myproducts .actions .box.box-advanced {
        width: 245px;
        margin-left: -85px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .myproducts .actions .box.box-advanced .item-date {
        font-size: 14px;
    }

    .reviews-page .boxlink {
        padding-bottom: 20px;
    }

    .reviews-page .boxlink a {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: .64px;
    }

    .product h2 {
        font-size: 50px;
        line-height: 30px;
        padding-bottom: 60px;
        letter-spacing: 2px;
    }

    .product .list {
        margin: 0 -14px 0;
    }

    .product .item {
        width: 25%;
        height: 395px;
        margin-bottom: 30px;
        padding: 0 14px;
    }

    .product .item .photo {
        height: 180px;
        margin-bottom: 25px;
    }

    .product .item .photo a {
        height: 180px;
    }

    .product .item .name {
        max-width: 88%;
        margin-bottom: 10px;
    }

    .product .item .name span.js-link, .product .item .name a {
        font-size: 20px;
        line-height: 30px;
        height: 60px;
    }

    .product .item .price {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 17px;
    }

    .product .holder {
        border-radius: 30px;
    }

    .product .holder:hover .available {
        padding-bottom: 30px;
    }

    .product .inner {
        padding: 25px;
    }

    .product .available {
        padding-bottom: 5px;
    }

    .product .rating span {
        font-size: 16px;
        line-height: 18px;
    }

    .product .shoplink {
        font-size: 18px;
        line-height: 21px;
    }

    .product .bottom {
        display: none;
        margin-top: -25px;
        padding: 0 25px 25px;
    }

    .product.product-listing .item {
        height: 395px;
        margin-bottom: 30px;
        padding: 0 14px;
    }

    .mainbox .product .name {
        max-width: 88%;
        margin-bottom: 10px;
    }

    .product-new {
        padding-bottom: 50px;
    }

    .product-new h2 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 30px;
        letter-spacing: 2px;
    }

    .product-new .list {
        margin: 0 -15px;
    }

    .product-new .item {
        width: 33.3%;
        padding: 0 15px;
    }

    .product-new .holder {
        margin-bottom: 30px;
    }

    .product-page {
        padding-bottom: 40px;
    }

    .product-page h1 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 30px;
        letter-spacing: 2px;
    }

    .product-page .box-holder {
        padding-bottom: 20px;
    }

    .product-page .images .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        margin: -4px 0;
        padding-top: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .product-page .images .item {
        height: 70px;
    }

    .product-page .images .slider-img {
        width: 100%;
        height: 320px;
        margin: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    }

    .product-page .box-desc {
        padding-bottom: 60px;
    }

    .product-recomend .list {
        margin: 0 -14px 0;
    }

    .product-recomend .item {
        width: calc(100% / 3);
        margin-bottom: 20px;
        padding: 0 14px;
    }

    .product-recomend .inner {
        display: block;
        padding: 25px 30px;
    }

    .product-recomend .photo {
        height: 150px;
    }

    .product-recomend .photo a {
        height: 150px;
    }

    .product-recomend .name {
        margin-bottom: 15px;
    }

    .product-recomend .name a {
        font-size: 20px;
        line-height: 30px;
    }

    .product-recomend .price {
        font-size: 25px;
    }

    .promo-main {
        height: 355px;
    }

    .promo .change-pack {
        margin-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .promo .about {
        padding-bottom: 20px;
    }

    .promotion-title {
        font-size: 16px;
    }

    .promotion-text-period {
        font-size: 14px;
    }

    .promotion .col-group {
        padding-bottom: 0;
    }

    .promotion .col-group:first-child {
        padding-left: 40px;
    }

    .promotion-col--bar {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .promotion-progressbar {
        display: block;
    }

    .review {
        width: 100%;
        padding: 0 0 30px;
    }

    .reviews {
        padding-bottom: 0;
    }

    .reviews .wrapper {
        margin: -20px -20px;
    }

    .reviews .item {
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin: 20px;
        padding: 30px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .reviews .title {
        font-size: 18px;
    }

    .reviews .date {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .reviews .description {
        padding-bottom: 20px;
    }

    .reviews .box {
        padding-bottom: 10px;
    }

    .reviews-list {
        padding-bottom: 0;
    }

    .reviews-list .wrapper {
        margin: -20px -20px;
    }

    .reviews-list .item {
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin: 20px;
        padding: 30px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .reviews-list .date {
        font-size: 14px;
    }

    .reviews-list .description {
        padding-bottom: 20px;
    }

    .reviews-list .count {
        font-size: 16px;
    }

    .reviews-list .box {
        padding-bottom: 10px;
    }

    .criteria-title {
        font-size: 24px;
    }

    .criteria-label {
        font-size: 18px;
    }

    .criteria .progressbar {
        width: 160px;
        height: 10px;
    }

    .criteria .progressbar span {
        height: 10px;
    }

    .rights-desc .rights-photo-desktop {
        display: block;
    }

    .rights-desc .rights-photo-mob {
        display: none;
    }

    .search-box {
        width: 100%;
        padding: 0 0 30px;
    }

    .search-box .wrapper {
        margin: 0 0 -25px;
    }

    .sort {
        padding-bottom: 30px;
    }

    .sort .sortby, .sort .view, .sort .sort-action, .sort .view-count {
        font-size: 16px;
        line-height: 18px;
    }

    .sort .sortby span, .sort .view span, .sort .sort-action span, .sort .view-count span {
        font-size: 16px;
        line-height: 18px;
        margin-right: 20px;
    }

    .sort .sortby a, .sort .view a, .sort .sort-action a, .sort .view-count a {
        font-size: 16px;
        line-height: 18px;
        margin-right: 20px;
    }

    .filter .title {
        display: block;
    }

    .filter .filter-btn {
        display: none;
    }

    .filter .filter-btn + .form-wrapper {
        display: block;
    }

    .box-found {
        font-size: 20px;
        line-height: 23px;
        padding-bottom: 25px;
    }

    .companies-desc .sort .sortby span, .companies-desc .sort .view span, .companies-desc .sort .sort-action span, .companies-desc .sort .view-count span {
        margin-right: 10px;
    }

    .companies-desc .sort .sortby a, .companies-desc .sort .view a, .companies-desc .sort .sort-action a, .companies-desc .sort .view-count a {
        margin-right: 10px;
    }

    .tags {
        padding-bottom: 30px;
    }

    .tags .title {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .tags .list a {
        font-size: 16px;
        padding: 13px 14px 11px;
    }

    .user {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .usersubnav {
        margin-bottom: 30px;
    }

    .usersubnav li {
        width: auto;
        padding-right: 15px;
        padding-bottom: 0;
    }

    .usersubnav li a svg {
        margin-right: 5px;
    }

    .viewed {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
    }
}

@media (min-width: 1160px) {
    .promo-main {
        height: 655px;
    }

    .promo-main .inner {
        padding: 90px 30px 150px;
    }

    .promo-main .title {
        font-size: 130px;
        max-width: 100%;
    }

    .promo-main .title-pro {
        height: 128px;
        padding-right: 30px;
    }

    .promo-main .title-pro img {
        height: 128px;
    }

    .promo-main .text {
        font-size: 27px;
        padding-bottom: 60px;
    }

    .promo .change-pack .inner {
        width: 1140px;
        padding: 40px;
    }

    .promo .change-pack ul li {
        font-size: 22px;
    }

    .promo .change-pack .form-change-pack {
        width: 45%;
        padding-left: 40px;
    }

    .promo .change-pack .form-change-pack .title {
        font-size: 30px;
        padding-bottom: 25px;
    }

    .promo .promo-video {
        padding-bottom: 80px;
    }

    .promo .promo-video .title {
        font-size: 70px;
        padding-bottom: 30px;
    }

    .promo .promo-video p {
        font-size: 30px;
        line-height: 45px;
        padding-bottom: 45px;
    }

    .promo .promo-video .videobox-wrapper {
        height: 640px;
    }

    .promo .about {
        min-height: 345px;
        padding: 60px 20px 80px;
    }

    .promo .about .about-title {
        font-size: 70px;
        padding-bottom: 30px;
    }

    .promo .about .form-change-pack {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .promo .about .form-change-pack .title {
        font-size: 30px;
        padding-right: 15px;
        padding-bottom: 0;
    }

    .promo .packets {
        padding-bottom: 100px;
    }

    .promo .packets .title {
        font-size: 70px;
        padding-bottom: 30px;
    }

    .promo .packets-row {
        font-size: 22px;
        margin-top: 20px;
        padding: 30px 25px;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
        box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    }

    .promo .packets-row.packets-row--head {
        font-size: 25px;
        padding: 0 30px;
    }

    .promo .packets .icon-svg {
        width: 30px;
        height: 30px;
    }

    .promo .promo-faq .title {
        font-size: 70px;
        padding-bottom: 30px;
    }

    .promo .promo-faq .item {
        padding-top: 40px;
    }

    .promo .promo-faq .link {
        font-size: 22px;
        line-height: 32px;
    }

    .promo .promo-faq .link:before {
        top: 6px;
        left: -40px;
        border-width: 10px 10px 0 10px;
    }

    .promo .promo-faq .text {
        font-size: 22px;
        line-height: 32px;
    }

    .promotion-title {
        font-size: 22px;
        padding-right: 15px;
    }

    .promotion-text-period {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .indicators .box {
        width: auto;
    }

    .indicators .box:first-child {
        width: auto;
        margin: 0;
        padding: 0 25px;
        border: none;
    }

    .indicators .box:nth-child(2):before {
        content: '';
    }

    .indicators .box-indicators {
        width: auto;
        padding-top: 0;
    }

    .indicators .box-indicators:before {
        content: '';
    }

    .indicators-wrap {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .indicators-details {
        padding: 10px 0 0;
    }
}

@media (min-width: 1280px) {
    .content-inner--full {
        width: calc(100% - 350px) !important;
    }

    .lg-12 {
        width: 100%;
    }

    .lg-11 {
        width: 91.66667%;
    }

    .lg-10 {
        width: 83.33333%;
    }

    .lg-9 {
        width: 75%;
    }

    .lg-8 {
        width: 66.66667%;
    }

    .lg-7 {
        width: 58.33333%;
    }

    .lg-6 {
        width: 50%;
    }

    .lg-5 {
        width: 41.66667%;
    }

    .lg-4 {
        width: 33.33333%;
    }

    .lg-3 {
        width: 25%;
    }

    .lg-2 {
        width: 16.66667%;
    }

    .lg-1 {
        width: 8.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .form-wrapper .form-files {
        padding-top: 0;
        padding-bottom: 15px;
    }

    .form-wrapper .form-files-list {
        padding-right: 80px;
    }

    .header-action {
        margin-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .header__link--feedback, .header__link--user {
        width: 26px;
        height: 26px;
        margin-right: 20px;
    }

    .header__link--feedback {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .header__link--user {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .header .search {
        max-width: 345px;
        margin: 0 40px;
        margin-left: auto;
    }

    .header .search button .icon-search {
        fill: #121820;
    }

    .header--promo .header__logo {
        margin-right: 95px;
    }

    .header--promo .header-menu a {
        margin-right: 45px;
    }

    .product-page .slider {
        width: 60%;
    }

    .product-page .images {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .product-page .images .tabs {
        flex-direction: column;
        padding-top: 0;
        padding-right: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .product-page .images .item {
        width: 102px;
        height: 102px;
        margin: 4px 0;
    }

    .product-page .images .slider-img {
        height: 430px;
    }

    .companies-desc .sort .sortby span, .companies-desc .sort .view span, .companies-desc .sort .sort-action span, .companies-desc .sort .view-count span {
        margin-right: 20px;
    }

    .companies-desc .sort .sortby a, .companies-desc .sort .view a, .companies-desc .sort .sort-action a, .companies-desc .sort .view-count a {
        margin-right: 20px;
    }

    .usersubnav li {
        padding-right: 30px;
    }
}

@media (min-width: 1600px) {
    .about-holder {
        overflow: hidden;
        margin: 0 -9999px 80px;
    }
}

@media (min-width: 1820px) {
    .wrapper-page:before {
        position: absolute;
        z-index: -1;
        top: 252px;
        left: 0;
        width: 228px;
        height: 311px;
        content: '';
        background: url('/themes/propartner/assets/img/bg-path-9.svg') 0 0 no-repeat;
    }

    .wrapper-page:after {
        position: absolute;
        z-index: -1;
        top: 78px;
        right: 0px;
        width: 348px;
        height: 142px;
        content: '';
        background: url('/themes/propartner/assets/img/bg-path-4.svg') 20px 0 no-repeat;
    }

    .footer:before {
        position: absolute;
        z-index: -1;
        bottom: calc(100% - 60px);
        left: 0;
        width: 299px;
        height: 167px;
        content: '';
        background: url('/themes/propartner/assets/img/bg-path-8.svg') 0 0 no-repeat;
    }

    .footer:after {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: calc(100% - 100px);
        width: 234px;
        height: 437px;
        content: '';
        background: url('/themes/propartner/assets/img/bg-path-10.svg') 0 0 no-repeat;
    }

    .about .decor {
        position: absolute;
        z-index: 1;
        display: block;
    }

    .about .decor.decor-1 {
        top: 200px;
        left: 0;
    }

    .about .decor.decor-2 {
        right: 0;
        bottom: -130px;
    }

    .about .decor.decor-3 {
        top: -30px;
        right: calc(50% + 40px);
    }

    .about .decor.decor-4 {
        right: calc(50% - 150px);
        bottom: -40px;
    }

    .about .decor.decor-5 {
        top: -40px;
        left: 170px;
    }

    .about .decor.decor-6 {
        bottom: 40px;
        left: 350px;
    }

    .about .decor.decor-7 {
        right: 380px;
        bottom: 0;
    }

    .about .decor.decor-8 {
        top: -80px;
        right: 0;
    }
}

@media (min-width: mobile-smpx) {
    .product-page .images .slider-img {
        height: 350px;
        margin: 10px;
    }
}

ul.pagination {
    display: flex;
    list-style: none;
    margin: 20px;
}

ul.pagination li {
    font-size: 16px;
    line-height: 18px;
    margin-right: 20px;
}

ul.pagination li:last-child {
    margin-right: 0;
}

ul.pagination li.active a {
    color: #121820;
}

#login-modal-form .form-group {
    padding: 0;
}

#login-modal-form .g-recaptcha {
    transform: scale(0.975);
    transform-origin: 0 0;
}

#reg-modal-form .g-recaptcha {
    transform: scale(0.94);
    transform-origin: 0 0;
}

#reg-modal-form .field-signupform-agree a {
    color: #ed7932;
}

#popup-delivery-list .regions-list {
    max-height: 400px;
    overflow-y: auto;
}

.cookie-info {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 275px;
    background: #fff;
    padding: 20px;
    z-index: 100;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
}

.cookie-info.active {
    display: block;
}

.cookie-info__btn {
    border: 1px solid #ed7932;
    border-radius: 10px;
    color: #ed7932;
    padding: 16px 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    transition: all .3s ease-in-out;
}

.cookie-info__btn:hover {
    background: #ed7932;
    color: #fff;
}

.procats {
    margin-top: 15px;
}

.procats .protitle {
    font-size: 23px;
    padding-bottom: 10px;
}

.procats ul li {
    display: inline-block;
    width: 32.9%;
    padding: 1px;
}

@media (max-width: 1024px) {
    .procats ul li {
        width: 49%;
    }
}

@media (max-width: 768px) {
    .procats ul li {
        width: 100%;
    }
}

.delivery-region {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.delivery-region a {
    float: right;
}

.form-line.no-top-padding {
    padding-top: 0;
}

.day-checkbox-container {
    display: block;
    position: relative;
}

.day-checkbox {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    height: 36px;
}

.day-checkbox input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.day-checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: #fff !important;
    border: 1px solid #e6e6e6 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 0 !important;
}

.day-checkbox:hover input ~ span {
    background-color: #ccc;
}

.day-checkbox input:checked ~ span {
    background-color: #ed7932 !important;
    color: #fff !important;
    border: 1px solid #ed7932 !important;
}

.form-add-office .time .select {
    width: 60px;
}

.remove-schedule {
    display: inline-block;
    margin-left: 10px;
}

.remove-schedule .icon-svg {
    width: 16px;
    height: 16px;
    margin-top: -5px;
}

.rubrics {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 10px 0;
    padding: 0 15px 15px 15px;
}

.rubrics .col {
    vertical-align: middle;
}

.rubrics .rubric-block {
    background: #efefef;
    padding: 5px 20px;
    position: relative;
    box-sizing: border-box;
}

#import-results, #yandex-import-result {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    background: #efefef;
    box-sizing: border-box;
    display: none;
}

#yandex-import-result {
    margin-top: 20px;
}

.category-selector-block a:before {
    content: "»";
    padding-right: 5px;
}

.category-selector-breadcrumb {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
}

.category-selector-breadcrumb a {
    display: inline-block;
}

.category-selector-breadcrumb a:after {
    content: "»";
    padding-left: 5px;
    color: #333;
}

.category-selector-breadcrumb a:last-child:after {
    content: " ";
}

.popup-simple__wrapper {
    max-width: 800px;
    position: relative;
}

.sort .sortby a.asc, .sort .sortby a.desc {
    position: relative;
    text-decoration: transparent;
    color: #ed7932;
    -webkit-text-decoration: transparent;
    padding-right: 12px;
}

.sort .sortby a.asc:after, .sort .sortby a.desc:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -2px;
    content: '';
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #ed7932 transparent transparent transparent;
    margin-left: 5px;
}

.sort .sortby a.desc:after {
    transform: rotate(180deg);
}

.delivery-page-block {
    padding: 15px 0;
}

.delivery-page-block .delivery-page-region {
    border-bottom: 1px solid #cbcbcb;
    color: #959595;
    line-height: 36px;
}

.delivery-page-block .box-txt .title {
    border-left: 5px solid #ed7932;
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.delivery-page-block .box-txt p {
    color: #959595;
}

.delivery-page-office {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px;
}

.delivery-page-office .title {
    font-size: 20px;
    padding: 15px 0;
}

.delivery-page-office .name {
    color: #959595;
}

.delivery-page-office .value {
    padding: 5px 0;
}

.hidden {
    display: none;
}

.city-selector {
    display: inline-block;
}

.city-selector span:first-child {
    color: #ed7932;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
}

.city-selector span:first-child span {
    position: absolute;
    border: 1px solid #cbcbcb;
    padding: 2px 10px;
    font-size: 14px;
    width: 150px;
    margin-top: -4px;
    z-index: 100;
    background: #fff;
}

.distance-slider {
    padding-top: 20px;
}

.city-list {
    display: inline-block;
}

#distance-slider {
    margin-top: 18px;
}

#cities {
    display: none;
    list-style: none;
    border: 1px solid #cbcbcb;
    padding: 2px 10px;
    margin-top: 0;
    position: absolute;
    font-size: 14px;
    background: #fff;
    z-index: 100;
    overflow-y: scroll;
    max-height: 200px;
}

#cities li {
    display: block;
    border-bottom: 1px solid #cbcbcb;
}

#cities li:last-child {
    border: none;
}

.type-call {
    color: #ed7932;
    text-decoration: underline;
}

.error-summary {
    color: #d94c4c;
}

.error-summary p {
    font-weight: bold;
}

.error-summary li {
    font-size: 14px;
}

.search-result-container {
    width: 100%;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    min-width: 336px;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    color: #121820;
    z-index: 1;
}

.search-result-container.no-index .viewed {
    display: none;
}

.info-pay-message {
    margin-bottom: 20px;
    padding: 17px 25px 13px;
    border-radius: 10px;
}

.promo-review .list {
    background: url(../../assets/img/reviews/review-1.png) 90% 100% no-repeat;
    background-size: contain;
}

.promo .promo-review .item {
    background: none;
    height: auto;
}

.show-phone {
    border-bottom: 1px dashed;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
}

.side-category-tags {
    padding: 15px 0;
    margin-bottom: 20px;
}

.side-category-tags .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

a .mess-count {
    color: #fff;
    background: #ed7932;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    padding: 2px;
    min-width: 22px;
    height: 22px;
    font-size: 11px;
    margin-top: -5px;
}

.product-recomend .list {
    justify-content: space-between;
    align-items: stretch;
}

.product-recomend .list .item {
    align-self: stretch;
}

.product-recomend .list .item .inner {
    min-height: 100%;
}

@media only screen and (max-width: 1024px) {
    .index-counts {
        color: #ed7932 !important;
    }
}

@media only screen and (max-width: 770px) {
    .search-result-container .viewed {
        display: none;
    }

    ul.s-cat-list li {
        width: 100%;
    }
}

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

@media only screen and (max-width: 1200px) {
    .promo-review .list {
        background: none;
    }

    .promo .promo-review .item {
        padding-right: 60px;
    }

    .promo .promo-review .slick-next {
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .product-recomend .photo img {
        max-height: 120px;
        max-width: 100%;
    }
}

span.view-type {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px !important;
}

span.view-type.active {
    background: #ed7932;
}

span.view-type.active svg {
    fill: #fff;
}

span.view-type svg {
    width: 16px;
    height: 16px;
    fill: #ed7932;
}

.import-preloader {
    display: block;
    float: right;
    margin-top: 5px;
}

.video-widget.to-items {
    margin: 0 10px;
}

.video-widget .video-widget-title {
    font-size: 22px;
    padding-bottom: 25px;
}

.video-widget .video-items .item {
    height: 315px;
}

.video-widget .video-items .video-item {
    padding: 25px;
    height: 315px;
}

.video-widget .video-items .video-item .photo {
    margin-bottom: 5px;
}

.category-tags {
    padding-bottom: 20px;
}

.category-tags a {
    display: inline-block;
    background: #ed7932;
    color: #fff;
    border-radius: 5px;
    padding: 2px 10px;
    border: 1px solid #ed7932;
    margin-bottom: 10px;
    margin-right: 5px;
}

.category-tags a:hover, .category-tags a.active {
    background: #fff;
    color: #ed7932;
}

.update-type-box .checkbox span {
    padding-left: 20px;
}

.update-type-box .checkbox span:before {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-width: 1px;
}

.update-type-box .checkbox span:after {
    left: 5px;
    width: 5px;
    height: 9px;
    margin-top: -6px;
    border-width: 2px;
    border-radius: 1px;
}

.tariff-buttons {
    display: flex;
}

.tariff-buttons button {
    margin-right: 20px;
    margin-bottom: 40px;
}

.tariff-buttons button:last-child {
    margin-right: 0;
}

.tab p {
    margin-bottom: 20px;
}

.list .item .holder .info-text {
    position: absolute;
    display: none;
    padding: 15px 20px;
    z-index: 3;
    top: 3px;
    font-size: 14px;
    line-height: 18px;
    background: #fff;
    border: 1px #ccc solid;
    margin: 20px;
    border-radius: 15px;
}

.list .item .holder .icon-con {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    flex-direction: row;
}

.list .item .holder .icon-con .icon {
    margin-left: 10px;
}

.list .item .holder .icon-con .info-icon {
    font-size: 14px;
    display: block;
    line-height: 20px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
    background: #ed7932;
    cursor: pointer;
    font-style: italic;
}

.header__logo {
    cursor: pointer;
}

ul.s-cat-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
}

ul.s-cat-list li {
    width: 33%;
    display: block;
    margin-bottom: 20px;
    padding: 0 10px;
}

.category-tags ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-tags ul li {
    display: inline-block;
}

.index-counts {
    padding-top: 10px;
    text-align: center;
    color: #3c91d3;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -10px;
}

.catalog__list li span.icon {
    text-align: center;
}

.catalog__list li span.icon img {
    width: 31px;
    height: 31px;
    fill: #fff;
}

.product-pagination ul.pagination {
    align-items: center;
    justify-content: center;
}

.product-pagination ul.pagination li {
    font-size: 20px;
}

.mainbox-wrapper .product .item {
    height: 390px;
}

.mainbox-wrapper .product .item .holder {
    height: 390px;
}

.companypage .box-txt .title a.active {
    text-decoration: none;
    color: #121820;
}

:root {
    --colorBody: #121820;
    --colorOrange: #ED7932;
    --colorGray: #9B9B9B;
    --colorBlue: #3C91D3;
}

.wrapper-page {
    overflow: hidden;
}

.btn, .product-recomend .heading .label {
    font-weight: 400;
}

.rating svg {
    fill: #D5D5D5;
}

.fill-orange {
    fill: var(--colorOrange) !important;
}

.gray {
    color: var(--colorGray) !important;
}

.collapse__btn {
    cursor: pointer;
}

a.collapse__btn {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-underline-offset: 0.1em;
}

.collapse__content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
}

@media screen and (min-width: 768px) {
    .collapse__content--md {
        max-height: none !important;
    }
}

.mob-select {
    position: relative;
    z-index: 5;
}

.mob-select > svg {
    display: none;
    width: 14px;
    height: 9px;
    fill: var(--colorOrange);
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .mob-select {
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        position: relative;
        height: 40px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: var(--colorGray);
        display: block !important;
    }

    .mob-select > svg {
        display: block;
    }

    .mob-select > *:not(svg) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 30px;
        margin: 0 !important;
    }

    .mob-select > span {
        margin: -1px -1px 0 !important;
        border-radius: 10px 10px 0 0;
        width: calc(100% + 2px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 41px;
        padding-top: 1px;
    }

    .mob-select a {
        display: none;
        background: #fff;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        text-decoration: none !important;
        height: 40px;
        color: var(--colorGray);
    }

    .mob-select a:hover {
        color: var(--colorOrange);
    }

    .mob-select a:last-child {
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0 0 10px 10px;
    }

    .mob-select:hover a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mob-select:hover > span {
        color: #fff;
        background: var(--colorOrange);
    }
}

.pgnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -8px;
}

.pgnt > * {
    margin: 0 8px;
}

.pgnt span {
    color: var(--colorOrange);
}

.pgnt a {
    color: var(--colorBody);
}

.pgnt a:hover {
    color: var(--colorOrange);
}

@media screen and (max-width: 767px) {
    .pgnt {
        margin: 30px 0;
    }
}

.icon-nav-liner {
    width: 4px;
    height: 4px;
    margin-left: 5px;
    margin-top: 6px;
    fill: var(--colorOrange);
}

.header-menu .header__city .icon-nav-liner {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 7px;
}

.select-wrap::before {
    display: none;
}

.select-wrap svg {
    width: 8px;
    height: 6px;
    fill: var(--colorOrange);
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

@media screen and (max-width: 1023px) {
    .aside--hide-mobile {
        display: none;
    }
}

.review .wrapper, .contacts .wrapper, .aside-categories {
    padding: 25px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.aside-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.2;
}

.aside-categories h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.aside-categories a {
    margin-top: 12px;
}

.aside-categories a span {
    color: var(--colorGray);
}

@media screen and (max-width: 1023px) {
    .aside-categories {
        width: calc(50% - 20px);
        margin: 0 10px 30px;
    }
}

@media screen and (max-width: 767px) {
    .aside-categories {
        width: 100%;
        margin: 0 0 20px;
    }
}

@media screen and (min-width: 1024px) {
    .main-categories {
        display: none;
    }
}

.usernav-wrap > svg {
    position: absolute;
    width: 14px;
    height: 9px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: var(--colorOrange);
}

.usernav::before {
    display: none;
}

.company-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 125px .95fr 1fr;
    grid-template-columns:125px .95fr 1fr;
    gap: 15px 20px;
}

@media screen and (max-width: 1300px) {
    .company-info {
        -ms-grid-columns: 125px 1fr 350px;
        grid-template-columns:125px 1fr 350px;
    }
}

@media screen and (max-width: 1199px) {
    .company-info {
        -ms-grid-columns: 125px 1fr;
        grid-template-columns:125px 1fr;
    }
}

@media screen and (max-width: 575px) {
    .company-info {
        -ms-grid-columns: 66px 1fr;
        grid-template-columns:66px 1fr;
        -webkit-column-gap: 6px;
        column-gap: 6px;
    }
}

.company-info__logo {
    grid-row: span 2;
}

.company-info__logo img {
    max-width: 100%;
}

.company-info__fav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--colorGray);
    text-decoration: underline;
}

.company-info__fav svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
    fill: var(--colorOrange);
}

@media screen and (max-width: 575px) {
    .company-info__fav {
        font-size: 10px;
        color: var(--colorBody);
    }

    .company-info__fav svg {
        display: none;
    }
}

.company-info__addr h1 {
    letter-spacing: 1.2px;
    font-size: 30px;
    line-height: 1.16;
}

@media screen and (max-width: 575px) {
    .company-info__addr {
        font-size: 12px;
    }

    .company-info__addr h1 {
        font-size: 21px;
    }
}

.company-info__map {
    grid-row: span 2;
}

.company-info__map iframe {
    display: block;
}

.company-info__map .box-row {
    display: none;
}

@media screen and (max-width: 1199px) {
    .company-info__map {
        grid-column: 1/-1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 1023px) {
    .company-info__map {
        padding: 25px;
        -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin-top: 15px;
    }

    .company-info__map iframe {
        height: 150px;
        margin-bottom: 25px;
    }

    .company-info__map .box-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: 18px;
    }

    .company-info__map .box-row:last-child {
        margin-bottom: 0;
    }

    .company-info__map .box-row--servise {
        margin-bottom: 9px;
    }

    .company-info__map .box-row > svg {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

    .company-info__map .rating {
        margin-left: 24px;
        color: var(--colorGray);
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .company-info__map .rating > * + * {
        margin-left: 5px;
    }

    .company-info__map .rating svg {
        width: 19px;
        height: 18px;
    }

    .company-info__map .rating .active svg {
        fill: var(--colorOrange);
    }

    .company-info__map .rating span {
        margin-left: 3px;
    }
}

@media screen and (max-width: 575px) {
    .company-info__contacts {
        grid-column: 1/-1;
    }
}

.company-info__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-info__tel [href^=tel] {
    color: var(--colorBody);
    font-size: 20px;
    margin-left: 20px;
}

.company-info__tel [href^=tel]:hover {
    color: var(--colorOrange);
}

@media screen and (max-width: 575px) {
    .company-info__tel [href^=tel] {
        font-size: 16px;
    }
}

.company-info__sots {
    display: -ms-grid;
    display: grid;
    gap: 5px 25px;
    -ms-grid-columns: max-content max-content;
    grid-template-columns:-webkit-max-content -webkit-max-content;
    grid-template-columns:max-content max-content;
    margin-top: 20px;
}

@media screen and (max-width: 1300px) {
    .company-info__sots {
        -ms-grid-columns: 100%;
        grid-template-columns:100%;
    }
}

@media screen and (max-width: 1199px) {
    .company-info__sots {
        -ms-grid-columns: max-content max-content;
        grid-template-columns:-webkit-max-content -webkit-max-content;
        grid-template-columns:max-content max-content;
    }
}

@media screen and (max-width: 575px) {
    .company-info__sots {
        -ms-grid-columns: 100%;
        grid-template-columns:100%;
        gap: 15px;
    }
}

.banner {
    margin-top: 40px;
}

@media screen and (max-width: 1023px) {
    .banner {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .banner {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.companypage .box-txt .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 20px;
    padding: 0;
}

.companypage .box-txt .title > *:not(svg) {
    margin: 0 15px;
}

@media screen and (max-width: 767px) {
    .companypage .box-txt .title {
        margin-left: 0;
        margin-right: 0;
    }
}

.review--mobile {
    display: block;
    width: 100%;
    padding: 0 0 40px;
}

@media screen and (min-width: 1024px) {
    .review--mobile {
        display: none;
    }
}

.company-total {
    margin: 0 -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .company-total {
        margin: 0 -10px;
    }
}

@media screen and (max-width: 575px) {
    .company-total {
        display: block;
        margin: 0;
    }
}

.company-total__section {
    margin: 0 20px;
}

.company-total__section h6 {
    font-size: inherit;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .company-total__section {
        margin: 0 10px;
    }
}

@media screen and (max-width: 575px) {
    .company-total__section {
        margin: 0;
    }

    .company-total__section + .company-total__section {
        margin-top: 15px;
    }
}

.title-big {
    padding-bottom: 30px;
}

.title-big__header {
    font-size: 30px;
    font-weight: 700;
}

@media screen and (max-width: 1023px) {
    .title-big {
        padding-bottom: 20px;
    }

    .title-big__header {
        font-size: 22px;
    }
}

.product.product-listing .shoplink, .product .shoplink {
    font-size: 16px;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    color: var(--colorOrange);
}

@media screen and (max-width: 1199px) {
    .product.product-listing .item, .product .item {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .product.product-listing, .product {
        margin-left: 0;
        margin-right: 0;
    }

    .product.product-listing .item, .product .item {
        padding: 0;
    }

    .product.product-listing .holder, .product .holder {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product.product-listing .name, .product .name {
        margin-bottom: 10px;
    }

    .product.product-listing .price, .product .price {
        font-size: 14px;
    }

    .product.product-listing .active .icon-starrating, .product .active .icon-starrating {
        fill: var(--colorOrange);
    }

    .product.product-listing .icon-starrating, .product .icon-starrating {
        width: 8px;
        height: 8px;
    }

    .product.product-listing .rating span, .product .rating span {
        font-size: 10px;
    }

    .product.product-listing .shoplink, .product .shoplink {
        font-size: 10px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .product.product-listing.list > .list, .product.list > .list {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .product.product-listing.list > .list > .item, .product.list > .list > .item {
        width: auto;
        height: auto;
        padding: 0;
    }

    .product.product-listing.list > .list > .item + .item, .product.list > .list > .item + .item {
        margin-top: 30px;
    }

    .product.product-listing.list > .list > .item .holder, .product.list > .list > .item .holder {
        padding: 25px;
    }

    .product.product-listing.list > .list > .item .inner, .product.list > .list > .item .inner {
        padding: 0;
        display: -ms-grid;
        display: grid;
        gap: 12px 20px;
        -ms-grid-columns: 15% max-content 1fr;
        grid-template-columns:15% -webkit-max-content 1fr;
        grid-template-columns:15% max-content 1fr;
        text-align: left;
    }

    .product.product-listing.list > .list > .item .photo, .product.list > .list > .item .photo {
        grid-row: span 3;
        height: auto;
        margin-bottom: 0;
    }

    .product.product-listing.list > .list > .item .photo a, .product.list > .list > .item .photo a {
        height: auto;
    }

    .product.product-listing.list > .list > .item .name, .product.list > .list > .item .name {
        margin-bottom: 0;
        grid-column: span 2;
    }

    .product.product-listing.list > .list > .item .name a, .product.list > .list > .item .name a {
        color: var(--colorBlue);
        font-size: 22px;
        line-height: 1.18;
        height: auto;
        min-height: 0 !important;
    }

    .product.product-listing.list > .list > .item .product-about, .product.list > .list > .item .product-about {
        grid-column: span 2;
        padding: 0 0 15px;
        position: static;
        border: none;
        opacity: 1;
        pointer-events: auto;
    }

    .product.product-listing.list > .list > .item .price, .product.list > .list > .item .price {
        padding: 0;
    }

    .product.product-listing.list > .list > .item .available, .product.list > .list > .item .available {
        padding: 11px 9px;
        color: #fff;
        background: #4CD964;
        border-radius: 5px;
        -ms-grid-column-align: start;
        justify-self: start;
    }

    .product.product-listing.list > .list > .item .bottom, .product.list > .list > .item .bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 50px -10px 0;
        padding-left: calc(15% + 20px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product.product-listing.list > .list > .item .bottom > *, .product.list > .list > .item .bottom > * {
        margin-left: 10px;
        margin-right: 10px;
    }

    .product.product-listing.list > .list > .item .list-show, .product.list > .list > .item .list-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .product.product-listing.list > .list > .item .list-show svg, .product.list > .list > .item .list-show svg {
        margin-right: 8px;
    }

    .product.product-listing.list > .list > .item .rating, .product.list > .list > .item .rating {
        padding-bottom: 0;
    }

    .product.product-listing.list > .list > .item .rating > span, .product.list > .list > .item .rating > span {
        display: none;
    }

    .product.product-listing.list > .list > .item .rating__holder, .product.list > .list > .item .rating__holder {
        padding-bottom: 0;
    }

    .product.product-listing.list > .list > .item .rating__holder svg, .product.list > .list > .item .rating__holder svg {
        width: 14px;
        height: 14px;
    }

    .product.product-listing.list > .list > .item .shoplink, .product.list > .list > .item .shoplink {
        border-bottom: 1px solid currentColor;
        font-weight: 400;
    }

    .product.product-listing.list > .list > .item .info-new, .product.list > .list > .item .info-new {
        display: none;
    }
}

.product.product-listing .video-items, .product .video-items {
    padding-bottom: 40px;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
}

.product.product-listing .video-items .item, .product .video-items .item {
    height: auto;
    margin: 0;
}

@media screen and (max-width: 1199px) {
    .product.product-listing .video-items, .product .video-items {
        padding-left: 0;
        padding-right: 0;
    }

    .product.product-listing .video-items .list, .product .video-items .list {
        width: auto;
    }

    .product.product-listing .video-items .item, .product .video-items .item {
        padding: 0 5px;
        width: 100%;
        border-radius: 5px;
        height: auto !important;
    }

    .product.product-listing .video-items .holder, .product .video-items .holder {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 0;
    }
}

@media screen and (max-width: 1023px) {
    .product.product-listing .video-items, .product .video-items {
        padding-bottom: 30px;
    }
}

.list-show {
    display: none;
}

.product-about {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    border: 1px solid var(--colorGray);
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .product-about {
        width: calc(100vw - 20px);
    }

    .item:nth-child(odd) .product-about {
        right: auto;
        left: 7px;
    }

    .item:nth-child(even) .product-about {
        right: 7px;
        left: auto;
    }
}

.info-new {
    fill: var(--colorOrange);
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.info-new:hover ~ .product-about {
    opacity: 1;
}

@media screen and (max-width: 575px) {
    .show-phone {
        font-size: 10px;
    }
}

.indicators .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.indicators .rating > div + div {
    margin-left: 8px;
}

.indicators .rating > div.active svg {
    fill: var(--colorOrange);
}

.indicators .rating svg {
    width: 32px;
    height: 32px;
}

.indicators .box .value {
    font-weight: 400;
}

.statistics .btn {
    min-width: 200px;
    height: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.statistics .holder + .holder {
    max-width: 50%;
}

@media screen and (max-width: 767px) {
    .statistics {
        display: block;
    }

    .statistics .holder + .holder {
        max-width: none;
    }

    .statistics .holder span {
        font-size: 16px;
    }

    .statistics .holder:first-child {
        display: block;
        margin-bottom: 20px;
    }
}

.review-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    margin-bottom: 20px;
}

.review-filter > * + * {
    margin-left: 19px;
}

.review-filter > span {
    color: var(--colorBlue);
}

.review-filter a {
    color: var(--colorBody);
}

.review-filter a:hover {
    color: var(--colorOrange);
}

.review-filter a span:first-child {
    text-decoration: underline;
}

.review-filter .gray {
    padding-left: 4px;
}

@media screen and (max-width: 767px) {
    .review-filter {
        font-size: 16px !important;
        margin-bottom: 25px;
    }
}

.reviews-list .item .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .reviews-list .item .info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-right: 100px;
    }

    .reviews-list .bottom {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}

@media screen and (max-width: 380px) {
    .reviews-list .item .info {
        display: -ms-grid;
        display: grid;
        gap: 10px;
        -ms-grid-columns: max-content 1fr;
        grid-template-columns:-webkit-max-content 1fr;
        grid-template-columns:max-content 1fr;
    }

    .reviews-list .item .info > * {
        width: auto;
    }
}

.company__contacts .box svg {
    fill: var(--colorOrange);
}

@media screen and (max-width: 1023px) {
    .title-page a {
        margin: 0 5px;
    }
}

@media screen and (max-width: 575px) {
    .title-page {
        font-size: 22px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .product-recomend .list {
        display: block;
        margin: 0 -10px;
        width: calc(100% + 10px);
    }

    .product-recomend .list .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product-recomend .list .owl-item {
        padding: 0 10px;
    }

    .product-recomend .item {
        padding: 0;
        margin: 0;
    }

    .product-recomend .inner {
        display: -ms-grid;
        display: grid;
        gap: 8px;
        width: 296px;
        height: 144px;
        -ms-grid-columns: 125px 1fr;
        grid-template-columns:125px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -ms-grid-rows: min-content 1fr;
        grid-template-rows:-webkit-min-content 1fr;
        grid-template-rows:min-content 1fr;
    }

    .product-recomend .photo {
        margin: 0;
        grid-row: span 2;
        height: auto;
    }

    .product-recomend .photo a {
        height: auto;
    }

    .product-recomend .name {
        margin: 0;
    }

    .product-recomend .name a {
        -webkit-line-clamp: 3;
    }
}

.more__text {
    font-size: 24px;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .more__text {
        font-size: 14px;
        -webkit-text-decoration-style: dotted;
        text-decoration-style: dotted;
    }
}

.list-view {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 22px 22px;
    grid-template-columns:22px 22px;
    gap: 8px;
}

.list-view svg {
    fill: var(--colorOrange);
}

.list-view span {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}

.list-view span.active {
    background: var(--colorOrange);
}

.list-view span.active svg {
    fill: #fff;
}

@media screen and (max-width: 1023px) {
    .list-view {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .sort .view {
        margin-left: auto;
        margin-right: 24px;
    }
}

.video-item {
    padding: 25px;
    height: 315px;
}

.video-item > a span {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.video-item > a svg {
    display: none;
}

@media screen and (max-width: 1199px) {
    .video-item {
        padding: 0;
        border: 1px solid transparent;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 120px 1fr;
        grid-template-columns:120px 1fr;
        width: 258px;
        height: 120px;
        gap: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0.4;
    }

    .active .video-item {
        border-color: #E6E6E6;
        opacity: 1;
    }

    .video-item .photo {
        margin: 0 !important;
        height: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .video-item .photo a {
        height: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .video-item .photo img {
        height: 100%;
        -o-object-position: center center;
        object-position: center center;
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .video-item > a {
        color: var(--colorBody);
    }

    .video-item > a span {
        font-size: 14px;
        line-height: 20px;
    }

    .video-item > a svg {
        width: 14px;
        height: 14px;
        fill: var(--colorOrange);
        display: block;
    }
}

.icon-status {
    position: absolute;
    top: 18px;
    right: 15px;
}

.icon-status ~ .info-new {
    right: 70px;
}

@media screen and (min-width: 1024px) {
    .product.list .icon-status {
        right: 0;
        top: 0;
    }
}