@charset "UTF-8";
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    background: red;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.jspHorizontalBar {
    background: red;
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #dde;
    position: relative
}

.jspDrag {
    background: #bbd;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px
}

.jspDisabled {
    background: #80808d;
    cursor: default
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px
}

.jspVerticalBar .jspArrow:focus {
    border: 1px solid red;
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

@font-face {
    font-family: roboto-example;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RobotoRegular/RobotoRegular.eot);
    src: url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"), url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype")
}

@font-face {
    font-family: roboto-example;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/RobotoBold/RobotoBold.eot);
    src: url(../fonts/RobotoBold/RobotoBold.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoBold/RobotoBold.woff) format("woff"), url(../fonts/RobotoBold/RobotoBold.ttf) format("truetype")
}

@font-face {
    font-family: Circe;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Circe-Regular.eot);
    src: url(../fonts/Circe-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Regular.woff) format("woff"), url(../fonts/Circe-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Circe;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Circe-Bold.eot);
    src: url(../fonts/Circe-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Bold.woff) format("woff"), url(../fonts/Circe-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Circe;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Circe-Light.eot);
    src: url(../fonts/Circe-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Light.woff) format("woff"), url(../fonts/Circe-Light.ttf) format("truetype")
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../libs/slick-carousel/slick/fonts/slick.woff.eot);
    src: url(../libs/slick-carousel/slick/fonts/slick.woff.eot?#iefix) format("embedded-opentype"), url(../libs/slick-carousel/slick/fonts/slick.woff.woff) format("woff"), url(../libs/slick-carousel/slick/fonts/slick.woff.ttf) format("truetype")
}

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

html {

    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    -webkit-border-radius: 0;
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 566px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 767px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

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

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

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 566px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

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

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

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 767px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

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

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

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

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

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

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

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

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

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 566px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 767px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 566px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 767px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 566px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 767px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

html {
    height: 100%
}

::-webkit-input-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

::-ms-input-placeholder {
    color: #666
}

::placeholder {
    color: #666
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.65;
    font-family: Circe, sans-serif;
    overflow-x: hidden;
    color: #333
}

body input, body textarea {
    border: #666 1px solid;
    outline: 0
}


label {
    line-height: 1.3;
    margin-bottom: 0
}



.main-header {
    flex: 0 0 auto;
}
.content-main{
    flex: 1 0 auto;
}
.main-footer {
    flex: 0 0 auto;
}

h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 62px
}

h4 {
    text-align: center;
    font-size: 24px;
    padding-top: 40px
}

select {
    background: #fff
}

button:hover {
    cursor: pointer;
    outline: 0
}

input {
    outline: 0
}

#partner-login input:-webkit-autofill, #register input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #333 !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important
}

.basket-menu {
    position: fixed;
    right: 0;
    z-index: 100;
    top: 24vh;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.element-basket-menu {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    background-color: #fff;
    border: 1px solid #777;
    border-bottom: none;
    text-decoration: none;
    color: #777;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.element-basket-menu i {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.element-basket-menu:hover {
    width: 180px;
    text-decoration: none;
    color: #000;
    border: 1px solid transparent
}

.element-basket-menu:last-child {
    border-bottom: 1px solid #777
}

.element-basket-menu:last-child:hover {
    border-bottom: 1px solid transparent
}

.element-basket-menu:hover i {
    color: #000
}

.element-basket-menu:hover a {
    color: #000;
    margin-left: 6px
}

.element-basket-menu a {
    white-space: nowrap;
    color: transparent
}

.element-basket-menu a:hover {
    text-decoration: none
}

.element-basket-menu:hover {
    background-color: #fdc90c;
    color: #000
}

.top-line {
    background-color: #efefef;
    height: 30px
}


/* поиск города */
.searchCityBlock {
	position: relative;
}
.searchCityBlock input {
	position: relative;
}
.searchCityBlock #resultSearch {
	position: absolute;
	background-color: white;
	border: 1px solid #d4d4d4;
	width: 100%;
	margin-top: 10px;
	display: none;
}
.searchCityBlock #resultSearch ul {
	list-style: none;
	padding: 0;
	margin: 5px 0;
	max-height: 205px;
	overflow: auto;
}
.searchCityBlock #resultSearch ul li {
	cursor: pointer;
	padding-left: 20px;
}
.searchCityBlock #resultSearch ul li:hover {
	background-color: #fdc90c;
}
.searchCityBlock #beforeSend {
	position: absolute;
	background-color: white;
	border: 1px solid #d4d4d4;
	width: 100%;
	margin-top: 10px;
	display: none;
	padding: 5px 20px;
}
/* поиск города */

.city {
    font-size: 12px;
    margin-top: 4px
}

.city a {
    color: #777;
    text-decoration: none
}

.city a:hover {
    color: #777;
    text-decoration: underline
}

.select-city {
    background-color: #fff
}
.select-city h4{
    text-align: left;
    padding: 10px;
}
.region-select-other {
    padding: 10px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    list-style-type: none
}

.region-select-other li {
    font-weight: 700;
    padding: 2px
}

.region-select-other li:hover {
    text-decoration: underline;
    cursor: pointer
}
.city-select-main {
    padding: 10px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    list-style-type: none;
}

.city-select-main li {
    font-weight: 700;
    padding: 2px
}

.city-select-main li:hover {
    text-decoration: underline;
    cursor: pointer
}
.region-select-main{
    padding: 10px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    list-style-type: none;
    float: left;
    width: 280px;
}
.region-select-main li {
    font-weight: 700;
    padding: 2px
}

.region-select-main li:hover {
    text-decoration: underline;
    cursor: pointer
}
.city-select {
    background-color: transparent;
    border: none
}

.city-select:focus {
    background-color: transparent;
    border: none
}

.fa-download, .fa-envelope, .fa-phone-square {
    margin-right: 4px
}

@-webkit-keyframes fixedMenu {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fixedMenu {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.small-logo {
    display: none
}

.fixed {
    position: fixed;
    width: 100%;
    -webkit-animation: fixedMenu .4s ease-in;
    animation: fixedMenu .4s ease-in;
    max-height: 66px;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #aaa
}

.fixed .top-line {
    display: none
}

.fixed .bottom-header div div .search {
    display: none !important
}

.fixed .bottom-header div div .logo .small-logo {
    display: block;
    height: 35px
}

.fixed .bottom-header div div .logo .main-logo {
    display: none
}

.fixed .bottom-header div div .top-menu {
    position: relative;
    top: -6px
}

.fixed + div {
    margin-top: 130px
}

select::-ms-expand {
    display: none
}

.feedback-main {
    background-color: #333;
    margin-bottom: 40px
}

.feedback-main .feedback-form label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    left: 0
}

.feedback-main .feedback-form a {
    width: 300px;
    margin: auto
}

.top-line .feedback {
    text-align: right;

}
.feedback{
    text-align: center;
}
.feedback ul {
    list-style-type: none;
    padding: 0
}

.feedback ul li {
    display: inline;
    font-size: 12px;
    padding-left: 34px
}

.feedback ul li a {
    color: #777
}

.feedback ul li a img {
    padding-right: 4px;
    vertical-align: baseline
}

.phone {
    text-align: right;
    float: left;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px
}

.phone a {
    color: #000
}

.phone a:hover {
    text-decoration: none
}

.bottom-header {
    padding: 12px 0
}

.logotype {
    padding: 0
}

.logo img {
    height: 79px;
    max-width: 100%
}

.search-field {
    width: 100%;
    height: 34px;
    margin-top: 2px;
    -webkit-border-radius: 15px 15px;
    border-radius: 15px 15px;
    border: .5px solid #ccc;
    padding: 0 12px;
    color: #aaa;
    font-size: 14px
}

.search-field:focus {
    border: 1px solid #fdc90c
}

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

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

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

.search-field:focus::placeholder {
    color: transparent
}

.enter-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.enter-button .enter-main {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    height: 40px;
    background-color: #fdc90c;
    border: none;
    padding-top: 10px
}

.enter-button .enter-main:hover {
    background-color: #ffdb58
}

.kabinet-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.kabinet-button .enter-main {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    height: 40px;
    background-color: #fdc90c;
    border: none;
    padding-top: 10px;
    text-align: center;
}

.kabinet-button .fa-angle-down {
    display: inline-block !important;
    margin-left: 20px
}

.kabinet-button .fa-angle-down:hover {
    background-color: #ffdb58
}

.lk-menu {
    display: block;
    width: 160px;
    position: absolute;
    top: -40px;
    left: 16px;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    margin-top: 80px;
    padding: 5px 0 10px 8px
}

.lk-menu li {
    display: block
}

.lk-menu li a {
    position: relative;
    border-bottom: transparent;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.lk-menu li a:hover {
    border: none;
    padding: 0;
    color: #000
}

.lk-menu li a:hover:after {
    content: "";
    background-color: #fdc90c;
    position: absolute;
    height: 35%;
    width: 100%;
    z-index: -1;
    top: 50%;
    left: 0
}

.top-menu ul {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    margin: 15px 0 0 0
}

.top-menu ul li {
    display: inline
}

.top-menu ul li:last-child {
    padding-right: 0
}

.top-menu ul li a {
    color: #777;
    font-size: 13px;
    font-weight: 700
}

.top-menu ul li a:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #fdc90c;
    padding-bottom: 6px;
    line-height: 10px
}

.top-menu ul li a.activeCSS {
    color: #000;
    border-bottom: 2px solid #fdc90c;
    padding-bottom: 6px
}

.top-menu ul li .dropdown-menu {
    display: none;
    width: 136px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    margin-top: 12px;
    margin-left: -7px;
    padding: 5px 0 10px 8px
}

.top-menu ul li .dropdown-menu li {
    display: block
}

.top-menu ul li .dropdown-menu li a {
    position: relative;
    border-bottom: transparent;
    color: #777
}

.top-menu ul li .dropdown-menu li a:hover {
    border: none;
    padding: 0;
    color: #000
}

.top-menu ul li .dropdown-menu li a:hover:after {
    content: "";
    background-color: #fdc90c;
    position: absolute;
    height: 35%;
    width: 100%;
    z-index: -1;
    top: 50%;
    left: 0
}

.activem {
    position: absolute;
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.top-menu.active {
    display: block !important;
    float: right;
    position: absolute;
    top: 40px;
    left: 54px;
    width: 146px;
    background-color: #fff;
    padding-left: 20px;
    z-index: 10
}

.top-menu.active ul {
    display: block
}

.top-menu.active ul li {
    display: block
}

.top-menu.active ul li a {
    position: relative
}

.top-menu.active ul li a:hover {
    border: none;
    padding: 0;
    color: #000
}

.top-menu.active ul li a:hover:after {
    content: "";
    background-color: #fdc90c;
    position: absolute;
    height: 35%;
    width: 100%;
    z-index: -1;
    top: 50%;
    left: 0
}

.black {
    width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    padding-top: 40px
}

.white {
    width: 100%;
    color: #000;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 130px
}

.progress {
    margin-top: 56px
}

.progress div {
    float: left;
    border: 2px solid #fdc90c;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    width: 240px;
    height: 100px;
    margin: 0 25px 25px 0;
    padding: 5px 0 0 20px
}

.progress div span {
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
    color: #fdc90c;
    display: block;
    height: 48px
}

.progress div:hover {
    color: #fff !important;
    background-color: #fdc90c
}

.progress div:hover span {
    color: #222 !important
}

.spisok-zakaz {
    max-height: 500px;
    width: 106%;
    overflow-x: scroll
}

.spisok-zakaz .jspVerticalBar {
    right: 20px
}

.my-zakaz-item {
    margin-right: 40px
}

.my-zakaz-item .zakaz-price {
    margin-left: 180px !important
}

.kromka {
    margin-bottom: 1px;
    width: 446px;
    padding: 20px;
    color: #fff;
    font-size: 30px;
    position: relative
}

.kromka span {
    font-size: 14px
}

.kromka:hover .kromka-inner {
    color: #000;
    z-index: 1;
    position: relative
}

.kromka:hover .kromka-inner span {
    color: #000;
    z-index: 1;
    position: relative;
    font-size: 14px;
    text-decoration: underline
}

.kromka:hover .line {
    color: #fff;
    background-color: #fff;
    z-index: 1;
    position: absolute
}

.kromka:before {
    content: '';
    width: 446px;
    height: 236px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}

.kromka:hover:before {
    opacity: .8
}

.kromka .line {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block
}

.kromka a {
    color: #fff;
    font-family: Circe, sans-serif;
    font-size: 14px;
    text-decoration: underline
}

.diler {
    width: 446px;
    padding: 20px;
    color: #fff;
    font-size: 30px;
    position: relative
}

.diler span {
    font-size: 14px;
    text-decoration: underline
}

.diler:hover .diler-inner {
    color: #000;
    z-index: 1;
    position: relative
}

.diler:hover span {
    font-size: 14px;
    color: #000;
    z-index: 1;
    position: relative
}

.diler:hover .line {
    color: #fff;
    background-color: #fff;
    z-index: 1;
    position: absolute
}

.diler:before {
    content: '';
    width: 446px;
    height: 236px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.diler:hover:before {
    opacity: .8
}

.diler hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block
}

.diler a {
    color: #fff;
    font-family: Circe, sans-serif;
    font-size: 14px;
    text-decoration: underline
}

.article {
    margin-top: -140px
}

.article a {
    text-decoration: none
}

.collects {
    background-image: url(../img/kromka-big.png);
    background-repeat: repeat-x;
    margin-top: 50px;
    width: 100%
}

.one {
    top: -10px;
    left: 320px;
    background-image: url(../img/one.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    width: 200px;
    height: 200px;
    background-color: #28a745;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border: 2px solid #fdc90c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.one img {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 86%
}

.one:before {
    content: '';
    width: 200px;
    height: 200px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: -2px;
    left: 0
}

.one:hover:before {
    opacity: .8
}

.two {
    left: 170px;
    top: -60px;
    background-image: url(../img/two.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0;
    width: 200px;
    height: 200px;
    background-color: #28a745;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border: 2px solid #fdc90c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.two img {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 86%;
    position: relative;
    top: 10px
}

.two:before {
    content: '';
    width: 200px;
    height: 200px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: -2px;
    left: 0
}

.two:hover:before {
    opacity: .8
}

.three {
    left: 320px;
    top: -110px;
    background-image: url(../img/three.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0;
    width: 200px;
    height: 200px;
    background-color: #28a745;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border: 2px solid #fdc90c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.three img {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 86%
}

.three:before {
    content: '';
    width: 200px;
    height: 200px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: -2px;
    left: 0
}

.three:hover:before {
    opacity: .8
}

.collections h3, .collections h1 {
    color: #fff;
    text-align: left;
    font-size: 30px;
    padding-top: 48px
}

.collections h3 span, .collections h1 span {
    font-weight: 400
}

.collections hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.collections p {
    font-size: 18px;
    padding: 100px 0 38px 0;
    color: #fff
}

.collections a {
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fdc90c;
    border: none;
    width: 350px;
    height: 50px;
    padding: 10px 50px;
    text-transform: uppercase
}

.collections a:hover {
    background-color: #ffdb58;
    text-decoration: none
}

svg {
    height: 80px;
    display: block;
    margin: 0 auto
}

svg:hover path {
    fill: #fdc90c
}

.brand {
    width: 100%;
    text-align: center;
    margin-bottom: 60px
}

.brands {
    line-height: 80px;
    margin-top: 60px
}

.brands .middle-block {
    line-height: 30px;
    margin-bottom: 75px
}

.brand h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 0
}

.diler-contact {
    padding-bottom: 40px
}

.diler-contact p {
    margin-top: 30px
}

.diler-contact .diler-button {
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fdc90c;
    border: none;
    width: 350px;
    height: 50px;
    padding: 10px 50px;
    text-transform: uppercase
}

.diler-contact .diler-button:hover {
    background-color: #ffdb58;
    text-decoration: none
}

.pictures-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-top: 52px
}

.pictures-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-top: 142px
}

.pictures-2 div {
    width: 33%
}

.brand a {
    background-color: #fdc90c;
    color: #222;
    font-weight: 700;
    border: none;
    font-size: 14px;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 74px
}

.brand a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.clients {
    width: 100%;
    margin: 60px 0;
    background-color: #efefef;
    text-align: center;
    padding-bottom: 40px
}

.clients h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 40px
}

.clients hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.clients img {
    margin: 0 10px
}

.cooperation {
    padding: 40px 0;

}
.news-cooperation-list{
    margin-bottom: -140px;
}
.cooperation .white-background {
    position: relative;
    top: 8px;
    left: 18px;
    width: 322px;
    height: 142px;
    background-color: #fff;
    opacity: .9;
    margin: 5px 0 144px -10px;
    padding: 6px 0 0 12px;
    font-size: 20px;
    color: #222;
    line-height: 1.2
}

.cooperation .white-background span {
    color: #777;
    font-size: 14px;
    font-weight: lighter
}

.cooperation .white-background a {
    background-color: #fdc90c;
    padding: 5px 10px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    line-height: 78px
}

.cooperation .white-background a:hover {
    background-color: #ffdb58;
    text-decoration: none
}

.cooperation .white-background a span {
    font-weight: 700;
    font-size: 10px;
    color: #000
}

.yellow {
    margin-top: 20px;
    background-color: #fdc90c;
    height: 60px;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    padding: 12px 0 0 0;
    font-size: 22px;
    z-index: 10;
    position: relative
}

.yellow:after {
    content: "";
    display: block;
    width: 29px;
    height: 34px;
    background-image: url(../img/right.png);
    position: absolute;
    top: 60px;
    right: 0
}

.contact-region {
    margin-top: 10px
}

.contact-region p {
    font-size: 14px;
    color: #999
}

.contact-region img {
    margin-left: 3px;
    margin-bottom: 10px;
    z-index: 0
}

.contact-region span {
    font-size: 20px;
    font-weight: 700;
    padding-left: 16px
}

.contact-region button {
    width: 70%;
    height: 40px;
    text-transform: uppercase;
    background-color: #fdc90c;
    border: none;
    margin-top: 30px
}

.contact-region button:hover {
    background-color: #ffdb58
}

.contact-region .diler-contact:after {
    content: '';
    width: 1500px;
    height: 30px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: -1106px
}

.contact-data {
    margin: 56px 0;
    background: #fff
}

.news-main {
    margin-bottom: 40px
}

.stocks {
    background-color: #efefef;
    text-align: center;
    padding-bottom: 40px;
}

.stocks h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 62px
}

.stocks hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.stocks .stock-element {
    text-align: left;
    padding: 16px 25px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.stocks .stock-element:hover {
    border-top: 2px solid #fdc90c;
    border-bottom: 2px solid #fdc90c;
    padding: 16px 25px;
    background: #fff
}

.stocks .stock-element:hover .stock {
    background-color: #efefef
}

.stocks .stock {
    color: #000;
    font-size: 12px;
    background-color: #fff;
    padding: 2px 10px;
    display: inline
}

.stocks .date-stock {
    display: inline;
    font-size: 14px;
    padding-left: 35px;
    color: #000
}

.stocks .name-stock {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0
}

.stocks a {
    color: #999;
    font-size: 14px;
    padding: 20px
}

.interesting {
    text-align: center
}

.interesting h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 70px
}

.interesting hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.interesting a {
    background-color: #fdc90c;
    border: none;
    font-weight: 700;
    font-size: 14px;
    color: #222;
    padding: 10px 130px;
    text-transform: uppercase
}

.interesting a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.line-int {
    width: 90% !important;
    margin-top: -22px;
    display: block !important
}

#textbox {
    max-height: 257px;
    overflow: hidden;
    margin-top: -20px;
    text-align: left;
}

.text_height {
    max-height: none!important;
    transition: 1s;
}
.text_height:before{
    display: none !important;
}
#textbox:before {
    content: "";
    display: block;
    height: 20px;
    position: relative;
    top: 500px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

.ymaps-2-1-74-control-popup__content {
    width: 230px
}

.ymaps-2-1-74-controls__control_toolbar {
    margin-left: 490px
}

.partner {
    width: 100%;
    height: 268px;
    margin-top: 150px;
    background-color: #fff;
    text-align: center
}

.partner h3 {
    text-align: center;
    font-size: 30px;
    padding-top: 46px
}

.partner hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.partner img {
    margin-right: 20px;
    height: 72px
}

.slick-next:before, .slick-prev:before {
    color: #000
}

.slider-arrow-left {
    position: absolute;
    top: 12px;
    left: -10px;
    font-size: 20px;
    color: #777;
    font-weight: 700;
    cursor: pointer
}

.slider-arrow-right {
    position: absolute;
    top: 12px;
    right: -5px;
    font-size: 20px;
    color: #777;
    font-weight: 700;
    cursor: pointer
}

.feedback h3 {
    font-size: 28px;
    color: #fff;
    padding-top: 8px
}

.yellow-bgc {
    background-color: #fdc90c;
    color: #222 !important;
    padding: 12px;
    margin: 45px -45px 0 -45px;
    font-size: 28px
}

.yellow-bgc:before {
    content: "";
    display: block;
    width: 29px;
    height: 34px;
    background-image: url(../img/left.png);
    position: absolute;
    top: 111px;
    left: -29px
}

.yellow-bgc:after {
    content: "";
    display: block;
    width: 29px;
    height: 34px;
    background-image: url(../img/right.png);
    position: absolute;
    top: 111px;
    left: 760px
}

.feedback-form {
    padding: 0 0 40px 0
}

.feedback-form input {
    background-color: #333;
    border: none;
    border-bottom: 2px solid #fdc90c;
    color: #fff;
    width: 40%;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
    font-size: 18px;
    height: 36px
}

.feedback-form input::-webkit-input-placeholder {
    color: #fff
}

.feedback-form input:-ms-input-placeholder {
    color: #fff
}

.feedback-form input::-ms-input-placeholder {
    color: #fff
}

.feedback-form input::placeholder {
    color: #fff
}

.feedback-form input:focus {
    border-bottom: 2px solid #fff
}

.feedback-form input:focus::-webkit-input-placeholder {
    opacity: 0
}

.feedback-form input:focus:-ms-input-placeholder {
    opacity: 0
}

.feedback-form input:focus::-ms-input-placeholder {
    opacity: 0
}

.feedback-form input:focus::placeholder {
    opacity: 0
}

.feedback-form label {
    color: #fff;
    padding: 0 20px;
    position: relative;
    left: -24px;
    top: 6px;
    line-height: 1.3;
    margin-bottom: 13px
}
.feedback-form input[type=submit]{
    display: initial;
    text-align: center !important;
    background-color: #fdc90c;
    cursor: pointer;
    color: #222;
    height: auto;
    font-size: 14px;
    font-weight: 700;
    border: none;
    width: auto;
    padding: 10px 50px;
    margin-top: auto;
    text-transform: uppercase;
}
.feedback-form a {
    display: block;
    text-align: center;
    background-color: #fdc90c;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border: none;
    padding: 10px 50px;
    text-transform: uppercase
}

.feedback-form a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.feedback-form input[type=checkbox] {
    display: none
}

.feedback-form input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #fdc90c;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.feedback-form input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

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

.img-responsive.img-width {
    width: 100%
}

footer {
    background-color: #efefef;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 20px
}

.sitemap a {
    color: #818181;
    font-size: 14px
}
/*
.social {
    font-size: 20px
}

.social .fab {
    padding: 0 6px
}*/

.author {
    color: #818181;
    font-size: 14px
}

.author a {
    color: #818181;
    font-size: 14px
}
.breadcrumb{
    margin: 20px 0;
}
.breadcrumb span {
    font-size: 11px;
    color: #919191
}

.breadcrumb span a {
    color: #919191;
    text-decoration: none
}

.about {
    text-align: center
}

.about h3 {
    margin: 0;
    padding-top: 20px
}

.about hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block
}

.about .rotate div {
    display: inline-block;
    top: 0;
    left: 0;
    margin: 90px 0 120px 120px
}

.about .rotate div:first-child {
    margin-left: 0
}

.yellow-square {
    width: 65px;
    height: 65px;
    background-color: #fdc90c;
    position: relative;
    left: 405px;
    top: -45px
}

.work {
    background-color: #fdc90c;
    text-align: left
}

.work h4 {
    text-align: left;
    padding-left: 70px
}

.work hr {
    margin-bottom: 24px;
    border: none;
    background-color: #fff;
    height: 2px;
    margin-left: 70px;
    width: 120px
}

.work ul {
    padding-left: 86px
}

.work ul li {
    color: #fff
}

.work ul li span {
    color: #222;
    font-weight: 700
}

.work p {
    font-size: 14px;
    padding: 24px
}

.feedback-2 {
    background-color: #333
}

.feedback-2 div div div:first-child {
    padding: 0
}

.feedback-2 h4 {
    text-align: left;
    color: #fff
}

.feedback-2 .feedback-form input {
    width: 100%;
    text-align: left;
}

.feedback-2 .feedback-form label {
    padding: 0;
    margin-top: 25px;
    text-align: right
}

.feedback-2 .feedback-form a {
    margin: 10px 0 0 0;
    background-color: #fdc90c;
    padding: 10px 37px;
    font-size: 14px;
    color: #222;
    font-weight: 700
}

.feedback-2 .feedback-form a:hover {
    background-color: #ffdb58;
    text-decoration: none
}

.collections-content {
    background-color: #fdc90c;
    height: 210px
}

.romb .rotate div {
    display: inline-block;
    top: 0;
    left: 0
}

.romb .rotate .one {
    margin: 110px 0 120px 72px
}

.romb .rotate .two {
    margin: 110px 0 120px 172px
}

.romb .rotate .three {
    margin: 110px 0 120px 172px;
    top: -5px
}

.article-collection {
    margin: 40px 0;
}

.article-collection p {
    color: #777;
    font-size: 15px
}

.filter-name {
    font-weight: 700
}

.filter.active {
    display: block;
    position: relative
}

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

.filter input[type=checkbox] {
    display: none
}

.filter input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.filter input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.filter ul {
    list-style-type: none;
    display: block;
    padding: 0
}

.filter i {
    float: right;
    font-size: 18px;
    margin-top: 7px;
    color: #aaa;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.filter .button-filter {
    border: none;
    color: #222;
    margin-top: 20px;
    margin-bottom: 16px;
    background-color: #fdc90c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center
}

.filter .button-filter:hover {
    background-color: #ffdb58;
    text-decoration: none
}

.name-filter {
    cursor: pointer
}

.name-filter.active .fa-angle-down {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.exclamation {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    color: #e20042;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

.list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list .item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border: 1px solid transparent
}

.list .item:hover {
    border-color: #fdc90c
}

.list .item:hover .basket-item {
    visibility: visible;
    background-color: #fdc90c
}

.list .item .desc-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.list .item img {
    padding: 12px 22px 12px 12px;
    float: left;
    width: 40%
}

.list .item .kod {
    color: #999;
    font-size: 12px;
    margin-top: 14px
}

.list .item .name {
    font-size: 14px;
    margin-top: -12px;
    font-weight: 700;
    display: block;
    color: #222
}

.list .item .name:hover {
    text-decoration: none
}

.list .item .old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    margin-bottom: 0
}

.list .item .price {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.list .item .price span {
    font-size: 14px;
    font-weight: 400
}

.list .item .count {
    display: inline-block;
    margin-left: auto
}

.list .item .count a {
    color: #999;
    padding: 5px
}

.list .item .count a:hover {
    color: #fdc90c
}

.list .item .basket-item {
    visibility: hidden;
    background-color: #fdc90c;
    border: none;
    text-transform: uppercase;
    margin-left: 40px;
    padding: 8px 55px;
    font-size: 14px;
    color: #222;
    font-weight: 700
}

.list .item .basket-item:hover {
    text-decoration: none;
    color: #222;
    background-color: #ffdb58
}

.table {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.table .item {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid transparent;
    border-top: 1px solid #999;
    color: #000;
    margin-bottom: 10px
}

.table .item:hover {
    border: 1px solid #fdc90c
}

.table .item:hover .basket-item {
    visibility: visible
}

.table .item .desc-item {
    float: left;
    width: 50%
}

.table .item .price-item {
    float: left;
    width: 50%
}

.table .item img {
    display: none
}

.table .item .kod {
    color: #999;
    font-size: 12px;
    padding: 7px;
    margin-bottom: 0
}

.table .item .name {
    padding: 7px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: inline-block
}

.table .item .name:hover {
    text-decoration: none
}

.table .item .old-price {
    text-decoration: line-through;
    padding: 7px;
    margin-bottom: 0;
    color: #999;
    font-size: 14px
}

.table .item .price {
    float: left;
    font-size: 20px;
    padding-left: 7px;
    font-weight: 700
}

.table .item .price span {
    font-size: 14px;
    font-weight: 400
}

.table .item .count {
    margin-top: -25px;
    margin-left: 208px
}

.table .item .count a {
    color: #999;
    padding: 5px
}

.table .item .count a:hover {
    color: #fdc90c
}

.table .item .basket-item {
    visibility: hidden;
    background-color: #fdc90c;
    border: none;
    text-transform: uppercase;
    padding: 6px 30px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-left: 100px;
    top: 12px
}

.table .item .basket-item:hover {
    text-decoration: none;
    color: #222;
    background-color: #ffdb58
}

.grid .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33%;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid transparent
}

.grid .item:hover {
    border-color: #fdc90c
}

.grid .item:hover .basket-item {
    visibility: visible
}

.grid .image-item {
    padding: 7px
}

.grid .image-item img {
    width: 100%;
    box-shadow: 0 6px 8px 0px rgba(0,0,0,.05);
}

.grid .desc-item, .grid .price-item {
    padding: 7px
}

.grid .desc-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.grid .kod {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 0
}

.grid .name {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    display: block
}

.grid .name:hover {
    text-decoration: none
}

.grid .old-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 14px;
    margin-bottom: 0
}

.grid .price {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.grid .price span {
    font-size: 14px;
    font-weight: 400
}

.grid .count {
    display: inline-block;
    margin-left: 40px
}

.grid .count a {
    color: #999;
    padding: 5px
}

.grid .count a:hover {
    color: #fdc90c
}

.grid .basket-item {
    color: #222;
    font-size: 14px;
    visibility: hidden;
    background-color: #fdc90c;
    border: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700
}

.grid .basket-item:hover {
    background-color: #ffdb58
}

.views {
    text-align: right;
    color: #aaa;
    font-size: 19px;
    margin-bottom: 20px
}

.views div {
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    padding: 5px;
    border: 1px solid transparent
}

.views div:hover {
    border-color: #fdc90c;
    color: #fdc90c
}

.views > .active {
    border: 1px solid #fdc90c;
    color: #fdc90c
}

.show_more {
    margin-top: 40px;
    text-align: center;
    margin-bottom: 60px
}

.show_more a {
    background-color: #fdc90c;
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border: none;
    padding: 10px 100px
}

.show_more a:hover {
    background-color: #ffdb58
}

.availability {
    height: 200px;
    background-color: #333;
    margin-top: 30px;
    text-align: center
}

.availability h3 {
    font-size: 22px;
    color: #ddd;
    font-weight: 400;
    padding-top: 30px
}

.availability h4 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    padding-top: 0
}

.availability a {
    border: none;
    background-color: #fdc90c;
    padding: 10px 50px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.availability a:hover {
    color: #222;
    text-decoration: none;
    background-color: #ffdb58
}

.text-content {
    margin: 50px 0
}

.catalog {
    text-align: center;
    margin-bottom: 300px
}

.catalog hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.catalog h4 {
    font-weight: 400;
    font-size: 20px;
    padding-top: 25px
}

.catalog h4 span {
    font-weight: 700
}

.catalog .show_catalog {
    margin-top: 40px;
    height: 200px;
    background-color: #fdc90c
}

.catalog .show_catalog h4 {
    line-height: 1.3;
    margin-top: 12px
}

.catalog .show_catalog a {
    display: block;
    padding: 6px 60px;
    background-color: #fff;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.catalog .show_catalog a:hover {
    cursor: pointer;
    text-decoration: none
}

.catalog .show_catalog p {
    color: #222;
    font-weight: 700
}

.detail-page img {
    margin-bottom: 40px
}

.detail-page .detail-name {
    margin-top: 60px;
    font-size: 24px;
    font-weight: 700
}

.detail-page .detail-code {
    font-size: 14px;
    color: #aaa;
    margin-bottom: 30px
}

.detail-page .basket {
    margin-left: 0;
    margin-right: 0;
    height: 80px;
    background-color: #fffcf0;
    border: 1px solid #fdc90c;
    padding: 6px 72px
}

.detail-page .basket .old-price {
    margin-top: 4px;
    font-size: 14px;
    text-decoration: line-through;
    color: #999
}

.detail-page .basket .price {
    font-size: 20px;
    display: inline-block;
    font-weight: 700
}

.detail-page .basket .price span {
    font-size: 14px;
    font-weight: 700
}

.detail-page .basket .count {
    width: 100%;
    margin: 26px 0;
    padding: 3px;
    text-align: center
}

.detail-page .basket .count i {
    color: #999;
    font-size: 22px
}

.detail-page .basket .count span {
    padding: 8px
}

.detail-page .basket .button-basket a {
    border: none;
    text-transform: uppercase;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fdc90c;
    display: block;
    text-align: center;
    padding: 6px;
    margin-top: 22px
}

.detail-page .basket .button-basket a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.detail-page .basket p {
    margin-top: 9px;
    font-size: 12px;
    line-height: 14px
}

.detail-page .property {
    margin-top: -70px;
    margin-bottom: 30px;
    padding-left: 496px;
    font-weight: 700;
    font-size: 13px;
    color: #aaa
}

.detail-page .property .row {
    border-bottom: 1px solid #aaa;
    padding: 6px 0
}

.detail-page .property div {
    padding: 0;
    margin-right: 7px;
    margin-top: 4px;
    line-height: 2.5
}

.detail-page .property div .right {
    text-align: right;
    color: #000
}

.zakaz-basket .summa, .zakaz-basket .ves {
    color: #777;
    font-size: 14px;
    display: inline-block
}

.zakaz-basket .kg, .zakaz-basket .rub {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.summa-basket {
    margin-bottom: 10px
}

.galodesign {
    height: 246px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    background-color: #4e4646
}

.galodesign hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.collection {
    margin-top: 45px
}

.collection .items .item .art {
    color: #999;
    font-size: 12px;
    margin: 0;
    margin-top: 8px
}

.collection .items .item .sizes {
    color: #999;
    font-size: 12px;
    line-height: 2;
    text-align: left
}

.collection .items .item .sizes .size {
    background-color: #efefef;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #222;
    font-size: 12px;
    white-space: nowrap;
    padding: 1px 5px
}

.collection .items .item .name {
    margin: 0
}

.kromka-zakaz, .price-list {
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 45px;
    display: block;
    text-align: center;
    padding: 7px;
    background-color: #fff;
    border: 1px solid #fdc90c
}

.kromka-zakaz:hover, .price-list:hover {
    text-decoration: none;
    color: #222;
    background-color: #fdc90c
}

.news-1 p a, .news-2 p a, .news-3 p a {
    color: #222
}

.news-1 p a:hover, .news-2 p a:hover, .news-3 p a:hover {
    text-decoration: none
}


.news {
    text-align: center
}

.news h3 {
    padding-top: 10px
}

.news hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.ul-news img {
    z-index: -1;
    position: relative
}

.ul-news ul {
    padding: 0;
    list-style-type: none
}

.ul-news ul li {
    height: 130px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    padding: 20px 0
}

.ul-news ul li:before {
    content: "";
    background-color: #fff;
    display: block;
    border-bottom: 2px solid #fdc90c;
    border-left: 2px solid #fdc90c;
    width: 92px;
    position: relative;
    height: 92px;
    top: -3px;
    left: -47px;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
}

.ul-news ul li:hover {
    border-top: 2px solid #fdc90c;
    border-bottom: 2px solid #fdc90c
}

.ul-news ul li:hover:before {
    opacity: 1
}

.ul-news ul li span {
    color: #aaa;
    font-size: 14px;
    position: relative;
    top: -100px
}

.ul-news ul li p {
    font-weight: 700;
    position: relative;
    top: -100px
}

.news-element {
    margin-top: 45px;
    border: 1px solid transparent;
    padding: 16px 0
}

.news-element hr {
    border: none;
    border-bottom: 1px solid #ddd
}

.news-element:hover {
    border: 1px solid #fdc90c
}

.news-element:hover hr {
    opacity: 0
}

.news-element .name {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 16px
}

.news-element .name a {
    color: #222
}

.news-element .name a:hover {
    text-decoration: none
}

.news-element p {
    font-size: 14px
}

.navigation {
    margin: 50px;
    text-align: center
}

.navigation span {
    padding: 5px 12px;
    cursor: pointer;
    border: 1px solid transparent
}

.navigation span:nth-child(2) {
    border: 1px solid #fdc90c
}

.navigation span:hover {
    border: 1px solid #fdc90c
}

.navigation .arrow {
    padding: 3px 12px;
    cursor: pointer;
    border: 1px solid #aaa;
    margin: 100px;
    font-size: 20px
}

.navigation .arrow:hover {
    border: 1px solid #fdc90c
}

.news-feedback-3 {
    background-color: #fdc90c;
    margin-top: -120px
}

.news-feedback-3 h4 {
    margin-top: 112px;
    text-align: left;
    font-size: 24px;
    color: #333
}

.news-feedback-3 .feedback-form {
    color: #333;
    margin-top: 112px
}

.news-feedback-3 .feedback-form input {
    background-color: #fdc90c;
    color: #222;
    text-align: left;
    border-bottom: 2px solid #333
}

.news-feedback-3 .feedback-form input::-webkit-input-placeholder {
    color: #000
}

.news-feedback-3 .feedback-form input:-ms-input-placeholder {
    color: #000
}

.news-feedback-3 .feedback-form input::-ms-input-placeholder {
    color: #000
}

.news-feedback-3 .feedback-form input::placeholder {
    color: #000
}

.news-feedback-3 .feedback-form label {
    color: #000;
    width: 256px;
    margin-top: 25px;
    padding: 0;
    text-align: right
}

.feedback-form .subscribe-rubrics {
    width: auto !important;
    margin: 0 !important;
}

.news-feedback-3 .feedback-form input[type=checkbox] {
    display: none
}

.news-feedback-3 .feedback-form input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #222;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.news-feedback-3 .feedback-form input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #222
}

.news-feedback-3 .feedback-form a {
    width: 255px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    background-color: #333
}

.feedback-3 {
    background-color: #fdc90c;
    margin-top: -120px
}

.feedback-3 h4 {
    margin-top: 112px;
    text-align: left;
    font-size: 24px
}

.feedback-3 .feedback-form {
    color: #333;
    margin-top: 112px
}

.feedback-3 .feedback-form input {
    background-color: #fdc90c;
    color: #000;
    width: 200px;
    text-align: left;
    border-bottom: 2px solid #333
}

.feedback-3 .feedback-form input::-webkit-input-placeholder {
    color: #000
}

.feedback-3 .feedback-form input:-ms-input-placeholder {
    color: #000
}

.feedback-3 .feedback-form input::-ms-input-placeholder {
    color: #000
}

.feedback-3 .feedback-form input::placeholder {
    color: #000
}

.feedback-3 .feedback-form label {
    color: #000;
    width: 256px;
    margin-top: 25px;
    padding: 0;
    text-align: right
}

.feedback-3 .feedback-form input[type=checkbox] {
    display: none
}

.feedback-3 .feedback-form input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #222;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.feedback-3 .feedback-form input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #222
}

.feedback-3 .feedback-form a {
    width: 255px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    background-color: #333
}

.yellow-light {
    background-color: #fffcf0
}

.about-h4 {
    background-color: #fdc90c;
    padding: 40px 0;
    margin: 0;
    font-family: Circe, sans-serif;
    font-size: 30px
}

.about-advantages {
    background-color: #fffcf0;
    padding: 40px 0
}

.about-advantages div {
    text-align: center
}

.about-advantages div svg {
    margin-bottom: 15px
}

.rotate-about {
    text-align: center;
    margin: 40px 0
}

.rotate-about div {
    width: 360px;
    height: 360px;
    float: left;
    margin: 0 1px
}

.rotate-about div:before {
    content: '';
    width: 360px;
    height: 360px;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0
}

.rotate-about div:hover:before {
    opacity: .8
}

.rotate-about div img {
    width: 70%;
    position: relative;
    top: -100px;
    left: 30px
}

.pic-about {
    text-align: left;
    overflow: hidden
}

.collections-header {
    margin-bottom: 40px
}

.collections-header h3 {
    padding-top: 10px
}

.collections-header hr {
    border: none;
    width: 150px;
    border-bottom: 2px solid #fdc90c
}

.rotate-collections {
    padding: 0;
    margin: 0
}

.rotate-collections div {
    width: 380px;
    height: 380px;
    border: .5px solid #fff;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.rotate-collections div:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fdc90c;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0
}

.rotate-collections div:hover:before {
    opacity: .8
}

.rotate-collections div img {
    margin: 250px 25px 0 74px;
    width: 70%;
    top: -366px;
    position: relative
}

.ldsp-label {
    position: absolute;
    top: 32px;
    left: 230px
}

.flex-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dadada;
    max-width: 48%;
    margin-right: 10px
}

.value-property {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.h3-collection {
    text-align: left
}

.hr-collection {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block
}

.photo {
    display: inline-block;
    cursor: pointer;
    padding: 12px 16px;
    color: #999;
    border: 1px solid transparent
}

.video {
    cursor: pointer;
    display: inline-block;
    color: #999;
    padding: 12px 16px;
    border: 1px solid transparent
}

.video:hover {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.photo:hover {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.activevp {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #fffcf0;
    color: #222;
    padding: 12px 16px
}

.photo-gallery {
    margin: 0 0 30px 0;
}

.photo-gallery div {
    margin-top: 15px
}

.img-photo {
    margin-top: 0 !important;
    position: relative
}

/*.img-photo:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fdc90c;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}*/

/*.img-photo:hover:after {
    content: '\f06e';
    font-family: "Font Awesome 5 Free";
    color: #fff;
    z-index: 2;
    top: 34%;
    left: 43%;
    font-size: 30px;
    position: absolute
}*/

.photo-gallery img {
    width: 100%
}

.photo-gallery .photo-element {
    border: 1px solid #999
}

.photo-gallery .photo-element p {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1.2
}

.photo-gallery .photo-element:hover {
    border: 1px solid #fdc90c
}

.video-gallery {
    margin: 0
}

.video-gallery div {
    margin-top: 15px
}

.img-video {
    margin-top: 0 !important;
    position: relative
}

/*.img-video:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fdc90c;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}*/

/*.img-video:hover:after {*/
    /*content: '\f144';*/
    /*font-family: "Font Awesome 5 Free";*/
    /*color: #fff;*/
    /*z-index: 2;*/
    /*top: 34%;*/
    /*left: 43%;*/
    /*font-size: 30px;*/
    /*position: absolute*/
/*}*/

.video-gallery img {
    width: 100%
}

.video-gallery .video-element {
    border: 1px solid #999
}

.video-gallery .video-element p {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1.2
}

.video-gallery .video-element:hover {
    border: 1px solid #fdc90c
}

.video {
    display: inline-block
}

.center {
    margin: 70px 0
}

.center button {
    margin: 0 auto;
    padding: 10px 80px
}

.quality {
    margin-top: 30px
}

.title-quality hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.quality-element {
    position: relative;
    margin-bottom: 50px
}

.quality-element:hover h3 {
    border: 1px solid #fdc90c;
    background-color: #fdc90c;
    color: #fff
}

.quality-element:hover h3:before {
    content: "";
    display: block;
    width: 148px;
    height: 148px;
    position: absolute;
    background-color: #fdc90c;
    z-index: -1;
    left: 58px
}

.quality-element img {
    float: left;
    margin-right: 25px;
    margin-left: 21px;
    padding-top: 10px
}

.quality-element h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    margin-left: 40px;
    line-height: 1.2;
    padding: 0;
    border: 1px solid transparent
}

.quality-element p {
    font-size: 14px;
    color: #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.production {
    text-align: center
}

.production hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 20px
}

.prod-text {
    text-align: center;
    font-size: 16px
}

.slider-production .slick-slide img {
    width: 100%
}

.map-dc {
    padding-left: 0
}

.slick-active p {
    display: block
}

#map-contact, #map-contact2, #map-contact3 {
    height: 400px
}

.map-prod {
    width: 50%;
    height: 430px
}

.diller-select {
    height: 200px;
    overflow: auto;
    margin: 20px 0
}

.diller-prod h2 {
    line-height: 1.3
}

.diller-prod input {
    width: 90%;
    height: 34px;
    margin-top: 2px;
    -webkit-border-radius: 15px 15px;
    border-radius: 15px 15px;
    border: 1px solid #aaa;
    padding: 0 12px;
    color: #222;
    font-size: 14px
}

.diller-prod input::-webkit-input-placeholder {
    color: #ccc
}

.diller-prod input:-ms-input-placeholder {
    color: #ccc
}

.diller-prod input::-ms-input-placeholder {
    color: #ccc
}

.diller-prod input::placeholder {
    color: #ccc
}

.diller-prod ul {
    padding-left: 5px
}

.diller-prod ul li a{
    font-size: 14px;
    color: #777;
    list-style-type: none;
    padding: 5px 0;
    width: 120px;
    border-bottom: 2px solid transparent
}

.diller-prod ul li a:hover {
    color: #000;
    border-bottom: 2px solid #fdc90c;
    width: 120px;
    text-decoration: none;
}

.dealer-form-button {
    background-color: #fdc90c;
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    padding: 10px 50px;
    text-transform: uppercase
}

.dealer-form-button:hover {
    text-decoration: none;
    color: #222
}

.quality-partner {
    margin-top: 0;
    background-color: #efefef
}

.views-news {
    color: #777;
    font-size: 14px;
    display: inline-block;
    margin-left: 34px
}

.date-news {
    color: #777;
    font-size: 14px;
    display: inline-block
}

.social-news {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 14px 1px;
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #777
}

.social-news .fab {
    font-size: 18px;
    padding-left: 8px
}

.social-news .fab:hover {
    color: #fdc90c
}

.news-elem-pic {
    text-align: center
}

.news-elem-detail-text {
    margin: 40px 0;
    overflow: scroll;
}

.news-detail-poh {
    margin-bottom: 40px
}

.news-feedback {
    height: 180px;
    margin: 0;
    margin-bottom: 40px
}

.news-feedback h4 {
    margin-top: 0
}

.news-feedback .feedback-form {
    margin-top: 0
}

.date-news {
    color: #777;
    font-size: 12px;
    padding: 10px 0
}

.name-news {
    font-size: 16px;
    font-weight: 700
}

.news-slider .slick-slide {
    padding: 10px;
    border: 1px solid transparent
}

.news-slider .slick-slide img {
    width: 348px
}

.element-slider:hover {
    border: 1px solid #fdc90c;
    padding: 10px
}

.edge {
    text-align: left
}

.edge h3 {
    text-align: left
}

.order-edge {
    text-align: center;
    height: 220px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #333
}

.order-edge h3 {
    font-weight: 400;
    padding-top: 30px;
    color: #fff
}

.order-edge h3 span {
    font-weight: 700
}

.order-edge a {
    background-color: #fdc90c;
    padding: 10px 66px;
    border: none;
    color: #222;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: block;
    width: 286px;
    margin: 24px auto
}

.order-edge a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.partners {
    background-color: #fff
}

#tabs .get-city {
    list-style-type: none;
    padding: 0
}

#tabs .get-city .ui-tabs-active {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: #fcf8e3
}

#tabs .get-city li {
    display: inline-block;
    border: 1px solid transparent;
    padding: 10px
}

#tabs .get-city li:hover {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: #fcf8e3
}

#tabs .get-city li a {
    color: #222;
    text-decoration: none
}

#tabs hr {
    color: #fdc90c;
    margin-top: -17px;
    background-color: #fdc90c;
    border: none;
    height: 1px
}

#tabs-1 div, #tabs-2 div, #tabs-3 div, #tabs-4 div {
    font-size: 14px;
    color: #222
}

#tabs-1 div .fas, #tabs-2 div .fas, #tabs-3 div .fas, #tabs-4 div .fas {
    color: #fdc90c;
    margin-right: 16px
}

b, strong {
    font-weight: 700
}

.img-contact {
    width: 100%;
    background: #aaa;
    height: 400px;
    margin: 50px 0
}

.schema {
    margin-bottom: 70px
}

.our-dealer {
    padding-top: 40px
}

.our-dealer h3 {
    text-align: left;
    font-size: 24px;
    padding-top: 0
}

.search-contact {
    width: 100%;
    margin-bottom: 70px
}

.wrapper-list-city {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 70px
}

.list-city {
    padding-left: 0;
    text-align: left;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance
}

.list-city li {
    list-style-type: none
}

.list-city li a {
    color: #222
}

.list-city li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #fdc90c
}

.schema img {
    width: 100%
}

.podbor-list {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 14px
}

.podbor-list .select-button {
    border: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.podbor-list .select-button:hover {
    background-color: #ffdb58
}

.marka-list {
    position: relative
}

.marka-list-header {
    border: 1px solid #777;
    padding: 14px 14px 12px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #777
}

.marka-list-header .fa-chevron-down {
    padding: 4px
}

.list-marka {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 4;
    text-align: center;
    padding: 0;
    background-color: #fff;
    width: 100%;
    list-style-type: none;
    line-height: 2
}

.list-marka li {
    cursor: pointer;
    border-bottom: 1px solid transparent
}

.list-marka li:hover {
    border-bottom: 1px solid #fdc90c
}

.dekor-list {
    position: relative
}

.dekor-list-header {
    border: 1px solid #777;
    padding: 14px 14px 12px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #777
}

.list-dekor {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 4;
    text-align: center;
    padding: 0;
    background-color: #fff;
    width: 100%;
    list-style-type: none;
    line-height: 2
}

.list-dekor li {
    border-bottom: 1px solid transparent
}

.list-dekor li:hover {
    border-bottom: 1px solid #fdc90c
}

.select-mark {
    margin-top: 20px
}

.select-mark span {
    display: block;
    margin: 10px;
    border: 1px solid #fdc90c;
    padding: 5px;
    font-size: 12px;
    background-color: #fffcf0
}

.select-mark span .fa-times {
    color: #fdc90c;
    cursor: pointer;
}

.select-dekor {
    margin-top: 20px
}

.select-dekor span {
    display: block;
    margin: 10px;
    border: 1px solid #fdc90c;
    padding: 5px;
    font-size: 12px;
    background-color: #fffcf0
}

.select-dekor span .fa-times {
    color: #fdc90c;
    cursor: pointer;
}

.select-button {
    width: 100%;
    background-color: #fdc90c;
    height: 50px
}

.select-button:hover {
    background-color: #ffdb58
}

.title-hr {
    border-bottom: 2px solid #777;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3
}

.element-hr {
    border-bottom: 1px solid #aaa;
    padding-top: 24px;
    padding-bottom: 14px;
    line-height: 1.3
}

.element-hr:hover {
    background: #fcf8e3
}

.element-hr .marka-plit {
    font-size: 13px;
    font-weight: 700;
    color: #222
}

.element-hr .dekor-plit {
    font-size: 13px;
    color: #222
}

.element-hr .collection-plit {
    font-size: 13px;
    color: #222
}

.element-hr .article-plit {
    color: #222;
    font-size: 13px
}

.element-hr .razmer-plit {
    color: #222;
    font-size: 13px
}

.element-hr .dekor-kromki {
    color: #222;
    font-size: 13px
}

.element-hr .price-plit {
    text-align: center;
    color: #222;
    font-size: 14px;
    border-left: 1px solid #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.element-hr .price-plit strong {
    font-size: 20px;
    font-weight: 700
}

.element-hr .count-plit {
    color: #999;
    text-align: center
}

.element-hr .count-plit .fa-shopping-cart {
    background: #fdc90c;
    padding: 5px 18px;
    color: #000;
    margin-top: 7px
}

.request-price a {
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding: 8px 40px;
    background-color: #fdc90c;
    display: block;
    text-align: center;
    text-transform: uppercase
}

.request-price a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.diller-page {
    padding-top: 50px
}

.diler-contact-dc {
    top: -20px;
    position: relative;
    padding-right: 0
}

/*.diler-contact-dc:before {
    content: '';
    position: absolute;
    width: 1500px;
    height: 30px;
    top: -webkit-calc(100% + 48px);
    top: calc(100% + 48px);
    right: 0;
    background-color: #fff
}*/

.diler-contact-dc .yellow {
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    text-align: left;
    padding-left: 20px
}

.diler-contact-dc .contact-data {
    line-height: 2.5;
    height: 350px;
    overflow: scroll;
}

.diler-contact-dc .contact-data i {
    font-size: 16px
}

.diler-contact-dc .contact-data span {
    font-size: 16px
}

.diler-contact .yellow {
    text-align: left;
    padding-left: 20px
}

.result-search-field {
    margin-bottom: 40px
}

.element-search {
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px
}

.name-search-result {
    font-size: 18px;
    color: #222;
    font-weight: 700
}

.address-search-result {
    font-size: 13px;
    color: #999
}

.text-search-result {
    font-size: 14px;
    color: #777
}

.become_dealer hr {
    margin-bottom: 30px
}

.dealer-form label {
    display: block;
    font-size: 14px;
    color: #777;
    margin-top: 22px
}

.dealer-form input {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 14px
}

.dealer-form input:focus::-webkit-input-placeholder {
    color: transparent
}

.dealer-form input:focus:-ms-input-placeholder {
    color: transparent
}

.dealer-form input:focus::-ms-input-placeholder {
    color: transparent
}

.dealer-form input:focus::placeholder {
    color: transparent
}
.dealer-form input[type=submit] {
    background-color: #fdc90c;
    width: 50%;
    cursor: pointer;
    border-radius: inherit;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border: none;
    padding: 10px 80px;
    text-transform: uppercase;
    margin: 40px 0
}
.dealer-form a {
    background-color: #fdc90c;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border: none;
    padding: 10px 120px;
    text-transform: uppercase;
    margin: 40px 0
}

.dealer-form a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.dealer-form input[type=checkbox] {
    display: none
}
.dealer-form input[type=radio] {
    display: none
}
.dealer-form input[type=radio] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}
.dealer-form input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}
.dealer-form input[type=radio]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}
.dealer-form input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.c-ctrl__label {
    margin: 0 !important;
    position: relative;
    padding-left: 34px;
}

.c-ctrl_radio .c-ctrl__label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: -4px;
    left: 0;
    -webkit-transition: color ease .3s;
    transition: color ease .3s
}

.c-ctrl_radio .c-ctrl__input {
    display: none;
}

.c-ctrl_radio .c-ctrl__input:checked + .c-ctrl__label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.marginplace {
    margin-top: 16px
}

.marginplace::-webkit-input-placeholder {
    color: #aaa
}

.marginplace:-ms-input-placeholder {
    color: #aaa
}

.marginplace::-ms-input-placeholder {
    color: #aaa
}

.marginplace::placeholder {
    color: #aaa
}

.checkbox-custom {
    width: 15% !important
}

.first-label {
    display: inline-block
}

.save-doc {
    display: inline
}

.item-basket {
    font-size: 13px;
    border-bottom: 1px solid #999;
    padding: 16px 0
}

.basket-itog {
    border: 1px solid #fdc90c;
    padding: 20px 6px;
    margin-top: 20px;
    line-height: 1.65
}

.basket-itog button {
    width: 240px;
    border: 1px solid #fdc90c;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 6px 0;
    text-transform: uppercase
}

.basket-itog button:hover {
    background-color: #fdc90c
}

.basket-itog .clear-basket a {
    text-decoration: underline;
    color: #777
}

.basket-vsego, .obchaya-summa, .obchiy-ves {
    font-size: 14px;
    color: #777;
    text-align: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.tovarov-vsego, .value-obchaya, .value-ves {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    text-align: right
}

.basket-hr {
    border: none;
    border: 1px solid #fdc90c;
    margin: 20px 0
}

.img-basket-inner {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.img-basket {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 66px;
    height: 30px;
    background-color: #999
}

.menu-lk {
    padding: 0;
    border: 1px solid #ddd;
    height: 100%;
    font-size: 14px
}

.menu-lk ul {
    list-style-type: none;
    line-height: 3;
    padding: 0;
    margin: 0
}

.menu-lk ul li a {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-left: 30px
}

.menu-lk ul li a:hover {
    text-decoration: none;
    background-color: #fdc90c
}

.menu-lk ul li span {
    padding-left: 30px;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.menu-lk ul li span i {
    margin-left: 120px
}

.menu-lk ul li span:hover {
    background-color: #fdc90c
}

.menu-lk ul li ul {
    display: none
}

.menu-lk ul li ul li a {
    padding-left: 60px
}

.pass-lk {
    border: 1px solid #fdc90c;
    padding: 20px 26px;
    background-color: #fffcf0;
    height: 316px
}

.pass-lk .smena-pass {
    color: #222;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 700
}

.pass-lk .tek-pass {
    font-size: 12px
}

.pass-lk .new-pass {
    font-size: 14px
}

.pass-lk .simb6 {
    font-size: 11px;
    color: #aaa;
    margin-top: -12px
}

.pass-lk input {
    border: none;
    border-bottom: 1px solid #222;
    background: #fffcf0;
    margin: 14px 0 0 0
}

.pass-lk label {
    font-size: 12px;
    font-weight: lighter
}

.pass-lk button {
    background-color: #fdc90c;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 6px
}

.pass-lk button:hover {
    text-decoration: none;
    color: #222;
    background-color: #ffdb58
}

.lk-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: 0;
    padding: 5px;
    padding-right: 40px
}

.lk-form select option {
    background-color: transparent;
    outline: 0
}

.lk-form .type:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    font-size: 14px;
    color: #222;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px
}

.lk-form label {
    display: block;
    font-size: 14px;
    color: #777;
    margin-top: 14px
}

.lk-form input, .lk-form select {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 14px
}

.lk-form input:focus::-webkit-input-placeholder, .lk-form select:focus::-webkit-input-placeholder {
    color: transparent
}

.lk-form input:focus:-ms-input-placeholder, .lk-form select:focus:-ms-input-placeholder {
    color: transparent
}

.lk-form input:focus::-ms-input-placeholder, .lk-form select:focus::-ms-input-placeholder {
    color: transparent
}

.lk-form input:focus::placeholder, .lk-form select:focus::placeholder {
    color: transparent
}

.lk-form input[type=submit] {
    background-color: #fdc90c;
    border: none;
    padding: 10px 50px;
    text-transform: uppercase;
    display: block;
    width: 290px;
    cursor: pointer;
    margin: 28px auto 150px;
    color: #222;
    font-weight: 700;
    font-size: 14px;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

.lk-form input[type=submit]:hover {
    background-color: #ffdb58;
    text-decoration: none
}

.lk-form input[type=checkbox] {
    display: none
}

.lk-form input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #fdc90c;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.lk-form input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.toggle-eye, .toggle-eye2 {
    position: relative;
    top: -30px;
    left: 200px
}

.callback {
    background-color: #fff
}

.header-callback {
    text-align: center
}

.header-callback p {
    color: #777
}

.content-callback label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #777
}

.content-callback input, .content-callback textarea {
    width: 100%;
    border: 1px solid #999;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px;
    margin-bottom: 16px
}
.content-callback input[type=submit] {
    width: 100%;
    padding: 7px;
    color: #222;
    font-size: 14px;
    border-radius: inherit;
    cursor: pointer;
    font-weight: 700;
    border: none;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 70px;
    display: block;
    text-align: center
}
.content-callback a {
    width: 100%;
    padding: 7px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    border: none;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 70px;
    display: block;
    text-align: center
}

.content-callback a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.content-callback input[type=checkbox] {
    display: none
}

.content-callback input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -2px 12px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.content-callback input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.write-us {
    background-color: #fff
}

.header-write-us {
    text-align: center
}

.header-write-us p {
    color: #777
}

.content-write-us label {
    display: block;
    color: #777;
    margin-top: 16px
}

.content-write-us input, .content-write-us textarea {
    width: 100%;
    border: 1px solid #999;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px
}
.content-write-us input[type=submit] {
    width: 100%;
    padding: 7px;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 70px;
    display: block;
    text-align: center;
    border-radius: inherit;
    cursor: pointer;
}
.content-write-us a {
    width: 100%;
    padding: 7px;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 70px;
    display: block;
    text-align: center
}

.content-write-us a:hover {
    text-decoration: none;
    color: #222;
    background-color: #ffdb58
}

.content-write-us input[type=checkbox] {
    display: none
}

.content-write-us input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.content-write-us input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.recovery-text {
    text-align: center;
    padding-bottom: 50px
}

.partner-login {
    background-color: #333
}

.partner-login h3 {
    color: #fff
}

.partner-login p {
    color: #999;
    font-size: 14px
}

.partner-login p span {
    color: #fff;
    border-bottom: 1px solid #fdc90c
}

.partner-login input {
    background-color: #333;
    border: none;
    border-bottom: 2px solid #fdc90c;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
    font-size: 18px;
    height: 36px
}

.partner-login input::-webkit-input-placeholder {
    color: #fff
}

.partner-login input:-ms-input-placeholder {
    color: #fff
}

.partner-login input::-ms-input-placeholder {
    color: #fff
}

.partner-login input::placeholder {
    color: #fff
}

.partner-login input:focus {
    border-bottom: 2px solid #fff
}

.partner-login input:focus::-webkit-input-placeholder {
    opacity: 0
}

.partner-login input:focus:-ms-input-placeholder {
    opacity: 0
}

.partner-login input:focus::-ms-input-placeholder {
    opacity: 0
}

.partner-login input:focus::placeholder {
    opacity: 0
}

.partner-login label {
    color: #fff
}

.partner-login input[type=checkbox] {
    display: none
}

.partner-login input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.partner-login input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #999
}

.content-partner-login a, .content-partner-login input[type=submit] {
    width: 100%;
    padding: 7px;
    border: none;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 20px;
    height: auto;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
    color: #222;
    font-weight: 700;
    display: block;
    text-align: center
}

.content-partner-login a:hover, .content-partner-login input[type=submit]:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.partner-login .registration {
    text-align: center;
    margin-bottom: 30px
}

.partner-login .registration a {
    color: #fdc90c
}

.partner-login label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-partner-login a:hover {
    text-decoration: none
}

.success-register {
    background-color: #333;
    color: #fff
}

.success-register p {
    padding: 14px 90px 40px;
    text-align: center
}

.success-register a {
    color: #fdc90c
}

.enter-main {
    color: #000
}

.enter-main:hover {
    text-decoration: none;
    color: #000
}

.close-partner-login {
    color: #fff !important
}

.header-history {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 2px solid #222;
    text-align: left
}

.margin-history {
    margin: 6px 0;
    padding: 10px;
    text-align: center
}

.background-history {
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fcf8e3;
    margin: 6px 0;
    padding: 10px;
    text-align: left
}

.background-history.red {
    border: 1px solid #ff7750;
    background-color: #fff5f0
}

.background-history.green {
    border: 1px solid #8ddf65;
    background-color: #f6fff0
}

.element-history {
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.element-history a {
    color: #222;
    border-bottom: 2px solid #fdc90c
}

.element-history a:hover {
    text-decoration: none
}

.element-history .summ {
    font-size: 18px !important;
    font-weight: 700
}

.element-history .povtor {
    display: block;
    text-align: center;
    background-color: #fdc90c;
    font-size: 14px;
    padding: 7px 0;
    text-transform: uppercase;
    border: none
}

.element-history .povtor:hover {
    border: none
}

.news-stock h4 {
    text-align: left
}

.news-stock-item {
    border: 1px solid transparent;
    padding: 10px
}

.news-stock-item:hover {
    border: 1px solid #fdc90c
}

.news-stock-item .date-news-item {
    color: #777;
    font-size: 12px;
    font-weight: lighter
}
.news-stock-item .name-news-item:hover{
    text-decoration: none;
    color: black;
}
.news-stock-item .name-news-item {
    font-size: 16px;
    font-weight: 700;
    color: black;
}

.news-stock-item img {
    float: left;
    padding-right: 32px
}

.views-news-all {
    color: #222;
    display: block;
    margin-top: 10px;
    width: 160px;
    text-decoration: none;
    border-bottom: 2px solid #fdc90c
}

.views-news-all:hover {
    color: #000;
    border-bottom: 2px solid #222;
    text-decoration: none
}

.media-files {
    background-color: #333;
    color: #aaa;
    padding: 0;
    padding-bottom: 50px
}

.media-files h4 {
    font-size: 24px;
    text-align: left;
    color: #222;
    width: 445px;
    background-color: #fdc90c;
    margin-top: 36px;
    margin-left: 60px;
    margin-bottom: 30px;
    padding: 10px 30px
}

.media-files h4:after {
    content: "";
    display: block;
    width: 29px;
    height: 34px;
    background-image: url(../img/right.png);
    position: absolute;
    top: 95px;
    left: 475px
}

.media-item {
    line-height: 1.3;
    padding-right: 50px
}

.media-item:hover {
    color: #fff
}

.media-item i {
    font-size: 48px;
    margin-left: 60px;
    float: left;
    padding-right: 10px
}

.media-item a {
    color: #fff;
    font-size: 14px
}

.media-item a:hover {
    color: #fdc90c
}

.views-all-media {
    color: #fff;
    margin-left: 60px;
    border-bottom: 2px solid #fdc90c
}

.views-all-media:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #fff
}

.training {
    text-align: center;
    background-color: #efefef;
    padding-bottom: 60px;
    margin-top: -40px
}

.training h4 {
    padding-top: 40px
}

.training hr {
    width: 150px;
    color: #fdc90c;
    background-color: #fdc90c;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 50px
}

.featuresFirst {
    margin-top: 100px;
    position: relative
}

.featuresFirst-headerText {
    display: inline-block;
    background-color: #fdc90c;
    padding: 15px 45px;
    font-weight: 700;
    font-size: 24px;
    position: relative;
    white-space: nowrap;
    margin-left: -15px
}

.featuresFirst-headerText::after {
    position: absolute;
    content: '';
    display: block;
    width: 38.5%;
    height: 50px;
    top: 100%;
    z-index: 1;
    left: 0;
    background: -webkit-linear-gradient(64deg, transparent 50%, #de9913 50%);
    background: -o-linear-gradient(64deg, transparent 50%, #de9913 50%);
    background: linear-gradient(26deg, transparent 50%, #de9913 50%)
}

.featuresFirst-item {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden
}

.featuresFirst-item::after, .featuresFirst-item::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fdc90c
}

.featuresFirst-item:nth-child(1)::before {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.featuresFirst-item:nth-child(1)::after, .featuresFirst-item:nth-child(2)::after, .featuresFirst-item:nth-child(3)::after {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0
}

.featuresFirst-item:nth-child(6)::before {
    width: 4px;
    height: 100%;
    right: 0;
    top: 0
}

.featuresFirst-inner {
    margin: auto;
    width: 80%
}

.featuresFirst-image {
    height: 167px;
    margin-bottom: 10px
}

.featuresFirst-image img {
    display: block;
    margin: auto
}

.featuresFirst-description strong {
    display: block
}

.featuresFirst-description ul {
    padding-left: 18px
}

.featuresFirst-end {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #fffcf0));
    background: -webkit-linear-gradient(top, #fff 50%, #fffcf0 50%);
    background: -o-linear-gradient(top, #fff 50%, #fffcf0 50%);
    background: linear-gradient(to bottom, #fff 50%, #fffcf0 50%)
}

.featuresFirst-endBorderVertical {
    height: 100px;
    position: relative
}

.featuresFirst-endBorderVertical::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fdc90c;
    width: 4px;
    height: 100%;
    left: -15px;
    top: 0
}

.featuresFirst-endBorderHorizontal {
    height: 4px;
    width: -webkit-calc(100% + 29px);
    width: calc(100% + 29px);
    background-color: #fdc90c;
    margin-left: -15px;
    margin-right: -14px
}

.featuresSecond {
    background-color: #fffcf0
}

.featuresSecondBegin {
    position: relative;
    margin-bottom: 100px
}

.featuresSecondBegin-firstHorisontal::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fdc90c;
    width: 50%;
    height: 4px;
    left: 0;
    top: 0
}

.featuresSecondBegin-secondVertical {
    height: 100px
}

.featuresSecondBegin-secondVertical::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fdc90c;
    width: 4px;
    height: 100%;
    left: 50%;
    top: 0
}

.featuresSecondBegin-header {
    text-align: center
}

.featuresSecondBegin-headerText {
    display: inline-block;
    background-color: #fdc90c;
    padding: 15px 45px;
    font-weight: 700;
    font-size: 24px;
    position: relative;
    white-space: nowrap
}

.featuresSecondBegin-headerText::after {
    position: absolute;
    content: '';
    display: block;
    width: -webkit-calc(50% + 4px);
    width: calc(50% + 4px);
    height: 50px;
    bottom: 100%;
    left: 0;
    background: -webkit-linear-gradient(284deg, transparent 50%, #de9913 50%);
    background: -o-linear-gradient(284deg, transparent 50%, #de9913 50%);
    background: linear-gradient(166deg, transparent 50%, #de9913 50%)
}

.featuresSecond-item {
    margin-bottom: 80px
}

.featuresSecond-inner {
    max-width: 200px;
    margin: auto
}

.featuresSecond-image {
    height: 130px
}

.featuresSecond-image img {
    max-width: 100%;
    display: block;
    margin: auto
}

.featuresSecond-description {
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

.featuresSecond-buttonBox {
    text-align: center;
    padding-bottom: 100px
}

.featuresSecond-button {
    display: inline-block;
    background-color: #fdc90c;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222;
    padding: 10px 50px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.featuresSecond-button:hover {
    text-decoration: none;
    background-color: #ffdb58;
    color: #222
}

@media screen and (max-width: 1200px) {
    .featuresFirst-headerText::after {
        width: 33%;
        background: -webkit-linear-gradient(60deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(60deg, transparent 50%, #de9913 50%);
        background: linear-gradient(30deg, transparent 50%, #de9913 50%)
    }
}

@media screen and (max-width: 992px) {
    .featuresFirst-headerText::after {
        width: 25%;
        background: -webkit-linear-gradient(53deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(53deg, transparent 50%, #de9913 50%);
        background: linear-gradient(37deg, transparent 50%, #de9913 50%)
    }

    .featuresFirst-item:nth-child(4)::before {
        right: 0;
        width: 4px;
        height: 100%;
        top: 0
    }

    .featuresFirst-item:nth-child(4)::after {
        left: 0;
        width: 100%;
        height: 4px;
        bottom: 0
    }

    .featuresFirst-item:nth-child(5)::before {
        left: 0;
        width: 4px;
        height: 100%;
        top: 0
    }

    .featuresFirst-item:nth-child(6)::before {
        display: none
    }

    .featuresFirst-end {
        display: none
    }

    .featuresFirst-endBorderHorizontal {
        display: none
    }

    .featuresFirst-endBorderVertical {
        height: 0
    }
}

@media screen and (max-width: 767px) {
    .featuresFirst-headerText::after {
        width: 37%;
        background: -webkit-linear-gradient(62deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(62deg, transparent 50%, #de9913 50%);
        background: linear-gradient(28deg, transparent 50%, #de9913 50%)
    }

    .featuresFirst-item {
        font-size: 14px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .featuresFirst-item strong {
        font-size: 16px
    }

    .featuresFirst-item:nth-child(1):after {
        display: none
    }

    .featuresFirst-item:nth-child(2):after {
        width: 4px;
        height: 100%
    }

    .featuresFirst-item:nth-child(3):after {
        width: 4px;
        height: 100%
    }

    .featuresFirst-item:nth-child(4)::before {
        left: 0
    }

    .featuresFirst-item:nth-child(4)::after {
        display: none
    }

    .featuresFirst-item:nth-child(6)::after {
        height: 100%;
        width: 4px;
        top: 0;
        left: 0
    }

    .featuresFirst-image {
        height: auto
    }

    .featuresFirst-description {
        padding-left: 15px
    }

    .featuresSecondBegin-headerText::after {
        width: 41.5%;
        background: -webkit-linear-gradient(287deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(287deg, transparent 50%, #de9913 50%);
        background: linear-gradient(163deg, transparent 50%, #de9913 50%)
    }
}

@media screen and (max-width: 566px) {
    .map-contact-dealer-detail{
        height: 300px!important;
    }
    .dealer-form input[type=submit] {
        width: 90%;
    }
    .featuresFirst-inner {
        width: 100%
    }

    .featuresFirst-headerText {
        margin-left: -52px
    }

    .featuresFirst-headerText::after {
        width: 16%;
        background: -webkit-linear-gradient(38deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(38deg, transparent 50%, #de9913 50%);
        background: linear-gradient(52deg, transparent 50%, #de9913 50%)
    }

    .featuresSecondBegin-headerText {
        white-space: normal;
        font-size: 20px;
        padding: 10px
    }

    .featuresSecondBegin-headerText::after {
        width: -webkit-calc(50% + 4px);
        width: calc(50% + 4px);
        background: -webkit-linear-gradient(289deg, transparent 50%, #de9913 50%);
        background: -o-linear-gradient(289deg, transparent 50%, #de9913 50%);
        background: linear-gradient(161deg, transparent 50%, #de9913 50%)
    }

    .featuresSecond-button {
        padding: 10px 20px;
        font-size: 16px
    }
}

.anketa {
    background-color: #fff
}

.header-anketa h4 {
    font-size: 30px;
    line-height: 1.3;
    padding: 50px 0 10px 0
}

.content-anketa input[type=checkbox], .content-anketa label {
    cursor: pointer
}

.content-anketa input[type=checkbox] {
    position: relative;
    outline: 0
}

/*.content-anketa input[type=checkbox]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #777
}

.content-anketa input[type=checkbox]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fdc90c;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible
}*/

.content-anketa input[type=radio], .content-anketa label {
    cursor: pointer
}

.content-anketa input[type=radio] {
    position: relative;
    outline: 0
}

.content-anketa input[type=radio]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #777
}

.content-anketa input[type=radio]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fdc90c;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible
}


.anketa-checkbox input {
    display: inline-block;
    vertical-align: middle
}

.anketa-checkbox label {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    font-size: 14px;
    color: #777
}

.anketa-checkbox {
    display: inline-block
}

.input-anketa {
    margin-top: 14px
}

.input-anketa label {
    display: block;
    font-size: 14px;
    color: #777
}

.input-anketa input, .input-anketa textarea {
    width: 100%;
    border: 1px solid #999;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px
}

.mini-menu, .mini-search {
    font-size: 22px
}
.mini-search{
    cursor: pointer;
}
.mini-menu {
    margin-left: 10px
}

.photo-plit img {
    width: 70%
}

.ex-pdf {
    padding: 40px 0
}

.ex-pdf .fas {
    color: #fdc90c;
    font-size: 16px;
    padding: 0 6px 0 34px
}

.ex-pdf span {
    font-size: 14px;
    color: #222;
    border-bottom: 2px solid #fdc90c
}

.ex-pdf span:hover {
    cursor: pointer;
    color: #fdc90c
}
.ex-pdf a {
    font-size: 14px;
    color: #222;
    border-bottom: 2px solid #fdc90c
}

.ex-pdf a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fdc90c
}
.youtube-video {
    width: 100%;
    line-height: 1.3;
    height: 360px;
    background-color: #aaa;
    text-align: left;
    font-weight: 700
}

.file-download {
    width: 100%;
    height: 144px;
    line-height: 1.3;
    background-color: #aaa;
    font-weight: 700;
    text-align: left;
}

.views-all-files {
    text-align: left;
    color: #000;
    border-bottom: 2px solid #fdc90c
}

.views-all-files:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #222
}

.quality-clients {
    margin: 0 !important;
    padding-bottom: 70px !important
}

.poll h4 {
    font-weight: 700;
    font-size: 26px
}

.poll hr {
    border: none;
    border: 1px solid #fdc90c
}

.poll label,
.poll .c-label {
    display: block;
    font-size: 14px;
    color: #777
}

.poll input {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px
}

.question {
    margin-top: 20px
}

.soglasie {
    margin-top: 20px
}

.soglasie input[type=checkbox] {
    display: none
}

.soglasie input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.soglasie input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.question-two, .questions-four {
    margin-left: 0
}

.questions input[type=checkbox] {
    display: none
}

.questions input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 20px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.questions input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.questions input {
    width: 20px;
    float: left;
    margin-top: 4px
}

.questions label {
    color: #000;
    line-height: 1.65
}

.quest-button a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #222;
    text-transform: uppercase;
    background-color: #fdc90c;
    font-weight: 700;
    font-size: 14px;
    margin: 50px 0
}

.quest-button a:hover {
    text-decoration: none;
    color: #222;
    background-color: #ffdb58
}

.name-col {
    text-align: left;
    color: #222;
    font-weight: 700;
    font-size: 14px
}

.price-basket {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: -4px
}

.count-basket {
    font-size: 14px
}

.count-basket i {
    font-size: 18px;
    color: #999
}

.name-item {
    color: #222;
    font-size: 13px
}

.clear-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start
}

.clear-item i {
    color: #aaa;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.my-zakaz {
    border: 1px solid #fdc90c;
    padding: 20px;
    margin: 50px 0;
    height: 100%
}

.my-zakaz .my-zakaz-item {
    padding-top: 20px;
    border-bottom: 1px solid #999
}

.my-zakaz .my-zakaz-item p {
    margin-bottom: 6px
}

.my-zakaz h3 {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 24px
}

.my-zakaz .zakaz-name {
    margin: 0;
    font-size: 13px;
    color: #222
}

.my-zakaz .zakaz-art {
    font-size: 13px;
    color: #999;
    display: inline-block
}

.my-zakaz .zakaz-price {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-left: 218px
}

.zakaz-basket {
    border: 1px solid #fdc90c;
    margin: 18px 0 9px 0;
    line-height: 1;
    padding: 20px;
    background-color: #fffcf0
}

.zakaz-basket p {
    font-size: 14px;
    color: #999;
    margin-bottom: 6px
}

.zakaz-basket p span {
    font-size: 20px;
    font-weight: 700;
    color: #222
}

.zakaz-basket a {
    display: block;
    background-color: #fdc90c;
    text-align: center;
    padding: 12px;
    margin-top: 20px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.zakaz-basket a:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.izm-zakaz {
    color: #777;
    text-decoration: underline;
    font-size: 14px;
    display: block;
    text-align: center
}

.izm-zakaz:hover {
    color: #777
}

.oforml-zakaza h3 {
    text-align: left
}

.oforml-zakaza .zakaz-hr {
    margin-left: 6px;
    width: 150px;
    border: none;
    border-bottom: 2px solid #fdc90c
}

#oforml-zakaza {
    margin-bottom: 40px
}

#oforml-zakaza hr {
    width: 100%;
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd
}

#oforml-zakaza h4 {
    text-align: left;
    margin: 0;
    padding: 0
}

#oforml-zakaza label {
    display: block;
    color: #777;
    margin-top: 20px;
    line-height: 2
}

#oforml-zakaza input, #oforml-zakaza textarea {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px
}

#oforml-zakaza .order-field_error input {
    border-color: red;
}

#oforml-zakaza button {
    width: 100%;
    padding: 7px;
    border: none;
    background-color: #fdc90c;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
}

#oforml-zakaza button:hover {
    background-color: #ffdb58
}

#oforml-zakaza input[type=checkbox] {
    display: none
}

#oforml-zakaza input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 18px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

#oforml-zakaza input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.city-oforml {
    font-size: 14px;
    color: #999;
    text-decoration: underline
}

.sp-dost label {
    font-size: 14px !important;
    color: #222 !important;
    margin: 0 !important
}

.sp-dost a {
    font-size: 12px;
    color: #999;
    text-decoration: underline
}

.oform-zakaz, .prodol-pok {
    color: #222;
    border: 1px solid #fdc90c;
    font-size: 14px;
    font-weight: 700;
    padding: 8px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px
}

.oform-zakaz:hover, .prodol-pok:hover {
    color: #222;
    text-decoration: none;
    background-color: #fdc90c
}

.oform-zakaz {
    background-color: #fdc90c
}

.oform-zakaz:hover {
    background-color: #ffdb58
}

.yell-zv {
    color: #fdc90c;
    display: contents !important
}

.tabs {
    margin-bottom: 70px
}

.button-kp {
    text-align: center;

}
.button-kp input[type=submit]{
    font-size: 14px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    display: block;
    background-color: #fdc90c;
    padding: 8px 0;
    margin: 30px 0
}
.button-kp a{
    font-size: 14px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    display: block;
    background-color: #fdc90c;
    padding: 8px 0;
    margin: 30px 0
}

.button-kp a:hover {
    text-decoration: none;
    background-color: #ffdb58
}
.button-kp input[type=submit]{
    font-size: 14px;
    font-weight: 700;
    border: transparent;
    color: #222;
    text-transform: uppercase;
    display: block;
    background-color: #fdc90c;
    padding: 8px 0;
    margin: 30px 0;
    border-radius: inherit;
    cursor: pointer;
}

.button-kp input[type=submit]:hover {
    text-decoration: none;
    background-color: #ffdb58
}

.kp, .po {
    padding: 50px 0;
    background-color: #fff
}

.kp label, .po label {
    display: block;
    color: #777;
    margin-top: 20px
}

.kp input, .kp textarea, .po input, .po textarea {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 16px
}

.kp input[type=checkbox], .po input[type=checkbox] {
    display: none
}

.kp input[type=checkbox] + label:before, .po input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    color: #999;
    display: inline-block;
    font-size: 18px;
    margin: -5px 15px 0 0;
    -webkit-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s
}

.kp input[type=checkbox]:checked + label:before, .po input[type=checkbox]:checked + label:before {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #fdc90c
}

.blagod {
    text-align: center;
    background-color: #fff
}

.blagod .one-vz {
    padding: 20px 0
}

.detail-img {
    box-shadow: 0 6px 8px 0px rgba(0,0,0,.05);
}

.blagod .two-vz {
    padding-bottom: 50px
}

.blagod p {
    line-height: .5;
    font-size: 18px
}

.blagod p strong {
    font-size: 24px;
    font-weight: 700
}

.blagod p span {
    border-bottom: 2px solid #fdc90c
}

.po {
    padding-bottom: 20px
}

.po h4 {
    font-size: 30px;
    line-height: 1.3;
    padding: 0;
    font-weight: 400
}

.po h4 span {
    font-weight: 700
}

#our-dealer .list-city a {
    color: #222
}

#our-dealer .list-city a:hover {
    color: #222
}
.basket-h1{
    margin: 20px 0;
}
.button_up {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fdc90c;
    position: fixed;
    right: 20px;
    bottom: -100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #fdc90c;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
    opacity: .5;
    -webkit-transition: opacity .25s ease, bottom .7s ease;
    -o-transition: opacity .25s ease, bottom .7s ease;
    transition: opacity .25s ease, bottom .7s ease
}

.button_up.active {
    bottom: 20px
}

.button_up:focus, .button_up:hover {
    opacity: 1
}

.button_up i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff
}

ul.zg-ul-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    z-index: 100;
    cursor: pointer;
    position: relative;
    background-color: #efefef;
    font-size: 12px;
    width: 115px;
    margin-left: 54px;
    padding-left: 7px
}

ul.zg-ul-select li {
    display: none
}

ul.zg-ul-select li svg {
    width: 10px;
    height: 10px;
    margin-right: 0
}

ul.zg-ul-select li.active {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.zg-ul-select.active li {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block
}

ul.zg-ul-select.active li.active svg {
    width: 10px;
    height: 10px
}

#selected--zg-ul-select {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    width: 30%
}

#selected--zg-ul-select svg {
    width: 10px;
    height: 10px;
    margin-left: 6px
}

.slick-dots li button:before {
    content: '\f0c8';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fdc90c;
    font-size: 12px
}

.slick-dots li.slick-active button:before {
    color: #fdc90c
}

.video-photo hr {
    margin-top: -1px;
    border: .5px solid #fdc90c
}

.exit {
    color: #999 !important;
    text-decoration: underline
}

.input-group {
    position: relative;
    margin-top: 10px
}

.input-group label {
    position: absolute;
    font-size: 16px;
    top: 7px;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s
}

.input-group input {
    display: block;
    width: 100%;
    border-bottom: 2px solid #fdc90c;
    padding: 5px;
    margin: auto
}

.input-group input:focus {
    outline: 0;
    -webkit-background-size: 100% 100%, 100% 100%;
    background-size: 100% 100%, 100% 100%;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-group ::-webkit-input-placeholder {
    opacity: 0
}

.input-group input:focus::-webkit-input-placeholder {
    opacity: 1
}

.map-contact-page {
    height: 600px
}

.adress-contact {
    padding: 0
}

.search-contact-wrapper {
    padding-top: 40px;
    text-align: right
}

.search-lupa {
    background: 0 0;
    border: none;
    position: absolute;
    top: 47px;
    right: 20px;
    color: #ccc
}

.search-lupa-main {
    background: 0 0;
    border: none;
    position: absolute;
    top: 10px;
    right: 28px;
    color: #ccc;
    cursor: pointer;
}

.search-lupa-main:hover {
    color: #ccc;
    text-decoration: none
}

.search-lupa-quality {
    background: 0 0;
    border: none;
    position: absolute;
    top: 77px;
    right: 48px;
    color: #ccc
}

.dc-img {
    margin: 44px 0;
    width: 150px;
    height: 65px;
    background-color: #aaa
}

.jspVerticalBar {
    width: 4px
}

.jspTrack {
    background-color: #ddd
}

.jspDrag {
    background-color: #999
}

.form-lk {
    padding: 0 30px
}

.sale-10 {
    background-color: #fcf8e3;
    border: 1px solid #fdc90c;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px
}

.sale-10 strong {
    font-weight: 700
}

.slider-production {
    width: 120%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider-production .slick-slide {
    padding: 10px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: .3
}

.slider-production .slick-slide p {
    display: none
}

.slider-production .slick-slide strong {
    display: none
}

.slider-production .slick-slide.slick-current {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.slider-production .slick-slide.slick-current p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3
}

.slider-production .slick-slide.slick-current strong {
    display: block;
    float: left;
    margin-right: 10px
}

.slider-production .slick-prev {
    left: 20%;
    z-index: 10
}

.slider-production .slick-next {
    right: 20%;
    z-index: 10
}

.production-map {
    margin-top: 40px;
    margin-bottom: 40px;
}

.popup-search {
    color: #222;
    text-decoration: none
}

.popup-search:hover {
    color: #222;
    text-decoration: none
}

.search-form {
    position: relative
}

.search-lupa-search {
    right: 8px;
    bottom: 765px
}

.element-search {
    cursor: pointer;
    border: 1px solid transparent
}

.element-search:hover {
    border: 1px solid #fdc90c
}

.search-result {
    margin-bottom: 40px
}

.message {
    height: 370px
}

.hr-news {
    width: 90%;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}

.contact-item {
    line-height: 1.3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0
}
.contact-item a{
    font-size: 16px;
    padding-left: 16px;
    text-decoration: none;
    color: #333;
    font-weight: 700;
}
::-webkit-scrollbar {
    -webkit-appearance: none
}

::-webkit-scrollbar:vertical {
    width: 12px
}

::-webkit-scrollbar:horizontal {
    height: 12px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #fff
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff
}


#infinity-next-page,
.btn-ajax {
    display: block;
    background: #fdc90c;
    padding: 8px;
    width: 300px;
    text-align: center;
    text-decoration: none;
    color: #222;
    font-weight: 700;
    margin: 20px auto;
    text-transform: uppercase;
    border: 0;
}

#infinity-next-page:hover,
.btn-ajax:hover, .btn-ajax:focus {
    background-color: #ffdb58
}

@media screen and (min-width: 640px) and (max-width: 1200px) {
    
    .basket-wrapper {
        padding-left: 0
    }
}

@media screen and (max-width: 1200px) {
    .feedback-input-button{
        width: 240px!important;
    }
    .list .item {
        height: auto
    }

    .list .item .basket-item {
        display: block;
        margin-top: -7px;
        float: right;
        margin-right: 14px
    }

    .contact-region .diler-contact:after {
        left: -1086px
    }

    .feedback-2 .feedback-form label {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .feedback-2 .feedback-form a {
        width: auto
    }

    .news-feedback-3 .feedback-form label {
        width: auto
    }

    .news-feedback-3 .feedback-form label h4 {
        font-weight: 700;
        line-height: 1.3
    }

    .diler-contact-dc .yello {
        line-height: 1.3
    }

    .diler-contact-dc .yello:after {
        top: 102px
    }

    .rotate-about div {
        background-position: center
    }

    .spisok-zakaz {
        height: 500px;
        width: 97%;
        overflow-x: scroll
    }

    .spisok-zakaz .jspVerticalBar {
        right: 0
    }

    .spisok-zakaz .jspHorizontalBar {
        display: none
    }

    .my-zakaz-item .zakaz-price {
        margin-left: 110px !important
    }

    .map-contact-page {
        height: 400px
    }

    .img-collection {
        width: 100%;
        margin-top: 60px
    }

    .main-collect {
        padding-left: 0
    }

    .file-download {
        margin-bottom: 22px
    }

    .povtor i {
        margin-right: 4px !important
    }

    .detail-page .property div {
        line-height: 2.3
    }

    .views-all-files {
        margin-left: -20px
    }

    .partners img {
        width: 132px;
        height: 77px
    }

    .feedback-main .feedback-form label {
        margin-left: 20px
    }

    .diler-contact .contact-data {
        margin-left: 18px !important
    }

    .diller-prod a {
        padding: 10px 30px;
        display: inline !important
    }

    .diller-prod input::-webkit-input-placeholder {
        font-size: 13px
    }

    .diller-prod input:-ms-input-placeholder {
        font-size: 13px
    }

    .diller-prod input::-ms-input-placeholder {
        font-size: 13px
    }

    .diller-prod input::placeholder {
        font-size: 13px
    }

    .search-lupa-quality {
        right: 36px
    }

    .cooperation-news-one {
        margin-right: 10px
    }

    .views-news {
        margin-left: 10px
    }

    .news-slider .slick-slide img {
        width: 296px
    }

    .news-feedback {
        height: auto
    }

    .news-feedback .feedback-form {
        margin-top: 0 !important
    }

    .news-feedback h4 {
        margin-top: 0 !important
    }

    .write-us {
        padding: 0 80px
    }

    .sizes {
        line-height: 2.3 !important;
        text-align: left !important;
        margin-right: 0 !important
    }

    .feedback-3 h4 {
        margin-top: 79px;
        font-size: 24px;
        text-align: left
    }

    .feedback-3 .feedback-form {
        margin-top: 112px
    }

    .feedback-3 .feedback-form input {
        width: 100%
    }

    .feedback-3 .feedback-form a {
        width: 100%;
        padding: 6px
    }

    .feedback-3 .feedback-form label {
        text-align: left;
        padding: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        margin-top: 26px;
        margin-left: 14px
    }

    .feedback-3 .feedback-form label:before {
        width: 24px !important
    }

    .cooperation-news-one {
        margin-left: 80px
    }

    .media-files h4 {
        width: 450px
    }

    .media-files h4:after {
        left: 480px
    }

    .progress div {
        width: 204px;
        margin: 0 20px 20px 0;
        padding: 5px 0 0 14px
    }

    .one {
        left: 200px
    }

    .two {
        left: 50px
    }

    .three {
        left: 200px
    }

    .clients img {
        width: 150px
    }

    .contact-region img {
        margin-left: -18px
    }

    .contact-region button {
        margin-left: 40px
    }

    .yellow-bgc:after {
        left: 640px
    }

    .feedback-form button {
        padding: 10px 20px;
        margin: 0
    }

    .feedback-2 .feedback-form label {
        margin-top: 35px;
        font-size: 14px;
        left: -3px
    }

    .feedback-2 .feedback-form a {
        margin: 0;
        padding: 6px 20px
    }

    .rotate-about div img {
        left: 20px
    }

    .rotate-about div {
        width: 300px;
        height: 300px
    }

    .rotate-about div:before {
        width: 300px;
        height: 300px
    }

    .list .item .count {
        margin-left: 60px
    }

    .list .item .basket-item {
        padding: 6px 20px;
        margin-left: 14px
    }

    .table .item .price {
        left: 400px
    }

    .table .item .basket-item {
        padding: 6px 21px
    }

    .grid .item {
        width: 32%
    }

    .grid img {
        width: 99%
    }

    .grid .count {
        margin-left: 0
    }

    .grid .basket-item {
        padding: 4px 53px
    }

    .ex-pdf {
        text-align: right
    }

    .ex-pdf .fas {
        padding-left: 10px
    }

    .diler-contact-dc .contact-data {
        margin-left: 8px
    }

    .item-basket, .name-col {
        margin-right: 0
    }

    .img-basket {
        width: 60px
    }

    .zakaz-price {
        font-size: 16px !important;
        margin: 0 !important;
        margin-left: 162px !important
    }

    .detail-page .basket {
        padding: 6px 34px
    }

    .detail-page .property {
        margin-bottom: 30px;
        padding-left: 400px
    }

    .toggle-eye, .toggle-eye2 {
        left: 160px
    }

    .menu-lk ul li span i {
        margin-left: 96px
    }

    .training h4 {
        padding-top: 80px
    }

    .views-all-files {
        font-size: 14px
    }

    .collection .items .item img {
        width: 100%
    }

    .ul-news img {
        width: 100%
    }

    .ul-news ul li {
        height: 114px
    }

    .ul-news ul li:before {
        top: -5px;
        left: -41px;
        width: 80px;
        height: 80px
    }

    .ul-news ul li span {
        top: -90px
    }

    .ul-news ul li p {
        top: -90px
    }

    .div-news {
        padding-left: 40px
    }

    .cooperation-news {
        width: 100%
    }

    .news-element div img {
        width: 100%
    }

    .rotate-collections div {
        width: 320px;
        height: 320px
    }

    .rotate-collections div img {
        top: -340px
    }

    .article-collection div button {
        margin: 24px 35%
    }

    .detail-img {
        width: 100%
    }

    .photo-gallery div img {
        width: 100%
    }

    .video-gallery div img {
        width: 100%
    }

    .news-slider .slick-slide {
        width: 286px
    }

    .price-plit {
        padding: 0
    }

    .count-plit {
        padding: 0
    }

    .rotate-collections div h2 {
        font-size: 30px
    }

    .article-collection {
        margin-top: 40px
    }

    .enter-main i {
        margin-left: 20px
    }

    .element-hr-main div, .title-hr-main div {
        margin-left: 20px !important
    }

    .collection-plit, .title-coll-galo {
        padding-left: 0
    }

    .photo-plit {
        padding-left: 15px
    }

    .our-dealer {
        padding-left: 0
    }

    .adress-contact {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding: 0 15px !important
    }
}

@media screen and (max-width: 1024px) {
    .progress div {
        width: 204px;
        margin: 0 20px 20px 0;
        padding: 5px 0 0 14px
    }
}

@media screen and (max-width: 992px) {
    .detail-page .property{
        margin-top: 20px!important;
    }
    .diler-contact-dc .yellow {
        margin-top: 60px
    }

    .contact-region .diler-contact:after {
        left: -1184px
    }

    .lk-form input[type=submit] {
        margin-bottom: 40px
    }

    .pass-lk {
        margin-left: 208px
    }

    .kg {
        display: block !important
    }

    .summa-bakset {
        margin-bottom: 10px
    }

    .quality-element:hover h3:before {
        width: 96px !important
    }

    .main-articul {
        padding-left: 0
    }

    .spisok-zakaz {
        height: 500px;
        width: 97%;
        overflow-x: scroll
    }

    .spisok-zakaz .jspVerticalBar {
        right: 0
    }

    .spisok-zakaz .jspHorizontalBar {
        display: none
    }

    .my-zakaz-item .zakaz-price {
        margin-left: 30px !important
    }

    .rotate-about div img {
        top: -68px
    }

    .img-collection {
        margin-top: 135px
    }

    .menu-lk {
        border: none
    }

    .my-zakazi i {
        margin-left: 140px;
        position: relative;
        right: 20px
    }

    .zakaz-basket p span {
        display: block;
        margin-top: 10px
    }

    .zakaz-basket a {
        padding: 10px
    }

    .zakaz-price {
        margin-left: 77px !important
    }

    .diler-contact-dc .contact-data span {
        font-size: 15px
    }

    .adress-contact {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding: 0 15px !important
    }

    .margin-history {
        margin: 6px 0
    }

    .article-plit, .title-art-kromki {
        padding-left: 0;
        margin-left: -15px
    }

    .dekor-kromki, .title-dekor-kromki {
        margin-left: 15px
    }

    .photo-plit {
        padding-left: 34px
    }

    .wrapper-list-city {
        margin-bottom: 30px
    }

    .search-contact-wrapper {
        padding-top: 15px
    }

    .search-contact {
        margin-bottom: 30px
    }

    .search-lupa {
        top: 23px
    }

    .map-contact-page {
        height: 400px
    }

    .slider-production .slick-next {
        right: 5%;
        top: 42%
    }

    .slider-production .slick-prev {
        left: 5%;
        top: 42%
    }

    .slider-production {
        width: 100%
    }

    .message {
        height: 150px
    }

    .question-two, .questions-four {
        margin-left: 60px !important
    }

    .adress-contact, .email-contact, .phone-contact {
        padding: 0;
        margin: 0
    }

    .diler-contact-dc .contact-data {
        margin-left: 0
    }

    .oform-zakaz, .prodol-pok {
        padding: 6px
    }

    .item-basket, .name-col {
        margin-right: 12px
    }

    .kod-item {
        text-align: left
    }

    .clear-item {
        margin-top: -60px !important
    }

    .price-basket {
        padding-right: 8px
    }

    .anketa {
        padding: 0 42px
    }

    .anketa-checkbox label {
        vertical-align: middle
    }

    .kp {
        padding: 40px 90px
    }

    .media-item {
        height: 50px
    }

    .training h4 {
        padding-top: 80px
    }

    .all-file {
        font-size: 14px
    }

    .questions {
        padding-right: 0
    }

    .soglasie {
        padding-right: 0
    }

    .diller-page {
        height: 350px !important
    }

    .lk-form i {
        left: 640px !important
    }

    .lk-form a {
        margin: 28px auto
    }

    .pass-lk {
        margin-bottom: 28px
    }

    .pass-lk .toggle-eye, .pass-lk .toggle-eye2 {
        left: 270px
    }

    .ex-pdf {
        text-align: right
    }

    .element-hr-main div, .title-hr-main div {
        margin-left: 0 !important
    }

    .exclamation-icon {
        float: left
    }

    .exclamation-detail {
        float: left;
        margin: -7px 0 0 24px
    }

    .enter-button {
        margin-top: 0;
        padding-right: 5px
    }

    .kabinet-button {
        margin-top: 0;
        padding-right: 5px
    }

    .white {
        margin-bottom: 70px
    }

    .collection .items .item .sizes {
        text-align: left
    }

    .collection .items .item .sizes .size {
        padding: 2px 4px
    }

    .rotate-collections div img {
        margin: -80px -40px 0 0;
        top: 0
    }

    .fixed .bottom-header div div .logo {
        left: 10px
    }

    .fixed .bottom-header div div .enter-button {
        display: none
    }

    .fixed .bottom-header div div .kabinet-button {
        display: none
    }

    .element-hr .price-plit {
        font-size: 13px;
        padding-top: 16px;
        border: none
    }

    .count-plit {
        padding-top: 8px
    }

    .rotate-about div {
        width: 220px;
        height: 220px
    }

    .rotate-about div:before {
        width: 220px;
        height: 220px
    }

    .rotate-about div h2 {
        font-size: 34px
    }

    .cooperation {
        padding: 0 0 40px 0
    }

    .clients {
        margin: 60px 0 40px 0
    }

    .cooperation-two {
        max-width: 100%;
        margin-top: 4px
    }

    .city {
        padding: 0
    }

    .phone {
        font-size: 14px;
        padding: 0
    }

    .top-menu {
        width: 520px
    }

    .progress {
        margin-top: 290px
    }

    .progress div {
        width: 240px
    }

    .one {
        left: 184px
    }

    .two {
        left: 34px
    }

    .three {
        left: 184px
    }

    .kromka {
        width: 343px;
        margin-right: 2px;
        float: left
    }

    .kromka:before {
        width: 345px;
        height: 200px
    }

    .diler {
        width: 345px;
        display: inline-block
    }

    .diler:before {
        width: 345px;
        height: 200px
    }

    .diler-inner, .kromka-inner {
        line-height: 1.3
    }

    .article {
        margin-top: -500px
    }

    .collections p {
        padding: 0;
        font-size: 17px
    }

    .rotate-collections a div h2 {
        font-size: 32px;
        left: -10px
    }

    .about-h4 {
        font-size: 22px
    }

    .brand {
        margin-bottom: 40px;
        margin-top: -40px
    }

    .brand button {
        margin: 0
    }

    .interesting {
        margin-top: 10px
    }

    .feedback {
        width: 86%;
        margin: auto
    }

    .feedback-2 .feedback-form label {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .yellow-bgc:after {
        left: 660px
    }

    .feedback-2 {
        height: auto !important;
    }

    .po {
        padding: 40px 100px
    }

    .basket .old-price {
        margin-left: 24px
    }

    .basket .price {
        margin-left: 50px
    }

    .basket-vsego, .obchaya-summa, .obchiy-ves {
        font-size: 13px
    }

    .value-ves {
        font-size: 16px
    }

    .filter {
        display: none
    }

    .filter button {
        padding: 5px 65px
    }

    .availability {
        height: 220px
    }

    .availability h3 {
        line-height: 1.3
    }

    .grid .count {
        margin-left: 0
    }

    .detail-page .detail-name {
        margin-top: 20px
    }

    .detail-page .basket {
        height: 136px;
        text-align: center;
        padding: 10px 0
    }

    .detail-page .basket .price {
        font-size: 18px
    }

    .detail-page .basket .count {
        margin: auto
    }

    .detail-page .basket .count i {
        font-size: 16px
    }

    .detail-page .basket a {
        padding: 0;
        margin-top: 10px
    }

    .detail-page .basket .button-basket {
        padding: 0;
        margin: auto
    }

    .detail-page .basket .button-basket a {
        margin: 16px 52px 1px 70px;
        padding: 6px 14px
    }

    .detail-page .property {
        margin: 0 0 30px 0;
        padding: 0
    }

    .img-collection {
        width: 100%
    }

    .ul-news ul li {
        display: inline-block;
        width: 32%;
        border: 2px solid transparent
    }

    .ul-news ul li:before {
        -webkit-transform: rotateY(40deg) rotate(142deg) skew(16deg);
        transform: rotateY(0) rotate(142deg) skew(16deg);
        width: 146px;
        height: 146px;
        top: -93px;
        left: 44px
    }

    .ul-news ul li:hover {
        border: 2px solid #fdc90c;
        border-top: transparent;
        border-bottom: transparent
    }

    .ul-news ul li span {
        top: -150px;
        left: 16px
    }

    .ul-news ul li p {
        top: -150px;
        left: 16px;
        font-size: 14px
    }

    .div-news hr {
        margin-top: 500px;
        opacity: -1
    }

    .cooperation-news {
        margin-left: 12% !important
    }

    .news-element {
        margin-top: 0
    }

    .feedback-3 {
        height: 374px
    }

    .feedback-3 h4 {
        margin-top: 79px;
        font-size: 24px;
        text-align: left
    }

    .feedback-3 .feedback-form {
        margin: 0
    }

    .feedback-3 .feedback-form input {
        width: 100%
    }

    .feedback-3 .feedback-form a {
        width: 100%;
        padding: 6px
    }

    .feedback-3 .feedback-form label {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        margin-top: 44px;
        margin-left: 14px
    }

    .feedback-3 .feedback-form label:before {
        width: 24px !important
    }

    .feedback-3 .feedback-form input[type=checkbox] + label:before {
        margin: -2px 15px 0 7px
    }

    .md-padding {
        padding-left: 50px
    }

    .pic-about {
        text-align: center
    }

    .logo-about img {
        width: 100%
    }

    .rotate-collections {
        text-align: center
    }

    .rotate-collections div {
        width: 227px;
        height: 227px;
        padding: 170px 20px 20px 20px
    }

    .quality-element {
        margin-bottom: 10px
    }

    .quality-element:hover h3:before {
        left: 48px;
        top: 0;
        width: 114px;
        height: 114px
    }

    .quality-element img {
        width: 100px
    }

    .quality-element h3 {
        font-size: 16px
    }

    .diller-prod a {
        padding: 10px 26px;
        display: block;
        text-align: center
    }

    .news-element hr {
        margin-top: 0
    }

    .collection-two img {
        margin-top: -122px !important
    }

    .our-dealer {
        padding-top: 15px
    }

    .youtube-video {
        height: 318px;
    }

    .training {
        padding-bottom: 30px
    }

    .about-collections-two img {
        top: -64px !important
    }

    .cooperation {
        overflow: hidden
    }

    .news-slider .slick-slide {
        width: 323px
    }

    .count-basket, .price-basket {
        text-align: right
    }

    .price-basket {
        font-size: 14px;
        font-weight: 700
    }

    .clear-item {
        margin-top: -40px
    }

    .tovarov-vsego {
        font-size: 16px
    }

    .value-obchaya {
        font-size: 16px
    }

    .basket-itog button {
        width: 200px;
        font-size: 14px
    }

    .order-edge {
        line-height: 1.3
    }

    .news-stock {
        margin-bottom: 40px
    }

    .media-files h4 {
        width: 690px
    }

    .media-files h4:after {
        left: 720px
    }

    .write-us {
        padding: 0 100px
    }

    #callback .callback {
        padding: 0 100px
    }

    .views-news {
        margin-left: 10px
    }

    .news-feedback {
        height: inherit;
    }

    .news-feedback h4 {
        margin-top: 0
    }

    .collections p {
        margin-bottom: 80px
    }

    .diler-contact .contact-data {
        margin-left: 18px
    }

    .news-main {
        margin-top: 40px
    }

    .feedback-main .feedback-form label {
        padding: 0 58px
    }

    .news-slider .slick-slide img {
        width: 328px
    }

    .rotate-collections a div {
        width: 240px;
        height: 240px;
        padding: 0
    }

    .display-none {
        display: none
    }

    .rotate-collections div img {
        margin-top: -140px
    }

    .feedback-main .feedback-form label {
        margin-left: 0
    }

    .menu-lk {
        margin: 0 30px
    }

    .menu-lk ul li span i {
        margin-left: 200px
    }

    .success-register p {
        padding: 14px 30px 40px
    }

    .work h4 {
        padding-left: 30px
    }

    .work hr {
        margin-left: 30px
    }

    .work ul {
        padding-left: 46px
    }

    .feedback-2 h4 {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.3
    }

    .feedback-3 h4 {
        font-size: 26px
    }

    .news-feedback .feedback-form {
        margin-left: -15px
    }

    .filter-name i {
        float: right;
        margin-top: 6px;
        margin-right: 20px
    }

    .filter i {
        margin-right: 20px
    }

    .show_more {
        margin-top: 10px
    }

    .show_more a {
        padding: 10px 180px
    }

    .feedback-3 .feedback-form label {
        margin-top: 26px
    }

    .feedback-2 h4 span {
        font-weight: 700
    }

    .quality-element p {
        line-height: 1.3
    }

    .slider-production .slick-slide.slick-current p {
        color: #aaa
    }

    .slider-production .slick-slide.slick-current strong {
        float: left;
        margin-right: 10px
    }

    .edge h3 {
        font-size: 28px
    }

    .availability h4 {
        margin-top: -10px
    }

    .edge {
        margin-bottom: 20px
    }

    .left-menu {
        position: fixed;
        z-index: 10;
        border: 1px solid #fdc90c;
        display: block;
        padding-right: 40px;
        background: #fff;
        -webkit-transition: .8s;
        -o-transition: .8s;
        transition: .8s;
        -webkit-transition: top .4s;
        -o-transition: top .4s;
        transition: top .4s;
        top: 260px;
        left: -320px
    }

    .left-menu .hamburger {
        position: absolute;
        right: 10px;
        top: 10px
    }

    .left-menu.active {
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        left: -10px
    }

    #oforml-zakaza hr {
        margin: 20px 0
    }

    .diler-contact-dc:before {
        bottom: -20px
    }

    .diler-contact-dc .yellow {
        font-size: 28px;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.3
    }

    .diler-contact-dc .yellow:after {
        top: 66px
    }

    .feedback-2 .feedback-form label {
        margin-top: 24px
    }

    .feedback-2 .feedback-form a {
        margin: 36px 0 !important
    }

    .feedback-3 .feedback-form label {
        margin-top: 30px;
        padding: 0;
        margin-left: 6px
    }

    .feedback-3 .feedback-form a {
        margin-top: 30px;
        margin-left: -12px
    }

    .news-feedback-3 {
        height: auto
    }

    .news-feedback-3 .feedback-form {
        margin-top: 0
    }

    .diler-contact-dc:before {
        top: -webkit-calc(100% + 20px);
        top: calc(100% + 20px)
    }
    .all-news-main-page{
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .feedback-input-button{
        width: 100%!important;
    }

    .list .item .count {
        margin-left: 20px
    }

    .wrapper-list-city {
        overflow-x: hidden;
        overflow-y: scroll
    }

    .show_catalog {
        height: auto !important
    }

    .show_catalog h4 {
        font-size: 24px
    }

    .diler-button-catalog {
        margin-bottom: 20px
    }

    .quality-element:hover h3:before {
        left: 36px
    }

    .contact-region .diler-contact:after {
        display: none
    }

    .photo-plit img {
        padding-left: 15px;
        margin-top: 20px
    }

    .summa, .ves {
        margin-left: 92px
    }

    .diller-prod a {
        display: block !important;
        width: 60%;
        margin: auto
    }

    .zakaz-basket a {
        width: 60%;
        margin: 20px auto 0
    }

    .diler-contact-dc .yellow:after {
        display: none
    }

    .lk-form input[type=submit] {
        margin-bottom: 40px
    }

    .kg {
        display: inline-block !important
    }

    .feedback-3 .feedback-form a {
        margin-top: 30px;
        margin-left: 6px
    }

    .feedback-3 .feedback-form label {
        margin-left: 10px
    }

    .left-menu {
        left: -320px
    }

    .spisok-zakaz {
        height: 300px;
        width: 90%;
        overflow-x: scroll
    }

    .spisok-zakaz .jspVerticalBar {
        right: 0
    }

    .spisok-zakaz .jspHorizontalBar {
        display: none
    }

    .my-zakaz-item .zakaz-price {
        margin-left: 30px !important
    }

    .adress-contact {
        padding-left: 0 !important
    }

    .map-contact {
        height: auto !important
    }

    .diler-contact-dc {
        padding: 0 60px
    }

    .diler-contact-dc .contact-data {
        padding-left: 30px;
        padding-bottom: 30px
    }

    .dc-img {
        margin: 20px 30px
    }

    .diller-prod h2 {
        margin-bottom: 15px
    }

    .collect-p {
        line-height: 1.3
    }

    .search-lupa {
        right: 215px
    }

    .search-lupa-quality {
        top: 84px
    }

    .search-contact {
        width: 62%
    }

    .search-contact-wrapper {
        text-align: left;
        padding-left: 0
    }

    .photo-plit {
        border-right: 1px solid #ddd
    }

    .diller-prod input {
        width: 60%
    }

    .about-advantages p {
        font-size: 14px;
        line-height: 1.3
    }

    .about-collections-two img {
        top: -44px !important
    }

    .success-register h3 {
        font-size: 26px
    }

    .success-register p {
        padding: 10px 10px 36px
    }

    .menu-lk {
        margin: 0
    }

    .lk-form i {
        left: auto !important
    }

    #oforml-zakaza .fa-exclamation-circle {
        margin-top: 4px;
        margin-right: 6px
    }

    .search-contact-wrapper {
        padding-top: 15px
    }

    .search-contact {
        margin-bottom: 30px
    }

    .search-lupa {
        top: 23px
    }

    .list-city {
        padding: 0 15px
    }

    .map-contact-page {
        height: 300px
    }

    #map-contact {
        height: 300px
    }

    .diller-page {
        padding-top: 0
    }

    .image {
        margin-top: 16px
    }

    .main-image {
        margin-top: 0
    }

    .detail-page .basket .button-basket {
        margin: 0 auto
    }

    .views {
        text-align: left
    }

    .fa-exclamation-circle {
        float: left
    }

    .exclamation {
        float: left;
        margin-left: 25px;
        margin-top: -8px
    }

    .news-1 p a, .news-2 p a, .news-3 p a {
        font-size: 18px
    }

    .write-us {
        padding: 0 50px
    }

    .logo-about {
        width: 70%;
        margin: 0 auto 40px
    }

    .clients {
        margin: 0 0 40px 0
    }

    .logo img {
        height: auto
    }

    .pic-about img {
        width: 50% !important
    }

    .slider-production .slick-slide img {
        width: 100%;
        margin: auto
    }

    .slider-production .slick-next, .slider-production .slick-prev {
        top: 38%
    }

    .yellow-square {
        width: 45px;
        height: 45px;
        left: 350px;
        top: -25px
    }

    .image {
        position: relative;
        left: 15px;
        border-right: 1px solid #aaa
    }

    .element-hr div:first-child, .title-hr div:first-child {
        padding: 0 15px
    }

    .count-plit {
        font-size: 14px
    }

    .element-hr div, .title-hr div {
        padding: 0
    }

    .element-hr .price-plit {
        text-align: left;
        border: none
    }

    .detail-page .basket {
        padding: 10px 6px
    }

    .detail-page .property div {
        padding: 0 5px;
        margin-right: 0
    }

    .detail-page .basket .count {
        margin-top: 40px
    }

    .povtor {
        font-size: 12px !important
    }

    .povtor i {
        margin-right: 2px !important
    }

    .element-history a {
        font-size: 12px
    }

    .oform-zakaz, .prodol-pok {
        font-size: 12px
    }

    .pass-lk .toggle-eye, .pass-lk .toggle-eye2 {
        left: 190px
    }

    .diler-contact-dc .yellow {
        width: 70%
    }

    .diler-contact-dc .yellow:after {
        left: auto
    }

    .feedback-2 {
        height: auto !important
    }

    .feedback-3 {
        height: auto
    }

    .cooperation-news {
        margin: 0 0 15px 0 !important
    }

    .news-slider .slick-slide img {
        width: 240px
    }

    .search-lupa-quality {
        right: 220px
    }

    .h3-collection {
        padding-top: 10px
    }

    .breadcrumb {
        margin-bottom: 10px !important
    }

    .exclamation {
        font-size: 11px
    }

    .rotate-collections div img {
        margin-right: -20px
    }

    .rotate-collections a div {
        width: 180px;
        height: 180px
    }

    .logo-about {
        margin-bottom: 40px
    }

    .rotate-about div img {
        left: 10px;
        top: -50px
    }

    .interesting h3 {
        padding-top: 40px
    }

    .feedback-main .feedback-form label {
        font-size: 14px;
        padding: 0 32px
    }

    .map-contact {
        height: 300px
    }

    .stocks h3 {
        padding-top: 40px
    }

    .collections p {
        margin-bottom: 10px
    }

    .white {
        margin-bottom: 0
    }

    .rotate-collections div h2 {
        font-size: 20px !important
    }

    .fixed .bottom-header div div .enter-button, .fixed .bottom-header div div .kabinet-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fixed .bottom-header div div .top-menu.active {
        position: absolute;
        left: 4px
    }

    .kabinet-button {
        position: relative
    }

    .kabinet-button .fa-angle-down {
        position: absolute;
        right: 32px;
        top: 13px
    }

    .kabinet-button .fa-user-circle {
        font-size: 20px;
        position: absolute;
        left: 10px;
        top: 10px
    }

    .top-menu.active {
        left: -60px;
        width: 166px
    }

    .media-files h4 {
        width: 510px
    }

    .media-files h4:after {
        left: 540px
    }

    .file-download {
        display: inline-block;
        margin-top: 28px;
        width: 45%
    }

    .order-edge {
        height: 266px
    }

    .title-hr {
        font-size: 11px
    }

    .element-hr .collection-plit, .element-hr .dekor-kromki, .element-hr .dekor-plit, .element-hr .marka-plit, .element-hr .price-plit, .element-hr .razmer-plit {
        font-size: 11px
    }

    .rotate-collections a div h2 {
        font-size: 24px
    }

    .rotate-about div {
        width: 160px;
        height: 160px
    }

    .rotate-about div:before {
        width: 160px;
        height: 160px
    }

    .rotate-about div h2 {
        font-size: 24px
    }

    .dropdown-menu {
        width: 146px !important;
        margin: 0 !important;
        padding: 5px 0 10px 8px !important;
        position: relative !important
    }

    .city {
        font-size: 11px
    }

    .feedback > ul > li {
        padding-right: 4px
    }

    .feedback > ul > li img {
        padding-right: 4px
    }

    .phone {
        font-size: 14px
    }

    .search-field .search-mini.active {
        display: block !important;
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
        padding: 10px 40px;
        background-color: #fff
    }

    .progress {
        margin-top: 40px;
        margin-left: 40px
    }

    .progress div {
        width: 210px
    }

    .kromka {
        width: 100%
    }

    .kromka:before {
        width: 100%
    }

    .diler {
        width: 100%
    }

    .diler:before {
        width: 510px
    }

    .article {
        margin: 0
    }

    .collects {
        text-align: center
    }

    .rotate div {
        width: 160px;
        height: 160px
    }

    .one {
        top: 60px;
        left: -50px
    }

    .one:before {
        width: 160px;
        height: 160px
    }

    .one h2 {
        font-size: 22px;
        padding: 60px 8px
    }

    .two {
        top: -100px;
        left: 175px
    }

    .two:before {
        width: 160px;
        height: 160px
    }

    .two h2 {
        font-size: 20px;
        padding: 62px 0
    }

    .three {
        top: -260px;
        left: 400px
    }

    .three:before {
        width: 160px;
        height: 160px
    }

    .three h2 {
        font-size: 22px;
        padding: 63px 0 50px 3px
    }

    .brand {
        margin-top: -70px
    }

    .yellow {
        width: 100%;
        margin: 0 auto 15px
    }

    .yellow:after {
        left: 480px
    }

    .contact-region button {
        margin: 20px 0 0 10px
    }

    .diler-contact {
        background-color: #fff;
        padding: 30px 15px
    }

    .collections h3, .collections h1 {
        text-align: center
    }

    .map-contact {
        position: relative;
        z-index: -3;
        top: -130px
    }

    .contact-data {
        margin: 30px 0 30px 30px
    }

    .interesting a {
        padding: 18px
    }

    .yellow-bgc:after {
        left: 540px
    }

    .breadcrumb {
        margin-top: 30px
    }

    .feedback-2 {
        height: 380px
    }

    .list .item img {
        width: 55%
    }

    .list .item .basket-item {
        margin: 6px 6%;
        padding: 6px 55px
    }

    .table .item .count {
        width: 100%;
        display: block;
        position: relative;
        left: -80px;
        top: 20px
    }

    .table .item .basket-item {
        width: 100%;
        float: left;
        left: -106px;
        top: -10px;
        text-align: center
    }

    .grid {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .grid .item {
        width: 49%;
        height: 370px
    }

    .grid .count {
        margin-left: 0
    }

    .grid .basket-item {
        padding: 2px 68px
    }

    .views {
        margin-top: 20px
    }

    .availability {
        height: 230px
    }

    .detail-page .basket {
        height: 150px;
        margin-top: 0;
        padding: 8px 54px;
        text-align: center
    }

    .detail-page .basket .price {
        font-size: 15px
    }

    .detail-page .basket .count {
        padding: 0 4px
    }

    .detail-page .basket button {
        padding: 6px 48px;
        margin-top: 0
    }

    .detail-page .property {
        margin-top: 0;
        font-size: 12px
    }

    .img-collection {
        margin-top: 120px
    }

    .ul-news ul li {
        width: 100%;
        display: block
    }

    .rotate-collections div {
        width: 166px;
        height: 166px;
        padding: 112px 20px 20px 20px
    }

    .value-property {
        font-size: 12px
    }

    .news-slider .slick-slide {
        width: 234px
    }

    .article-collection div button {
        margin: 24px 20%
    }

    .map-dc {
        margin-top: 140px
    }

    .news-1:hover:before {
        display: none
    }

    .news-1:hover span {
        top: 0;
        left: 16px
    }

    .news-1:hover p {
        top: 0;
        left: 16px
    }

    .news-2 {
        border: 1px solid transparent
    }

    .news-2:hover:before {
        display: none
    }

    .news-2:hover span {
        top: 0;
        left: 16px
    }

    .news-2:hover p {
        top: 0;
        left: 16px
    }

    .news-3 {
        border: 1px solid transparent
    }

    .news-3:hover:before {
        display: none
    }

    .news-3:hover span {
        top: 0;
        left: 16px
    }

    .news-3:hover p {
        top: 0;
        left: 16px
    }

    .list-city {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance
    }

    .map-contact {
        top: 0
    }

    .name-item {
        font-size: 12px
    }

    .count-basket {
        text-align: left;
        margin-top: 10px
    }

    .price-basket {
        margin-top: 10px;
        padding: 0;
        padding-left: 15px;
        text-align: left
    }

    .collects {
        overflow: hidden
    }

    .mini-menu, .mini-search {
        display: inline !important
    }

    .search .search-lupa-main {
        top: 25px;
        right: 48px
    }

    .search form {
        position: absolute;
        padding: 15px 40px;
        background-color: #fff;
        width: 100%
    }

    .fixed .bottom-header div div .top-menu.active {
        left: -10px;
        top: 30px
    }

    .collects {
        height: 600px
    }

    .collects .rotate div {
        width: 120px;
        height: 120px
    }

    .collects .rotate div .one {
        top: 77px;
        left: 20px
    }

    .collects .rotate div .two {
        top: -43px;
        left: 200px
    }

    .collects .rotate div .three {
        top: -164px;
        left: 376px
    }

    .rotate-inner {
        margin-top: -40px
    }

    .clear-item {
        margin: 0 !important
    }

    .detail-page .basket {
        padding: 0
    }

    .detail-page .basket .old-price, .detail-page .basket .price {
        margin-left: 0;
        text-align: left;
        display: block
    }

    .detail-page .basket .old-price {
        margin-top: 18px
    }

    .detail-page .basket .button-basket a {
        margin: 0 20px
    }

    .ldsp-label {
        top: 50px;
        left: 144px
    }

    .blagod p {
        line-height: 1.3
    }

    .question-two, .questions-four {
        margin: 0 !important
    }

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

    .youtube-video {
        height: auto
    }

    .news-elem-pic img {
        width: 80%
    }

    .catalog {
        margin-bottom: 40px
    }

    .catalog .show_catalog a {
        padding: 8px 16px
    }

    .feedback-main .feedback-form label {
        padding: 0 14px
    }

    .pic-about img {
        width: 70%
    }

    .about-h4 {
        font-size: 24px
    }

    .feedback {
        overflow: hidden
    }

    .collections a {
        display: block;
        height: auto;
        width: auto;
        margin: 20px auto
    }

    .slider-production {
        overflow: hidden;
        width: 100%
    }

    .slider-production .slick-next {
        right: 12%
    }

    .slider-production .slick-prev {
        left: 12%
    }

    .news-element div img, .ul-news img {
        width: 80%
    }

    .feedback-3 .feedback-form label {
        padding: 0 16px
    }

    .feedback-3 .feedback-form input[type=checkbox] + label:before {
        margin: -6px 10px 0 -4px
    }

    .kp label, .po label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fixed .bottom-header div div .top-menu.active {
        left: -48px;
        top: 34px
    }

    .po h4 {
        font-size: 20px
    }

    .content-write-us label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .author, .social {
        text-align: right
    }

    .sitemap {
        text-align: left
    }

    .feedback-2 .feedback-form label {
        margin: 30px 0
    }

    .feedback-3 .feedback-form input[type=checkbox] + label:before {
        margin: -6px 10px 0 -4px
    }

    .feedback-3 .feedback-form label {
        margin: 30px 0;
        padding: 0 26px
    }

    .razmer-plit {
        text-align: center
    }

    .razmer-kromki {
        text-align: center
    }

    .count-plit {
        margin-left: -17px;
        margin-top: 10px
    }

    .price-plit {
        margin-left: 45px
    }

    .map-dc {
        margin-top: 40px
    }

    .diler-contact-dc:before {
        display: none
    }

    .one:before, .three:before, .two:before {
        width: 120px;
        height: 120px
    }

    .feedback-3 .feedback-form div {
        padding-left: 0
    }

    .ul-news {
        overflow: hidden
    }

    .ul-news div:first-child {
        text-align: center
    }

    .hamburger {
        margin-left: -20px
    }

    .news-element div:first-child {
        margin-bottom: 15px;
        text-align: center
    }

    .brands .middle-block {
        line-height: 22px
    }

    .brands .middle-block svg {
        margin-bottom: 10px
    }

    .all-file {
        text-align: left
    }

    .all-file .file-download {
        width: 49.6%
    }

    .all-file .views-all-files {
        margin-left: 0
    }

    .map-prod {
        margin-top: 40px
    }

    .contact-region .diler-contact .yellow:after {
        display: none
    }

    .my-zakaz {
        margin-top: 0
    }

    .oforml-zakaza h3 {
        padding-top: 12px
    }

    .map-contact {
        margin-top: -156px
    }

    .items.table {
        overflow: hidden
    }

    .become_dealer h3 {
        font-size: 24px
    }

    .basket-itog .basket-vsego, .basket-itog .obchaya-summa, .basket-itog .obchiy-ves {
        font-size: 12px
    }

    .basket-itog .value-obchaya {
        font-size: 14px
    }

    .zakaz-price {
        margin-left: 354px !important
    }

    .diler-contact-dc .yellow {
        width: 100%
    }

    .title-quality {
        text-align: center
    }

    .quality-element {
        padding-left: 0
    }

    .clear-item {
        margin-top: 3px !important
    }

    .my-zakaz-item .zakaz-price {
        margin-left: 264px !important
    }

    .pass-lk {
        margin-left: 156px
    }
}

@media screen and (max-width: 566px) {
    .detail-page .property{
        margin-top: 30px;
    }
    .breadcrumb{
        margin-top: 40px;
        margin-bottom: 20px!important;
    }
    .exclamation-catalog-page{
        margin-top: 20px;
    }
    .wrapper-list-city {
        overflow-x: hidden;
        overflow-y: hidden
    }
    .phone{
        text-align: center;
    }
    .grid .item .basket-item {
        visibility: visible
    }
    .list .item:hover .basket-item {
        width: 94%;
        text-align: center;
        float: none
    }

    .list .item {
        height: auto
    }

    .list .item .price {
        margin-bottom: 0
    }

    .show_catalog h4 {
        font-size: 30px
    }

    .lk-form input[type=submit] {
        width: 200px;
        padding: 5px
    }

    .pass-lk {
        margin-left: 8.33333%;
        height: auto
    }

    .request-price {
        margin-bottom: 20px
    }

    .photo-plit img {
        margin-top: 6px;
        padding-left: 0
    }

    .my-zakaz-item .zakaz-price {
        margin-left: 160px !important
    }

    .summa, .ves {
        margin-left: 0
    }

    .list .item img {
        width: 70% !important;
        float: none !important
    }

    .ex-pdf {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .order-edge {
        margin-top: 10px
    }

    .adress-contact {
        line-height: 1.3
    }

    .adress-contact .fas {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .phone-contact {
        margin: 10px 0
    }

    .list-city {
        margin-right: 40px
    }

    .left-menu {
        left: -250px
    }

    .about-collections-two img {
        top: -60px !important
    }

    .diler-contact-dc .contact-data {
        padding-left: 15px
    }

    .diler-contact-dc {
        padding: 10px
    }

    .zakaz-price {
        margin-left: 74px !important
    }

    .search-lupa {
        right: 46px
    }

    .search-contact {
        width: 100%
    }

    .diller-prod input {
        width: 90%
    }

    .search-lupa-quality {
        right: 50px
    }

    .save-doc {
        display: block
    }

    .news-feedback .feedback-form {
        margin: 0
    }

    .availability {
        height: 210px
    }

    .availability a {
        display: block;
        margin: 0 20px
    }

    .views-news {
        display: block;
        margin-left: 0
    }

    .news-element div:first-child {
        margin-bottom: 15px
    }

    .production h1 {
        font-size: 28px
    }

    .prod-text {
        font-size: 14px
    }

    .ul-left-menu {
        width: 250px
    }

    .menu-lk ul li span i {
        margin-left: 110px
    }

    .hamburger {
        margin-left: -20px
    }

    .city-select-main {
        padding: 5px;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }

    .progress div {
        width: 87%
    }

    .slider-production .slick-next, .slider-production .slick-prev {
        top: 30%
    }

    .slider-production .slick-next {
        right: 10%
    }

    .slider-production .slick-prev {
        left: 10%
    }

    .slider-production .slick-slide img {
        width: 100%
    }

    .slider-production .slick-slide.slick-current p {
        font-size: 14px
    }

    .image {
        position: static;
        margin-top: 10px
    }

    .razmer-plit {
        text-align: left
    }

    .count-plit {
        text-align: center !important
    }

    .feedback-2 .feedback-form label {
        margin: 30px 0
    }

    .catalog {
        margin-bottom: 40px
    }

    .element-hr .count-plit {
        text-align: left
    }

    .element-hr .price-plit {
        padding: 0;
        margin-left: 10px
    }

    .element-hr .razmer-plit {
        padding-right: 0;
        margin-left: 11px
    }

    .element-hr .dekor-kromki {
        margin-left: -4px
    }

    .element-hr .collection-plit {
        margin-left: -10px
    }

    .element-hr div, .title-hr div {
        padding: 0 30px
    }

    .title-coll-galo, .title-dekor-kromki {
        padding-left: 20px
    }

    .show_catalog {
        height: auto !important
    }

    .show_catalog a {
        margin-bottom: 10px
    }

    .ex-pdf {
        text-align: left;
        padding-right: 18px
    }

    .fa-exclamation-circle {
        float: left
    }

    .exclamation {
        float: left;
        margin-left: 25px;
        margin-top: -8px
    }

    .element-history div, .header-history div {
        padding: 5px 16px !important
    }

    .blagod p {
        line-height: 1.5;
        font-size: 16px
    }

    .blagod h3 {
        font-size: 24px
    }

    .feedback {
        overflow: hidden
    }

    .dealer-form label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ldsp-label {
        position: static
    }

    .slider-production {
        width: 100%
    }

    .fixed {
        padding-left: 15px
    }

    .partner-login p {
        font-size: 12px
    }

    .order-edge {
        height: auto
    }

    .views {
        padding-right: 25px
    }

    .adress-contact, .email-contact, .phone-contact {
        padding-left: 15px !important
    }

    .wrapper-list-city {
        padding: 0 15px !important
    }

    .diler-contact-dc .yellow {
        width: 100%
    }

    .anketa {
        padding: 24px
    }

    .content-anketa label {
        vertical-align: baseline;
        font-size: 12px;
        margin-left: 2px
    }

    .social-news {
        float: left
    }

    .content-write-us label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    #callback .callback, .kp, .write-us {
        padding: 0 30px
    }

    .kp label, .po label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .element-hr .photo-plit {
        margin-top: 22px
    }

    .element-hr .count-plit {
        padding-left: 0
    }

    #tabs .get-city li {
        display: block
    }

    #tabs-1 div, #tabs-2 div, #tabs-3 div {
        padding: 0
    }

    .diler {
        width: 100%
    }

    .diler:before {
        width: 100%
    }

    .brand-collection {
        padding: 30px 60px !important
    }

    .diler-contact .yellow {
        font-size: 20px
    }

    .city {
        text-align: center;
        font-size: 12px
    }

    .top-menu.active {
        left: -16px;
        width: 176px
    }

    .black {
        font-size: 37px
    }

    .white {
        font-size: 37px
    }

    .cooperation {
        overflow: hidden
    }

    .article-xs {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .progress-xs {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .article {
        margin-top: 60px
    }

    .collects {
        background-repeat: repeat;
        height: auto;
    }

    .collections {
        margin-bottom: 60px
    }

    .collections p {
        margin-bottom: 30px
    }

    .rotate {
        padding-bottom: 230px
    }

    .rotate-inner {
        margin: 0 auto;
        width: 100%;
        display: block
    }

    .one {
        top: 0 !important;
        left: -40px !important
    }

    .one:before {
        width: 120px !important;
        height: 120px !important
    }

    .two {
        top: -30px !important;
        left: 50px !important
    }

    .two:before {
        width: 120px !important;
        height: 120px !important
    }

    .three {
        top: -60px !important;
        left: -40px !important
    }

    .three:before {
        width: 120px !important;
        height: 120px !important
    }

    .brand {
        margin-top: 40px
    }

    .brand h3 {
        font-size: 26px
    }

    .cooperation .white-background {
        font-size: 14px;
        width: 274px;
        height: 142px;
        padding: 6px 0 0 6px
    }

    .contact-region {
        margin-top: 0
    }

    .yellow {
        padding: 12px 0 0 0
    }

    .yellow:after {
        display: none
    }

    .yellow-bgc {
        font-size: 24px;
        line-height: 1.3
    }

    .yellow-bgc:after, .yellow-bgc:before {
        display: none
    }

    .feedback h3 {
        font-size: 26px
    }

    .feedback-main .feedback-form label {
        font-size: 12px;
        padding: 0
    }

    .feedback-main .feedback-form a {
        width: auto
    }

    .feedback-form input {
        width: 70%
    }

    .feedback-form button {
        margin-top: 10px;
        padding: 7px 46px
    }

    .social {
        font-size: 16px
    }

    .author {
        margin-top: 10px
    }

    .yellow-square {
        left: 250px
    }

    .wrapper-list-city {
        margin-bottom: 40px
    }

    .work ul {
        padding-left: 40px
    }

    .toggle-eye, .toggle-eye2 {
        position: absolute !important;
        top: 10px;
        right: 10px;
        left: auto !important
    }

    .top-menu.active {
        left: -70px
    }

    .lk-form a {
        width: auto;
        padding: 6px 26px
    }

    .lk-form i {
        right: 30px;
        color: #aaa;
        left: auto !important
    }

    .show_more a {
        padding: 10px 70px
    }

    .feedback-3 {
        padding: 0 15px
    }

    .feedback-3 h4 {
        font-size: 28px
    }

    .feedback-2 {
        padding: 0 15px
    }

    .feedback-2 h4 {
        font-size: 18px
    }

    .feedback-2 .feedback-form a {
        white-space: nowrap
    }

    .dekor-kromki {
        margin-bottom: 15px
    }

    .feedback-form input {
        font-size: 14px
    }

    .feedback-form label {
        font-size: 14px
    }

    .feedback-form button {
        font-size: 11px;
        padding: 8px 7px
    }

    .list .item {
        width: 100%;
        height: 100%
    }

    .list .item img {
        width: 100%;
        padding: 12px 12px 12px 12px
    }

    .list .item .kod {
        margin-left: 12px
    }

    .list .item .name {
        margin-left: 12px;
        display: block
    }

    .list .item .old-price {
        margin-left: 12px
    }

    .list .item .price {
        margin-left: 12px
    }

    .list .item .basket-item {
        white-space: nowrap;
        display: block;
        width: 137px;
        margin: 8px auto;
        padding: 6px 30px
    }

    .table .item {
        height: 100%
    }

    .table .item .name {
        width: 100%
    }

    .table .item .old-price {
        position: static
    }

    .table .item .price {
        margin-top: -10px;
        position: static
    }

    .table .item .count {
        margin: 0;
        left: -112px;
        top: 27px;
        width: 240px
    }

    .table .item .basket-item {
        position: static;
        white-space: nowrap;
        display: block;
        width: auto;
        margin: 14px 0 8px 0;
        text-align: center;
        padding: 6px 30px
    }

    .grid .item {
        width: 100%;
        height: 100%
    }

    .grid img {
        width: 100%
    }

    .grid .basket-item {
        width: 180px;
        margin: 8px auto;
        padding: 4px 20px
    }

    .show_more {
        margin-top: 0;
        margin-bottom: 40px
    }

    .show_more button {
        padding: 10px 60px
    }

    .availability {
        height: 240px
    }

    .detail-page .basket {
        text-align: center;
        padding: 10px 16px;
        margin: 0;
        height: 159px
    }

    .img-collection {
        margin-top: 0
    }

    .about-h4 {
        font-size: 20px;
        padding: 30px
    }

    .rotate-about div {
        display: block;
        width: 239px;
        height: 239px;
        margin: 2px auto !important;
        float: none
    }

    .rotate-about div:before {
        width: 239px;
        height: 239px
    }
    .dealer-form-button{
        text-align: center!important;
    }
    .diller-prod a {
        display: block;
        width: 260px!important;
        text-align: left;
        margin: 0 auto
    }

    .brands .middle-block {
        line-height: 22px
    }

    .brands .middle-block svg {
        margin-bottom: 10px
    }

    .work h4 {
        padding-left: 20px
    }

    .work hr {
        margin-left: 20px
    }

    .pic-about img {
        width: 80%
    }

    .rotate-collections div {
        width: 250px;
        height: 250px;
        padding: 200px 20px 20px 20px;
        margin: 5px 0
    }

    .article-collection div button {
        margin: 24px 7%;
        padding: 6px 38px
    }

    .text-warning {
        margin: 15px 0
    }

    .news-elem-pic img {
        width: 100%
    }

    .availability h3 {
        font-size: 22px
    }

    .news-detail-poh {
        overflow: hidden
    }

    .news-slider .slick-next, .news-slider .slick-prev {
        display: none !important
    }

    .news-feedback {
        padding: 0 30px
    }

    .news-feedback div {
        padding: 0
    }

    .news-slider .slick-slide {
        width: 100%
    }

    .last-element {
        width: 100%;
        margin: auto
    }

    .feedback-3 .feedback-form div {
        padding: 0
    }

    .list-city {
        columns: auto;
        -webkit-columns: auto;
        -moz-columns: auto;
        -webkit-column-fill: auto;
        -moz-column-fill: auto;
        column-fill: auto;
        overflow-y: auto;
        height: 200px
    }

    .basket-itog {
        margin: 50px 8px 0 8px
    }

    .collects {
        overflow: hidden
    }

    /*#tabs {
        overflow: hidden
    }*/

    .news-stock-item img {
        float: none
    }

    .media-files {
        overflow: hidden
    }

    .media-files h4 {
        margin-left: 20px
    }

    .question-two, .questions-four {
        margin: 0 !important
    }

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

    .youtube-video {
        height: auto;
    }

    .file-download {
        margin-top: 4px
    }

    .views-all-media {
        margin-left: 20px
    }

    .views-news-all {
        margin-left: 10px
    }

    .views-all-files {
        margin-left: 2px
    }

    .date-news-item:hover{
        text-decoration: none;
    }
    .date-news-item {
        margin: 10px 0
    }

    .news-stock h4 {
        padding-top: 20px;
        line-height: 1.3;
        margin-left: 12px
    }

    .all-file {
        margin-top: 5px;
        padding: 0 15px;
        text-align: left
    }

    .file-download {
        font-size: 16px;
        height: 192px;
        width: 100% !important;
        margin-bottom: 5px
    }

    .media-item {
        padding-right: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .media-item i {
        font-size: 32px;
        margin-left: 20px
    }

    .feedback-2 {
        height: 410px
    }

    .clients img {
        width: 130px
    }

    .clients .slider-arrow-left {
        left: 8px;
        top: 15px
    }

    .clients .slider-arrow-right {
        right: 5px;
        top: 15px
    }

    .count-basket {
        padding-left: 14px;
        text-align: left
    }

    .price-basket {
        text-align: left;
        padding-right: 0;
        font-size: 14px;
        margin-top: 6px
    }

    .clear-item {
        margin: 0 !important
    }

    .rotate-collections div {
        margin: 0 auto
    }

    .ex-pdf span {
        font-size: 14px
    }

    .flex-content {
        max-width: 100%
    }

    .title-hr div:first-child {
        margin-bottom: 20px
    }

    .marka-plit {
        margin-bottom: 10px
    }

    .element-hr .photo-plit {
        margin-top: 10px;
        padding-left: 15px
    }

    .count-plit {
        margin-left: -10px
    }

    .po {
        padding: 40px 20px
    }

    .po h4 {
        font-size: 18px
    }

    .become_dealer h3 {
        line-height: 1.3;
        font-size: 22px
    }

    .our-dealer h3 {
        padding: 0 20px
    }

    .map-dc {
        margin-top: 40px
    }

    .diler-contact-dc:before {
        display: none
    }

    .diler-contact .diler-button {
        margin: auto;
        display: block;
        text-align: center;
        width: auto;
        height: auto
    }

    .content-callback label {
        font-size: 14px
    }

    .poll hr {
        width: 50%
    }

    .po h4 {
        font-size: 24px
    }

    .po {
        padding: 40px 60px
    }

    .header-callback p, .header-write-us p {
        font-size: 15px
    }

    .stocks .date-stock {
        font-size: 13px
    }

    .dealer-form a {
        padding: 10px 70px
    }

    #oforml-zakaza h4 {
        margin-bottom: 15px
    }

    #oforml-zakaza .fa-exclamation-circle {
        margin-top: 2px;
        margin-right: 4px
    }

    #oforml-zakaza span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.3
    }

    .news-1 p a, .news-2 p a, .news-3 p a {
        font-size: 16px
    }

    .list-city {
        padding: 0
    }

    .ul-news div:first-child {
        text-align: center
    }

    .news-element div:first-child {
        text-align: center
    }

    .show_more a {
        display: block
    }

    .show_more {
        display: block;
        margin: 30px 15px
    }

    .adress-contact {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .rotate-collections a div {
        width: 290px;
        height: 290px
    }

    .collection .items .item .sizes .size {
        padding: 2px 3px
    }

    .kromka-zakaz, .price-list {
        margin-bottom: 12px
    }

    .featuresFirst {
        margin-top: 40px
    }

    .featuresSecondBegin-headerText {
        line-height: 1.3
    }

    .dealer-form a {
        display: block;
        margin: 0
    }

    .adress-contact {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .collection .items .item .sizes {
        line-height: 2.3
    }

    .filter i {
        margin-right: 38px
    }

    .filter-name .fa-angle-down {
        float: right;
        margin-top: 6px;
        margin-right: 38px
    }

    .contact-region .diler-contact {
        margin: 0 30px
    }

    .contact-region .diler-contact .yellow {
        font-size: 22px;
        line-height: 1.3;
        height: auto;
        padding: 10px 12px
    }

    .contact-region .map-contact {
        margin-top: 0;
        z-index: 1;
    }

    .news-stock-item .name-news-item {
        line-height: 1.3
    }

    .media-files {
        width: 90%;
        overflow: inherit
    }

    .media-files h4 {
        width: 100%;
        margin-left: 30px
    }

    .media-files h4:after {
        left: auto;
        right: -29px
    }

    .about h3 {
        line-height: 1.3
    }

    .dc-img {
        margin: 0;
        margin-left: 15px
    }

    .feedback-3 h4 {
        line-height: 1.3
    }

    .price-plit span {
        margin-top: 12px
    }

    .save-doc {
        margin-bottom: 10px
    }

    .order-edge h3 {
        font-size: 26px
    }

    .search-contact {
        width: 90%;
        margin-left: 15px
    }

    .po {
        padding: 40px 20px
    }

    .list .item .kod {
        margin-top: 0
    }
}

.items.grid {
    flex-wrap: wrap;
}

.bx-pagination .bx-pagination-container ul li.bx-active span{
    background: #fdc90c!important;
}
.detail-page .plashka-new{
    position: absolute;
    top: 12px;
    left: 26px;
    border: 1px solid #fdc90c;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #fffcf0;
}
.detail-page .plashka-raspr{
    position: absolute;
    top: 12px;
    left: 26px;
    border: 1px solid #ff774d;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #ffece6;
}
.grid .item .image-item{
     position: relative;
}
.item .plashka-new {
    position: absolute;
    top: 6px;
    left: 22px;
    border: 1px solid #fdc90c;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #fffcf0;
}
.item .plashka-raspr {
    position: absolute;
    top: 6px;
    left: 22px;
    border: 1px solid #ff774d;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #ffece6;
}
.grid .item .plashka-new {
    position: absolute;
    top: 12px;
    left: 12px;
    border: 1px solid #fdc90c;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #fffcf0;
}
.grid .item .plashka-raspr {
    position: absolute;
    top: 12px;
    left: 12px;
    border: 1px solid #ff774d;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #ffece6;
}

.list .item .image-item{
    position: relative;
}
.list .item .plashka-new {
    position: absolute;
    top: 17px;
    left: 17px;
    border: 1px solid #fdc90c;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #fffcf0;
}
.bx-pagination{
    margin: 40px auto;
}
.list .item .plashka-raspr {
    position: absolute;
    top: 17px;
    left: 17px;
    border: 1px solid #ff774d;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #ffece6;
}
.table .item .image-item{
    position: relative;
}
.table .item .plashka-new {
    position: absolute;
    top: 7px;
    left: 88px;
    border: 1px solid #fdc90c;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #fffcf0;
}
.table .item .plashka-raspr {
    position: absolute;
    top: 7px;
    left: 88px;
    border: 1px solid #ff774d;
    border-radius: 6px;
    font-size: 10px;
    padding: 1px 3px;
    background: #ffece6;
}
.client-slide{
    outline: none!important;
}
.detail-order-list{
    width: 800px;
}
.detail-order-list p{
    margin: 0;
}
.detail-order-list a:hover{
    text-decoration: none;
}
@media (max-width: 566px) {
    .detail-order-list {
        width: 90%;
        font-size: 12px;
    }
    .povtor-detail-order{
        margin-top: 20px!important;
    }
}
.detail-bakset-item{
    max-height: 154px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}
@media (max-width: 566px) {
    .detail-bakset-item{
        height: 100px;
    }

}
.detail-order-status.green{
    text-align: center;
    border: 1px solid  #8ddf65;
    background:  #f6fff0;
    position: relative;
    top: -20px;
    padding: 4px;
}
.detail-order-status.jeltiy{
    text-align: center;
    border: 1px solid #fdc90c;
    background: #fcf8e3;
    position: relative;
    top: -20px;
    padding: 4px;
}


.catalog-section__nav .bx-pagination:first-child {
	margin-bottom: 20px;
}

.catalog-section__nav .bx-pagination_secondary {
	margin-top: 0;
}
.documents {
    margin: 40px 20px;
}
.documents img{
    width: 60px;
    float: left;
    margin-right: 26px;
}

.documents p{
    font-size: 18px;
    font-family: Circe;
    font-weight: bold;
}
.documents span{
    color: #aaa;
}
.documents a{
    font-size: 13px;
    font-family: Circe;
    color: #aaa;
    text-decoration: underline;
}
.news-list-form .main-user-consent-request-announceee{
    color: #222
}
.news-list-form{
    background: #fdc90c;
    padding-top: 120px;
}
.news-list-form h4{
    color: #222;
}
.news-list-form .feedback-form input{
    background-color: #fdc90c;
    border: none;
    border-bottom: 2px solid #222;
    color: #222;
}

.news-list-form .feedback-form input::-webkit-input-placeholder {
    color: #222
}

.news-list-form .feedback-form input:-ms-input-placeholder {
    color: #222
}

.news-list-form .feedback-form input::-ms-input-placeholder {
    color: #222
}

.news-list-form .feedback-form input::placeholder {
    color: #222
}

.news-list-form .feedback-form input:focus {
    border-bottom: 2px solid #fff
}

.news-list-form .feedback-form input[type=submit]{
    color: #fff;
    background: #222;
}

.news.kabinet-button .enter-main-list-form .main-user-consent-request-announceee:before{
    color: #222;
}
.news-list-form #poc:checked + .main-user-consent-request-announceee:before {
    color: #222;
}
.podpiska-form-news .main-user-consent-request-announceee:before{
    color: #222;
}
.dealer-form .main-user-consent-request-announce{
    color: #777;
}
#callback .main-user-consent-request-announce {
    color: #777;
}
#write-us .main-user-consent-request-announce{
    color: #777;
}
#anketa .main-user-consent-request-announce{
    color: #777;
}
#kp .main-user-consent-request-announce{
    color: #777;
}
.gallery-back-button{
    margin: 40px 0;
}
.gallery-back-button a{
    color: #999;

}
.questions-opros{
    margin-bottom: 20px;
}
.dealer-form-question-padding{
    margin-bottom: 20px;
}
.error-ok-pass{
    color: #d71e25!important;
    font-weight: bold;
    text-align: center;
}
.politika{

    font-size: 10px;
    color: #aaa;
}
.politika:hover{
    color: #aaa;
}
.region{
    border-top: 1px solid #999;
}

/*заменить на нормальную*/
.alert-danger {
    color: red;
}

.alert-success {
    color: green;
}

.captcha {

}

.captcha__img {
    margin-right: 20px;
    border: 1px solid #999;
}

.captcha__input {
    max-width: 200px
}

.c-input_sm {
    height: 30px;
    line-height: 28px;
    border-width: 1px;
    padding: 0 10px;
}

.c-field_consent {
    margin-top: 16px;
    margin-bottom: 32px;
}

.feedback-form .captcha {
    margin-top: 30px;
    padding: 0 20px;
}

.feedback-form_row .captcha {
    padding: 0;
}

.feedback-form .captcha__input {
    margin-top: 0;
    width: 100%;
}

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

/*dealer*/

.diler-contact-dc .contact-data {
    margin-top: 0;
}

.contact-data__header {
    line-height: 1.5;
    min-height: 46px;
}

.contact-data__title {
    font-size: 16px;
    font-weight: bold;
}

.contact-data__thumb {
    width: 66px;
    height: 34px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.contact-data__logo {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
}

@media (min-width: 768px) {

    .contact-data__header {
        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;
    }

    .contact-data__title {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 1%;
        font-size: 18px;
        padding-right: 10px;
    }

    .contact-data__thumb {
        width: 90px;
        height: 40px;
        padding-right: 10px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 90px;
                flex: 0 0 90px;
    }
}


.element-dealer .contact-item {
    padding-right: 10px;
}

/*map*/

.map-contact-dealer-detail {
    overflow: hidden;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.c-label__required {
    color: #fdc90c;
}

.dealer-form .c-field {
    margin-top: 10px;
}

.photo-gallery__thumb {
    position: relative;
    display: block;
    overflow: hidden;
}

.photo-gallery__thumb:before {
    /*position: absolute;*/
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.7%;
}

.photo-gallery__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.news-element__img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {

    .news-element__thumb {
        height: 100%;
        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;
    }

    .news-element__img {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}

@media (max-width: 767px) {

    .ul-news__aside,
    .news-element_regular .news-element__thumb {
        display: none !important;
    }
}

.ul-news__thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 426px;
}

.ul-news__img {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.socials-list {

}

.socials-list__item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
}

.socials-list__link {
    color: inherit;
    display: block;
    padding: 0 6px;
    line-height: 1;
}

.socials-list__link:hover,
.socials-list__link:focus {
    color: #fdc90c;
}

.socials-list__icon {
    font-size: 20px;
}

/*yashare*/

.ya-share2__link {
    outline: 0;
}

.social-news_inline {
    /*display: inline-flex;*/
    /*align-items: center;*/
    line-height: 32px;
    padding: 0 14px;
}

.social-news_inline .social-news__title {
    padding-right: 8px;
}

.social-news_inline .ya-share2__container_size_s .ya-share2__item {
    margin-right: 8px;
}

.social-news_inline .ya-share2__badge,
.social-news_inline .ya-share2__icon {
    background: none !important;
}

.social-news_inline .ya-share2__link .ya-share2__icon {
    color: #777;
    width: auto;
}

.social-news_inline .ya-share2__link:hover .ya-share2__icon,
.social-news_inline .ya-share2__link:focus .ya-share2__icon {
    color: #fdc90c !important;
}

.social-news_inline .ya-share2__icon:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-family: "Font Awesome 5 Brands";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: inherit;
}

.social-news_inline .ya-share2__item_service_facebook .ya-share2__icon:before {
    content: '\f09a';
}

.social-news_inline .ya-share2__item_service_vkontakte .ya-share2__icon:before {
    content: '\f189';
}

.social-news_inline .ya-share2__item_service_odnoklassniki .ya-share2__icon:before {
    content: '\f264';
}

.social-news_inline .ya-share2__item_service_twitter .ya-share2__icon:before {
    content: '\f081';
}


/*default inputs*/

.c-form__field {
    margin-bottom: 20px;
}

.c-input_default {
    display: block;
    border: 1px solid #999;
    padding: 0 16px;
    border-radius: 25px;
    width: 100%;
}

.c-input_md {
    height: 42px;
}

.c-label {
    color: #777;
    font-size: 14px;
}

.c-btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    border-radius: inherit;
    text-align: center;
    max-width: 100%;
}

.c-btn_default,
.c-btn_ghost {
    font-size: 14px;
    border: 1px solid;
    font-weight: 700;
    text-transform: uppercase;
}

.c-btn_default.c-btn_primary {
    color: #222;
    background-color: #fdc90c;
    border-color: #fdc90c;
}

.c-btn_default.c-btn_primary:hover,
.c-btn_default.c-btn_primary:focus {
    background-color: #ffdb58;
    border-color: #ffdb58;
    text-decoration: none;
}

.c-btn_ghost {
    background-color: transparent;
}

.c-btn_ghost.c-btn_primary {
    border-color: #fdc90c;
    color: #222;
}

.c-btn_ghost.c-btn_primary:hover,
.c-btn_ghost.c-btn_primary:focus {
    background-color: #fdc90c;
    text-decoration: none;
}

.c-btn_full {
    width: 100%;
}

.c-btn_md {
    padding: 0 7px;
    height: 40px;
    line-height: 38px;
}

.c-modal .main-user-consent-request-announce {
    color: #777;
}

.c-modal .personal-data-checkbox {
    display: none;
}

.c-modal {
    width: 90%;
    margin: 0 auto;
    max-width: 570px;
    padding: 62px 15px 70px;
    background: #fff !important;
    position: relative;
}

.c-modal__title {
    padding: 0;
}

.c-modal .c-field {
    margin-bottom: 20px;
}

.c-modal__desc {
    text-align: center;
    color: #777;
}

/*controls*/
.detail-page__controls {
    text-align: center;
}

.detail-page__controls .c-btn {
    max-width: 250px;
}

.price-item_restricted {
    visibility: hidden;
}

.item:hover .price-item_restricted {
    visibility: visible;;
}

.grid .price-item_restricted .c-btn {
    width: 100%;
}

.list .price-item_restricted {
    margin-top: 10px;
}

.list .price-item_restricted .c-btn {
    width: 220px;
}
/*
.table .price-item_restricted {
    padding-top: 26px;
}*/

.list .item_restricted .price-item_restricted,
.table .item_restricted .price-item_restricted {
    padding: 7px;
}

.table .item_restricted .price-item_restricted {
    padding-top: 26px;
}

@media (max-width: 639px) {

    .table .item_restricted .desc-item,
    .table .item_restricted .price-item_restricted {
        float: none;
        width: 100%;
    }

/*    .table .item_restricted .price-item {
        padding: 7px;
    }*/


    .list .price-item_restricted .c-btn,
    .table .price-item_restricted .c-btn {
        width: 100%;
    }
}

@media (min-width: 640px) {

    .table .price-item_restricted {
        text-align: right;
    }

    .table .price-item_restricted .c-btn {
        width: 100%;
        max-width: 250px;
    }
}

@media (max-width: 767px) {

    .grid .item_restricted {
        height: auto;
    }
}

@media (min-width: 768px) {

    .list .item_restricted .price-item_restricted {
        text-align: right;
        padding-right: 20px;
    }

    .list .price-item_restricted .c-btn {
        width: 250px;
    }

    .table .item_restricted .price-item_restricted {
        padding-right: 25px;
        padding-top: 30px;
    }
}

/*note*/

.c-note {
    border: 1px solid #fdc90c;
    background: #fffcf0;
    padding: 20px 15px 20px;
}

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

.c-note__ctrl {
    margin-bottom: 10px;
}

.detail-page_restricted .property {
    margin-top: 0;
}

@media (min-width: 768px) {

    .c-note {
        padding-left: 78px;
        padding-right: 78px;
    }
}

.exclamation-alert {
    position: relative;
    padding-left: 25px;
    min-height: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.exclamation-alert i {
    position: absolute;
    color: #fdc90c;
    top: 10px;
    left: 4px;
}

.exclamation_info {
    color: inherit;
}

.ya-phone {
    display: inline;
}

.ya-phone a {
    color: inherit;
    text-decoration: inherit;
}

.ya-phone a:focus,
.ya-phone a:hover {
    color: inherit !important;
    text-decoration: inherit !important;
}

.mt-20 {
    margin-top: 20px !important; 
}

.edge-description {
    padding-bottom: 40px;
}