@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@100..900&display=swap');

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

body {
     font-family: "Noto Sans Armenian", sans-serif;
     line-height: 1.5
}

main {
     min-height: calc(100vh - 581px);
     padding-top: 88px;
     background-color: #F5F5F5;
}

a {
     text-decoration: none;
}

button {
     outline: none;
     border: none;
     cursor: pointer;
     font-family: unset;
     background: transparent;
}

input {
     outline: none;
     border: none;
}

select {
     cursor: pointer;
}

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

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

header {
     position: fixed;
     z-index: 50;
     top: 0;
     right: 0;
     left: 0;
     min-height: 71px;
     background: #f5f5f5;
     border-bottom: 1px solid #f1f1f1;
     padding: 14px 0;
}

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

.container {
     max-width: 1440px;
     margin: auto;
}

.header-logo {
     max-width: 188px;
     width: 100%;
}

.header-content {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     width: 90%;
}

.navigation {
     display: flex;
     align-items: center;
     flex-direction: row-reverse;
     width: 100%;
}

.language-group {
     position: relative;
}

.language-group__btn {
     padding: 8px 15px;
}

.language-group__title,
.language-selcet__link {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 28px;
     text-align: center;
     color: #272e48;
}

.language-selcet {
     display: none;
     margin-top: 20px;
     position: absolute;
     top: 25px;
     left: 0;
     right: 0;
     padding: 8px 10px;
     z-index: 12;
     background: #ffffff;
     border-radius: 8px;
     box-shadow: 0px 4px 11px rgba(182, 172, 172, 0.25);
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
}

.language-selcet__link {
     display: flex;
     justify-content: center;
}

.language-selcet__link_active,
.language-selcet__link:hover {
     color: #e30613;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.header-menu {
     align-items: center;
     padding: 0 40px;
     margin: 0 auto;
}

.header-menu__item {
     padding: 10px 15px;
     list-style: none;
}

.header-menu__link {
     display: flex;
     align-items: center;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #5f6164;
}

.header-menu__link>svg {
     opacity: 0;
     margin: 0 0 0 5px;
}

.header-menu__link_active,
.header-menu__link:hover {
     color: #e30613;
}

.header-menu__link_active>svg,
.header-menu__link:hover svg {
     opacity: 1;
}

.header-menu-burger,
.menu-burger-close {
     display: none;
}

.main-btn-container {
     position: relative;
}

.main-btn-container>svg {
     position: absolute;
     top: -3px;
     left: -6px;
     z-index: 2;
}

.main-btn {
     overflow: hidden;
     position: relative;
     display: flex;
     font-style: normal;
     font-weight: 400;
     font-size: 17px;
     text-align: left;
     color: #ffffff;
     width: fit-content;
     padding: 15px 20px 15px 70px;
     transition: all 0.4s ease-in-out;
     z-index: 1;
     background: #000000;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.main-btn:before {
     content: "";
     display: block;
     transform: translateY(50%);
     left: 0;
     right: 0;
     margin: 0 auto;
     position: absolute;
     width: 110%;
     padding-top: 110%;
     border-radius: 50%;
     background-color: #e30613;
     z-index: -1;
     transition: transform ease 1s;
     -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
     -ms-transform: translateY(50%);
     -o-transform: translateY(50%);
}

.main-btn:hover {
     color: white;
}

.main-btn:hover:before {
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}

.main-btn:hover + svg path:first-child{
    fill: #000000;
}

.calculator-btn-container>svg {
     top: -1px;
     left: -5px;
}

.calculator-btn {
     padding: 10px 15px 10px 55px;
}

footer {
     background: #3c4142;
     padding: 80px 0 34px;
}

.footer-row {
     margin: 0 -15px;
}

.footer-row__item {
     width: 33.333%;
     margin-bottom: 35px;
     padding: 0 15px;
}

.footer-menu{
    position: relative;
    z-index: 2;
}

.footer-menu__item {
     list-style: none;
}

.footer-menu__link {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 35px;
     text-align: left;
     color: #ffffff;
}

.footer-menu__link:hover {
     transition: .4s ease;
     color: #e30613;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.social-media-title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #00000099;
     margin: 20px 0 12px;
}

.social-media-icon-row {
     padding: 12px 0 10px;
     justify-content: flex-end;
}

.social-media-icon-item {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 59px;
     height: 59px;
     padding: 15px;
     margin: 0 6px 10px 0;
     background: transparent;
     border: 1px solid #CCCCCC;
     border-radius: 100px 100px 0 100px;
     -webkit-border-radius: 100px 100px 0 100px;
     -moz-border-radius: 100px 100px 0 100px;
     -ms-border-radius: 100px 100px 0 100px;
     -o-border-radius: 100px 100px 0 100px;
}

.social-media-icon-item>img {
     height: 100%;
     object-fit: contain;
}

.footer-contact {
     margin: 0 0 26px;
     border: 1px solid #474747;
     padding: 15px 0;
}

.footer-contact__item {
     width: 25%;
     padding: 24px 15px 11px;
}

.footer-contact__item:nth-child(2),
.footer-contact__item:nth-child(3) {
     border-right: 1px solid #474747;
}

.footer-logo {
     display: flex;
     max-width: 213px;
     width: 100%;
}

.footer-contact__link {
     font-style: normal;
     font-weight: 500;
     font-size: 23px;
     text-align: left;
     color: #ffffff;
}

.footer-contact__title {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     margin: 0 0 8px;
     text-align: left;
     color: #ffffff;
}

.footer-info {
     justify-content: space-between;
}

.footer-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #ffffff;
}

.footer-info__text:last-child:hover {
     color: #e30613;
}

.main-slide-info {
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.43) 100%);
     position: absolute;
     top: 51px;
     left: 0;
     width: 55%;
     padding: 20px 30px;
}

.main-slide-info__text {
     max-width: 780px;
     margin: 0 0 0 auto;
     font-style: normal;
     font-weight: 500;
     font-size: 35px;
     line-height: normal;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.main-slide-info__title {
     font-style: normal;
     font-weight: 600;
     font-size: 50px;
     line-height: normal;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}

.main-slide-btn {
     position: absolute;
     bottom: 50px;
}

.brend-slide,
.services-slide,
.gallery-card-container,
.question-section {
     padding: 58px 0;
     overflow: hidden;
}

.main-title {
     position: relative;
     z-index: 1;
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
     width: fit-content;
     padding: 11px 36px;
     font-style: normal;
     font-weight: 500;
     font-size: 35px;
     line-height: normal;
     text-align: center;
     color: #ffffff;
     background: #e30613;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.main-title>svg {
     margin: 0 15px 0 0;
}

.main-title_right {
     margin: 0 0 0 auto;
}

.main-title_right {
     flex-direction: row;
}

.main-title_right>svg {
     margin: 0 0 0 15px;
}

.about-us-section {
     background: url('/image/section-bg-img.png') no-repeat 50% 80%;
     background-size: 95%;
}

.about-us-section,
.calculator-section,
.gallery-section,
.blog-section {
     background-color: #3c4142;
     padding: 60px 0;
}

.about-us {
     position: relative;
     z-index: 1;
     margin: 106px 0;
}

.about-us__img {
     width: 48%;
     float: left;
     margin: 0 40px 15px 0;
}

.about-us__img>img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.about-us__des {
     color: #ffffff;
}

.about-us__logo {
     max-width: 300px;
     width: 100%;
     display: flex;
     margin: 0 0 35px;
}

.about-us-info {
     max-width: 1050px;
     width: 100%;
     position: relative;
     z-index: 1;
     background: #3c4142;
     border: 1px solid #383d3f;
     margin: 0 0 0 auto;
}

.about-us-info__item {
     width: 25%;
     padding: 50px 40px;
}

.about-us-info__title {
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.about-us-info__number {
     font-style: normal;
     font-weight: 600;
     font-size: 40px;
     line-height: 54px;
     text-align: left;
     color: #ffffff;
}

.services-section {
     padding: 64px 0 0;
}

.services-card__item {
     height: auto;
}
.services-card__item.swiper-slide{
    height: auto;
}
.services-card__link {
     display: block;
     position: relative;
     height: 100%;
     padding: 27px 27px 80px;
     background: #f5f5f5;
     border: 1px solid #d4d4d4;
     border-radius: 5px;
     box-shadow: 0px 4px 10px rgba(181, 181, 181, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     transition: .2s ease;
     -webkit-transition: .2s ease;
     -moz-transition: .2s ease;
     -ms-transition: .2s ease;
     -o-transition: .2s ease;
}

.services-card__img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     opacity: 0;
     height: 100%;
     object-fit: cover;
     transition: .2s ease;
     -webkit-transition: .2s ease;
     -moz-transition: .2s ease;
     -ms-transition: .2s ease;
     -o-transition: .2s ease;
}

.services-card__icon {
     position: relative;
     width: 89px;
     height: 89px;
}

.services-card__info {
     position: relative;
}

.services-card__title {
     min-height: 50px;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     text-align: left;
     color: #000000;
     margin: 29px 0 25px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.services-card__text {
     min-height: 120px;
     font-style: normal;
     font-weight: 300;
     font-size: 15px;
     line-height: 27px;
     text-align: left;
     color: #706c6b;
     margin: 0 0 50px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;
}

.services-card__container_btn{
    position: absolute;
    left: 27px;
    bottom: 27px;
}

.services-card__img>img,
.services-card__icon>img{
    height: 100%;
    object-fit: contain;
}
.services-card__link:hover .services-card__img {
     z-index: 1;
     opacity: 1;
}

.services-card__link:hover .services-card__icon {
     z-index: 1;
     width: 44px;
}

.services-card__link:hover .services-card__info {
     z-index: 1;
     display: flex;
     flex-direction: column-reverse;
}

.services-card__link:hover .services-card__info>.services-card__text {
     opacity: 0;
}

.services-card__link:hover .services-card__info>.services-card__title {
     color: #FFFBFB;
}

.main-form__item {
     width: 100%;
     position: relative;
     margin: 0 0 25px;
}

.main-form__label {
     position: absolute;
     top: -12px;
     left: 15px;
     z-index: 1;
     padding: 3px;
     background: #ffffff;
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #939393;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}

.main-form__input,
.main-form__textarea,
.main-select-options {
     outline: none;
     width: 100%;
     height: 41px;
     color: #6A6A6A;
     padding: 12px 10px;
     background: #ffffff;
     border: 1px solid #E3E3E3;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
.main-select-options {
    padding: 12px 30px 12px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #EDEDED 50%), linear-gradient(135deg, #EDEDED 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px;
    background-repeat: no-repeat;
}
.main-form__textarea {
     resize: none;
     display: flex;
     height: 130px;
}

.calculator-content {
     position: relative;
     z-index: 1;
     justify-content: space-between;
     margin: 62px 0 0;
}

.calculator-content__item:first-child {
     width: 60%;
}

.calculator-content__item {
     width: 37%;
}

.calculator-content__des {
     color: #ffffff;
}

.calculator-content__img {
     margin: 45px 0 0;
}

.calculator-form {
     padding: 45px 35px 35px;
     background: #fdfbfb;
     border-radius: 10px;
     box-shadow: 0px 4px 24px rgba(200, 200, 200, 0.25);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.print-type-title {
     font-weight: 300;
     font-size: 12px;
     text-align: left;
     color: #727272;
     margin: 0 0 12px;
}

.print-type {
     justify-content: space-between;
}

.print-type__item {
     width: 49%;
     display: flex;
     align-items: center;
     padding: 12px;
     cursor: pointer;
     background: #ffffff;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.print-type__item:has(.print-type__input:checked) {
     border: 1px solid #E30613;
}

.print-type__input {
     margin: 0 11px 0 0;
     width: 14px;
     height: 14px;
     accent-color: #E30613;
}

.print-type__text {
     display: block;
     width: 100%;
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     text-align: left;
     color: #7b7675;
}

.calculator-form-total {
     padding: 0 25px 10px 0;
}

.calculator-form-total__count {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #797979;
}

.calculator-form-total__price {
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     text-align: left;
     color: #000000;
}

.gallery-section {
     background: url('/image/gallery-bg-img.png') no-repeat 50% 100%;
     background-size: 100%;
}

.gallery-card {
     position: relative;
     z-index: 1;
     display: grid;
     grid-gap: 25px;
     grid-template-columns: repeat(4, auto);
}

.gallery-card__item>a img {
     cursor: pointer;
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.gallery-card__item:nth-child(1),
.gallery-card__item:nth-child(3),
.gallery-card__item:nth-child(5),
.gallery-card__item:nth-child(6) {
     grid-column: span 1 / auto;
     grid-row: span 2 / auto;
}

.gallery-card__item:nth-child(1)>a,
.gallery-card__item:nth-child(3)>a,
.gallery-card__item:nth-child(5)>a,
.gallery-card__item:nth-child(6)>a {
    position: relative;
    display: block;
    padding-top: 153%;
}

.gallery-card__item:nth-child(1) img,
.gallery-card__item:nth-child(3) img,
.gallery-card__item:nth-child(5) img,
.gallery-card__item:nth-child(6) img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}


.gallery-card__item:nth-child(2),
.gallery-card__item:nth-child(4),
.gallery-card__item:nth-child(7),
.gallery-card__item:nth-child(8) {
     grid-column: span 1 / auto;
     grid-row: span 1 / auto;
}

.gallery-card__item:nth-child(2)>a,
.gallery-card__item:nth-child(4)>a,
.gallery-card__item:nth-child(7)>a,
.gallery-card__item:nth-child(8)>a {
     position: relative;
     display: block;
     padding-top: 77%;
}

.gallery-card__item:nth-child(2) img,
.gallery-card__item:nth-child(4) img,
.gallery-card__item:nth-child(7) img,
.gallery-card__item:nth-child(8) img {
     position: absolute;
     top: 0;
     left: 0;
     object-fit: cover
}

.gallery-card__item:nth-child(n + 9) {
     display: none;
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after,
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
     border: 2px solid #e30613;
}

.all-works-container {
     display: flex;
     justify-content: center;
}

.blog-card,
.information-sub-card {
     position: relative;
     z-index: 1;
     margin: 40px -12px 0;
}

.blog-card__item,
.information-sub-card__item {
     width: 33.333%;
     padding: 12px;
}

.blog-card__link,
.information-sub-card__link {
     display: block;
     height: 100%;
}

.blog-card__date {
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #ffffff;
     margin: 22px 0 10px;
}

.blog-card__title {
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.question-content {
     position: relative;
     z-index: 1;
     justify-content: space-between;
     align-items: flex-end;
}

.question-content__item:first-child {
     max-width: 1080px;
     width: 100%;
     margin: 0;
}

.question-content__item {
     margin: 0 0 0 auto;
}

.question-content__title {
     font-style: normal;
     font-weight: 600;
     font-size: 80px;
     line-height: normal;
     text-align: left;
     color: #e30613;
}

.question-content__title>svg {
     vertical-align: middle;
}

.question-content__text {
     font-style: normal;
     font-weight: 600;
     font-size: 53px;
     text-align: left;
     color: #000000;
     margin: 0 55px;
}

.contact-us-btn {
     margin: 17px 0 0;
}

.bread-crumbs {
     display: flex;
     align-items: center;
     overflow-x: auto;
     margin: 14px 0;
}
.bread-crumbs::-webkit-scrollbar{
    display: none;
}
.bread-crumbs__link {
     white-space: nowrap;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
     text-align: left;
     color: #60616594;
}
.bread-crumbs__link:hover {
    color: #e30613;
}
.bread-crumbs__link_active{
    color: #e30613;
}
.bread-crumbs__link:not(:last-child)::after {
     content: " - ";
     font-size: 10px;
     padding: 0 5px 0 2px;
}

.page-title {
     font-style: normal;
     font-weight: 500;
     font-size: 35px;
     line-height: normal;
     text-align: left;
     color: #e30613;
     margin: 0 0 36px;
}

.page-title>svg {
     vertical-align: middle;
}

.services-page-content__item {
     align-items: center;
     justify-content: space-between;
     padding: 0 0 100px;
}

.services-page-content__item:nth-child(even) {
     flex-direction: row-reverse;
}

.services-page-content__des {
     width: 50%;
     display: block;
}

.services-page-content__img {
     position: relative;
     width: 46%;
}

.services-page-img {
     display: none;
}

.services-page-content__title {
     font-style: normal;
     font-weight: 500;
     font-size: 35px;
     line-height: normal;
     text-align: left;
     color: #000000;
     margin: 0 0 30px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.services-page-content__text {
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 24px;
     text-align: left;
     color: #706c6b;
}

.services-page-content__item:nth-child(even) .services-page-content__title,
.services-page-content__item:nth-child(even) .services-page-content__text {
     text-align: right;
}

.services-page-content__img_anim {
     position: absolute;
     bottom: 0;
     transition: 1s ease-out;
     -webkit-transition: 1s ease-out;
     -moz-transition: 1s ease-out;
     -ms-transition: 1s ease-out;
     -o-transition: 1s ease-out;
}

#animationImg1 {
     right: 0;
}

#animationImg1,
#animationImg2 {
     max-width: 119px;
}

#animationImg4 {
     left: 50px;
}

#animationImg2,
#animationImg3,
#animationImg5 {
     left: 0;
}

#animationImg3,
#animationImg4,
#animationImg5 {
     max-width: 160px;
}

#animationImg1.active {
     right: 120px;
}

#animationImg2.active {
     left: 43px;
     bottom: 50px;
}

#animationImg3.active {
     left: 77px;
}

#animationImg4.active {
     left: 280px;
}

#animationImg5.active {
     left: 160px;
     bottom: 49px;
}

.sarvices-page-item-img {
     width: 37px;
     vertical-align: middle;
}

.services-item-info {
     justify-content: space-between;
     padding: 0 0 78px;
}

.services-item-info__item:first-child {
     width: 60%;
}

.services-item-info__item {
     width: 37%;
}

.services-item-info__des{
    width: 85%;
}

.services-suggest {
     margin: 50px 0 0;
     background: #f5f5f5;
     border: 1px solid #dadada;
     padding: 20px 24px 40px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.services-suggest__title {
     font-style: normal;
     font-weight: 400;
     font-size: 35px;
     line-height: normal;
     text-align: left;
     color: #000000;
     margin: 0 0 45px;
}

.services-type-filter {
     padding: 0 0 60px;
}

.services-type-filter__btn {
    display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #262a2b;
     border: 1px solid #262a2b;
     padding: 3px 12px;
     margin: 0 15px 23px 0;
     border-radius: 100px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.services-type-filter__btn>svg {
     vertical-align: middle;
     margin: 0 8px 0 0;
}

.services-type-filter__btn_active,
.services-type-filter__btn:hover {
     background: #262a2b;
     color: #ffffff;
}

.services-type-filter__btn_active>svg *,
.services-type-filter__btn:hover>svg * {
     fill: #ffffff;
}

.services-suggest__link {
     display: block;
     width: fit-content;
     font-style: normal;
     font-weight: 500;
     font-size: 25px;
     line-height: 50px;
     margin: 0 0 17px;
     text-align: left;
     color: #262a2b;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.services-suggest__link:hover {
     color: #e30613;
}

.services-item-info__img {
     margin: 0 0 32px;
     width: 100%;
}

.services-item-info__img>img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.portfolio-section{
    padding: 0 0 30px;
}

.portfolio-header,
.portfolio {
     justify-content: space-between;
}

.portfolio-filter-btn {
     display: none;
     align-items: center;
     padding: 7px 12px;
     height: fit-content;
     background: #f5f5f5;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     margin: 0 0 28px;
     text-align: center;
     color: #000000;
     border: 1px solid #dadada;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.portfolio-filter-btn>svg {
     margin: 0 0 0 8px;
}

.portfolio__item:first-child {
     width: 25%;
     position: relative;
}

.portfolio__item {
     width: 73%;
}

.portfolio-aside-bg {
     position: sticky;
     top: 90px;
     left: 0;
}

.portfolio-aside {
     padding: 20px 15px 20px 26px;
     background: #f5f5f5;
     border: 1px solid #dadada;
     height: 480px;
     overflow-y: auto;
     overflow-x: hidden;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.portfolio-aside__close-btn {
     display: none;
}

.portfolio-aside::-webkit-scrollbar {
     width: 8px;
}

.portfolio-aside::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.portfolio-aside::-webkit-scrollbar-thumb {
     background: #000000;
}

.portfolio-aside__header {
     margin: 0 0 30px;
}

.portfolio-aside__content{
    clear: both;
}

.portfolio-aside__header>svg,
.portfolio-aside__close-btn{
    margin: 0 8px 0 0;
    float: left;
}

.portfolio-aside__title {
     word-break: break-word;
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     text-align: left;
     color: #000000;
}

.portfolio-aside__text {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #262a2ba6;
     margin: 0 0 19px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.portfolio-aside__text:hover,
.portfolio-aside__text_acitve {
     color: #e30613;
}

.portfolio-gallery {
     display: grid;
     gap: 22px;
     grid-template-columns: repeat(3, auto);
}

.portfolio-gallery__item {
     grid-column: span 1 / auto;
     grid-row: span 2 / auto;
}

.portfolio-gallery__item>a {
    position: relative;
    display: block;
    padding-top: 161%;
}

.portfolio-gallery__item>a img {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.portfolio-gallery__item:nth-child(2n),
.portfolio-gallery__item:nth-child(5n),
.portfolio-gallery__item:nth-child(6n),
.portfolio-gallery__item:nth-child(8n),
.portfolio-gallery__item:nth-child(11n),
.portfolio-gallery__item:nth-child(12n) {
     grid-column: span 1 / auto;
     grid-row: span 1 / auto;
}

.portfolio-gallery__item:nth-child(2n)>a,
.portfolio-gallery__item:nth-child(5n)>a,
.portfolio-gallery__item:nth-child(6n)>a,
.portfolio-gallery__item:nth-child(8n)>a,
.portfolio-gallery__item:nth-child(11n)>a,
.portfolio-gallery__item:nth-child(12n)>a {
    grid-column: span 1 / auto;
    grid-row: span 1 / auto;
    position: relative;
    display: block;
    padding-top: 77%;
}

.about-us-page-text {
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     text-align: left;
     color: #1a1a1a;
     margin: 0 0 40px;
}

.about-us-page-banner>img,
.page-banner>img {
     min-height: 150px;
     object-fit: cover;
     border-radius: 5px;
}

.about-us-item-bg {
     padding: 80px 0;
}

.about-us-item-bg:nth-child(even) {
     background: #F0F0F0;
}

.about-us-item__des {
     text-align: right;
     padding: 130px 0 0;
}

.about-us-item__img {
     width: 44%;
     float: right;
     margin: 0 0 15px 50px;
}

.about-us-item__img>img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.about-us-item-bg:nth-child(even) .about-us-item>.about-us-item__img {
     float: left;
     margin: 0 50px 15px 0;
}

.about-us-item__title {
     font-style: normal;
     font-weight: 500;
     font-size: 35px;
     text-align: right;
     color: #e30613;
     margin: 0 0 35px;
}

.about-us-item-bg:nth-child(even) .about-us-item__des,
.about-us-item-bg:nth-child(even) .about-us-item__title {
     text-align: left;
}

.contact-us-page-section .page-banner>img {
     filter: brightness(0.6);
     -webkit-filter: brightness(0.6);
}

.contact-us-page-info__header {
     justify-content: space-between;
     margin: 0 0 20px;
}

.contact-us-page-info__logo {
     max-width: 316px;
     width: 100%;
     margin: 0 35px 30px 0;
}

.contact-us-page-info__text {
     width: 64%;
     color: #1a1a1a;
}

.contact-us-page-info__content {
     justify-content: space-between;
}

.contact-us-page-info-contacts {
     width: 33%;
     padding: 40px;
     background: rgba(250, 248, 251, 0.8199999928474426);
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
}

.contact-us-page-info-contacts__item {
     margin: 0 0 23px;
}

.contact-us-page-info-contacts__title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #999999;
     margin: 0 0 8px;
}

.contact-us-page-info-contacts__link {
     font-style: normal;
     font-weight: 500;
     font-size: 23px;
     text-align: left;
     color: #000000;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.contact-us-page-info-contacts__link:hover {
     color: #E30613;
}

.contact-us-page-info-contacts .contact-us-page-info-contacts__item:first-child .contact-us-page-info-contacts__link:hover {
     color: inherit;
}

.contact-us-page-info-contacts>.social-media-icon-row {
     justify-content: flex-start;
}

.contact-us-page-info-form {
     width: 64%;
     padding: 40px 20px 35px;
     background: rgba(250, 248, 251, 0.8500000238418579);
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
}

.contact-us-form {
     margin: 0 -7px;
}

.contact-us-form>.main-form__item {
     width: 50%;
     padding: 0 7px;
}

.contact-us-page-info-map {
     margin: 50px 0 0;
     width: 100%;
}

.contact-us-page-info-map>iframe {
     height: 460px;
}

.blog-page-cards .blog-card__date {
     color: #4A4A4A;
}

.blog-page-cards .blog-card__title {
     color: #000000;
}

.blog-page-item-date {
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #4a4a4a;
     margin: 0 0 20px;
}

.blog-page-item__img,
.information-page-info__img {
     width: 50%;
     float: left;
     margin: 0 41px 15px 0;
}

.information-sub-card__title {
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     text-align: left;
     color: #000000;
     margin: 30px 0 0;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.downloads {
     margin: 30px 0 0;
}

.downloads__link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-style: normal;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: left;
     color: #585858;
     padding: 20px 24px;
     margin: 0 0 16px;
     background: #f7f7f7;
     border: 1px solid #f0f3f9;
     border-radius: 5px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.downloads__link>svg {
     margin: 0 0 0 20px;
}

.downloads__link:hover {
     border: 1px solid #ff1d1b;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.faq-info {
     justify-content: space-between;
}

.faq-info__faq {
     width: 50%;
}

.faq-info__img {
     width: 48%;
}

.faq-accordion {
     margin: 0 0 40px;
}

.faq-accordion-item {
     margin: 0 0 17px 0;
}

.faq-accordion-item__title {
     width: 100%;
     position: relative;
     padding: 13px 35px 13px 24px;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #000000;
     background: rgba(255, 255, 255, 0.6100000143051147);
     border: 1px solid #f4f4f4;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.faq-accordion-item__title::after {
     content: ' + ';
     color: #8B8D8F;
     position: absolute;
     top: 12px;
     right: 20px
}

.faq-accordion-item__content {
     display: none;
     padding: 26px 24px 30px;
     color: #6d6d6d;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 23px;
}

.faq-accordion-item__title.is-open {
     background: #e30613;
     color: #fff;
}

.faq-accordion-item__title.is-open::after {
     content: " - ";
     color: #fff;
}

.faq-accordion-item__title.is-open+.faq-accordion-item__content {
     display: block;
}

.vacancies__link {
     justify-content: space-between;
     padding: 29px 25px 15px;
     margin: 0 0 35px;
     background: rgba(253, 251, 251, 0.5);
     border-radius: 10px;
     box-shadow: 0px 8px 24px rgba(200, 200, 200, 0.20);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.vacancies__contnet {
     width: 73%;
     padding: 0 25px 0 0;
}

.vacancies__title {
     width: 100%;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 25px;
     text-align: left;
     color: #000000;
     padding: 0 0 13px;
     border-bottom: 1px solid #FEFCFC;
     margin: 0 0 22px;
}

.vacancies__des {
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 24px;
     text-align: left;
     color: #1a1a1a;
     padding: 0 0 25px;
}

.vacancies__footer {
     width: 25%;
     align-items: center;
     align-content: flex-start;
     justify-content: flex-end;
}

.vacancies-text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
     text-align: center;
     color: #ffffff;
     padding: 6px 13px;
     margin: 8px 6px 8px 0;
     height: fit-content;
     background: #E30613;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.vacancies-text:last-child {
     margin: 6px 6px 6px 0;
}

.modal-calculator-bg {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 55;
     height: 100vh;
     padding: 15px;
     overflow-y: auto;
     background: rgba(28, 27, 27, 0.019999999552965164);
     backdrop-filter: blur(22px);
}

.modal-calculator-bg::-webkit-scrollbar {
     width: 5px;
}

.modal-calculator-bg::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.modal-calculator-bg::-webkit-scrollbar-thumb {
     background: #000000;
}

.modal-close-btn {
     display: none;
}

.modal-centered {
     display: flex;
     align-items: center;
     margin: 0 auto 30px;
     min-height: 100%;
}

.modal-login-centered {
     max-width: 535px;
     width: 100%;
}

.curved-line-container {
     position: relative;
}

.curved-line {
     width: 100%;
     height: 100%;
     padding: 0 40px;
     position: absolute;
     top: 80px;
     left: 0;
     right: 0;
     margin: 0 auto;
     overflow: hidden;
}

.curved-line>svg {
     height: 94%;
     fill: none;
     stroke: #E1E1E1;
}

#curvedLinePath {
     fill: none;
     stroke: #E30613;
     stroke-width: 2px;
}

.required::after {
     content: ' *';
     color: #e30613;
}

sub {
     vertical-align: baseline;
     font-size: 12px;
}

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

.flex {
     display: flex !important;
}

.overflow-hidden {
     overflow-y: hidden !important;
}

.full-width {
     width: 100% !important;
}

.clear-both {
     clear: both;
}

.editor ul,
ol {
     padding: revert;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

/* Firefox */
input[type=number] {
     -moz-appearance: textfield;
}





/* ------ RESPONSIVE ------ */

@media all and (max-width: 1500px) {
     .container {
          max-width: 100%;
          padding: 0 30px;
     }

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

     .header-menu__item {
          padding: 10px;
     }

     footer {
          padding: 40px 0 30px;
     }

     .footer-contact__link {
          font-size: 16px;
     }

     .main-slide-info {
          top: 40px;
     }

     .main-slide-info__text {
          font-size: 30px;
     }

     .main-slide-info__title {
          font-size: 45px;
     }

     .main-slide-btn {
          position: absolute;
          bottom: 30px;
     }

     .brend-slide,
     .services-slide,
     .gallery-card-container,
     .question-section {
          padding: 40px 0;
     }

     .about-us {
          margin: 80px 0;
     }

     .calculator-content {
          margin: 40px 0 0;
     }

     .services-page-content__item {
          padding: 0 0 80px;
     }

     #animationImg1,
     #animationImg2 {
          max-width: 100px;
     }

     #animationImg3,
     #animationImg4,
     #animationImg5 {
          max-width: 150px;
     }

     .about-us-item-bg {
          padding: 60px 0;
     }
}

@media all and (max-width: 1366px) {

     #animationImg1,
     #animationImg2 {
          max-width: 90px;
     }

     #animationImg3,
     #animationImg4,
     #animationImg5 {
          max-width: 138px;
     }

     #animationImg4.active {
          left: 250px;
     }

     .portfolio__item:first-child {
          width: 28%;
     }

     .portfolio__item {
          width: 70%;
     }
}

@media all and (max-width: 1280px) {
     .curved-line {
          display: none;
     }

     #animationImg1,
     #animationImg2 {
          max-width: 85px;
     }

     #animationImg3,
     #animationImg4,
     #animationImg5 {
          max-width: 125px;
     }

     #animationImg4.active {
          left: 240px;
     }

    .main-slide-info__text {
        max-width: 760px;
    }
}

@media all and (max-width: 1199px) {

     .header-menu-burger,
     .menu-burger-close {
          display: block;
     }

     .header-menu-burger {
          margin: 0 8px 0 25px;
     }

     .menu-burger-close {
          position: absolute;
          top: 22px;
          left: 25px;
     }

     .navigation {
          visibility: hidden;
          position: fixed;
          padding: 20px 30px;
          top: 0;
          width: 100%;
          right: 100%;
          z-index: 20;
          flex-direction: column;
          align-items: flex-end;
          background: url('/image/nav-logo-bg.png') no-repeat 93% 95%;
          background-size: auto;
          background-color: #ffffff;
          height: 100vh;
          overflow-y: auto;
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .navigation.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .navigation::-webkit-scrollbar {
          width: 6px;
     }

     .navigation::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #efefef;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
     }

     .navigation::-webkit-scrollbar-thumb {
          background: #000000;
     }

    .language-group__btn{
        display: none;
    }

     .header-menu {
          display: flex;
          align-items: flex-end;
          flex-direction: column;
          margin: 0;
          padding: 0;
     }

     .header-menu__item {
          margin: 10px 0;
          padding: 10px 0;
     }

     .header-menu__link {
          color: #181a1e;
     }

     .language-group__title {
          display: none;
     }

     .language-selcet {
          position: static;
          display: flex;
          align-items: center;
          background: transparent;
          box-shadow: none;
          margin: 0 0 25px;
     }

     .language-selcet__link {
          margin: 0 0 0 24px;
     }

    .header-menu__link>svg{
        display: none;
    }

     .about-us-info__item {
          padding: 15px 20px;
     }

     .about-us-info__title {
          font-size: 17px;
     }

     .about-us-info__number {
          font-size: 30px;
     }

     .calculator-content__item:first-child,
     .services-item-info__item:first-child {
          width: 55%;
     }

     .calculator-content__item,
     .services-item-info__item {
          width: 42%;
     }

     .gallery-card {
          gap: 22px;
     }

     .question-content__title {
          font-size: 49px;
     }

     .question-content__text {
          font-size: 30px;
          margin: 0 25px 0 50px;
     }

     #animationImg1,
     #animationImg2 {
          max-width: 70px;
     }

     #animationImg3,
     #animationImg4,
     #animationImg5 {
          max-width: 110px;
     }

     #animationImg3.active {
          left: 70px;
     }

     #animationImg4.active {
          left: 210px;
     }

     .portfolio__item:first-child,
     .portfolio__item {
          width: 100%;
     }

     .portfolio-filter-btn,
     .portfolio-aside__close-btn {
          display: flex;
     }

     .portfolio-aside-bg {
          visibility: hidden;
          position: fixed;
          padding: 20px 15px;
          top: 0;
          left: auto;
          width: 100%;
          right: 100%;
          z-index: 52;
          height: 100vh;
          align-content: center;
          overflow-y: auto;
          background: rgba(28, 27, 27, 0.019999999552965164);
          backdrop-filter: blur(22px);
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .portfolio-aside-bg.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .portfolio-aside {
          max-width: 340px;
          width: 100%;
          margin: auto;
     }

     .portfolio-aside__header>svg {
          display: none;
     }

     .contact-us-page-info-contacts {
          width: 35%;
          padding: 25px 20px;
     }

     .contact-us-page-info-form,
     .contact-us-page-info__text {
          width: 62%;
     }
}

@media all and (max-width: 1024px) {
     .footer-row__item {
          width: 50%;
     }

     .social-media-icon-row {
          justify-content: flex-start;
     }

     .social-media-icon-item {
          width: 51px;
          height: 51px;
          padding: 10px;
     }

     .footer-contact {
          padding: 8px 15px;
     }

     .footer-contact__item:first-child {
          width: 100%;
          border-bottom: 1px solid #474747;
     }

     .footer-contact__item {
          width: 33.333%;
          padding: 20px 15px;
     }

     .main-slide-info {
          width: 85%;
     }

     .main-slide__item>img {
          height: 88vh;
          object-fit: cover;
     }

     .brend-slide,
     .services-slide,
     .gallery-card-container,
     .question-section {
          padding: 36px 0;
     }

     .main-title {
          font-size: 25px;
          padding: 8px 20px;
     }

     .about-us-section,
     .calculator-section,
     .gallery-section,
     .blog-section {
          padding: 38px 0;
     }

     .about-us {
          margin: 45px 0;
     }

     .services-card__link {
          padding: 20px 20px 65px;
     }

     .services-card__icon {
          width: 69px;
          height: 69px;
     }

     .services-card__title {
          margin: 22px 0;
     }

     .services-card__text {
          margin: 0 0 40px;
     }

     .services-section {
          padding: 38px 0 0;
     }

     .calculator-content {
          margin: 30px 0 0;
     }

     .calculator-content__item:first-child,
     .calculator-content__item,
     .services-item-info__item:first-child,
     .services-item-info__item,
     .services-item-info__des{
          width: 100%;
     }

     .calculator-content__item:first-child {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: space-between;
     }

     .calculator-content__des,
     .calculator-content__img {
          margin: 0;
          width: 49%;
     }

     .calculator-form {
          margin: 38px 0 0;
          padding: 35px 20px 30px;
     }

     .calculator-form>.main-form__item {
          width: 50%;
          padding: 0 8px;
     }

     .gallery-card {
          gap: 18px;
          grid-template-columns: repeat(3, auto);
     }

     .gallery-card__item:nth-child(1) {
          order: 1;
     }

     .gallery-card__item:nth-child(2) {
          order: 2;
     }

     .gallery-card__item:nth-child(3) {
          order: 3;
     }

     .gallery-card__item:nth-child(4) {
          order: 5;
     }

     .gallery-card__item:nth-child(5) {
          order: 4;
     }

     .gallery-card__item:nth-child(6) {
          order: 7;
          display: none;
     }

     .gallery-card__item:nth-child(7) {
          order: 6;

     }

     .gallery-card__item:nth-child(8) {
          order: 8;
          display: none;
     }

     .blog-card,
     .information-sub-card {
          margin: 35px -6px 0;
     }

     .blog-card__item,
     .information-sub-card__item {
          padding: 6px;
     }

     .blog-card__title {
          font-size: 18px;
     }

     .page-title {
          font-size: 22px;
          margin: 0 0 22px;
     }

     .page-title>svg {
          width: 20px;
          height: 20px;
     }

     .services-page-content__item {
          padding: 0 0 47px;
     }

     .services-page-content__des {
          width: 100%;
          margin: 0 0 35px;
     }

     .services-page-content__img {
          margin: 0 0 0 auto;
          width: 68%;
     }

     .services-page-content__title {
          font-size: 18px;
          margin: 0 0 20px;
     }

     .services-page-content__item:nth-child(even) .services-page-content__img {
          margin: 0 auto 0 0;
     }

     .services-page-content__img>img:first-child,
     .services-page-content__img_anim {
          display: none;
     }

     .services-page-img {
          display: block;
     }

     .sarvices-page-item-img {
          width: 22px;
     }

     .services-suggest {
          margin: 35px 0 30px;
     }

     .services-item-info__img {
          width: 70%;
     }

     .services-suggest__link {
          line-height: normal;
     }

     .services-item-info {
          padding: 0 0 40px;
     }

     .portfolio-aside__title {
          font-size: 20px;
     }

     .portfolio-gallery {
          gap: 18px;
     }

     .about-us-item-bg {
          padding: 40px 0;
     }

     .about-us-item__title {
          font-size: 30px;
          margin: 0 0 28px;
     }

     .about-us-item__img {
          width: 50%;
          margin: 0 0 15px 26px;
     }

     .about-us-item-bg:nth-child(even) .about-us-item>.about-us-item__img {
          margin: 0 26px 15px 0;
     }

     .contact-us-page-info__logo {
          max-width: 208px;
     }

     .contact-us-page-info-contacts,
     .contact-us-page-info-form,
     .contact-us-page-info__text {
          width: 100%;
     }

     .contact-us-page-info-contacts {
          margin: 0 0 28px;
     }

     .contact-us-page-info-contacts__link {
          font-size: 20px;
     }

     .contact-us-form>.main-form__item {
          width: 33.333%;
     }

     .blog-page-item-date {
          margin: 0 0 10px;
     }

     .blog-page-item__img,
     .information-page-info__img {
          margin: 0 25px 10px 0;
     }

     .faq-info__faq {
          width: 100%;
     }

     .faq-info__img {
          width: 65%;
     }

     .vacancies__link {
          padding: 12px 22px;
          margin: 0 0 22px;
     }

     .vacancies__title {
          margin: 0 0 10px;
     }

     .vacancies__contnet,
     .vacancies__footer {
          width: 100%;
          justify-content: flex-start;
     }

     .vacancies__des {
          padding: 0 0 15px;
     }
}

@media all and (max-width: 767px) {
     .header-logo {
          max-width: 150px;
     }

     main {
          padding-top: 77px;
     }

     .main-btn-container>svg {
          width: 45px;
          height: 45px;
     }

     .main-btn {
          padding: 7px 15px 7px 55px;
     }

     .header-menu-burger>svg,
     .calculator-btn-container>svg,
     .menu-burger-close>svg,
     .modal-close-btn>svg {
          width: 34px;
          height: 34px;
     }

     .calculator-btn {
          padding: 5px 13px 5px 36px;
          font-size: 16px;
     }

     .footer-contact__item {
          width: 50%;
     }

     .footer-contact__item:nth-child(3) {
          border: none;
     }

     .footer-contact__item:nth-child(2),
     .footer-contact__item:nth-child(3) {
          border-bottom: 1px solid #474747;
     }

     .main-slide-info {
          width: 95%;
     }

     .brend-slide,
     .services-slide,
     .gallery-card-container,
     .question-section {
          padding: 28px 0;
     }

     .about-us-section {
          background-position: 50% 72%;
     }

     .about-us__img {
          margin: 0 25px 10px 0;
     }

     .about-us__logo {
          max-width: 180px;
          margin: 0 0 25px;
     }

     .about-us-info {
          border: none;
          background: unset;
     }

     .about-us-info__item {
          width: 50%;
          background: #3c4142;
          border: 1px solid #383d3f;
          margin: 0 0 12px;
     }

     .calculator-content {
          margin: 25px 0 0;
     }

     .blog-card,
     .information-sub-card {
          margin: 25px -6px 0;
     }

     .blog-card__item,
     .information-sub-card__item {
          width: 50%;
          padding: 6px 6px 10px;
     }

     .question-content__title {
          font-size: 36px;
     }

     .question-content__title>svg {
          width: 20px;
          height: 20px;
     }

     .question-content__text {
          font-size: 20px;
          margin: 0 15px 0 30px;
     }

     .services-suggest {
          margin: 25px 0;
          padding: 22px 10px 10px;
     }

     .services-suggest__title {
          font-size: 20px;
          margin: 0 0 35px;
     }

     .services-type-filter {
          padding: 0 0 30px;
     }

     .services-type-filter__btn {
          font-size: 16px;
          margin: 0 7px 18px 0;
          padding: 4px 10px;
     }

     .services-type-filter__btn>svg {
          width: 8px;
          margin: 0 5px 0 0;
     }

     .services-suggest__link {
          font-size: 18px;
          margin: 0 0 15px;
     }

     .services-item-info {
          padding: 0 0 28px;
     }

     .about-us-page-text {
          margin: 0 0 30px;
     }

     .about-us-item-bg {
          padding: 35px 0;
     }

     .contact-us-page-info-map {
          margin: 30px 0 0;
     }

     .information-sub-card__title {
          margin: 25px 0 0;
     }

     .modal-calculator {
          position: relative;
     }

     .modal-close-btn {
          display: block;
          position: absolute;
          top: 15px;
          right: 10px;
     }
}

@media all and (max-width: 575px) {
     header {
          padding: 12px 0;
     }

     .container {
          padding: 0 15px;
     }

     .navigation {
          padding: 20px 15px;
          background-position: 80% 95%;
          background-size: 80%;
     }

     .menu-burger-close {
          top: 20px;
          left: 15px;
     }

     .header-menu__item {
          margin: 4px 0;
     }

     main {
          padding-top: 71px;
     }

     footer {
          padding: 22px 0;
     }

     .footer-row__item {
          width: 100%;
          margin-bottom: 30px;
     }

     .social-media-icon-row {
          padding: 0;
     }

     .social-media-icon-item {
          width: 44px;
          height: 44px;
     }

     .footer-contact__item {
          width: 100%;
          padding: 20px 0;
     }

     .footer-contact__item:first-child {
          border: none;
     }

     .footer-contact__item:nth-child(2),
     .footer-contact__item:nth-child(3) {
          border: none;
          border-bottom: 1px solid #474747;
     }

     .main-slide-info {
          top: 20px;
          padding: 15px;
     }

     .main-slide-info__text {
          font-size: 25px;
     }

     .main-slide-info__title {
          font-size: 35px;
     }

     .main-slide-btn {
          bottom: 20px;
     }

     .main-title {
          font-size: 20px;
          padding: 7px 18px;
     }

     .main-title>svg {
          width: 19px;
          height: 19px;
     }

     .about-us-section,
     .calculator-section,
     .gallery-section,
     .blog-section {
          padding: 28px 0;
     }

     .about-us {
          margin: 30px 0 45px;
     }

     .about-us__img {
          width: 100%;
          margin: 0 0 20px;
     }

     .about-us-info {
          border: none;
          background: unset;
     }

     .about-us-info__item,
     .calculator-content__des,
     .calculator-content__img,
     .calculator-form>.main-form__item,
     .print-type__item {
          width: 100%;
     }

     .services-section {
          padding: 27px 0 0;
     }

     .calculator-content__img {
          margin: 30px 0 0;
     }

     .calculator-form {
          margin: 25px 0 0;
          padding: 35px 10px 25px;
     }

     .print-type__item:first-child {
          margin: 0 0 19px;
     }

     .gallery-card {
          gap: 13px;
          grid-template-columns: repeat(2, auto);
     }

     .gallery-card__item:nth-child(1) {
          order: 1;
     }

     .gallery-card__item:nth-child(2) {
          order: 2;
     }

     .gallery-card__item:nth-child(3) {
          order: 3;
     }

     .gallery-card__item:nth-child(4) {
          order: 4;
     }

     .gallery-card__item:nth-child(5) {
          order: 5;
     }

     .gallery-card__item:nth-child(6) {
          order: 7;
          display: block;
     }

     .gallery-card__item:nth-child(7) {
          order: 6;
     }

     .gallery-card__item:nth-child(8) {
          order: 8;
          display: block;
     }

     .carousel__button.is-prev,
     .carousel__button.is-next {
          top: 53%;
     }

     .blog-card__date {
          margin: 10px 0;
     }

     .bread-crumbs {
          margin: 10px 0 5px;
     }

     .page-title {
          margin: 0 0 20px;
     }

     .services-page-content__item {
          padding: 0 0 38px;
     }

     .services-page-content__img,
     .services-item-info__img {
          width: 100%;
     }

     .services-page-content__title {
          margin: 0 0 15px;
     }

     .portfolio-filter-btn {
          font-size: 16px;
          padding: 3px 6px;
     }

     .portfolio-filter-btn>svg {
          width: 25px;
          height: 25px;
     }

     .portfolio-gallery {
          gap: 13px;
          grid-template-columns: repeat(2, auto);
     }

     .about-us-page-text {
          font-size: 20px;
          margin: 0 0 20px;
     }

     .about-us-item__title {
          font-size: 22px;
     }

     .about-us-item__img,
     .about-us-item-bg:nth-child(even) .about-us-item>.about-us-item__img {
          width: 100%;
          margin: 0 0 25px;
     }

     .contact-us-page-info__logo {
          max-width: 190px;
     }

     .contact-us-page-info-contacts {
          padding: 22px 15px;
     }

     .contact-us-page-info-contacts__item {
          margin: 0 0 15px;
     }

     .contact-us-form>.main-form__item {
          width: 100%;
     }

     .contact-us-page-info-form {
          padding: 35px 15px 30px;
     }

     .contact-us-page-info-contacts__link {
          font-size: 18px;
     }

     .blog-page-item__img,
     .information-page-info__img {
          width: 100%;
          margin: 0 0 25px;
     }

     .downloads__link {
          padding: 18px 15px;
          font-size: 15px;
     }

     .faq-accordion {
          margin: 0 0 30px;
     }

     .faq-info__img {
          display: none;
          width: 100%;
     }

     .faq-accordion-item {
          margin: 0 0 13px;
     }

     .faq-accordion-item__title {
          padding: 13px 35px 13px 17px;
     }

     .faq-accordion-item__content {
          padding: 20px 17px;
     }

     .vacancies__link {
          margin: 0 0 20px;
     }
}

@media all and (max-width: 420px) {

     .blog-card__item,
     .information-sub-card__item {
          width: 100%;
     }
}

@media all and (max-width: 374px) {
     .question-content__title {
          font-size: 30px;
     }

     .question-content__text {
          font-size: 18px;
     }

     .vacancies-text {
          font-size: 13px;
     }
}