@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

h2 {
   font-size:30px;
  margin: 1em 0;
    font-family: var(--second-family);
    font-weight: 400;
    letter-spacing: -.02em;
   
    color: var(--black);
}
h3 {
   font-size: 26px;
  margin: 1em 0;
     font-family: var(--second-family);
    font-weight: 400;
    letter-spacing: -.02em;
  color: var(--black);
}
h4 {
   font-size: 22px;
  margin: 1em 0;
       font-family: var(--second-family);
    font-weight: 400;
    letter-spacing: -.02em;
  color: var(--black);
}

h5 {
   font-size: 18px;
  margin: 1em 0;
       font-family: var(--second-family);
    font-weight: 400;
    letter-spacing: -.02em;
  color: var(--black);
}

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

p{
	font-size:16px;
	letter-spacing: -.01em;
   font-family: var(--font-family);
    color: var(--grey-t);
  margin-bottom:20px;
}

/*.block ul {margin:20px 0}
.block li {
 margin-bottom:10px;
  list-style-type: none;
  font-size:16px;
	letter-spacing: -.01em;
   font-family: var(--font-family);
    color: var(--grey-t);
  position:relative;
  padding-left: 12px;
}
.block li::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    aspect-ratio: 1;
    background-color: var(--orange);
   }*/

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

a {
    background-color: transparent;
    color:var(--orange);
   text-decoration:none;
 
}

a:hover {
    
   text-decoration:underline;
 
}




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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    box-sizing: border-box;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

@font-face {
    font-family: Quarion;
    src: local("Quarion-Book"), local("Quarion Book"), url(/assets/Quarion-Book-KJ6me1m2.ttf) format("ttf");
    font-weight: 700
}

@font-face {
    font-family: Quarion;
    src: local("Quarion-SemiBold"), local("Quarion SemiBold"), url(/assets/Quarion-SemiBold-_mA-RDKS.ttf) format("ttf");
    font-weight: 600
}

@font-face {
    font-family: Quarion;
    src: local("Quarion-Medium"), local("Quarion Medium"), url(/assets/Quarion-Medium-siegcSoB.ttf) format("ttf");
    font-weight: 500
}

@font-face {
    font-family: Quarion;
    src: local("Quarion-Light"), local("Quarion Light"), url(/assets/Quarion-Light-C4CZaiKQ.ttf) format("ttf");
    font-weight: 300
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat-SemiBold"), local("Montserrat SemiBold"), url(/assets/Montserrat-SemiBold-DxnI6qo0.ttf) format("ttf");
    font-weight: 600
}

@font-face {
    font-family: Tektur;
    src: local("Tektur-Medium"), local("Tektur Medium"), url(/assets/Tektur-Medium-QzSaUxOH.ttf) format("ttf");
    font-weight: 500
}


.header a{
    transition: all .2s;
}
.header a:hover{
    color: var(--orange);
    opacity: .8;
}

.header__logo img {
    width: 100%;
    height: 100%
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__additionally {
    display: flex;
    align-items: center
}

.header__contact {
    display: flex;
    flex-direction: column;
    align-items: end
}

.header__phone {
    font-family: var(--second-family);
    color: var(--black);
    text-decoration: none
}

.header__mail {
    margin-top: 2px;
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.header__menu {
    display: flex;
    align-items: center;
    list-style-type: none
}
.header__menu li{
    position: relative;
}

.header__menu-next{
    position: absolute;
    top: 100px;
    left: -40px;
    padding: 40px;
    background: var(--white);

    transition: all .3s;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
.header__menu-next.active{
    top: 24px;
    pointer-events: auto;
    opacity: 1;
}

.header__menu li:hover > .header__menu-next {
    top: 24px;
    pointer-events: auto;
    opacity: 1;
}

.header__menu-next-item {
    position: relative;
    min-width: 230px;
}

.header__menu-next-item + .header__menu-next-item {
    margin-top: 10px;
}

.header__menu-next-item > a {
    display: block;
    padding-right: 22px;
}

.header__menu-next-item.has-children > a:after {
    content: "›";
    position: absolute;
    right: 0;
    color: var(--orange);
}

.header__menu-third {
    position: absolute;
    top: -20px;
    left: 100%;
    min-width: 260px;
    padding: 24px;
    background: var(--white);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-8px);
    transition: all .25s;
}

.header__menu-third:before {
    content: "";
    position: absolute;
    top: 0;
    left: -18px;
    width: 18px;
    height: 100%;
}

.header__menu-next-item:hover .header__menu-third {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.header__menu-third a {
    display: block;
}

.header__menu-third a + a {
    margin-top: 10px;
}

.header__menu a {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none;
    white-space: nowrap;
}

.header__btn-menu {
    background-color: var(--orange);
    border: none;
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33203%2015H16.6654M3.33203%205H16.6654M3.33203%2010H9.9987'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.header__phone-menu {
    position: absolute;
    left: -20px;
    width: calc(100% + 40px)
}

.header-phone-menu__menu {
    list-style-type: none
}

.header-phone-menu__menu>li {
    border-bottom: 1px solid #eeedf4
}

.header-phone-menu__menu>li>a {
    display: block;
    width: calc(100% - 40px);
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}
.header-phone-menu__menu>li>button{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 42px;
    opacity: 0;
}

.header-phone-menu__li > a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 16px;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23A4A3AD'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s
}

.header-phone-menu__menu>li.active>a {
    color: var(--orange)
}

.header-phone-menu__menu>li.active>a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    transform: rotate(90deg)
}

.header-phone-menu-sub-menu__content {
    list-style-type: none
}

.header-phone-menu-sub-menu__content a {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.header-phone-menu-catalog {
    margin-top: 12px;
    padding-left: 14px;
    border-left: 1px solid #eeedf4;
}

.header-phone-menu-catalog__group {
    margin-top: 14px;
}

.header-phone-menu-catalog__group:first-child {
    margin-top: 0;
}

.header-phone-menu-catalog__title {
    margin: 0 0 8px;
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 1.35;
    color: var(--input);
}

.header-phone-menu-catalog__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-phone-menu-catalog__list li {
    margin: 0;
}

.header-phone-menu-catalog__list a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.35;
    color: var(--grey-t);
}

.header-phone-menu-catalog__list a:hover {
    color: var(--orange);
}

@media (max-width: 1180px) {
    .header__phone-menu {
        max-height: calc(100dvh - 72px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .header-phone-menu__content {
        padding-bottom: 24px;
    }
}

.header__phone-next {
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    background-color: var(--white);
    z-index: 100
}

.header-phone-next__item {
    display: none
}

.header-phone-next__item.active {
    display: block
}

.header-phone-next__header {
    background-color: var(--blue);
    display: flex;
    align-items: center
}

.header-phone-next__close {
    width: 16px;
    aspect-ratio: 1;
    border: none;
    background: none;
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='8'%20viewBox='0%200%2014%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.5%206.5L1%204M1%204L3.5%201.5M1%204H13'%20stroke='%23A4A3AD'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.header-phone-next__name {
    margin-left: 8px;
    font-family: var(--font-family);
    color: var(--black)
}

.header-phone-next__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.header-phone-next__title {
    font-family: var(--font-family);
    color: var(--black)
}

.header-phone-next__list {
    margin-top: 8px;
    list-style-type: none
}

.header-phone-next__list li {
    margin-top: 8px
}

.header-phone-next__list li:first-child {
    margin-top: 0
}

.header-phone-next__list a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -.01em;
    color: var(--grey-t);
    text-decoration: none
}

.footer {
    background-color: var(--blue)
}

.footer-content__logo .btn {
    width: 100%
}

.footer-content-menu__title {
    font-family: var(--font-family);
    color: var(--black);
    text-decoration: none
}

.footer-content-menu__list {
    list-style-type: none
}

.footer-content-menu__list li a {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.footer-content-call__phone {
    font-family: var(--font-family);
    color: var(--orange);
    text-decoration: none
}

.footer-content-call__sub-phone {
    font-family: var(--font-family);
    color: var(--black)
}

.footer-content-call__mail {
    font-family: var(--font-family);
    color: var(--black);
    text-decoration: none
}

.footer-content-social__item {
    width: 40px;
    aspect-ratio: 1;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-content-social__item img {
    width: 20px
}

.footer__about {
    border-top: 1px solid var(--orange)
}

.footer__about p {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.header {
    position: sticky;
    top: 0px;
    background-color: var(--white);
    z-index: 100;
}

@media (min-width: 860px) {
    .header {
        padding: 28px 0
    }

    .header__logo {
        display: block;
        width: 168px;
        height: 40px
    }

    .header__phone {
        font-weight: 400;
        font-size: 18px
    }

    .header__mail {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .header__buttons {
        margin-left: 24px
    }

    .header__btn-ph {
        display: none
    }

    .header__menu li {
        margin-left: 24px
    }

    .header__menu li:first-child {
        margin-left: 0
    }

    .header__menu a {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .header__sub-menu {
        position: absolute;
        top: 100px;
        left: 0;
        width: /*100*/80%;
        z-index: 100;
        background-color: var(--white);
        pointer-events: none;
        opacity: 0;
        transition: all .3s;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    }

    .header__sub-menu.active {
        top: 78px;
        pointer-events: auto;
        opacity: 1
    }

    .header-sub-menu__content {
        padding: 40px;
        display: flex;
        justify-content: space-between;
        display: none;
        transition: all .3s
    }

    .header-sub-menu__content.active {
        display: flex
    }

    .header-sub-menu__list {
        width: 432px;
        list-style-type: none
    }

    .header-sub-menu__list li {
        margin-top: 24px
    }

    .header-sub-menu__list li:first-child {
        margin-top: 0
    }

    .header-sub-menu__list li.active a {
        color: var(--orange)
    }

    .header-sub-menu__list li.active a:after {
        background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")
    }

    .header-sub-menu__list a {
        padding-right: 28px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em;
        color: var(--grey-t);
        text-decoration: none;
        position: relative
    }

    .header-sub-menu__list a:after {
        content: "";
        position: absolute;
        top: 3px;
        right: 0;
        width: 16px;
        aspect-ratio: 1;
        background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23A4A3AD'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
        background-position: center;
        background-repeat: no-repeat
    }

    .header-sub-menu__detail {
        width: calc(100% - 448px);
        position: relative
    }

    .header-sub-menu-detail__item {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        pointer-events: none;
        opacity: 0;
        transition: all .3s
    }

    .header-sub-menu-detail__item.active {
        pointer-events: auto;
        opacity: 1
    }

    .header-sub-menu__item {
        width: calc(50% - 8px)
    }

    .header-sub-menu__item:nth-child(n+3) {
        margin-top: 32px
    }

    .header-sub-menu__title {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em;
        color: var(--black)
    }

    .header-sub-menu-item__list {
        margin-top: 12px;
        list-style-type: none
    }

    .header-sub-menu-item__list li {
        margin-top: 8px
    }

    .header-sub-menu-item__list li:first-child {
        margin-top: 0
    }

    .header-sub-menu-item__list a {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: -.01em;
        color: var(--grey-t);
        text-decoration: none
    }

    .header__pre,
    .header__phone-menu,
    .header__phone-next {
        display: none
    }
}

@media (min-width: 860px) {
    .footer {
        margin-top: 160px;
        background-color: var(--blue)
    }

    .footer__content {
        padding-top: 80px;
        padding-bottom: 40px
    }

    .footer__content .wrapper {
        display: flex;
        flex-wrap: wrap;
      justify-content: space-between;
    }

    .footer-content__logo {
        width: 320px
    }

    .footer-content__logo .btn {
        margin-top: 20px;
        width: 100%
    }

    .footer-content__menu {
       /* margin-left: 128px;*/
        display: flex
    }

    .footer-content-menu__item {
        margin-left: 16px
    }

    .footer-content-menu__item:first-child {
        margin-left: 0
    }

    .footer-content-menu__item:first-child {
        width: 320px
    }

    .footer-content-menu__item:last-child {
        width: 208px
    }

    .footer-content-menu__title {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .footer-content-menu__list,
    .footer-content-menu__list li {
        margin-top: 16px
    }

    .footer-content-menu__list li:first-child {
        margin-top: 0
    }

    .footer-content-menu__list li a {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .footer-content__call {
        margin-left: 16px;
        display: flex;
        flex-direction: column
    }

    .footer-content-call__phone {
        margin-top: 25px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .footer-content-call__sub-phone {
        margin-top: 2px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .footer-content-call__mail {
     /*   margin-top: 25px;*/
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .footer-content__social {
        margin-top: -40px;
        width: 30%;
        display: flex
    }

    .footer-content-social__item {
        margin-left: 16px
    }

    .footer-content-social__item:first-child {
        margin-left: 0
    }

    .footer__about {
        padding: 28px 0
    }

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

    .footer__about p {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .footer-about__right {
        display: flex;
        align-items: center
    }

    .footer-about__right p:nth-child(2) {
        margin-left: 16px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .header {
        padding: 23px 0
    }

    .header__menu,
    .header__sub-menu,
    .header__btn-pc {
        display: none
    }

    .header__btn-ph,
    .header__phone-menu,
    .header__phone-next {
        display: block
    }

    .header__buttons {
        margin-left: 16px;
        display: flex
    }

    .header__btn-menu {
        margin-left: 16px;
        width: 50px;
        aspect-ratio: 1
    }

    .header__btn-menu.active{
        background-image: url('https://n3.fireclass.pro/wp-content/themes/euroglass/assets/img/svg/close.svg');
    }

    .header__phone-menu {
        top: 73px;
        height: 0;
        overflow: hidden;
        z-index: 100;
        transition: all .3s
    }

    .header-phone-menu__content {
        padding: 0 20px 4px;
        background-color: var(--white);
        z-index: 100
    }

    .header-phone-menu__menu>li {
        position: relative
    }

    .header-phone-menu__menu>li>a {
        padding: 12px 28px 12px 0;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .header-phone-menu__menu>li>a:after {
        top: 15px
    }

    .header-phone-menu__sub-menu {
        height: 0;
        overflow: hidden;
        transition: all .3s
    }

    .header-phone-menu-sub-menu__content {
        padding-top: 4px;
        padding-bottom: 16px
    }

    .header-phone-menu-sub-menu__content li {
        margin-top: 16px
    }

    .header-phone-menu-sub-menu__content li:first-child {
        margin-top: 0
    }

    .header-phone-menu-sub-menu__content a {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .header__phone-next {
        top: 73px;
        left: calc(100% + 20px);
        z-index: 100;
        transition: all .3s
    }

    .header__phone-next.active {
        left: -20px
    }

    .header-phone-next__item {
        display: none
    }

    .header-phone-next__item.active {
        display: block
    }

    .header-phone-next__header {
        padding: 20px 16px
    }

    .header-phone-next__name {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .header-phone-next__content {
        padding: 16px 20px 20px
    }

    .header-phone-next__element {
        width: calc(50% - 8px)
    }

    .header-phone-next__element:nth-child(n+3) {
        margin-top: 24px
    }

    .header-phone-next__title {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .footer {
        margin-top: 140px
    }

    .footer__content {
        padding-top: 120px;
        padding-bottom: 32px
    }

    .footer-content__logo {
        order: 1
    }

    .footer-content__menu {
        order: 1; /*26*/
        /*margin-top: 40px;*/
        margin-left: 0;
        width: 33%
    }

    .footer-content-menu__item:first-child,
    .footer-content-menu__item:last-child {
        width: calc(50% - 8px)
    }

    .footer-content__call {
        order: 2;
        margin-left: 52px
    }

    .footer-content__social {
        order: 3;
        margin-top: 0;
        margin-left: auto;
        width: auto;
        flex-direction: column
    }

    .footer-content-social__item {
        margin-left: 0;
        margin-top: 16px
    }

    .footer-content-social__item:first-child {
        margin-top: 0
    }

    .footer__about {
        padding: 32px 0
    }

    .footer__about .wrapper {
        flex-direction: column-reverse;
        align-items: start
    }

    .footer__about p:first-child {
        margin-top: 12px
    }

    .footer-about__right {
        flex-direction: row-reverse
    }

    .footer-about__right p:nth-child(1) {
        margin-top: 0;
        margin-left: 16px
    }

    .footer-about__right p:nth-child(2) {
        margin-left: 0
    }
}

@media (max-width: 860px) {

    .header__menu,
    .header__sub-menu,
    .header__btn-pc,
    .header__btn-ph,
    .header__contact,
    .header-sub-menu__content {
        display: none
    }

    .header__phone-menu {
        top: 71px;
        padding: 0 20px;
        background-color: var(--white);
        height: 0;
        overflow: hidden;
        z-index: 100;
        transition: all .3s
    }

    .header__logo {
        width: 134.4px
    }

    .header__btn-menu {
        display: block;
        width: 40px;
        aspect-ratio: 1
    }

    .header__btn-menu.active{
        background-image: url('https://n3.fireclass.pro/wp-content/themes/euroglass/assets/img/svg/close.svg');
    }

    .header>.wrapper {
        padding: 16px 0
    }

    .header__pre {
        padding: 12px 0;
        background-color: var(--blue)
    }

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

    .header-pre__phone {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 14px;
        letter-spacing: -.01em;
        color: var(--orange);
        text-decoration: none
    }

    .header-pre__mail {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em;
        color: var(--grey-t);
        text-decoration: none
    }

    .header-phone-menu__menu>li {
        position: relative
    }

    .header-phone-menu__menu>li>a {
        padding: 12px 0;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .header-phone-menu__menu>li>a:after {
        top: 13.5px;
        right: 0
    }

    .header-phone-menu__sub-menu {
        height: 0;
        overflow: hidden;
        transition: all .3s
    }

    .header-phone-menu-sub-menu__content {
        padding-top: 4px;
        padding-bottom: 16px
    }

    .header-phone-menu-sub-menu__content>li {
        margin-top: 16px
    }

    .header-phone-menu-sub-menu__content>li:first-child {
        margin-top: 0
    }

    .header-phone-menu-sub-menu__content>li>a {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .header__phone-next {
        top: 72px;
        left: calc(100% + 20px);
        transition: all .3s
    }

    .header__phone-next.active {
        left: -20px
    }

    .header-phone-next__header {
        padding: 13.5px 20px
    }

    .header-phone-next__name {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .header-phone-next__content {
        padding: 16px 20px
    }

    .header-phone-next__element {
        margin-top: 24px;
        width: 100%
    }

    .header-phone-next__element:first-child {
        margin-top: 0
    }

    .header-phone-next__title {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

    .footer-content-logo__img {
        max-width: 240px
    }

@media (max-width: 860px) {
    .footer {
        margin-top: 140px
    }

    .footer__content {
        padding-top: 80px;
        padding-bottom: 32px
    }

    .footer__content .wrapper {
        display: flex;
        flex-direction: column
    }

    .footer-content__logo {
        order: 1;
        width: 254px
    }

    .footer-content__logo .btn {
        margin-top: 16px;
        width: 100%
    }

    .footer-content-logo__img {
        max-width: 240px
    }

    .footer-content__menu {
        order: 3;
        margin-top: 32px
    }

    .footer-content-menu__item {
        margin-top: 32px
    }

    .footer-content-menu__item:first-child {
        margin-top: 0
    }

    .footer-content-menu__title {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .footer-content-menu__list {
        margin-top: 12px
    }

    .footer-content-menu__list li {
        margin-top: 10px
    }

    .footer-content-menu__list li:first-child {
        margin-top: 0
    }

    .footer-content-menu__list li a {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .footer-content__call {
        order: 2;
        margin-top: 32px;
        display: flex;
        flex-direction: column
    }

    .footer-content-call__phone {
        margin-top: 12px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .footer-content-call__sub-phone {
        margin-top: 2px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .footer-content-call__mail {
        margin-top: 12px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .footer-content__social {
        order: 4;
        margin-top: 32px;
        display: flex
    }

    .footer-content-social__item {
        margin-left: 16px
    }

    .footer-content-social__item:first-child {
        margin-left: 0
    }

    .footer__about {
        padding: 32px 0
    }

    .footer__about .wrapper {
        flex-direction: column-reverse;
        align-items: start
    }

    .footer__about p:first-child {
        margin-top: 0
    }

    .footer__about p {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .footer-about__right {
        flex-direction: row-reverse
    }

    .footer-about__right p:nth-child(1) {
        margin-top: 10px;
        margin-left: 0
    }

    .footer-about__right p:nth-child(2) {
        margin-top: 10px;
        margin-left: 0
    }
}

.pagination {
    display: flex;
    align-items: center
}

.pagination__item {
    aspect-ratio: 1;
    margin-left: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    font-family: var(--font-family);
    color: var(--orange)
}

.pagination__item:first-child {
    margin-left: 0
}

.pagination__item.active {
    background-color: var(--orange);
    color: var(--white)
}

.input {
    padding: 15px 19px 14px;
    border: 1px solid var(--input);
    font-family: var(--font-family);
    color: var(--black)
}

.input::placeholder {
    color: var(--input)
}

.file {
    cursor: pointer;
    padding-left: 40px;
    background: 0;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='33'%20viewBox='0%200%2032%2033'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.2287%209.8342L11.4474%2018.6155C11.1927%2018.8615%2010.9895%2019.1558%2010.8498%2019.4811C10.71%2019.8065%2010.6365%2020.1564%2010.6334%2020.5105C10.6303%2020.8645%2010.6978%2021.2157%2010.8319%2021.5434C10.9659%2021.8711%2011.1639%2022.1689%2011.4143%2022.4193C11.6647%2022.6696%2011.9624%2022.8676%2012.2902%2023.0017C12.6179%2023.1358%2012.969%2023.2033%2013.3231%2023.2002C13.6772%2023.1971%2014.0271%2023.1236%2014.3525%2022.9838C14.6778%2022.844%2014.972%2022.6409%2015.218%2022.3862L23.77%2013.6049C24.7415%2012.599%2025.2791%2011.2518%2025.267%209.8534C25.2548%208.45501%2024.6939%207.11735%2023.7051%206.1285C22.7162%205.13966%2021.3786%204.57876%2019.9802%204.56661C18.5818%204.55446%2017.2346%205.09203%2016.2287%206.06354L7.67538%2014.8435C6.17496%2016.344%205.33203%2018.379%205.33203%2020.5009C5.33203%2022.6228%206.17496%2024.6578%207.67538%2026.1582C9.17579%2027.6586%2011.2108%2028.5015%2013.3327%2028.5015C15.4546%2028.5015%2017.4896%2027.6586%2018.99%2026.1582L27.3327%2017.8342'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center left;
    position: relative
}
.file .wpcf7-form-control-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.file__name {
    margin-left: -11px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.01em;
    color: var(--white);
    max-width: 122px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file__description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -.01em;
    color: var(--white);
    opacity: .8
}

.file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.file_orange {
    background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='33'%20viewBox='0%200%2032%2033'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.2297%209.8342L11.4484%2018.6155C11.1937%2018.8615%2010.9905%2019.1558%2010.8507%2019.4811C10.711%2019.8065%2010.6374%2020.1564%2010.6344%2020.5105C10.6313%2020.8645%2010.6987%2021.2157%2010.8328%2021.5434C10.9669%2021.8711%2011.1649%2022.1689%2011.4153%2022.4193C11.6657%2022.6696%2011.9634%2022.8676%2012.2911%2023.0017C12.6189%2023.1358%2012.97%2023.2033%2013.3241%2023.2002C13.6782%2023.1971%2014.0281%2023.1236%2014.3534%2022.9838C14.6788%2022.844%2014.973%2022.6409%2015.219%2022.3862L23.771%2013.6049C24.7425%2012.599%2025.2801%2011.2518%2025.2679%209.8534C25.2558%208.45501%2024.6949%207.11735%2023.706%206.1285C22.7172%205.13966%2021.3795%204.57876%2019.9812%204.56661C18.5828%204.55446%2017.2356%205.09203%2016.2297%206.06354L7.67635%2014.8435C6.17593%2016.344%205.33301%2018.379%205.33301%2020.5009C5.33301%2022.6228%206.17593%2024.6578%207.67635%2026.1582C9.17677%2027.6586%2011.2118%2028.5015%2013.3337%2028.5015C15.4556%2028.5015%2017.4906%2027.6586%2018.991%2026.1582L27.3337%2017.8342'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")
}

.file_orange .file__name {
    color: var(--orange)
}

.file_orange .file__description {
    color: var(--input)
}

.tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--blue)
}

.tag__item {
    font-family: var(--font-family);
    color: var(--grey-t);
    background: none;
    border: none
}

.tag__item.active {
    background-color: var(--orange);
    color: var(--white)
}

.text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.content-flow > :first-child {
    margin-top: 0;
}

.content-flow > :last-child {
    margin-bottom: 0;
}

.content-flow::after {
    content: "";
    display: table;
    clear: both;
}

.content-flow p,
.content-flow ul,
.content-flow ol,
.content-flow blockquote {
    margin: 0 0 20px;
}

.content-flow p,
.content-flow li {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.content-flow h2,
.content-flow h3,
.content-flow h4,
.content-flow h5,
.content-flow h6,
.description__content h2,
.description__content h3,
.description__content h4,
.description__content h5,
.description__content h6 {
    clear: both;
}

.content-flow > ul,
.content-flow > ol,
.description__content > ul,
.description__content > ol {
    clear: both;
}

.content-flow ul,
.content-flow ol {
    padding-left: 1.5rem;
}

.content-flow ul {
    list-style: disc;
}

.content-flow ol {
    list-style: decimal;
}

.content-flow ul li::marker,
.description__content ul li::marker {
    color: var(--orange);
}

.content-flow li {
    margin-bottom: 10px;
}

.content-flow li:last-child {
    margin-bottom: 0;
}

.content-flow li > ul,
.content-flow li > ol {
    margin-top: 10px;
    margin-bottom: 0;
}

.content-flow img,
.content-flow figure,
.content-flow .wp-caption,
.description__content img,
.description__content figure,
.description__content .wp-caption {
    max-width: 100%;
}

.content-flow img,
.description__content img {
    height: auto;
    display: block;
    border-radius: 8px;
}

.content-flow figure,
.content-flow .wp-caption,
.description__content figure,
.description__content .wp-caption {
    margin: 0 0 20px;
}

.content-flow .alignright,
.description__content .alignright {
    float: right;
    margin: 0 0 20px 24px;
}

.content-flow .alignleft,
.description__content .alignleft {
    float: left;
    margin: 0 24px 20px 0;
}

.content-flow .aligncenter,
.description__content .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.form-7 .wpcf7-spinner{
    display: none;
}
.form-7 .wpcf7-form-control-wrap{
    display: block;
}
.form-7 .wpcf7-not-valid-tip{
    position: absolute;
    top: 0;
    left: 0;

    margin: 0;

    width: 100%;
    height: 100%;

    border: 1px solid var(--orange);

    font-size: 0;
    pointer-events: none;
}

 .wpcf7 form .wpcf7-response-output{
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--black);
    text-align: center;
 }
 .form-prod__content .wpcf7  form .wpcf7-response-output,
 .card__form .wpcf7  form .wpcf7-response-output{
    color: var(--white);
 }
 



.input-radio {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white)
}

.input-radio button {
    background: none;
    border: none;
    font-family: var(--font-family);
    color: var(--grey-)
}

.input-radio button.active {
    background-color: var(--orange);
    color: var(--white)
}

.input-radio input {
    display: none
}

.input-checkbox {
    flex-shrink: 0;
    width: 18px;
    aspect-ratio: 1;
    border: 1px solid var(--orange);
    background: none;
    position: relative
}

.input-checkbox span{
    display: none;
}

.input-checkbox.active:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    aspect-ratio: 1;
    background-color: var(--orange)
}

.input-checkbox input {
    display: none
}

.select {
    width: 245px;
    border: 1px solid var(--input);
    position: relative
}

.select__value {
    width: 100%;
    padding: 15px 20px;
    font-family: var(--font-family);
    color: var(--black);
    text-align: start;
    background: none;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='9'%20viewBox='0%200%2014%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.8337%201.5L7.00033%207.33333L1.16699%201.5'%20stroke='%23504F5E'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center right 16px
}

.select__block {
    position: absolute;
    top: 50px;
    left: -1px;
    width: calc(100% + 2px);
    height: 0;
    overflow: hidden;
    z-index: 10;
    transition: all .3s
}

.select__list {
    width: 100%;
    border: 1px solid var(--input);
    background-color: var(--white);
    list-style-type: none
}

.select__list a {
    display: block;
    width: 100%;
    padding: 5px 20px;
    font-family: var(--font-family);
    color: var(--black);
    text-align: start;
    background: none;
    border: none;
    text-decoration: none;
}

button {
    cursor: pointer
}

@media (min-width: 860px) {
    .pagination__item {
        width: 52px;
        border: 1px solid #ec503c;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .input {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .tag {
        padding: 6px
    }

    .tag__item {
        margin-left: 6px;
        padding: 16px 20px 14px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em;
        position: relative
    }

    .tag__item:first-child {
        margin-left: 0
    }

    .tag__item:after {
        content: "";
        position: absolute;
        top: 0;
        right: -4px;
        width: 1px;
        height: 100%;
        background-color: #504f5e1f
    }

    .text {
        margin-top: 20px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .text_w-880 {
        max-width: 880px
    }

    .input-radio {
        padding: 6px
    }

    .input-radio button {
        margin-left: 6px;
        padding: 16px 20px 14px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .input-radio button:first-child {
        margin-left: 0
    }

    .select {
        width: 240px
    }

    .select__value,
    .select__list button {
        padding: 14.5px 16px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .input {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .tag {
        padding: 4px
    }

    .tag__item {
        margin-left: 0;
        padding: 12px 16px 11px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .tag__item:after {
        display: none
    }

    .text {
        margin-top: 16px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .text_w-880 {
        max-width: 100%
    }

    .input-radio {
        padding: 2px
    }

    .input-radio button {
        margin: 2px;
        padding: 14px 16px 12px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .input-radio button:first-child {
        margin-left: 2px
    }
}

@media (max-width: 860px) {
    .pagination__item {
        width: 40px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .input {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .tag {
        padding: 4px
    }

    .tag__item {
        padding: 12px 16px 11px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .tag__item:after {
        display: none
    }

    .text {
        margin-top: 12px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .input-radio {
        padding: 2px
    }

    .input-radio button {
        margin: 2px;
        padding: 14px 16px 12px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .input-radio button:first-child {
        margin-left: 2px
    }

    .select {
        width: 100%
    }

    .select__value,
    .select__list button {
        padding: 14.5px 16px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

:root {
    --orange: #EC503C;
    --white-t-08: rgba(255, 255, 255, .8);
    --white: #fff;
    --grey-t: #504f5e;
    --black: #111;
    --blue: #F2F6F8;
    --grey-white: #F7F7F7;
    --input: #a4a3ad;
    --font-family: "Quarion", sans-serif;
    --second-family: "Quarion", sans-serif;
    --third-family: "Tektur", sans-serif
}

.wrapper {
    margin: 0 auto;
    width: 1328px;
    position: relative
}

@media (max-width: 1400px) {
    .wrapper {
        margin: 0 20px;
        width: auto
    }
}

.section-title {
    font-family: var(--second-family);
    font-weight: /*600*/400;
    font-size: 30px;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--black)
}

@media (max-width: 860px) {
    .section-title {
        font-size: 26px
    }
}


.section-title-h3 {
    font-family: var(--second-family);
    font-weight: /*600*/400;
    font-size: 28px;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--black)
}

@media (max-width: 860px) {
    .section-title-h3 {
        font-size: 26px
    }
}



.block {
    margin: /*160*/60px auto 0;
    width: 1328px
}

.breadcrumbs-block {
    margin-top: 30px;
    margin-bottom: 20px;
}

.block.breadcrumbs-block:first-child {
    margin-top: 30px;
}

.breadcrumbs-block + .block {
    margin-top: 20px;
}

body.page-template-products main h1,
body.page-template-glass main h1 {
    font-size: 28px !important;
}

body.page-template-products main h2,
body.page-template-glass main h2 {
    font-size: 26px !important;
}

body.page-template-products main h3,
body.page-template-glass main h3 {
    font-size: 24px !important;
}

body.page-template-products .breadcrumbs-block + .block,
body.page-template-glass .breadcrumbs-block + .block {
    margin-top: 40px;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 1.35;
    color: var(--input);
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    margin-right: 10px;
    color: var(--input);
}

.breadcrumbs__item::before,
.breadcrumbs__item::marker {
    content: none;
}

.breadcrumbs__link {
    color: var(--input);
    text-decoration: none;
    transition: color .2s ease;
}

.breadcrumbs__link:hover {
    color: var(--orange);
}

.breadcrumbs__current {
    color: var(--input);
    opacity: .72;
}

.catalog-related__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.catalog-related__item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
    min-height: 230px;
    padding: 22px;
    border-radius: 8px;
    background: var(--black);
    text-decoration: none;
    isolation: isolate;
    transform: translateZ(0);
}

.catalog-related__item:hover {
    text-decoration: none;
}

.catalog-related__img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.catalog-related__overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(17, 17, 17, .12) 0%, rgba(17, 17, 17, .72) 100%);
}

.catalog-related__item:hover .catalog-related__img {
    transform: scale(1.04);
}

.catalog-related__label {
    position: relative;
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 1.35;
    color: var(--white-t-08);
}

.catalog-related__title {
    position: relative;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--white);
}

.catalog-card-links {
    padding: 32px;
    border-radius: 8px;
    background: var(--white);
}

.catalog-card-links__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 8px;
}

.catalog-card-links__header .section-title {
    margin-bottom: 0;
}

.catalog-card-links__section-link {
    flex-shrink: 0;
    font-family: var(--font-family);
    font-size: 15px;
    line-height: 1.35;
    color: var(--orange);
    text-decoration: none;
}

.catalog-card-links__section-link:hover {
    text-decoration: underline;
}

.catalog-card-links__catalog {
    margin-top: 24px;
}

.catalog-card-links__item {
    min-width: 0;
}

.catalog-class-guide__item {
    min-width: 0;
    color: var(--white) !important;
}

.catalog-class-guide__item .catalog-related__overlay {
    background: linear-gradient(180deg, rgba(17, 17, 17, .18) 0%, rgba(17, 17, 17, .88) 100%);
}

.catalog-class-guide__item .catalog-related__label,
.catalog-class-guide__item .catalog-related__title {
    color: var(--white) !important;
}

.catalog-class-guide__text {
    position: relative;
    font-family: var(--font-family);
    font-size: 15px;
    line-height: 1.4;
    color: var(--white) !important;
}

@media (max-width: 860px) {
    .catalog-related__list {
        grid-template-columns: 1fr;
    }

    .catalog-related__item {
        min-height: auto;
        aspect-ratio: 3 / 2;
        padding: 18px;
    }

    .catalog-card-links__header {
        display: block;
    }

    .catalog-card-links {
        padding: 22px 16px;
    }

    .catalog-card-links__section-link {
        display: inline-block;
        margin-top: 10px;
    }

}

.block:first-child {
    margin-top: 40px
}

.block__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block__first {
    margin-top: 32px
}

.block_width {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media (max-width: 1400px) {
    .block {
        margin: /*140px */ 60px 20px 0;
        width: auto
    }

    .breadcrumbs-block + .block {
        margin-top: 20px;
    }

    .block_width {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.btn {
    padding: 15px 29px 13px;
    border: 1px solid var(--orange);
    text-align: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.01em;
    text-decoration: none
}

.btn__transparent {
    background: none;
    color: var(--orange)
}

.btn__transparent-white {
    background: none;
    color: var(--white);
    border-color: var(--white)
}

.btn__orange {
    background: var(--orange);
    color: var(--white)
}

.btn__100-per {
    width: 100%
}

@media (max-width: 860px) {
    .btn {
        padding: 13px 25px 11px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

.swiper-button-next,
.swiper-button-prev {
   /* width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--white)*/
}

.swiper-button-next {
    right: 24px;
      width:35px;
}

.swiper-button-prev {
    left: 24px;
  width:35px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 0;
    width: 52px;
    aspect-ratio: 1
}

.swiper-button-next:after {
   /* background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83333%206.5L12.3333%209M12.3333%209L9.83333%2011.5M12.3333%209H5.66667M16.5%209C16.5%209.98491%2016.306%2010.9602%2015.9291%2011.8701C15.5522%2012.7801%2014.9997%2013.6069%2014.3033%2014.3033C13.6069%2014.9997%2012.7801%2015.5522%2011.8701%2015.9291C10.9602%2016.306%209.98491%2016.5%209%2016.5C8.01509%2016.5%207.03982%2016.306%206.12987%2015.9291C5.21993%2015.5522%204.39314%2014.9997%203.6967%2014.3033C3.00026%2013.6069%202.44781%2012.7801%202.0709%2011.8701C1.69399%2010.9602%201.5%209.98491%201.5%209C1.5%207.01088%202.29018%205.10322%203.6967%203.6967C5.10322%202.29018%207.01088%201.5%209%201.5C10.9891%201.5%2012.8968%202.29018%2014.3033%203.6967C15.7098%205.10322%2016.5%207.01088%2016.5%209Z'%20stroke='%23575757'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='round'/%3e%3c/svg%3e");*/
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 5 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.419,9.000 L0.003,8.606 L4.164,4.500 L0.003,0.394 L0.419,0.000 L4.997,4.500 L0.419,9.000 Z' fill='white'/%3E%3C/svg%3E");  
  background-repeat: no-repeat;
    background-position: center
}

.swiper-button-prev:after {
    /*background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.16667%206.5L5.66667%209M5.66667%209L8.16667%2011.5M5.66667%209H12.3333M1.5%209C1.5%209.98491%201.69399%2010.9602%202.0709%2011.8701C2.44781%2012.7801%203.00026%2013.6069%203.6967%2014.3033C4.39314%2014.9997%205.21993%2015.5522%206.12987%2015.9291C7.03982%2016.306%208.01509%2016.5%209%2016.5C9.98491%2016.5%2010.9602%2016.306%2011.8701%2015.9291C12.7801%2015.5522%2013.6069%2014.9997%2014.3033%2014.3033C14.9997%2013.6069%2015.5522%2012.7801%2015.9291%2011.8701C16.306%2010.9602%2016.5%209.98491%2016.5%209C16.5%207.01088%2015.7098%205.10322%2014.3033%203.6967C12.8968%202.29018%2010.9891%201.5%209%201.5C7.01088%201.5%205.10322%202.29018%203.6967%203.6967C2.29018%205.10322%201.5%207.01088%201.5%209Z'%20stroke='%23575757'%20stroke-width='1.2'%20stroke-linecap='square'%20stroke-linejoin='round'/%3e%3c/svg%3e");*/
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 5 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.581,9.000 L4.997,8.606 L0.836,4.500 L4.997,0.394 L4.581,0.000 L0.003,4.500 L4.581,9.000 Z' fill='white'/%3E%3C/svg%3E");  
  background-repeat: no-repeat;
    background-position: center
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px
}

.swiper-pagination-bullet {
    width: 32px;
    height: 4px;
    background-color: var(--orange);
    border-radius: 0;
    transition: all .3s
}

.swiper-pagination-bullet-active {
    width: 60px
}

@media (max-width: 860px) {
    .swiper-pagination-bullet {
        width: 20px
    }

    .swiper-pagination-bullet-active {
        width: 40px
    }
}

.years {
    background-color: var(--orange)
}

.years__sub-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.01em;
    text-align: center;
    color: var(--white-t-08)
}

.years__title {
    margin-top: 8px;
    text-align: center;
    color: var(--white)
}

.years__content {
    margin-top: 24px
}

.years__item {
    background-color: var(--white)
}

.years__img {
    aspect-ratio: 1;
    background-color: var(--orange);
    display: flex;
    justify-content: center;
    align-items: center
}

.years__img>img {
    aspect-ratio: 1
}

.years__number {
    font-family: var(--second-family);
    color: var(--orange)
}

.years__text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.our-products {
    margin: -8px
}

.our-products a {text-decoration:none;}
.our-products a:hover {text-decoration:none;}
.completed-works a:hover {text-decoration:none;}
.completed-works a {text-decoration:none;}

.our-products__item {
    display: block;
    margin: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.our-products__title {
    font-family: var(--font-family);
    color: var(--white)
}

.our-products__text {
    font-family: var(--font-family);
    color: var(--white-t-08)
}

.our-products>* {
    text-decoration: none
}

.contacts {
    display: flex
}

.contacts-item__content {
    margin-top: 8px
}

.contacts-item__content>* {
    margin-top: 4px
}

.contacts-item__content>*:first-child {
    margin-top: 0
}

.contacts__icon {
    width: 24px;
    aspect-ratio: 1
}

.contacts__text {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.contacts__phone {
    font-family: var(--font-family);
    color: var(--black);
    text-decoration: none
}

.contacts__contact {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.banner {
    background-color: var(--blue)
}

.banner__title {
    font-family: var(--second-family);
    color: var(--black);
    text-transform: uppercase
}

.banner__text {
    margin-top: 12px;
    font-family: var(--font-family);
    color: var(--grey-t)
}

.banner__link {
    display: inline-block;
    font-family: var(--font-family);
    color: var(--orange);
    text-decoration: none
}

.certificates {
    margin-top: 24px;
    padding: 0 16px;
    position: relative
}

.certificates .swiper-wrapper {
    padding: 16px 0
}

.certificates .swiper-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 10000%;
    height: 100%;
    background-color: var(--blue);
    z-index: -1
}

.certificates:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    background-color: var(--blue);
    z-index: 10
}

.certificates:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background-color: var(--blue);
    z-index: 10
}

.completed-works {
    margin-top: 24px
}

.completed-works__img {
    width: 100%;
    aspect-ratio: /*1*/ 3 / 2;
    padding: 20px;
    display: flex;
    align-items: end;
    background-repeat: no-repeat;
    background-size: cover
}

.completed-works__img p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.01em;
    color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.production {
    margin-top: 24px;
    font-family: var(--second-family);
    color: var(--white)
}

.production__big-img {
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s;
    overflow: hidden;
}

.production__big-img.transition {
    filter: blur(4px)
}

.swiper-production .swiper-pagination{
    display: none;
}

.swiper-production .swiper-button-prev{
    top: 30px;
    left: 134px;
    transform: rotate(90deg);
}

.swiper-production .swiper-button-next{
    top: auto;
    bottom: 8px;
    left: 134px;
    transform: rotate(90deg);
}

.swiper-production-add{
    width: 100%;
    height: 100%;
}

.swiper-production-add img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-production-add .swiper-wrapper{
    position: relative;
}

.swiper-production-add p{
    position: absolute;
  /*  top: 40px;*/
    left: 40px;
    bottom:40px;

    font-family: var(--second-family);
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--white);
    z-index: 10;
}

.production__img {
    width: 100%;
    height: 100%;
    transition: all .3s;
    color: #0000
}

.production__img.active {
    position: relative
}

.production__img.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ec503c66
}

@media (min-width: 860px) {
    .years {
        margin-top: 160px;
        padding: 130px 0
    }

    .years__content {
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
    }

    .years__item {
        width: calc(33.3% - .66px);
        /*padding: 32px*/
      padding:10px;
      display:flex;
      justify-content: left;
        align-items: center;
      margin-bottom:1px;
      
    }

    .years__img {
        width: 72px;
      height:72px;
    }

    .years__img>img {
        width: 32px
    }

    .years__number {
        margin-top: 69px;
        font-weight: 600;
        font-size: 32px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .years__text {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em;
              padding: 10px 10px 10px 20px;
    }
}

@media (max-width: 1400px) {
    .swiper-production .swiper-button-next,
    .swiper-production .swiper-button-prev{
        display: none;
    }

    .swiper-production .swiper-pagination{
        display: block;
    }
}

@media (min-width: 860px) {
    .our-products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .our-products__item {
        width: calc(33.3% - 16px);
        /*height: 320px*/
      aspect-ratio: 3/2;
    }

    .our-products__title {
        font-weight: 400;
        font-size: /*22px*/ 20px;
        letter-spacing: -.01em
    }

    .our-products__text {
        margin-top: 6px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .contacts {
        justify-content: space-between
    }

    .contacts__content {
        width: 432px
    }

    .contacts__block {
        margin-top: 40.5px
    }

    .contacts__item {
        margin-top: 24px
    }

    .contacts__item:first-child {
        margin-top: 0
    }

    .contacts__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .contacts__phone {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .contacts__contact {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .contacts__map {
        margin-top: -43.69px;
        width: calc(100% - 448px);
        object-fit: cover;
        object-position: center
    }
}

@media (min-width: 860px) {
    .banner {
        padding: 100px 0;
        position: relative
    }

    .banner__content {
        width: 544px
    }

    .banner__title {
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em
    }

    .banner__text {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .banner__link {
        margin-top: 81px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .banner__img {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 54%;
        object-fit: cover
    }
}

.certificates__img{
    cursor: pointer;
}

@media (min-width: 860px) {
    .certificates__img {
        width: 100%;
        height: 295px
    }

    .certificates .swiper-pagination,
    .certificates__btn-tb {
        display: none
    }
}

@media (min-width: 860px) {

    .completed-works .swiper-pagination,
    .completed-works__btn-ph {
        display: none
    }
}

@media (min-width: 860px) {
    .production {
        height: 700px;
        display: flex;
        justify-content: space-between
    }

    .production__big-img {
        width: calc(100% - 336px);
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .production__img {
        background-repeat: no-repeat;
        background-size: cover;
        border: none;
        cursor: pointer
    }

    .production .swiper {
        margin: 0;
        width: 320px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .swiper-production-add p{
        font-weight: 400;
        font-size: 26px;
        letter-spacing: -0.02em;
    }

    .years {
        margin-top: 140px;
        padding: 120px 0
    }

    .years__number {
        margin-top: 40px
    }
}

@media (max-width: 1100px) and (min-width: 860px) {
    .our-products__item {
        width: calc(50% - 16px)
    }

    .our-products__title {
        font-size: 18px
    }

    .our-products__text {
        margin-top: 4px;
        font-size: 16px
    }
}

@media (max-width: 1100px) and (min-width: 860px) {
    .contacts {
        flex-direction: column
    }

    .contacts__content {
        width: 100%
    }

    .contacts__block {
        margin-top: 24px;
        display: flex;
        justify-content: space-between
    }

    .contacts__item {
        margin-top: 0;
        width: calc(33.3% - 16px)
    }

    .contacts__map {
        margin-top: 24px;
        width: 100%;
        height: 312px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .banner {
        padding: 0
    }

    .banner .wrapper {
        display: flex;
        flex-direction: column-reverse
    }

    .banner__content {
        width: 100%;
        padding: 28px 0
    }

    .banner__title {
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em
    }

    .banner__img {
        position: static;
        margin: 0;
        max-height: 380px;
        width: 100%
    }

    .banner__link {
        margin-top: 12px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {

    
    .certificates__btn-pc {
        display: none
    }

    .certificates__btn-tb {
        margin-top: 24px;
        display: flex;
        justify-content: center
    }

    .certificates:before,
    .certificates:after {
        height: calc(100% - 20px)
    }

    .certificates .swiper-pagination {
        bottom: -4px;
        display: block
    }

    .certificates .swiper-button-next,
    .certificates .swiper-button-prev {
        display: none
    }

    .certificates .swiper {
        padding-bottom: 20px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .completed-works__btn-pc {
        display: none
    }

    .completed-works__btn-ph {
        margin-top: 24px;
        display: flex;
        justify-content: center
    }

    .completed-works .swiper-works {
        padding-bottom: 20px
    }

    .completed-works .swiper-pagination {
        bottom: -4px;
        display: block
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
  /*  .production {
        display: block;
        height: auto
    }

    .production__big-img {
        width: 100%;
        height: 700px;
        font-size: 26px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .production .swiper {
        margin: 16px 0 0;
        padding-bottom: 20px;
        width: 100%;
        height: 127px
    }

    .production .swiper-pagination {
        bottom: -4px
    }*/
}

@media (max-width: 860px) {
   /* .swiper-production .swiper-button-next,
    .swiper-production .swiper-button-prev{
        display: none;
    }*/

    .swiper-production .swiper-pagination{
        display: block;
    }

    .swiper-production-add p{
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -0.01em;
    }

    .swiper-button-next, .swiper-button-prev{
        width: 32px;
        height: 32px;
    }
  
  .white_p {color: #fff;}

    .years {
        margin-top: 140px;
        padding: 100px 0
    }

    .years__item {
        margin-top: 1px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .years__item:first-child {
        margin-top: 0
    }

    .years__img {
        width: 56px
    }

    .years__img>img {
        width: 24px
    }

    .years__number {
        margin-top: 24px;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em;
        text-align: center
    }

    .years__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em;
        text-align: center
    }
}

@media (max-width: 860px) {
    .our-products__item {
        min-height: 220px
    }

    .our-products__title {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .our-products__text {
        margin-top: 4px;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .contacts {
        flex-direction: column-reverse
    }

    .contacts__content {
        margin-top: 24px
    }

    .contacts__block {
        margin-top: 16px
    }

    .contacts__block:first-child {
        margin-top: 0
    }

    .contacts__item {
        margin-top: 16px
    }

    .contacts__item:first-child {
        margin-top: 0
    }

    .contacts__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .contacts__phone {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }

    .contacts__contact {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .contacts__map {
        margin: 24px -20px 0;
        height: 200px;
        object-fit: cover;
        object-position: center
    }
}

@media (max-width: 860px) {
    .banner .wrapper {
        display: flex;
        flex-direction: column-reverse
    }

    .banner__img {
        margin: 0;
        width: 100%;
        height: 280px;
        object-fit: cover
    }

    .banner__content {
        padding-top: 28px;
        padding-bottom: 21px
    }

    .banner__title {
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .banner__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner__link {
        margin-top: 4px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .certificates {
        margin: 24px -20px 0
    }

    .certificates .swiper-slide {
        display: flex;
        justify-content: center
    }

    .certificates__img {
        width: 100%;
        height: 314px;
    }

    .certificates .swiper-wrapper {
        padding-bottom: 36px
    }

    .certificates .swiper-pagination {
        bottom: 12px
    }

    .certificates__header {
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .certificates__header .btn {
        margin-top: 8px
    }

    .certificates__btn-tb,
    .certificates .swiper-button-next,
    .certificates .swiper-button-prev {
        display: none
    }

    .certificates__img{
        object-fit: contain;
    }
}

@media (max-width: 860px) {
    
    .completed-works .swiper {
        margin-right: -20px
    }

    .completed-works__btn-ph,
    .completed-works .swiper-button-next,
    .completed-works .swiper-button-prev {
        display: none
    }

    .completed-works .swiper-works {
        padding-bottom: 20px
    }

    .completed-works .swiper-pagination {
        bottom: -4px;
        display: block
    }

    .completed-works__header {
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .completed-works__header .btn {
        margin-top: 8px
    }
}

@media (max-width: 860px) {
    .production__big-img {
        margin: 0 -20px;
        height: 320px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em;
        text-transform: uppercase
    }

    .production__img {
        border: none;
        background-size: cover
    }

    .production .swiper {
        margin: 12px 0 0;
        height: 100px;
        padding-bottom: 20px
    }

    .production .swiper-pagination {
        bottom: -4px
    }
}

@media (min-width: 860px) {
    .article__content {
        margin: 12px -12px -12px;
        display: flex;
        flex-wrap: wrap
    }

    .article__item {
        margin: 12px;
        width: calc(33.3% - 24px)
    }

    .article-item__img {
        height: 240px
    }

    .article-item__title {
        margin-top: 16px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .article-item__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .article-item__link {
        margin-top: 4px;
        font-size: 18px;
        letter-spacing: -.01em;
        text-decoration: underline;
        text-decoration-skip-ink: none
    }

    .article__footer {
        margin-top: 24px;
        display: flex;
        justify-content: space-between
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .article__content {
        margin: 16px -8px -8px
    }

    .article__item {
        margin: 8px;
        width: calc(50% - 16px)
    }

    .article-item__img {
        height: 220px
    }

    .article-item__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .article-item__link {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em;
        text-decoration: underline;
        text-decoration-skip-ink: none
    }
}

@media (max-width: 860px) {
    .article__content {
        margin-top: 24px
    }

    .article__item {
        margin-top: 32px
    }

    .article__item:first-child {
        margin-top: 0
    }

    .article-item__img {
        height: 200px
    }

    .article-item__title {
        margin-top: 12px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .article-item__text {
        margin-top: 6px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .article-item__link {
        margin-top: 2px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em;
        text-decoration: underline;
        text-decoration-skip-ink: none
    }

    .article__footer {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .article__footer .pagination {
        margin-top: 20px
    }
}

.article {
    margin-top: 40px
}

.article-item__img {
    width: 100%
}

.article-item__title {
    font-family: var(--font-family);
    color: var(--black)
}

.article-item__text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.article-item__link {
    font-family: var(--font-family);
    color: var(--orange)
}

@media (min-width: 860px) {
    .card__baner {
        padding: 40px 0;
        background-color: var(--grey-white)
    }

    .card__baner .wrapper {
        display: flex;
        justify-content: space-between
    }

    .card-baner__img {
        margin: -40px 0;
        width: 520px;
        height: 440px;
        object-fit: contain;
        object-position: center;
      padding:50px;
    }

    .card-baner__content {
        width: calc(100% - 560px);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .card-baner__title {
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__description {
        margin-top: 12px;
        max-width: 728px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card-baner__pre-price {
        margin-top: 24px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card-baner__price {
        margin-top: 2px;
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__extra {
        display: flex;
        justify-content: space-between;
        align-items: end
    }

    .card-baner__link {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card__description {
      /*  width: 766px*/
    }

    .card-description__control {
        padding: 6px
    }

    .card-description-control__item {
        margin-left: 3px;
        padding: 16px 20px 14px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card-description-control__item:first-child {
        margin-left: 0
    }

    .card-description__content {
        margin-top: 32px
    }

    .card-description__item {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card__form {
        padding: 40px
    }

    .card-form__title {
        font-weight: 400;
        font-size: 38px;
        letter-spacing: -.02em
    }

    .card-form__text {
        margin-top: 12px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .card-form__content {
        margin-top: 48px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .card-form__content > span:nth-child(2) {
        margin-left: 16px
    }

    .card-form__content .input {
        width: 314px
    }

    .card-form__content .file {
        margin-left: 16px;
        margin-right: calc(100% - 811px)
    }

    .card-form__content .btn {
        margin-top: 24px
    }

    .card-form_modal p{
        text-align: center;
    }

    .card-form_modal .card-form__content{
        margin-left: auto;
        margin-right: auto;
        max-width: 656px;

        justify-content: space-between;
    }

    .card-form_modal .card-form__content > span{
        width: calc(50% - 8px);
    }
    .card-form_modal .card-form__content > span:nth-child(2){
        margin-left: 0;
    }
    .card-form_modal .card-form__content .input{
        margin: 0;

        width: 100%;
    }

    .card-form_modal .card-form__content .file{
        margin-left: 0;
        width: 27%;
    }

    .card-form_modal .card-form__content .btn{
        width: calc(50% - 8px);
    }

    .card-form__conditions {
        margin-top: 28px;
        margin-left: 24px;
        max-width: 516px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .card__baner {
        padding: 0;
        background-color: var(--white)
    }

    .card__baner .wrapper {
        display: block
    }

    .card-baner__img {
        margin: 0 -20px;
        width: calc(100% + 40px);
        height: 356px;
        background-color: var(--grey-white);
      padding:50px;
    }

    .card-baner__content {
        margin-top: 24px;
        width: 100%
    }

    .card-baner__title {
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__description {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-baner__pre-price {
        margin-top: 16px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-baner__price {
        margin-top: 2px;
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__extra {
        margin-top: 24px;
        height: 24px;
        position: relative
    }

    .card-baner__extra .btn {
        position: absolute;
        right: 0;
        bottom: 48px;
        flex-shrink: 0;
        width: calc(50% - 8px)
    }

    .card-baner__link {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card__description {
        width: 100%
    }

    .card-description__control {
        padding: 4px
    }

    .card-description-control__item {
        margin-left: 0;
        padding: 12px 16px 11px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-description__content {
        margin-top: 24px
    }

    .card-description__item {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card__form {
        padding: 32px
    }

    .card-form__title,
    .card-form__text {
        text-align: center
    }

    .card-form__content {
        margin-top: 32px;
        justify-content: space-between
    }

    .card-form__content span {
        margin-left: 0;
        width: calc(50% - 8px)
    }

    .card-form__content .input{
        width: 100%;
    }

    .card-form__content .file {
        margin: 30.5px 0 0;
        width: calc(50% - 8px);
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .card-form__content .file .file__name {
        margin-left: 0
    }

    .card-form__content .btn {
        margin-top: 24px;
        width: calc(50% - 8px)
    }

    .card-form__conditions {
        margin: 24px auto 0;
        max-width: 618px;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 860px) {
    .card-baner__img {
        margin: 0 -20px;
        width: calc(100% + 40px);
        height: 360px;
        background-color: var(--grey-white);
      padding:50px;
    }

    .card-baner__content {
        margin-top: 24px
    }

    .card-baner__title {
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__description {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-baner__pre-price {
        margin-top: 16px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-baner__price {
        margin-top: 2px;
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .card-baner__extra {
        margin-top: 16px;
        display: flex;
        flex-direction: column
    }

    .card-baner__link {
        margin-top: 24px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card-description__control {
        padding: 4px;
        flex-wrap: wrap
    }

    .card-description-control__item {
        padding: 12px 16px 11px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .card-description__content {
        margin-top: 24px
    }

    .card-description__item {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .card__form {
        padding: 24px
    }

    .card-form__title {
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em;
        text-transform: uppercase;
        text-align: center
    }

    .card-form__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em;
        text-align: center
    }

    .card-form__content {
        margin-top: 24px
    }

    .card-form__content span {
        margin-top: 12px;
        margin-left: 0;
        width: 100%
    }

    .card-form__content span:first-child {
        margin-top: 0
    }

    .card-form__content .input {
        width: 100%
    }

    .card-form__content .file {
        margin-top: 12px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .card-form__content .file .file__name {
        margin-left: 0
    }

    .card-form__content .btn {
        margin-top: 24px;
        display: block;
        width: 100%;
    }

    .card-form__conditions {
        margin-top: 12px;
        text-align: center
    }
}

.card-baner__img {
    object-fit: contain;
    object-position: center
}

.card-baner__title {
    font-family: var(--second-family);
    color: var(--black)
}

.card-baner__description,
.card-baner__pre-price {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.card-baner__price {
    font-family: var(--second-family);
    color: var(--orange)
}

.card-baner__price:before {
    content: "от "
}

.card-baner__price:after {
    content: " руб."
}

.card-baner__link {
    padding-left: 32px;
    position: relative;
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.card-baner__link:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2010V16M12%2016L9%2013M12%2016L15%2013M17%2021H7C6.46957%2021%205.96086%2020.7893%205.58579%2020.4142C5.21071%2020.0391%205%2019.5304%205%2019V5C5%204.46957%205.21071%203.96086%205.58579%203.58579C5.96086%203.21071%206.46957%203%207%203H12.586C12.8512%203.00006%2013.1055%203.10545%2013.293%203.293L18.707%208.707C18.8945%208.89449%2018.9999%209.1488%2019%209.414V19C19%2019.5304%2018.7893%2020.0391%2018.4142%2020.4142C18.0391%2020.7893%2017.5304%2021%2017%2021Z'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.card__description {
    margin-top: 40px
}

.card-description__control {
    display: flex;
    background-color: var(--blue)
}

.card-description-control__item {
    background: none;
    border: none;
    font-family: var(--font-family);
    color: var(--grey-t);
    transition: all .3s
}

.card-description-control__item.active {
    background-color: var(--orange);
    color: var(--white)
}

.card-description__content {
    transition: all .3s;
    overflow: hidden
}

.card-description__item {
    font-family: var(--font-family);
    color: #504f5e;
    display: none
}

.card-description__item.active {
    display: block
}

.card__form {
    background-image: url(/assets/card-form-CP2hmB6L.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right
}

.card-form__title {
    font-family: var(--second-family);
    color: var(--white);
    text-transform: uppercase
}

.card-form__text,
.card-form__conditions {
    font-family: var(--font-family);
    color: var(--white);
    opacity: .8
}

.card-form__conditions a {
    font-family: var(--font-family);
    color: var(--white)
}

.certif__item{
    cursor: pointer;
}

@media (min-width: 860px) {
    .certif .tag {
        margin-top: 24px
    }

    .certif__content {
        margin: 20px -8px -20px
    }

    .certif__item {
        margin: 20px 8px;
        width: calc(25% - 16px)
    }

    .certif__img {
        height: 452px
    }

    .certif__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .certif__content {
        margin: 8px -8px -16px
    }

    .certif__item {
        margin: 16px 8px;
        width: calc(50% - 16px)
    }

    .certif__img {
        height: auto
    }
}

@media (max-width: 860px) {
    .certif .tag {
        margin-top: 16px
    }

    .certif__content {
        margin: 8px -8px -16px
    }

    .certif__item {
        margin: 16px 8px;
        width: calc(50% - 16px)
    }

    .certif__img {
        height: auto
    }

    .certif__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }
}

.certif__content {
    display: flex;
    flex-wrap: wrap
}

.certif__img {
    width: 100%
}

.certif__text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.tag-swap__item.hide {
    display: none
}

.banner-prod {
    background-color: var(--blue);
    overflow: hidden
}

.banner-prod__content {
    width: 100%;
    min-width: 0
}

.banner-prod-content__title,
.banner-prod-content__text {
    width: 100%;
    margin-bottom: 16px
}

.banner-prod-content__text:empty,
.banner-prod__content > p:empty {
    display: none
}

.banner-prod__content > p:not(.banner-prod-content__title):not(.banner-prod-content__text),
.banner-prod__content > ul,
.banner-prod__content > ol {
    margin: 0 0 16px;
    font-family: var(--font-family);
    color: var(--grey-t);
    line-height: 1.35
}

.banner-prod__grid {
    display: block;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.35;
    color: var(--grey-t)
}

.banner-prod__grid.content-flow,
.banner-prod__grid.content-flow ul,
.banner-prod__grid.content-flow ol,
.banner-prod__grid.content-flow li {
    font-family: var(--font-family) !important;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: -.01em;
    color: inherit;
}

.banner-prod__intro {
    width: 100%;
    margin-bottom: 24px
}

.banner-prod__columns {
    display: flex;
    gap: 28px;
    align-items: flex-start
}

.banner-prod__column {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.banner-prod-content__item {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.banner-prod-content__title {
    font-family: var(--second-family);
    color: var(--black);
    font-weight: 400;
}

.banner-prod-content__text {
    font-family: var(--font-family);
    color: var(--grey-t);
    line-height: 1.35
}

.banner-prod-content-item__title {
    font-family: var(--font-family);
    color: var(--black);
    line-height: 1.2
}

.banner-prod-content-item__list {
    margin-top: 10px;
    list-style-type: none
    
}

.banner-prod-content-item__list li {
    margin-top: 6px;
    padding-left: 14px;
    font-family: var(--font-family);
    color: var(--grey-t);
    position: relative;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.banner-prod-content-item__list li:first-child {
    margin-top: 0
}

.banner-prod-content-item__list li:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    aspect-ratio: 1;
    background-color: var(--orange)
}

.products__img {
    background-color: var(--grey-white);
    object-fit: contain;
    object-position: center
}

.products-content__title {
    font-family: var(--font-family);
    color: var(--black)
}

.products-content__text {
    margin-top: 8px;
    font-family: var(--font-family);
    color: var(--grey-t)
}

.products-content-description__item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.products-content-description__item p:first-child {
    font-family: var(--font-family);
    color: var(--input)
}

.products-content-description__item p:last-child {
    font-family: var(--font-family);
    color: var(--black)
}

.products-content__price {
    display: flex;
    align-items: end
}

.products-content-price__name {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.products-content-price__value {
    margin-left: 8px;
    font-family: var(--font-family);
    color: var(--orange)
}

.products-content-price__value:before {
    content: "от "
}

.products-content-price__value:after {
    content: " руб."
}

.calculation {
    background-color: var(--blue)
}

.calculation__item {
    display: flex;
    flex-wrap: wrap
}


.calculation__item .input {
    background: none
}

.calculation-item__title {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.calculation__element {
    display: flex;
    flex-direction: column;
    align-items: start
}

.calculation-add__title {
    font-family: var(--font-family);
    color: var(--black)
}

.calculation__add .card-form__conditions {
    color: var(--input)
}

.calculation__add .card-form__conditions a {
    color: var(--grey-t)
}

.description {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px
}

.description.description_image-only {
    justify-content: center;
}

.description.description_image-only .description__img {
    width: min(100%, 720px);
    max-width: 100%;
    margin: 0 auto;
}

.description__item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.description__item p:first-child {
    font-family: var(--font-family);
    color: var(--input)
}

.description__item p:last-child {
    font-family: var(--font-family);
    color: var(--black)
}

.description__content {
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -.01em;
    color: var(--grey-t)
}

.description__content p,
.description__content li {
    max-width: 42em
}

.description__content p + h2,
.description__content p + h3,
.description__content ul + h2,
.description__content ul + h3,
.description__content ol + h2,
.description__content ol + h3 {
    margin-top: 28px
}

.description__content h2,
.description__content h3,
.description__content h4 {
    margin: 0 0 14px;
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--black)
}

.description__content h2 {
    font-size: 28px
}

.description__content h3 {
    font-size: 22px
}

.description__content ul,
.description__content ol {
    padding-left: 1.35rem
}

.description__certificates {
    margin-top: 60px
}

.form-prod__content {
    background-color: var(--orange)
}

.form-prod-content__title {
    font-family: var(--second-family);
    color: var(--white);
    text-transform: uppercase
}

.form-prod-content__text {
    font-family: var(--font-family);
    color: var(--white);
    opacity: .8
}

.form-prod__card {
    background-color: var(--blue)
}

.form-prod__img {
    aspect-ratio: 1;
    background-color: var(--white);
    border-radius: 50px
}

.form-prod__title {
    font-family: var(--font-family);
    color: var(--black)
}

.form-prod__post {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.form-prod__phone {
    font-family: var(--second-family);
    color: var(--orange);
    text-transform: uppercase;
    text-decoration: none
}

.form-prod__mail {
    display: block;
    font-family: var(--font-family);
    color: var(--grey-t);
    text-decoration: none
}

.questions {
    margin-top: 24px
}

.questions__item {
    padding: 20px;
    background-color: var(--blue)
}

.questions__item.active .questions__title {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%2012.5H12H6'%20stroke='%23504F5E'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-size: 24px
}

.questions__title {
    padding-right: 44px;
    font-family: var(--font-family);
    color: var(--black);
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201V7M7%207V13M7%207H13M7%207H1'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px
}

.questions__text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.questions__content {
    height: 0;
    overflow: hidden;
    transition: all .3s
}

.tests {
    margin-top: 24px
}

.tests-item__video {
    cursor: pointer;
    position: relative
}

.tests-item__video:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3csvg%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='38'%20cy='38'%20r='38'%20fill='white'%20/%3e%3cpath%20d='M53%2038L29%2051.8564L29%2024.1436L53%2038Z'%20fill='%23EC503C'%20/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none
}

.tests-item__video.active:after {
    display: none
}

.tests__name {
    font-family: var(--font-family);
    color: var(--black)
}

@media (min-width: 860px) {
    .banner-prod {
        margin-top: 40px;
        padding: 12px;
        display: flex;
        gap: 20px;
        align-items: start;
    }

    .banner-prod_reverse {
        flex-direction: row-reverse
    }

    .banner-prod_reverse .banner-prod__content {
        padding: 20px 8px 20px 20px;
    }

    .banner-prod_reverse .banner-prod__img {
        margin-right: 0;
    }

 .banner-prod__img {
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        height: 440px;
        min-height: 440px;
        aspect-ratio: auto;
        object-fit: cover;
        padding: 0;
        align-self: start;
    }


  .banner-prod__content {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
        min-width: 0;
        padding: 20px 24px 20px 12px;
    }

    .banner-prod-content__title {
        font-weight: 400;
        font-size: 26px;
        letter-spacing: -.02em;
        text-transform: uppercase;
       margin:0 0 18px;
       text-wrap: balance
    }

    .banner-prod-content__text {
        margin-top: 0;
        margin-bottom: 26px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner-prod-content__item {
      /*  margin-top: 28px*/
    }

    .banner-prod-content-item__title {
        font-weight: 500;
        font-size: /*18*/16px;
        letter-spacing: -.01em
    }

    .banner-prod-content-item__list li {
        font-weight: 400;
        font-size: /*18*/13px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .products {
        margin-top: 24px;
        display: flex
    }

    .products:first-child {
        margin-top: 0
    }

    .products__img {
        width: 544px;
        height: 440px;
        flex-shrink: 0;
    }

    .products__content {
        width: 100%;
        padding: 42px 0 42px 16px
    }

    .products-content__title {
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .products-content__text {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .products-content__description {
        margin-top: 24px;
        max-width: 656px
    }

    .products-content-description__item {
        margin-top: 12px
    }

    .products-content-description__item:first-child {
        margin-top: 0
    }

    .products-content-description__item p:first-child {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .products-content-description__item p:last-child {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em;
        text-align: right
    }

    .products-content__price {
        margin-top: 24px
    }

    .products-content-price__name {
        margin-bottom: 3px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .products-content-price__value {
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .calculation {
        padding: 39px 40px
    }

    .calculation__item {
        margin-top: 32px
    }

    .calculation__item .input {
        width: 320px

    }
    .calculation__item > span {
        margin-left: 16px;
    }

    .calculation__item > span:first-child {
        margin-left: 0
    }

    .calculation__element {
        margin-left: 16px
    }

    .calculation__element:first-child {
        margin-left: 0
    }

    .calculation__element .input-radio {
        margin-top: 12px
    }

    .calculation-item__title {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .calculation__add .input {
        width: 314px
    }
    .calculation__add > span {
        margin-left: 16px;
    }

    .calculation__add > span:nth-child(2) {
        margin-left: 0
    }

    .calculation__add .file {
        margin-left: 16px;
        margin-right: calc(100% - 811px)
    }

    .calculation__add .btn {
        margin-top: 32px
    }

    .calculation__add .card-form__conditions {
        margin-top: 36px
    }

    .calculation-add__title {
        margin-bottom: 12px;
        width: 100%;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .description {
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: flex-start
    }

    .description.description_reverse {
        flex-direction: row
    }

    .description.description_image-only {
        display: block;
        width: 100%;
    }

    .description__img {
        flex: 0 1 42%;
        width: min(42%, 520px);
        max-width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        object-position: center;
        border-radius: 8px
    }

    .description__content {
        flex: 1 1 320px;
        min-width: 0
    }

    .description.description_image-only .description__img {
        width: min(100%, 720px);
    }

    .description__item {
        margin-top: 20px
    }

    .description__item:first-child {
        margin-top: 0
    }

    .description__item p:first-child {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .description__item p:last-child {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em;
        text-align: right
    }
}

@media (min-width: 860px) {
    .form-prod {
        display: flex;
        justify-content: space-between
    }

    .form-prod__content {
        width: calc(100% - 448px);
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .form-prod-content__title {
        font-weight: 400;
        font-size: 30px;
        letter-spacing: -.02em
    }

    .form-prod-content__text {
        margin-top: 20px;
        max-width: 728px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .form-prod-content__fill {
        margin-top: 60px;
        display: flex;
        flex-wrap: wrap
    }

    .form-prod-content__fill .input {
        width: 314px
    }

    .form-prod-content__fill span {
        margin-left: 16px;
        width: 314px
    }

    .form-prod-content__fill span:first-child {
        margin-left: 0
    }

    .form-prod-content__fill span:nth-child(2) {
        margin-right: calc(100% - 648px)
    }

    .form-prod-content__fill .btn {
        margin-top: 24px;
        display: inline-block
    }

    .form-prod__card {
        width: 432px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .form-prod__img {
        width: 80px
    }

    .form-prod__title {
        margin-top: 20px;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .form-prod__post {
        margin-top: 4px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .form-prod__phone {
        font-weight: 600;
        font-size: 32px;
        letter-spacing: -.02em
    }

    .form-prod__mail {
        margin-top: 12px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .questions {
        margin-top: 24px;
        display: flex;
        justify-content: space-between
    }

    .questions__element {
        width: calc(50% - 8px)
    }

    .questions__item {
        margin-top: 16px
    }

    .questions__item:first-child {
        margin-top: 0
    }

    .questions__title {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }

    .questions__text {
        padding-top: 12px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .tests {
        margin: 12px -12px -12px;
        display: flex;
        flex-wrap: wrap
    }

    .tests__item {
        margin: 12px;
        width: calc(33% - 24px)
    }
  

  .tests__item iframe {
      aspect-ratio: 3 / 2;

  }

    .tests__item video {
        width: 100%
    }

    .tests-item__video:after {
        top: calc(50% - 38px);
        left: calc(50% - 38px);
        width: 76px;
        aspect-ratio: 1
    }

    .tests__name {
        margin-top: 20px;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .banner-prod {
        padding: 0;
        display: flex;
        flex-direction: column-reverse
    }

    .banner-prod__img {
        width: 100%;
        max-width: none;
        min-height: 0;
        height: 320px
    }

    .banner-prod__content {
        width: 100%;
        padding: 24px
    }

    .banner-prod-content__title {
        font-weight: 400;
        font-size: 30px;
        letter-spacing: -.02em;
        text-transform: uppercase;
        margin-bottom: 18px
    }

    .banner-prod-content__text {
        margin-top: 0;
        margin-bottom: 22px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner-prod-content-item__list li {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .products {
        margin-top: 32px;
        flex-direction: column
    }

    .products__img {
        width: 100%;
        height: 288px
    }

    .products__content {
        padding: 16px 0 0
    }

    .products-content__title {
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .products-content__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content__description {
        max-width: 100%
    }

    .products-content-description__item {
        margin-top: 10px
    }

    .products-content-description__item p:first-child {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content-description__item p:last-child {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content-price__name {
        margin-bottom: 4px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content-price__value {
        margin-left: 12px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .calculation {
        padding: 32px
    }

    .calculation__item {
        margin-top: 24px;
        justify-content: space-between
    }

    .calculation__item .input {
        width: 100%;
    }

    .calculation__item span {
        margin-left: 0;
        width: calc(33.3% - 10.66px)
    }

    .calculation__element {
        margin-left: 0;
        width: calc(50% - 8px)
    }

    .calculation__element:nth-child(n+3) {
        margin-top: 24px
    }

    .calculation__element .input-radio {
        margin-top: 8px
    }

    .calculation__add .input {
        width: 100%;
    }

    .calculation__add span{
        margin-left: 0;
        width: calc(50% - 8px)
    }

    .calculation__add .file {
        margin-top: 30.5px;
        margin-left: 0;
        margin-right: 0;
        width: calc(50% - 8px);
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .calculation__add .file .file__name {
        margin-left: 0
    }

    .calculation__add .btn {
        margin-top: 24px;
        width: calc(50% - 8px)
    }

    .calculation__add .card-form__conditions {
        margin-top: 12px;
        max-width: 506px
    }

    .calculation-add__title {
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .description {
        flex-direction: column
    }

    .description__img {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        object-position: center
    }

    .description__content {
        width: 100%
    }

    .description__item {
        margin-top: 16px
    }

    .description__item p:first-child {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .description__item p:last-child {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .form-prod__content {
        width: calc(62.64% - 16px);
        padding: 24px
    }

    .form-prod-content__title {
        font-weight: 400;
        font-size: 32px;
        letter-spacing: -.02em
    }

    .form-prod-content__text {
        margin-top: 12px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .form-prod-content__fill {
        margin-top: 32px
    }

    .form-prod-content__fill .input {
        width: 100%
    }

    .form-prod-content__fill span {
        margin-top: 16px;
        margin-left: 0;
        width: 100%
    }

    .form-prod-content__fill span:first-child {
        margin-top: 0
    }

    .form-prod-content__fill span:nth-child(2) {
        margin-right: 0
    }

    .form-prod-content__fill .btn {
        margin-top: 16px;
        width: 100%
    }

    .form-prod-content__fill .card-form__conditions {
        margin: 24px 0 0;
        text-align: start
    }

    .form-prod__card {
        width: 37.36%;
        padding: 24px
    }

    .form-prod__img {
        width: 120px
    }

    .form-prod__phone {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .form-prod__mail {
        margin-top: 8px;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .questions {
        flex-direction: column
    }

    .questions__element {
        margin-top: 16px;
        width: 100%
    }

    .questions__element:first-child {
        margin-top: 0
    }

    .questions__title {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }

    .questions__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .tests {
        margin: 16px -8px -8px
    }

    .tests__item {
        margin: 8px;
        width: calc(33% - 16px)
    }
  
    .tests__item iframe {
      aspect-ratio: 3 / 2;

  }

    .tests-item__video:after {
        top: calc(50% - 19px);
        left: calc(50% - 19px);
        width: 38px;
        aspect-ratio: 1
    }

    .tests__name {
        margin-top: 12px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .banner-prod {
        margin: 24px -20px 0;
        display: flex;
        flex-direction: column-reverse
    }

    .banner-prod__content {
        padding: 20px
    }

    .banner-prod-content__title {
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.02em;
        text-transform: uppercase;
        margin-bottom: 14px
    }

    .banner-prod-content__text {
        margin-top: 0;
        margin-bottom: 18px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner-prod-content-item__title {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner-prod-content-item__list li {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .banner-prod__grid {
        display: block
    }

    .banner-prod__intro {
        margin-bottom: 18px
    }

    .banner-prod__columns {
        flex-direction: column;
        gap: 16px
    }

    .banner-prod-content__item {
        width: 100%
    }
}

@media (max-width: 860px) {
    .products {
        margin-top: 32px
    }

    .products:first-child {
        margin-top: 0
    }

    .products__img {
        width: 100%
    }

    .products__content {
        margin-top: 16px
    }

    .products-content__title {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }

    .products-content__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content__description {
        margin-top: 16px
    }

    .products-content-description__item {
        margin-top: 10px;
        align-items: start
    }

    .products-content-description__item p:first-child {
        width: 37.5%;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .products-content-description__item p:last-child {
        width: 58.75%;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .products-content__price {
        margin-top: 16px
    }

    .products-content-price__name {
        margin-bottom: 2px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .products-content-price__value {
        margin-left: 8px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .calculation {
        margin: 0 -20px;
        padding: 32px 20px
    }

    .calculation__item {
        margin-top: 24px;
        flex-direction: column
    }

    .calculation__item .input {
       width: 100%;
    }

    .calculation__item span {
        margin-top: 12px
    }

    .calculation__item span:first-child {
        margin-top: 0
    }

    .calculation__element {
        margin-top: 24px
    }

    .calculation__element:first-child {
        margin-top: 0
    }

    .calculation__element .input-radio {
        margin-top: 8px
    }

    .calculation__add .file {
        margin-top: 12px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .calculation__add .file .file__name {
        margin-left: 0
    }

    .calculation__add .btn {
        margin-top: 24px
    }

    .calculation__add .card-form__conditions {
        margin-top: 12px;
        text-align: start
    }

    .calculation-add__title {
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .content-flow .alignright,
    .content-flow .alignleft,
    .description__content .alignright,
    .description__content .alignleft {
        float: none;
        margin: 0 0 16px;
    }

    .description__content {
        font-size: 16px;
        line-height: 1.55
    }

    .description__content h2 {
        font-size: 24px
    }

    .description__content h3 {
        font-size: 20px
    }

    .description {
        gap: 16px;
        padding: 0
    }

    .description__img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        object-position: center
    }

    .description__content,
    .description__item {
        margin-top: 14px
    }

    .description__content {
        width: 100%;
        margin-top: 0
    }

    .description__item:first-child {
        margin-top: 0
    }

    .description__item p:first-child {
        width: 40.54%;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }

    .description__item p:last-child {
        width: 55.4%;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .form-prod__content {
        padding: 24px
    }

    .form-prod-content__title {
        font-weight: 400;
        font-size: 22px;
        letter-spacing: -.02em
    }

    .form-prod-content__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .form-prod-content__fill {
        margin-top: 24px
    }

    .form-prod-content__fill .input {
        width: 100%
    }

    .form-prod-content__fill span {
        margin-top: 12px;
        width: 100%
    }

    .form-prod-content__fill span:first-child {
        margin-top: 0
    }

    .form-prod-content__fill .btn {
        margin-top: 12px;
        width: 100%;
        display: block
    }

    .form-prod-content__fill .card-form__conditions {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em;
        text-align: start
    }

    .form-prod__card {
        margin-top: 16px;
        padding: 24px
    }

    .form-prod__header {
        display: flex
    }

    .form-prod-header__content {
        margin-left: 20px
    }

    .form-prod__img {
        width: 80px
    }

    .form-prod__title {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .form-prod__post {
        margin-top: 4px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .form-prod__footer {
        margin-top: 24px
    }

    .form-prod__phone {
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .form-prod__mail {
        margin-top: 8px;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .questions__element {
        margin-top: 12px
    }

    .questions__element:first-child {
        margin-top: 0
    }

    .questions__item {
        margin-top: 12px;
        padding: 16px 20px
    }

    .questions__item:first-child {
        margin-top: 0
    }

    .questions__title {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .questions__text {
        padding-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .tests__item {
        margin-top: 24px
    }
  
    .tests__item iframe {
      aspect-ratio: 3 / 2;

  }

    .tests__item:first-child {
        margin-top: 0
    }

    .tests__item video {
        width: 100%
    }

    .tests-item__video:after {
        top: calc(50% - 19px);
        left: calc(50% - 19px);
        width: 38px;
        aspect-ratio: 1
    }

    .tests__name {
        padding: 12px 8px 0;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

.glass-card__item {
    /*background-color: var(--orange)*/
}

.glass-catalog a:hover {text-decoration:none;}

.glass-card__img {
    aspect-ratio: 1;
    width: /*72px*/55px;
    background-color: var(--orange);
    display: flex;
    justify-content: center;
    align-items: center
}

.glass-card__img svg {
    aspect-ratio: 1;
    width: 32px;
      color: #000;
}

.glass-card__title {
    font-family: var(--second-family);
    color: var(--black)
}

.glass-card__text {
    font-family: var(--font-family);
    color: var(--black);
    opacity: .8
}

.glass-catalog__item {
    display: block;
    text-decoration: none;

}

.glass-catalog__img {
    background-color: var(--grey-white);
    object-position: center
}

.glass-catalog__title {
    font-family: var(--font-family);
    color: var(--black)
}

.glass-catalog__text {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.glass-catalog__price {
    display: flex;
    align-items: baseline;
}

.glass-catalog-price__description {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.glass-catalog-price__value {
    font-family: var(--font-family);
    color: var(--orange)
}

.glass-catalog-price__value:before {
    content: "от "
}

.glass-catalog-price__value:after {
    content: " руб."
}

.glass-why {
    margin-top: 24px;
    border-spacing: 0px;
    border-collapse: collapse
}

.glass-why thead {
    background-color: var(--orange)
}

.glass-why thead td {
    padding: 16px;
    font-family: var(--font-family);
    color: var(--white)
}

.glass-why tbody tr:nth-child(2n) {
    background-color: var(--blue)
}

.glass-why tbody td {
    font-family: var(--font-family);
    vertical-align: top
}

.glass-why tbody td:nth-child(1) {
    width: 264px;
    padding: 16px 32px 16px 24px;
    color: var(--black)
}

.glass-why tbody td:nth-child(2) {
    width: 532px;
    padding: 16px 32px 16px 0;
    color: var(--orange)
}

.glass-why tbody td:nth-child(3) {
    width: 532px;
    padding: 16px 24px 16px 0;
    color: var(--grey-t)
}

.glass-product {
    margin-top: 24px
}

.glass-product__title {
    font-family: var(--font-family);
    color: var(--black)
}

.glass-product__content {
    margin-top: 16px
}

.glass-product__item {
    padding: 20px;
    display: flex;
    align-items: end;
    font-family: var(--font-family);
    color: var(--white);
    background-repeat: no-repeat;
    background-size: cover
}

.glass-card {
        
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
.glass-card__item {
  display: flex;
  align-items: center; /* flex-start;  или center */
  gap: 16px; /* расстояние между иконкой и текстом */
    border: 1px solid var(--orange);
 
}

.glass-card__img {
  flex-shrink: 0; /* чтобы SVG не сжимался */
}

.glass-card__content {
  flex-grow: 1;
}

@media (min-width: 860px) {
    .glass-card {
        margin-top: 40px;
        justify-content: space-between;
   
    }

    .glass-card__item {
        width: calc(33.3% - 1.66px);
        padding: 26px;
        margin: 1px;
    }

    .glass-card__title {
        margin-top: 32px;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: -.02em;
        text-transform: uppercase
    }

    .glass-card__text {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (min-width: 860px) {
    .glass-catalog {
        margin: 32px -8px -8px;
        display: flex;
        flex-wrap: wrap
    }

    .glass-catalog__item {
        margin: 8px;
        width: calc(25% - 16px)
    }

    .glass-catalog__img {
        width: 100%;
      padding:50px;
        /*height: 349px*/
    }

    .glass-catalog__title {
        margin-top: 16px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .glass-catalog__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: -.01em
    }

    .glass-catalog__price {
        margin-top: 16px
    }

    .glass-catalog-price__description {
        margin-bottom: 3px;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: -.01em
    }

    .glass-catalog-price__value {
        margin-left: 8px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }


}

@media (min-width: 860px) {
    .glass-why thead td {
        padding: 16px;
        font-weight: 500;
        font-size: /*26*/16px;
        letter-spacing: -.01em;
        text-transform: uppercase
    }

    .glass-why tbody td:nth-child(1) {
        font-weight: 500;
        font-size: /*22*/18px;
        letter-spacing: -.01em
    }

    .glass-why tbody td:nth-child(2) {
        padding-left: 40px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em;
        position: relative
    }

    .glass-why tbody td:nth-child(2):after {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        width: 32px;
        aspect-ratio: 1;
        background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.8114%203.25366C19.031%203.3119%2019.2356%203.41622%2019.4117%203.55967C19.5878%203.70313%2019.7313%203.88243%2019.8328%204.08566C20.6061%205.63233%2021.1834%206.57099%2021.7634%207.33366C22.3528%208.10433%2022.9741%208.73366%2023.9208%209.68033C24.9618%2010.7196%2025.7875%2011.9542%2026.3503%2013.3133C26.9132%2014.6724%2027.2022%2016.1293%2027.2008%2017.6003C27.1369%2020.5284%2025.9288%2023.3151%2023.8354%2025.3633C21.7419%2027.4116%2018.9296%2028.5586%2016.0008%2028.5586C13.072%2028.5586%2010.2596%2027.4116%208.16619%2025.3633C6.07274%2023.3151%204.86468%2020.5284%204.80078%2017.6003C4.80078%2014.7363%205.89411%2011.867%208.08078%209.68033C8.30454%209.45685%208.58951%209.30469%208.89969%209.24307C9.20987%209.18145%209.53136%209.21313%209.82355%209.33411C10.1157%209.4551%2010.3655%209.65996%2010.5414%209.92282C10.7172%2010.1857%2010.8112%2010.4947%2010.8114%2010.811C10.8114%2012.603%2010.9234%2013.9683%2011.4488%2015.0577C11.7368%2015.6563%2012.1861%2016.2417%2012.9608%2016.7643C13.1778%2014.8381%2013.5059%2012.926%2013.9434%2011.0377C14.3034%209.49099%2014.7514%207.94966%2015.2861%206.66299C15.5528%206.01766%2015.8554%205.40699%2016.1981%204.87633C16.5314%204.36166%2016.9581%203.83899%2017.5128%203.46966C17.7016%203.34382%2017.9151%203.2596%2018.139%203.22259C18.3629%203.18558%2018.5921%203.19529%2018.8114%203.25366ZM19.3941%2024.1937C18.7233%2024.8659%2017.8681%2025.324%2016.9368%2025.5098C16.0054%2025.6956%2015.0399%2025.6008%2014.1625%2025.2375C13.285%2024.8741%2012.5352%2024.2584%2012.008%2023.4685C11.4807%2022.6786%2011.1998%2021.75%2011.2008%2020.8003C11.2008%2020.8003%2012.6074%2021.6003%2015.2008%2021.6003C15.2008%2020.0003%2016.0008%2015.2003%2017.2008%2014.4003C18.0008%2016.0003%2018.4581%2016.4697%2019.3941%2017.407C19.8408%2017.8519%2020.195%2018.3808%2020.4364%2018.9631C20.6778%2019.5455%2020.8017%2020.1699%2020.8008%2020.8003C20.8008%2022.0297%2020.3314%2023.2577%2019.3941%2024.1937Z'%20fill='%23EC503C'%20/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover
    }

    .glass-why tbody td:nth-child(3) {
        padding-left: 40px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em;
        position: relative
    }

    .glass-why tbody td:nth-child(3):after {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        width: 32px;
        aspect-ratio: 1;
        background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.2103%204.95817C14.4343%202.78217%2017.5663%202.78217%2018.7889%204.95817L27.7169%2020.8302C28.9169%2022.9635%2027.3756%2025.5982%2024.9303%2025.5982H7.07026C4.62226%2025.5982%203.08093%2022.9648%204.28093%2020.8302L13.2103%204.95817ZM17.5996%2020.7995C17.5996%2021.2239%2017.431%2021.6308%2017.131%2021.9309C16.8309%2022.2309%2016.4239%2022.3995%2015.9996%2022.3995C15.5752%2022.3995%2015.1683%2022.2309%2014.8682%2021.9309C14.5682%2021.6308%2014.3996%2021.2239%2014.3996%2020.7995C14.3996%2020.3752%2014.5682%2019.9682%2014.8682%2019.6681C15.1683%2019.3681%2015.5752%2019.1995%2015.9996%2019.1995C16.4239%2019.1995%2016.8309%2019.3681%2017.131%2019.6681C17.431%2019.9682%2017.5996%2020.3752%2017.5996%2020.7995ZM15.9996%207.9995C15.5752%207.9995%2015.1683%208.16808%2014.8682%208.46813C14.5682%208.76819%2014.3996%209.17516%2014.3996%209.5995V14.3995C14.3996%2014.8239%2014.5682%2015.2308%2014.8682%2015.5309C15.1683%2015.8309%2015.5752%2015.9995%2015.9996%2015.9995C16.4239%2015.9995%2016.8309%2015.8309%2017.131%2015.5309C17.431%2015.2308%2017.5996%2014.8239%2017.5996%2014.3995V9.5995C17.5996%209.17516%2017.431%208.76819%2017.131%208.46813C16.8309%208.16808%2016.4239%207.9995%2015.9996%207.9995Z'%20fill='%23A4A3AD'%20/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover
    }

    .glass-why__phone {
        display: none
    }
}

@media (min-width: 860px) {
    .glass-product__title {
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .glass-product__content {
        display: flex;
        justify-content: space-between
    }

    .glass-product__item {
        height: 200px;
        width: calc(20% - 12.8px);
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .glass-card__item {

        justify-content: space-between
    }

    .glass-card__title {
        margin-top: 40px;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em
    }

    .glass-card__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .glass-catalog {
        margin: 12px -8px 0
    }

    .glass-catalog__item {
        margin: 12px 8px;
        width: calc(33% - 16px)
    }

    .glass-catalog__img {
        /*height: 286px;*/
        object-fit: contain
    }

    .glass-catalog__text,
    .glass-catalog-price__description {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-catalog-price__value {
        margin-left: 12px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .glass-why thead td {
        padding: 12px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .glass-why tbody td:nth-child(1) {
        padding: 12px 20px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .glass-why tbody td:nth-child(2) {
        padding: 12px 20px 12px 32px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-why tbody td:nth-child(2):after {
        top: 12px;
        width: 24px
    }

    .glass-why tbody td:nth-child(3) {
        padding: 12px 20px 12px 32px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-why tbody td:nth-child(3):after {
        top: 12px;
        width: 24px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .glass-product__content {
        margin: 8px -8px -8px;
        flex-wrap: wrap
    }

    .glass-product__item {
        margin: 8px;
        width: calc(33.3% - 16px);
        height: 200px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .glass-product__item:nth-child(1),
    .glass-product__item:nth-child(2) {
        width: calc(50% - 16px)
    }
}

@media (max-width: 860px) {
    .glass-card {
        margin: 24px -20px 0
    }

    .glass-card__item {
        margin-top: 1px;
        padding: 20px;
        display: flex;
       /* flex-direction: column;*/
        align-items: center;
      width:100%;
    }

    .glass-card__item:first-child {
        margin-top: 0
    }

    .glass-card__title {
        margin-top: 24px;
        font-weight: 500;
        font-size: 26px;
        letter-spacing: -.01em;
        text-align: center
    }

    .glass-card__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em;
        text-align: center
    }
}

@media (max-width: 860px) {
    .glass-catalog__item {
        margin-top: 24px;
      width: 100%;
    }

    .glass-catalog__img {
        width: 100%;
      padding:50px;
          
    }

    .glass-catalog__title {
        margin-top: 12px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-catalog__text {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-catalog__price {
        margin-top: 8px
    }

    .glass-catalog-price__description {
        margin-bottom: 2px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .glass-catalog-price__value {
        margin-left: 8px;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .glass-why {
        display: none
    }

    .glass-why__phone {
        display: block;
        margin-top: 24px;
        height: 200px;
        padding: 8px;
        display: flex;
        align-items: end;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom
    }

    .glass-why-phone__link {
        display: block;
        width: 36px;
        aspect-ratio: 1;
        background-color: var(--orange);
        background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33337%2013.334V14.1673C3.33337%2014.8304%203.59677%2015.4662%204.06561%2015.9351C4.53445%2016.4039%205.17033%2016.6673%205.83337%2016.6673H14.1667C14.8297%2016.6673%2015.4656%2016.4039%2015.9345%2015.9351C16.4033%2015.4662%2016.6667%2014.8304%2016.6667%2014.1673V13.334'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M13.3333%2010L9.99996%2013.3333L6.66663%2010'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M10%2013.334V3.33398'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px
    }
}

@media (max-width: 860px) {
    .glass-product__item {
        margin-top: 12px;
        height: 160px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .glass-product__item:first-child {
        margin-top: 0
    }
}

@media (min-width: 860px) {
    .call {
        margin: 0 auto
    }

    .call__text {
        margin-top: 16px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .call__form {
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .call__left {
        width: 314px;
        display: flex;
        flex-direction: column
    }

    .call__left .input{
        width: 100%;
    }

    .call__left span {
        margin-top: 24px;
    }

    .call__left span:first-child {
        margin-top: 0
    }

    .call__right {
        width: 540px
    }

    .call__right textarea {
        margin-bottom: -4px;

        width: 100%;
        height: 203.06px;
        resize: none
    }

    .call__footer {
        margin-top: 24px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .call__confirm p {
        max-width: 577px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .call__confirm p a {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .call__text {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .call__left {
        width: 38.46%
    }

    .call__left span {
        margin-top: 16px
    }

    .call__right textarea{
        height: 180.17px;
    }

    .call__right {
        width: 59.34%
    }

    .call__confirm {
        max-width: 551px
    }
}

@media (max-width: 860px) {
    .call {
        margin: 0 auto
    }

    .call__text {
        margin-top: 12px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .call__form {
        margin-top: 24px
    }

    .call__left {
        display: flex;
        flex-direction: column
    }

    .call__left span {
        margin-top: 16px
    }

    .call__left span:first-child {
        margin-top: 0
    }

    .call__left .input{
        width: 100%;
    }

    .call__right textarea {
        margin-bottom: -4px;
    }

    .call__right {
        margin-top: 16px
    }

    .call__right textarea {
        width: 100%;
        height: 204px
    }

    .call__footer {
        margin-top: 16px;
        display: flex;
        flex-direction: column
    }

    .call__footer .btn {
        margin-top: 16px
    }

    .call__confirm p,
    .call__confirm p a {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -.01em
    }
}

.call {
    max-width: 878px
}

.call__title {
    text-align: center
}

.call__text {
    font-family: var(--font-family);
    color: var(--grey-t);
    text-align: center
}

.call__confirm {
    display: flex;
    align-items: start
}

.call__confirm p {
    margin-left: 12px;
    font-family: var(--font-family);
    color: var(--grey-t)
}

.call__confirm p a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--orange)
}

.about-card {
    margin-top: 24px;
    display: flex
}

.about-card__item {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.about-card__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: .3;
    transition: all .3s
}

.about-card__item:hover:after {
    opacity: 0
}

.about-card__item:hover .about-card-item__text {
    align-items: center
}

.about-card-item__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    font-family: var(--font-family);
    color: var(--white);
    z-index: 1;
    transition: all .3s
}

.presentation__title {
   /* text-align: center*/
}

.presentation__add {
    display: flex;
    justify-content: center
}

@media (min-width: 860px) {
    .about-card {
        margin: 16px -8px -8px
    }

    .about-card__item {
        margin: 8px;
        height: 400px;
        width: calc(25% - 16px)
    }

    .about-card-item__text {
        padding: 20px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em;
        text-align: center
    }
}

@media (min-width: 860px) {
    .presentation__title {
        /*text-align: center*/
    }

    .presentation__content {
        margin: 16px -8px -8px;
        display: flex;
        flex-wrap: wrap
    }

    .presentation__item {
        margin: 8px;
        width: calc(33% - 16px);
        /*height: 400px;*/
        position: relative
    }

    .presentation-item__img {
        width: 100%;
        height: 100%
    }

    .presentation-item__link {
        position: absolute;
        left: 20px;
        bottom: 20px;
        width: 48px;
        aspect-ratio: 1;
        background-color: var(--orange);
        background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33337%2013.334V14.1673C3.33337%2014.8304%203.59677%2015.4662%204.06561%2015.9351C4.53445%2016.4039%205.17033%2016.6673%205.83337%2016.6673H14.1667C14.8297%2016.6673%2015.4656%2016.4039%2015.9345%2015.9351C16.4033%2015.4662%2016.6667%2014.8304%2016.6667%2014.1673V13.334'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M13.3333%2010L9.99996%2013.3333L6.66663%2010'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M10%2013.334V3.33398'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px
    }

    .presentation__add {
        margin-top: 24px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .about-card {
        flex-wrap: wrap
    }

    .about-card__item {
        width: calc(50% - 16px);
        height: 400px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .presentation__item {
        height: 218px
    }

    .presentation-item__link {
        width: 36px
    }
}

@media (max-width: 860px) {
    .about-card {
        margin: 16px -8px -8px;
        flex-wrap: wrap
    }

    .about-card__item {
        margin: 8px;
        height: 200px;
        width: calc(50% - 16px)
    }

    .about-card-item__text {
        padding: 12px;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .presentation__content {
        margin-top: 24px
    }

    .presentation__item {
        margin-top: 16px;
        position: relative
    }

    .presentation__item:first-child {
        margin-top: 0
    }

    .presentation-item__img {
        width: 100%
    }

    .presentation-item__link {
        position: absolute;
        left: 8px;
        bottom: 8px;
        width: 36px;
        aspect-ratio: 1;
        background-color: var(--orange);
        background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.33337%2013.334V14.1673C3.33337%2014.8304%203.59677%2015.4662%204.06561%2015.9351C4.53445%2016.4039%205.17033%2016.6673%205.83337%2016.6673H14.1667C14.8297%2016.6673%2015.4656%2016.4039%2015.9345%2015.9351C16.4033%2015.4662%2016.6667%2014.8304%2016.6667%2014.1673V13.334'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M13.3333%2010L9.99996%2013.3333L6.66663%2010'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M10%2013.334V3.33398'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px
    }

    .presentation__add {
        margin-top: 16px
    }
}

.catalog-gal__item {
    display: block;
    position: relative
}

.catalog-gal__item img {
    width: 100%;
    aspect-ratio: 3 / 2;
}

.catalog-gal__text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    align-items: end;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.01em;
    color: var(--white)
}

.gallery-banner__sub-title {
    font-family: var(--font-family);
    color: var(--grey-t)
}

.gallery-banner__list {
    list-style-type: none;
    padding-left: 12px
}

.gallery-banner__list li {
    margin-top: 8px;
    font-family: var(--font-family);
    color: var(--grey-t);
    position: relative
}

.gallery-banner__list li:first-child {
    margin-top: 0
}

.gallery-banner__list li:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -12px;
    width: 6px;
    aspect-ratio: 1;
    background-color: var(--orange)
}

.gallery-banner__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gallery-banner-footer__back {
    font-family: var(--font-family);
    color: var(--input);
    text-decoration: none
}

.gallery-banner-footer__next {
    margin-left: auto;

    font-family: var(--font-family);
    color: var(--orange);
    text-decoration: none
}

.gallery-img {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 860px) {
    .catalog-gal {
        margin-top: 24px
    }

    .catalog-gal__controller {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .catalog-gal__catalog {
        margin: 32px -8px -8px;
        display: flex;
        flex-wrap: wrap
    }

    .catalog-gal__item {
        margin: 8px;
        width: calc(33.3% - 16px);
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .catalog-gal__footer {
        margin-top: 24px;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 860px) {
    .gallery-banner {
        height: 520px;
        display: flex
    }

    .gallery-banner__img {
        /*width: 652px;*/
        height: 100%
    }

    .gallery-banner__content {
        width: 100%;
        height: 100%;
        padding: 0px 0 40px 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .gallery-banner__sub-title {
        margin-top: 24px;
        font-weight: 500;
        font-size: 22px;
        letter-spacing: -.01em
    }

    .gallery-banner__list {
        margin-top: 24px
    }

    .gallery-banner__list li,
    .gallery-banner-footer__back,
    .gallery-banner-footer__next {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }
}

.gallery-img__item{
    cursor: pointer;
}

@media (min-width: 860px) {
    .gallery-img {
        margin: 88px -12px -12px
    }

    .gallery-img__item {
        margin: 12px;
        /*width: calc(33.3% - 24px);*/
      width: calc(25% - 24px);
      height:100%;
		aspect-ratio:1;
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .catalog-gal__controller {
        flex-direction: column;
        align-items: start
    }

    .catalog-gal__controller .select {
        margin-top: 16px
    }

    .catalog-gal__catalog {
        margin: 16px -8px -8px
    }

    .catalog-gal__item {
        width: calc(33% - 16px)
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .gallery-banner {
        height: auto;
        flex-direction: column
    }

    .gallery-banner__img {
        width: 100%;
        height: auto
    }

    .gallery-banner__content {
        margin-top: 24px;
        padding: 0
    }

    .gallery-banner__sub-title {
        margin-top: 12px
    }

    .gallery-banner__footer {
        margin-top: 40px
    }
}

@media (max-width: 1400px) and (min-width: 860px) {
    .gallery-img {
        margin: 32px -8px -8px
    }

    .gallery-img__item {
        margin: 8px;
        width: calc(33% - 16px)
    }

    .select__block{
        top: 49px;
    }
}

@media (max-width: 860px) {

    .catalog-gal,
    .catalog-gal__controller .select {
        margin-top: 16px
    }
    .select__block{
        top: 47px;
    }

    .catalog-gal__catalog {
        margin-top: 24px
    }

    .catalog-gal__item {
        margin-top: 16px
    }

    .catalog-gal__item:first-child {
        margin-top: 0
    }

    .catalog-gal__footer {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .catalog-gal__footer .pagination {
        margin-top: 20px
    }
}

@media (max-width: 860px) {
    .gallery-banner {
        margin: 0 -20px
    }

    .gallery-banner__img {
        width: 100%
    }

    .gallery-banner__content {
        padding: 24px 20px 0
    }

    .gallery-banner__sub-title {
        margin-top: 8px;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -.01em
    }

    .gallery-banner__list {
        margin-top: 16px
    }

    .gallery-banner__list li {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }

    .gallery-banner__footer {
        margin-top: 24px
    }

    .gallery-banner-footer__back,
    .gallery-banner-footer__next {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -.01em
    }
}

@media (max-width: 860px) {
    .gallery-img {
        margin: 32px -8px -8px
    }

    .gallery-img__item {
        margin: 8px;
        width: calc(50% - 16px)
    }
}


.art {
    margin: auto;
  }
  .art h1, .art h2, .art h3 {
    font-family: var(--second-family);
    color: var(--black);
  }
  .art > p {
    margin-top: 8px;
    font-family: var(--font-family);
    color: var(--grey-t);
  }
  .art ul {
    list-style: none;
  
  }
  .art ul li,  {
    margin-top: 8px;
    padding-left: 22px;
    position: relative;
  }
  .art ul li:first-child {
    margin-top: 0;
  }
  .art ul li::after {
    content: "\2713";
    position: absolute;
    top: 0px;
    left: 10px;
    width: 6px;
    aspect-ratio: 1;
    /*background-color: var(--orange);*/
    color: var(--orange);
  }
  .art ol, .art ul {
    margin-top: 16px;
    margin-bottom: 16px;
    list-style-type: none;
    counter-reset: my-counter;
  }
  .art ol li, .art ul li {
    margin-top: 8px;
    padding-left: 32px;
    font-family: var(--font-family);
    color: var(--grey-t);
    position: relative;
  }
  .art ol li:first-child , .art ul li:first-child {
    margin-top: 0;
  }
  .art ol li::before {
    content: counter(my-counter) ".";
    counter-increment: my-counter;
    position: absolute;
    top: 0;
    left: 10px;
    font-weight: 500;
    color: var(--orange);
  }
  .art__card {
    background-color: var(--orange);
    background-image: url(icon.svg);
    background-repeat: no-repeat;
    background-position: top left;
  }
  .art-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .art-card__title {
    font-family: var(--font-family);
    color: rgba(255, 255, 255, 0.8);
  }
  .art-card__text {
    font-family: var(--font-family);
    color: var(--white);
  }
  
  @media (min-width: 860px) {
    .art {
      max-width: /*880px;*/1328px;
    }
    .art h1 {
      font-weight: 400;
      font-size: 32px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
    }
    .art h2 {
      font-weight: 400;
      font-size: 28px;
      letter-spacing: -0.02em;
     /* text-transform: uppercase;*/
    }
    .art h3 {
      font-weight: 400;
      font-size: 24px;
      letter-spacing: -0.01em;
    }
    .art p {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ul {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ol {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art__block {
      margin-top: 60px;
    }
    .art__card {
      padding: 40px;
    }
    .art-card__icon {
      width: 30px;
    }
    .art-card__title {
      font-weight: 400;
      font-size: 18px;
      letter-spacing: -0.01em;
    }
    .art-card__text {
      margin-top: 16px;
      font-weight: 500;
      font-size: 22px;
      letter-spacing: -0.01em;
    }
  }
  @media (max-width: 1400px) and (min-width: 860px) {
    .art h1 {
      font-weight: 400;
      font-size: 38px;
      letter-spacing: -0.02em;
    }
    .art h2 {
      font-weight: 400;
      font-size: 32px;
      letter-spacing: -0.02em;
    }
    .art h3 {
      font-weight: 500;
      font-size: 26px;
      letter-spacing: -0.01em;
    }
    .art p {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ul {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ol {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art__card {
      padding: 32px;
    }
    .art-card__title {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art-card__text {
      font-weight: 500;
      font-size: 18px;
      letter-spacing: -0.01em;
    }
  }
  @media (max-width: 860px) {
    .art h1 {
      font-weight: 400;
      font-size: 26px;
      letter-spacing: -0.02em;
    }
    .art h2 {
      font-weight: 400;
      font-size: 22px;
      letter-spacing: -0.02em;
    }
    .art h3 {
      font-weight: 500;
      font-size: 18px;
      letter-spacing: -0.01em;
    }
    .art p {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ul {
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art ol {
      margin-top: 12px;
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
    .art__block {
      margin-top: 40px;
    }
    .art__card {
      padding: 24px;
    }
    .art-card__icon {
      width: 25px;
    }
    .art-card__title {
      font-weight: 400;
      font-size: 14px;
      letter-spacing: -0.01em;
    }
    .art-card__text {
      margin-top: 16px;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
  }

  .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    transition: all 0.3s;
    z-index: 1000;
  }
  .modal.active {
    pointer-events: auto;
    opacity: 1;

    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal__close {
    /*position: absolute;*/
    position:relative;
    float:right;
    /*top: 30px;
    right: 30px;*/
    
  }
  .modal__item {
    display: none;
  }
  .modal__item.active {
    display: block;
  }

  .art__table table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #e1dfea;
  }
  .art__table table td {
    min-width: 214px;
    padding: 14px 16px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.01em;
    border-left: 1px solid #e1dfea;
  }
  .art__table table td:first-child {
    border-left: none;
  }
  .art__table thead {
    background-color: var(--orange);
    color: var(--white);
  }
  .art__table tbody {
    color: var(--black);
  }
  .art__table tbody tr:nth-child(even) {
    background-color: #f2f6f8;
  }
  
  @media (max-width: 1400px) and (min-width: 860px) {
    .art__table table td {
      font-weight: 500;
      font-size: 16px;
      letter-spacing: -0.01em;
    }
  }
  @media (max-width: 860px) {
    .art__table {
      padding-bottom: 8px;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-color: var(--orange) var(--blue); /* «цвет ползунка» «цвет полосы скроллбара» */
      scrollbar-width: 4px;
    }
    .art__table::-webkit-scrollbar-button {
      height: 0;
      width: 0;
    }
  }



.company-history-wrap {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
      color: var(--black);
  font-family Quarion, sans-serif;
}
.company-history-wrap p {
 font-size: 16px;
      color: var(--black);
}

.company-history-wrap h2 {
    margin-top:40px
}
.company-history-wrap ul {

    padding-left:24px;
    list-style: none;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 0px;
  color: var(--black);
  font-family: var(--font-family);
}
.company-history-wrap ul li {
    position: relative;
    padding: 0px 0 10px 10px;
}
.company-history-wrap ul .list-blue {
   
    color:var(--orange);
}
.company-history-wrap .list-blue {

    color:var(--orange);
    font-weight:500
}

.company-history-wrap ul li:after {
    font-family: 'Fontawesome';
    font-size: 6px;
    content: "\f111";
    position: absolute;
    left: -10px;
    background: var(--orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.licenses-wrap2 {
    margin-top:60px
}
.site-bar .list-bar2 .title-bar {
    color:var(--orange);
}
.legal-regulation-wrap {
    margin-top:20px
}
.legal-regulation-doc {
    display:flex;
    padding:20px 40px;
    text-decoration:none;
    box-shadow:0 0 6px rgba(0,0,0,.25);
    border-radius:5px;
    margin-bottom:20px
}
.legal-regulation-doc .legal-regulation-decor {
    position:relative;
    align-self:center;
    width:100%;
    padding-right:90px;
  font-size:18px;
}
.legal-regulation-doc:hover span {
    color:var(--orange);
}
.legal-regulation-doc:hover .legal-regulation-decor {
    position:relative;
    align-self:center
}
.legal-regulation-doc:hover .legal-regulation-decor:before {
    position:absolute;
    content:"";
    background-image:url("img/svg/arrow-left.svg");
    transform:rotate(180deg);
    width:30px;
    height:12px;
    background-repeat:no-repeat;
    right:0;
    top:calc(50% - 6px)
}
.legal-regulation-doc span {
  
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:140%;
    color:#414141;
    max-width:530px;
    width:100%;
    display1:block
}
.legal-regulation-doc img {
    margin-right:40px
}
.legal-regulation-doc .legal-regulation-blue {
    color:var(--orange);
}
.gost-wrap {
    max-width:1140px;
    margin:auto;
    margin-top:58px
}
.legal-regulation-wrap2 span {

    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:140%
}
.legal-regulation-wrap2 .legal-regulation-blue {
    color:var(--orange);
}
.legal-regulation-wrap2 img {
    margin-right:20px
}
.title-block26 {
    display: block;

    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
  
    width: 100%;
}
.gallery_underline {text-decoration:underline;}


/* === СТИЛИ ДЛЯ ТАБЛИЦ === */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #cccccc;
  font-family: var(--font-family);
}

/* Заголовок таблицы */
table thead {
  background-color: #e0e0e0;
  color: #333333;
  text-align: left;
}

table thead th {
  padding: 12px 16px;
  font-weight: 400;
  border: 1px solid #ffffff;
}

/* Строки тела таблицы */
table tbody tr {
  border: 1px solid #dddddd;
}

table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

table tbody td {
  padding: 12px 16px;
  color: #333333;
  border: 1px solid #dddddd;
}

/* Ховер-эффект при наведении */
table tbody tr:hover {
  background-color: #eeeeee;
  transition: background-color 0.3s ease;
}
/* Адаптивность */
/*@media screen and (max-width: 768px) {
  table {
    font-size: 14px;
  }



  table, table tbody, table tr, table td {
    display: block;
    width: 100%;
  }

  table tr {
    margin-bottom: 15px;
  }

  table td {
    padding-left: 50%;
    position: relative;
  }

  table td::before {
    content: attr(data-label);
    position: absolute;
    left: 16px;
    width: 45%;
    padding-right: 10px;
    font-weight: bold;
    color: #EC503C;
  }
}*/


/* === СПОКОЙНЫЙ СТИЛЬ ТАБЛИЦЫ — class="table-cool" === */
table.table-cool {
  background-color: #ffffff;
  border: 1px solid #A5C9D3;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow: hidden;
  font-size: 16px;
  font-family: var(--font-family, sans-serif);
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

table.table-cool thead {
  background-color: #A5C9D3;
  color: #ffffff;
  text-align: left;
}

table.table-cool thead th {
  padding: 12px 16px;
  font-weight: 500;
  border: 1px solid #ffffff;
}

table.table-cool tbody tr {
  border: 1px solid #dbe5e8;
}

table.table-cool tbody tr:nth-child(even) {
  background-color: #F4F8FA;
}

table.table-cool tbody td {
  padding: 12px 16px;
  color: #2F2F2F;
  border: 1px solid #dbe5e8;
}

table.table-cool tbody tr:hover {
  background-color: #E8F1F4;
  transition: background-color 0.3s ease;
}

@media only screen and (max-width:520px) {

.mandatory-certification {
    display:flex;
    box-shadow:0 0 6px rgba(0,0,0,.25);
    border-radius:5px;
    padding:21px 80px 25px 60px;
    justify-content:space-between;
    margin-bottom:74px
}
.mandatory-certification .title-block26 {
    color:#f37323
}
.mandatory-certification .mandatory-certification-text {
    align-self:center;
    max-width:380px
}
.mandatory-certification-blue {
    background-color:#32589b;
    box-shadow:none
}
.mandatory-certification-blue .title-block26 {
    color:#fff
}
.mandatory-certification-blue p {
    color:#fff
}
.mandatory-certification-blue a {
    color:#fff;
    border-bottom:1px dashed #fff
}




 .mandatory-certification {
        padding:20px;
        flex-wrap:wrap
    }
    .mandatory-certification img {
        margin-top:10px
    }
    .content-gray {
        padding:20px
    }
    .mandatory-certification .mandatory-certification-text {
        margin-right:0
    }
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.prib-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  flex-wrap:wrap;
font-family: var(--font-family);
}

.prib-img {
    flex-basis:35%;
  padding:10px;
  align-items: center;
}

.prib-text {
flex-basis:55%;
  padding:10px;
}


@media only screen and (max-width:560px) {
.prib-img {
    flex-basis:100%;
  padding:10px;
}

.prib-text {
flex-basis:100%;
  padding:10px;
}
}

.mandatory-certification {
    display:flex;
    box-shadow:0 0 6px rgba(0,0,0,.25);
    border-radius:5px;
    padding:21px 80px 25px 60px;
    justify-content:space-between;
    margin-bottom:74px
}
.mandatory-certification .title-block26 {
    color:#f37323
}
.mandatory-certification .mandatory-certification-text {
    align-self:center;
    max-width:700px
}
.mandatory-certification-blue {
    background-color:var(--orange);
    box-shadow:none
}
.title-block26 {
    display: block;

    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
 
    width: 100%;
}
.mandatory-certification-blue .title-block26 {
    color:#fff
}

.mandatory-certification-blue p {
    color: #fff;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
  margin: 1em;
}


.mandatory-certification-blue a {
    color:#fff;
    border-bottom:1px dashed #fff
}


@media only screen and (max-width:520px) {
 .mandatory-certification {
        padding:20px;
        flex-wrap:wrap
    }
    .mandatory-certification img {
        margin-top:10px
    }
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}


.cart-param {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:auto;
  padding:10px;
    /*max-width:718px*/
}

.cart-param span {

    font-style:normal;
    font-weight:450;
    font-size:18px;
    line-height:130%;
    color:#2a2a2a;
    display:block;
    padding-bottom:10px;
    display:inline-block;
    background-color:#fff;
    position:relative;
    padding-right:10px
}
.cart-param .name-param::before {
    position:absolute;
    content:"";
    
    color:#2a2a2a;
    width:100%;
    height:1px;
    bottom:14px;
    background-color:#dbdbdb;
    background-image:none;
    left:0
}
.cart-param .name-param {
    position:relative
}
.cart-param .name-param {
    grid-column:1/2;
    position:relative
}
.cart-param .name-val-wrap::before {
    position:absolute;
    content:"";
    color:#2a2a2a;
    width:100%;
    height:1px;
    bottom:14px;
    background-color:#dbdbdb;
    background-image:none;
    left:0
}
.cart-param .name-val-wrap {
    position:relative;
    min-width:300px;
    text-align:right
}
 .cart-param .name-val-wrap span {
   
}
@media only screen and (max-width: 520px) {

 .cart-param {
        max-width:100%;
        padding:0 10px
    }
.cart-param .name-param {
        width:100%;
        grid-column:1/3
    }
.cart-param .name-val-wrap {
        grid-column:1/3;
        text-align:left
    }
.cart-param span {
        padding-bottom:4px
    }
.cart-param .name-param::before {
        display:none
    }
     .cart-param .name-val-wrap::before {
        display:none
    }
}

@media (min-width: 860px) {
    .our-products__title__slider {
        font-weight: 400;
        font-size: /*22px*/ 20px;
        letter-spacing: -.01em
-0.2px
;
        position: absolute;
        display: block;
        bottom: -5px;
        left: 20px;
        text-align: left;
    }
}
.our-products__title__slider {
    font-family: var(--font-family);
    color: var(--white);
}

.form-prod__header {
  text-align:center;
}

.form-prod__footer
{
  text-align:center;
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  align-items: stretch; 
}

.image-grid-item {
  width: calc(33.333% - 20px); /* ровно треть строки */
  box-sizing: border-box;
  justify-content: space-between;
  min-height: 100%;
   display: flex;
  flex-direction: column;
}

.image-grid-item img {
  width: 100%;
  height: auto;
  display: block;
}

.caption-wrap {
  padding: 8px 0 0;
}

.caption {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  margin-top: 8px;
  font-family: var(--font-family);
  color: var(--grey-t);
}

/* Подпись объекта (вне изображения) */
.caption.sub {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  margin-top: 8px;
  font-family: var(--font-family);
  color: var(--grey-t);
}

/* Адаптация на мобильных — 1 колонка */
@media (max-width: 768px) {
  .image-grid-item {
    width: 100%;
  }
}

 .benefits-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding: 40px 20px;
   font-size: 16px;
    letter-spacing: -.01em;
    font-family: var(--font-family);
    color: var(--grey-t);
  }

  .benefit-item {
    flex: 1 1 calc(16.66% - 30px); /* 6 в ряд на десктопе */
    max-width: calc(16.66% - 30px);
    text-align: center;
  }

  .benefit-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .benefit-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .benefit-text {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
  }

  /* Планшеты: 3 в ряд */
  @media (max-width: 991px) {
    .benefit-item {
      flex: 1 1 calc(33.33% - 30px);
      max-width: calc(33.33% - 30px);
    }
  }

  /* Мобильные: 1 в ряд */
  @media (max-width: 600px) {
    .benefit-item {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }



 
  .fire-windows i {
    color: var(--orange);
    margin-right: 8px;
  }
  .fire-windows ul {
    list-style: none;
    padding-left: 0;
  }


  
  /* Таблицы */
  .fire-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
  }
  .fire-table th, .fire-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    vertical-align: top;
  }
.no-numbers {
  list-style: none;
}

  /* Адаптивность */
  @media (max-width: 768px) {
    .table-wrapper {
      overflow-x: auto;
    }
    .fire-table {
      min-width: 500px;
    }
  }
  @media (max-width: 500px) {
    .fire-windows {
      padding: 15px;
    }
    .fire-table th, .fire-table td {
      padding: 8px;
      font-size: 14px;
    }

    
  }


/* Мобайл: друг за другом */
.block .video-production{
  display: flex !important;   /* перебьём возможные сторонние правила */
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

/* Сбрасываем возможную ширину из темы */
.block .video-production > .video-card{
  flex: 1 1 100%;
  width: auto !important;
  max-width: none !important;
}

/* Планшет/десктоп: две колонки */
@media (min-width: 768px){
  .block .video-production{
    flex-direction: row;
  }
  .block .video-production > .video-card{
    flex: 1 1 0;              /* два равных столбца */
  }
}

/* 16:9 для видео */
.block .video-production .video-frame{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
  border-radius: 0px;
}

.block .video-production .video-frame > iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
  display: block;
}


/* FC EIW section */
.fc-section{padding:44px 0;font-family: var(--font-family);}
.fc-wrap{;margin:0 auto;padding:0 16px}
.fc-head{margin-bottom:18px}
.fc-h2{font-size:26px;line-height:1.2;margin:0 0 10px}
.fc-sub{font-size:16px;line-height:1.6;margin:20px 0 0 0;color:#333;opacity:.9}

.fc-grid{display:grid;gap:14px}
.fc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.fc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fc-grid--4,.fc-grid--2{grid-template-columns:1fr}.fc-h2{font-size:22px}}

.fc-card{border:1px solid #e7e7e7;border-radius:0px;padding:16px;background:#fff}
.fc-badge{font-size:12px;font-weight:400;padding:5px 8px;border-radius:999px;border:1px solid #e7e7e7;background:#fff}
.fc-link{display:inline-block;margin-top:10px;text-decoration:none;font-weight:800}
.fc-link:hover{text-decoration:underline}

.fc-eiw__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.fc-eiw__title{font-size:20px;font-weight:700}
.fc-eiw__desc{margin:0 0 10px;line-height:1.55}

.fc-ul{margin:10px 0 0;padding-left:18px;line-height:1.6}
.fc-ul--compact{margin-top:10px;line-height:1.5}

.fc-kv{margin-top:10px}
.fc-kv__row{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:8px 0;border-top:1px dashed #e7e7e7}
.fc-kv__row:first-child{border-top:none}
.fc-note{font-size:13px;line-height:1.5;margin-top:12px;color:#555;opacity:.95}

/* Mobile catalog menu nesting */
.header__btn-menu.active {
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%205L15%2015M15%205L5%2015'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'%20/%3e%3c/svg%3e") !important;
}

.header-phone-menu-catalog-item {
    position: relative;
}

.header-phone-menu-catalog-item.has-children > a {
    padding-right: 28px;
}

.header-phone-menu-catalog-item.has-children > a:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23A4A3AD'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s;
}

.header-phone-menu-catalog-item.active > a:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%203.33317L10.6667%207.99984L6%2012.6665'%20stroke='%23EC503C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
    transform: rotate(90deg);
}

.header-phone-menu-catalog-toggle {
    position: absolute;
    top: -10px;
    right: -12px;
    width: 48px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}

.header-phone-menu-catalog {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    transition: all .3s;
}

.header-phone-menu-catalog__content {
    margin-top: 12px;
    padding-left: 14px;
    border-left: 1px solid #eeedf4;
}

@media (max-width: 1180px) {
    .header__phone-menu {
        max-height: calc(100dvh - 72px);
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .header-phone-menu__content {
        padding-bottom: 24px;
    }
}

/* City switcher */
.header-city-switcher {
    position: relative;
    z-index: 20;
    width: max-content;
}

.header-city-switcher__toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--grey-t);
    cursor: pointer;
}

.header-city-switcher__current {
    position: relative;
    color: var(--orange);
    font-weight: 600;
}

.header-city-switcher__current:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 7px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-3px) rotate(45deg);
    transition: transform .2s;
}

.header-city-switcher:hover .header-city-switcher__current:after,
.header-city-switcher:focus-within .header-city-switcher__current:after {
    transform: translateY(1px) rotate(225deg);
}

.header-city-switcher__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 180px;
    padding: 8px;
    border: 1px solid #eeedf4;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 12px 28px rgba(27, 31, 43, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .2s, visibility .2s, transform .2s;
}

.header-city-switcher:hover .header-city-switcher__dropdown,
.header-city-switcher:focus-within .header-city-switcher__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-city-switcher__item {
    display: block;
    padding: 9px 10px;
    border-radius: 6px;
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 1.2;
    color: var(--black);
    text-decoration: none;
}

.header-city-switcher__item:hover,
.header-city-switcher__item.active {
    background: #f6f6f8;
    color: var(--orange);
}

.header-city-switcher_desktop {
    margin-bottom: 6px;
}

.header-city-switcher_mobile {
    display: none;
}

@media (max-width: 859px) {
    .header-city-switcher_desktop {
        display: none;
    }

    .header-city-switcher_mobile {
        display: block;
    }

    .header-city-switcher_mobile .header-city-switcher__dropdown {
        right: auto;
        left: 0;
    }

    .header-city-switcher_mobile .header-city-switcher__toggle {
        font-size: 13px;
    }
}

/* Contacts city switcher */
.contacts-city-switch {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.contacts-city-switch__btn {
    padding: 10px 16px;
    border: 1px solid #eeedf4;
    border-radius: 8px;
    background: #fff;
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 1.2;
    color: var(--black);
    cursor: pointer;
    transition: all .2s;
}

.contacts-city-switch__btn:hover,
.contacts-city-switch__btn.active {
    border-color: var(--orange);
    background: var(--orange);
    color: #fff;
}

.contacts-location,
.contacts-map-panel {
    display: none;
}

.contacts-location.active,
.contacts-map-panel.active {
    display: block;
}

.contacts-map-panel {
    width: 100%;
    height: 100%;
}

.fc-map-embed {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 360px;
    overflow: hidden;
}

.fc-map-embed iframe {
    filter: saturate(.9);
}

.fc-map-embed__card {
    position: absolute;
    left: 24px;
    bottom: 24px;
    max-width: 280px;
    padding: 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(27, 31, 43, .18);
    z-index: 2;
}

.fc-map-embed__city {
    margin: 0 0 6px;
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 1.2;
    color: var(--black);
}

.fc-map-embed__address {
    margin: 0 0 14px;
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 1.45;
    color: var(--grey-t);
}

.fc-map-embed__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 6px;
    background: var(--orange);
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.fc-map-embed__link:hover {
    color: #fff;
    opacity: .88;
}

.fc-map-embed__pin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50% 50% 50% 0;
    background: var(--orange);
    box-shadow: 0 6px 18px rgba(236, 80, 60, .35);
    transform: translate(-50%, -100%) rotate(-45deg);
    z-index: 2;
}

.fc-map-embed__pin:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

@media (max-width: 660px) {
    .fc-map-embed__card {
        left: 12px;
        right: 12px;
        bottom: 12px;
        max-width: none;
        padding: 14px;
    }
}

.art.content-flow,
.art .content-flow {
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 1.6;
    color: var(--grey-t);
}

.art.content-flow p,
.art.content-flow li,
.art.content-flow ul,
.art.content-flow ol,
.art .content-flow p,
.art .content-flow li,
.art .content-flow ul,
.art .content-flow ol {
    font-family: var(--font-family);
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.art.content-flow ul,
.art.content-flow ol,
.art .content-flow ul,
.art .content-flow ol {
    margin: 0 0 20px;
    padding-left: 1.5rem;
}

.art.content-flow ul,
.art .content-flow ul {
    list-style: disc;
}

.art.content-flow ol,
.art .content-flow ol {
    list-style: decimal;
}

.art.content-flow ul li::before,
.art.content-flow ol li::before,
.art.content-flow ul li::after,
.art.content-flow ol li::after,
.art .content-flow ul li::before,
.art .content-flow ol li::before,
.art .content-flow ul li::after,
.art .content-flow ol li::after {
    content: none;
}

.art.content-flow ul li::marker,
.art .content-flow ul li::marker {
    color: var(--orange);
}

@media (max-width: 640px) {
    .art.content-flow,
    .art .content-flow {
        font-size: 16px;
        line-height: 1.55;
    }
}

/* FireClass footer and SEO page enhancements */
.footer__content .wrapper {
    gap: 32px;
}

.footer-content__menu {
    flex: 1 1 auto;
}

.footer-content-menu__item_products {
    min-width: 360px;
}

.footer-content-menu__item_products .footer-content-menu__list {
    column-count: 2;
    column-gap: 28px;
}

.footer-content-menu__item_products .footer-content-menu__list li {
    break-inside: avoid;
}

.footer-content__call {
    min-width: 230px;
}

.footer-content__call .footer-content-menu__title,
.footer-content-call__phone,
.footer-content-call__sub-phone,
.footer-content-call__mail {
    font-weight: 400;
}

.footer-content-call__phone,
.footer-content-call__mail {
    font-size: 18px;
    line-height: 1.35;
}

.footer-content-call__sub-phone {
    font-size: 15px;
    line-height: 1.45;
}

.footer-content__call > .footer-content-call__sub-phone:first-of-type {
    margin-top: 16px;
}

.seo-related-cards {
    margin: 44px 0 34px;
}

.seo-related-cards .catalog-related__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.seo-related-cards__item {
    min-height: 210px;
    background: linear-gradient(135deg, #111 0%, #1b1b1b 100%);
}

.seo-related-cards__item .catalog-related__overlay {
    background: linear-gradient(180deg, rgba(17, 17, 17, .12) 0%, rgba(17, 17, 17, .9) 100%);
}

.seo-related-cards__text {
    position: relative;
    font-family: var(--font-family);
    font-size: 15px;
    line-height: 1.45;
    color: rgba(255, 255, 255, .82);
}

.seo-faq {
    margin: 46px 0 34px;
}

.seo-faq h2 {
    margin-bottom: 24px;
}

.seo-faq__list {
    border-top: 1px solid rgba(34, 34, 34, .14);
}

.seo-faq__item {
    border-bottom: 1px solid rgba(34, 34, 34, .14);
}

.seo-faq__question {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 68px;
    padding: 18px 54px 18px 0;
    border: 0;
    background: transparent;
    color: var(--black);
    font-family: var(--font-family);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.seo-faq__question:before,
.seo-faq__question:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 18px;
    height: 2px;
    background: var(--orange);
    transition: transform .18s ease;
}

.seo-faq__question:after {
    transform: rotate(90deg);
}

.seo-faq__item.is-open .seo-faq__question:after {
    transform: rotate(0deg);
}

.seo-faq__answer {
    padding: 0 54px 22px 0;
}

.seo-faq__answer p {
    margin-bottom: 0;
}

.eiw-parameters {
    display: block;
    margin: 28px 0;
}

.eiw-parameters__title {
    display: block;
    margin: 0 0 18px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: var(--black);
}

.eiw-parameters__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.eiw-parameters__grid--1 {
    grid-template-columns: 1fr;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.eiw-parameters__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eiw-parameters__card {
    overflow: hidden;
    display: block;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 0 0 1px rgba(17, 17, 17, .08);
}

.eiw-parameters__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 11;
    background: #f7f7f8;
}

.eiw-parameters__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}

.eiw-parameters__media:hover img {
    transform: scale(1.035);
}

.eiw-parameters__zoom {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 7px 10px;
    border-radius: 6px;
    background: rgba(17, 17, 17, .78);
    font-family: var(--font-family);
    font-size: 13px;
    line-height: 1;
    color: var(--white);
}

.eiw-parameters__body {
    display: block;
    padding: 18px;
}

.eiw-parameters__letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    margin-bottom: 12px;
    border-radius: 6px;
    background: var(--orange);
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 1;
    color: var(--white);
}

.eiw-parameters__name {
    display: block;
    margin: 0 0 8px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--black);
}

.eiw-parameters__text {
    display: block;
    margin: 0;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.45;
    color: var(--grey-t);
}

@media (min-width: 860px) {
    .footer__content .wrapper {
        display: grid;
        grid-template-columns: 260px minmax(520px, 1fr) 260px;
        align-items: start;
    }

    .footer-content__logo {
        width: auto;
    }

    .footer-content__menu {
        display: grid;
        grid-template-columns: minmax(360px, 1.15fr) minmax(150px, .65fr);
        gap: 34px;
        margin-left: 0;
        width: auto;
    }

    .footer-content-menu__item,
    .footer-content-menu__item:first-child,
    .footer-content-menu__item:last-child {
        width: auto;
        margin-left: 0;
    }

    .footer-content__call {
        margin-left: 0;
    }
}

@media (max-width: 1180px) and (min-width: 860px) {
    .footer__content .wrapper {
        grid-template-columns: 220px minmax(420px, 1fr);
    }

    .footer-content__call {
        grid-column: 2;
    }
}

@media (max-width: 860px) {
    .footer-content-menu__item_products {
        min-width: 0;
    }

    .footer-content-menu__item_products .footer-content-menu__list {
        column-count: 1;
    }

    .seo-related-cards .catalog-related__list {
        grid-template-columns: 1fr;
    }

    .seo-related-cards__item {
        min-height: 190px;
        aspect-ratio: auto;
    }

    .seo-faq__question {
        min-height: 60px;
        padding-right: 44px;
        font-size: 17px;
    }

    .seo-faq__answer {
        padding-right: 0;
    }

    .eiw-parameters__grid {
        grid-template-columns: 1fr;
    }

    .eiw-parameters__grid--1 {
        width: 100%;
    }

    .eiw-parameters__title {
        font-size: 26px;
    }
}

/* FireClass footer visual refresh */
.footer {
    background: linear-gradient(180deg, #626970, #565e65);
}

.footer__content {
    padding-top: 58px;
    padding-bottom: 46px;
}

.footer-content__logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.footer-content-logo__img {
    display: block;
    max-width: 168px;
    height: auto;
    filter: brightness(0) invert(1);
}

.footer-content-logo__img_secondary {
    max-width: 168px;
}

.footer-content-menu__title,
.footer-content-call__phone,
.footer-content-call__mail {
    color: var(--white);
}

.footer-content-menu__list li a,
.footer-content-call__sub-phone,
.footer__about p,
.footer__about a {
    color: rgba(255, 255, 255, .72);
}

.footer-content-menu__list li a:hover,
.footer-content-call__mail:hover,
.footer__about a:hover {
    color: var(--white);
}

.footer__about {
    border-top-color: rgba(255, 255, 255, .14);
    background: rgba(72, 79, 86, .42);
}

/* Company history gallery */
.company-history-gallery {
    margin: 48px 0 0;
}

.company-history-gallery__title {
    margin: 0 0 22px;
}

.company-history-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.company-history-gallery__item {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 220px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--black);
    text-decoration: none;
    isolation: isolate;
}

.company-history-gallery__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    transition: transform .35s ease;
}

.company-history-gallery__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 42%, rgba(17, 17, 17, .72) 100%);
}

.company-history-gallery__caption {
    position: absolute;
    right: 18px;
    bottom: 16px;
    left: 18px;
    z-index: 2;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.35;
    color: var(--white);
}

.company-history-gallery__item:hover .company-history-gallery__image {
    transform: scale(1.04);
}

.company-history-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 28px;
    box-sizing: border-box;
    background: rgba(12, 12, 12, .9);
}

.company-history-lightbox.is-open {
    display: flex;
}

.company-history-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.company-history-lightbox__close {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: var(--white);
    font-size: 34px;
    line-height: 38px;
    cursor: pointer;
}

@media (max-width: 860px) {
    .company-history-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .company-history-gallery__item,
    .company-history-gallery__image {
        min-height: 170px;
    }
}

@media (max-width: 480px) {
    .company-history-gallery {
        margin-top: 36px;
    }

    .company-history-gallery__grid {
        grid-template-columns: 1fr;
    }

    .company-history-gallery__item,
    .company-history-gallery__image {
        min-height: 220px;
    }

    .company-history-lightbox {
        padding: 18px;
    }

    .company-history-lightbox__close {
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 860px) {
    .footer__content {
        padding-top: 48px;
        padding-bottom: 34px;
    }

    .footer-content__logo {
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }

    .footer-content-logo__img {
        flex: 1 1 0;
        width: calc((100% - 16px) / 2);
        max-width: none;
    }

    .footer-content-logo__img_secondary {
        max-width: none;
    }
}