html {
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.2rem;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus {
    outline: none;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}



* {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
    outline: 0;
}


.overflow-hidden {
    overflow: hidden;
    position: relative;
    height: 100%;
    touch-action: none;
    -ms-touch-action: none;
}

main {
    background: url("../img/main-bg.png") top no-repeat;
    background-size: cover;
    margin-bottom: 35px;
    overflow: hidden;
    padding-top: 170px;
    margin-top: -170px;
}

header {
    position: sticky;
    top: 0;
    z-index: 15;
    width: 100%;
    transition: all 0.3s ease;
}

.menu-active__animation {
    top: 0;
    transition: all 0.7s ease;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}


.menu-active {
    top: -100%;
    transition: all 0.7s ease;
}


.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 33px;
    padding-bottom: 33px;
}

.header-logo {
    width: 264px;
    height: 102px;
}

.header-logo img {
    width: 100%;
    height: 100%;
}

.city-select__container {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 52px;
    height: 51px;
    position: relative;
}

.nice-select .current,
.nice-select .option,
.city-select__text {
    font-size: 20px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #366B89;
}

.city-select__text {
    white-space: nowrap;
    position: absolute;
    left: 22px;
}


.header-contacts {
    display: flex;
    align-items: center;
}

.header-social__links {
    display: flex;
    margin-right: 50px;
}

.header-social__links a {
    margin-right: 21px;
    width: 56px;
    height: 56px;
    transition: all 0.7s ease;
}

.header-social__links a:last-child {
    margin-right: 0;
}

.header-social__links a:hover {
    transform: scale(1.2);
}

.header-social__links a img {
    width: 100%;
    height: 100%;
}

.header-phone {
    font-size: 40px;
    line-height: 110%;
    color: #FFFFFF;
    transition: all 0.7s ease;
}

.menu-active__animation .header-contacts .header-phone {
    color: #366B89;
}

.menu-active__animation .menu-icon>span {
    background: #366B89;
}

.single-page .header-contacts .header-phone {
    color: #366B89;
}

.single-page .menu-icon>span {
    background: #366B89;
}

.header-menu__button-active .menu-icon>span {
    background: white;
}

.header-phone:hover {
    text-shadow: 1px 1px 25px #F2A626;
}

.header-menu__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 5;
    margin-left: 50px;
    position: relative;
}

.menu-icon__block {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    width: 70px;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-overflow-scrolling: auto;
    transition: all 0.7s;
    z-index: 3;
    display: flex;
}

.menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.menu-icon>span {
    width: 100%;
    height: 10px;
    background-color: white;
    display: block;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-bottom: 16px;
    height: 8px;
}

.menu-icon span:last-child {
    margin-bottom: 0;
}

.header-menu__button-active .menu-icon__block .menu-icon span:nth-child(1) {
    transform-origin: center center;
    transform: rotate(45deg);
    top: 24px;
}

.header-menu__button-active .menu-icon__block .menu-icon span:nth-child(2) {
    opacity: 0;
    transform: translateY(-50px);
}

.header-menu__button-active .menu-icon__block .menu-icon span:nth-child(3) {
    transform-origin: center center;
    transform: rotate(-45deg);
    top: -24px;
}

.header-menu {
    display: flex;
    position: absolute;
    top: 0;
    right: -200%;
    z-index: 4;
    height: 100%;
    background: #33363F;
    padding-left: 60px;
    transition: all 0.7s ease;
    opacity: 0;
}

.header-menu__active {
    right: 0;
    opacity: 1;
}

.header-menu navbar {
    display: flex;
    align-items: center;
    margin-right: 150px;
}

.header-menu navbar li {
    margin-right: 70px;
}

.header-menu navbar li a {
    color: white;
    font-size: 25px;
    transition: all 0.7s ease;
}

.header-menu navbar li a:hover {
    color: #366B89;
}

.main {
    margin-top: 80px;
    height: 785px;
}

.main-container {
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
}

.main-text {
    width: 50%;
    margin-top: 27px;
}

.main-img {
    position: absolute;
    right: -155px;
    width: 778px;
}

.main-img img {
    width: 100%;
    height: 100%;
}


.main-text h1 {
    font-size: 95px;
    line-height: 90%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.main-text p {
    font-size: 40px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    margin-bottom: 30px;
}

.main-warning {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #366B89;
    margin-bottom: 30px;
}

.main-warning img {
    margin-right: 11px;
}

.blue-btn,
.orange-btn {
    font-size: 20px;
    line-height: 110%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    height: 60px;
    position: relative;
    border-radius: 24px;
    border: 0;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}

.blue-btn:after,
.orange-btn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.7s;
    opacity: 0;
}

.blue-btn {
    background: radial-gradient(45.14% 65.83% at 50% 25.83%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%), #008DFF;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
}

.blue-btn:after {
    background: radial-gradient(45.14% 65.83% at 50% 25.83%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%), #0079DB;
}

.orange-btn {
    background: radial-gradient(69.94% 69.94% at 22.66% 14.82%, #FFC700 0%, rgba(255, 199, 0, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #F2A626;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
}

.orange-btn:after {
    background: radial-gradient(69.94% 69.94% at 22.66% 14.82%, #FFC700 0%, rgba(255, 199, 0, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #ED8103;
}

.blue-btn:hover:after,
.orange-btn:hover:after {
    opacity: 1;
}

.main-buttons {
    width: 425px;
}

.main-buttons .blue-btn,
.main-buttons .orange-btn {
    height: 80px;
    width: 100%;
    font-size: 24px;
}


.main-buttons .blue-btn {
    margin-bottom: 30px;
}

.about-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.about .about-text {
    margin-top: 58px;
}

.about-img {
    position: relative;
}

.about-img:after {
    content: '';
    height: 430px;
    width: 50vw;
    position: absolute;
    z-index: 0;
    opacity: 0.8;
}

.about-img img {
    z-index: 1;
    position: relative;
}

.about-img__left img {
    top: -46px;
}

.about-img__left:after {
    background: radial-gradient(83.02% 83.02% at 66.45% 16.98%, #FFC700 0%, rgba(255, 199, 0, 0) 100%), #F2A626;
    right: calc(100% - 550px);
    border-radius: 0px 220px 220px 0px;
}

.section-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 45px;
}

.section-title h2 {
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    margin-bottom: 40px;
}

.section-title hr {
    width: 210px;
    height: 4px;
    border: 0;
}

.orange-line {
    background: #F2A626;
}


.blue-line {
    background: #2992E7;
}

.about-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #41687D;
}

.item-blocks {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.item-block {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 20px;
    padding: 35px 20px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.blocks-three .item-block {
    width: 420px;
}

.blocks-three .item-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    opacity: 0.8;
    border-radius: 20px;
}

.blocks-three .item-block:nth-child(3n) {
    margin-right: 0;
}

.green-block {
    background: radial-gradient(74.2% 74.2% at 12.79% 9.59%, rgba(204, 255, 165, 0.54) 0%, rgba(72, 201, 95, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , linear-gradient(0deg, #A2CA4D, #A2CA4D), #48C95F;
}

.purple-block {
    background: radial-gradient(71.11% 71.11% at 22.91% 4.69%, #E193FF 0%, rgba(225, 147, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #BB6BD9;
}

.pink-block {
    background: radial-gradient(77.61% 77.61% at 21.98% 16.63%, #FF8F8F 0%, rgba(255, 143, 143, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #EB5757;
}

.blue-block {
    background: radial-gradient(86.28% 86.28% at 33.02% 13.72%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , linear-gradient(0deg, #5AB5FF, #5AB5FF), radial-gradient(77.61% 77.61% at 21.98% 16.63%, #FF8F8F 0%, rgba(255, 143, 143, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #EB5757;
}

.orange-block {
    background: radial-gradient(69.94% 69.94% at 22.66% 14.82%, #FFC700 0%, rgba(255, 199, 0, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #F2A626;
}

.item-block img {
    margin-bottom: 35px;
    height: 200px;
}

.item-block__text p {
    font-size: 19px;
    line-height: 120%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 14px;
    height: 40px;
}

.item-block__text h3 {
    font-size: 40px;
    line-height: 110%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-bottom: 23px;
}

.item-block__text .blue-btn {
    width: 100%;
}

.check-gas {
    margin-bottom: 45px;
}

.safeguard-container {
    background: radial-gradient(74.2% 74.2% at 12.79% 9.59%, rgba(204, 255, 165, 0.54) 0%, rgba(72, 201, 95, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , linear-gradient(0deg, #A2CA4D, #A2CA4D), #48C95F;
    border-radius: 20px;
    display: flex;
    align-items: flex-end;
    height: 234px;
    padding-left: 36px;
    padding-right: 22px;
    padding-bottom: 22px;
}

.safeguard-block {
    display: flex;
    align-items: center;
    position: relative;
}

.safeguard-text {
    width: 673px;
    margin-left: 220px;
}

.safeguard-text h3 {
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
}

.safeguard-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #366B89;
}

.safeguard-block img {
    position: absolute;
    width: 184px;
    height: 263px;
}

.safeguard-buttons {
    width: 320px;
}

.safeguard-buttons .orange-btn,
.safeguard-buttons .blue-btn {
    width: 100%;
}

.safeguard-buttons .orange-btn {
    margin-bottom: 20px;
}

.safeguard {
    margin-bottom: 130px;
}

.about-2 .about-img {
    width: 600px;
}

.about-img__right:after {
    background: radial-gradient(86.28% 86.28% at 33.02% 13.72%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #2992E7;
    left: calc(100% - 550px);
    border-radius: 220px 0px 0px 220px;
    top: 0;
}

.about-img__right img {
    top: -30px;
}

.about-2 .about-text {
    width: 645px;
    margin-top: 47px;
}

.blocks-four .item-block {
    width: 310px;
}

.blocks-four .item-block:nth-child(4n) {
    margin-right: 0;
}

.items-warning {
    width: 1090px;
    margin: 0 auto;
    margin-top: 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #366B89;
}


.check-water {
    margin-bottom: 96px;
}

.about-company {
    position: relative;
    margin-bottom: 90px;
}

.about-company__bg {
    z-index: -1;
    width: 100%;
    height: 1021px;
    position: absolute;
    top: 0;
    top: -250px;
}

.about-company__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -30px;
}

.about-img img {
    width: 640px;
    height: 535px;
    margin-bottom: 20px;
}

.about-img a {
    width: 320px;
}

.about-company__text {
    margin-top: 115px;
}

.about-company__text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    color: #366B89;
}

.catalog-slider .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.catalog-slider {
    width: calc(100% + 26px);
    padding: 12px;
    margin-left: -12px;
}

.catalog-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    width: 310px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 25px;
    transition: all 0.7s ease;
}

.catalog-slider .swiper-slide:hover {
    transform: translateY(-10px);
}

.catalog-slider .swiper-slide:nth-child(4n) {
    margin-right: 0;
}

.catalog-slider .swiper-slide img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    margin-bottom: 25px;
}

.catalog-block {
    background: #FFFFFF;
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    height: 250px;
    padding: 0 18px;
    cursor: pointer;
}

.catalog-block h4 {
    margin-top: 74px;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    margin-bottom: 14px;
    height: 40px;
}

.catalog-block p {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    text-align: center;
    color: #41687D;
}

.catalog {
    margin-bottom: 100px;
}

.certificate-blocks {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.certificate-text {
    width: 570px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.certificate-text p {
    font-weight: 400;
    font-size: 19px;
    line-height: 130%;
    color: #41687D;
    margin-bottom: 30px;
}

.certificate-text a {
    width: 320px;
}

.certificate-img {
    width: 712px;
    position: relative;
    right: -25px;
    height: 595px;
}

.certificate-img img {
    width: 100%;
    height: 100%;
}

.certificate {
    position: relative;
    margin-bottom: 140px;
}

.certificate-bg {
    position: absolute;
    right: 0;
    top: -225px;
    width: 100%;
    height: 1144px;
    z-index: -1;
}

.check-introduction__slider .swiper-slide {
    width: 330px;
}

.check-introduction__images {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    transition: all 0.7s ease;
}

.check-introduction__slider .swiper-slide:hover .check-introduction__images {
    transform: translateX(10px)
}

.check-introduction__images img {
    width: 100px;
    height: 100px;
}

.check-introduction__images hr {
    opacity: 0.3;
    border: 2px dashed #366B89;
    width: 100%;
}


.check-introduction__text {
    width: 256px;
}

.check-introduction__text h4 {
    font-size: 24px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    margin-bottom: 22px;
}

.check-introduction__text hr {
    width: 180px;
    height: 2px;
    border: 0;
    margin-bottom: 20px;
}

.check-introduction__text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #366B89;
}

.red-line {
    background: #EB5757;
}

.purple-line {
    background: #BB6BD9;
}

.green-line {
    background: #6FCF97;
}

.check-introduction {
    margin-bottom: 100px;
}

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

.work-map__container .current {
    font-size: 30px;
    line-height: 100%;
    color: #41687D;
}

.work-map__container {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 30px 37px;
}

.work-map__select {
    margin-bottom: 37px;
}

.work-map__blocks {
    display: flex;
    flex-direction: column;
}

.work-map__block {
    display: none;
    align-items: center;
    flex-wrap: wrap;
}

.work-map__block-small {
    margin-bottom: 15px;
    margin-right: 45px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 100%;
    color: #41687D;
}

.work-map__block-small img {
    margin-right: 17px;
}

.work-map {
    position: relative;
    margin-bottom: 90px;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.work-map__block-active {
    display: flex;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.work-map__bg {
    position: absolute;
    right: 0;
    top: -10px;
    width: 100%;
    height: 491px;
    z-index: -1;
}

.swiper-scrollbar {
    margin-top: 34px;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    height: 8px;
    display: flex;
    align-items: center;
}

.swiper-scrollbar-drag {
    background: radial-gradient(1489.7% 355.69% at 44.45% 8.33%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #2992E7;
    border-radius: 8px;
    height: 16px;
}

.reviews-slider {
    width: calc(100% + 23px);
    padding: 12px;
    margin-left: -12px;
}

.reviews-slider .swiper-slide {
    height: 390px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
}

.reviews-slider .swiper-slide img {
    position: absolute;
    top: 0;
    width: 128px;
    height: 128px;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.15));
    border-radius: 50%;
}

.reviews-text {
    border: 1px solid #E4E4E4;
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.15);
    height: 307px;
    padding: 8px 24px;
    border-radius: 15px;
}

.reviews-text h4 {
    margin-top: 80px;
    font-size: 24px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    margin-bottom: 24px;
}

.reviews-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #41687D;
}

.reviews {
    margin-bottom: 80px;
}

.faq-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.faq-text {
    width: 430px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.faq-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #41687D;
    margin-bottom: 120px;
}

.faq-text .blue-btn {
    width: 264px;
}

.faq-blocks {
    width: 760px;
}

.faq-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #41687D;
    border-radius: 30px;
    margin-bottom: 18px;
    cursor: pointer;
    position: relative;
}


.faq-block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 28px;
    cursor: pointer;
}

.faq-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: all 0.7s ease;
    padding: 20px 32px;
}


.faq-button h5 {
    height: 40px;
    font-size: 20px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.faq-button img {
    transition: all 0.4s;
}

.faq-block__active .faq-button img {
    transform: rotate(180deg);
}

.faq-block__hidden {
    z-index: 0;
    transition: all 0.8s;
    height: 100%;
    max-height: 0;
    position: relative;
    overflow: hidden;
}

.faq-block__active .faq-block__hidden {
    max-height: 800px;
}

.faq-block__hidden p {
    padding: 15px 32px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
}


.faq {
    margin-bottom: 100px;
}

.faq-text .section-title {
    margin-bottom: 65px;
}


.order-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.order-select__btn input[type=radio]:checked,
.order-select__btn input[type=radio]:not(:checked) {
    display: none;
    box-sizing: unset;
}

.order-select__btn input[type=radio]:checked+label .btn:before,
.order-select__btn input[type=radio]:not(:checked)+label .btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.15);
    box-sizing: unset;
    cursor: pointer;
    border-radius: 50%;
}

.order-select__btn input[type=radio]:checked+label .btn,
.order-select__btn input[type=radio]:not(:checked)+label .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    align-items: center;
    box-sizing: unset;
    width: 28px;
    height: 28px;
    margin-right: 13px;
}

.order-select__btn input[type=radio]:checked+label .btn:after,
.order-select__btn input[type=radio]:not(:checked)+label .btn:after {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    box-sizing: unset;
    cursor: pointer;
}

.order-select__btn input[type=radio]:checked+label .btn:after,
.order-select__btn input[type=radio]:not(:checked)+label .btn:after {
    width: 17px;
    height: 17px;
    background: radial-gradient(1489.7% 355.69% at 44.45% 8.33%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #2992E7;
    border-radius: 50%;
    transform: scale(0);
}

.order-select__btn input[type=radio]:checked+label .btn:after {
    transform: scale(1);
    box-sizing: unset;
}


.radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio-label p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #41687D;
}

.order-select__btn {
    margin-bottom: 31px;
}

.gradient-bg {
    background: url("../img/gradient-bg.png") center no-repeat;
    background-size: cover;
}


.order-form {
    width: 665px;
}

.order-form .orange-btn {
    width: 430px;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 28px;
}

.form-date::after {
    color: #374151;
    content: attr(placeholder);
}

input[type=date]::-webkit-calendar-picker-indicator {
    background: url("../img/calendar-icon.svg") no-repeat 20% 50%;
    position: absolute;
    left: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.form-date {
    padding-left: 45px;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: #366B89;
    width: 135px;
    margin-right: 15px;
}


.order-inputs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.input-contain .placeholder-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
}



.input-contain__block {
    position: relative;
    display: flex;
    align-items: center;
}

.form-date,
.input-contain__block input,
.order-city-select {
    position: relative;
    background: #FFFFFF;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    height: 54px;
    border: 0;
    display: flex;
    align-items: center;
}

.input-contain__block input,
.input-contain .text,
.order-city-select .current {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #366B89;
    padding-left: 44px;
}

.input-contain .text {
    background-color: transparent;
    transform: translate(0);
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

.input-contain__block img {
    position: absolute;
    left: 12px;
    z-index: 2;
}

.input-contain__block input:focus+.placeholder-text .text,
.input-contain__block :not(input[value=""])+.placeholder-text .text {
    color: #366B89;
    font-size: 13px;
    transform: translate(0, -55%);
    z-index: 1;
}

.input-contain input {
    padding-top: 20px;
    width: 100%;
}

.input-count {
    width: 175px;
    margin-right: 15px;
}

.order-city-select {
    width: 320px;
}

.order-city-select:before {
    content: '';
    left: 15px;
    width: 19px;
    height: 19px;
    position: absolute;
    background: url("../img/city-icon.svg") center no-repeat;
}

.order-city-select:after {
    right: 22px;
    background: url("../img/arrow-down-blue.svg") center no-repeat;
}


.order-city-select .list {
    margin-top: 10px;
}

.input-name {
    margin-right: 15px;
}

.input-name,
.input-tel {
    width: 325px;
}

.order-policy {
    text-align: center;
}

.order-policy,
.order-policy a {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF;
}

.order-policy a {
    transition: all 0.7s ease;
    text-decoration: underline;
}

.order-policy a:hover {
    color: #F2A626;
}

.order {
    padding-bottom: 40px;
}

footer {
    background: #33363F;
    padding: 27px 0;
}

.footer-blocks {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

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

.footer-menu li {
    margin-right: 41px;
}

.footer-menu li:last-child {
    margin-right: 0;
}

.footer-menu li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    color: #FFFFFF;
    position: relative;
}

.footer-logo {
    margin-top: -10px;
    width: 179px;
    height: 69px;
}

.footer-logo img {
    width: 100%;
    height: 100%;
}


.footer-social {
    display: flex;
}

.footer-social a {
    width: 26px;
    height: 26px;
    margin: 0 5px;
    transition: all 0.7s ease;
}

.footer-social a img {
    width: 100%;
    height: 100%;
}

.footer-social a:hover {
    transform: scale(1.2);
}

.footer-phone {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    transition: all 0.7s ease;
}

.footer-phone:hover {
    color: #F2A626;
}

.footer-menu li a:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -8px;
    background: #F2A626;
    transition: all 0.7s ease;
    transform: scale(0);
}

.footer-menu li a:hover:before {
    transform: scale(1);
}


.footer-last__blocks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
}

.inc {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF;
    margin-right: 185px;
}

.studio {
    color: #FFFFFF;
    display: flex;
    align-items: flex-end;
}

.studio span {
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
}

.modal {
    width: 470px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 45px 20px;
}

.close-modal {
    top: 20px;
    right: 25px;
    position: absolute;
}

.modal-block {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fancybox-slide--html .fancybox-close-small {
    display: none;
}

.modal-block .section-title h2 {
    font-size: 28px;
    margin-bottom: 0;
}

.modal-block p {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: #41687D;
    margin-bottom: 20px;
}

.modal-block .input-contain,
.modal-block .orange-btn {
    width: 380px;
    margin-bottom: 20px;
}

.modal-block .input-name {
    margin-right: 0;
}

.modal-block .section-title {
    margin-bottom: 30px;
}

.modal-block .order-policy,
.modal-block .order-policy a {
    font-size: 17px;
    color: black;
}

.modal-block .order-policy a:hover {
    color: #F2A626 !important;
}

.modal-block .input-contain__block input,
.modal-block .input-contain .text {
    font-size: 21px;
}



.main-img .blue-btn,
.main-img .orange-btn,
.header-menu__phone,
.header-menu-social__links,
.menu-inc,
.about-company__text .orange-btn,
.check-introduction__scrollbar,
.catalog-scrollbar,
.certificate-img .section-title,
.faq-blocks .blue-btn {
    display: none;
}


.single-wrapper {
    padding: 100px 0;
}

.single-block li {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.single-block li,
.single-block li a {
    font-size: 23px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #41687D;
}

.single-block li::after {
    content: "";
    position: absolute;
    left: -20px;
    width: 6px;
    height: 6px;
    background: radial-gradient(86.28% 86.28% at 33.02% 13.72%, #31DBFF 0%, rgba(49, 219, 255, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , #2992E7;
    border-radius: 50%;
}

.single-block ul {
    margin-bottom: 30px;
}


@media (min-width: 1540px) {
    .header-container {
        padding-left: 80px;
        padding-right: 80px;
    }
}


@media(max-width: 1540px) {
    .header-social__links a {
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }

    .header-social__links {
        margin-right: 30px;
    }

    .header-phone {
        font-size: 25px;
    }

    .city-select .current,
    .city-select__text {
        font-size: 16px;
    }

    .city-select {
        padding-left: 135px;
    }

    .header-logo {
        width: 210px;
        height: 85px;
    }

    .main-text h1 {
        font-size: 85px;
    }

    .main-text p {
        font-size: 30px;
    }

    .section-title h2 {
        font-size: 50px;
    }

    .blocks-three .item-block {
        width: 366px;
    }

    .safeguard-text {
        width: 515px;
        padding-right: 20px;
    }

    .safeguard-text p {
        font-size: 16px;
    }

    .safeguard-text h3 {
        font-size: 34px;
    }

    .blocks-four .item-block {
        width: 272px;
    }

    .item-block__text p {
        font-size: 17px;
    }

    .item-block img {
        height: 150px;
    }

    .about-img img {
        width: 540px;
        height: 480px;
        margin-bottom: 50px;
    }

    .about-company__text p {
        font-size: 16px;
    }

    .catalog-slider .swiper-slide {
        width: 272px;
        height: 273px;
    }

    .catalog-block {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        padding: 0;
        height: 225px;
    }

    .catalog-block h4,
    .catalog-block p {
        width: 90%;
    }

    .catalog-block h4 {
        font-size: 17px;
    }

    .catalog-block p {
        font-size: 13px;
    }

    .check-introduction__slider .swiper-slide {
        width: 285px;
    }

    .check-introduction__text {
        width: 230px;
    }

    .check-introduction__text p {
        font-size: 17px;
    }

    .certificate-text {
        width: 480px;
    }

    .certificate-img {
        width: 630px;
        height: 555px;
    }

    .certificate-text p {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .work-map__block-small {
        font-size: 18px;
    }

    .faq-button h5 {
        font-size: 17px;
    }

    .order-img {
        width: 470px;
    }

    .order-city-select {
        width: 300px;
    }

    .input-name,
    .input-tel {
        width: 320px;
    }

    .about-img__right:after {
        left: calc(100% - 450px);
    }
}

@media (max-width: 1200px) {
    .city-select__container {
        display: none;
    }

    .header-menu navbar li {
        margin-right: 30px;
    }

    .header-menu navbar {
        margin-right: 90px;
    }

    .header-menu navbar li a {
        font-size: 23px;
    }

    .main-img {
        right: -130px;
        width: 625px;
    }

    .main-text h1 {
        font-size: 70px;
    }

    .main-text p {
        font-size: 22px;
    }

    .main {
        height: 660px;

    }

    .about-img__left:after {
        right: calc(100% - 450px);
    }

    .about-img {
        left: 0px;
        width: 470px;
    }

    .section-title h2 {
        font-size: 40px;
    }

    .blocks-three .item-block {
        width: 314px;
    }

    .safeguard-text {
        width: 390px;
    }

    .safeguard-text h3 {
        font-size: 29px;
    }

    .safeguard-text p {
        font-size: 15px;
    }

    .blue-btn,
    .orange-btn {
        font-size: 17px;
    }

    .about-2 .about-img img {
        height: 410px;
    }

    .about-img__right:after {
        height: 400px;
    }

    .about-text p {
        font-size: 17px;
    }

    .blocks-four .item-block {
        width: 49%;
    }

    .blocks-four .item-block:nth-child(2n) {
        margin-right: 0;
    }

    .blocks-four {
        justify-content: center;
    }

    .check-water {
        margin-bottom: 55px;
    }

    .about-img img {
        width: 440px;
        height: 380px;
    }

    .about-img {
        width: 400px;
    }


    .catalog-slider .swiper-wrapper {
        flex-wrap: inherit;
        justify-content: inherit;
    }


    .check-introduction__scrollbar,
    .catalog-scrollbar {
        display: flex;
    }

    .about {
        margin-bottom: 50px;
    }

    .about .about-text {
        width: 490px;
    }


    .items-warning {
        width: 100%;
    }

    .certificate-img {
        right: 0;
    }

    .about-2 {
        overflow: hidden;
        padding-top: 35px;
    }

    .safeguard {
        margin-bottom: 80px;
    }


    .reviews-slider .swiper-slide {
        width: 312px;
    }

    .order-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-menu li {
        margin-right: 20px;
    }

    .footer-menu li a {
        font-size: 13px;
    }

    .footer-phone {
        font-size: 17px;
    }

    .faq-button h5 {
        font-size: 15px;
    }

    .faq-text {
        width: 320px
    }

    .faq-blocks {
        width: 600px;
    }

    .footer-logo {
        margin-top: 0px;
        width: 139px;
        height: 50px;
    }

    .footer-phone {
        font-size: 15px;
    }

    .order-img {
        margin-bottom: 40px;
    }


}


@media (max-width: 991px) {

    .safeguard-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .safeguard-buttons {
        display: flex;
        width: 520px;
    }

    .safeguard-buttons .orange-btn {
        margin-bottom: 0;
        margin-right: 25px;
    }

    .safeguard-block img {
        position: relative;
    }

    .safeguard-text {
        width: auto;
        margin-left: 20px;
    }

    .safeguard-block {
        margin-bottom: 30px;
    }

    .safeguard-container {
        height: auto;
    }

    .blue-btn,
    .orange-btn {
        font-size: 16px;
    }

    .main-container {
        flex-direction: column;
        align-items: center;
    }

    .main {
        height: 100%;
    }

    .main-img {
        position: relative;
        right: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .main-img img {
        width: 500px;
    }

    .main-warning {
        justify-content: center;
    }

    .main-text {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .main-buttons {
        display: none;
    }

    .main-text h1 {
        font-size: 65px;
    }

    .main {
        margin-top: 45px;
    }

    .main-img .blue-btn,
    .main-img .orange-btn {
        display: flex;
        width: 40%;
    }

    .main-img .blue-btn {
        margin-right: 20px;
    }

    main {
        margin-bottom: 90px;
        padding-bottom: 30px;
    }

    .header-social__links,
    .header-phone {
        display: none;
    }

    .header-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(2.5px);
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 80px 75px;
        transform: translateX(100%);
        transition: all 0.7s ease;
        overflow-x: hidden;
        overflow-y: auto;
        flex-wrap: nowrap;
    }

    .header-menu__active {
        transform: translateX(0%);
    }

    .header-menu__phone,
    .header-menu-social__links,
    .menu-inc {
        display: flex;
    }

    .header-menu navbar {
        flex-direction: column;
        align-items: flex-start;
        margin-right: 0;
    }

    .header-menu navbar li {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .header-menu navbar li a {
        font-size: 34px;
    }

    .header-menu__phone {
        color: white;
        font-size: 34px;
        margin-bottom: 30px;
    }

    .header-menu-social__links a {
        margin-right: 20px;
        width: 60px;
        height: 60px;
    }

    .header-menu-social__links a img {
        width: 100%;
        height: 100%;
    }

    .header-menu-social__links {
        margin-bottom: 30px;
    }

    .menu-inc {
        font-weight: 400;
        line-height: 130%;
        color: white;
    }

    .about-container {
        flex-direction: column;
    }

    .about-img::after {
        width: 100vw;
    }

    .about-img__left::after {
        right: calc(100% - 650px);
        height: 380px;
    }

    .about-img {
        width: 100%;
    }

    .about-img__left img {
        top: 0;
        margin-bottom: 0;
        width: 490px;
        height: 450px;
    }

    .about .about-text {
        width: 100%;
        margin-top: 30px;
    }

    .blocks-three .item-block {
        width: 279px;
    }

    .blocks-three .item-block {
        width: 239px;
    }

    .item-block__text p {
        font-size: 15px;
    }

    .safeguard {
        margin-bottom: 25px;
    }

    .about-img__right::after {
        left: calc(100% - 650px);
    }

    .about-2 .about-img {
        order: 1;
        width: 100%;
        margin-bottom: 0;
    }

    .about-text {
        order: 2;
    }

    .about-2 .about-text {
        width: 100%;
        margin: 40px 0;
    }

    .about-img__right img {
        top: 20px;
        width: 500px;
        margin-bottom: 0;
    }

    .about-company__container {
        flex-direction: column;
    }

    .about-img a,
    .about-company .about-img:after {
        display: none;
    }

    .about-company .about-img img {
        margin-bottom: 0;
    }

    .about-company__text {
        margin-top: 15px;
    }

    .about-company {
        margin-bottom: 65px;
    }

    .header-menu__button {
        margin-left: 0;
    }

    .menu-icon__block {
        width: 50px;
    }

    .menu-icon>span {
        margin-bottom: 10px;
        height: 7px;
    }

    .header-menu__button-active .menu-icon__block .menu-icon span:nth-child(1) {
        top: 17px;
    }

    .header-menu__button-active .menu-icon__block .menu-icon span:nth-child(3) {
        top: -17px;
    }

    .certificate-blocks {
        flex-direction: column;
    }

    .certificate-text {
        order: 2;
        width: 100%;
        align-items: center;
    }

    .certificate-img {
        order: 1;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .certificate-text .section-title {
        display: none;
    }

    .certificate-img .section-title {
        display: flex;
    }

    .faq-container {
        flex-direction: column;
    }

    .faq-text {
        width: 100%;
        margin-bottom: 50px;
    }

    .faq-text p {
        width: 400px;
        margin-bottom: 0;
    }

    .faq-text .section-title {
        margin-bottom: 45px;
    }

    .faq-text .blue-btn {
        display: none;
    }

    .faq-blocks {
        width: 100%;
    }

    .footer-blocks {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-logo {
        width: 300px;
        height: 115px;
        margin-bottom: 40px;
    }


    .footer-menu {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer-menu li {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .footer-menu li a {
        font-size: 22px;
    }

    .footer-social a {
        width: 56px;
        height: 56px;
    }

    .footer-social {
        margin-bottom: 30px;
    }

    .footer-phone {
        font-size: 25px;
    }

    .footer-last__blocks {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .inc {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .order-form {
        width: 100%;
    }



}

@media (max-width: 768px) {
    .header-logo {
        width: 160px;
        height: 62px;
    }

    .main {
        margin-top: 20px;
    }

    .header-container {
        padding: 20px 0;
    }

    .about-img__left::after {
        right: calc(100% - 500px);
    }

    .blocks-three .item-block,
    .blocks-four .item-block {
        width: 100%;
        margin-right: 0;
    }

    .item-block__text p {
        font-size: 19px;
    }

    .about {
        margin-bottom: 35px;
    }

    .main-img .blue-btn,
    .main-img .orange-btn {
        width: 48%;
    }

    .safeguard-text h3 {
        font-size: 26px;
    }

    .safeguard-block {
        margin-top: 20px;
    }

    .about-img__right::after {
        left: calc(100% - 500px);
    }

    .about-img__right::after {
        height: 355px;
    }

    .about-img__right img {
        top: -25px;
    }

    .items-warning {
        font-size: 14px;
        margin-top: 15px;
    }

    .check-water {
        margin-bottom: 20px;
    }

    .work-map__block-small {
        margin-right: 25px;
    }

    .order-img img {
        width: 100%;
        height: 100%;
    }

    .order-img {
        width: 76%;
    }

    .input-count {
        width: 155px;
    }

    .order-city-select {
        width: 229px;
    }

    .input-name,
    .input-tel {
        width: 265px;
    }

    .order-inputs {
        margin-bottom: 20px;
    }

    .faq-button {
        padding: 15px 20px;
    }

    .faq-button h5 {
        font-size: 14px;
    }

}


@media (max-width: 576px) {
    .menu-icon__block {
        width: 35px;
    }


    .menu-icon>span {
        margin-bottom: 7px;
        height: 5px;
    }

    .header-logo {
        width: 125px;
        height: 50px;
    }

    .header-container {
        padding: 10px 0;
    }

    .header-menu {
        padding: 120px 25px;
        justify-content: flex-start;
    }

    .header-menu__button-active .menu-icon__block .menu-icon span:nth-child(1) {
        top: 12px;
    }

    .header-menu__button-active .menu-icon__block .menu-icon span:nth-child(3) {
        top: -12px;
    }

    .header-menu navbar li a {
        font-size: 22px;
    }

    .header-menu__phone {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .header-menu navbar {
        margin-bottom: 20px;
    }

    .header-menu-social__links {
        margin-bottom: 40px;
    }

    .header-menu-social__links a {
        margin-right: 20px;
        width: 45px;
        height: 45px;
    }

    .menu-inc {
        width: 80%;
        font-size: 16px;
    }

    .main-text h1 {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .main-text p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .main-warning {
        font-size: 15px;
    }

    .main-warning img {
        width: 20px;
        height: 20px;
    }

    .main-img img {
        width: 100%;
    }

    .main-text {
        margin-bottom: 10px;
    }

    .main-img .blue-btn,
    .main-img .orange-btn {
        width: 85%;
    }


    .main-img .blue-btn {
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: -20px;
    }

    .about-img::after {
        height: 200px;
    }

    .about-img__left img {
        top: 35px;
        width: 270px;
        height: 220px;
    }

    .about-img__left::after {
        left: -30%;
    }

    .section-title h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .section-title hr {
        width: 175px;
        height: 3px;
    }

    .about-text p {
        font-size: 14px;
    }

    .safeguard-block {
        flex-direction: column;
    }

    .check-gas {
        margin-bottom: 75px;
    }

    .safeguard-container {
        padding: 0;
        padding-bottom: 30px;
    }

    .safeguard-block img {
        margin-top: -65px;
        margin-bottom: 30px;
    }

    .safeguard-text {
        padding: 0 15px;
        margin: 0;
    }

    .safeguard-text h3 {
        text-align: center;
    }

    .safeguard-text p {
        font-size: 14px;
    }

    .safeguard-buttons {
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
    }

    .safeguard-buttons .orange-btn {
        margin-right: 0;
        margin-bottom: 15px;
    }

    main {
        margin-bottom: 35px;
    }

    .item-block__text h3 {
        font-size: 30px;
    }

    .about-img__right::after {
        left: 25%;
    }

    .about-img__right img {
        top: 0px;
        height: 250px !important;
        width: 300px;
    }

    .items-warning {
        display: none;
    }

    .about-img img {
        width: 100%;
        height: 100%;
    }

    .check-water {
        margin-bottom: 0;
    }

    .swiper-scrollbar {
        margin-top: 10px;
    }

    .catalog-slider .swiper-slide {
        margin-bottom: 0;
        width: 100%;
    }

    .catalog .container,
    .check-introduction .container,
    .reviews .container {
        padding-right: 0;
        padding-left: 0;
    }

    .catalog .container .row,
    .check-introduction .container .row,
    .reviews .container .row {
        margin-right: 0;
        margin-left: 0;
    }

    .catalog .container .row .col-12,
    .check-introduction .container .row .col-12,
    .reviews .container .row .col-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .catalog-slider,
    .check-introduction__slider,
    .reviews-slider {
        width: 100%;
        padding: 15px;
        margin: 0;
    }

    .catalog-scrollbar,
    .check-introduction__scrollbar,
    .review-scrollbar {
        width: calc(100% - 30px);
        /* padding: 0 15px; */
        margin: 0 auto;
        margin-top: 30px;
    }


    .certificate {
        margin-bottom: 70px;
    }


    .catalog-block p {
        font-size: 16px;
    }


    .catalog .section-title,
    .check-introduction .section-title,
    .reviews .section-title {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .catalog-block h4 {
        font-size: 21px;
    }

    .catalog-block {
        width: 100%;
    }

    .work-map__container {
        padding: 20px;
    }

    .work-map__container .current {
        font-size: 20px;
        white-space: normal;
        padding-right: 30px
    }

    .work-map__select:after {
        right: 0px;
    }

    .work-map__select {
        margin-bottom: 25px;
    }

    .work-map__block-active {
        flex-direction: column;
        align-items: flex-start;
    }


    .work-map__block-small {
        margin-right: 0;
        font-size: 22px;
    }

    .order-form .orange-btn {
        width: 100%;
    }

    .faq-text p {
        width: 100%;
    }

    .faq-text .section-title {
        margin-bottom: 30px;
    }

    .faq-text {
        margin-bottom: 30px;
    }

    .faq-block {
        border-radius: 10px;
    }

    .faq-button {
        padding: 12px;
    }

    .faq-button h5 {
        font-size: 13px;
    }

    .faq-blocks .blue-btn {
        display: flex;
        width: 100%;
        font-size: 20px;
        margin-top: 10px;
    }

    .form-date {
        margin-right: 10px;
        width: 45%;
    }

    .input-count {
        margin-right: 0;
        width: 100%;
    }

    .form-date,
    .input-count {
        margin-bottom: 20px;
    }

    .order-input {
        width: 51%;
    }

    .order-city-select {
        width: 100%;
    }

    .input-name,
    .input-tel {
        width: 100% !important;
    }

    .input-name__block {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-logo {
        width: 220px;
        height: 88px;
    }

    .footer-social {
        margin-top: 10px;
    }

    .footer-social a {
        width: 45px;
        height: 45px;
        margin: 0 10px;
    }

    .inc {
        width: 80%;
    }

    .footer-last__blocks {
        margin-top: 25px;
    }

    .work-map__select .option {
        padding: 15px;
        font-size: 16px;
    }

    .order-city-select .option {
        font-size: 16px;
    }

    .faq-block__hidden p {
        padding: 12px;
        font-size: 15px;
    }

    .modal {
        width: 315px;
        padding: 45px 15px;
    }

    .modal-block .section-title h2 {
        font-size: 24px;
    }

    .modal-block .section-title {
        margin-bottom: 15px;
    }

    .modal-block p {
        font-size: 14px;
    }

    .close-modal {
        width: 15px;
        height: 15px;
        top: 15px;
        right: 15px;
    }

    .modal-block .input-contain,
    .modal-block .orange-btn {
        width: 100%;
    }

    .modal-block .orange-btn {
        height: 50px;
        margin-bottom: 15px;
    }

    .modal-block .order-policy,
    .modal-block .order-policy a {
        font-size: 14px;
    }

    main {
        padding-top: 130px;
        margin-top: -130px;
    }

    .single-block li,
    .single-block li a {
        font-size: 15px;
    }
}

@-moz-document url-prefix() {
    .form-date {
        padding-left: 20px;
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.pismo a {color:#366B89;}
.pismo a:hover {text-decoration: underline;}

html {
    -webkit-font-smoothing: antialiased;
}

.wow {
    visibility: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}