.selectric-wrapper {
    position: relative;
    cursor:pointer
}

.selectric-responsive {
    width:100%
}

.selectric {
    border: 1px solid #DDD;
    border-radius: 0px;
    background: #F8F8F8;
    position: relative;
    overflow:hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    * font:20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom:none
}

.selectric-focus .selectric {
    border-color:#aaaaaa
}

.selectric-hover .selectric {
    border-color:#c4c4c4
}

.selectric-hover .selectric .button {
    color:#a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color:#a2a2a2
}

.selectric-open {
    z-index:9999
}

.selectric-open .selectric {
    border-color:#c4c4c4
}

.selectric-open .selectric-items {
    display:block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    user-select:none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height:0
}

.selectric-hide-select select {
    position: absolute;
    left:-100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity:0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    * font:0/0 a !important;
    background:none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display:block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow:0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow:auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom:100%
}

.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height:20px
}

.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    display: block;
    padding: 10px;
    color: #666;
    cursor:pointer
}

.selectric-items li.selected {
    background: #E0E0E0;
    color:#444
}

.selectric-items li.highlighted {
    background: #D0D0D0;
    color:#444
}

.selectric-items li:hover {
    background: #D5D5D5;
    color:#444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select:none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color:#444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity:1
}

.selectric-items .selectric-group li {
    padding-left:25px
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin:0
}

article, aside, footer, header, nav, section {
    display:block
}

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

figcaption, figure, main {
    display:block
}

figure {
    margin:1em 40px
}

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

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

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

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

b, strong {
    font-weight:inherit
}

b, strong {
    font-weight:bolder
}

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

dfn {
    font-style:italic
}

mark {
    background-color: #ff0;
    color:#000
}

small {
    font-size:80%
}

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

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

audio, video {
    display:inline-block
}

audio:not([controls]) {
    display: none;
    height:0
}

img {
    border-style:none
}

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

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

button, input {
    overflow:visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding:0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space:normal
}

progress {
    display: inline-block;
    vertical-align:baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details, menu {
    display:block
}
.evoSearch_info {
    flex-basis: 100%;
    padding: 10px 15px;

}
summary {
    display:list-item
}

canvas {
    display:inline-block
}

template {
    display:none
}

[hidden] {
    display:none
}

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

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !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-inline-holder .mfp-content, .mfp-ajax-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-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -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: -0.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-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    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: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family:Arial, Baskerville, monospace
}

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

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

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

.mfp-image-holder .mfp-close, .mfp-iframe-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: 0.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:hover, .mfp-arrow:focus {
    opacity:1
}

.mfp-arrow:before, .mfp-arrow:after {
    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:0.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, 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, 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, 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, 0.6);
        position: fixed;
        text-align: center;
        padding:0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform:scale(0.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
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style:normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index:1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction:column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing:content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform:translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap:wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction:column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin:0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property:transform
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height:auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property:transform, height
}

.swiper-container-3d {
    perspective:1200px
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display:none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type:y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events:none
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant:initial
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right:auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left:auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display:none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index:10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width:100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform:scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform:scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity:0.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background:var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform:translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display:block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width:8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition:200ms transform, 200ms top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space:nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin:right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top:0
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top:0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display:none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background:rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width:98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height:98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top:0
}

.swiper-scrollbar-cursor-drag {
    cursor:move
}

.swiper-scrollbar-lock {
    display:none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit:contain
}

.swiper-slide-zoomed {
    cursor:move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color:transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform:rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index:-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-cube {
    overflow:visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height:100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility:visible
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index:0
}

.swiper-container-flip {
    overflow:visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index:1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

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

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

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

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

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

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

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

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width:720px
    }
}

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

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width:1170px
    }
}

.row {
    display: flex;
    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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left:15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width:100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width:100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width:50%
}

.row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width:33.33333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width:25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width:20%
}

.row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width:16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width:100%
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order:-1
}

.order-last {
    order:13
}

.order-0 {
    order:0
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-3 {
    order:3
}

.order-4 {
    order:4
}

.order-5 {
    order:5
}

.order-6 {
    order:6
}

.order-7 {
    order:7
}

.order-8 {
    order:8
}

.order-9 {
    order:9
}

.order-10 {
    order:10
}

.order-11 {
    order:11
}

.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: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width:100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.33333%;
        max-width:33.33333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.66667%;
        max-width:16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order:-1
    }

    .order-sm-last {
        order:13
    }

    .order-sm-0 {
        order:0
    }

    .order-sm-1 {
        order:1
    }

    .order-sm-2 {
        order:2
    }

    .order-sm-3 {
        order:3
    }

    .order-sm-4 {
        order:4
    }

    .order-sm-5 {
        order:5
    }

    .order-sm-6 {
        order:6
    }

    .order-sm-7 {
        order:7
    }

    .order-sm-8 {
        order:8
    }

    .order-sm-9 {
        order:9
    }

    .order-sm-10 {
        order:10
    }

    .order-sm-11 {
        order:11
    }

    .order-sm-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: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width:100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.33333%;
        max-width:33.33333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.66667%;
        max-width:16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order:-1
    }

    .order-md-last {
        order:13
    }

    .order-md-0 {
        order:0
    }

    .order-md-1 {
        order:1
    }

    .order-md-2 {
        order:2
    }

    .order-md-3 {
        order:3
    }

    .order-md-4 {
        order:4
    }

    .order-md-5 {
        order:5
    }

    .order-md-6 {
        order:6
    }

    .order-md-7 {
        order:7
    }

    .order-md-8 {
        order:8
    }

    .order-md-9 {
        order:9
    }

    .order-md-10 {
        order:10
    }

    .order-md-11 {
        order:11
    }

    .order-md-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 {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width:100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.33333%;
        max-width:33.33333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.66667%;
        max-width:16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-13 {
        flex: 0 0 100%;
        max-width:100%
    }

    .order-lg-first {
        order:-1
    }

    .order-lg-last {
        order:13
    }

    .order-lg-0 {
        order:0
    }

    .order-lg-1 {
        order:1
    }

    .order-lg-2 {
        order:2
    }

    .order-lg-3 {
        order:3
    }

    .order-lg-4 {
        order:4
    }

    .order-lg-5 {
        order:5
    }

    .order-lg-6 {
        order:6
    }

    .order-lg-7 {
        order:7
    }

    .order-lg-8 {
        order:8
    }

    .order-lg-9 {
        order:9
    }

    .order-lg-10 {
        order:10
    }

    .order-lg-11 {
        order:11
    }

    .order-lg-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 {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width:100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width:100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width:50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.33333%;
        max-width:33.33333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width:25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width:20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.66667%;
        max-width:16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width:100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order:-1
    }

    .order-xl-last {
        order:13
    }

    .order-xl-0 {
        order:0
    }

    .order-xl-1 {
        order:1
    }

    .order-xl-2 {
        order:2
    }

    .order-xl-3 {
        order:3
    }

    .order-xl-4 {
        order:4
    }

    .order-xl-5 {
        order:5
    }

    .order-xl-6 {
        order:6
    }

    .order-xl-7 {
        order:7
    }

    .order-xl-8 {
        order:8
    }

    .order-xl-9 {
        order:9
    }

    .order-xl-10 {
        order:10
    }

    .order-xl-11 {
        order:11
    }

    .order-xl-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:flex !important
}

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

@media (min-width: 576px) {
    .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:flex !important
    }

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

@media (min-width: 768px) {
    .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:flex !important
    }

    .d-md-inline-flex {
        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:flex !important
    }

    .d-lg-inline-flex {
        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:flex !important
    }

    .d-xl-inline-flex {
        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:flex !important
    }

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

.flex-row {
    flex-direction:row !important
}

.flex-column {
    flex-direction:column !important
}

.flex-row-reverse {
    flex-direction:row-reverse !important
}

.flex-column-reverse {
    flex-direction:column-reverse !important
}

.flex-wrap {
    flex-wrap:wrap !important
}

.flex-nowrap {
    flex-wrap:nowrap !important
}

.flex-wrap-reverse {
    flex-wrap:wrap-reverse !important
}

.flex-fill {
    flex:1 1 auto !important
}

.flex-grow-0 {
    flex-grow:0 !important
}

.flex-grow-1 {
    flex-grow:1 !important
}

.flex-shrink-0 {
    flex-shrink:0 !important
}

.flex-shrink-1 {
    flex-shrink:1 !important
}

.justify-content-start {
    justify-content:flex-start !important
}

.justify-content-end {
    justify-content:flex-end !important
}

.justify-content-center {
    justify-content:center !important
}

.justify-content-between {
    justify-content:space-between !important
}

.justify-content-around {
    justify-content:space-around !important
}

.align-items-start {
    align-items:flex-start !important
}

.align-items-end {
    align-items:flex-end !important
}

.align-items-center {
    align-items:center !important
}

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

.align-items-stretch {
    align-items:stretch !important
}

.align-content-start {
    align-content:flex-start !important
}

.align-content-end {
    align-content:flex-end !important
}

.align-content-center {
    align-content:center !important
}

.align-content-between {
    align-content:space-between !important
}

.align-content-around {
    align-content:space-around !important
}

.align-content-stretch {
    align-content:stretch !important
}

.align-self-auto {
    align-self:auto !important
}

.align-self-start {
    align-self:flex-start !important
}

.align-self-end {
    align-self:flex-end !important
}

.align-self-center {
    align-self:center !important
}

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

.align-self-stretch {
    align-self:stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row !important
    }

    .flex-sm-column {
        flex-direction:column !important
    }

    .flex-sm-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap:wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .flex-sm-fill {
        flex:1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow:0 !important
    }

    .flex-sm-grow-1 {
        flex-grow:1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink:1 !important
    }

    .justify-content-sm-start {
        justify-content:flex-start !important
    }

    .justify-content-sm-end {
        justify-content:flex-end !important
    }

    .justify-content-sm-center {
        justify-content:center !important
    }

    .justify-content-sm-between {
        justify-content:space-between !important
    }

    .justify-content-sm-around {
        justify-content:space-around !important
    }

    .align-items-sm-start {
        align-items:flex-start !important
    }

    .align-items-sm-end {
        align-items:flex-end !important
    }

    .align-items-sm-center {
        align-items:center !important
    }

    .align-items-sm-baseline {
        align-items:baseline !important
    }

    .align-items-sm-stretch {
        align-items:stretch !important
    }

    .align-content-sm-start {
        align-content:flex-start !important
    }

    .align-content-sm-end {
        align-content:flex-end !important
    }

    .align-content-sm-center {
        align-content:center !important
    }

    .align-content-sm-between {
        align-content:space-between !important
    }

    .align-content-sm-around {
        align-content:space-around !important
    }

    .align-content-sm-stretch {
        align-content:stretch !important
    }

    .align-self-sm-auto {
        align-self:auto !important
    }

    .align-self-sm-start {
        align-self:flex-start !important
    }

    .align-self-sm-end {
        align-self:flex-end !important
    }

    .align-self-sm-center {
        align-self:center !important
    }

    .align-self-sm-baseline {
        align-self:baseline !important
    }

    .align-self-sm-stretch {
        align-self:stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row !important
    }

    .flex-md-column {
        flex-direction:column !important
    }

    .flex-md-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap:wrap !important
    }

    .flex-md-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .flex-md-fill {
        flex:1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow:0 !important
    }

    .flex-md-grow-1 {
        flex-grow:1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink:1 !important
    }

    .justify-content-md-start {
        justify-content:flex-start !important
    }

    .justify-content-md-end {
        justify-content:flex-end !important
    }

    .justify-content-md-center {
        justify-content:center !important
    }

    .justify-content-md-between {
        justify-content:space-between !important
    }

    .justify-content-md-around {
        justify-content:space-around !important
    }

    .align-items-md-start {
        align-items:flex-start !important
    }

    .align-items-md-end {
        align-items:flex-end !important
    }

    .align-items-md-center {
        align-items:center !important
    }

    .align-items-md-baseline {
        align-items:baseline !important
    }

    .align-items-md-stretch {
        align-items:stretch !important
    }

    .align-content-md-start {
        align-content:flex-start !important
    }

    .align-content-md-end {
        align-content:flex-end !important
    }

    .align-content-md-center {
        align-content:center !important
    }

    .align-content-md-between {
        align-content:space-between !important
    }

    .align-content-md-around {
        align-content:space-around !important
    }

    .align-content-md-stretch {
        align-content:stretch !important
    }

    .align-self-md-auto {
        align-self:auto !important
    }

    .align-self-md-start {
        align-self:flex-start !important
    }

    .align-self-md-end {
        align-self:flex-end !important
    }

    .align-self-md-center {
        align-self:center !important
    }

    .align-self-md-baseline {
        align-self:baseline !important
    }

    .align-self-md-stretch {
        align-self:stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row !important
    }

    .flex-lg-column {
        flex-direction:column !important
    }

    .flex-lg-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap:wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .flex-lg-fill {
        flex:1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow:0 !important
    }

    .flex-lg-grow-1 {
        flex-grow:1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink:1 !important
    }

    .justify-content-lg-start {
        justify-content:flex-start !important
    }

    .justify-content-lg-end {
        justify-content:flex-end !important
    }

    .justify-content-lg-center {
        justify-content:center !important
    }

    .justify-content-lg-between {
        justify-content:space-between !important
    }

    .justify-content-lg-around {
        justify-content:space-around !important
    }

    .align-items-lg-start {
        align-items:flex-start !important
    }

    .align-items-lg-end {
        align-items:flex-end !important
    }

    .align-items-lg-center {
        align-items:center !important
    }

    .align-items-lg-baseline {
        align-items:baseline !important
    }

    .align-items-lg-stretch {
        align-items:stretch !important
    }

    .align-content-lg-start {
        align-content:flex-start !important
    }

    .align-content-lg-end {
        align-content:flex-end !important
    }

    .align-content-lg-center {
        align-content:center !important
    }

    .align-content-lg-between {
        align-content:space-between !important
    }

    .align-content-lg-around {
        align-content:space-around !important
    }

    .align-content-lg-stretch {
        align-content:stretch !important
    }

    .align-self-lg-auto {
        align-self:auto !important
    }

    .align-self-lg-start {
        align-self:flex-start !important
    }

    .align-self-lg-end {
        align-self:flex-end !important
    }

    .align-self-lg-center {
        align-self:center !important
    }

    .align-self-lg-baseline {
        align-self:baseline !important
    }

    .align-self-lg-stretch {
        align-self:stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction:row !important
    }

    .flex-xl-column {
        flex-direction:column !important
    }

    .flex-xl-row-reverse {
        flex-direction:row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction:column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap:wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap:nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap:wrap-reverse !important
    }

    .flex-xl-fill {
        flex:1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow:0 !important
    }

    .flex-xl-grow-1 {
        flex-grow:1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink:0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink:1 !important
    }

    .justify-content-xl-start {
        justify-content:flex-start !important
    }

    .justify-content-xl-end {
        justify-content:flex-end !important
    }

    .justify-content-xl-center {
        justify-content:center !important
    }

    .justify-content-xl-between {
        justify-content:space-between !important
    }

    .justify-content-xl-around {
        justify-content:space-around !important
    }

    .align-items-xl-start {
        align-items:flex-start !important
    }

    .align-items-xl-end {
        align-items:flex-end !important
    }

    .align-items-xl-center {
        align-items:center !important
    }

    .align-items-xl-baseline {
        align-items:baseline !important
    }

    .align-items-xl-stretch {
        align-items:stretch !important
    }

    .align-content-xl-start {
        align-content:flex-start !important
    }

    .align-content-xl-end {
        align-content:flex-end !important
    }

    .align-content-xl-center {
        align-content:center !important
    }

    .align-content-xl-between {
        align-content:space-between !important
    }

    .align-content-xl-around {
        align-content:space-around !important
    }

    .align-content-xl-stretch {
        align-content:stretch !important
    }

    .align-self-xl-auto {
        align-self:auto !important
    }

    .align-self-xl-start {
        align-self:flex-start !important
    }

    .align-self-xl-end {
        align-self:flex-end !important
    }

    .align-self-xl-center {
        align-self:center !important
    }

    .align-self-xl-baseline {
        align-self:baseline !important
    }

    .align-self-xl-stretch {
        align-self:stretch !important
    }
}

.m-0 {
    margin:0 !important
}

.mt-0, .my-0 {
    margin-top:0 !important
}

.mr-0, .mx-0 {
    margin-right:0 !important
}

.mb-0, .my-0 {
    margin-bottom:0 !important
}

.ml-0, .mx-0 {
    margin-left:0 !important
}

.m-1 {
    margin:.25rem !important
}

.mt-1, .my-1 {
    margin-top:.25rem !important
}

.mr-1, .mx-1 {
    margin-right:.25rem !important
}

.mb-1, .my-1 {
    margin-bottom:.25rem !important
}

.ml-1, .mx-1 {
    margin-left:.25rem !important
}

.m-2 {
    margin:.5rem !important
}

.mt-2, .my-2 {
    margin-top:.5rem !important
}

.mr-2, .mx-2 {
    margin-right:.5rem !important
}

.mb-2, .my-2 {
    margin-bottom:.5rem !important
}

.ml-2, .mx-2 {
    margin-left:.5rem !important
}

.m-3 {
    margin:1rem !important
}

.mt-3, .my-3 {
    margin-top:1rem !important
}

.mr-3, .mx-3 {
    margin-right:1rem !important
}

.mb-3, .my-3 {
    margin-bottom:1rem !important
}

.ml-3, .mx-3 {
    margin-left:1rem !important
}

.m-4 {
    margin:1.5rem !important
}

.mt-4, .my-4 {
    margin-top:1.5rem !important
}

.mr-4, .mx-4 {
    margin-right:1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom:1.5rem !important
}

.ml-4, .mx-4 {
    margin-left:1.5rem !important
}

.m-5 {
    margin:3rem !important
}

.mt-5, .my-5 {
    margin-top:3rem !important
}

.mr-5, .mx-5 {
    margin-right:3rem !important
}

.mb-5, .my-5 {
    margin-bottom:3rem !important
}

.ml-5, .mx-5 {
    margin-left:3rem !important
}

.p-0 {
    padding:0 !important
}

.pt-0, .py-0 {
    padding-top:0 !important
}

.pr-0, .px-0 {
    padding-right:0 !important
}

.pb-0, .py-0 {
    padding-bottom:0 !important
}

.pl-0, .px-0 {
    padding-left:0 !important
}

.p-1 {
    padding:.25rem !important
}

.pt-1, .py-1 {
    padding-top:.25rem !important
}

.pr-1, .px-1 {
    padding-right:.25rem !important
}

.pb-1, .py-1 {
    padding-bottom:.25rem !important
}

.pl-1, .px-1 {
    padding-left:.25rem !important
}

.p-2 {
    padding:.5rem !important
}

.pt-2, .py-2 {
    padding-top:.5rem !important
}

.pr-2, .px-2 {
    padding-right:.5rem !important
}

.pb-2, .py-2 {
    padding-bottom:.5rem !important
}

.pl-2, .px-2 {
    padding-left:.5rem !important
}

.p-3 {
    padding:1rem !important
}

.pt-3, .py-3 {
    padding-top:1rem !important
}

.pr-3, .px-3 {
    padding-right:1rem !important
}

.pb-3, .py-3 {
    padding-bottom:1rem !important
}

.pl-3, .px-3 {
    padding-left:1rem !important
}

.p-4 {
    padding:1.5rem !important
}

.pt-4, .py-4 {
    padding-top:1.5rem !important
}

.pr-4, .px-4 {
    padding-right:1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom:1.5rem !important
}

.pl-4, .px-4 {
    padding-left:1.5rem !important
}

.p-5 {
    padding:3rem !important
}

.pt-5, .py-5 {
    padding-top:3rem !important
}

.pr-5, .px-5 {
    padding-right:3rem !important
}

.pb-5, .py-5 {
    padding-bottom:3rem !important
}

.pl-5, .px-5 {
    padding-left:3rem !important
}

.m-n1 {
    margin:-.25rem !important
}

.mt-n1, .my-n1 {
    margin-top:-.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right:-.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom:-.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left:-.25rem !important
}

.m-n2 {
    margin:-.5rem !important
}

.mt-n2, .my-n2 {
    margin-top:-.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right:-.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom:-.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left:-.5rem !important
}

.m-n3 {
    margin:-1rem !important
}

.mt-n3, .my-n3 {
    margin-top:-1rem !important
}

.mr-n3, .mx-n3 {
    margin-right:-1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom:-1rem !important
}

.ml-n3, .mx-n3 {
    margin-left:-1rem !important
}

.m-n4 {
    margin:-1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top:-1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right:-1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom:-1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left:-1.5rem !important
}

.m-n5 {
    margin:-3rem !important
}

.mt-n5, .my-n5 {
    margin-top:-3rem !important
}

.mr-n5, .mx-n5 {
    margin-right:-3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom:-3rem !important
}

.ml-n5, .mx-n5 {
    margin-left:-3rem !important
}

.m-auto {
    margin:auto !important
}

.mt-auto, .my-auto {
    margin-top:auto !important
}

.mr-auto, .mx-auto {
    margin-right:auto !important
}

.mb-auto, .my-auto {
    margin-bottom:auto !important
}

.ml-auto, .mx-auto {
    margin-left:auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top:0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right:0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom:0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left:0 !important
    }

    .m-sm-1 {
        margin:.25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top:.25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right:.25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom:.25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left:.25rem !important
    }

    .m-sm-2 {
        margin:.5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top:.5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right:.5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom:.5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left:.5rem !important
    }

    .m-sm-3 {
        margin:1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top:1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right:1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom:1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left:1rem !important
    }

    .m-sm-4 {
        margin:1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top:1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right:1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom:1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left:1.5rem !important
    }

    .m-sm-5 {
        margin:3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top:3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right:3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom:3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left:3rem !important
    }

    .p-sm-0 {
        padding:0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top:0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right:0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom:0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left:0 !important
    }

    .p-sm-1 {
        padding:.25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top:.25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right:.25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom:.25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left:.25rem !important
    }

    .p-sm-2 {
        padding:.5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top:.5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right:.5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom:.5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left:.5rem !important
    }

    .p-sm-3 {
        padding:1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top:1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right:1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom:1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left:1rem !important
    }

    .p-sm-4 {
        padding:1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top:1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right:1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom:1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left:1.5rem !important
    }

    .p-sm-5 {
        padding:3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top:3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right:3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom:3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left:3rem !important
    }

    .m-sm-n1 {
        margin:-.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top:-.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right:-.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left:-.25rem !important
    }

    .m-sm-n2 {
        margin:-.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top:-.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right:-.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left:-.5rem !important
    }

    .m-sm-n3 {
        margin:-1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top:-1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right:-1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom:-1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left:-1rem !important
    }

    .m-sm-n4 {
        margin:-1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top:-1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right:-1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left:-1.5rem !important
    }

    .m-sm-n5 {
        margin:-3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top:-3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right:-3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom:-3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left:-3rem !important
    }

    .m-sm-auto {
        margin:auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top:auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right:auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom:auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left:auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top:0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right:0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom:0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left:0 !important
    }

    .m-md-1 {
        margin:.25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top:.25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right:.25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom:.25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left:.25rem !important
    }

    .m-md-2 {
        margin:.5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top:.5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right:.5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom:.5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left:.5rem !important
    }

    .m-md-3 {
        margin:1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top:1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right:1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom:1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left:1rem !important
    }

    .m-md-4 {
        margin:1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top:1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right:1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom:1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left:1.5rem !important
    }

    .m-md-5 {
        margin:3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top:3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right:3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom:3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left:3rem !important
    }

    .p-md-0 {
        padding:0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top:0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right:0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom:0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left:0 !important
    }

    .p-md-1 {
        padding:.25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top:.25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right:.25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom:.25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left:.25rem !important
    }

    .p-md-2 {
        padding:.5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top:.5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right:.5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom:.5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left:.5rem !important
    }

    .p-md-3 {
        padding:1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top:1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right:1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom:1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left:1rem !important
    }

    .p-md-4 {
        padding:1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top:1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right:1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom:1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left:1.5rem !important
    }

    .p-md-5 {
        padding:3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top:3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right:3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom:3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left:3rem !important
    }

    .m-md-n1 {
        margin:-.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top:-.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right:-.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left:-.25rem !important
    }

    .m-md-n2 {
        margin:-.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top:-.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right:-.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left:-.5rem !important
    }

    .m-md-n3 {
        margin:-1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top:-1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right:-1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom:-1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left:-1rem !important
    }

    .m-md-n4 {
        margin:-1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top:-1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right:-1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left:-1.5rem !important
    }

    .m-md-n5 {
        margin:-3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top:-3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right:-3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom:-3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left:-3rem !important
    }

    .m-md-auto {
        margin:auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top:auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right:auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom:auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left:auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top:0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right:0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom:0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left:0 !important
    }

    .m-lg-1 {
        margin:.25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top:.25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right:.25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom:.25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left:.25rem !important
    }

    .m-lg-2 {
        margin:.5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top:.5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right:.5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom:.5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left:.5rem !important
    }

    .m-lg-3 {
        margin:1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top:1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right:1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom:1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left:1rem !important
    }

    .m-lg-4 {
        margin:1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top:1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right:1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom:1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left:1.5rem !important
    }

    .m-lg-5 {
        margin:3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top:3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right:3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom:3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left:3rem !important
    }

    .p-lg-0 {
        padding:0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top:0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right:0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom:0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left:0 !important
    }

    .p-lg-1 {
        padding:.25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top:.25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right:.25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom:.25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left:.25rem !important
    }

    .p-lg-2 {
        padding:.5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top:.5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right:.5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom:.5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left:.5rem !important
    }

    .p-lg-3 {
        padding:1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top:1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right:1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom:1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left:1rem !important
    }

    .p-lg-4 {
        padding:1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top:1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right:1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom:1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left:1.5rem !important
    }

    .p-lg-5 {
        padding:3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top:3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right:3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom:3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left:3rem !important
    }

    .m-lg-n1 {
        margin:-.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top:-.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right:-.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left:-.25rem !important
    }

    .m-lg-n2 {
        margin:-.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top:-.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right:-.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left:-.5rem !important
    }

    .m-lg-n3 {
        margin:-1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top:-1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right:-1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom:-1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left:-1rem !important
    }

    .m-lg-n4 {
        margin:-1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top:-1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right:-1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left:-1.5rem !important
    }

    .m-lg-n5 {
        margin:-3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top:-3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right:-3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom:-3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left:-3rem !important
    }

    .m-lg-auto {
        margin:auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top:auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right:auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom:auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left:auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top:0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right:0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom:0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left:0 !important
    }

    .m-xl-1 {
        margin:.25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top:.25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right:.25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom:.25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left:.25rem !important
    }

    .m-xl-2 {
        margin:.5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top:.5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right:.5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom:.5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left:.5rem !important
    }

    .m-xl-3 {
        margin:1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top:1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right:1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom:1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left:1rem !important
    }

    .m-xl-4 {
        margin:1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top:1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right:1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom:1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left:1.5rem !important
    }

    .m-xl-5 {
        margin:3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top:3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right:3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom:3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left:3rem !important
    }

    .p-xl-0 {
        padding:0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top:0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right:0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom:0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left:0 !important
    }

    .p-xl-1 {
        padding:.25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top:.25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right:.25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom:.25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left:.25rem !important
    }

    .p-xl-2 {
        padding:.5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top:.5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right:.5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom:.5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left:.5rem !important
    }

    .p-xl-3 {
        padding:1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top:1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right:1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom:1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left:1rem !important
    }

    .p-xl-4 {
        padding:1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top:1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right:1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom:1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left:1.5rem !important
    }

    .p-xl-5 {
        padding:3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top:3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right:3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom:3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left:3rem !important
    }

    .m-xl-n1 {
        margin:-.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top:-.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right:-.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom:-.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left:-.25rem !important
    }

    .m-xl-n2 {
        margin:-.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top:-.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right:-.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom:-.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left:-.5rem !important
    }

    .m-xl-n3 {
        margin:-1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top:-1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right:-1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom:-1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left:-1rem !important
    }

    .m-xl-n4 {
        margin:-1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top:-1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right:-1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom:-1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left:-1.5rem !important
    }

    .m-xl-n5 {
        margin:-3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top:-3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right:-3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom:-3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left:-3rem !important
    }

    .m-xl-auto {
        margin:auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top:auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right:auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom:auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.star-rating, .star-rating-results {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 120px;
    height: 24px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><polygon fill="%23DDDDDD" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "/></svg>');
    background-size: contain;
}

.star-rating i, .star-rating-results i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><polygon fill="%23F35B0D" points="10,0 13.09,6.583 20,7.639 15,12.764 16.18,20 10,16.583 3.82,20 5,12.764 0,7.639 6.91,6.583 "/></svg>');
    background-size: contain;
}

.star-rating-results i {
    opacity: 1;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover + i, .star-rating input:checked + i {
    opacity: 1;
}

.star-rating input:hover {
    cursor: pointer;
}

.star-rating i ~ i {
    width: 40%;
}

.star-rating i ~ i ~ i {
    width: 60%;
}

.star-rating i ~ i ~ i ~ i {
    width: 80%;
}

.star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}
.rev form {
    margin-top:20px;
}
.rev label {
    margin-bottom:10px;
    display: block 
}
.rev .form-group {
    margin-bottom:15px;
}
.rev input[type="text"], .rev input[type="email"], .rev textarea {
    width: 100%;
 
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
}
@charset "UTF-8";

@font-face {
    font-family: Exo20;
    src: url("../fonts/Exo20-Regulart.woff2") format("woff2"), url("../fonts/Exo20-Regulart.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: 'Banana Brick';
    src: url('../fonts/BananaBrick.eot');
    src: url('../fonts/BananaBrick.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BananaBrick.woff2') format('woff2'),
        url('../fonts/BananaBrick.woff') format('woff'),
        url('../fonts/BananaBrick.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: Exo20;
    src: url("../fonts/Exo20-SemiBold.woff2") format("woff2"), url("../fonts/Exo20-SemiBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Heavy.woff2") format("woff2"), url("../fonts/Lato-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Lato;
    src: url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: MinionPro;
    src: url("../fonts/MinionPro-Regular.woff2") format("woff2"), url("../fonts/MinionPro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

body,
html {
    background: white;
    color: #333;
    font-family: Lato, sans-serif;
    font-size: 16px;
    min-width: 320px;
    max-width: 100%;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
	max-width:100%
}

.page-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    overflow: hidden;
}

.cart {
	display:flex;
	align-items:center;
}

body:not(.index-page) .header__nav {
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
ul,
ol,
li {
    padding: 0;
    margin: 0;
}

p,
li {
    color: #000000;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;

}

a {
    color: #da3130;
  <!
    --  text-decoration: none;
    -->
    font-family: Lato, sans-serif;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
    list-style-position: inside;
}

button {
    font-family: Lato, sans-serif;
    padding: 0;
}

img.svg {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
    padding: 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    background: none;
    color: transparent;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.first-section-page {
    margin-top: 130px;

}

@media only screen and (max-width: 1200px) {
    .first-section-page {
        margin-top: 130px;
    }
}

@media only screen and (max-width: 992px) {
    .first-section-page {
        margin-top: var(--headerHeight);
    }
}

@media only screen and (max-width: 568px) {
    .first-section-page {
        margin-top: var(--headerHeight);
    }
}

.section-title {
    color: #000000;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 0px;
    font-family: 'Exo20'

}

.section-title_small-txt {
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

.up_btn {
    position: fixed;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ff4443;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: none;
}

.up_btn:after {
    position: absolute;
    content: '';
    display: block;
    top: 16px;
    left: 13px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #ff4443;
    border-bottom: 2px solid #ff4443;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

button {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
}

button:focus {
    outline: none;
}

.btn {
    cursor: pointer;
    max-width: 263px;
    width: 100%;
    padding: 15px 0;
    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;
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff4443), to(#ff4443));
    background-image: -o-linear-gradient(left, #ff4443 0%, #ff4443 100%);
    background-image: linear-gradient(to right, #ff4443 0%, #ff4443 100%);
    color: #ffffff;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.72px;
}

.btn:hover {
    background: #f8e300;
}

/* Для Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/* Для Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.icon {
    display: inline-block;
    font-style: normal;
    content: ' ';
}

.ico {
    fill: currentColor;
}

.input-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 68px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

.input-counter__pm-item,
.input-counter__input {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
}

.input-counter__input {
    width: 42px;
    border: none;
    padding: 0 10px;
    font-weight: 400;
}

.input-counter__pm {
    width: 26px;
}

.input-counter__pm-item {
    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;
    height: 50%;
    background-color: #ededed;
    cursor: pointer;
    font-weight: 900;
}

.input-counter__pm-item:first-child {
    border-bottom: 1px solid #d4d4d4;
}

.logo,
.logo__img {
    display: block;
}

.logo {
    max-width: 100px;
    width: 100%;

}

.logo__img {
    width: 100%;
    height: auto;
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

.mfp-container {
    padding-left: 0;
    padding-right: 0;
}

html.mfp-helper {
    height: 100%;
}
.breadcrumbs ul {
    display: flex;
    align-items: center 
    
}


.breadcrumbs ul li a span {
    font-size:15px;
    display: inline-block;
    color:color #ff4443;
}

.breadcrumbs ul li span {
    font-size:15px;
    color:silver;
}

.breadcrumbs ul li a:after {
    content:'/';
    font-size:15px;
    padding:0 10px;
}
html.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
}

button.mfp-close {
    color: transparent;
    top: 20px;
    right: calc(50% - 570px);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    background: url(../img/close.svg) no-repeat center;
    width: 22px;
    height: 22px;
}

@media only screen and (max-width: 1200px) {
    button.mfp-close {
        right: calc(50% - 480px);
    }
}

@media only screen and (max-width: 992px) {
    button.mfp-close {
        right: calc(50% - 360px);
    }
}

@media only screen and (max-width: 768px) {
    button.mfp-close {
        right: calc(50% - 270px);
    }
}

@media only screen and (max-width: 568px) {
    button.mfp-close {
        right: 20px;
    }
}

button.mfp-close:active {
    top: 20px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: inherit;
    min-width: 33px;
}

.popup-buble .popup-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.popup-buble.mfp-ready .popup-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.popup-buble.mfp-removing .popup-dialog {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.popup-buble.mfp-bg {
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.popup-buble.mfp-ready.mfp-bg {
    opacity: 1;
}

.popup-buble.mfp-removing.mfp-bg {
    opacity: 0;
}

.modal-choose-city__container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-choose-city__cites-form {
    margin-top: 30px;
}

.cites-form__wrap-checkbox {
    display: block;
    margin-bottom: 18px;
    cursor: pointer;
}

.cites-form__wrap-checkbox:last-child {
    margin-bottom: 0;
}

.cites-form__txt-checkbox {
    color: #485355;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 568px) {
    .cites-form__txt-checkbox {
        font-size: 15px;
        letter-spacing: 0;
    }
}

.cites-form__txt-checkbox:before {
    content: '';
    display: block;
    min-width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    margin-right: 18px;
}

@media only screen and (max-width: 568px) {
    .cites-form__txt-checkbox:before {
        margin-right: 8px;
    }
}

.cites-form__txt-checkbox:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background-color: #ff4443;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cites-form__checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.cites-form__checkbox:checked + .cites-form__txt-checkbox:after {
    opacity: 1;
}

.modal-title {
    color: #485355;
    font-family: "Lato";
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.9px;
    text-align: center;
}

.modal-choose-city__search-city-form {
    margin-top: 21px;
}

.modal-choose-city__search-city-form {
    max-width: 750px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.search-city-form__input-text {
    background-color: #ecedee;
    height: 51px;
    line-height: 100%;
    padding: 0 60px 0 20px;
    width: 100%;
    border: none;
}

.search-city-form__input-text::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.search-city-form__input-text::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.search-city-form__input-text:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.search-city-form__input-submit {
    width: 24px;
    height: 24px;
    background: url(../img/search.svg) no-repeat center;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
}

.modal-form {
    max-width: 405px;
    padding: 0 15px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.modal-form__title {
    margin-bottom: 17px;
}

.modal-form__ui-group {
    margin-bottom: 20px;
}

.modal-form__ui-group input:not(.btn) {
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(36, 44, 55, 0.2);
}

.modal-form__ui-group textarea:not(.btn) {
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(36, 44, 55, 0.2);
}

.modal-form__ui-group input:not(.btn)::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #485355;
}

.modal-form__ui-group input:not(.btn)::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #485355;
}

.modal-form__ui-group input:not(.btn):-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #485355;
}

.modal-form__ui-group .btn {
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.modal-form__ui-group-submit {
    margin-bottom: 0;
}

.modal-form__ui-group-email {
    margin-bottom: 48px;
}

.modal-form-tnx__title {
    line-height: 50px;
}

@media only screen and (max-width: 768px) {
    .modal-form-tnx__title {
        line-height: normal;
    }
}

.modal-form-tnx__txt {
    color: #485355;
    font-family: Lato;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: center;
    margin-top: 14px;
}

.basket-product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 65px;
}

@media only screen and (max-width: 1200px) {
    .basket-product {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px) {
    .basket-product {
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px 30px 10px 10px;
    }
}

@media only screen and (max-width: 568px) {
    .basket-product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 10px;
    }
}

.basket-product__item {
    margin-left: 30px;
}

.basket-product__item:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 768px) {
    .basket-product__item {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 568px) {
    .basket-product__item {
        margin-left: 0;
    }
}

.basket-product__wrap-img {
    width: 164px;
    height: 127px;
    border: 2px solid #f2f2f2;
    background-color: #ffffff;
}

.basket-product__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.basket-product__title {
    color: #485355;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 13px;
}

.basket-product__specifications,
.basket-product__availability {
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
}

.basket-product__specifications {
    color: #a3a3a3;
    line-height: 1.5;
}

@media only screen and (max-width: 568px) {
    .basket-product__specifications {
        width: 100%;
    }
}

.basket-product__availability {
    margin-top: 3px;
    color: #929d78;
}

.basket-product__price {
    color: #485355;
    font-family: Lato;
    font-size: 25px;
    font-weight: 700;
    line-height: 26px;
}

@media only screen and (max-width: 1200px) {
    .basket-product__price {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .basket-product__input-counter {
        margin-top: 10px;
        margin-left: 0;
    }
}

.basket-product__remove-btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/close.svg) no-repeat center;
    width: 22px;
    height: 22px;
}

@media only screen and (max-width: 768px) {
    .basket-product__remove-btn {
        top: 10px;
        right: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.breadcrumbs {
    padding: 22px 0 0 0;
}

.breadcrumbs .breadcrumbs__list {
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 568px) {
    .breadcrumbs .breadcrumbs__list {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 568px) {
    .breadcrumbs {
        padding: 15px 0 0 0;
    }
}
    .breadcrumbs a {
        text-decoration:none
    }
.breadcrumbs_margin-bottom {
    margin-bottom: 30px;
}

@media only screen and (max-width: 568px) {
    .breadcrumbs_margin-bottom {
        margin-bottom: 15px;
    }
}

.breadcrumbs__item {
    display: inline;
}

.breadcrumbs__item:before {
    content: '/';
    margin: 0 10px;
    color: #8e9c9f;
}

@media only screen and (max-width: 568px) {
    .breadcrumbs__item:before {
        margin: 0 5px;
    }
}

.breadcrumbs__item:first-child:before {
    display: none;
}

.breadcrumbs__page,
.breadcrumbs__item:before {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.breadcrumbs__page {
    color: #ff4443;
}

.breadcrumbs__page_current {
    color: #8e9c9f;
}

.breadcrumbs__page:not(.breadcrumbs__page_current):hover {
    text-decoration: underline;
}

.category-sidebar {
    border: 1px solid #ce7400;
    background-color: #f8e300;
}

.category-sidebar__title {
    background-color: #FF4443;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-family: 'Lato';
    font-size: 24px;
    font-weight: 900;
    line-height: 48px;
    letter-spacing: 1.5px;

}

.category-sidebar__list {
    padding: 16px;
}

.category-sidebar__list-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ce7400;
}

.category-sidebar__list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.category-sidebar__list-link {
    color: #000000;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 18px;
    display: block;
}

.category-sidebar__list-link:before {
    left: 0;
    top: 9px;
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, right top, from(#929d78), to(#aeca35));
    background-image: -o-linear-gradient(left, #929d78 0%, #aeca35 100%);
    background-image: linear-gradient(to right, #929d78 0%, #aeca35 100%);
}

.category-sidebar__list-link:hover {
    text-decoration: underline;
}

.footer {
    padding-top: 55px;
    padding-bottom: 25px;
    background: url(../img/line-334.svg) repeat-x;

}

.logo__footer {
    margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
    .logo__footer {
        margin-left: auto;
        margin-right: auto;
    }
}

.footer__l-txt {
    color: #8e9c9f;
    margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    .footer__l-txt {
        text-align: left;
    }
}

.footer__l-txt:last-child {
    margin-bottom: 0;
}

.footer__l-link {
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}

@media only screen and (max-width: 768px) {
    .footer__list {
        margin-top: 20px;
    }
}

.footer__list li {
    margin-bottom: 11px;
    line-height: 1.2;
}

.footer__list li:last-child {
    margin-bottom: 0;
}

.footer__list a {
    font-size: 16px;
    color: #485355;
}

.footer__list a:hover {
    text-decoration: underline;
}

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

@media only screen and (max-width: 992px) {
    .footer__inner-wrap {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .footer__inner-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}

.footer__tel,
.footer__work-time {
    font-weight: 400;
}

.footer__tel {
    font-size: 22px;
    color: #485355;
}

.footer__work-time {
    margin-top: 7px;
    color: #8e9c9f;
    font-size: 16px;
}

.footer__btn {
    margin-top: 14px;
    max-width: 253px;
    padding: 10px 0 10px 0;
}

@media only screen and (max-width: 768px) {
    .footer__btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.footer__payment-methods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1200px) {
    .footer__payment-methods {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .footer__payment-methods {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .footer__payment-methods-item {
        margin-left: 30px;
    }

    .footer__payment-methods-item:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .footer__payment-methods-item {
        margin: 5px;
    }

    .footer__payment-methods-item:last-child {
        margin-bottom: 0;
    }
}

.footer__payment-methods-img {
    max-width: 170px;
    max-height: 40px;
    display: block;
}

.form-checkout {
    max-width: 750px;
    width: 100%;
}

.form-checkout__radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 568px) {
    .form-checkout__radio-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.form-checkout__radio-item {
    display: block;
    width: 100%;
    margin-left: 30px;
}

@media only screen and (max-width: 568px) {
    .form-checkout__radio-item {
        margin-left: 0;
        margin-top: 10px;
    }
}

.form-checkout__radio-item:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 568px) {
    .form-checkout__radio-item:first-child {
        margin-top: 0;
    }
}

.form-checkout__radio-item input[type="radio"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

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

.form-checkout__radio-item span {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-checkout__radio-item span:before {
    content: '';
    display: block;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

.form-checkout__radio-item span:after {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 6px;
    width: 7px;
    height: 7px;
    background-color: #91b73b;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.form-checkout__radio-group_for-whom {
    margin-bottom: 25px;
}

.form-checkout__radio-group_for-whom .form-checkout__radio-item {
    max-width: 260px;
}

.form-checkout__title {
    color: #485355;
    font-family: "Exo20";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px;
    margin-bottom: 15px;
}

.form-checkout__wrap-items-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 568px) {
    .form-checkout__wrap-items-fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.form-checkout__item-fields {
    width: calc(50% - 15px);
}

@media only screen and (max-width: 568px) {
    .form-checkout__item-fields {
        width: 100%;
        margin-top: 20px;
    }

    .form-checkout__item-fields:first-child {
        margin-top: 0;
    }
}

.form-checkout__item-field {
    margin-bottom: 20px;
}

.form-checkout__item-field:last-child {
    margin-bottom: 0;
}

.form-checkout__item-field input[type="text"],
.form-checkout__item-field input[type="tel"],
.form-checkout__item-field input[type="email"],
.form-checkout__item-field textarea {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    padding-left: 10px;
    width: 100%;
}

.form-checkout__item-field input[type="text"]::-webkit-input-placeholder,
.form-checkout__item-field input[type="tel"]::-webkit-input-placeholder,
.form-checkout__item-field input[type="email"]::-webkit-input-placeholder,
.form-checkout__item-field textarea::-webkit-input-placeholder {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.form-checkout__item-field input[type="text"]:-moz-placeholder,
.form-checkout__item-field input[type="tel"]:-moz-placeholder,
.form-checkout__item-field input[type="email"]:-moz-placeholder,
.form-checkout__item-field textarea:-moz-placeholder {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.form-checkout__item-field input[type="text"]:-ms-input-placeholder,
.form-checkout__item-field input[type="tel"]:-ms-input-placeholder,
.form-checkout__item-field input[type="email"]:-ms-input-placeholder,
.form-checkout__item-field textarea:-ms-input-placeholder {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.form-checkout__item-field input[type="text"],
.form-checkout__item-field input[type="tel"],
.form-checkout__item-field input[type="email"] {
    height: 40px;
}

.form-checkout__item-field textarea {
    padding-top: 10px;
    padding-left: 7px;
    height: 196px;
    resize: none;
}

@media only screen and (max-width: 568px) {
    .form-checkout__item-field textarea {
        height: 100px;
    }
}

.form-checkout__item-field .selectric {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

.form-checkout__item-field .label {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
}

.form-checkout__item-field .button {
    background: url(../img/arrow-bottom.png) no-repeat center;
    width: 17px;
    height: 8px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-checkout__item-field .button:after {
    display: none;
}

.form-checkout__item-field .selectric-open .button {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.form-checkout__radio-group_delivery-methods {
    margin-bottom: 19px;
}

.have-questions {
    padding: 63px 0 83px 0;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .have-questions {
        padding: 40px 0;
    }
}

.have-questions__section-title {
    line-height: 1.8;
}

@media only screen and (max-width: 768px) {
    .have-questions__section-title {
        line-height: 1.2;
    }
}

@media only screen and (max-width: 568px) {
    .have-questions__section-title {
        font-size: 20px;
        letter-spacing: 0;
    }
}

.have-questions__link {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.have-questions__desc-title {
    color: #485355;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-top: 10px;
}

@media only screen and (max-width: 568px) {
    .have-questions__desc-title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) {
    .header.active .header__burger {
        opacity: 1;
    }

    .header.active .header__nav {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
        box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    }

    .header.active .header__nav.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.header {
    background-color: #fff;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.header__top-line {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.header__container {
    padding-top: 12px;
    padding-bottom: 12px;
}

@media only screen and (max-width: 568px) {
    .header__logo {
        max-width: 130px;
    }
}

.header__tel,
.header__work-time {
    font-weight: 400;
}

.header__tel {
    font-size: 18px;
    color: #485355;
 

}
header .fl {
    display: flex;
    align-items: center;
    margin-bottom:5px;
}

.fl img {
    width: 22px;
    margin-right: 10px;

}

@media only screen and (max-width: 992px) {
    .header__tel {
        font-size: 16px;
    }
}

.header__work-time {
    margin-top: 0;
    color: #8e9c9f;
    font-size: 16px;

}

@media only screen and (max-width: 1200px) {
    .header__work-time {
        font-size: 14px;
    }
}

@media only screen and (max-width: 992px) {
    .header__work-time {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 768px) {
    .header__work-time {
        margin-top: 3px;
    }
}

.header__our-city,
.header__city-checked {
    font-size: 16px;
}

.header__our-city {
    color: #8e9c9f;
    font-weight: 700;
    margin-bottom: 13px;
}

@media only screen and (max-width: 992px) {
    .header__our-city {
        margin-bottom: 5px;
    }
}

.header__city-wrap-checked {
    position: relative;
    display: inline-block;
    padding-right: 23px;
    cursor: pointer;
}

.header__city-checked {
    color: #55a641;
    font-weight: 400;
    border-bottom: 1px dotted #929d78;
}

.header__city-arrow {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
    right: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #929d78;
    border-left: 1px solid #929d78;
}

.header__container-custom-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__favorites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px;
}

@media only screen and (max-width: 1200px) {
    .header__basket {
        margin-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 992px) {
    .header__basket {
        margin-left: 8px;
    }
}

.header__basket-wrap-icon svg,
.header__favorites-wrap-icon svg {
    fill: #8e9c9f;
}

.header__favorites-wrap-icon {
    margin-right: 8px;
}

.header__favorites-wrap-icon svg {
    width: 20px;
    height: 18px;
}

.header__basket-wrap-icon {
    margin-right: 12px;
}

.header__basket-wrap-icon svg {
    width: 25px;
    height: 25px;
}

.header__favorites-counter {
    color: #8e9c9f;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
}

.header__order-call {
    margin-top: 0;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    text-decoration: none;
    background: linear-gradient(to right, #FF4443 0%, #FF4443 100%);
    border-radius: 5px;

}

@media only screen and (max-width: 1200px) {
    .header__order-call {
        font-size: 14px;
    }
}

@media only screen and (max-width: 992px) {
    .header__order-call {
        display: none;
    }
}

.header__basket-counter {
    font-weight: 400;
    color: #8e9c9f;
    font-size: 16px;

}

@media only screen and (max-width: 568px) {
    .header__basket-counter {
        display: none;
    }
}

.header__basket-counter strong {
    color: #485355;
    font-size: 18px;
    font-weight: 900;
}

@media only screen and (max-width: 1200px) {
    .header__basket-counter strong {
        font-size: inherit;
    }
}

.header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 27px;
    height: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

@media only screen and (max-width: 992px) {
    .header__burger {
        opacity: 1;
    }
}

.header__burger-icon-bar {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #8e9c9f;
}

.header__burger.active .header__burger-icon-bar {
    height: 2px;
}

.header__burger.active .header__burger-icon-bar:nth-child(1),
.header__burger.active .header__burger-icon-bar:nth-child(3) {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}

.header__burger.active .header__burger-icon-bar:nth-child(2) {
    opacity: 0;
}

.header__burger.active .header__burger-icon-bar:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.header__burger.active .header__burger-icon-bar:nth-child(3) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header__nav {
    width: 100%;
    position: absolute;
    z-index: 1;
    border-top: 1px solid rgba(72, 83, 85, 0.1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
}

@media only screen and (max-width: 992px) {
    .header__nav {
        background-color: #ecedee;
        width: 100%;
        padding: 20px 20px 0 20px;
        -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
        box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        height: calc(var(--vh, 1vh) * 100 - var(--headerHeight));
        overflow-y: auto;
    }
}

@media only screen and (max-width: 992px) {
    .header__nav.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.header__nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .header__nav-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

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

@media only screen and (max-width: 992px) {
    .header__list {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 992px) {
    .header__list > li {
        margin-bottom: 10px;
        text-align: center;
    }

    .header__list > li:last-child {
        margin-bottom: 0;
    }
}

.header__list > li > a {
    color:  #000000;
}

@media only screen and (max-width: 992px) {
    .header__list > li > a {
        color: #485355;
    }
}

.header__list > li:before {
    content: '|';
    color: #000000;
    margin: 0 21px;
}

@media only screen and (max-width: 1200px) {
    .header__list > li:before {
        margin: 0 13px;
    }
}

@media only screen and (max-width: 992px) {
    .header__list > li:before {
        display: none;
    }
}

.header__list > li:first-child:before {
    display: none;
}

@media only screen and (min-width: 992px) {
    .header__list > li:hover a {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #485355;
    }

    .header__list > li:hover .header__item-wrap-sub-menu {
        display: block;
    }
}

.header__list a {
    font-size: 16px;
    font-weight: 600;

}

.header__nav-item_has-menu {
    position: relative;
}

@media only screen and (max-width: 992px) {
    .header__nav-arrow {
        display: inline-block;
        -webkit-transform: rotate(-45deg) translate(8px, 3px);
        -ms-transform: rotate(-45deg) translate(8px, 3px);
        transform: rotate(-45deg) translate(8px, 3px);
        width: 10px;
        height: 10px;
        border-bottom: 1px solid #485355;
        border-left: 1px solid #485355;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }
}

@media only screen and (max-width: 992px) {
    .header__nav-arrow_active {
        border-color: #485355;
        -webkit-transform: rotate(135deg) translate(-6px, -9px);
        -ms-transform: rotate(135deg) translate(-6px, -9px);
        transform: rotate(135deg) translate(-6px, -9px);
    }
}

.header__item-wrap-sub-menu {
    display: none;
    position: absolute;
    left: 20px;
    padding-top: 12px;
}

@media only screen and (max-width: 992px) {
    .header__item-wrap-sub-menu {
        position: static;
        padding-top: 0;
    }
}

.header__item-sub-menu {
    background-color: #ffffff;
    border-top: 5px solid #929d78;
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    width: 292px;
    padding: 20px;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .header__item-sub-menu {
        padding: 10px 0;
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }
}

@media only screen and (min-width: 992px) {
    .header__item-sub-menu:before {
        content: '';
        display: block;
        position: absolute;
        top: -12px;
        left: 40px;
        border-bottom: 11px solid #929d78;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
    }
}

.header__item-sub-menu li {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .header__item-sub-menu li {
        margin-bottom: 12px;
    }
}

.header__item-sub-menu li:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
    .header__item-sub-menu a {
        font-size: 14px;
    }
}

.header__item-sub-menu a:hover {
    text-decoration: underline;
}

.header__nav-search-form {
    max-width: 337px;
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .header__nav-search-form {
        width: 225px;
    }
}

.header__nav-search-input-text {
    background-color: #ecedee;
    height: 51px;
    line-height: 100%;
    padding: 0 60px 0 20px;
    width: 100%;
    border: none;
}

.header__nav-search-input-text::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.header__nav-search-input-text::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.header__nav-search-input-text:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #8e9c9f;
}

.header__nav-search-input-submit {
    width: 24px;
    height: 24px;
    background: url(../img/search.svg) no-repeat center;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
}

.header__wrap_tel-work-time,
.header__wrap_city {
    display: none;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
}

@media only screen and (max-width: 568px) {
    .header__wrap_tel-work-time {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .header__wrap_city {
        display: block;
    }
}

.lure {
    padding: 50px 0 45px 0;
    background-color: #f5f8fb;
}

@media only screen and (max-width: 568px) {
    .lure {
        padding: 30px 0;
    }
}

.lure__section-title {
    margin-bottom: 13px;
    letter-spacing: 0.7px;
}

@media only screen and (max-width: 1200px) {
    .lure__section-title {
        font-size: 23px;
    }
}

@media only screen and (max-width: 992px) {
    .lure__section-title {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .lure__wrap-zodiac-sign {
        padding-top: 20px;
    }
}

.lure__slider {
    width: 100%;
}

.lure__slider-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 14px;
    position: relative;
}

.lure__slider-navigation:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 163px;
    height: 1px;
    background-color: #ecedee;
}

@media only screen and (max-width: 1200px) {
    .lure__slider-navigation:after {
        display: none;
    }
}

.lure__pagination .swiper-pagination-current {
    color: #485355;
    font-size: 26px;
}

.lure__pagination .swiper-pagination-total {
    font-size: 16px;
    color: #8e9c9f;
}

.lure__pagination .swiper-pagination-total:before {
    content: '/';
    margin-left: 7px;
}

.lure__wrap-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 70px;
    width: 100%;
}

.lure__button-prev,
.lure__button-next {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.lure__button-prev svg,
.lure__button-next svg {
    width: 100%;
    height: 100%;
    fill: #8e9c9f;
}

.lure__button-prev:hover svg,
.lure__button-next:hover svg {
    fill: #929d78;
}

.lure__button-next_disabled {
    opacity: 0.5;
}

.lure__button-next_disabled:hover svg {
    fill: #8e9c9f;
}

.lure__zodiac-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.lure__zodiac-sign-icon {
    max-width: 68px;
    max-height: 68px;
    display: block;
    margin-right: 27px;
}

.lure__zodiac-sign-title {
    color: #485355;
    font-size: 18px;
    font-weight: 700;
}

.lure__slide-txt {
    color: #485355;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.lure__currency-rates {
    border: 1px solid #e6e6e6;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .lure__currency-rates {
        margin-top: 20px;
    }
}

.lure__currency-rates-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e6e6e6;
}

.lure__currency-rates-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.lure__currency-rates-item-l,
.lure__currency-rates-item-r {
    color: #485355;
    font-size: 16px;
}

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

    .lure__currency-rates-item-l,
    .lure__currency-rates-item-r {
        font-size: 14px;
    }
}

.lure__currency-rates-item-l {
    font-weight: 700;
    text-transform: uppercase;
    width: 145px;
}

@media only screen and (max-width: 1200px) {
    .lure__currency-rates-item-l {
        width: 120px;
    }
}

.lure__currency-rates-item_first-line {
    padding-bottom: 0;
    border: none;
}

.lure__currency-rates-item_first-line .lure__currency-rates-item-l {
    font-weight: 400;
    text-transform: none;
}

@media only screen and (max-width: 992px) {
    .lure__wrap-table-football {
        margin-top: 20px;
    }
}

.lure__wrap-table-football table {
    width: 100%;
    border-spacing: 0;
    background-color: #f5f8fb;
}

.lure__wrap-table-football tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lure__wrap-table-football td,
.lure__wrap-table-football th {
    -ms-flex-preferred-size: 49px;
    flex-basis: 49px;
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 0;
}

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

    .lure__wrap-table-football td,
    .lure__wrap-table-football th {
        -ms-flex-preferred-size: 75px;
        flex-basis: 75px;
    }
}

.lure__wrap-table-football td:first-child,
.lure__wrap-table-football th:first-child {
    -ms-flex-preferred-size: 165px;
    flex-basis: 165px;
    padding-left: 15px;
}

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

    .lure__wrap-table-football td:first-child,
    .lure__wrap-table-football th:first-child {
        -ms-flex-preferred-size: 212px;
        flex-basis: 212px;
    }
}

.lure__wrap-table-football td:not(:first-child),
.lure__wrap-table-football th:not(:first-child) {
    text-align: center;
}

.lure__wrap-table-football thead {
    background-color: #e1e3e6;
}

.lure__wrap-table-football th:first-child {
    text-align: left;
}

.lure__wrap-table-football tr:nth-child(even) {
    background-color: #fff;
}

.lure__wrap-table-football tr td:first-child {
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: left 12px center;
}

.lure__currency-rates,
.lure__wrap-zodiac-sign,
.lure__wrap-table-football {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination__page {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-left: 20px;
    border: 1px solid #e6e6e6;
    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;
    color: #9d9ea0;
    font-family: Lato;
    font-size: 17px;
    font-weight: 400;
}

@media only screen and (max-width: 768px) {
    .pagination__page {
        margin-left: 10px;
    }
}

.pagination__page:first-child {
    margin-left: 0;
}

.pagination__page_current {
    background-color: #929d78;
    color: #fff;
}

.pagination__page_dots {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 7px;
}

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

.review-block__img {
    width: 53px;
    height: 53px;
    margin-right: 14px;
    display: block;
}

.review-block__details {
    margin-top: 3px;
}

.review-block__details h4 {
    margin-bottom: 5px;
}

.product-card {
    position: relative;
    display: block;
    width: 100%;
    max-width: 263px;
    min-height: 440px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    padding: 20px 15px 80px 15px;
}

.product-card__title {
    color: #485355;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}

.product-card__img {
    height: 155px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.product__details {
    text-align: center;
    color: #a3a3a3;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
    padding-top: 15px;
    margin-top: 7px;
}

.product__details:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 179px;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.product-card__wrap-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 15px;
    padding: 0 20px;
}

.product-card__old-price {
    color: #8e9c9f;
    font-size: 16px;
    font-weight: 300;
    text-decoration: line-through;
}

.product-card__new-price {
    color: #485355;
    font-weight: 700;
    font-size: 18px;
}

.product-card__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 40px);
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-card__btn {
    max-width: 145px;
    text-transform: none;
    padding: 11px 0;
}

@media only screen and (max-width: 568px) {
    .product-card__btn {
        max-width: 135px;
    }
}

.product-desc_margin {
    margin-top: 28px;
}

.product-desc__tabs-content {
    margin-top: -1px;
    border-radius: 0 20px 20px 20px;
    border: 1px solid #e6e6e6;
}

@media only screen and (max-width: 1200px) {
    .product-desc__tabs-content {
        border-radius: 20px;
    }
}

.product-desc__tab-content {
    display: none;
    padding: 28px 28px 22px 28px;
}

.product-desc__tab-content p,
.product-desc__tab-content li {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
}

.product-desc__tab-content p strong,
.product-desc__tab-content li strong {
    font-weight: 700;
}

.product-desc__tab-content h4 {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
}

.product-desc__tab-content_active {
    display: block;
}

.product-desc__tab-content_product {
    padding-top: 12px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.main-catalog__tags.product-desc__tags {
    margin-top: 0;
    margin-bottom: 16px;
}

.product-desc__tabs-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
}

.product-desc__tab-switch {
    color: #7cab4b;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.2px;
    padding: 10px 22px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

@media only screen and (max-width: 768px) {
    .product-desc__tab-switch {
        font-size: 18px;
        letter-spacing: 0.5px;
        padding: 10px 15px;
    }
}

.product-desc__tab-switch_active {
    color: #485355;
}

@media only screen and (min-width: 1200px) {
    .product-desc__tab-switch_active {
        background-color: #ffffff;
        border-radius: 10px 10px 0 0;
        border: 1px solid #e6e6e6;
        border-bottom-color: #fff;
    }
}

.product-desc__tab-title {
    color: #485355;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-indent: 2px;
}

@media only screen and (max-width: 992px) {
    .product-desc__tab-title {
        text-align: center;
    }
}

.product-desc__wrap-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px;
}

@media only screen and (max-width: 992px) {
    .product-desc__wrap-product {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-desc__wrap-product .product-card {
    margin: 20px 4px 0 4px;
    margin-top: 20px;
}

@media only screen and (max-width: 1200px) {
    .product-desc__wrap-product .product-card {
        margin: 20px 11px 0 11px;
    }
}

@media only screen and (max-width: 768px) {
    .product-desc__wrap-product .product-card {
        margin: 20px 0 0 0;
    }
}

.product-desc__tab-content_info p,
.product-desc__tab-content_info ul {
    margin-bottom: 18px;
}

.product-desc__tab-content_info p:last-child,
.product-desc__tab-content_info ul:last-child {
    margin-bottom: 0;
}

.product-desc__tab-content_info ul {
    padding-left: 35px;
}

.product-desc__tab-content_info li {
    margin-bottom: 8px;
}

.product-desc__tab-content_info-open-towar h4,
.product-desc__tab-content_faq h4 {
    margin-bottom: 12px;
}

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

    .product-desc__tab-content_info-open-towar h4,
    .product-desc__tab-content_faq h4 {
        margin-bottom: 5px;
    }
}

.product-desc__tab-content_info-open-towar p,
.product-desc__tab-content_faq p {
    margin-bottom: 45px;
    letter-spacing: 0.4px;
}

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

    .product-desc__tab-content_info-open-towar p,
    .product-desc__tab-content_faq p {
        margin-bottom: 25px;
    }
}

.product-desc__tab-content_info-open-towar h4:last-child,
.product-desc__tab-content_info-open-towar p:last-child,
.product-desc__tab-content_faq h4:last-child,
.product-desc__tab-content_faq p:last-child {
    margin-bottom: 0;
}

.product-desc__tab-content_review .review-block {
    margin-bottom: 20px;
}

.product-desc__tab-content_review .review-block:last-child {
    margin-bottom: 0;
}

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

@media only screen and (max-width: 1200px) {
    .product-main-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.product-main-info__wrap-sliders,
.product-main-info__specifications {
    width: 100%;
}

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

    .product-main-info__wrap-sliders,
    .product-main-info__specifications {
        margin-left: auto;
        margin-right: auto;
    }
}

.product-main-info__button {
    position: absolute;
    width: 15px;
    height: 26px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.product-main-info__button svg {
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.32);
}

.product-main-info__button_disabled {
    opacity: 0.5;
}

.product-main-info__wrap-sliders {
    max-width: 456px;
}

.product-main-info__specifications {
    max-width: 360px;
}

@media only screen and (max-width: 1200px) {
    .product-main-info__specifications {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 992px) {
    .product-main-info__specifications {
        max-width: 456px;
    }
}

.product-main-info__main-slider {
    position: relative;
    width: 100%;
    height: 440px;
    border: 2px solid #f2f2f2;
    background-color: #ffffff;
}

@media only screen and (max-width: 568px) {
    .product-main-info__main-slider {
        height: 200px;
    }
}

.product-main-info__main-slider .swiper-slide {
    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;
    padding: 10px 68px;
}

.product-main-info__main-slider img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.product-main-info__main-slider-button-next,
.product-main-info__main-slider-button-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-main-info__main-slider-button-prev {
    left: 30px;
}

.product-main-info__main-slider-button-next {
    right: 30px;
}

.product-main-info__wrap-thumbs-slider {
    margin-top: 19px;
    position: relative;
    padding: 0 33px;
}

.product-main-info__wrap-thumbs-slider .swiper-slide {
    border: 2px solid transparent;
    cursor: pointer;
}

.product-main-info__wrap-thumbs-slider .swiper-slide-active {
    border-color: #929d78;
}

.product-main-info__wrap-thumbs-slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.product-main-info__thumbs-slider {
    width: 100%;
    height: 110px;
}

@media only screen and (max-width: 568px) {
    .product-main-info__thumbs-slider {
        height: 57px;
    }
}

.product-main-info__thumbs-slider-button-next,
.product-main-info__thumbs-slider-button-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-main-info__thumbs-slider-button-prev {
    left: 0;
}

.product-main-info__thumbs-slider-button-next {
    right: 0;
}

.product-main-info__price {
    color: #485355;
    font-family: Lato;
    font-size: 25px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 22px;
}

.product-main-info__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.product-main-info__btn {
    max-width: 165px;
    margin-left: 30px;
    text-transform: none;
    padding: 12px 0;
}

.product-main-info__main-colors {
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.product-main-info__main-colors-title {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 11px;
}

.product-main-info__main-colors-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-main-info__main-colors-item {
    width: calc(100% / 4 - 22px);
    margin-right: 29px;
    margin-bottom: 4px;
}

@media only screen and (max-width: 992px) {
    .product-main-info__main-colors-item {
        width: calc(100% / 4 - 40px);
    }
}

@media only screen and (max-width: 568px) {
    .product-main-info__main-colors-item {
        width: 75px;
        margin-right: 10px;
    }
}

.product-main-info__main-colors-item:last-child {
    margin-right: 0;
}

.product-main-info__main-colors-img {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    margin-bottom: 5px;
}

.product-main-info__main-colors-txt {
    color: #485355;
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
}

.product-main-info__specifications-property-value {
    margin-top: 37px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ededed;

}

.product-main-info__specifications-property-value-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

@media only screen and (max-width: 568px) {
    .product-main-info__specifications-property-value-item {
        margin-bottom: 14px;
    }
}

.product-main-info__specifications-property-value-item:last-child {
    margin-bottom: 0;
}

.product-main-info__specifications-property,
.product-main-info__specifications-value {
    width: 50%;
    color: #485355;
    font-size: 16px;
}

.made {
margin-top: 20px;
}

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

    .product-main-info__specifications-property,
    .product-main-info__specifications-value {
        font-size: 15px;
    }
}

.product-main-info__specifications-value {
    padding-left: 15px;
    font-weight: 300;
}

.product-main-info__specifications-property {
    font-weight: 600;
}

.main-404 {
    padding-top: 98px;
    padding-bottom: 135px;
}

@media only screen and (max-width: 992px) {
    .main-404 {
        padding: 70px 0;
    }
}

@media only screen and (max-width: 768px) {
    .main-404 {
        padding: 45px 0;
    }
}

.main-404__wrap {
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
}

.main-404__title {
    margin-top: 90px;
    text-align: center;
    color: #485355;
    font-family: Lato;
    font-size: 25px;
    font-weight: 300;
    line-height: 48px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

@media only screen and (max-width: 768px) {
    .main-404__title {
        font-size: 20px;
        line-height: normal;
        margin-top: 45px;
    }
}

@media only screen and (max-width: 568px) {
    .main-404__title {
        letter-spacing: 0;
    }
}

.main-404__img {
    width: 100%;
    height: auto;
    display: block;
}

.main-404__btn {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 768px) {
    .main-404__btn {
        margin-top: 30px;
    }
}

.main-basket__wrap {
    padding-bottom: 50px;
}

.main-basket__section-title {
    margin-bottom: 24px;
}

@media only screen and (max-width: 568px) {
    .main-basket__section-title {
        font-size: 25px;
    }
}

.main-basket__basket-product {
    margin-bottom: 20px;
}

.main-basket__basket-product:last-child {
    margin-bottom: 0;
}

.main-basket__wrap-clear-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding: 18px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 568px) {
    .main-basket__wrap-clear-total {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-basket__clear {
    color: #929d78;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

@media only screen and (max-width: 568px) {
    .main-basket__clear {
        margin-bottom: 20px;
    }
}

.main-basket__total,
.form-checkout__total {
    font-family: "Exo20";
    font-size: 25px;
    font-weight: 600;
    color: #485355;
    letter-spacing: 1.5px;
    line-height: 26px;
}

.main-basket__total span,
.form-checkout__total span {
    font-size: 30px;
    color: #929d78;
}

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

    .main-basket__total,
    .form-checkout__total {
        font-size: 21px;
    }

    .main-basket__total span,
    .form-checkout__total span {
        font-size: 25px;
    }
}

.main-basket__total {
    margin-right: 60px;
}

@media only screen and (max-width: 992px) {
    .main-basket__total {
        margin-right: 0;
    }
}

.main-basket__checkout {
    margin-top: 46px;
}

.form-checkout__total,
.form-checkout__subtotal {
    text-align: center;
}

.form-checkout__btn {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

.form-checkout__total {
    margin-top: 17px;
    margin-bottom: 10px;
}

.form-checkout__subtotal {
    color: #808080;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.main-catalog {
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .main-catalog__wrap {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .main-catalog__section-title {
        text-align: center;
    }
}

.main-catalog__tags {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-catalog__tags-item {
    margin-right: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 992px) {
    .main-catalog__tags-item {
        margin-right: 5px;
    }
}

.main-catalog__tags-item:hover .main-catalog__tags-link {
    border-color: transparent;
    color: #485355;
    background-color: #ededed;
}

.main-catalog__tags-link {
    color: #76a641;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #929d78;
    padding: 2px 8px;
    display: block;
}

@media only screen and (max-width: 992px) {
    .main-catalog__tags-link {
        padding: 2px 4px;
        font-size: 14px;
    }
}

.main-catalog__tags-item_cheched .main-catalog__tags-link {
    border-color: transparent;
    color: #485355;
    background-color: #ededed;
}

.main-catalog__wrap-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media only screen and (max-width: 568px) {
    .main-catalog__wrap-product {
        margin: 0;
    }
}

.main-catalog__product {
    background-color: #ffffff;
    margin: 28px 15px 0 15px;
    width: calc(100% / 3 - 30px);
    padding: 16px 18px 16px 18px;
    border: 1px solid #e6e6e6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .main-catalog__product {
        margin: 28px 8px 0 8px;
        width: calc(100% / 3 - 16px);
    }
}

@media only screen and (max-width: 992px) {
    .main-catalog__product {
        width: calc(50% - 15px);
        margin: 28px 7px 0 7px;
    }
}

@media only screen and (max-width: 568px) {
    .main-catalog__product {
        margin: 20px 0 0 0;
        width: 100%;
    }
}

.main-catalog__product:hover {
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
}

.main-catalog__product:hover .main-catalog__product-title {
    text-decoration: underline;
    color: #929d78;
}

.main-catalog__product-img {
    height: 192px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin-bottom: 15px;
}

.main-catalog__product-title {
    color: #485355;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}

.main-catalog__product-price {
    color: #485355;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
}

.main-catalog__pagination {
    margin-top: 30px;
}

.main-potitic {
    padding: 27px 0 120px 0;
}

@media only screen and (max-width: 992px) {
    .main-potitic {
        padding: 20px 0 80px 0;
    }
}

@media only screen and (max-width: 768px) {
    .main-potitic {
        padding: 20px 0 60px 0;
    }
}

@media only screen and (max-width: 568px) {
    .main-potitic {
        padding: 20px 0 40px 0;
    }
}

.main-potitic p,
.main-potitic li {
    font-weight: 300;
}

.main-potitic p strong,
.main-potitic li strong {
    font-weight: 700;
}

.main-potitic p,
.main-potitic ul,
.main-potitic ol,
.main-potitic li {
    margin-bottom: 18px;
}

.main-potitic p:last-child,
.main-potitic ul:last-child,
.main-potitic ol:last-child,
.main-potitic li:last-child {
    margin-bottom: 0;
}

.main-potitic ul li {
    text-indent: 35px;
}

.main-potitic ul li:before {
    content: '-';
    margin-right: 12px;
}

.main-potitic__section-title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .main-potitic__section-title {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .main-potitic__section-title {
        font-size: 23px;
    }
}

.main-text {
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .main-text {
        padding-bottom: 40px;
    }
}

.main-text__section-title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .main-text__section-title {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .main-text__wrap {
        margin-top: 20px;
    }
}

.main-text__wrap p,
.main-text__wrap li {
    font-weight: 300;
}

.main-text__wrap p strong,
.main-text__wrap li strong {
    font-weight: 700;
}

.main-text__wrap p,
.main-text__wrap li,
.main-text__wrap ol,
.main-text__wrap ul {
    margin-bottom: 24px;
}

.main-text__wrap p:last-child,
.main-text__wrap li:last-child,
.main-text__wrap ol:last-child,
.main-text__wrap ul:last-child {
    margin-bottom: 0;
}

.main-text__wrap p a,
.main-text__wrap li a,
.main-text__wrap ol a,
.main-text__wrap ul a {
    color: #929d78;
    font-size: inherit;
    font-weight: inherit;
}

.main-text__wrap p a:hover,
.main-text__wrap li a:hover,
.main-text__wrap ol a:hover,
.main-text__wrap ul a:hover {
    text-decoration: underline;
}

.main-text__video-wrap {
    margin-bottom: 33px;
    position: relative;
    height: 471px;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .main-text__video-wrap {
        height: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .main-text__video-wrap {
        height: 250px;
    }
}

.main-text__video-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
}

.main-text__video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.main-text__video-default {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.main-text__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}

.main-text__video-play:hover {
    opacity: 1;
}

.main-towar {
    margin-bottom: 65px;
}

@media only screen and (max-width: 768px) {
    .main-towar {
        margin-bottom: 40px;
    }
}

.main-towar__title {
    margin-bottom: 24px;
}

@media only screen and (max-width: 992px) {
    .main-towar__title {
        text-align: center;
    }
}

@media only screen and (max-width: 568px) {
    .main-towar__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 992px) {
    .main-towar__wrap {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .main-towar .range-index__sidebar-btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.main-404 {
    padding-top: 98px;
    padding-bottom: 135px;
}

@media only screen and (max-width: 992px) {
    .main-404 {
        padding: 70px 0;
    }
}

@media only screen and (max-width: 768px) {
    .main-404 {
        padding: 45px 0;
    }
}

.main-404__wrap {
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
}

.main-404__title {
    margin-top: 90px;
    text-align: center;
    color: #485355;
    font-family: Lato;
    font-size: 25px;
    font-weight: 300;
    line-height: 48px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

@media only screen and (max-width: 768px) {
    .main-404__title {
        font-size: 20px;
        line-height: normal;
        margin-top: 45px;
    }
}

@media only screen and (max-width: 568px) {
    .main-404__title {
        letter-spacing: 0;
    }
}

.main-404__img {
    width: 100%;
    height: auto;
    display: block;
}

.main-404__btn {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 768px) {
    .main-404__btn {
        margin-top: 30px;
    }
}

.main-basket__wrap {
    padding-bottom: 50px;
}

.main-basket__section-title {
    margin-bottom: 24px;
}

@media only screen and (max-width: 568px) {
    .main-basket__section-title {
        font-size: 25px;
    }
}

.main-basket__basket-product {
    margin-bottom: 20px;
}

.main-basket__basket-product:last-child {
    margin-bottom: 0;
}

.main-basket__wrap-clear-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    padding: 18px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 568px) {
    .main-basket__wrap-clear-total {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-basket__clear {
    color: #929d78;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

@media only screen and (max-width: 568px) {
    .main-basket__clear {
        margin-bottom: 20px;
    }
}

.main-basket__total,
.form-checkout__total {
    font-family: "Exo20";
    font-size: 25px;
    font-weight: 600;
    color: #485355;
    letter-spacing: 1.5px;
    line-height: 26px;
}

.main-basket__total span,
.form-checkout__total span {
    font-size: 30px;
    color: #929d78;
}

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

    .main-basket__total,
    .form-checkout__total {
        font-size: 21px;
    }

    .main-basket__total span,
    .form-checkout__total span {
        font-size: 25px;
    }
}

.main-basket__total {
    margin-right: 60px;
}

@media only screen and (max-width: 992px) {
    .main-basket__total {
        margin-right: 0;
    }
}

.main-basket__checkout {
    margin-top: 46px;
}

.form-checkout__total,
.form-checkout__subtotal {
    text-align: center;
}

.form-checkout__btn {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

.form-checkout__total {
    margin-top: 17px;
    margin-bottom: 10px;
}

.form-checkout__subtotal {
    color: #808080;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.main-catalog {
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .main-catalog__wrap {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .main-catalog__section-title {
        text-align: center;
    }
}

.main-catalog__tags {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-catalog__tags-item {
    margin-right: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 992px) {
    .main-catalog__tags-item {
        margin-right: 5px;
    }
}

.main-catalog__tags-item:hover .main-catalog__tags-link {
    border-color: transparent;
    color: #485355;
    background-color: #ededed;
}

.main-catalog__tags-link {
    color: #f88c00;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #929d78;
    padding: 2px 8px;
    display: block;
}

@media only screen and (max-width: 992px) {
    .main-catalog__tags-link {
        padding: 2px 4px;
        font-size: 14px;
    }
}

.main-catalog__tags-item_cheched .main-catalog__tags-link {
    border-color: transparent;
    color: #f88c00;
    background-color: #ededed;
}

.main-catalog__wrap-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media only screen and (max-width: 568px) {
    .main-catalog__wrap-product {
        margin: 0;
    }
}

.main-catalog__product {
    background-color: #ffffff;
    margin: 28px 15px 0 15px;
    width: calc(100% / 3 - 30px);
    padding: 16px 18px 16px 18px;
    border: 1px solid #e6e6e6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}


@media only screen and (max-width: 1200px) {
    .main-catalog__product {
        margin: 28px 8px 0 8px;
        width: calc(100% / 3 - 16px);
    }
}

@media only screen and (max-width: 992px) {
    .main-catalog__product {
        width: calc(50% - 15px);
        margin: 28px 7px 0 7px;
    }
}

@media only screen and (max-width: 568px) {
    .main-catalog__product {
        margin: 20px 0 0 0;
        width: 100%;
    }
}

.main-catalog__product:hover {
    -webkit-box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 13px 30px rgba(0, 0, 0, 0.15);
}

.main-catalog__product:hover .main-catalog__product-title {
    text-decoration: underline;
    color: #ff4443;
}

.main-catalog__product-img {
    height: 224px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin-bottom: 15px;

}

.main-catalog__product-title {
    color: #485355;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}

.main-catalog__product-price {
    color: #485355;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
}

.main-catalog__pagination {
    margin-top: 30px;
}

.first-screen-index {
    background-color: #f9f7f8;
    position: relative;
}

.first-screen-index__container {
    position: relative;
    min-height: auto;
    padding-top: 49px;
}
.first-screen-index__container  .row {
    align-items:center;
    justify-content: space-between;
}

@media only screen and (max-width: 992px) {
    .first-screen-index__container {
        position: static;
    }
}

@media only screen and (max-width: 768px) {
    .first-screen-index__container {
        min-height: auto;
    }
}

@media only screen and (max-width: 568px) {
    .first-screen-index__container {
        padding-top: 30px;
    }
}
.first-section-page__slide img {
    max-height:360px
}}
@media only screen and (max-width: 992px) {
    .first-screen-index__slide-custom-col {
        position: relative;
        z-index: 2;
        text-align: center;
    }
}

.first-screen-index__slide-title {
    color: #485355;
    font-family: 'Lato';
    font-size: 25px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
    .first-screen-index__slide-title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 568px) {
    .first-screen-index__slide-title {
        letter-spacing: 1px;
        font-size: 24px;
        line-height: normal;
        margin-bottom: 10px;
    }
}

.first-screen-index__slide-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 165px;
    height: 1px;
    background-color: #8e9c9f;
    opacity: 0.2;
}

.first-screen-index__slide-title_uppercace {
    margin-top: 15px;
    font-size: 70px;
    letter-spacing: 2.3px;
    font-weight: 400;
    display: block;
}

@media only screen and (max-width: 768px) {
    .first-screen-index__slide-title_uppercace {
        letter-spacing: 2px;
        font-size: 60px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 568px) {
    .first-screen-index__slide-title_uppercace {
        margin-top: 0;
        font-size: 40px;
        letter-spacing: 1px;
    }
}

.first-screen-index__desc {
    color: #8e9c9f;
    font-family: Lato;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1.25px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 992px) {
    .first-screen-index__desc {
        color: #485355;
    }
}

@media only screen and (max-width: 768px) {
    .first-screen-index__desc {
        font-size: 20px;
        letter-spacing: 0;
    }
}

@media only screen and (max-width: 568px) {
    .first-screen-index__desc {
        margin-bottom: 10px;
    }
}

.first-screen-index__slide-wrap-img {
    position: absolute;
    width: auto;
    max-width: 782px;
    height: auto;
    top: 0;
    right: -96px;

}

@media only screen and (max-width: 992px) {
    .first-screen-index__slide-wrap-img {
        right: 0;
        left: 0;
        max-width: 100%;
    }

    .first-screen-index__slide-wrap-img:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.first-screen-index__slide-img {
    width: 100%;
    height: auto;
    display: block;

}

@media only screen and (max-width: 992px) {
    .first-screen-index__slide-img {
        max-width: 100%;
        width: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 992px) {
    .first-screen-index__btn {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 568px) {
    .first-screen-index__btn {
        padding: 10px 0;
        font-size: 16px;
    }
}

.first-screen-index__pagination {
    bottom: 30px;
    left: calc(50% - 570px);
}

@media only screen and (max-width: 1200px) {
    .first-screen-index__pagination {
        left: calc(50% - 465px);
    }
}

@media only screen and (max-width: 992px) {
    .first-screen-index__pagination {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.first-screen-index__pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: 1px solid #8e9c9f;
    opacity: 0.5;
    background-color: transparent;
    margin: 0 0 0 20px;
}

.first-screen-index__pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
}

.first-screen-index__pagination .swiper-pagination-bullet-active {
    border: 3px solid #929d78;
    opacity: 1;
}

.first-screen-index__button-next,
.first-screen-index__button-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    background-color: rgba(118, 129, 132, 0.1);
    border-radius: 50%;
}

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

    .first-screen-index__button-next,
    .first-screen-index__button-prev {
        display: none;
    }
}

.first-screen-index__button-next svg,
.first-screen-index__button-prev svg {
    fill: #ffffff;
    width: 15px;
    height: 26px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.first-screen-index__button-prev {
    left: 30px;
}

.first-screen-index__button-next {
    right: 30px;
}

.first-screen-index__button-prev.swiper-button-disabled,
.first-screen-index__button-next.swiper-button-disabled {
    opacity: 1;
}

.first-screen-index__button-prev.swiper-button-disabled svg,
.first-screen-index__button-next.swiper-button-disabled svg {
    opacity: 0.5;
}

.range-index__sidebar-btn {
    margin-top: 38px;
}

@media only screen and (max-width: 768px) {
    .range-index__sidebar-btn {
        margin: 20px auto 0 auto;
    }
}

.range-index {
    margin-top: 40px;
    padding-bottom: 20px;
}

.range-index__wrap-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media only screen and (max-width: 768px) {
    .range-index__wrap-items {
        margin: 20px -15px 0 -15px;
    }
}

@media only screen and (max-width: 568px) {
    .range-index__wrap-items {
        margin: 20px 0 0 0;
    }
}

.range-index__item {
    margin: 0 15px 28px 15px;
    width: calc(100% / 3 - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 1200px) {
    .range-index__item {
        margin: 0px 8px 28px 8px;
        width: calc(100% / 3 - 16px);
    }
}

@media only screen and (max-width: 992px) {
    .range-index__item {
        width: calc(50% - 15px);
        margin: 0px 7px 28px 7px;
    }
}

@media only screen and (max-width: 568px) {
    .range-index__item {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .range-index__item:last-child {
        margin-bottom: 0;
    }
}

.range-index__item:hover .range-index__item-title {
    text-decoration: none;
    color: #485355;
}

.range-index__item-title {
    color: #485355;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 10px;
}

.range-index__item-img {
    height: 240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 1200px) {
    .range-index__item-img {
        height: 220px;
    }
}

.txt-index {
    padding: 45px 0 94px 0;
}

@media only screen and (max-width: 768px) {
    .txt-index {
        padding: 30px 0 45px 0;
    }
}

.txt-index p,
.txt-index li,
.txt-index ol,
.txt-index ul {
    margin-bottom: 18px;
}

.txt-index p:last-child,
.txt-index li:last-child,
.txt-index ol:last-child,
.txt-index ul:last-child {
    margin-bottom: 0;
}

.txt-index__section-title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .txt-index__section-title {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .txt-index__section-title {
        font-size: 25px;
    }
}

.main-potitic {
    padding: 27px 0 120px 0;
}

@media only screen and (max-width: 992px) {
    .main-potitic {
        padding: 20px 0 80px 0;
    }
}

@media only screen and (max-width: 768px) {
    .main-potitic {
        padding: 20px 0 60px 0;
    }
}

@media only screen and (max-width: 568px) {
    .main-potitic {
        padding: 20px 0 40px 0;
    }
}

.main-potitic p,
.main-potitic li {
    font-weight: 400;

}

.main-potitic p strong,
.main-potitic li strong {
    font-weight: 700;
}

.main-potitic p,
.main-potitic ul,
.main-potitic ol,
.main-potitic li {
    margin-bottom: 18px;
}

.main-potitic p:last-child,
.main-potitic ul:last-child,
.main-potitic ol:last-child,
.main-potitic li:last-child {
    margin-bottom: 0;
}

.main-potitic ul li {
    text-indent: 35px;
}

.main-potitic ul li:before {
    content: '-';
    margin-right: 12px;
}

.main-potitic__section-title {
    margin-bottom: 20px;
    font-family: 'Lato';

}

@media only screen and (max-width: 992px) {
    .main-potitic__section-title {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .main-potitic__section-title {
        font-size: 23px;
    }
}

.main-text {
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .main-text {
        padding-bottom: 40px;
    }
}

.main-text__section-title {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .main-text__section-title {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .main-text__wrap {
        margin-top: 20px;
    }
}

.main-text__wrap p,
.main-text__wrap li {
    font-weight: 300;
}

.main-text__wrap p strong,
.main-text__wrap li strong {
    font-weight: 700;
}

.main-text__wrap p,
.main-text__wrap li,
.main-text__wrap ol,
.main-text__wrap ul {
    margin-bottom: 24px;
}

.main-text__wrap p:last-child,
.main-text__wrap li:last-child,
.main-text__wrap ol:last-child,
.main-text__wrap ul:last-child {
    margin-bottom: 0;
}

.main-text__wrap p a,
.main-text__wrap li a,
.main-text__wrap ol a,
.main-text__wrap ul a {
    color: #929d78;
    font-size: inherit;
    font-weight: inherit;
}

.main-text__wrap p a:hover,
.main-text__wrap li a:hover,
.main-text__wrap ol a:hover,
.main-text__wrap ul a:hover {
    text-decoration: underline;
}

.main-text__video-wrap {
    margin-bottom: 33px;
    position: relative;
    height: 471px;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .main-text__video-wrap {
        height: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .main-text__video-wrap {
        height: 250px;
    }
}

.main-text__video-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
}

.main-text__video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.main-text__video-default {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.main-text__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    z-index: 3;
}

.main-text__video-play:hover {
    opacity: 1;
}

.main-towar {
    margin-bottom: 65px;
}

@media only screen and (max-width: 768px) {
    .main-towar {
        margin-bottom: 40px;
    }
}

.main-towar__title {
    margin-bottom: 24px;
}

@media only screen and (max-width: 992px) {
    .main-towar__title {
        text-align: center;
    }
}

@media only screen and (max-width: 568px) {
    .main-towar__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 992px) {
    .main-towar__wrap {
        margin-bottom: 20px;
    }
    
    img.justifyright, img.justifyleft {
        float:none !important;
        margin:20px 0 !important;
    }
}

@media only screen and (max-width: 992px) {
    .main-towar .range-index__sidebar-btn {
        margin-left: auto;
        margin-right: auto;
    }
}

p.tit_contact {
    margin:30px 0 15px;
    font-size:20px;
    font-weight:700;
}

.fl {
    display: flex;
    
}
.fl.contacts_info.flex {
    width:100%;
    
    justify-content: space-between;
    border-bottom:1px solid #ddd;
    padding:0px 0 35px;
    align-items: flex-start 
}

#ajaxForm2 {
    margin-top:45px;
}

#ajaxForm2 form {
    max-width:600px;
}

#ajaxForm2 h2 {
    margin-bottom:30px;
}

.info {
    border-top:1px solid #ddd;
    padding:20px 0;
    margin:20px 0
}

.info button {
    margin-top:30px;
}

section.main-potitic.first-section-page h2 {
    margin-bottom:30px
}

section.main-potitic.first-section-page h3 {
    margin-top:40px;
    margin-bottom:20px;
}

section.main-potitic.first-section-page h1 {
    margin-bottom:50px;
    margin-top:30px
}

img.justifyright {
    float: right;
    width: 300px;
    max-width: 100%;
    margin-left:30px;
    margin-bottom:30px;
    height: auto;
}

img.justifyleft {
    float: left;
    width: 300px;
    max-width: 100%;
    margin-right:30px;
    margin-bottom:30px;
    height: auto;
    clear:both;
}

.rev-item {
    padding: 42px 22px 22px 52px;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    margin-bottom: 30px;
    background:url(../img/quote.svg) no-repeat 6px 6px/36px;
}



.rev-item .rev-name {
    margin-top: 15px;
    font-style: italic;
    font-weight:bold;
}

.rev-text {
    font-size: 18px;
}

.reviews {
    margin-top: 30px;
}

#cookie-notification {
    display: none;
    position: fixed;
    bottom: 20px;
    font-size:16px;
    line-height:1.3;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fcfcfc;
    color: #333;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 80%;
    text-align: center;
}

#cookie-notification p {
    margin: 0 0 10px 0;
    display: inline-block;
    font-size:16px
}

#cookie-notification p a {
    font-size:16px;
    text-decoration-thickness:1px;
    text-underline-offset:2px;
}

#cookie-accept {
    background-color: #ff4343;
    color: white;
    border: none;
    padding: 8px 15px 9px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 4px;
}

#cookie-accept:hover {
    background-color: #000;
}

@media screen and (max-width: 767px) {
  
#cookie-notification {
    display: none;
    position: fixed;
    bottom: 10px;
    font-size: 14px;
    line-height:1.3;
    left: 3%;
    transform: none;
    background-color: #f1f1f1;
    color: #333;
    padding: 10px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 97%;
    text-align: center;
}
	
}

.s-prev {
    position: absolute;
    top: calc(50% - 48px);
    left: 10px;
    z-index:9;
	cursor:pointer;
}

.s-prev img {
    width: 48px;
}

.s-next {
     position: absolute;
    top: calc(50% - 48px);
    right: 10px;
    z-index:9;
	cursor:pointer;
}

.s-next img {
    width: 48px;
}

.swiper {
    position:relative;
}


.s-rev-prev {
    position: absolute;
    top: calc(60% - 48px);
    left: 10px;
    z-index:9;
    cursor:pointer;
}

.s-rev-prev img {
    width: 36px;
}

.s-rev-next {
     position: absolute;
     top: calc(60% - 48px);
     right: 10px;
     z-index:9;
     cursor:pointer;
}

.s-rev-next img {
    width: 36px;
}


.swiper-pad {
	padding:0 60px;
	position: relative;
}

section.partners .part-item {
    border:1px solid #b4b4b4;
    padding:5px;
    border-radius:7px;
    text-align:center;
    margin:0 auto;
}

section.partners .part-item img {
    height:80px;
    width:auto;
    text-align:center;
    display:block;
     margin:0 auto;
}


section.first-screen-index.first-section-page {
    margin-top: 144px;
}

.s-part-prev {
    position: absolute;
    top: calc(83% - 48px);
    left: 10px;
    z-index:9;
    cursor:pointer;
}

.s-part-prev img {
    width: 36px;
}

.s-part-next {
     position: absolute;
     top: calc(82% - 48px);
     right: 10px;
     z-index:9;
     cursor:pointer;
}

.s-part-next img {
    width: 36px;
}

section.partners h2, .reviews h2 {
    margin-bottom: 40px;
   text-align:center;
   font-size:36px;
}

section.partners, section.reviews  {
   padding:40px 0
}

 .counter-block {
            padding: 40px 20px;
            background-color: none;
            border-radius: 15px;
            margin: 30px 0;
            box-shadow: none;
        }
        
        .counter-item {
            text-align: center;
            padding: 25px 15px;
            transition: transform 0.3s ease;
        }
        
        .counter-item:hover {
            transform: translateY(-5px);
        }
        
        .counter-number {
            font-size: 3.5rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 10px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            min-height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .counter-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: #000000;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .counter-description {
            color: #8e9c9f;
            font-size: 1rem;
            line-height: 1.5;
            max-width: 300px;
            margin: 0 auto;
        }
        
        .counter-highlight {
            color: #ff4543;
        }
        
        @media (max-width: 768px) {
            .counter-number {
                font-size: 2.8rem;
                min-height: 70px;
            }
            
            .counter-item {
                margin-bottom: 20px;
            }
        }
        
        .last-updated {
            text-align: center;
            color: #95a5a6;
            font-size: 0.9rem;
            margin-top: 20px;
            font-style: italic;
        }
        
        .demo-controls {
            text-align: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
.checkbox input {
    width: 18px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 18px;
}

.checkbox label {
    display: flex;
	margin-bottom:15px;
}

@media (max-width: 767px) {
	section.partners .part-item img {
    height: 70px;
    width: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
	
	.col-md-3.col-sm-4.offset-sm-2.offset-md-0.col-6 {
    padding-top: 25px;
}
	.rev-item {
    padding: 46px 22px 22px 32px;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    margin-bottom: 30px;
    background:url(../img/quote.svg) no-repeat 6px 6px/36px;
}
	.s-next-part,.s-prev-part,.s-prev-rev,.s-next-rev {
		display:none;
	}
	
	.swiper-pad {
		padding:0 0px;
}
.s-prev {
    position: absolute;
    top: calc(70% - 48px);
    left: 10px;
    z-index:9;
	cursor:pointer;
}

.s-prev img {
    width: 32px;
}

.s-next {
     position: absolute;
    top: calc(70% - 48px);
    right: 10px;
    z-index:9;
	cursor:pointer;
}

.s-next img {
    width: 32px;
}
	
}
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.rev-item {
    position: relative;
    overflow: hidden;
}

.rev-text {

    transition: max-height 0.3s ease;
    position: relative;
	min-height:110px;
}
.swiper-pad .rev-text {
        max-height: 110px;
    overflow: hidden;
}
.rev-text.expanded {
    max-height: none;
}

/* Градиентный оверлей */
.rev-text.grad::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, white);
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.rev-text.expanded::after {
    opacity: 0;
}

.rev-but {
	opacity:0;
    color: #007bff;
    cursor: pointer;
    margin: 5px 0;
    padding: 5px 0;
    font-size: 14px;
    transition: color 0.2s;
    position: relative;
    z-index: 2;
}

.rev-but.show {
	opacity:1;
}

.rev-but:hover {
    color: #0056b3;
    text-decoration: underline;
}

.rev-but .icon {
    margin-left: 5px;
    transition: transform 0.3s;
}

.rev-but.expanded .icon {
    transform: rotate(180deg);
}

.rev-but::after {
    content: '▼';
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
    transition: transform 0.3s;
}

.rev-item .rev-name {

    min-height: 40px;
}

.rev-but.expanded::after {
    transform: rotate(180deg);
}
/*!
 * Toastify js 1.9.3
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:#929d78;position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}