File: /home/region-gk.ru/data/www/region-gk.ru/wp-content/themes/region/css/style.min.css
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
max-width: 100%;
background: #fff;
font-family: Montserrat;
color: #000;
font-weight: 500;
overflow-x: hidden;
}
h1 {
margin: 0;
}
button {
cursor: pointer;
border: none;
}
input {
cursor: pointer;
}
.container {
max-width: 1250px;
padding: 0 15px;
margin: 0 auto;
}
@media (max-width: 1249px) {
.container {
max-width: 768px;
padding: 0 15px;
}
}
@media (max-width: 767px) {
.container {
max-width: 310px;
padding: 0 15px;
}
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0 25px 0;
}
.header__logo {
width: 178px;
height: 56px;
margin-right: 40px;
}
.header__logo-img {
max-width: 100%;
}
.header__logo-link {
text-decoration: none;
}
.header__descr {
max-width: 300px;
font-family: 'Montserrat';
font-weight: 600;
font-size: 17px;
line-height: 23px;
margin-right: 40px;
}
.header__mail {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
margin-right: 40px;
}
.header__mail span {
display: block;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
margin-bottom: 5px;
}
.header__mail a {
color: #17181b;
text-decoration: none;
}
.header__mail a:hover {
text-decoration: underline;
}
.header__contact {
width: 157px;
}
.header__phone {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
margin-bottom: 5px;
}
.header__phone a {
color: #17181b;
text-decoration: none;
}
.header__phone a:hover {
text-decoration: underline;
}
.header__contact-btn {
background-color: inherit;
padding: 0;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #1e3790;
text-decoration: underline;
}
.header__contact-btn:hover {
color: #1b5da6;
}
.header__btn {
border: 1px solid #1e3790;
width: 263px;
height: 56px;
background-color: inherit;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
margin-left: auto;
}
.header__btn:hover {
background-color: #eff3ff;
}
.header__bottom {
background-color: #eff3ff;
}
.header__bottom .container {
position: relative;
}
.header__mobile-btn {
display: none;
}
.header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 204px;
height: 56px;
margin-right: 50px;
}
.header__catalog-close {
display: none;
}
.header__catalog-btn {
width: 100%;
height: 100%;
position: relative;
background-color: #1e3790;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
}
.header__catalog-btn:before {
content: '';
position: absolute;
top: 18px;
left: 30px;
background-image: url(../icon/catalog.svg);
background-repeat: no-repeat;
width: 18px;
height: 18px;
}
.header__catalog-btn:hover {
opacity: 0.9;
}
.header__catalog-list {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
top: 56px;
left: 15px;
max-width: 1155px;
background-color: #1e3790;
list-style: none;
padding: 0;
margin: 0;
padding: 40px 18px 0 40px;
z-index: 5;
cursor: auto;
}
.header__catalog-list_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__catalog-item {
max-width: 240px;
width: 100%;
margin-bottom: 40px;
}
.header__catalog-item_col {
max-width: 525px;
}
.header__catalog-item a {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 130%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.header__catalog-item a:hover {
color: #f3490e;
}
.header__catalog-sublist {
padding: 0;
margin: 0;
margin-top: 20px;
}
.header__catalog-sublist_col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.header__catalog-subitem {
max-width: 240px;
list-style: none;
margin: 0;
padding: 0;
}
.header__catalog-subitem:not(:last-child) {
margin-bottom: 15px;
}
.header__catalog-subitem a {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 140%;
color: #fff;
opacity: 0.7;
text-transform: none;
}
.header__catalog-subitem a:hover {
opacity: 1;
}
@media (max-width: 1249px) {
.header__catalog-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
right: 15px;
}
.header__catalog-item {
max-width: 100%;
width: 50%;
}
.header__catalog-item_col {
max-width: 100%;
}
.header__catalog-sublist_col {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__logo {
margin-right: unset;
}
.header__descr {
display: none;
}
.header__mail {
font-size: 14px;
margin-right: unset;
}
.header__contact-btn {
font-size: 15px;
}
.header__phone {
font-size: 14px;
}
.header__btn {
width: 170px;
font-size: 15px;
margin-left: unset;
}
.header__mobile-btn {
display: block;
width: 40px;
height: 40px;
border: 1px solid #1e3790;
background-color: transparent;
padding: 10px;
}
.header__mobile-btn span {
display: block;
width: 20px;
height: 3px;
background: #1e3790;
margin-bottom: 4px;
}
.header__mobile-btn span:last-child {
margin-bottom: unset;
}
.header__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__catalog {
width: 300px;
}
}
@media (max-width: 767px) {
.header__top {
padding: 15px 0;
}
.header__logo {
width: 130px;
height: 41px;
}
.header__logo-img {
width: 130px;
height: 41px;
}
.header__logo-link {
width: 130px;
height: 41px;
display: block;
}
.header__mail {
display: none;
}
.header__phone {
display: none;
}
.header__contact {
width: 40px;
margin-right: 55px;
}
.header__contact_mobile {
display: block;
}
.header__contact_mobile .header__phone {
display: none;
}
.header__contact-btn_mobile {
font-size: 0;
background-color: #1e3790;
width: 40px;
height: 40px;
background-image: url(../icon/call-mobile.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
}
.header__btn {
display: none;
}
.header__bottom {
background-color: #1e3790;
z-index: 2;
}
.header__bottom_mobile {
position: absolute;
top: 0;
width: 100vw;
height: 100vh;
}
.header__bottom_mobile .container {
max-width: 100%;
padding: 0;
}
.header__bottom_mobile .header__catalog {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header__bottom_mobile .header__catalog-btn {
padding-top: 20px;
padding-bottom: 20px;
outline: 0;
}
.header__bottom_mobile .header__catalog-btn:before {
top: 20px;
left: 120px;
}
.header__bottom_mobile .header__catalog-close {
display: block;
z-index: 1;
}
.header__bottom_mobile .header__catalog-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__inner {
position: static;
}
.header__mobile-btn {
position: absolute;
top: -55px;
right: 0;
}
.header__catalog {
margin-right: auto;
width: 100%;
}
.header__catalog-close {
background: 0 0;
background-image: url(../icon/arrow-catalog-mobile.svg);
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: absolute;
left: 33px;
top: 24px;
}
.header__catalog_mobile {
height: auto;
padding-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header__catalog-btn {
font-size: 14px;
}
.header__catalog-btn:before {
content: '';
width: 16px;
height: 16px;
left: 70px;
top: 18px;
}
.header__catalog-btn_mobile {
padding-bottom: 20px;
}
.header__catalog-list {
position: static;
border-top: 1px solid #fff;
padding: 0;
padding-top: 40px;
padding-left: 20px;
}
.header__catalog-item {
width: 100%;
margin-bottom: 30px;
}
.header__catalog-item > a {
font-size: 14px;
position: relative;
}
.header__catalog-item > a:after {
content: '';
position: absolute;
background-image: url(../icon/catalog-arrow-down.svg);
background-repeat: no-repeat;
width: 9px;
height: 5px;
right: -16px;
top: 6px;
}
.header__catalog-item_active > a:after {
content: '';
background-image: url(../icon/catalog-arrow-top.svg);
}
.header__catalog-item_active .header__catalog-sublist {
display: block;
}
.header__catalog-sublist {
display: none;
}
.header__catalog-subitem a {
font-size: 16px;
opacity: 1;
}
}
.menu {
height: 56px;
padding-top: 18px;
}
.menu__mobile {
display: none;
}
.menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
.menu__list-item {
font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #17181b;
margin-right: 40px;
}
.menu__list-item:hover {
color: #f3490e;
}
.menu__list-link {
text-decoration: none;
color: inherit;
}
@media (max-width: 1249px) {
.menu {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
z-index: 3;
top: 0;
padding: 0;
width: 100vw;
margin-left: calc(-50vw + 50%);
right: 0;
height: 100vh;
background: #1e3790;
}
.menu__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 30px;
padding-top: 20px;
border-bottom: 1px solid #fff;
padding-bottom: 17px;
}
.menu__mobile button {
background: 0 0;
background-image: url(../icon/menu-close.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
border: 0;
width: 40px;
height: 40px;
}
.menu__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
margin-top: 30px;
padding: 10px 10px;
}
.menu__list-item {
padding: 0 20px;
margin-bottom: 30px;
font-family: Montserrat;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #eff3ff;
}
}
@media (max-width: 767px) {
.menu__list-item {
font-size: 15px;
}
}
.slider {
padding: 80px 0 100px 0;
background-color: #1b5da6;
background-image: url(../img/slider-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.slider_certificates {
background-color: transparent;
background-image: none;
padding: 100px 0 100px 0;
}
.slider_bytovki {
padding: 50px 0 100px 0;
}
.slider .container {
position: relative;
}
.slider__title {
font-family: 'Open Sans';
color: #fff;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
margin-bottom: 60px;
}
.slider__title_certificates {
color: #17181b;
}
.slider__title br {
display: none;
}
.slider__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 100px;
overflow-x: hidden;
}
.slider__list_certificates {
padding: 0;
margin-bottom: 50px;
}
.slider__list_bytovki {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 25px;
text-align: center;
}
.slider__slide {
width: 386px;
position: relative;
}
.slider__slide_certificates {
width: 250px;
background-image: url(../img/pink-ellipse.png);
background-repeat: no-repeat;
background-position: center;
}
.slider__slide_bytovki {
width: 360px;
}
.slider__img_certificates {
display: block;
margin: 0 auto;
}
.slider__img_bytovki {
max-width: 100%;
height: auto;
object-fit: cover;
}
.slider__descr {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
padding-top: 25px;
padding-left: 40px;
min-height: 172px;
width: 346px;
background-color: #fff;
background-image: url(../img/gallery-elipse.png);
background-repeat: no-repeat;
background-position: top left;
}
.slider__name {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #17181b;
margin-bottom: 10px;
height: 50px;
}
.slider__text {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.slider__prev {
position: absolute;
top: calc(50% - 25px);
left: -45px;
background: #fff;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
background-image: url(../icon/arrow-slider.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
z-index: 1;
}
.slider__prev:hover {
opacity: 1;
background-color: #fff;
}
.slider__prev_certificates {
top: calc(50% - 10px);
left: -45px;
background-color: #1e3790;
background-image: url(../icon/arrow-next-white.svg);
opacity: 0.2;
}
.slider__prev_certificates:hover {
background-color: #1e3790;
}
.slider__next {
position: absolute;
top: calc(50% - 25px);
right: -45px;
background: #fff;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
background-image: url(../icon/arrow-right-blue.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
z-index: 1;
}
.slider__next:hover {
opacity: 1;
background-color: #fff;
}
.slider__next_certificates {
top: calc(50% - 10px);
right: -45px;
background-color: #1e3790;
background-image: url(../icon/arrow-prev-white.svg);
opacity: 0.2;
}
.slider__next_certificates:hover {
background-color: #1e3790;
}
.slider__nav {
margin: 0 auto;
}
.slider__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
}
.slider .swiper-pagination-bullet,
.slider__dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
opacity: 1;
margin: 0 9px;
}
.slider .swiper-pagination-bullet_active,
.slider__dot_active {
width: 40px;
height: 10px;
background-color: #1e3790;
border-radius: 6px;
}
.slider .swiper-pagination-bullet_certificates,
.slider__dot_certificates {
background-color: #eff3ff;
}
.slider .swiper-pagination-bullet-active {
width: 40px;
height: 10px;
background-color: #1e3790;
border-radius: 6px;
}
@media (max-width: 1249px) {
.slider {
padding: 50px 0 70px 0;
background-image: unset;
}
.slider__title {
font-size: 24px;
text-align: center;
margin-bottom: 30px;
}
.slider__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 40px;
}
.slider__list_certificates {
margin-bottom: 30px;
}
.slider__slide {
width: 260px;
height: 278px;
text-align: center;
}
.slider__slide_certificates {
width: 180px;
height: 193px;
background-size: 180px 180px;
}
.slider__slide_bytovki {
width: 100%;
height: auto;
}
.slider__img {
width: 260px;
height: 278px;
}
.slider__img_certificates {
width: 142px;
height: 193px;
}
.slider__img_bytovki {
width: 100%;
height: 250px;
}
.slider__descr {
text-align: left;
width: 242px;
min-height: 98px;
padding-top: 13px;
padding-left: 14px;
}
.slider__name {
font-size: 15px;
margin-bottom: 10px;
}
.slider__text {
font-size: 14px;
}
.slider__prev {
top: 200px;
left: 20px;
}
.slider__prev_certificates {
top: 130px;
left: 40px;
}
.slider__next {
top: 200px;
right: 20px;
}
.slider__next_certificates {
top: 130px;
right: 40px;
}
}
@media (max-width: 767px) {
.slider {
padding: 50px 0;
overflow-x: hidden;
}
.slider_bytovki {
padding-top: 0;
}
.slider__img_bytovki {
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.slider__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 35px;
text-align: left;
}
.slider__title br {
display: block;
}
.slider__list {
margin: 0;
overflow-x: inherit;
}
.slider__list_certificates {
margin-bottom: 30px;
}
.slider__prev {
display: none;
}
.slider__next {
display: none;
}
}
.text_sandwich {
padding-bottom: 50px;
}
.text__inner {
padding-top: 140px;
}
.text__title {
font-family: 'Open Sans';
font-weight: 700;
font-size: 30px;
color: #17181b;
max-width: 780px;
margin-bottom: 40px;
}
.text__title_cost {
margin-bottom: 60px;
}
.text__list {
list-style: none;
margin: 0;
padding: 0;
max-width: 780px;
margin-bottom: 15px;
}
.text__list_cost {
margin-bottom: 50px;
}
.text__item {
position: relative;
margin-bottom: 25px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #17181b;
padding-left: 12px;
}
.text__item:before {
content: '';
width: 6px;
height: 6px;
background-color: #17181b;
border-radius: 100%;
left: 0;
top: 8px;
position: absolute;
}
.text__item_cost {
margin-bottom: 20px;
}
.text__subtitle {
font-family: Montserrat;
font-weight: 500;
font-size: 18px;
color: #575757;
margin-bottom: 25px;
}
.text__subtitle_cost {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #17181b;
}
.text__descr {
font-family: Montserrat;
font-weight: 500;
font-size: 18px;
color: #575757;
max-width: 650px;
margin-bottom: 60px;
}
.text__descr_sandwich {
color: #17181b;
max-width: 665px;
line-height: 140%;
margin-bottom: 30px;
}
.text__descr_sandwich span {
font-weight: 700;
}
.text__descr_cost {
max-width: 900px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #17181b;
margin-bottom: 50px;
}
.text__btn {
position: relative;
width: 234px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #fff;
padding-left: 30px;
}
.text__btn:before {
content: '';
position: absolute;
background-image: url(../icon/download-price.svg);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 18px;
left: 20px;
top: 18px;
}
.text__btn:hover {
background-color: #ff4e10;
}
@media (max-width: 1249px) {
.text_sandwich {
padding-bottom: 20px;
}
.text__inner {
padding-top: 70px;
background-position-x: 400px;
background-position-y: 30px;
}
.text__title {
width: 600px;
font-size: 24px;
margin-bottom: 30px;
}
.text__subtitle {
font-size: 17px;
margin-bottom: 15px;
}
.text__descr {
font-size: 17px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.text {
background-image: url(../img/text-bc.png);
background-repeat: no-repeat;
background-size: 447px 206px;
background-position-y: 45px;
background-position-x: 168px;
}
.text_cost {
background-image: none;
background-image: url(../img/text-cost.png);
background-repeat: no-repeat;
background-size: 207px 447px;
background-position-y: 126px;
background-position-x: 262px;
}
.text_sandwich {
padding-bottom: 0;
}
.text__inner {
padding: 90px 0 35px 0;
}
.text__inner_cost {
padding: 50px 0;
background-image: none;
}
.text__inner_bytovki {
padding-top: 50px;
}
.text__title {
font-size: 18px;
max-width: 280px;
line-height: 130%;
}
.text__list {
max-width: 100%;
}
.text__list_cost {
margin-bottom: 0;
}
.text__item {
font-size: 14px;
padding-left: 10px;
margin-bottom: 14px;
}
.text__item:before {
content: '';
width: 5px;
height: 5px;
border-radius: 100%;
}
.text__subtitle {
font-size: 14px;
line-height: 140%;
}
.text__descr {
font-size: 14px;
line-height: 140%;
width: 280px;
}
.text__descr_sandwich {
display: none;
}
.text__descr_cost {
display: block;
margin-bottom: 25px;
}
.text__btn {
display: none;
}
}
.range {
padding-bottom: 100px;
}
.range__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.range__item {
margin-bottom: 20px;
padding-top: 50px;
padding-left: 70px;
position: relative;
}
.range__item_box-1 {
width: 599px;
margin-right: 20px;
background-color: #d15b41;
background-image: url(../img/box-1.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-1:hover {
/*background: #d15b41;*/
}
.range__item_box-1 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-2 {
width: 599px;
background-color: #1b5da6;
background-image: url(../img/box-2.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-2:hover {
/*background: #1b5da6;*/
}
.range__item_box-3 {
width: 100%;
background-color: #1e3790;
background-image: url(../img/box-3.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-3:hover .range__btn {
background-color: #1b5da6;
}
.range__item_box-3:hover {
/*background: #1e3790;*/
}
.range__item_box-3 ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.range__item_box-4 {
width: 599px;
margin-right: 20px;
background-color: #d15b41;
background-image: url(../img/box-4.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-4:hover {
/*background: #d15b41;*/
}
.range__item_box-5 {
width: 599px;
background-color: #1b5da6;
background-image: url(../img/box-5.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-5:hover {
/*background: #1b5da6;*/
}
.range__item_box-5 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-6 {
width: 100%;
background-color: #1e3790;
background-image: url(../img/box-6.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 190px;
}
.range__item_box-6:hover .range__btn {
background-color: #1b5da6;
}
.range__item_box-6:hover {
/*background: #1e3790;*/
}
.range__item_box-6 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-7 {
width: 599px;
margin-right: 20px;
background-color: #d15b41;
background-image: url(../img/box-7.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 394px;
}
.range__item_box-7:hover {
/*background: #d15b41;*/
}
.range__item_box-8 {
width: 599px;
background-color: #1b5da6;
background-image: url(../img/box-8.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 394px;
}
.range__item_box-8:hover {
/*background: #1b5da6;*/
}
.range__item_box-8 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-9 {
width: 100%;
background-color: #1e3790;
background-image: url(../img/box-9.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 190px;
}
.range__item_box-9:hover .range__btn {
background-color: #1b5da6;
}
.range__item_box-9:hover {
/*background: #1e3790;*/
}
.range__item_box-9 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-10 {
width: 599px;
margin-right: 20px;
background-color: #d15b41;
min-height: 394px;
}
.range__item_box-10:hover {
/*background: #d15b41;*/
}
.range__item_box-11 {
width: 599px;
background-color: #1b5da6;
min-height: 394px;
}
.range__item_box-11:hover {
/*background: #1b5da6;*/
}
.range__item_box-11 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__item_box-12 {
width: 599px;
margin-right: 20px;
background-color: #d15b41;
min-height: 394px;
}
.range__item_box-12:hover {
/*background: #d15b41;*/
}
.range__item_box-13 {
width: 599px;
background-color: #1b5da6;
min-height: 394px;
}
.range__item_box-13:hover {
/*background: #1b5da6;*/
}
.range__item_box-13 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.8;
}
.range__overlay_1 {
background-color: #d15b41;
}
.range__overlay_2 {
background-color: #1b5da6;
}
.range__overlay_3 {
background-color: #1e3790;
}
.range__title {
position: relative;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 22px;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
}
.range__list {
list-style: none;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
color: #fff;
padding: 0;
margin: 0;
}
.range__list-item {
padding-left: 12px;
position: relative;
}
.range__list-item:not(:last-child) {
margin-bottom: 14px;
}
.range__list-item a {
color: #fff;
text-decoration: none;
}
.range__list-item a:hover {
text-decoration: underline;
}
.range__list-item:before {
content: '';
width: 6px;
height: 6px;
background: #fff;
border-radius: 100%;
position: absolute;
top: 6px;
left: 0;
}
.range__descr {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
color: #fff;
margin-top: 35px;
}
.range__btn {
width: 50px;
height: 50px;
background: #1e3790;
background-image: url(../icon/arrow-range.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 50px;
bottom: 30px;
border-radius: 50%;
text-decoration: none;
}
.range__btn_orange {
background-color: #f3490e;
}
@media (max-width: 1249px) {
.range {
padding-bottom: 20px;
}
.range__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.range__item {
width: 100%;
max-width: 100%;
min-height: 330px;
background-size: cover;
padding-top: 20px;
padding-left: 30px;
margin-right: 0;
}
.range__item_box-4 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.range__title {
margin-bottom: 20px;
font-size: 18px;
}
.range__list {
font-size: 16px;
}
.range__descr {
font-size: 16px;
}
}
@media (max-width: 767px) {
.range__btn {
display: none;
}
.range__descr {
display: none;
}
.range__title {
font-size: 14px;
position: relative;
max-width: 310px;
margin: 0 auto;
}
.range__title:after {
content: '';
display: inline-block;
margin-left: 5px;
background-image: url(../icon/arrow-range-mobile.svg);
background-repeat: no-repeat;
width: 9px;
height: 5px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.range__list {
display: none;
}
.range__item {
padding-bottom: 15px;
min-height: 48px;
max-width: inherit;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.range__item_active {
background-image: none;
padding-left: 20px;
}
.range__item_active .range__list {
display: block;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
max-width: 310px;
margin: 0 auto;
margin-top: 25px;
}
.range__item_active .range__list-item {
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.range__item_active .range__list-item:before {
display: none;
}
.range__item_active .range__title:after {
content: '';
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.advantages {
padding: 61px 0 100px 0;
}
.advantages_sandwich {
padding-top: 130px;
}
.advantages__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.advantages__wrap {
width: 690px;
}
.advantages__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
margin-bottom: 60px;
}
.advantages__list {
list-style: none;
padding: 0;
margin: 0;
}
.advantages__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: normal;
margin-bottom: 35px;
}
.advantages__list-item p {
width: 582px;
margin: 0;
}
.advantages__list-item p span {
font-weight: 700;
}
.advantages__list-marker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 86px;
height: 86px;
background: #eff3ff;
border-radius: 50%;
margin-right: 20px;
}
.advantages__list-marker_sandwich {
margin-right: 25px;
}
.advantages__image {
position: relative;
}
.advantages__image_sandwich {
padding-top: 70px;
}
.advantages__image_sandwich:before {
content: '';
display: none;
}
.advantages__image_sandwich::after {
content: '';
background-image: url(../img/advantages-before.png);
left: 0;
right: 0;
margin: 0 auto;
bottom: 100px;
width: 207px;
height: 208px;
}
.advantages__img {
width: 490px;
height: 647px;
}
.advantages__descr {
width: 830px;
position: relative;
margin: 0 auto;
text-align: center;
padding-top: 38px;
}
.advantages__descr:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 140px;
height: 140px;
background: #eff3ff;
border-radius: 50%;
}
.advantages__text {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
margin: 0 auto;
margin-bottom: 69px;
}
.advantages__btn {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
width: 294px;
height: 56px;
border: 1px solid #1e3790;
background-color: transparent;
}
.advantages__btn:hover {
background-color: #eff3ff;
}
@media (max-width: 1249px) {
.advantages {
padding: 50px 0 50px 0;
}
.advantages__image {
display: none;
}
.advantages__title {
font-size: 24px;
margin-bottom: 50px;
text-align: center;
}
.advantages__list-item {
font-size: 17px;
}
.advantages__list-item p {
width: 450px;
}
.advantages__descr {
width: 700px;
}
.advantages__text {
font-size: 17px;
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
.advantages {
padding: 30px 0 30px 0;
}
.advantages__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 30px;
}
.advantages__title_sandwich {
font-size: 16px;
}
.advantages__list-marker {
width: 50px;
height: 50px;
margin-right: 15px;
}
.advantages__list-marker img {
width: 27px;
}
.advantages__list-item {
font-size: 12px;
line-height: 140%;
margin-bottom: 20px;
}
.advantages__list-item p {
width: 215px;
}
.advantages__descr {
width: 280px;
}
.advantages__descr::before {
content: '';
top: 25px;
left: -29px;
margin: 0;
}
.advantages__text {
font-size: 14px;
line-height: 140%;
text-align: left;
margin-bottom: 39px;
}
}
.objects {
padding: 80px 0 25px 0;
background-color: #1b5da6;
background-image: url(../img/objects-bg.png);
background-repeat: no-repeat;
background-position: center;
}
.objects_page {
background: 0 0;
margin-top: -58px;
padding: 0;
}
.objects_page .container {
position: relative;
padding-top: 90px;
padding-bottom: 120px;
}
.objects_page .container:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
top: 0;
left: 400px;
background-color: #eff3ff;
}
.objects_page .container:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
top: 0;
right: 390px;
background-color: #eff3ff;
}
.objects__title {
font-family: 'Open Sans';
color: #fff;
font-style: normal;
font-weight: 700;
font-size: 30px;
margin-bottom: 60px;
}
.objects__title_page {
color: #17181b;
}
.objects__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.objects__list-item {
width: 300px;
cursor: pointer;
position: relative;
margin-bottom: 125px;
margin-right: 159px;
}
.objects__list-item:nth-child(3n) {
margin-right: 0;
}
.objects__list-item:not(:nth-child(3n)):after {
content: '';
background-image: url(../icon/objects-triangle-white.svg);
background-repeat: no-repeat;
position: absolute;
width: 12px;
height: 16px;
top: 0;
right: -80px;
z-index: 2;
}
.objects__list-item a {
text-decoration: none;
}
.objects__list-item_margin {
margin-top: -65px;
}
.objects__list-item_page:not(:nth-child(3n)):after {
background-image: url(../icon/objects-triangle.svg);
right: -85px;
}
.objects__list-item:hover {
opacity: 0.8;
}
.objects__list-img {
width: 300px;
margin-bottom: 30px;
}
.objects__list-descr {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #fff;
}
.objects__list-descr_page {
color: #17181b;
}
.objects__list-link {
border: 1px solid #fff;
width: 300px;
height: 250px;
margin-top: -140px;
}
.objects__list-link a {
display: block;
position: relative;
padding-left: 30px;
padding-top: 30px;
width: 300px;
height: 250px;
text-decoration: none;
}
.objects__list-link a:after {
content: '';
position: absolute;
left: 30px;
bottom: 30px;
width: 50px;
height: 50px;
border-radius: 50%;
background-image: url(../icon/objects-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
}
.objects__list-link a span {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
}
.objects__list-link:hover {
opacity: 0.8;
}
@media (max-width: 1249px) {
.objects {
background-image: unset;
padding: 50px 0 70px 0;
}
.objects_page {
margin-top: 0;
padding-top: 0;
}
.objects_page .container {
padding-top: 0;
padding-bottom: 0;
}
.objects_page .container:after,
.objects_page .container:before {
display: none;
}
.objects__title {
font-size: 24px;
margin-bottom: 30px;
text-align: center;
}
.objects__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.objects__list-item {
margin-right: 50px;
margin-bottom: 30px;
}
.objects__list-item:nth-child(3n) {
margin-right: 50px;
}
.objects__list-item:nth-child(2n) {
margin-right: 0;
}
.objects__list-item:not(:nth-child(3n)):after {
display: none;
}
.objects__list-item_margin {
margin-top: 0;
}
.objects__list-item_page:not(:nth-child(3n)):after {
display: none;
}
.objects__list-img {
margin-bottom: 15px;
}
.objects__list-descr {
font-size: 15px;
}
.objects__list-link {
margin-top: unset;
}
}
@media (max-width: 767px) {
.objects {
padding: 50px 0 50px 0;
}
.objects_page {
padding: 0 0 80px 0;
}
.objects_page .objects__list-item {
display: block !important;
margin-right: 0 !important;
}
.objects__title {
font-size: 18px;
line-height: 130%;
text-align: left;
margin-bottom: 35px;
}
.objects__title_page {
margin-bottom: 30px;
}
.objects__list-item {
width: 280px;
margin-right: 0;
}
.objects__list-item:nth-child(5) {
display: none;
}
.objects__list-item:nth-child(4) {
display: none;
}
.objects__list-item:nth-child(3) {
display: none;
}
.objects__list-item img {
width: 280px;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.objects__list-descr {
font-size: 14px;
line-height: 140%;
}
.objects__list-link {
width: 280px;
height: 71px;
}
.objects__list-link a {
width: 280px;
height: 71px;
padding-top: 15px;
padding-left: 15px;
}
.objects__list-link a:after {
content: '';
left: auto;
right: 15px;
bottom: 13px;
}
.objects__list-link a span {
font-size: 14px;
line-height: 140%;
}
}
.partners {
padding: 100px 0;
}
.partners__title {
font-family: 'Open Sans';
color: #17181b;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
margin-bottom: 60px;
}
.partners__list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 7px;
}
.partners__list-item {
border: 1px solid #1b5da6;
width: 238px;
height: 120px;
}
.partners__list-img {
margin: 0 auto;
}
@media (max-width: 1249px) {
.partners {
padding: 50px 0;
}
.partners__title {
font-size: 24px;
margin-bottom: 30px;
text-align: center;
}
.partners__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.partners {
padding: 80px 0;
}
.partners__title {
font-size: 18px;
line-height: 130%;
text-align: left;
margin-bottom: 35px;
}
.partners__list {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.partners__list-item {
width: 135px;
height: 68px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.partners__list-img {
margin: 0;
width: 133px;
height: 66px;
-o-object-fit: cover;
object-fit: cover;
}
}
.slider-top {
position: relative;
overflow: hidden;
}
.slider-top__slide {
min-height: 640px;
padding: 145px 0 30px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider-top__text {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 38px;
line-height: 49px;
color: #fff;
margin-bottom: 35px;
}
.slider-top__descr {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #0039da;
margin-bottom: 50px;
}
.slider-top__btn {
padding-left: 30px;
width: 220px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
background-image: url(../icon/download.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position-x: 30px;
background-position-y: 19px;
}
.slider-top__btn:hover {
background-color: #ff4e10;
}
.slider-top__btn_sandwich {
width: 338px;
height: 56px;
background-image: none;
padding-left: 0;
margin-top: 15px;
}
.slider-top__nav {
width: 305px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 35px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}
.slider-top__prev {
background-color: #1e3790;
width: 50px;
height: 50px;
opacity: 0.6;
border-radius: 50%;
background-image: url(../icon/arrow.svg);
background-repeat: no-repeat;
background-position: center;
}
.slider-top__prev:hover {
opacity: unset;
}
.slider-top__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0 15px;
}
.slider-top .swiper-pagination-bullet,
.slider-top__dot {
width: 10px;
height: 10px;
background: #eff3ff;
border-radius: 50%;
opacity: 1;
margin: 0 9px;
}
.slider-top .swiper-pagination-bullet_active,
.slider-top__dot_active {
width: 40px;
height: 10px;
background: #1e3790;
border-radius: 6px;
}
.slider-top .swiper-pagination-bullet-active {
width: 40px;
height: 10px;
background: #1e3790;
border-radius: 6px;
}
.slider-top__next {
background-color: #1e3790;
width: 50px;
height: 50px;
opacity: 0.6;
border-radius: 50%;
background-image: url(../icon/arrow.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider-top__next:hover {
opacity: unset;
}
@media (max-width: 1249px) {
.slider-top__slide {
min-height: 428px;
padding: 80px 0 20px 0;
}
.slider-top__text {
max-width: 465px;
font-size: 24px;
line-height: 35px;
margin-bottom: 20px;
}
.slider-top__descr {
font-size: 17px;
margin-bottom: 25px;
}
.slider-top__btn {
width: 200px;
height: 50px;
font-size: 15px;
margin-bottom: 100px;
}
.slider-top__btn_sandwich {
width: 338px;
height: 56px;
}
}
@media (max-width: 767px) {
.slider-top__slide {
padding: 75px 0 20px 0;
background-position: left;
min-height: 428px;
}
.slider-top__nav {
max-width: 280px;
margin-bottom: 30px;
}
.slider-top br {
display: none;
}
.slider-top__text {
width: 100%;
font-size: 20px;
line-height: 31px;
}
.slider-top__next {
display: none;
}
.slider-top__prev {
display: none;
}
.slider-top__btn {
width: 100%;
background-position-x: 63px;
background-position-y: 17px;
}
.slider-top__btn_sandwich {
font-size: 14px;
height: 50px;
margin-top: 0;
padding: 0 10px;
}
.slider-top__dots {
margin: 0 auto;
}
}
.question {
padding: 60px 0 60px 0;
background-color: #1e3790;
}
.question__title {
text-align: center;
color: #fff;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
margin-bottom: 50px;
}
.question__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1136px;
margin: 0 auto;
}
.question__form-input {
width: 282px;
height: 56px;
background-color: transparent;
border: 1px solid #1b5da6;
padding: 22px 20px 22px 20px;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.question__form-input::-webkit-input-placeholder {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.question__form-btn {
width: 220px;
height: 56px;
border: none;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.question__form-btn:hover {
opacity: 0.9;
}
@media (max-width: 1249px) {
.question {
padding: 30px 0;
}
.question__title {
font-size: 24px;
margin-bottom: 30px;
}
.question__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 500px;
}
.question__form-input {
width: 450px;
margin-bottom: 20px;
}
.question__form-btn {
width: 450px;
}
}
@media (max-width: 767px) {
.question {
padding: 50px 0;
}
.question__title {
font-size: 18px;
line-height: 130%;
}
.question__form {
width: 280px;
}
.question__form-input {
width: 280px;
height: 50px;
padding: 19px 15px 19px 15px;
margin-bottom: 15px;
}
.question__form-input:nth-child(3) {
height: 80px;
padding: 19px 15px 49px 15px;
}
.question__form-btn {
width: 280px;
}
}
.footer {
padding: 60px 0 30px 0;
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 80px;
}
.footer__logo {
width: 178px;
margin-right: 134px;
}
.footer__nav {
width: 557px;
margin-right: 93px;
}
.footer__nav-title {
font-family: 'Open Sans';
color: #17181b;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
margin-bottom: 35px;
}
.footer__nav-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__list {
padding: 0;
margin: 0;
list-style: none;
width: 50%;
}
.footer__list-item {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
padding: 0;
margin: 0;
margin-bottom: 25px;
}
.footer__list-item a {
text-decoration: none;
color: #17181b;
}
.footer__list-item a:hover {
color: #f3490e;
}
.footer__contacts-title {
margin: 0;
font-family: 'Open Sans';
color: #17181b;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
margin-bottom: 35px;
}
.footer__contacts-phone {
margin: 0;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
margin-bottom: 25px;
}
.footer__contacts-number {
margin: 0;
display: block;
text-decoration: none;
color: #17181b;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
}
.footer__contacts-number:hover {
text-decoration: underline;
}
.footer__contacts-mail {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.footer__contacts-email {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #17181b;
text-decoration: none;
}
.footer__contacts-email:hover {
text-decoration: underline;
}
.footer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.footer__copyright {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #575757;
margin-right: 60px;
}
.footer__copyright p {
padding: 0;
margin: 0;
}
.footer__policy {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #575757;
}
.footer__policy a {
color: #575757;
}
.footer__policy a:hover {
text-decoration: none;
}
@media (max-width: 1249px) {
.footer__inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.footer__logo {
margin-right: 0;
}
.footer__list {
display: none;
}
.footer__list_active {
display: block;
width: 100%;
}
.footer__list-item {
margin-bottom: 20px;
}
.footer__nav-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__nav-title {
text-align: center;
position: relative;
}
.footer__nav-title:after {
content: '';
position: absolute;
right: 70px;
top: 9px;
background-image: url(../icon/arrow-footer-nav.svg);
background-repeat: no-repeat;
width: 9px;
height: 5px;
}
.footer__nav-title_active:after {
content: '';
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer__nav {
width: 280px;
margin-right: 20px;
}
.footer__contacts {
width: 170px;
}
.footer__contacts-title {
margin: 0;
}
.footer__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__policy {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.footer {
padding-bottom: 90px;
}
.footer__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__logo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 25px;
}
.footer__contacts {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__contacts-number {
margin-bottom: 10px;
}
.footer__nav {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__nav-title {
text-align: left;
margin-top: 40px;
margin-bottom: 20px;
}
.footer__nav-title:after {
content: '';
right: 158px;
}
.footer__wrap {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.footer__policy {
font-size: 12px;
line-height: 140%;
margin-bottom: 20px;
}
.footer__copyright {
font-size: 11px;
line-height: 140%;
margin-right: 0;
}
}
.download {
position: fixed;
right: 0;
bottom: 50px;
z-index: 1000;
}
.download__consultation {
display: none;
}
.download__price {
position: relative;
width: 158px;
height: 56px;
background: #f3490e;
padding-left: 43px;
font-family: Montserrat;
font-size: 16px;
line-height: 20px;
color: #fff;
background: #f3490e;
-webkit-box-shadow: 0 5px 15px rgba(3, 3, 3, 0.2);
box-shadow: 0 5px 15px rgba(3, 3, 3, 0.2);
border-radius: 10px 0 0 10px;
text-align: left;
}
.download__price:before {
content: '';
position: absolute;
top: 18px;
left: 15px;
background-image: url(../icon/download-price.svg);
background-repeat: no-repeat;
background-size: auto;
width: 20px;
height: 20px;
}
@media (max-width: 767px) {
.download {
width: 280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
right: 0;
margin: 0 auto;
bottom: 10px;
top: auto;
-webkit-box-shadow: 0 5px 25px rgba(3, 3, 3, 0.2);
box-shadow: 0 5px 25px rgba(3, 3, 3, 0.2);
}
.download__price {
-webkit-box-shadow: none;
box-shadow: none;
width: 140px;
font-size: 12px;
line-height: 15px;
}
.download__consultation {
position: relative;
display: block;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #fff;
background: #f3490e;
border-radius: 0 10px 10px 0;
width: 140px;
height: 56px;
padding-left: 27px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
.download__consultation:before {
content: '';
position: absolute;
top: 10px;
left: 2px;
border: 1px solid #fff;
height: 36px;
}
}
.breadcrumbs {
padding: 20px 0 20px 0;
}
.breadcrumbs__list {
padding: 0;
margin: 0;
}
.breadcrumbs__list li {
position: relative;
display: inline-block;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #575757;
padding-right: 20px;
margin-right: 10px;
}
.breadcrumbs__list li a {
color: #575757;
text-decoration: none;
}
.breadcrumbs__list li a:hover {
text-decoration: underline;
}
.breadcrumbs__list li:last-child {
margin: 0;
padding: 0;
}
.breadcrumbs__list li:last-child:after {
content: '';
display: none;
}
.breadcrumbs__list li:after {
content: '';
position: absolute;
right: 0;
top: 4.4px;
background-image: url(../icon/arrow-breadcrumbs.svg);
background-repeat: no-repeat;
width: 8px;
height: 8px;
}
@media (max-width: 1249px) {
.breadcrumbs {
padding: 20px 0 20px 0;
}
}
@media (max-width: 767px) {
.breadcrumbs {
padding: 20px 0 20px 0;
}
.breadcrumbs__list {
display: none;
}
.breadcrumbs__list-item {
font-size: 12px;
}
.breadcrumbs__list-item:after {
top: 4px;
}
}
.about {
padding-bottom: 100px;
}
.about__inner {
width: 906px;
}
.about h1 {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
}
.about p {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.about p span {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #0039da;
}
.about h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #17181b;
}
@media (max-width: 1249px) {
.about {
padding-bottom: 80px;
}
.about__inner {
width: 768px;
}
.about h1 {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.about__inner {
width: 280px;
}
.about h1 {
font-size: 18px;
line-height: 130%;
margin-top: 0;
}
.about p {
font-size: 14px;
line-height: 140%;
}
.about p span {
font-size: 14px;
line-height: 140%;
}
.about h2 {
font-size: 14px;
line-height: 140%;
}
}
.contacts {
padding-bottom: 120px;
}
.contacts h1 {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 40px;
margin-top: 20px;
}
.contacts__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts__info-address {
margin-top: 0;
}
.contacts__info-item {
margin-bottom: 40px;
}
.contacts__info-item h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.contacts__info-item:last-child {
margin-bottom: 0;
}
.contacts__info-item p {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.contacts__info-item p span {
display: block;
font-size: 18px;
line-height: 140%;
margin-top: 10px;
}
.contacts__info-phone {
display: block;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #17181b;
text-decoration: none;
}
.contacts__info-phone:hover {
text-decoration: underline;
}
.contacts__info-mail {
display: block;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #1e3790;
text-decoration: none;
}
.contacts__info-mail:hover {
text-decoration: underline;
}
.contacts__maps {
max-width: 802px;
width: 100%;
height: 498px;
}
.contacts__maps-img {
max-width: 100%;
}
@media (max-width: 1249px) {
.contacts__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__info {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts__info-item {
width: 50%;
margin-bottom: 30px;
}
.contacts__info-item:last-child {
margin-bottom: 0;
}
.contacts__info-item h2 {
margin-top: 0;
}
}
@media (max-width: 767px) {
.contacts {
padding-bottom: 80px;
}
.contacts h1 {
font-size: 18px;
line-height: 130%;
margin-bottom: 30px;
margin-top: 10px;
}
.contacts__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__info-item {
width: 100%;
}
.contacts__info-item h2 {
font-size: 14px;
line-height: 140%;
}
.contacts__info-item p {
font-size: 14px;
line-height: 140%;
}
.contacts__info-item p span {
font-size: 13px;
line-height: 140%;
}
.contacts__info-phone {
display: inline-block;
font-size: 14px;
line-height: 140%;
margin-right: 10px;
}
.contacts__info-phone:last-child {
margin-right: 0;
}
.contacts__info-mail {
font-size: 14px;
line-height: 140%;
}
.contacts__maps {
height: auto;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
}
.catalog {
padding-top: 40px;
padding-bottom: 50px;
}
.catalog .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog__menu {
width: 282px;
margin-right: 30px;
}
.catalog__menu-title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #17181b;
padding-bottom: 10px;
border-bottom: 1px solid #1e3790;
margin-bottom: 25px;
}
.catalog__menu-list {
padding: 0;
margin: 0;
}
.catalog__menu-sublist {
display: none;
}
.catalog__menu-item {
padding: 0;
margin: 0;
list-style: none;
padding: 20px 35px 20px 20px;
border: 1px solid #eff3ff;
cursor: pointer;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: 0.02em;
margin-bottom: 10px;
}
.catalog__menu-item:hover {
border: 1px solid #1b5da6;
}
.catalog__menu-item > a {
position: relative;
color: #575757;
text-decoration: none;
padding-left: 15px;
}
.catalog__menu-item > a:before {
content: '';
position: absolute;
left: 0;
top: 4px;
background-image: url(../icon/arrow-left-catalog.svg);
background-repeat: no-repeat;
width: 5px;
height: 9px;
}
.catalog__menu-item > a:hover {
color: #17181b;
}
.catalog__menu-item_active a {
color: #17181b;
}
.catalog__menu-item_active a:before {
content: '';
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.catalog__menu-item_active .catalog__menu-sublist {
display: block;
}
.catalog__menu-sublist {
list-style: none;
padding: 0;
margin: 0;
padding-left: 30px;
}
.catalog__menu-subitem {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 140%;
margin-top: 15px;
}
.catalog__menu-subitem a {
color: #575757;
text-decoration: none;
}
.catalog__menu-subitem a:hover {
color: #17181b;
}
.catalog .cat-item_active {
color: #17181b;
}
.catalog .cat-item_active .catalog__menu-sublist {
display: block;
}
.catalog__page {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.catalog__page-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog__page-title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 130%;
color: #17181b;
}
.catalog__page-sort {
cursor: pointer;
border: none;
border-bottom: 1px solid #eff3ff;
width: 208px;
height: 28px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../icon/catalog-arrow-select.svg);
background-repeat: no-repeat;
background-size: 9px 5px;
background-position-x: 190px;
background-position-y: 11px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #575757;
padding-left: 10px;
padding-right: 25px;
}
.catalog__list {
margin-top: 30px;
margin-bottom: 50px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.catalog .current-cat-parent > a {
color: #17181b;
}
.catalog .cat-item_active {
color: #17181b;
}
.catalog .current-cat a {
color: #000 !important;
}
@media (max-width: 1249px) {
.catalog {
padding-top: 20px;
}
.catalog__menu {
margin-right: 10px;
}
.catalog__menu-list > .cat-item {
font-size: 14px;
padding: 10px 5px 10px 20px;
}
.catalog .children {
padding-left: 10px;
}
.catalog .children li {
font-size: 13px;
}
.catalog__list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 767px) {
.catalog__menu {
display: none;
}
.catalog__page-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog__page-title {
font-size: 20px;
margin-bottom: 15px;
}
.catalog__page-sort {
width: 100%;
height: 34px;
background-color: #eff3ff;
border: none;
background-position-x: 260px;
background-position-y: 13px;
}
.catalog__list {
grid-template-columns: 1fr;
gap: 0;
row-gap: 15px;
margin-top: 25px;
margin-bottom: 25px;
}
}
.product {
display: block;
width: 282px !important;
border: 1px solid #1b5da6;
text-decoration: none;
padding-bottom: 18px;
}
.product__image {
height: 240px;
margin-bottom: 15px;
position: relative;
}
.product__image img {
max-width: 280px;
width: 100%;
height: 100%;
object-fit: contain;
}
.product__title {
padding-left: 15px;
padding-right: 15px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: #17181b;
margin-bottom: 15px;
height: 85px;
}
.product__details {
padding-left: 15px;
position: relative;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #1e3790;
}
.product__details:after {
content: '';
position: absolute;
background-image: url(../icon/arrow-details-catalog.svg);
background-repeat: no-repeat;
left: 120px;
top: 2px;
width: 14px;
height: 14px;
}
.product:hover {
border: 1px solid #f3490e;
}
.product:hover .product__image::after {
content: '';
display: block;
width: 40px;
height: 40px;
background-image: url(../icon/catalog-product-hover.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: calc(50% - 20px);
left: 0;
right: 0;
margin: 0 auto;
}
.product:hover .product__title {
color: #f3490e;
}
.product:hover .product__details {
color: #f3490e;
}
.product:hover .product__details::after {
content: '';
background-image: url(../icon/arrow-details-hover.svg);
}
@media (max-width: 1249px) {
.product {
width: 230px !important;
}
.product__title {
font-size: 16px;
}
.product__details {
font-size: 16px;
}
}
@media (max-width: 767px) {
.product {
width: 280px !important;
height: 285px;
}
.product__image {
height: 180px;
margin-bottom: 18px;
}
.product__image img {
height: 180px;
}
.product__title {
font-size: 16px;
margin-bottom: 15px;
height: 35px;
}
}
.pagination {
width: 174px;
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination ul {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination li {
width: 30px;
height: 30px;
margin-right: 8px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #17181b;
}
.pagination li span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #1e3790;
width: 30px;
height: 30px;
color: #fff;
}
.pagination li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
text-decoration: none;
color: #17181b;
}
.pagination li a:hover {
color: #1e3790;
text-decoration: underline;
}
.pagination .next {
display: block;
background-image: url(../icon/arrow-pagination-next.svg);
background-repeat: no-repeat;
width: 14px;
height: 14px;
-webkit-transform: translate(5px, 7px);
transform: translate(5px, 7px);
font-size: 0;
}
@media (max-width: 767px) {
.pagination {
padding-bottom: 80px;
}
}
.product-card {
padding-top: 40px;
padding-bottom: 30px;
}
.product-card .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-card__image {
max-width: 594px;
width: 100%;
margin-right: 75px;
cursor: pointer;
}
.product-card__image_full {
height: 422px;
border: 1px solid #1e3790;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.product-card__img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}
.product-card__image-list {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-card__image-item {
max-width: 100%;
margin-right: 15px;
margin-bottom: 10px;
}
.product-card__image-item img {
height: 100px;
width: 100px;
-o-object-fit: cover;
object-fit: cover;
}
.product-card__image-item_active img {
border: 1px solid #1e3790;
}
.product-card__info {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.product-card__info-title {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 25px;
}
.product-card__info-list {
list-style: none;
padding: 0;
margin: 0;
}
.product-card__info-item {
margin-bottom: 15px;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #575757;
padding-left: 13px;
position: relative;
}
.product-card__info-item:before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: #575757;
border-radius: 50%;
}
.product-card__info {
flex-shrink: 2;
}
.product-card__info-btn {
width: 257px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
color: #fff;
}
.product-card__info-btn:hover {
background-color: #ff4e10;
}
@media (max-width: 1249px) {
.product-card {
padding-top: 20px;
padding-bottom: 30px;
}
.product-card__image {
max-width: 304px;
margin-right: 35px;
}
.product-card__image-item {
margin-right: 15px;
}
.product-card__image-item img {
width: 60px;
height: 60px;
}
.product-card__info {
font-size: 15px;
}
.product-card__info-title {
font-size: 20px;
margin-bottom: 15px;
}
.product-card__info-item {
margin-bottom: 10px;
font-size: 15px;
}
.product-card__info-item:before {
top: 8px;
}
}
@media (max-width: 767px) {
.product-card {
padding-top: 60px;
}
.product-card .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.product-card__image {
max-width: 280px;
margin-right: 0;
margin-bottom: 25px;
}
.product-card__image_full {
height: 282px;
}
.product-card__img {
height: 280px;
}
.product-card__image-item img {
width: 50px;
height: 50px;
}
.product-card__image-item:not(:nth-child(4n)) {
margin-right: 15px;
}
.product-card__info {
font-size: 12px;
}
.product-card__info-title {
position: absolute;
top: -60px;
font-size: 18px;
}
.product-card__info-item {
font-size: 14px;
}
.product-card__info-item:before {
content: '';
top: 7px;
}
.product-card__info-btn {
font-size: 15px;
width: 100%;
margin-top: 20px;
}
}
.product-tabs {
padding-top: 40px;
padding-bottom: 55px;
}
.product-tabs__list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #eff3ff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 35px;
}
.product-tabs__item {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #575757;
padding: 0 12px;
padding-bottom: 10px;
}
.product-tabs__item a {
text-decoration: none;
color: #575757;
}
.product-tabs__item a:hover {
color: #17181b;
}
.product-tabs__item_active {
border-bottom: 1px solid #1e3790;
}
.product-tabs__item_active a {
color: #17181b;
}
.product-tabs__content {
max-width: 960px;
}
.product-tabs__content-item {
display: none;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.product-tabs__content-item:nth-child(2) {
overflow: scroll;
}
.product-tabs__content-item_active {
display: block;
}
.product-tabs__content-item p {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.product-tabs__content-item ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 25px;
margin-bottom: 25px;
}
.product-tabs__content-item li {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #17181b;
padding-left: 13px;
position: relative;
}
.product-tabs__content-item li:before {
content: '';
width: 6px;
height: 6px;
background-color: #575757;
border-radius: 50%;
position: absolute;
left: 0;
top: 7px;
}
.product-tabs__content-item li:not(:last-child) {
margin-bottom: 13px;
}
.product-tabs table {
border: 2px solid #eff3ff;
border-collapse: collapse;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #17181b;
}
.product-tabs table th {
padding: 16px;
background-color: #eff3ff;
border: 2px solid #eff3ff;
font-weight: 500;
}
.product-tabs table td {
padding: 16px;
border: 2px solid #eff3ff;
}
@media (max-width: 1249px) {
.product-tabs {
padding: 30px 0;
}
.product-tabs__list {
overflow: scroll;
max-width: 738px;
white-space: nowrap;
}
.product-tabs__content {
max-width: 768px;
}
.product-tabs__content-item p {
font-size: 15px;
}
.product-tabs__content-item ul {
margin-top: 20px;
margin-bottom: 20px;
}
.product-tabs__content-item li {
font-size: 15px;
}
.product-tabs__content-item li:not(:last-child) {
margin-bottom: 10px;
}
.product-tabs__content-item li:before {
content: '';
width: 5px;
height: 5px;
top: 8px;
}
.product-tabs__content-table td {
white-space: nowrap;
}
}
@media (max-width: 767px) {
.product-tabs__list {
max-width: 280px;
margin-bottom: 20px;
}
.product-tabs__item {
font-size: 14px;
}
.product-tabs__content {
max-width: 280px;
}
.product-tabs__content-item:nth-child(2) {
overflow: scroll;
max-width: 100%;
white-space: nowrap;
}
.product-tabs__content-item p {
font-size: 12px;
}
.product-tabs__content-item ul {
margin-top: 16px;
margin-bottom: 20px;
}
.product-tabs__content-item li {
font-size: 12px;
margin-bottom: 8px;
padding-left: 9px;
}
.product-tabs__content-item li:before {
content: '';
width: 4px;
height: 4px;
top: 7px;
}
}
.product-related {
padding-top: 50px;
padding-bottom: 100px;
}
.product-related .container {
position: relative;
}
.product-related__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 40px;
}
.product-related__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
}
.product-related__btn-prev {
position: absolute;
left: -45px;
top: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
background: #1e3790;
opacity: 0.2;
background-image: url(../icon/arrow.svg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.product-related__btn-prev:hover {
opacity: 1;
}
.product-related__btn-next {
position: absolute;
right: -45px;
top: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
background: #1e3790;
opacity: 0.2;
background-image: url(../icon/arrow.svg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-related__btn-next:hover {
opacity: 1;
}
.product-related .swiper-button-disabled {
display: none;
}
@media (max-width: 1249px) {
.product-related {
padding-top: 30px;
padding-bottom: 80px;
}
.product-related__title {
font-size: 22px;
margin-bottom: 20px;
}
.product-related__btn-prev {
top: calc(98% + 25px);
left: calc(40% - 25px);
}
.product-related__btn-next {
top: calc(98% + 25px);
right: calc(40% - 25px);
}
.product-related .swiper-button-disabled {
display: block;
}
.product-related .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.product-related__title {
font-size: 18px;
margin-bottom: 30px;
}
.product-related__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-related .product {
margin-bottom: 20px;
}
.product-related__btn-prev {
display: none;
}
.product-related__btn-next {
display: none;
}
}
.views {
padding: 75px 0 100px 0;
background-color: #1b5da6;
background-image: url(../img/views-lines.png);
background-position: center;
}
.views__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #fff;
margin-bottom: 35px;
}
.views__subtitle {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #fff;
margin-bottom: 55px;
}
.views__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.views__item {
max-width: 590px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
}
.views__image {
max-width: 178px;
height: 170px;
margin-right: 20px;
-o-object-fit: cover;
object-fit: cover;
}
.views__text {
max-width: 389px;
padding-top: 10px;
}
.views__name {
padding: 0;
margin: 0;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #fff;
margin-bottom: 10px;
}
.views__descr {
padding: 0;
margin: 0;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
}
@media (max-width: 1249px) {
.views {
padding: 50px 0 50px 0;
}
.views__title {
font-size: 22px;
margin-bottom: 20px;
}
.views__subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.views__item {
max-width: 100%;
}
}
@media (max-width: 767px) {
.views {
background-image: none;
}
.views__title {
font-size: 18px;
margin-bottom: 25px;
}
.views__subtitle {
font-size: 14px;
margin-bottom: 25px;
}
.views__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.views__image {
max-width: 100%;
height: 140px;
}
.views__name {
font-size: 14px;
margin-bottom: 5px;
}
.views__descr {
font-size: 12px;
}
}
.purchase {
padding: 50px 0 100px 0;
}
.purchase__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 55px;
text-align: center;
}
.purchase__list {
max-width: 1010px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 0 auto;
}
.purchase__item {
width: 160px;
text-align: center;
}
.purchase__divider {
width: 77px;
height: 13px;
background-image: url(../icon/purchase-divider.png);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.purchase__image {
width: 160px;
height: 160px;
background-color: #fbc8b7;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.purchase__image img {
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover;
}
.purchase__descr {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #17181b;
}
@media (max-width: 1249px) {
.purchase {
padding: 35px 0 50px 0;
}
.purchase__title {
font-size: 24px;
margin-bottom: 30px;
}
.purchase__list {
max-width: 768px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.purchase__divider {
display: none;
}
.purchase__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.purchase__image {
width: 120px;
height: 120px;
}
.purchase__image img {
width: 40px;
height: 40px;
}
.purchase__descr {
font-size: 16px;
}
}
@media (max-width: 767px) {
.purchase {
padding: 20px 0 50px;
}
.purchase__title {
font-size: 18px;
margin-bottom: 25px;
}
.purchase__list {
max-width: 280px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.purchase__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 280px;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.purchase__image {
width: 50px;
height: 50px;
margin-right: 15px;
margin-bottom: 0;
}
.purchase__image img {
width: 26px;
height: 26px;
}
}
.solutions {
margin-bottom: 80px;
padding: 80px 0 100px 0;
background-color: #1b5da6;
background-image: url(../img/views-lines.png);
background-position: center;
}
.solutions__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #fff;
max-width: 787px;
text-align: center;
margin: 0 auto;
margin-bottom: 55px;
}
.solutions__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1010px;
margin: 0 auto;
}
.solutions__item {
max-width: 386px;
width: 100%;
min-height: 205px;
background-color: #1e3790;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
}
.solutions__text {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
margin-bottom: 30px;
}
.solutions__btn {
width: 220px;
height: 56px;
border: 1px solid #fff;
background-color: #1e3790;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.solutions__btn:hover {
background-color: #1b5da6;
}
.solutions__divider {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #fff;
text-transform: uppercase;
}
.solutions__btn-link {
text-decoration: none;
display: block;
margin: 0 auto;
width: 220px;
height: 56px;
border: 1px solid #fff;
background-color: #1e3790;
padding-top: 17px;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
cursor: pointer;
}
.solutions__btn-link:hover {
background-color: #1b5da6;
}
@media (max-width: 1249px) {
.solutions {
padding: 50px 0;
}
.solutions__title {
font-size: 24px;
max-width: 511px;
margin-bottom: 35px;
}
.solutions__list {
max-width: 768px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.solutions__item {
margin-bottom: 25px;
}
.solutions__divider {
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.solutions {
padding: 50px 0;
background-image: none;
}
.solutions__title {
max-width: 280px;
font-size: 18px;
margin: 0;
text-align: left;
margin-bottom: 25px;
}
.solutions__item {
max-width: 280px;
background-color: transparent;
padding: 0;
min-height: auto;
}
.solutions__item br {
display: none;
}
.solutions__text {
font-size: 14px;
line-height: 140%;
text-align: left;
margin-bottom: 15px;
}
.solutions__btn {
width: 280px;
background-color: transparent;
font-size: 15px;
}
.solutions__divider {
font-size: 18px;
}
.solutions__btn-link {
width: 280px;
background-color: transparent;
font-size: 15px;
}
}
.calculator {
padding: 100px 0;
}
.calculator__title {
margin-bottom: 40px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
text-align: center;
}
.calculator__box {
max-width: 1010px;
background-color: #1e3790;
margin: 0 auto;
}
.calculator__form {
position: relative;
max-width: 1010px;
padding: 60px 100px 50px 100px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calculator__form:before {
content: '';
position: absolute;
left: -104px;
top: -24px;
z-index: -1;
background-image: url(../img/calculator-bg.png);
background-repeat: no-repeat;
background-size: contain;
width: 207px;
height: 112px;
}
.calculator__form-left {
max-width: 310px;
}
.calculator__form-right {
max-width: 405px;
width: 100%;
}
.calculator__form-title {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 140%;
color: #fff;
margin-bottom: 25px;
}
.calculator__form-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 20px;
}
.calculator__form-input input {
position: relative;
width: 93px;
height: 40px;
background-color: transparent;
border: none;
border: 1px solid #1b5da6;
margin-right: 15px;
padding: 14px 31px 14px 15px;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #fff;
}
.calculator__form-input input::-webkit-input-placeholder {
color: #1b5da6;
}
.calculator__form-input span {
position: absolute;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #fff;
left: 66px;
top: 10px;
}
.calculator__form-input label {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
}
.calculator__form-subtitle {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
margin-top: 35px;
margin-bottom: 20px;
}
.calculator__form-radio-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 310px;
}
.calculator__form-radio {
max-width: 150px;
}
.calculator__form-radio label {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calculator__form-custom {
position: absolute;
z-index: -1;
opacity: 0;
}
.calculator__form-custom + label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.calculator__form-custom + label::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #eff3ff;
border-radius: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 10px;
}
.calculator__form-custom:checked + label::before {
background-image: url(../icon/radio-btn.svg);
background-repeat: no-repeat;
background-position: center;
}
.calculator__form-select-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.calculator__form-select-box:not(:last-child) {
margin-bottom: 30px;
}
.calculator__form-select-box label {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
}
.calculator__form-select-box select {
display: block;
border: none;
background-color: transparent;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #fff;
border: 1px solid #1b5da6;
cursor: pointer;
margin-top: 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../icon/select-arrow.svg);
background-repeat: no-repeat;
background-size: 10px;
}
.calculator__form-select-box select option {
background-color: #1e3790;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #fff;
margin-top: 10px;
}
.calculator__form-filler-type {
width: 251px;
height: 40px;
padding: 9px 30px 9px 10px;
position: relative;
background-position-y: 13px;
background-position-x: 220px;
}
.calculator__form-thickness {
width: 122px;
height: 40px;
background-position-y: 13px;
background-position-x: 98px;
padding: 9px 70px 9px 10px;
}
.calculator__form-calc {
width: 100%;
margin-top: 50px;
text-align: center;
}
.calculator__form-btn {
width: 220px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.calculator__form-btn:hover {
background-color: #ff4e10;
}
@media (max-width: 1249px) {
.calculator {
padding: 50px 0;
}
.calculator__title {
font-size: 24px;
margin-bottom: 20px;
}
.calculator__form {
padding: 30px 20px;
max-width: 768px;
}
.calculator__form::before {
content: '';
background-image: none;
}
.calculator__form label {
font-size: 12px;
}
.calculator__form input {
margin-right: 10px;
}
.calculator__form-title {
font-size: 14px;
margin-bottom: 15px;
}
.calculator__form-subtitle {
font-size: 14px;
margin-top: 20px;
margin-bottom: 15px;
}
.calculator__form-calc {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.calculator {
padding: 30px 0;
}
.calculator__title {
font-size: 18px;
}
.calculator__box {
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.calculator__form {
max-width: 280px;
width: 100%;
padding: 20px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calculator__form-subtitle {
margin-top: 22px;
}
.calculator__form-right {
margin-top: 30px;
}
.calculator__form-select-box {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calculator__form-select-box select {
width: 100%;
background-position-x: 256px;
}
.calculator__form-select-box label {
margin-top: 10px;
}
.calculator__form-thickness {
width: 100%;
background-position-x: 220px;
}
.calculator__form-btn {
width: 100%;
font-size: 15px;
}
}
.modal {
position: fixed;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(23, 24, 27, 0.7);
z-index: 1000;
}
.modal_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal__body {
position: relative;
max-width: 750px;
width: 100%;
background-color: #fff;
padding: 40px 0;
}
.modal__body:before {
content: '';
position: absolute;
left: 0;
top: 0;
background-image: url(../img/modal-pink-ellipse.png);
background-repeat: no-repeat;
background-size: auto;
width: 201px;
height: 197px;
z-index: 1;
}
.modal__body:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
background-image: url(../img/modal-blue-ellipse.png);
background-repeat: no-repeat;
background-size: auto;
width: 277px;
height: 162px;
z-index: 1;
}
.modal__body_panels {
max-width: 998px;
}
.modal__title {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
color: #1e3790;
text-align: center;
margin-bottom: 45px;
}
.modal__title_panels {
margin-bottom: 25px;
}
.modal__subtitle {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 130%;
color: #1e3790;
text-align: center;
max-width: 725px;
margin: 0 auto;
margin-bottom: 50px;
}
.modal__btn-close {
position: absolute;
width: 90px;
height: 90px;
right: -45px;
top: -45px;
border-radius: 100%;
background-color: #fff;
background-image: url(../icon/modal-btn-close.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
}
.modal__btn-close:hover {
opacity: 0.9;
}
.modal__content {
max-width: 584px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}
.modal__content_panels {
max-width: 886px;
}
.modal__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal__form input {
max-width: 282px;
width: 100%;
height: 56px;
border: 1px solid #1b5da6;
padding: 22px 15px 20px 15px;
margin-bottom: 20px;
}
.modal__form input::-webkit-input-placeholder {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #17181b;
}
.modal__form-input-mail {
width: 100%;
}
.modal__form-label-panels {
max-width: 580px;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #1b5da6;
margin-bottom: 15px;
}
.modal__file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.modal__file + label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.25em;
font-weight: 700;
color: #1b5da6;
width: 100%;
height: 80px;
background-image: url(../img/file-label.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-bottom: 25px;
font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 20px;
cursor: pointer;
}
.modal__form-comment {
width: 100%;
height: 100px;
resize: none;
border: 1px solid #1b5da6;
padding: 22px 20px;
cursor: pointer;
margin-bottom: 20px;
}
.modal__form-comment::-webkit-input-placeholder {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #17181b;
}
.modal__form-comment_payment {
display: none;
}
.modal__form-conset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 25px;
}
.modal__form-conset label {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #575757;
padding-left: 24px;
position: relative;
cursor: pointer;
}
.modal__form-conset_panels {
max-width: 584px;
margin: 0 auto;
margin-bottom: 25px;
}
.modal__form-checkbox {
position: absolute;
z-index: -1;
opacity: 0;
cursor: pointer;
}
.modal__form-checkbox + label::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background-color: #eff3ff;
border: 1px solid #000;
}
.modal__form-checkbox:checked + label::before {
background-image: url(../icon/modal-checked.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
}
.modal__form-send {
width: 100%;
text-align: center;
}
.modal__form-btn {
width: 220px;
height: 56px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
background-color: #f3490e;
color: #fff;
}
.modal__form-btn:hover {
background-color: #ff4e10;
}
.modal__form-btn_realization {
width: 316px;
}
@media (max-width: 1249px) {
.modal__body {
max-width: 670px;
overflow-y: auto;
height: 100%;
}
.modal__body_panels {
padding: 40px 10px;
}
.modal__title_panels {
max-width: 564px;
margin: 0 auto;
margin-bottom: 20px;
}
.modal__subtitle {
max-width: 564px;
margin-bottom: 40px;
}
.modal__form_panels {
width: 584px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.modal__body {
max-width: 310px;
padding: 40px 10px 30px 10px;
}
.modal__body::before {
content: '';
background: 0 0;
background-image: url(../img/modal-pink-ellipse-mobile.png);
background-repeat: no-repeat;
background-size: auto;
width: 69px;
height: 94px;
}
.modal__body::after {
content: '';
background: 0 0;
background-image: url(../img/modal-blue-ellipse-mobile.png);
background-repeat: no-repeat;
background-size: auto;
width: 141px;
height: 274px;
}
.modal__btn-close {
width: 40px;
height: 40px;
right: 0;
top: 0;
}
.modal__title {
font-size: 14px;
line-height: 130%;
max-width: 270px;
margin: 0 auto;
margin-bottom: 20px;
}
.modal__title_width {
max-width: 250px;
}
.modal__subtitle {
max-width: 270px;
font-size: 12px;
margin-bottom: 20px;
}
.modal__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal__form input {
max-width: 280px;
width: 100%;
height: 50px;
}
.modal__form textarea {
max-width: 280px;
height: 80px;
}
.modal__form_panels {
max-width: 280px;
margin: 0 auto;
}
.modal__form-input-mail {
max-width: 280px;
width: 100%;
}
.modal__form-input-mail input {
max-width: 280px;
}
.modal__form-label-panels {
max-width: 280px;
}
.modal__form-send {
max-width: 280px;
margin-top: 0;
}
.modal__form-btn {
width: 100%;
margin-bottom: 20px;
}
.modal__form-conset {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 280px;
margin-bottom: 0;
}
.modal__form-conset label {
font-size: 10px;
line-height: 140%;
}
}
.modal-calc {
position: fixed;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(23, 24, 27, 0.7);
z-index: 1000;
}
.modal-calc__body {
position: relative;
max-width: 1010px;
width: 100%;
height: 640px;
background-color: #1e3790;
padding: 40px 0;
}
.modal-calc__btn-back {
display: none;
position: absolute;
left: 15px;
top: 15px;
width: 40px;
height: 40px;
background-image: url(../icon/modal-calc-btn-back.svg);
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center center;
background-color: transparent;
}
.modal-calc__btn-close {
position: absolute;
width: 40px;
height: 40px;
background-image: url(../img/modal-calc-btn-close.svg);
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center center;
background-color: transparent;
right: 15px;
top: 15px;
}
.modal-calc__content {
max-width: 805px;
width: 100%;
margin: 0 auto;
display: none;
}
.modal-calc__content_active {
display: block;
}
.modal-calc__title {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
color: #fff;
text-align: center;
max-width: 650px;
margin: 0 auto;
margin-bottom: 40px;
}
.modal-calc__steps {
list-style: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0;
margin-bottom: 55px;
}
.modal-calc__steps_form {
margin-bottom: 30px;
}
.modal-calc__steps-item {
position: relative;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #1b5da6;
border: 1px solid #1b5da6;
width: 36px;
height: 36px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-calc__steps-item:not(:first-child)::before {
content: '';
position: absolute;
right: 46px;
width: 136px;
height: 1px;
background-color: #1b5da6;
}
.modal-calc__steps-item_active {
border: 1px solid #f3490e;
color: #fff;
}
.modal-calc__steps-item_active:not(:first-child)::before {
background-color: #f3490e;
}
.modal-calc__question {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 140%;
color: #fff;
margin-bottom: 25px;
}
.modal-calc__list {
display: inline-block;
max-width: 285px;
width: 100%;
vertical-align: top;
margin-right: 30px;
margin-bottom: 80px;
}
.modal-calc__input {
position: absolute;
z-index: -1;
opacity: 0;
}
.modal-calc__input + label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.modal-calc__input + label::before {
content: '';
width: 20px;
height: 20px;
border: 1px solid #eff3ff;
background-color: transparent;
border-radius: 100%;
margin-right: 10px;
cursor: pointer;
}
.modal-calc__input:checked + label::before {
background-image: url(../icon/modal-checked-white.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
}
.modal-calc__label {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #fff;
cursor: pointer;
margin-bottom: 20px;
width: 100%;
}
.modal-calc__form {
max-width: 585px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-calc__form-input {
width: 282px;
height: 56px;
background-color: transparent;
border: 1px solid #1b5da6;
padding: 22px 20px;
margin-bottom: 20px;
color: #fff;
}
.modal-calc__form-input::-webkit-input-placeholder {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.modal-calc__form-textarea {
width: 100%;
background-color: transparent;
height: 100px;
resize: none;
border: 1px solid #1b5da6;
padding: 15px 20px;
margin-top: 5px;
margin-bottom: 25px;
color: #fff;
}
.modal-calc__form-textarea::-webkit-input-placeholder {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.modal-calc__checkbox {
position: absolute;
z-index: -1;
opacity: 0;
}
.modal-calc__checkbox + label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.modal-calc__checkbox + label::before {
content: '';
width: 16px;
height: 16px;
background-color: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 8px;
}
.modal-calc__checkbox:checked + label::before {
background-image: url(../icon/modal-checked-blue.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.modal-calc__checkbox-label {
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #eff3ff;
cursor: pointer;
margin-bottom: 25px;
}
.modal-calc__btn {
position: absolute;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 805px;
bottom: 40px;
}
.modal-calc__btn_insulation {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-calc__btn-next {
position: relative;
width: 160px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #fff;
padding-right: 20px;
}
.modal-calc__btn-next:after {
content: '';
position: absolute;
background-image: url(../icon/modal-calc-btn-next.svg);
background-repeat: no-repeat;
background-size: auto;
width: 14px;
height: 13px;
right: 30px;
top: 21px;
}
.modal-calc__btn-next:hover {
background-color: #ff4e10;
}
.modal-calc__btn-prev {
position: relative;
width: 160px;
height: 56px;
background-color: #f3490e;
opacity: 0.7;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
padding-left: 20px;
color: #fff;
}
.modal-calc__btn-prev:before {
content: '';
position: absolute;
background-image: url(../icon/modal-calc-btn-next.svg);
background-repeat: no-repeat;
background-size: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-size: auto;
width: 14px;
height: 13px;
left: 35px;
top: 21px;
}
.modal-calc__btn-prev:hover {
background-color: #ff4e10;
}
.modal-calc__btn-form {
width: 100%;
text-align: center;
}
.modal-calc__btn-calc {
width: 220px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #fff;
}
@media (max-width: 1249px) {
.modal-calc__body {
max-width: 750px;
}
.modal-calc__content {
max-width: 700px;
}
.modal-calc__steps-item:not(:first-child)::before {
width: 100px;
}
.modal-calc__btn {
max-width: 700px;
}
}
@media (max-width: 767px) {
.modal-calc__body {
max-width: 320px;
padding: 10px 0 0 0;
height: 100%;
overflow-y: auto;
}
.modal-calc__body::before {
content: '';
position: absolute;
top: 56px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 1px;
background-color: #eff3ff;
opacity: 0.2;
}
.modal-calc__btn-back {
display: block;
top: 8px;
}
.modal-calc__btn-close {
top: 8px;
}
.modal-calc__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-calc__title {
font-size: 12px;
line-height: 140%;
margin-bottom: 30px;
padding: 0 20px;
}
.modal-calc__title br {
display: none;
}
.modal-calc__title_form {
display: none;
}
.modal-calc__steps {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
max-width: 170px;
margin: 0 auto;
margin-top: 3px;
margin-bottom: 28px;
}
.modal-calc__steps-item {
font-size: 14px;
width: 30px;
height: 30px;
}
.modal-calc__steps-item:not(:first-child)::before {
display: none;
}
.modal-calc__question {
font-size: 14px;
line-height: 130%;
padding: 0 20px;
font-weight: 600;
}
.modal-calc__label {
font-size: 12px;
line-height: 140%;
}
.modal-calc__list {
margin-right: 0;
margin-bottom: 0;
padding: 0 20px;
}
.modal-calc__form {
max-width: 280px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.modal-calc__form-input {
max-width: 280px;
margin-bottom: 15px;
}
.modal-calc__form-textarea {
margin-top: 0;
}
.modal-calc__checkbox-label {
font-size: 10px;
line-height: 140%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.modal-calc__btn-calc {
width: 100%;
margin-bottom: 20px;
}
.modal-calc__btn {
bottom: 0;
}
.modal-calc__btn-next {
width: 100%;
margin-top: 10px;
}
.modal-calc__btn-next:after {
right: 111px;
}
.modal-calc__btn-prev {
display: none;
}
}
.overpayment {
padding: 100px 0 0 0;
}
.overpayment__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
text-align: center;
margin-bottom: 55px;
}
.overpayment__subtitle {
width: 285px;
height: 53px;
border-radius: 30px;
background-color: #f3490e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: #fff;
margin: 0 auto;
margin-bottom: 40px;
}
.overpayment__subtitle_blue {
background-color: #1e3790;
}
.overpayment__list {
max-width: 967px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
margin-bottom: 60px;
}
.overpayment__list_blue {
max-width: 303px;
margin-bottom: 0;
}
.overpayment__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
max-width: 136px;
width: 100%;
}
.overpayment__item:not(:first-child)::before {
content: '';
position: absolute;
left: -42px;
top: 39px;
background-image: url(../icon/overpayment-before.svg);
background-repeat: no-repeat;
width: 54px;
height: 8px;
}
.overpayment__item_before:not(:first-child)::before {
background-image: url(../icon/overpayment-ravno.svg);
width: 40px;
height: 24px;
top: 31px;
left: -35px;
}
.overpayment__item_blue:not(:first-child)::before {
background-image: url(../icon/overpayment-before-blue.svg);
}
.overpayment__image {
width: 86px;
height: 86px;
background-color: #fbc8b7;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.overpayment__image_orange {
background-color: #f3490e;
}
.overpayment__image_blue {
background-color: #eff3ff;
}
.overpayment__img {
width: 46px;
height: 46px;
-o-object-fit: cover;
object-fit: cover;
}
.overpayment__descr {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 130%;
color: #17181b;
}
@media (max-width: 1249px) {
.overpayment {
padding: 50px 0 0 0;
}
.overpayment__title {
font-size: 24px;
margin-bottom: 30px;
}
.overpayment__subtitle {
width: 255px;
font-size: 16px;
}
.overpayment__list {
max-width: 520px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.overpayment__list_blue {
max-width: 303px;
}
.overpayment__item {
margin-bottom: 20px;
}
.overpayment__item:not(:first-child)::before {
left: -53px;
}
.overpayment__item_before:not(:first-child)::before {
left: -45px;
}
.overpayment__item_blue:not(:first-child)::before {
left: -42px;
}
.overpayment__item:nth-child(4):before {
display: none;
}
.overpayment__image {
margin-bottom: 10px;
}
.overpayment__descr {
font-size: 14px;
}
}
@media (max-width: 767px) {
.overpayment {
padding-bottom: 0;
}
.overpayment__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 30px;
}
.overpayment__subtitle {
max-width: 254px;
height: 39px;
font-size: 14px;
line-height: 130%;
margin-bottom: 25px;
}
.overpayment__list {
max-width: 254px;
}
.overpayment__list:not(:last-child) {
margin-bottom: 30px;
}
.overpayment__item {
max-width: 102px;
margin-bottom: 28px;
}
.overpayment__item:not(:first-child)::before {
left: -51px;
top: 21px;
}
.overpayment__item:nth-child(2)::after,
.overpayment__item:nth-child(4)::after {
content: '';
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 100%;
width: 8px;
height: 8px;
background: #fbc8b7;
}
.overpayment__item_before:not(:first-child)::before {
width: 54px;
height: 24px;
background-image: url(../icon/overpayment-ravno-mobile.svg);
left: -51px;
top: 13px;
}
.overpayment__item:nth-child(3)::before {
display: block;
}
.overpayment__item:nth-child(4)::before,
.overpayment__item:nth-child(5)::before {
display: none;
}
.overpayment__item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.overpayment__item:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.overpayment__item:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.overpayment__item:nth-child(4) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.overpayment__item:nth-child(5) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
margin-bottom: 0;
}
.overpayment__item:nth-child(6) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
margin-bottom: 0;
}
.overpayment__item_blue:after {
display: none;
}
.overpayment__image {
width: 50px;
height: 50px;
margin-bottom: 8px;
}
.overpayment__img {
width: 27px;
height: 27px;
}
.overpayment__descr {
font-size: 12px;
line-height: 130%;
}
}
.calc {
background-color: #1b5da6;
}
.calc .container {
padding-top: 60px;
padding-bottom: 60px;
background-image: url(../img/calc-bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.calc__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #fff;
margin-bottom: 40px;
max-width: 802px;
}
.calc__btn {
width: 220px;
height: 56px;
background-color: #f3490e;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.calc__btn:hover {
background-color: #ff4e10;
}
@media (max-width: 1249px) {
.calc .container {
padding-top: 40px;
padding-bottom: 75px;
}
.calc__title {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.calc .container {
background-size: contain;
background-position: center bottom;
padding-top: 40px;
padding-bottom: 200px;
}
.calc__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 25px;
}
.calc__btn {
width: 100%;
}
}
.materials {
padding: 100px 0 50px 0;
}
.materials__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 60px;
}
.materials__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 50px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.materials__image {
width: 386px;
height: 170px;
border: 1px solid #1e3790;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin-bottom: 30px;
}
.materials__img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.materials__name {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
@media (max-width: 1249px) {
.materials {
padding: 50px 0;
}
.materials__title {
font-size: 24px;
margin-bottom: 40px;
text-align: center;
}
.materials__list {
grid-template-columns: repeat(2, 280px);
row-gap: 30px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.materials__item {
width: 280px;
}
.materials__image {
width: 280px;
margin-bottom: 5px;
}
.materials__name {
font-size: 14px;
line-height: 140%;
}
}
@media (max-width: 767px) {
.materials__title {
font-size: 18px;
line-height: 130%;
}
.materials__title br {
display: none;
}
.materials__list {
grid-template-columns: 1fr;
row-gap: 30px;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.materials__image {
height: 140px;
}
.materials__img {
height: 130px;
width: 200px;
-o-object-fit: contain;
object-fit: contain;
}
}
.sheathing {
padding-top: 50px;
padding-bottom: 80px;
}
.sheathing__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 60px;
}
.sheathing__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sheathing__descr {
max-width: 386px;
margin-right: 30px;
}
.sheathing__descr-img {
max-width: 386px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 25px;
}
.sheathing__descr-name {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #17181b;
margin-bottom: 15px;
}
.sheathing__descr-text {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #17181b;
}
.sheathing__palette {
max-width: 802px;
padding: 30px;
border: 1px solid #1b5da6;
display: grid;
grid-template-columns: repeat(4, 1fr);
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px;
row-gap: 30px;
}
.sheathing__palette-item {
max-width: 160px;
}
.sheathing__palette-color {
width: 160px;
height: 100px;
border: 1px solid #575757;
margin-bottom: 15px;
}
.sheathing__palette-color_1014 {
background-color: #ddc78d;
}
.sheathing__palette-color_1015 {
background-color: #ded19d;
}
.sheathing__palette-color_1018 {
background-color: #fff73d;
}
.sheathing__palette-color_3003 {
background-color: #8a211d;
}
.sheathing__palette-color_3009 {
background-color: #703731;
}
.sheathing__palette-color_3011 {
background-color: #7e292c;
}
.sheathing__palette-color_5002 {
background-color: #083063;
}
.sheathing__palette-color_5005 {
background-color: #004773;
}
.sheathing__palette-color_6002 {
background-color: #086641;
}
.sheathing__palette-color_6005 {
background-color: #0f4336;
}
.sheathing__palette-color_7004 {
background-color: #8c8c8a;
}
.sheathing__palette-color_8017 {
background-color: #44322d;
}
.sheathing__palette-color_9002 {
background-color: #dadbd5;
}
.sheathing__palette-color_9003 {
background-color: #f8f9fb;
}
.sheathing__palette-color_9006 {
background-color: #969495;
}
.sheathing__palette-name {
font-family: Montserrat;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #17181b;
margin-bottom: 10px;
}
.sheathing__palette-descr {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #17181b;
}
@media (max-width: 1249px) {
.sheathing__title {
font-size: 24px;
text-align: center;
margin-bottom: 40px;
}
.sheathing__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sheathing__descr {
margin-right: 0;
margin-bottom: 40px;
}
.sheathing__palette {
grid-template-columns: repeat(3, 160px);
}
}
@media (max-width: 767px) {
.sheathing {
padding-top: 20px;
padding-bottom: 60px;
}
.sheathing__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 25px;
}
.sheathing__descr {
margin-bottom: 30px;
}
.sheathing__descr-img {
max-width: 280px;
height: auto;
margin-bottom: 15px;
}
.sheathing__descr-name {
font-size: 14px;
line-height: 140%;
margin-bottom: 10px;
}
.sheathing__descr-text {
font-size: 12px;
line-height: 140%;
}
.sheathing__palette {
max-width: 280px;
padding: 10px;
grid-template-columns: repeat(2, 130px);
row-gap: 16px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.sheathing__palette-color {
width: 120px;
height: 40px;
margin-bottom: 5px;
}
.sheathing__palette-name {
font-size: 10px;
line-height: 140%;
margin-bottom: 5px;
}
.sheathing__palette-descr {
font-size: 10px;
line-height: 140%;
}
}
.production {
padding: 100px 0 50px 0;
}
.production__title {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 130%;
color: #17181b;
margin-bottom: 40px;
text-align: center;
}
.production__video {
max-width: 802px;
width: 100%;
height: 400px;
margin: 0 auto;
}
.production__video img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
@media (max-width: 1249px) {
.production {
padding: 80px 0;
}
.production__title {
font-size: 24px;
margin-bottom: 30px;
}
.production__video {
max-width: 700px;
}
}
@media (max-width: 767px) {
.production {
padding: 50px 0;
}
.production__title {
font-size: 18px;
line-height: 130%;
margin-bottom: 30px;
}
.production__video {
max-width: 280px;
height: auto;
}
}
.thanks {
padding: 100px 0;
text-align: center;
line-height: 270%;
}
/*!
* baguetteBox.js
* @author feimosi
* @version %%INJECT_VERSION%%
* @url https://github.com/feimosi/baguetteBox.js
*/
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: '';
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
transition: left 0.4s ease, -webkit-transform 0.4s ease;
transition: left 0.4s ease, transform 0.4s ease;
transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
-webkit-animation: bounceFromRight 0.4s ease-out;
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
-webkit-animation: bounceFromLeft 0.4s ease-out;
animation: bounceFromLeft 0.4s ease-out;
}
@-webkit-keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@-webkit-keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
-webkit-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus,
.baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
}
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.page-404 {
padding: 40px 0;
text-align: center;
}
.page-404 h1, .page-404 p {
text-align: center;
}
.page-404 p span {
font-size: 140px;
}
.btn-up {
display: none;
position: fixed;
right: 30px;
bottom: 70px;
width: 50px;
height: 50px;
border-radius: 50%;
background-image: url(../icon/objects-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
transform: rotate(-90deg);
z-index: 2;
border: 1px solid #ececec;
cursor: pointer;
}
.btn-up_active {
display: block;
}
.slider__list_team .slider__img {
width: 100%;
height: 486px;
object-fit: cover;
}
.slider-top__slide.bslide-2 {
background-image: url('../img/bslider-2.png') !important;
background-position: center;
}
.slider-top__slide.bslide-3 {
background-image: url('../img/bslider-3.png') !important;
background-position: center;
}
.slider-top__slide.bslide-4 {
background-image: url('../img/bslider-4.png') !important;
background-position: center;
}
.catalog-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.catalog-list li {
padding: 20px 35px 20px 20px;
border: 1px solid #eff3ff;
max-width: 385px;
margin: 10px;
width: 100%;
}
.catalog-list a {
color: #1e1d1d;
text-decoration: none;
}
.catalog-list a:hover {
text-decoration: underline;
}
@media (max-width: 480px) {
.slider-top__slide.bslide-2 {
background-image: url('../img/bslider-2-mob.png') !important;
background-position: center;
}
.slider-top__slide.bslide-3 {
background-image: url('../img/bslider-3-mob.png') !important;
background-position: center;
}
.slider-top__slide.bslide-4 {
background-image: url('../img/bslider-4-mob.png') !important;
background-position: center;
}
ul.header__catalog-list {
overflow-y: scroll;
overflow-x: hidden;
height: 100vh;
padding-bottom: 250px;
padding-right: 10px;
}
}
@media (min-width: 480px) {
.slider__list.slider__list_bytovki .swiper-wrapper {
flex-wrap: wrap;
justify-content: center;
}
.slider__slide.slider__slide_bytovki.swiper-slide {
margin: 0 5px;
margin-bottom: 30px;
}
}
.img-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.img-block img {
max-width: 430px;
height: auto;
margin-bottom: 20px;
}
.catalog-bytovki .product__title {
height: 85px;
}
.catalog-bytovki {
padding-bottom: 0;
}
.catalog-bytovki .catalog__list {
margin-bottom: 0;
}
.catalog-bytovki .catalog__list {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1249px) {
.catalog-bytovki .catalog__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.catalog-bytovki .catalog__list {
grid-template-columns: 1fr;
}
.catalog-bytovki .product {
width: 280px !important;
height: auto;
}
}
.product-table table {
border-collapse: collapse;
margin-bottom: 70px;
margin-top: 30px;
}
.product-table th {
padding: 15px 40px;
font-size: 17px;
line-height: 1em;
color: #333;
font-weight: 400;
white-space: nowrap;
}
.product-table td {
padding: 10px 30px;
font-size: 16px;
line-height: 1.2em;
color: #333;
font-weight: 300;
border: 1px solid #bfbfbf;
text-align: center;
}
.product-table {
overflow: hidden;
}
.product-table .container {
overflow: scroll;
}
.header__contact-btn_mobile {
display: none;
}
@media(max-width: 480px) {
.slider__list_team .slider__img {
max-height: 100%;
}
.slider__list_team .slider__descr {
padding-bottom: 15px;
}
.slider__list.slider__list_team {
overflow-x: hidden;
}
element.style {
width: 280px;
}
.slider__list.slider__list_team .slider__slide.swiper-slide {
width: 100%;
}
section.range {
margin-bottom: 50px;
}
.product__title {
height: 75px;
}
.product {
height: 320px;
}
.product-card__image {
margin-top: 20px;
}
.slider__list.slider__list_team .slider__slide {
height: 340px !important;
}
.slider__list.slider__list_team .slider__slide:nth-child(2) img {
object-position: 0 -180px !important;
}
.header__contact-btn_desktop {
display: none;
}
.header__contact-btn_mobile {
display: block;
}
.slider-top_bytovki .slider-top__slide:not(:first-child) {
background-position: center;
min-height: 228px;
background-size: contain !important;
}
}
.text__title_news {
max-width: 100%;
padding: 30px;
margin-top: -80px;
margin-bottom: 70px;
line-height: 42px;
background-color: #1e3790;
color: #fff;
font-size: 22px;
}
.text__title_news p {
margin: 0;
padding: 0;
}
@media(max-width: 480px) {
.text__title_news {
font-size: 13px;
line-height: 20px;
}
}