.about,
.about__title {
    color: #000;
    color: var(--text-color)
}

.about {
    padding: 30px 0 40px
}

.about__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.about__header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.about__title {
    font-size: 25px;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 500
}

.about__span {
    display: flex;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin: 20px 0
}

.about__image {
    display: flex;
    width: 100%
}

.about__figure {
    margin: 0;
    position: relative
}

.about__figcaption {
    background: #f28917;
    border-radius: 6px 0 0 6px;
    bottom: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.about__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px
}

.about__footer .button {
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    padding: 6px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.about__footer .button:hover {
    background-color: #313c7f
}

@media (min-width:540px) and (max-width:768px) {
    .about__figcaption {
        font-size: 11px;
        font-weight: 400;
        line-height: 1.5;
        padding: 10px 15px
    }
}

@media (max-width:539px) {
    .about__figcaption {
        display: none
    }
}

[data-toggle=accordion]>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

[data-toggle=accordion]>ul>li>.header {
    -ms-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    align-items: center;
    background-position: center right 17px;
    background-repeat: no-repeat;
    background-size: 10px 12px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 10px 42px 9px 17px;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none
}

[data-toggle=accordion]>ul>li.active.show>.header {
    background-color: #c7771b;
    background-image: url(/static/images/p_accordion_icon_arrow_up_white.svg);
    color: #fff
}

[data-toggle=accordion]>ul>li.active:not(.show)>.header {
    background-color: #c7771b;
    background-image: url(/static/images/p_accordion_icon_arrow_down_white.svg);
    color: #fff
}

[data-toggle=accordion]>ul>li:not(.active).show>.header {
    background-color: #cecece;
    background-image: url(/static/images/p_accordion_icon_arrow_up_black.svg);
    color: #000;
    color: var(--text-color)
}

[data-toggle=accordion]>ul>li:not(.active):not(.show)>.header {
    background-color: #e8e8e8;
    background-image: url(/static/images/p_accordion_icon_arrow_down_black.svg);
    color: #000;
    color: var(--text-color)
}

[data-toggle=accordion]>ul>li:not(.submenu)>.header {
    background-image: none!important
}

[data-toggle=accordion]>ul>li {
    margin-bottom: 1px
}

[data-toggle=accordion]>ul>li:last-child {
    margin-bottom: 0
}

[data-toggle=accordion]>ul>li:not(.show)>.content {
    display: none
}

[data-toggle=accordion]>ul>li.show>.content {
    background-color: #fff;
    display: block
}

.autocomplete {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    font-size: 14px;
    margin-top: 2px;
    padding: 10px 0;
    position: absolute;
    z-index: 2
}

.autocomplete>div {
    cursor: pointer;
    padding: 6px 20px 5px
}

.autocomplete>div:not(.selected):hover {
    background-color: #f2f2f2
}

.autocomplete>.selected {
    background-color: #ccc
}

@media (max-width:769px) {
    body:not(.search-open)>.autocomplete {
        display: none
    }
}

#baguetteBox-overlay {
    background-color: rgba(0, 0, 0, .92);
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1000000
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

#baguetteBox-overlay .full-image figure {
    background-color: #fff;
    margin: 0;
    position: relative
}

#baguetteBox-overlay .full-image img {
    display: flex;
    max-height: 100vh;
    max-width: 100%
}

#baguetteBox-overlay .full-image figcaption {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    padding: 10px;
    position: absolute;
    text-align: center;
    white-space: normal;
    width: 100%
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -1px;
    width: 1px
}

#baguetteBox-slider {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .4s ease, transform .4s ease;
    white-space: nowrap;
    width: 100%
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {
    0%,
    to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {
    0%,
    to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {
    0%,
    to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {
    0%,
    to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    transform: translateY(-50%)
}

.baguetteBox-button {
    background-color: rgba(0, 0, 0, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 45px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    transition: background-color .4s ease;
    width: 45px
}

.baguetteBox-button#next-button {
    background-image: url(/static/images/p_gallery-slider_icon_next_white.svg);
    background-size: 25px;
    right: 2%
}

.baguetteBox-button#previous-button {
    background-image: url(/static/images/p_gallery-slider_icon_prev_white.svg);
    background-size: 25px;
    left: 2%
}

.baguetteBox-button#close-button {
    background-image: url(/static/images/p_gallery-slider_icon_close_white.svg);
    background-size: 25px;
    right: 2%;
    top: 20px
}

.baguetteBox-button svg {
    display: none
}

.baguetteBox-spinner {
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
    -webkit-animation: bounce 2s ease-in-out infinite;
    animation: bounce 2s ease-in-out infinite;
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0%,
    to {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

@keyframes bounce {
    0%,
    to {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

.breadcrumbs {
    background-color: #dadadad9;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    padding: 10px 0
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumbs li {
    align-items: center;
    display: flex
}

.breadcrumbs a {
    color: #000;
    color: var(--text-color);
    text-decoration: none
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs a span {
    color: #000
}

.breadcrumbs span {
    color: rgba(0, 0, 0, .5)
}

.breadcrumbs li:after {
    background-image: url(/static/images/p_breadcrumbs_icon_arrow_right_black.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 9px;
    content: "";
    height: 100%;
    opacity: .2;
    padding: 0 10px
}

.breadcrumbs li:last-child:after {
    content: none
}

.page-header h1 {
    color: #000;
    color: var(--text-color);
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.breadcrumbs .wrap,
.page-header .wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.page-header {
    background-color: #dadadad9;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px
}

@media (max-width:769px) {
    .page-header h1 {
        font-size: 25px
    }
}

@media (max-width:480px) {
    .page-header h1 {
        font-size: 20px
    }
}

@media (max-width:380px) {
    .page-header h1 {
        font-size: 18px
    }
}

.button {
    align-items: center;
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 300;
    justify-content: center;
    line-height: 1.4;
    outline: 0;
    padding: 6px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.button:focus,
.button:hover {
    background-color: #313c7f
}

.button:focus span {
    transform: translate(0)
}

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

#callback__form {
    background: 0 0;
    border: none;
    display: none;
    padding: 0
}

#callback__form[open] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

#callback__form .modal {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: 25px;
    min-width: 350px;
    padding: 20px;
    position: relative;
    width: 380px
}

#callback__form .modal__header {
    align-items: center;
    border-bottom: 2px solid #ef7f1a;
    display: flex;
    margin-top: -5px;
    padding-bottom: 12px
}

#callback__form .modal__title {
    color: #ef7f1f;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

#callback__form .modal__close {
    background-color: #ef7f1a;
    background-image: url(/static/images/p_modal_icon_close_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    height: 17px;
    margin: 7px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    z-index: 1
}

#callback__form .modal__body {
    padding-top: 15px
}

#callback__form .modal__footer {
    -ms-grid-columns: 1fr -webkit-min-content;
    -ms-grid-columns: 1fr min-content;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template: "at bt" min-content/1fr -webkit-min-content;
    grid-template: "at bt" min-content/1fr min-content;
    margin-top: 20px
}

#callback__form .modal__footer>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-items: center;
    display: flex;
    grid-area: at
}

#callback__form .modal__footer>:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: bt
}

#callback__form .modal__footer .error {
    color: #b3140f;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

#callback__form .fields-container {
    -ms-grid-columns: -webkit-min-content 15px 1fr;
    -ms-grid-columns: min-content 15px 1fr;
    -ms-grid-rows: 1fr 15px 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
    grid-template: "a b" 1fr "c d" 1fr/min-content 1fr
}

#callback__form .fields-container>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: a
}

#callback__form .fields-container>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: b
}

#callback__form .fields-container>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: c
}

#callback__form .fields-container>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-area: d
}

#callback__form .fields-container>div {
    display: flex;
    margin-top: 4px
}

#callback__form .fields-container>div:last-child {
    margin-bottom: 0
}

#callback__form .field-container {
    color: #3c3c3c;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 300
}

#callback__form .field-container.required:after {
    color: #ef7f1a;
    content: "*";
    margin-left: 3px
}

#callback__form .submit {
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 300;
    justify-content: center;
    justify-self: right;
    line-height: 1.4;
    outline: 0;
    padding: 7px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

#callback__form .submit:hover {
    background-color: #313c7f
}

#callback__form input {
    border: 1px solid #939393;
    border-radius: 5px;
    padding: 6px;
    width: 100%
}

#callback__form .success {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

@media (max-width:479px) {
    #callback__form .modal__title span {
        display: none
    }
    #callback__form .modal__footer {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content -webkit-min-content;
        -ms-grid-rows: min-content min-content;
        grid-template: "at" -webkit-min-content "bt" min-content/1fr;
        grid-template: "at" min-content "bt" min-content/1fr
    }
    #callback__form .modal__footer .error {
        margin-bottom: 15px;
        text-align: center
    }
    #callback__form .modal__footer .error,
    #callback__form .submit {
        -ms-grid-column-align: center;
        justify-self: center
    }
    #callback__form .modal__footer>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    #callback__form .modal__footer>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
}

.product {
    margin: auto;
    max-width: 1342px;
    padding: 20px 15px;
    width: 100%
}

.product ul.test li {
    background: #929292;
    color: #fff;
    margin: 1px;
    padding: 0 4px
}

.product ul.test {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.product .row {
    -ms-grid-columns: 450px 20px 1fr;
    -ms-grid-rows: 1fr 20px -webkit-min-content;
    -ms-grid-rows: 1fr 20px min-content;
    grid-template: "a b" 1fr ". d" min-content/450px 1fr
}

.product .col1,
.product .row {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px
}

.product .col1 {
    -ms-grid-column: 1;
    -ms-grid-columns: 1fr;
    -ms-grid-row: 1;
    -ms-grid-rows: -webkit-max-content 20px -webkit-max-content;
    -ms-grid-rows: max-content 20px max-content;
    align-content: center;
    align-items: center;
    grid-area: a;
    grid-template: "aauu" -webkit-max-content "bbuu" max-content/1fr;
    grid-template: "aauu" max-content "bbuu" max-content/1fr;
    justify-content: center;
    justify-items: center
}

.product .col1 div:first-child img {
    max-width: 250px;
    width: 100%
}

.product .col1 div:nth-child(2) img {
    max-width: 360px;
    width: 100%
}

.product .col1>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aauu
}

.product .col1>:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: bbuu
}

.product .col2 {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: b
}

.product .bar {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    align-items: flex-start;
    display: flex;
    grid-area: d;
    height: 100px;
    justify-content: center;
    padding: 15px
}

.product .button {
    background-color: #e53027;
    border-radius: 555px;
    font-size: 17px;
    padding: 13px 50px 12px;
    transition: background-color .3s ease-in-out
}

.product .button:hover {
    background-color: #b3140f
}

.product i {
    display: flex;
    margin-top: 5px
}

.product .table-zagolovok {
    font-size: 20px;
    font-weight: 300;
    margin: 20px 0;
    text-transform: uppercase
}

.product .primechanie {
    color: #c7771b;
    font-weight: 600
}

.product .col2 table ul.pack,
.product .col2 table ul.type {
    margin: 10px 0;
    padding-left: 25px
}

.product .col2 table tr td:first-child {
    min-width: 130px
}

.product .tab-content .tab-pane .bgcolor {
    background: #f49414
}

.product .tab-content .tab-pane table td.zagolovok-td {
    background: #929292;
    color: #fff;
    width: 0
}

.product .tab-content .tab-pane table tr td {
    background: #dadadad9;
    border: 1px solid #fff;
    padding: 4px 7px
}

.product .tab-content .tab-pane ol,
.product .tab-content .tab-pane ul {
    margin: 15px 0;
    padding-left: 15px
}

.product [data-toggle=accordion]>ul>li:not(.active).show>.header {
    background-color: #c7771b;
    background-image: url(/static/images/p_accordion_icon_arrow_up_white.svg);
    color: #fff
}

.product [data-toggle=accordion]>ul>li:not(.active):not(.show)>.header {
    background-color: #e8e8e8;
    background-image: url(/static/images/p_accordion_icon_arrow_down_black.svg);
    color: #000;
    color: var(--text-color)
}

@media (max-width:1079px) {
    .product .row {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content;
        -ms-grid-rows: min-content 20px min-content 20px min-content;
        grid-template: "a" -webkit-min-content "b" -webkit-min-content "d" min-content/1fr;
        grid-template: "a" min-content "b" min-content "d" min-content/1fr
    }
    .product .col1 {
        -ms-grid-columns: 1fr 20px 1fr;
        -ms-grid-rows: -webkit-max-content;
        -ms-grid-rows: max-content;
        grid-template: "aauu bbuu" max-content/1fr 1fr
    }
    .product .row>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.fields-container>:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .product .col1>:first-child,
    .product .row>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .col1>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .product .row>.col2 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.bar {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
}

.product [data-toggle=accordion]>ul>li>.content#home p:first-letter {
    text-transform: uppercase
}

@media (min-width:1080px) {
    .product [data-toggle=accordion]>ul>li>.content.active {
        display: block
    }
    .product [data-toggle=accordion]>ul>li.submenu>a.header,
    .product [data-toggle=accordion]>ul>li>.content:not(.active),
    .product [data-toggle=accordion]>ul>li>.header {
        display: none
    }
}

@media (max-width:620px) {
    .product .col1 {
        -ms-grid-columns: 1fr 20px 1fr;
        -ms-grid-rows: 1fr;
        grid-template: "aauu bbuu" 1fr/1fr 1fr
    }
    .product .col1>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .col1>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

.catalog {
    -ms-grid-columns: 260px 20px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "a b" 1fr/260px 1fr;
    margin: auto;
    max-width: 1342px;
    padding: 20px 15px;
    width: 100%
}



.catalog.search {
    -ms-grid-columns: 260px 20px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template: "b" 1fr;
    margin: auto;
    max-width: 1342px;
    padding: 20px 15px;
    width: 100%
}

.catalog .sidebar {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: a
}

.catalog>.products {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    grid-area: b
}

#order__form .fields-container>.catalog>.products,
.catalog>.catalog>.products,
.catalog>.products,
.contacts__footer>.catalog>.products,
.menu .navbar>.catalog>.products,
.product .row>.catalog>.products,
.tag_bar>.catalog>.products {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.catalog>.products .title {
    color: #000;
    color: var(--text-color);
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width:1080px) {
    .catalog {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 20px 1fr;
        -ms-grid-rows: min-content 20px 1fr;
        grid-template: "a" -webkit-min-content "b" 1fr/1fr;
        grid-template: "a" min-content "b" 1fr/1fr
    }
    .catalog .button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-area: a
    }
    .catalog .products {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        grid-area: b
    }
    .catalog>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.col2 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    height: 18px;
    min-width: 18px;
    outline: 0;
    width: 18px
}

input[type=checkbox]:checked {
    background-color: #f29015;
    background-image: url(/static/images/check.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    border-color: #f29015
}

.contacts__wrap {
    margin: auto;
    padding: 30px 0
}

.team {
    display: flex;
    /* flex-flow: row wrap; */
    /* margin-bottom: 30px; */
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

/* .team>* {
    flex-basis: calc(16.66667% - 25px);
    max-width: calc(16.66667% - 25px);
    width: calc(16.66667% - 25px);
    margin-right: 170px;
    margin-bottom: 30px;
} */

.team .employee {
  flex-basis: calc(33.33% - 30px);
}

.team>:last-child {
    margin-right: 0
}

.team a {
    color: #080c84;
    color: var(--link-color)
}

.team .fullname,
.team .position {
    color: #000;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px
}

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

.team .position {
    border-bottom: 2px solid #f49414;
    font-weight: 600;
    text-transform: uppercase
}

.nachalnik,
.team .contacts {
    display: flex;
    font-weight: 300
}

.team .position span {
    display: inline-flex;
    padding-bottom: 5px
}

.nachalnik {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px
}

.team .fullname {
    font-weight: 300
}

.team .fullname .lastname {
    display: flex;
    text-transform: uppercase
}

.team .contacts {
    flex-direction: column;
    font-size: 14px;
    line-height: 1.6
}

.contacts__footer {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "a b" min-content/1fr 1fr
}

.contacts__footer #contacts-map {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: a
}

.contacts__footer>.video {
    grid-area: b
}

#order__form .fields-container>.contacts__footer>.video,
.catalog>.contacts__footer>.video,
.contacts__footer>.contacts__footer>.video,
.contacts__footer>.video,
.menu .navbar>.contacts__footer>.video,
.product .row>.contacts__footer>.video,
.tag_bar>.contacts__footer>.video {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.contacts__footer>.video>video {
    vertical-align: middle;
    width: 100%;
}

.contacts__footer video[poster] {
    height: 100%;
    width: 100%
}

.contacts .contacts__wrap {
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:1240px) {
    /* .team {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    } */
    /* .team>* {
        flex-basis: calc(33.33333% - 20px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    } */
    /* .team>:nth-child(1n) {
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 30px
    } */
    /* .team>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .team>:last-child,
    .team>:nth-child(3n) {
        margin-right: 0
    } */
    .contacts__footer {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-max-content 30px 1fr;
        -ms-grid-rows: max-content 30px 1fr;
        grid-template: "a" -webkit-max-content "b" 1fr/1fr;
        grid-template: "a" max-content "b" 1fr/1fr
    }
    .contacts__footer #contacts-map {
        height: 400px
    }
    .contacts__footer>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.col2 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.contacts__footer>.video {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (max-width:769px) {
    /* .team {
        display: flex;
        flex-flow: row wrap
    } */
    /* .team>* {
        flex-basis: calc(50% - 15px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(50% - 15px);
        width: calc(50% - 15px)
    } */
    /* .team>:nth-child(1n) {
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 30px
    }
    .team>:nth-last-child(-n+2) {
        margin-bottom: 0
    }
    .team>:last-child,
    .team>:nth-child(2n) {
        margin-right: 0
    } */
    .team .employee {
      flex-basis: calc(50% - 30px);
    }
}

@media (max-width:480px) {
    .team .employee {
      flex-basis: 100%;
    }
    /* .team {
        display: flex;
        flex-flow: row wrap
    }
    .team>* {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        width: 100%
    }
    .team>:nth-child(1n) {
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 30px
    }
    .team>:nth-last-child(-n+1) {
        margin-bottom: 0
    }
    .team>:last-child,
    .team>:nth-child(1n) {
        margin-right: 0
    } */
}

.custom-hardware {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: -webkit-min-content 30px -webkit-min-content;
    -ms-grid-rows: min-content 30px min-content;
    color: #000;
    color: var(--text-color);
    display: -ms-grid;
    display: grid;
    font: 300 14px/1.4 tahoma, sans-serif;
    grid-gap: 30px;
    grid-template: "aw bw" -webkit-min-content "cw dw" min-content/1fr 1fr;
    grid-template: "aw bw" min-content "cw dw" min-content/1fr 1fr
}

.custom-hardware>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aw
}

.custom-hardware>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bw
}

.custom-hardware>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: cw
}

.custom-hardware>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-area: dw
}

.custom-hardware ul {
    color: #c7771b
}

.custom-hardware ul>li>span {
    color: #000;
    color: var(--text-color)
}

.custom-hardware p {
    margin-top: 0
}

.custom-hardware p:last-child {
    margin-bottom: 0
}

.custom-hardware img {
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%
}

@media (max-width:769px) {
    .custom-hardware {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 0 -webkit-min-content 0 -webkit-min-content 0 -webkit-min-content;
        -ms-grid-rows: min-content 0 min-content 0 min-content 0 min-content;
        grid-gap: 0;
        grid-template: "aw" -webkit-min-content "bw" -webkit-min-content "cw" -webkit-min-content "dw" min-content/1fr;
        grid-template: "aw" min-content "bw" min-content "cw" min-content "dw" min-content/1fr
    }
    .custom-hardware img {
        margin: 30px auto;
        max-width: 400px
    }
    .custom-hardware>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .custom-hardware>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .custom-hardware>:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .custom-hardware>:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
}

.dealers .legal,
.dealers .subtitle,
.dealers .title {
    text-align: center
}

.dealers .dealers__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.dealers .title {
    color: #c7771b;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.dealers .subtitle,
.dealers .title {
    display: flex;
    justify-content: center
}

.dealers .subtitle {
    font-size: 14px;
    margin-bottom: 50px
}

.dealers .success .subtitle:last-child {
    margin-bottom: 0
}

.dealers .legal,
.dealers p {
    font-size: 14px;
    margin: 20px 0
}

.dealers article {
    -ms-grid-columns: 1fr 50px 1fr;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    grid-template: "zzaa zzbb" min-content/1fr 1fr
}

.dealers article>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: zzaa
}

.dealers article>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: zzbb
}

.dealers p {
    font-weight: 300;
    line-height: 1.4
}

.dealers .legal input[type=checkbox] {
    margin-right: 10px
}

.dealers .legal a {
    color: #080c84;
    color: var(--link-color)
}

.dealers .legal a:hover {
    text-decoration: none
}

.dealers .form {
    background-color: #eee7db;
    padding: 50px 20px
}

.dealers .form__wrap {
    margin: auto;
    max-width: 1050px;
    padding-left: 15px;
    padding-right: 15px
}

.dealers form {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    -ms-grid-rows: -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content;
    -ms-grid-rows: min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "az az az bz bz bz" -webkit-min-content "cz cz cz dz dz dz" -webkit-min-content "ez ez ez fz fz fz" -webkit-min-content "gz gz hz hz iz iz" -webkit-min-content "jz jz jz jz jz jz" -webkit-min-content "kz kz kz kz kz kz" min-content/1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template: "az az az bz bz bz" min-content "cz cz cz dz dz dz" min-content "ez ez ez fz fz fz" min-content "gz gz hz hz iz iz" min-content "jz jz jz jz jz jz" min-content "kz kz kz kz kz kz" min-content/1fr 1fr 1fr 1fr 1fr 1fr
}

.dealers form>div.required label:after {
    color: #ef7f1a;
    content: "*";
    margin-left: 3px
}

.dealers form button {
    height: 40px;
    width: 220px
}

.dealers form>div>.legal>label {
    align-items: center;
    display: flex
}

.dealers form>div>label {
    display: flex;
    font-size: 14px;
    margin-bottom: 5px
}

.dealers form>div>input {
    border: 1px solid #bbb19f;
    border-radius: 3px;
    font-size: 14px;
    padding: 16px;
    width: 100%
}

.dealers form>div>input:focus {
    border-color: #f29015;
    outline: 0
}

.dealers form>div:first-of-type {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-row: 1;
    grid-area: az
}

.dealers form>div:nth-of-type(2) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-row: 1;
    grid-area: bz
}

.dealers form>div:nth-of-type(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-row: 3;
    grid-area: cz
}

.dealers form>div:nth-of-type(4) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-row: 3;
    grid-area: dz
}

.dealers form>div:nth-of-type(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-row: 5;
    grid-area: ez
}

.dealers form>div:nth-of-type(6) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    -ms-grid-row: 5;
    grid-area: fz
}

.dealers form>div:nth-of-type(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 7;
    grid-area: gz
}

.dealers form>div:nth-of-type(8) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-row: 7;
    grid-area: hz
}

.dealers form>div:nth-of-type(9) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    -ms-grid-row: 7;
    grid-area: iz
}

.dealers form>div:nth-of-type(10) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-row: 9;
    display: flex;
    grid-area: jz;
    justify-content: center
}

.dealers form>div:nth-of-type(11) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    -ms-grid-columns: 1fr 20px -webkit-max-content;
    -ms-grid-columns: 1fr 20px max-content;
    -ms-grid-row: 11;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    grid-area: kz;
    grid-gap: 20px;
    grid-template: "xya xyb" min-content/1fr -webkit-max-content;
    grid-template: "xya xyb" min-content/1fr max-content;
    justify-content: flex-end
}

.dealers form>div:nth-of-type(11)>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-items: center;
    color: #b3140f;
    display: flex;
    font-size: 14px;
    grid-area: xya
}

.dealers form>div:nth-of-type(11)>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-align: center;
    -ms-grid-row: 1;
    grid-area: xyb;
    justify-self: center
}

@media (max-width:900px) {
    .dealers form {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content 20px -webkit-min-content;
        -ms-grid-rows: min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content 20px min-content;
        grid-template: "az" -webkit-min-content "bz" -webkit-min-content "cz" -webkit-min-content "dz" -webkit-min-content "ez" -webkit-min-content "fz" -webkit-min-content "gz" -webkit-min-content "hz" -webkit-min-content "iz" -webkit-min-content "jz" -webkit-min-content "kz" min-content/1fr;
        grid-template: "az" min-content "bz" min-content "cz" min-content "dz" min-content "ez" min-content "fz" min-content "gz" min-content "hz" min-content "iz" min-content "jz" min-content "kz" min-content/1fr
    }
    .dealers form>div:nth-of-type(11) {
        justify-content: center
    }
    .dealers article {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 0 -webkit-min-content;
        -ms-grid-rows: min-content 0 min-content;
        grid-gap: 0;
        grid-template: "zzaa" -webkit-min-content "zzbb" min-content/1fr;
        grid-template: "zzaa" min-content "zzbb" min-content/1fr
    }
    .dealers article>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .dealers article>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .dealers form>div:first-of-type {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1
    }
    .dealers form>div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3
    }
    .dealers form>div:nth-of-type(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5
    }
    .dealers form>div:nth-of-type(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 7
    }
    .dealers form>div:nth-of-type(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 9
    }
    .dealers form>div:nth-of-type(6) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 11
    }
    .dealers form>div:nth-of-type(7) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 13
    }
    .dealers form>div:nth-of-type(8) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 15
    }
    .dealers form>div:nth-of-type(9) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 17
    }
    .dealers form>div:nth-of-type(10) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 19
    }
    .dealers form>div:nth-of-type(11) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 21
    }
}

@media (max-width:550px) {
    .dealers form>div:nth-of-type(11) {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 20px -webkit-min-content;
        -ms-grid-rows: min-content 20px min-content;
        grid-template: "xya" -webkit-min-content "xyb" min-content/1fr;
        grid-template: "xya" min-content "xyb" min-content/1fr
    }
    .dealers form>div:nth-of-type(11)>:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-align: center;
        -ms-grid-row: 1;
        justify-content: center;
        justify-self: center;
        text-align: center
    }
    .dealers form>div:nth-of-type(11)>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

.delivery__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.delivery .title {
    border-bottom: 2px solid #f49414;
    color: #000;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase
}

.delivery .title span {
    display: inline-flex;
    padding-bottom: 5px;
    padding-top: 15px
}

.delivery .logos {
    width: 290px
}

.delivery__header {
    -ms-grid-columns: 2fr 30px 3fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "zzaaz zzbbz" 1fr/2fr 3fr;
    padding: 30px 0 50px
}

.delivery__header>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    display: flex;
    flex-direction: column;
    grid-area: zzaaz;
    justify-content: center
}

.delivery__header>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: zzbbz;
    width: 100%
}

.delivery .text {
    color: #000;
    color: var(--text-color);
    font-size: 22px;
    line-height: 1.2
}

.delivery .text>div {
    width: 400px
}

.delivery .text span {
    color: #f49414;
    display: block;
    font-size: 36px;
    line-height: 1
}

.delivery .text p {
    font-size: 17px;
    margin: 0 0 20px
}

.calc {
    -ms-grid-columns: -webkit-min-content 30px 520px;
    -ms-grid-columns: min-content 30px 520px;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "ar br" min-content/min-content 520px;
    justify-content: center;
    padding-bottom: 30px;
    padding-top: 30px
}

.calc>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ar
}

.calc>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: br
}

.calc .discount {
    color: #f49414;
    font-size: 34px;
    font-weight: 300;
    line-height: 1.1
}

.calc .discount span {
    display: flex;
    font-size: 1.5em
}

.calc iframe {
    margin: auto
}

.items .item__body {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5
}

.items {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "ap bp cp dp" min-content/1fr 1fr 1fr 1fr
}

.items>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ap
}

.items>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bp
}

.items>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: cp
}

.items>:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
    grid-area: dp
}

.items .item {
    color: #000;
    color: var(--text-color)
}

@media (max-width:1400px) {
    .delivery {
        background-size: 65%
    }
}

@media (max-width:1240px) {
    .delivery {
        background-size: 60%
    }
    .items {
        -ms-grid-columns: 1fr 30px 1fr;
        -ms-grid-rows: -webkit-min-content 30px -webkit-min-content;
        -ms-grid-rows: min-content 30px min-content;
        flex-wrap: wrap;
        grid-template: "ap bp" -webkit-min-content "cp dp" min-content/1fr 1fr;
        grid-template: "ap bp" min-content "cp dp" min-content/1fr 1fr
    }
    .items .item>:first-child {
        width: 150px
    }
    .items .item p {
        text-align: left
    }
    .items>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .items>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .items>:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .items>:nth-child(4) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
}

@media (max-width:992px) {
    .delivery {
        background-size: 50%
    }
    .delivery .text {
        font-size: 18px
    }
}

@media (max-width:769px) {
    .delivery {
        background: 0 0
    }
    .items .item,
    .items .item:last-child {
        padding: 0 15px 50px
    }
    .delivery .text span {
        font-size: 30px
    }
    .calc {
        flex-wrap: wrap-reverse;
        margin-top: 0
    }
    .calc .discount {
        font-size: 26px;
        margin-left: 0;
        padding: 0 15px;
        width: auto
    }
}

@media (max-width:635px) {
    .items {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 30px -webkit-min-content 30px -webkit-min-content 30px -webkit-min-content;
        -ms-grid-rows: min-content 30px min-content 30px min-content 30px min-content;
        grid-template: "ap" -webkit-min-content "bp" -webkit-min-content "cp" -webkit-min-content "dp" min-content/1fr;
        grid-template: "ap" min-content "bp" min-content "cp" min-content "dp" min-content/1fr
    }
    .calc .discount {
        font-size: 21px
    }
    .items>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .items>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .items>:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .items>:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
}

@media (max-width:860px) {
    .delivery__header {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-max-content 30px -webkit-max-content;
        -ms-grid-rows: max-content 30px max-content;
        grid-template: "zzaaz" -webkit-max-content "zzbbz" max-content/1fr;
        grid-template: "zzaaz" max-content "zzbbz" max-content/1fr
    }
    .delivery__header>:nth-child(2) {
        margin: auto
    }
    .delivery .text>div {
        width: 100%
    }
    .calc {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 30px -webkit-min-content;
        -ms-grid-rows: min-content 30px min-content;
        grid-template: "br" -webkit-min-content "ar" min-content/1fr;
        grid-template: "br" min-content "ar" min-content/1fr
    }
    .delivery__header>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .calc>:first-child,
    .delivery__header>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .calc>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
}

.equipment .equipment__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.equipment .equipment__gallery {
    background-color: #eee7db;
    padding: 35px 20px
}

.equipment .equipment__gallery>.gallery__wrap>.title {
    color: #c7771b;
    font-size: 18px;
    margin-bottom: 35px;
    text-align: center;
    text-transform: uppercase
}

.equipment .grid {
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
    -ms-grid-rows: -webkit-max-content 50px -webkit-max-content;
    -ms-grid-rows: max-content 50px max-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    grid-template: "aa aa bb cc" -webkit-max-content "dd dd ee ." max-content/1fr 1fr 1fr 1fr;
    grid-template: "aa aa bb cc" max-content "dd dd ee ." max-content/1fr 1fr 1fr 1fr
}

.equipment .grid>.item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    grid-area: aa
}

.equipment .grid>.item:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: bb
}

.equipment .grid>.item:nth-child(3) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
    grid-area: cc
}

.equipment .grid>.item:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3;
    grid-area: dd
}

.equipment .grid>.item:nth-child(5) {
    -ms-grid-column: 5;
    -ms-grid-row: 3;
    grid-area: ee
}

.equipment .grid>.item>.one {
    -ms-grid-columns: 1fr;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    grid-template: "aaa" max-content/1fr
}

.equipment .grid>.item>.one>img:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aaa
}

.equipment .grid>.item>.two {
    -ms-grid-columns: 1fr 50px 1fr;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    grid-template: "aaaa bbbb" max-content/1fr 1fr
}

.equipment .grid>.item>.two>img:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aaaa
}

.equipment .grid>.item>.two>img:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bbbb
}

.equipment .grid>.item>.one>img,
.equipment .grid>.item>.two>img {
    margin: auto;
    max-width: 260px;
    width: 100%
}

.equipment .grid>.item>.title {
    display: flex;
    font-size: 14px;
    font-weight: 300;
    justify-content: center;
    line-height: 1.3;
    margin-top: 10px;
    text-align: center
}

.equipment .content {
    -ms-grid-row-align: center;
    align-self: center
}

.equipment img {
    display: block;
    margin: auto;
    max-height: 206px;
    max-width: 260px;
    width: 100%
}

.equipment p {
    margin: 0 0 20px
}

.equipment p:last-child {
    margin-bottom: 0
}

.equipment article {
    -ms-grid-columns: 1fr 50px 1fr;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    display: -ms-grid;
    display: grid;
    font-size: 14px;
    grid-gap: 50px;
    grid-template: "aby bby" min-content/1fr 1fr;
    line-height: 1.6;
    padding: 40px 0
}

.equipment article>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aby
}

.equipment article>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bby
}

@media (max-width:1200px) {
    .equipment .grid {
        -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
        -ms-grid-rows: -webkit-max-content 50px -webkit-max-content 50px auto;
        -ms-grid-rows: max-content 50px max-content 50px auto;
        grid-template: "aa aa bb" -webkit-max-content "cc dd dd" -webkit-max-content "ee . ."/1fr 1fr 1fr;
        grid-template: "aa aa bb" max-content "cc dd dd" max-content "ee . ."/1fr 1fr 1fr
    }
    .equipment .grid>.item:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1
    }
    .equipment .grid>.item:nth-child(2) {
        -ms-grid-column: 5;
        -ms-grid-row: 1
    }
    .equipment .grid>.item:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .equipment .grid>.item:nth-child(4) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
        -ms-grid-row: 3
    }
    .equipment .grid>.item:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
}

@media (max-width:700px) {
    .equipment .grid {
        -ms-grid-columns: 1fr 50px 1fr;
        -ms-grid-rows: -webkit-max-content 50px -webkit-max-content 50px -webkit-max-content 50px auto;
        -ms-grid-rows: max-content 50px max-content 50px max-content 50px auto;
        grid-template: "aa aa" -webkit-max-content "bb cc" -webkit-max-content "dd dd" -webkit-max-content "ee ."/1fr 1fr;
        grid-template: "aa aa" max-content "bb cc" max-content "dd dd" max-content "ee ."/1fr 1fr
    }
    .equipment .grid>.item:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1
    }
    .equipment .grid>.item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .equipment .grid>.item:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .equipment .grid>.item:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 5
    }
    .equipment .grid>.item:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
}

@media (max-width:900px) {
    .equipment article {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 0 -webkit-min-content;
        -ms-grid-rows: min-content 0 min-content;
        grid-gap: 0;
        grid-template: "aby" -webkit-min-content "bby" min-content/1fr;
        grid-template: "aby" min-content "bby" min-content/1fr
    }
    .equipment article>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .equipment article>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

.factory article,
.factory img {
    display: flex
}

.factory {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.factory .factory__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.factory p,
.factory ul {
    margin: 20px 0
}

.factory ul {
    color: #c7771b
}

.factory ul>li>span {
    color: #000
}

.factory figure {
    margin: 0;
    position: relative
}

.factory figcaption {
    background: #f28917;
    border-radius: 6px 0 0 6px;
    bottom: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.factory img {
    width: 100%
}

article .col {
    margin-right: 50px;
    width: 100%
}

article .col:last-child {
    margin-right: 0
}

@media (max-width:900px) {
    .factory article {
        display: block;
        flex-direction: column
    }
    article .col {
        margin-right: 0
    }
    .factory figcaption {
        font-size: 11px;
        font-weight: 400;
        line-height: 1.5;
        padding: 10px 15px
    }
}

@media (max-width:750px) {
    .factory figcaption {
        display: none
    }
}

.tag_bar {
    -ms-grid-columns: 1fr 20px -webkit-max-content;
    -ms-grid-columns: 1fr 20px max-content;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    align-items: start;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "a b" min-content/1fr -webkit-max-content;
    grid-template: "a b" min-content/1fr max-content;
    margin-bottom: 20px
}

.tag_list {
    grid-area: a
}

#order__form .fields-container>.tag_list,
.catalog>.tag_list,
.contacts__footer>.tag_list,
.menu .navbar>.tag_list,
.product .row>.tag_list,
.tag_bar>.tag_list,
.tag_list {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.tag_bar>.button-bar {
    grid-area: b
}

#order__form .fields-container>.tag_bar>.button-bar,
.catalog>.tag_bar>.button-bar,
.contacts__footer>.tag_bar>.button-bar,
.menu .navbar>.tag_bar>.button-bar,
.product .row>.tag_bar>.button-bar,
.tag_bar>.button-bar,
.tag_bar>.tag_bar>.button-bar {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.tag_list>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.tag_list>ul>li>.item {
    background-color: #a7a7a7;
    display: flex;
    height: 25px;
    margin: 0 2px 2px 0
}

.tag_list>ul>li>.item:not(.active):hover {
    background-color: #929292
}

.tag_list>ul>li>.item.active {
    background-color: #c7771b;
    padding-right: 0
}

.tag_list>ul>li>.item>a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 7px;
    position: relative;
    text-decoration: none!important;
    white-space: nowrap
}

.tag_list>ul>li>.item.active>a {
    padding-right: 23px
}

.tag_list>ul>li>.item.active>a:before {
    background-image: url(/static/images/p_filters_icon_close_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 23px
}

.tag_list.hide>ul {
    height: 25px;
    overflow: hidden
}

.show_hide {
    -webkit-appearance: none;
    background: 100% no-repeat;
    background-size: 10px;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    outline: 0;
    padding: 0 15px 0 0
}

.show_hide:focus span {
    transform: translate(0)
}

.tag_bar>.show_hide {
    margin-top: 3px
}

.show_hide.hide {
    background-image: url(/static/images/p_filters_icon_arrow_down_black.svg)
}

.show_hide:not(.hide) {
    background-image: url(/static/images/p_filters_icon_arrow_up_black.svg)
}

.show_hide>.hide {
    border-bottom: 1px dotted #000;
    border-bottom: 1px dotted var(--text-color);
    color: #000;
    color: var(--text-color)
}

.show_hide>.show {
    border-bottom: 1px dotted #c7771b;
    color: #c7771b
}

.show_hide.hide>.hide {
    display: none!important
}

.show_hide.hide>.show {
    display: block!important
}

.show_hide:not(.hide)>.show {
    display: none!important
}

.show_hide:not(.hide)>.hide {
    display: block!important
}

@media (max-width:1080px) {
    .show_hide {
        bottom: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .tag_bar .show_hide,
    .tag_list.hide>ul {
        display: none
    }
}

.footer .button,
.footer .description,
.footer .title {
    font-weight: 300;
    text-transform: uppercase
}

.footer .button,
.footer a {
    text-decoration: none
}

.footer {
    background-color: #dadadad9
}

.footer .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    max-width: 1342px;
    padding: 30px 15px
}

.footer .logo {
    /*width: 205px*/
    height: 45px;
}

.footer .title {
    color: #000;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.4
}

.footer .description {
    color: #777;
    display: block;
    /*font-size: 10.3px;*/
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 15px;
    margin-top: 7px
}

@media (max-width: 1240px) {
    .footer .logo {
        height: 35px;
    }
    .footer .description {
        font-size: 14.1px;
    }
}

.footer .contacts>* {
    margin-bottom: 10px
}

.footer .contacts>:last-child,
.footer ul {
    margin-bottom: 0
}

.footer .address,
.footer .email,
.footer .phone,
.footer .whatsapp {
    background-color: transparent;
    border: none;
    color: #000;
    color: var(--text-color);
    display: flex;
    font-size: 14px;
    font-weight: 300
}

.footer .address>.icon,
.footer .email>.icon,
.footer .phone>.icon,
.footer .whatsapp>.icon {
    display: flex;
    fill: #777;
    height: 18px;
    margin-right: 7px;
    width: 18px
}

.footer .whatsapp>span:last-child>span:first-child {
    display: block
}

.footer .whatsapp>span:last-child>span:last-child {
    display: none
}

.footer .button {
    background: #f49414;
    border: 0!important;
    border-radius: 3px!important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    outline: 0;
    padding: 6px 15px 5px;
    text-align: center
}

.footer .copyright,
.footer a,
.footer li:before,
.footer ul {
    color: #000;
    color: var(--text-color)
}

.footer .button:hover {
    background: #c7771b
}

.footer .copyright {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 15px
}

.footer a:hover {
    text-decoration: underline
}

.footer ul {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    list-style: none;
    margin-top: 10px;
    padding-left: 25px
}

.footer li {
    position: relative
}

.footer li:before {
    content: "–";
    left: -15px;
    position: absolute;
    top: 0
}

@media (max-width:769px) {
    .footer .wrap {
        flex-direction: column;
        padding: 15px
    }
    .footer .wrap div:nth-child(2) {
        display: none
    }
}

@media (max-width:992px) {
    .footer .whatsapp>span:last-child>span:first-child,
    .footer .wrap div:nth-child(4) {
        display: none
    }
    .footer .whatsapp>span:last-child>span:last-child {
        display: block
    }
}

.gallery-slider {
    background-color: #dadadad9;
    padding: 30px 0 40px
}

.gallery-slider__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.gallery-slider__header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.gallery-slider__title {
    color: #000;
    color: var(--text-color);
    font-size: 25px;
    line-height: 1.4;
    text-transform: uppercase
}

.gallery-slider__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px
}

.gallery-slider__footer .button {
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    padding: 6px 15px 5px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.gallery-slider__footer .button:hover {
    background-color: #313c7f
}

.glide__slide>.wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.glide__slide>.wrapper>* {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.glide__slide>.wrapper:after {
    content: "";
    display: block;
    padding-top: 66.66667%
}

.glide__slide>.wrapper>img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.glide__arrow--left,
.glide__arrow--right {
    background-color: rgba(0, 0, 0, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 45px;
    margin-top: -15px;
    outline: 0;
    position: absolute;
    top: 50%;
    width: 45px
}

.glide__arrow--left {
    background-image: url(/static/images/p_gallery-slider_icon_prev_white.svg);
    left: 25px
}

.glide__arrow--right {
    background-image: url(/static/images/p_gallery-slider_icon_next_white.svg);
    right: 25px
}

.album .title,
.album .title:before {
    background: rgba(0, 0, 0, .5);
    position: absolute
}

.album .title,
.photo .title {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    left: 0;
    line-height: 1.4
}

.gallery__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.gallery__albums {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0
}

.gallery__albums>* {
    flex-basis: calc(20% - 16px);
    flex-grow: 0;
    flex-shrink: 0;
    max-width: calc(20% - 16px);
    width: calc(20% - 16px)
}

.gallery__albums>:nth-child(1n) {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 20px
}

.gallery__albums>:nth-last-child(-n+5) {
    margin-bottom: 0
}

.gallery__albums>:last-child,
.gallery__albums>:nth-child(5n) {
    margin-right: 0
}

.gallery__albums>.item {
    height: 100%;
    position: relative
}

.gallery__albums>.item>* {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.gallery__albums>.item:after {
    content: "";
    display: block;
    padding-top: 66.66667%
}

.gallery__albums a {
    display: flex;
    height: 100%;
    position: relative
}

.gallery img {
    object-fit: cover;
    width: 100%
}

.album .title {
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%
}

.album .title:before {
    background-image: url(/static/images/p_gallery_icon_next_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    height: 100%;
    right: 0;
    top: 0;
    width: 40px
}

.photo .title {
    background: rgba(0, 0, 0, .5);
    padding: 10px;
    position: absolute;
    width: 100%
}

.photo .title>span {
    display: flex;
    max-height: 19px;
    overflow: hidden;
    transition: max-height .2s ease-in-out
}

.photo a:hover .title>span {
    max-height: 100px
}

.back-button a {
    background-color: transparent;
    background-image: url(/static/images/p_gallery_icon_folder_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    height: 100%;
    width: 100%;
}

@media (max-width:1309px) {
    .gallery__albums {
        display: flex;
        flex-flow: row wrap
    }
    .gallery__albums>* {
        flex-basis: calc(25% - 15px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(25% - 15px);
        width: calc(25% - 15px)
    }
    .gallery__albums>:nth-child(1n) {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 20px
    }
    .gallery__albums>:nth-last-child(-n+4) {
        margin-bottom: 0
    }
    .gallery__albums>:last-child,
    .gallery__albums>:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:1049px) {
    .gallery__albums {
        display: flex;
        flex-flow: row wrap
    }
    .gallery__albums>* {
        flex-basis: calc(33.33333% - 13.33333px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(33.33333% - 13.33333px);
        width: calc(33.33333% - 13.33333px)
    }
    .gallery__albums>:nth-child(1n) {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 20px
    }
    .gallery__albums>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .gallery__albums>:last-child,
    .gallery__albums>:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:804px) {
    .gallery__albums {
        display: flex;
        flex-flow: row wrap
    }
    .gallery__albums>* {
        flex-basis: calc(50% - 10px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(50% - 10px);
        width: calc(50% - 10px)
    }
    .gallery__albums>:nth-child(1n) {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 20px
    }
    .gallery__albums>:nth-last-child(-n+2) {
        margin-bottom: 0
    }
    .gallery__albums>:last-child,
    .gallery__albums>:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:544px) {
    .gallery__albums {
        display: flex;
        flex-flow: row wrap
    }
    .gallery__albums>* {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        width: 100%
    }
    .gallery__albums>:nth-child(1n) {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 20px
    }
    .gallery__albums>:nth-last-child(-n+1) {
        margin-bottom: 0
    }
    .gallery__albums>:last-child,
    .gallery__albums>:nth-child(1n) {
        margin-right: 0
    }
}

.glide,
.glide__slides {
    position: relative;
    width: 100%
}

.glide__slides,
.glide__track {
    overflow: hidden
}

.glide {
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__slides {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    will-change: transform
}

.glide__slide,
.glide__slides--dragging {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.glide__slide {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%
}

.glide__slide a {
    -moz-user-select: none;
    -webkit-user-drag: none
}

.glide__arrows,
.glide__bullets,
.glide__slide a {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none
}

.glide--rtl {
    direction: rtl
}

:root {
    --link-color: #080c84;
    --text-color: #000;
    --ttl-color: #f49414
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    font-family: tahoma, arial, sans-serif;
    margin: 0;
    min-width: 360px
}

* {
    box-sizing: border-box
}

.header .feedback,
.header .logo>*>:last-child {
    font-weight: 300;
    text-transform: uppercase;
    white-space: nowrap
}

.header {
    -ms-grid-columns: -webkit-max-content 20px 1fr 20px -webkit-max-content;
    -ms-grid-columns: max-content 20px 1fr 20px max-content;
    -ms-grid-rows: 1fr;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "hhaa hhbb hhcc" 1fr/max-content 1fr -webkit-max-content;
    grid-template: "hhaa hhbb hhcc" 1fr/max-content 1fr max-content;
    margin: auto;
    max-width: 1342px;
    padding: 15px;
    width: 100%
}

.header>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: hhaa
}

.header>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: hhbb
}

.header>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: hhcc
}

.header .logo>a,
.header .logo>span {
    -ms-grid-columns: -webkit-max-content -webkit-max-content;
    -ms-grid-columns: max-content max-content;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-template: "la lb" 1fr/max-content -webkit-max-content;
    grid-template: "la lb" 1fr/max-content max-content;
    text-decoration: none
}

.header .logo>*>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: la
}

.header .logo>*>:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: lb
}

.header .logo>*>:first-child {
    display: flex;
    flex-direction: column
}

.header .logo>:first-child>img {
    /*width: 280px*/
    height: 45px;
}

.header .logo>*>:last-child {
    align-items: center;
    color: #777;
    display: flex;
    flex-grow: 1;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 20px;
    position: relative;
    top: 1px
}

.header .contacts {
    -ms-grid-columns: -webkit-max-content 30px -webkit-max-content;
    -ms-grid-columns: max-content 30px max-content;
    -ms-grid-rows: 1fr 12px 1fr;
    display: -ms-grid;
    display: grid;
    flex-grow: 1;
    grid-gap: 12px 30px;
    grid-template: "ha hb" 1fr "hc hd" 1fr/max-content -webkit-max-content;
    grid-template: "ha hb" 1fr "hc hd" 1fr/max-content max-content;
    justify-content: center
}

.header .contacts>* {
    display: block
}

.header .contacts>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ha
}

.header .contacts>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: hb
}

.header .contacts>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: hc
}

.header .contacts>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-area: hd
}

.header .contacts a {
    flex-grow: 1;
    text-decoration: none
}

.header .contacts a:hover {
    text-decoration: underline
}

.header .address,
.header .email,
.header .phone,
.header .whatsapp {
    background-color: transparent;
    border: none;
    color: #000;
    color: var(--text-color);
    display: flex;
    font-size: 14px;
    font-weight: 300
}

.header .address>.text,
.header .email>.text,
.header .phone>.text,
.header .whatsapp>.text {
    align-items: center;
    display: flex;
    margin-left: 7px
}

.header .address>.icon,
.header .email>.icon,
.header .phone>.icon,
.header .whatsapp>.icon {
    display: flex;
    fill: #f49414;
    height: 18px;
    width: 18px
}

.header .whatsapp>span:last-child>span:first-child {
    display: block
}

.header .whatsapp>span:last-child>span:last-child {
    display: none
}

.header .feedback {
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    padding: 6px 15px 5px
}

.header .feedback:hover {
    background-color: #313c7f
}

@media (max-width:1240px) {
    .header .logo>:first-child>img {
        /*width: 205px*/
        height: 35px;
    }
    .header .logo>*>:last-child {
        font-size: 10.3px;
        margin-left: 15px
    }
}

@media (max-width:992px) {
    .header .logo>a,
    .header .logo>span {
        -ms-grid-columns: -webkit-max-content;
        -ms-grid-columns: max-content;
        -ms-grid-rows: 1fr 1fr;
        grid-template: "la" 1fr "lb" 1fr/max-content
    }
    .header .whatsapp>span:last-child>span:first-child {
        display: none
    }
    .header .whatsapp>span:last-child>span:last-child {
        display: block
    }
    .header .logo>*>:last-child {
        font-size: 10.3px;
        margin-left: 0;
        margin-top: 7px
    }
    .header .logo>*>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .header .logo>*>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
}

@media (max-width:769px) {
    .header {
        -ms-grid-columns: 1fr 20px -webkit-max-content;
        -ms-grid-columns: 1fr 20px max-content;
        -ms-grid-rows: 1fr;
        grid-template: "hhaa hhbb" 1fr/1fr -webkit-max-content;
        grid-template: "hhaa hhbb" 1fr/1fr max-content;
        padding: 15px
    }
    .header .contacts {
        justify-content: flex-end
    }
    .header>:nth-child(3) {
        position: absolute
    }
    .header .feedback {
        -webkit-animation: call 10s linear 10s infinite;
        animation: call 10s linear 10s infinite;
        background-color: #262c52;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 420 420'%3E%3Cg fill='%23fff'%3E%3Cpath d='M222 395C117 346 0 198 0 113c0-22 8-38 26-52 36-28 50-26 85 8 32 32 37 62 14 81-25 20-18 38 36 95 60 63 79 72 112 50 27-17 51-12 85 18 28 26 28 58-1 85-30 29-69 28-135-3zm148-170c0-82-94-175-176-175-21 0-25-4-22-22 7-48 103-30 170 30 48 43 77 102 78 155 0 33-3 37-25 37-20 0-25-5-25-25z'/%3E%3Cpath d='M303 232c-6-4-13-17-17-29-8-26-61-73-82-73-8 0-14-10-14-25 0-19 5-25 23-25 52 0 127 75 127 126 0 23-20 37-37 26z'/%3E%3C/g%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 26px;
        border-radius: 1000px;
        bottom: 0;
        height: 60px;
        margin: 30px;
        position: fixed;
        right: 0;
        text-indent: -9999px;
        width: 60px;
        z-index: 555
    }
    .header .feedback:hover {
        -webkit-animation: hover 10s linear 0s infinite;
        animation: hover 10s linear 0s infinite
    }
    .header>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .header>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

@-webkit-keyframes hover {
    0%,
    2% {
        transform: rotate(25deg)
    }
    1% {
        transform: rotate(-15deg)
    }
    3%,
    to {
        transform: rotate(0)
    }
}

@keyframes hover {
    0%,
    2% {
        transform: rotate(25deg)
    }
    1% {
        transform: rotate(-15deg)
    }
    3%,
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes call {
    0%,
    2% {
        transform: rotate(25deg)
    }
    1% {
        transform: rotate(-15deg)
    }
    3%,
    to {
        transform: rotate(0)
    }
}

@keyframes call {
    0%,
    2% {
        transform: rotate(25deg)
    }
    1% {
        transform: rotate(-15deg)
    }
    3%,
    to {
        transform: rotate(0)
    }
}

@media (max-width:570px) {
    .header .contacts {
        -ms-grid-columns: -webkit-max-content 30px -webkit-max-content 30px -webkit-min-content;
        -ms-grid-columns: max-content 30px max-content 30px min-content;
        -ms-grid-rows: 1fr 12px 1fr;
        grid-template: "ha ha ha" 1fr "hb hc hd" 1fr/max-content -webkit-max-content -webkit-min-content;
        grid-template: "ha ha ha" 1fr "hb hc hd" 1fr/max-content max-content min-content
    }
    .header .contacts>.address .text,
    .header .contacts>.email .text,
    .header .contacts>.whatsapp .text {
        display: none
    }
    .header .contacts>:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
        -ms-grid-row: 1
    }
    .header .contacts>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .header .contacts>:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .header .contacts>:nth-child(4) {
        -ms-grid-column: 5;
        -ms-grid-row: 3
    }
}

@media (max-width:479px) {
    .header .logo>:first-child>img {
        width: 180px
    }
    .header .logo>*>:last-child {
        font-size: 9px
    }
}

.main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.fut-bolt .b,
.fut-bolt .c {
    display: -ms-grid;
    display: grid;
    font: 300 14px/1.6 tahoma, sans-serif;
    grid-gap: 30px
}

.fut-bolt .kartinka>a>img,
.fut-bolt .second-foto2 img {
    width: 100%
}

.fut-bolt .b {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: 1fr;
    grid-template: "aay bby" 1fr/1fr 1fr
}

.fut-bolt .b>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aay
}

.fut-bolt .b>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bby
}

@media (max-width:900px) {
    .fut-bolt .b>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

.fut-bolt .c {
    -ms-grid-columns: 1fr 30px 300px;
    -ms-grid-rows: 1fr;
    grid-template: "aaz bbz" 1fr/1fr 300px
}

.fut-bolt .c>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aaz
}

.fut-bolt .c>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bbz
}

.fut-bolt img {
    margin: auto;
    max-width: 100%
}

.fut-bolt b {
    font-weight: 600
}

.fut-bolt .zagolovok {
    display: flex;
    font: 600 16px/1.3 tahoma, sans-serif;
    margin-top: 20px;
    text-transform: uppercase
}

.fut-bolt .zagolovok>span {
    border-bottom: 2px solid #f49414;
    padding-bottom: 5px;
    padding-top: 15px;
}

.fut-bolt ul {
    font: 300 14px/1.6 tahoma, sans-serif
}

.fut-bolt ul>li {
    color: #c7771b
}

.fut-bolt ul>li>span {
    color: #000
}

.fut-bolt .second-foto2 {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: 1fr 30px 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "aax bbx" 1fr "ccx ddx" 1fr/1fr 1fr;
    margin: auto;
    max-width: 750px
}

.fut-bolt .second-foto2>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: aax
}

.fut-bolt .second-foto2>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bbx
}

.fut-bolt .second-foto2>:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: ccx
}

.fut-bolt .second-foto2>:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-area: ddx
}

.fut-bolt .second-foto2>div>span {
    display: flex;
    font: 300 14px/1.4 tahoma, sans-serif
}

.fut-bolt .kartinka {
    display: -ms-grid;
    display: grid
}

.fut-bolt .kartinka>p {
    text-align: center
}

@media (max-width:780px) {
    .fut-bolt .b {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-max-content 30px -webkit-max-content;
        -ms-grid-rows: max-content 30px max-content;
        grid-template: "aay" -webkit-max-content "bby" max-content/1fr;
        grid-template: "aay" max-content "bby" max-content/1fr
    }
    .fut-bolt .c {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 30px -webkit-min-content;
        -ms-grid-rows: min-content 30px min-content;
        grid-template: "aaz" -webkit-min-content "bbz" min-content/1fr;
        grid-template: "aaz" min-content "bbz" min-content/1fr
    }
    .fut-bolt .b>article>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .fut-bolt .b>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .fut-bolt .b>.b>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .fut-bolt .c>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .fut-bolt .c>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

.products .list {
    border-bottom: 2px solid transparent;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.products .list>* {
    border-bottom: 2px solid transparent;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 25%;
    width: 25%
}

.products .list>:nth-child(1n) {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.products .list>:nth-last-child(-n+4) {
    margin-bottom: 0
}

.products .list>:last-child,
.products .list>:nth-child(4n) {
    margin-right: 0
}

.products .list .item a {
    color: #000;
    color: var(--text-color);
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    padding: 20px 20px 16px;
    text-decoration: none
}

.products .list .item:hover {
    border-bottom-color: #f49414
}

.products .list .item span {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3
}

@media (max-width:529px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        width: 100%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+1) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(1n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(odd) {
        background: #e8e8e894
    }
    .products .list .item a {
        -ms-grid-columns: -webkit-min-content auto;
        -ms-grid-columns: min-content auto;
        grid-gap: 10px;
        grid-template-columns: -webkit-min-content auto;
        grid-template-columns: min-content auto;
        padding: 15px 10px 13px
    }
    .products .list .item img {
        max-width: 100px
    }
}

@media (min-width:530px) {
    .products .list .item>a>div {
        height: 100%;
        position: relative
    }
    .products .list .item>a>div>* {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .products .list .item>a>div:after {
        content: "";
        display: block;
        padding-top: 33.33333%
    }
    .products .list .item a {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 20px -webkit-max-content;
        -ms-grid-rows: 1fr 20px max-content;
        grid-template: "a" 1fr "b" max-content/1fr
    }
    .products .list .item img {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-area: a;
        height: 100%;
        margin: auto;
        max-width: 160px;
        object-fit: contain;
        width: 100%
    }
    .products .list .item span {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        display: block;
        grid-area: b;
        justify-content: center;
        margin: auto;
        text-align: center
    }
    .products .list .item a>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.col2 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.contacts__footer>.video {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.tag_bar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:530px) and (max-width:778px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%;
        width: 50%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+2) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(2n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(4n),
    .products .list>.item:nth-child(4n-3) {
        background: #e8e8e894
    }
}

@media (min-width:779px) and (max-width:891px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 33.33333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.33333%;
        width: 33.33333%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(3n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(odd) {
        background: #e8e8e8
    }
}

@media (min-width:892px) and (max-width:1059px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 33.33333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.33333%;
        width: 33.33333%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(3n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(odd) {
        background: #e8e8e894
    }
}

@media (min-width:1060px) and (max-width:1299px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 33.33333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.33333%;
        width: 33.33333%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(3n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(odd) {
        background: #e8e8e894
    }
}

@media (min-width:1300px) {
    .products .list {
        display: flex;
        flex-flow: row wrap
    }
    .products .list>* {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%;
        width: 25%
    }
    .products .list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .products .list>:nth-last-child(-n+4) {
        margin-bottom: 0
    }
    .products .list>:last-child,
    .products .list>:nth-child(4n) {
        margin-right: 0
    }
    .products .list>.item:nth-child(8n),
    .products .list>.item:nth-child(8n-2),
    .products .list>.item:nth-child(8n-5),
    .products .list>.item:nth-child(8n-7) {
        background: #e8e8e894
    }
}

.main-slider {
    padding: 0 0 40px
}

.main-slider__slider {
    margin: auto;
    position: relative
}

.main-slider__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.main-slider__arrow {
    background-color: rgba(0, 0, 0, .5);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 45px;
    margin-top: -15px;
    outline: 0;
    position: absolute;
    top: 50%;
    width: 45px
}

.main-slider__arrow--left {
    background-image: url(/static/images/p_main-slider_icon_prev_white.svg);
    left: 25px
}

.main-slider__arrow--right {
    background-image: url(/static/images/p_main-slider_icon_next_white.svg);
    right: 25px!important
}

.main-slider__wrap .wrapper {
    height: 0;
    padding-top: 33.283%;
    position: relative;
    width: 100%
}

.main-slider__wrap .wrapper>img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main-slider__bullets {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 15px;
    position: absolute;
    right: 0
}

.main-slider__bullet {
    background-color: hsla(0, 0%, 100%, .4);
    border: none;
    cursor: pointer;
    height: 5px;
    margin-right: 15px;
    outline: 0;
    width: 45px
}

.main-slider__bullet:last-child {
    margin-right: 0
}

.main-slider__bullet--active {
    background-color: #f49414;
    background-color: var(--ttl-color)
}

.delivery-map {
    padding: 30px 0 40px
}

.delivery-map__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.delivery-map__header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.delivery-map__title {
    color: #000;
    color: var(--text-color);
    font-size: 25px;
    line-height: 1.4;
    text-transform: uppercase
}

.delivery-map__img {
    display: flex;
    margin: auto;
    max-width: 860px;
    width: 100%
}

#modal__address {
    background: 0 0;
    border: none;
    display: none;
    padding: 0
}

#modal__address[open] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

#modal__address .modal {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    cursor: default;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 25px;
    max-height: 500px;
    max-width: 900px;
    padding: 8px;
    position: relative;
    width: 100%
}

#modal__address .modal__close {
    background-color: #ef7f1a;
    background-image: url(/static/images/p_modal_icon_close_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    height: 17px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(9px, -9px);
    width: 17px;
    z-index: 1
}

#modal__address .modal__body {
    flex-grow: 1;
    position: relative
}

#modal__address .modal__body #map {
    width: 100%;
    height: 100%;
    flex: 1;
    overflow: hidden;
    position: relative;
}

#modal__address .modal__body #map iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.dg-popup__container .address:before,
.dg-popup__container .phone:before,
.dg-popup__container .workhours:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    left: 0;
    width: 14px
}

#modal__address .modal__footer {
    padding: 10px
}

.dg-popup__container .title {
    color: #f49926;
    font-size: 17px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 0;
}

.dg-popup__container .address,
.dg-popup__container .phone {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 25px
}

.dg-popup__container .address {
    position: relative
}

.dg-popup__container .address:before {
    background-image: url(/static/images/p_map-widget_icon_map_white.svg);
    position: absolute
}

.dg-popup__container .phone {
    position: relative
}

.dg-popup__container .phone:before {
    background-image: url(/static/images/p_map-widget_icon_phone_white.svg);
    position: absolute
}

.dg-popup__container .workhours {
    color: #deb57a;
    font-size: 14px;
    font-weight: 400;
    padding-left: 25px;
    position: relative
}

.dg-popup__container .workhours:before {
    background-image: url(/static/images/p_map-widget_icon_clock_orange.svg);
    position: absolute
}

body.menu-open>.menu-backdrop {
    background-color: transparent;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.menu {
    background-color: #f49414;
    background-color: var(--ttl-color);
    border-bottom: 2px solid #fff;
    height: 55px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.menu>.menu__wrap {
    height: 100%;
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.menu .navbar {
    -ms-grid-columns: minmax(-webkit-min-content, 1fr) 8px minmax(-webkit-min-content, 500px);
    -ms-grid-columns: minmax(min-content, 1fr) 8px minmax(min-content, 500px);
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 8px;
    grid-template: "a b" 1fr/minmax(-webkit-min-content, 1fr) minmax(-webkit-min-content, 500px);
    grid-template: "a b" 1fr/minmax(min-content, 1fr) minmax(min-content, 500px);
    height: 100%
}

.menu .navbar>.navbar-toggle {
    background-color: #c7771b;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0 27px
}

.menu .navbar:not(.menu__navbar--hidden)>.navbar-toggle {
    background-color: #e33220;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1860' height='1860' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M1860 219l-711 711 711 711-219 219-711-711-711 711L0 1641l711-711L0 219 219 0l711 711L1641 0z'/%3E%3C/svg%3E")
}

.menu .navbar.menu__navbar--hidden>.navbar-toggle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1860' height='1860' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 1550h1860v310H0v-310zM1860 0v310H0V0h1860zm0 775v310H0V775h1860z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.menu .navbar.menu__navbar--hidden>.navbar-toggle,
.menu .navbar:not(.menu__navbar--hidden)>.navbar-toggle:active {
    background-color: #c7771b
}

.menu .navbar.menu__navbar--hidden>.navbar-toggle:active {
    background-color: #e33220
}

.menu .navbar:not(.menu__navbar--hidden)>.navbar-toggle:not(:focus) {
    background-color: #c7771b
}

.menu .navbar>.navbar-toggle>.icon-bar {
    background-color: #fff;
    display: block;
    height: 2px;
    width: 22px
}

.menu .navbar>.navbar-toggle>.icon-bar:nth-child(2) {
    margin: 4px 0
}

.menu .navbar>.navbar-nav {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    display: flex;
    flex-grow: 1;
    grid-area: a;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.menu .navbar>.navbar-nav>li>a,
.menu .navbar>.navbar-nav>li>span {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 300;
    height: 100%;
    line-height: 1.5;
    padding: 0 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.menu .navbar>.navbar-nav>li.active>a,
.menu .navbar>.navbar-nav>li.active>span {
    background-color: #c7771b
}

.menu .navbar>.navbar-nav>.dropdown>a>span,
.menu .navbar>.navbar-nav>.dropdown>span>span {
    position: relative
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-toggle>span {
    margin-right: 20px
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-toggle>span:before {
    background-image: url(/static/images/p_menu_icon_arrow_down_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 10px;
    position: absolute;
    right: -20px;
    top: 5px;
    width: 10px
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>a,
.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>span {
    display: flex;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    padding: 0 15px;
    text-decoration: none;
    white-space: nowrap
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>a {
    color: #000;
    color: var(--text-color)
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>a:focus,
.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>a:hover {
    text-decoration: underline
}

.menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>span {
    color: rgba(0, 0, 0, .3)
}

.menu .navbar>.navbar-nav>.dropdown>a>span:after,
.menu .navbar>.navbar-nav>.dropdown>span>span:after {
    background-color: hsla(0, 0%, 100%, .4);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: .4s;
    width: 50%
}

.menu .navbar>.navbar-nav>.dropdown>a:hover>span:after,
.menu .navbar>.navbar-nav>.dropdown>span>span:after {
    width: 100%
}

.menu .navbar>.search {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    background: #fff;
    border-radius: 3px;
    grid-area: b;
    margin: 8px 0;
    overflow: hidden;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.menu .navbar>.search>.searchform {
    display: inline-flex;
    height: 100%;
    width: 100%
}

.menu .navbar>.search>.searchform>.input {
    background: 0 0;
    border: 0;
    color: #000;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    outline: 0;
    padding-left: 20px;
    transition: all .3s ease-in-out;
    width: 100%
}

.menu .navbar>.search>.searchform>.search-submit {
    background-color: #dadadad9;
    background-image: url(/static/images/p_menu_icon_find_gray.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0;
    outline: 0;
    width: 65px
}

.menu .navbar>.search>.searchform>.search-submit:hover {
    background-color: #fbca85
}

@media (min-width:992px) {
    .menu .navbar>.navbar-nav {
        min-width: 600px
    }
    .menu .navbar>.navbar-nav>.dropdown {
        flex: 1 1
    }
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-menu {
        display: none;
        padding-top: 2px;
        position: absolute;
        z-index: 555
    }
    .menu .navbar>.navbar-nav>.dropdown:hover>.dropdown-menu,
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-toggle:focus+.dropdown-menu {
        display: block
    }
    .menu .navbar>.navbar-nav>.dropdown:not(.active):hover>a,
    .menu .navbar>.navbar-nav>.dropdown:not(.active)>.dropdown-toggle:focus {
        background-color: #f7ab4b
    }
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        list-style: none;
        margin: 0;
        min-width: 160px;
        padding: 15px 0
    }
}

@media (max-width:991px) {
    .menu .navbar {
        -ms-grid-columns: -webkit-min-content 8px 1fr;
        -ms-grid-columns: min-content 8px 1fr;
        -ms-grid-rows: 1fr;
        grid-template: "a b" 1fr/min-content 1fr
    }
    .menu .navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        display: block;
        grid-area: a
    }
    .menu .navbar.menu__navbar--hidden>.navbar-nav,
    .menu .navbar>.navbar-nav>.dropdown.hidden>.dropdown-menu,
    .menu .navbar>.navbar-nav>.dropdown>a>span:after,
    .menu .navbar>.navbar-nav>.dropdown>span>span:after {
        display: none
    }
    .menu .navbar>.navbar-nav {
        background: #f49414;
        border-top: 2px solid #fff;
        flex-direction: column;
        height: auto;
        left: 0;
        margin: auto;
        padding: 10px 0;
        position: absolute;
        right: 0;
        top: 100%
    }
    .menu .navbar>.navbar-nav>li>a,
    .menu .navbar>.navbar-nav>li>span {
        padding: 10px 15px
    }
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul {
        list-style: none;
        margin: 0;
        padding: 10px
    }
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>a {
        color: #fff
    }
    .menu .navbar>.navbar-nav>.dropdown>.dropdown-menu>ul>li>span {
        color: hsla(0, 0%, 100%, .5)
    }
    .menu .navbar>.navbar-nav>.dropdown:not(.active):hover>a {
        background-color: #f7ab4b
    }
    .menu .navbar>.search {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        grid-area: b
    }
    .menu .navbar>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.fields-container>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.col2 {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.catalog>.products {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.products {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.contacts__footer>.video {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.tag_bar>.button-bar {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>span {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.navbar>.navbar-nav {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.navbar>.search {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

[data-toggle=accordion]>ul>li>.content>ul {
    list-style-position: inside;
    list-style-type: square;
    margin: 0;
    padding: 10px 42px 9px 17px
}

[data-toggle=accordion]>ul>li>.content>ul>li>a,
[data-toggle=accordion]>ul>li>.content>ul>li>span {
    color: #000;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    text-decoration: none;
    text-transform: uppercase
}

[data-toggle=accordion]>ul>li>.content>ul>li.active span {
    color: #c7771b
}

[data-toggle=accordion]>ul>li>.content>ul>li>a:focus,
[data-toggle=accordion]>ul>li>.content>ul>li>a:hover {
    text-decoration: underline
}

[data-toggle=accordion]>ul>li>.content>ul>li {
    list-style-type: none;
    position: relative
}

[data-toggle=accordion]>ul>li>.content>ul>li.active:before {
    background-image: url(/static/images/p_accordion_icon_arrow_right_orange.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    left: -17px;
    position: absolute;
    top: 5px;
    transition: .3s;
    width: 12px
}

.quantity>div:first-child {
    align-items: center;
    display: flex
}

.quantity>div:first-child>.field-container {
    margin-right: 24px
}

.quantity>div:last-child>.field-container {
    margin: 0 0 0 25px
}

.quantity>div:first-child>input {
    width: 60px!important
}

.quantity>div:last-child {
    align-items: center;
    display: flex;
    flex-grow: 1
}

#order__form {
    background: 0 0;
    border: none;
    display: none;
    padding: 0
}

#order__form[open] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

#order__form .modal {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: 25px;
    max-width: 425px;
    min-width: 350px;
    padding: 20px;
    position: relative;
    width: 100%
}

#order__form .modal__header {
    border-bottom: 2px solid #ef7f1a;
    display: flex;
    flex-direction: column;
    margin-top: -5px;
    padding-bottom: 9px
}

#order__form .modal__title {
    color: #ef7f1f;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

#order__form .modal__subtitle {
    color: #ef7f1f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-top: 3px
}

#order__form .modal__close {
    background-color: #ef7f1a;
    background-image: url(/static/images/p_modal_icon_close_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    height: 17px;
    margin: 7px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    z-index: 1
}

#order__form .modal__body {
    padding-top: 15px
}

#order__form .modal__footer {
    -ms-grid-columns: 1fr -webkit-min-content;
    -ms-grid-columns: 1fr min-content;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template: "aq bq" min-content/1fr -webkit-min-content;
    grid-template: "aq bq" min-content/1fr min-content;
    margin-top: 15px
}

#order__form .modal__footer>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    align-items: center;
    display: flex;
    grid-area: aq
}

#order__form .modal__footer>:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: bq
}

#order__form .modal__footer .error {
    color: #b3140f;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

#order__form .fields-container {
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    -ms-grid-rows: -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content 15px -webkit-min-content;
    -ms-grid-rows: min-content 15px min-content 15px min-content 15px min-content 15px min-content 15px min-content 15px min-content 15px min-content;
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
    grid-template: "a b c d" -webkit-min-content "e f f f" -webkit-min-content "g h h h" -webkit-min-content "i j j j" -webkit-min-content "k l l l" -webkit-min-content "m n n n" -webkit-min-content "o p p p" -webkit-min-content "r r r r" min-content/1fr 1fr 1fr 1fr;
    grid-template: "a b c d" min-content "e f f f" min-content "g h h h" min-content "i j j j" min-content "k l l l" min-content "m n n n" min-content "o p p p" min-content "r r r r" min-content/1fr 1fr 1fr 1fr
}

#order__form .fields-container>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: a
}

#order__form .fields-container>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: b
}

#order__form .fields-container>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: c;
    white-space: nowrap
}

#order__form .fields-container>:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
    grid-area: d
}

#order__form .fields-container>:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: e
}

#order__form .fields-container>:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 3;
    grid-area: f
}

#order__form .fields-container>:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    grid-area: g
}

#order__form .fields-container>:nth-child(8) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 5;
    grid-area: h
}

#order__form .fields-container>:nth-child(9) {
    -ms-grid-column: 1;
    -ms-grid-row: 7;
    grid-area: i
}

#order__form .fields-container>:nth-child(10) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 7;
    grid-area: j
}

#order__form .fields-container>:nth-child(11) {
    -ms-grid-column: 1;
    -ms-grid-row: 9;
    grid-area: k
}

#order__form .fields-container>:nth-child(12) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 9;
    grid-area: l
}

#order__form .fields-container>:nth-child(13) {
    -ms-grid-column: 1;
    -ms-grid-row: 11;
    grid-area: m
}

#order__form .fields-container>:nth-child(14) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 11;
    grid-area: n
}

#order__form .fields-container>:nth-child(15) {
    -ms-grid-column: 1;
    -ms-grid-row: 13;
    grid-area: o
}

#order__form .fields-container>:nth-child(16) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 13;
    grid-area: p
}

#order__form .fields-container>:nth-child(17) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-row: 15;
    grid-area: r
}

.legal>label {
    align-items: center;
    display: flex
}

.legal {
    font-size: 14px;
    margin: 20px 0
}

.legal input[type=checkbox] {
    margin-right: 10px
}

.legal a {
    color: #080c84;
    color: var(--link-color)
}

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

#order__form .fields-container>div {
    display: flex;
    margin-top: 4px
}

#order__form .fields-container>div:last-child {
    margin-bottom: 0
}

#order__form .field-container {
    color: #3c3c3c;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 300
}

.field-container.required:after {
    color: #ef7f1a;
    content: "*";
    margin-left: 3px
}

#order__form .submit {
    background-color: #262c52;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 300;
    justify-self: right;
    line-height: 1.4;
    outline: 0;
    padding: 7px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

#order__form .submit:hover {
    background-color: #313c7f
}

#order__form .fields-container>input,
#order__form textarea {
    border: 1px solid #939393;
    border-radius: 5px;
    padding: 6px;
    width: 100%
}

#order__form textarea {
    resize: none
}

#order__form select {
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 5px;
    padding: 4px
}

#order__form .success {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

@media (max-width:479px) {
    #order__form .modal__footer {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content -webkit-min-content;
        -ms-grid-rows: min-content min-content;
        grid-template: "aq" -webkit-min-content "bq" min-content/1fr;
        grid-template: "aq" min-content "bq" min-content/1fr
    }
    #order__form .modal__footer .error {
        margin-bottom: 15px;
        text-align: center
    }
    #order__form .modal__footer .error,
    #order__form .submit {
        -ms-grid-column-align: center;
        justify-self: center
    }
    #order__form .modal__footer>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    #order__form .modal__footer>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
}

.page404 {
    margin: 50px auto
}

.page404 img {
    display: flex;
    margin: auto;
    width: 665px
}

.page404 p {
    font-size: 14px;
    margin: 50px 0;
    text-align: center
}

.page404 .buttons {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 500px
}

.page404 .button {
    width: 200px
}

.paginationbutton {
    background-color: #262c52;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    margin: 20px auto auto;
    outline: 0;
    padding: 6px 20px 4px;
    position: relative;
    text-transform: uppercase
}

.paginationbutton:hover {
    background-color: #313c7f
}

.paginationbutton.load {
    background-color: #f29015
}

.paginationbutton.load>span:first-child {
    visibility: hidden
}

.paginationbutton.load:before {
    -webkit-animation: rotating 1.5s linear infinite;
    animation: rotating 1.5s linear infinite;
    background-image: url(/static/images/p_pagination_icon_preloader_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 21px;
    bottom: 0;
    content: "";
    height: 21px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.pswp__bg {
    background-color: rgba(0, 0, 0, .92);
    opacity: 1
}

.pswp__img {
    background-color: transparent;
    object-fit: contain
}

.pswp__button,
.pswp__caption,
.pswp__counter {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    height: 45px;
    width: 45px
}

.pswp__button--arrow--left {
    background-image: url(/static/images/p_gallery-slider_icon_prev_white.svg);
    left: 2%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.pswp__button--arrow--right {
    background-image: url(/static/images/p_gallery-slider_icon_next_white.svg);
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%)
}

.pswp__button--close {
    background-image: url(/static/images/p_gallery-slider_icon_close_white.svg);
    position: absolute;
    right: 2%;
    top: 2%
}

.pswp__counter {
    border-radius: 555px;
    color: #fff;
    font-size: 14px;
    left: 50%;
    padding: 4px 9px;
    position: absolute;
    top: 2%;
    transform: translate(-50%)
}

.pswp__caption {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.pswp__caption__center {
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin: auto;
    padding: 10px;
    text-align: center
}

.pswp__caption--fake {
    display: none
}

.privacy a,
.privacy p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.privacy__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.directory {
    flex-grow: 1;
    padding: 30px 0 40px
}

.directory__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.directory__header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.directory-header__title {
    color: #000;
    color: var(--text-color);
    font-size: 25px;
    line-height: 1.4;
    text-transform: uppercase
}

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

.directory__list .directory__item {
    background-color: #dadadad9
}

.directory__list .directory__item a {
    border-bottom: 2px solid transparent;
    color: #000;
    color: var(--text-color);
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    padding: 20px 20px 16px;
    text-decoration: none
}

.directory__list .directory__item a:hover {
    border-bottom-color: #f49414
}

.directory__list .directory__item span {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3
}

@media (max-width:539px) {
    .directory__list {
        display: flex;
        flex-flow: row wrap
    }
    .directory__list>* {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        width: 100%
    }
    .directory__list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .directory__list>:nth-last-child(-n+1) {
        margin-bottom: 0
    }
    .directory__list>:last-child,
    .directory__list>:nth-child(1n) {
        margin-right: 0
    }
    .directory__list>.directory__item:nth-child(odd) {
        background: #e8e8e8
    }
    .directory__list .directory__item a {
        -ms-grid-columns: -webkit-max-content 20px 1fr;
        -ms-grid-columns: max-content 20px 1fr;
        -ms-grid-rows: 1fr;
        grid-template: "a b" 1fr/max-content 1fr
    }
    .directory__list .directory__item img {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-area: a;
        max-width: 100px
    }
    .directory__list .directory__item span {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        grid-area: b
    }
    .directory__list .directory__item a>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.col2 {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.catalog>.products {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.products {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.contacts__footer>.video {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.tag_bar>.button-bar {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>span {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.navbar>.navbar-nav,
    .directory__list .directory__item a>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.navbar>.search {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.fields-container>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

@media (min-width:540px) {
    .directory__list .directory__item {
        height: 100%;
        position: relative;
        width: 100%
    }
    .directory__list .directory__item>* {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .directory__list .directory__item:after {
        content: "";
        display: block;
        padding-top: 66.66667%
    }
    .directory__list .directory__item a {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 20px -webkit-min-content;
        -ms-grid-rows: 1fr 20px min-content;
        grid-template: "a" 1fr "b" min-content/1fr
    }
    .directory__list .directory__item img {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-area: a;
        height: 100%;
        margin: auto;
        max-width: 160px;
        object-fit: contain
    }
    .directory__list .directory__item span {
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        grid-area: b;
        justify-content: center;
        margin: auto;
        text-align: center
    }
}

@media (min-width:540px) and (max-width:1079px) {
    .product .row>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.contacts__footer>.video {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.tag_bar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.navbar>.navbar-nav,
    .product .row>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.navbar>.search {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .product .row>.fields-container>:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .product .row>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .product .row>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) and (max-width:1080px) {
    .catalog>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.contacts__footer>.video {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
    }
    .catalog>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.tag_bar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>.navbar>.navbar-nav,
    .catalog>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.navbar>.search {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .catalog>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .catalog>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) and (max-width:1240px) {
    .contacts__footer>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.tag_bar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>.navbar>.navbar-nav,
    .contacts__footer>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.navbar>.search {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .contacts__footer>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .contacts__footer>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) and (min-width:530px) {
    .products .list .item a>.navbar>.navbar-nav,
    .products .list .item a>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.navbar>.search {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .products .list .item a>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .products .list .item a>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) and (max-width:991px) {
    .menu .navbar>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.navbar>.search {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>.fields-container>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .menu .navbar>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .menu .navbar>span {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

@media (min-width:540px) and (max-width:539px) {
    .directory__list .directory__item a>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>span {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

@media (min-width:540px) and (min-width:540px) {
    .directory__list .directory__item a>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) {
    .directory__list .directory__item a>.col1 {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.col2 {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>.sidebar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.catalog>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.products {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>#contacts-map {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.contacts__footer>.video {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>.tag_list {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.tag_bar>.button-bar {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>.navbar>.navbar-nav,
    .directory__list .directory__item a>.navbar>.navbar-toggle {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.navbar>.search {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>.fields-container>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>.fields-container>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .directory__list .directory__item a>img {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .directory__list .directory__item a>span {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (min-width:540px) and (max-width:768px) {
    .directory__list {
        display: flex;
        flex-flow: row wrap
    }
    .directory__list>* {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%;
        width: 50%
    }
    .directory__list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .directory__list>:nth-last-child(-n+2) {
        margin-bottom: 0
    }
    .directory__list>:last-child,
    .directory__list>:nth-child(2n) {
        margin-right: 0
    }
    .directory__list>.directory__item:nth-child(4n),
    .directory__list>.directory__item:nth-child(4n-3) {
        background: #e8e8e8
    }
}

@media (min-width:769px) and (max-width:991px) {
    .directory__list {
        display: flex;
        flex-flow: row wrap
    }
    .directory__list>* {
        flex-basis: 33.33333%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 33.33333%;
        width: 33.33333%
    }
    .directory__list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .directory__list>:nth-last-child(-n+3) {
        margin-bottom: 0
    }
    .directory__list>:last-child,
    .directory__list>:nth-child(3n) {
        margin-right: 0
    }
    .directory__list>.directory__item:nth-child(odd) {
        background: #e8e8e8
    }
}

@media (min-width:992px) and (max-width:1239px) {
    .directory__list {
        display: flex;
        flex-flow: row wrap
    }
    .directory__list>* {
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 25%;
        width: 25%
    }
    .directory__list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .directory__list>:nth-last-child(-n+4) {
        margin-bottom: 0
    }
    .directory__list>:last-child,
    .directory__list>:nth-child(4n) {
        margin-right: 0
    }
    .directory__list>.directory__item:nth-child(8n),
    .directory__list>.directory__item:nth-child(8n-2),
    .directory__list>.directory__item:nth-child(8n-5),
    .directory__list>.directory__item:nth-child(8n-7) {
        background: #e8e8e8
    }
}

@media (min-width:1240px) {
    .directory__list {
        display: flex;
        flex-flow: row wrap
    }
    .directory__list>* {
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 20%;
        width: 20%
    }
    .directory__list>:nth-child(1n) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .directory__list>:nth-last-child(-n+5) {
        margin-bottom: 0
    }
    .directory__list>:last-child,
    .directory__list>:nth-child(5n) {
        margin-right: 0
    }
    .directory__list>.directory__item:nth-child(odd) {
        background: #e8e8e894
    }
}

.cert>div,
.infografika>.title,
.sertificates2 .title {
    text-align: center
}

.quality .quality__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.sertificates {
    display: flex;
    justify-content: center;
    margin: 35px 0 85px
}

.sertificates a {
    padding-right: 20px
}

.sertificates a:last-child {
    padding-right: 0
}

.sertificates5 {
    display: flex;
    justify-content: center;
    margin: 35px 0
}

.sertificates5 a {
    padding-right: 20px
}

.sertificates5 a:last-child {
    padding-right: 0
}

.sertificates2 .list2 {
    -ms-grid-columns: 1fr 20px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "ayrry byrry" 1fr/1fr 1fr
}

.sertificates2 .list2>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    display: block;
    grid-area: ayrry
}

.sertificates2 .list2>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    display: block;
    grid-area: byrry
}

.cert {
    -ms-grid-columns: 1fr 50px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    grid-template: "ayrrx byrrx" 1fr/1fr 1fr;
    margin: 30px 0
}

.cert>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ayrrx
}

.cert>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: byrrx
}

.cert>div {
    -ms-grid-columns: 1fr;
    -ms-grid-rows: -webkit-min-content 1fr;
    -ms-grid-rows: min-content 1fr;
    display: -ms-grid;
    display: grid;
    grid-template: "ayrryx" -webkit-min-content "byrryx" 1fr/1fr;
    grid-template: "ayrryx" min-content "byrryx" 1fr/1fr
}

.cert>div>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ayrryx;
    margin-bottom: 15px
}

.cert>div>:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-area: byrryx
}

.quality .images {
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
    grid-template: "ay by cy cy" 1fr/1fr 1fr 1fr 1fr
}

.quality a {
    color: #080c84;
    color: var(--link-color)
}

.quality .images>a {
    display: block
}

.quality .images>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ay
}

.quality .images>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: by
}

.quality .images>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    grid-area: cy
}

.quality img {
    object-fit: contain;
    vertical-align: middle;
    width: 100%
}

.quality .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase
}

.quality .info2>p,
.quality p {
    font-size: 14px;
    font-weight: 300
}

.quality .title>span {
    border-bottom: 2px solid #f49414;
    border-bottom: 2px solid var(--ttl-color)
}

.quality p {
    line-height: 1.6;
    margin: 0
}

.quality .title+p {
    margin-top: 10px
}

.quality .infografika>div {
    margin-top: 45px
}

.quality .info2>p {
    line-height: 1.4;
    margin: 20px 0
}

.quality .info2>p>span {
    font-weight: 600
}

.text2 {
    -ms-grid-columns: 1fr 30px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "zzaazzx zzbbzzx" 1fr/1fr 1fr
}

.text2>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: zzaazzx
}

.text2>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: zzbbzzx
}

.cert img {
    width: auto
}

.quality .slogan {
    color: #f49414;
    color: var(--ttl-color);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.2;
    padding: 20px 0
}

.quality .quote {
    color: #c7771b;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: right
}

.quality .quote span:last-child {
    display: block;
    font-weight: 600
}

.quality__header {
    -ms-grid-columns: 2fr 30px 3fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template: "zzaazz zzbbzz" 1fr/2fr 3fr;
    padding-top: 20px
}

.quality__header>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: zzaazz
}

.quality__header>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    align-self: flex-end;
    grid-area: zzbbzz;
    height: 100%;
    object-position: right bottom;
    width: 100%
}

.sertificates2>.title {
    margin-top: 85px
}

.quality .text>div {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6
}

@media (max-width:1080px) {
    .cert img {
        height: 100%;
        object-fit: contain;
        width: 100%
    }
    .quality .images {
        -ms-grid-columns: 1fr 15px 1fr;
        -ms-grid-rows: -webkit-min-content 15px -webkit-min-content;
        -ms-grid-rows: min-content 15px min-content;
        grid-template: "cy cy" -webkit-min-content "ay by" min-content/1fr 1fr;
        grid-template: "cy cy" min-content "ay by" min-content/1fr 1fr
    }
    .quality__header {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 30px 1fr;
        -ms-grid-rows: min-content 30px 1fr;
        grid-template: "zzaazz" -webkit-min-content "zzbbzz" 1fr/1fr;
        grid-template: "zzaazz" min-content "zzbbzz" 1fr/1fr
    }
    .quality__header>:nth-child(2) {
        height: auto
    }
    .quality .slogan {
        font-size: 28px
    }
    .quality .images>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .quality .images>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .quality .images>:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1
    }
    .quality__header>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .quality__header>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (max-width:660px) {
    .cert {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 20px -webkit-min-content;
        -ms-grid-rows: min-content 20px min-content;
        grid-gap: 20px;
        grid-template: "ayrrx" -webkit-min-content "byrrx" min-content/1fr;
        grid-template: "ayrrx" min-content "byrrx" min-content/1fr
    }
    .cert>div>:first-child {
        margin-bottom: 15px
    }
    .sertificates5 {
        margin: 0
    }
    .cert>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .cert>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (max-width:600px) {
    .quality .slogan {
        font-size: 21px
    }
    .text2 {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-min-content 15px -webkit-min-content;
        -ms-grid-rows: min-content 15px min-content;
        grid-gap: 15px;
        grid-template: "zzaazzx" -webkit-min-content "zzbbzzx" min-content/1fr;
        grid-template: "zzaazzx" min-content "zzbbzzx" min-content/1fr
    }
    .text2>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .text2>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

.safety a,
.safety p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.safety__wrap {
    margin: auto;
    max-width: 1342px;
    padding-left: 15px;
    padding-right: 15px
}

.safety p {
    margin: 20px 0
}

.safety a {
    color: #080c84;
    color: var(--link-color);
    padding-left: 25px;
    position: relative
}

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

.safety a:before {
    background-image: url(/static/images/pdf_icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 23px;
    content: "";
    height: 23px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 23px
}

.products .sale .title {
    display: flex;
    margin-bottom: 15px
}

@media (max-width:600px) {
    .products .sale table {
        font-size: 12px
    }
}

.show-sidebar {
    background-color: #2f3768;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    padding: 6px 15px;
    text-transform: uppercase
}

.show-sidebar:hover {
    background-color: #e63025
}

body.sidebar-fixed .sidebar .sidebar__body {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px
}

.sidebar .sidebar__close {
    display: none
}

body.sidebar-fixed .sidebar .sidebar__close {
    background-color: #c7771b;
    background-image: url(/static/images/p_sidebar_icon_close_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    border: none;
    cursor: pointer;
    display: flex;
    height: 44px;
    left: 100%;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 44px
}

body:not(.sidebar-fixed) .sidebar>.sidebar__close {
    display: none
}

body.sidebar-fixed .sidebar>.sidebar__close {
    display: block
}

body.sidebar-fixed .sidebar {
    background: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 298px;
    z-index: 2000
}

body.sidebar-fixed .sidebar:not(.show) {
    display: none
}

.button-bar {
    justify-content: center;
    position: relative
}

.button-bar.show {
    display: flex!important
}

body.sidebar-fixed .sidebar [data-tooltip]:after,
body.sidebar-fixed .sidebar [data-tooltip]:before {
    display: none!important
}

.modal-backdrop {
    align-items: center;
    background-color: rgba(0, 0, 0, .92);
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 555
}

@media (max-width:479px) {
    .button-bar.show {
        justify-content: left
    }
}

.objectback,
.workers {
    background-color: #eee7db
}

.objectback .objectback__body .item:first-child,
.objectback .objectback__body .item:nth-child(2),
.objectback .objectback__body .item:nth-child(3),
.staff .bg:after,
.workers .workers__wrap {
    background-repeat: no-repeat
}

.staff {
    padding-left: 15px;
    padding-right: 15px
}

.objectback {
    padding: 30px 15px 40px
}

.objectback .objectback__wrap {
    margin: auto
}

.objectback .objectback__header {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.objectback .objectback__title {
    color: #000;
    color: var(--text-color);
    font-size: 25px;
    line-height: 1.4;
    text-transform: uppercase
}

.list2 .item,
.objectback .objectback__body {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

.objectback .objectback__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.list2 .item {
    border: 1px solid #f9c37b;
    padding: 15px
}

.objectback .objectback__body .item {
    background-position: bottom;
    background-size: contain;
    padding: 30px;
    position: relative
}

.staff .r,
.workers .workers__wrap {
    padding-left: 15px;
    padding-right: 15px
}

.staff img {
    height: 100%;
    object-fit: cover;
    object-position: bottom left;
    width: 100%
}

.objectback .objectback__body .item img {
    max-width: 450px;
    vertical-align: middle;
    width: 100%
}

.objectback .zagolovok2 {
    color: #c7771b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase
}

.workers p,
.workers ul {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6
}

.workers {
    padding-top: 30px
}

.workers ul {
    color: #c7771b
}

.staff .title,
.staff ul>li>span,
.workers .title,
.workers ul>li>span {
    color: #000;
    color: var(--text-color)
}

.workers .title {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.4;
    text-transform: uppercase
}

.workers .title>span {
    border-bottom: 2px solid #f49414;
    border-bottom: 2px solid var(--ttl-color)
}

.workers .workers__wrap {
    background-image: url(/static/content/personal/personal-specialty-3.png);
    background-position: bottom;
    background-size: contain;
    height: 600px;
    margin: auto;
    max-width: 1342px
}

.staff .r {
    -ms-grid-columns: 1fr 50px 1fr;
    -ms-grid-rows: 1fr;
    display: -ms-grid;
    display: grid;
    font-size: 14px;
    font-weight: 300;
    grid-gap: 50px;
    grid-template: "axy bxy" 1fr/1fr 1fr;
    line-height: 1.6;
    margin: 35px auto;
    max-width: 1342px
}

.staff .r>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: axy
}

.staff .r>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bxy
}

.staff .title {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase
}

.staff ul {
    color: #c7771b;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6
}

.list2 .item .title,
.policy__wrap>.title {
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase
}

.staff .title>span {
    border-bottom: 2px solid #f49414;
    border-bottom: 2px solid var(--ttl-color)
}

.list2 {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    -ms-grid-rows: 1fr 20px 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template: "ax bx cx dx" 1fr "ex fx gx ." 1fr/1fr 1fr 1fr 1fr
}

.list2>.item:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: ax
}

.list2>.item:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: bx
}

.list2>.item:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    grid-area: cx
}

.list2>.item:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
    grid-area: dx
}

.list2>.item:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: ex
}

.list2>.item:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-area: fx
}

.list2>.item:nth-child(7) {
    -ms-grid-column: 5;
    -ms-grid-row: 3;
    grid-area: gx
}

.policy__wrap>.title {
    color: #000;
    color: var(--text-color);
    display: flex;
    font-weight: 600;
    justify-content: center
}

.policy__wrap>.title>span {
    border-bottom: 2px solid #f49414;
    border-bottom: 2px solid var(--ttl-color)
}

.list2 .item .title {
    color: #c7771b;
    display: flex;
    font-weight: 300
}

.policy__wrap>p,
.text>p {
    font-size: 14px;
    font-weight: 300
}

.staff .quote span {
    display: block
}

.staff .quote span:nth-child(2) {
    margin-right: -5%;
    padding-left: 5%
}

.staff .quote span:last-child {
    font-weight: 600;
    margin-top: 10px;
    text-align: right
}

.list2 .item .title>span:first-child {
    margin-right: 5px
}

.text>p {
    line-height: 1.6;
    margin: 50px 0 25px
}

.policy__wrap>p {
    line-height: 1.4;
    margin: 20px 0;
    text-align: center
}

.list2 .item p {
    margin-bottom: 0
}

.policy__wrap {
    margin: auto;
    max-width: 1342px;
    padding: 50px 15px
}

.staff .slogan {
    color: #f49414;
    color: var(--ttl-color);
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
    padding: 15px 0
}

.principle,
.staff .quote {
    font-size: 14px;
    font-weight: 300
}

.staff .quote {
    color: #c7771b;
    display: flex;
    font-style: italic;
    justify-content: center;
    line-height: 1.4;
    margin: 50px 0
}

.staff .quote>.quote__wrap {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: max-content
}

.staff .bg {
    -ms-grid-columns: 420px auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 420px auto;
    margin: auto;
    max-width: 1342px
}

.staff .bg:after {
    background-image: url(/static/content/personal/staff.png);
    background-position: 0 100%;
    background-size: cover
}

.principle {
    line-height: 1.6
}

.staff a {
    color: #080c84;
    color: var(--link-color);
    text-decoration: underline
}

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

@media (max-width:1240px) {
    .staff .quote span {
        margin-right: 0!important;
        padding-left: 0!important
    }
}

@media (max-width:1080px) {
    .list2 {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        -ms-grid-rows: 1fr 20px 1fr 20px 1fr;
        display: -ms-grid;
        display: grid;
        grid-gap: 20px;
        grid-template: "ax bx cx" 1fr "dx ex fx" 1fr "gx . ." 1fr/1fr 1fr 1fr
    }
    .staff .bg {
        -ms-grid-columns: auto;
        -ms-grid-rows: auto auto;
        grid-template-columns: auto;
        grid-template-rows: auto auto
    }
    .staff .bg:after {
        background-position: bottom
    }
    .staff .bg:after,
    .staff .bg img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }
    .staff .bg img {
        height: auto
    }
    .list2>.item:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(3) {
        -ms-grid-column: 5;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(5) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(6) {
        -ms-grid-column: 5;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
}

@media (max-width:940px) {
    .list2 {
        -ms-grid-columns: 1fr 20px 1fr;
        -ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr;
        display: -ms-grid;
        display: grid;
        grid-gap: 20px;
        grid-template: "ax bx" 1fr "cx dx" 1fr "ex fx" 1fr "gx ." 1fr/1fr 1fr
    }
    .list2>.item:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(4) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .list2>.item:nth-child(6) {
        -ms-grid-column: 3;
        -ms-grid-row: 5
    }
    .list2>.item:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
}

@media (max-width:600px) {
    .list2 {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content;
        -ms-grid-rows: max-content 20px max-content 20px max-content 20px max-content 20px max-content 20px max-content 20px max-content;
        display: -ms-grid;
        display: grid;
        grid-gap: 20px;
        grid-template: "ax" -webkit-max-content "bx" -webkit-max-content "cx" -webkit-max-content "dx" -webkit-max-content "ex" -webkit-max-content "fx" -webkit-max-content "gx" max-content/1fr;
        grid-template: "ax" max-content "bx" max-content "cx" max-content "dx" max-content "ex" max-content "fx" max-content "gx" max-content/1fr
    }
    .list2>.item:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .list2>.item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .list2>.item:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .list2>.item:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
    .list2>.item:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 9
    }
    .list2>.item:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-row: 11
    }
    .list2>.item:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 13
    }
}

@media (max-width:740px) {
    .staff .r {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: -webkit-max-content 50px -webkit-max-content;
        -ms-grid-rows: max-content 50px max-content;
        grid-template: "axy" -webkit-max-content "bxy" max-content/1fr;
        grid-template: "axy" max-content "bxy" max-content/1fr
    }
    .staff .r>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }
    .staff .r>:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
}

@media (max-width:550px) {
    .workers .workers__wrap {
        background-size: 550px
    }
}

table.striped,
table:not(.striped) {
    border-collapse: collapse;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    width: 100%
}

table:not(.striped) tr>td {
    border: 1px solid #c3c3c3;
    padding: 5px
}

table.striped tr:nth-child(odd) {
    background: #e8e8e894
}

table.striped tr>td {
    border-right: 2px solid #fff;
    padding: 5px
}

table.striped tr>td:last-child {
    border-right: none
}

.product .tab-content>a,
.product ul#myTab li a {
    display: flex;
    text-decoration: none;
    text-transform: uppercase
}

.product ul#myTab {
    border-bottom: 2px solid #c7771b;
    display: flex;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.product .tab-content>a {
    background: #cecece;
    color: #000;
    margin-bottom: 2px;
    padding: 10px 15px
}

.product .tab-content>a.active,
.product ul#myTab li a.active {
    background: #c7771b;
    color: #fff
}

.product ul#myTab li a {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 300;
    justify-content: center;
    line-height: 1.4;
    margin-right: 2px;
    min-width: 200px;
    padding: 10px 15px 8px
}

.product ul#myTab li a span {
    position: relative
}

.product ul#myTab li a:not(.active) {
    background-color: #e8e8e8;
    color: #000
}

.product ul#myTab li a:not(.active) span:before {
    background: #c7771b;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: .4s;
    width: 100%
}

.product ul#myTab li a:not(.active):hover span:before {
    width: 50%
}

.product .tab-content>.tab-pane:not(.active) {
    display: none
}

.product .tab-content>.tab-pane.active {
    display: block
}

.product .tab-content {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4
}

@media (max-width:769px) {
    .product ul#myTab {
        border-bottom: none;
        flex-wrap: wrap
    }
    .product #myTab li {
        flex-grow: 1
    }
    .product ul#myTab li a {
        margin-bottom: 2px;
        min-width: 0
    }
    .product ul#myTab li:last-child a {
        margin-bottom: 0
    }
}

@media (max-width:432px) {
    .product ul#myTab {
        display: block
    }
}

@media (max-width:1079px) {
    .product ul#myTab {
        display: none
    }
}

[data-tooltip]:after,
[data-tooltip]:before {
    left: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-4px, -50%);
    transition: opacity .15s ease .15s;
    z-index: 10
}

[data-tooltip] {
    cursor: pointer;
    position: relative
}

[data-tooltip]:before {
    border: 5px solid transparent;
    border-right-color: hsla(0, 0%, 58.8%, .9);
    content: "";
    height: 0;
    width: 0
}

[data-tooltip]:after {
    background: hsla(0, 0%, 58.8%, .9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-left: 10px;
    padding: 10px 12px;
    text-decoration: underline;
    text-decoration: none;
    text-transform: none;
    width: 250px
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    opacity: 1;
    pointer-events: none
}

.ttl .text,
.ttl .ttl__wrap {
    font-size: 14px;
    font-weight: 300
}

.ttl .slogan-line,
.ttl .text {
    display: flex
}

.ttl a {
    color: #000;
    color: var(--text-color)
}

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

.ttl .ttl__wrap {
    background-image: url(/static/content/ttl/ttl.jpg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 80%;
    line-height: 1.4;
    margin: auto;
    max-width: 1342px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px
}

.ttl .text {
    flex-direction: column;
    height: 400px;
    justify-content: center;
    line-height: 1.6;
    width: 400px
}

.ttl .slogan {
    font-size: 30px
}

.ttl .slogan span:first-child {
    display: inline-flex;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.4
}

.ttl .slogan span:nth-child(2),
.ttl .slogan span:nth-child(3) {
    color: #f49414;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.2
}

.ttl .slogan span:nth-child(2) {
    display: inline-flex;
    margin-left: 10%
}

.ttl .slogan span:nth-child(3) {
    display: flex;
    margin-left: 20%
}

.ttl .text2 {
    display: flex;
    margin: 35px 0
}

.ttl .text2 .block {
    flex-basis: 100%;
    margin-right: 50px
}

.ttl .text2 .block:last-child {
    margin-right: 0
}

.ttl .text2 .block h2 {
    border-bottom: 2px solid #f49414;
    display: inline-flex;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
    text-transform: uppercase
}

.ttl .text2 .quote {
    color: #c7771b;
    font-style: italic
}

.ttl .text2 .quote span {
    display: block
}

.ttl .text2 .quote span:nth-child(2) {
    margin-left: 10%
}

.ttl .text2 .quote span:nth-child(3) {
    margin-left: 20%
}

[dir=ltr] .ttl .text2 .quote span:last-child {
    text-align: right
}

[dir=rtl] .ttl .text2 .quote span:last-child {
    text-align: left
}

.ttl .text2 .quote span:last-child {
    font-weight: 600;
    margin-top: 10px
}

@media (max-width:1240px) {
    .ttl .quote span {
        margin-left: 0!important
    }
}

@media (max-width:992px) {
    .ttl .ttl__wrap {
        background-position: top;
        background-size: auto 350px
    }
    .ttl .slogan-line {
        justify-content: center
    }
    .ttl .slogan {
        font-size: 22px
    }
    .ttl .text {
        height: auto;
        margin-top: 350px;
        width: auto
    }
    .ttl .text2 {
        display: block
    }
    .ttl .text2 .block {
        margin-right: 0
    }
}

@media (max-width:769px) {
    .ttl .ttl__wrap {
        background-size: auto 250px
    }
    .ttl .slogan {
        font-size: 16px
    }
    .ttl .text {
        margin-top: 250px
    }
}

/* убираем тени на IOS */
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Оранжевый фокус */
input:focus, textarea:focus {
    border-color: #f29015 !important;
    outline: 0;
}

select:focus {
    outline-color: #f29015;
}