.border--radius {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; } body {color: #333; } [data-scroll] {opacity: 0; will-change: transform, scale, opacity; -webkit-transform: translateY(6rem) scale(0.93); -moz-transform: translateY(6rem) scale(0.93); -ms-transform: translateY(6rem) scale(0.93); transform: translateY(6rem) scale(0.93); -webkit-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); } [data-scroll="in"] {opacity: 1; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .splitting .char {color: transparent; } .splitting .char:after {visibility: visible; color: #000; opacity: 0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-delay: calc(.2s + (.04s * var(--char-index) )); -moz-transition-delay: -moz-calc(.2s + (.04s * var(--char-index) )); transition-delay: calc(.2s + (.04s * var(--char-index) )); } [data-scroll="in"] .char:after {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }  .header__social a {padding-left: 6px; } @media (max-width: 1200px) {.header__social a {padding-left: 1px; } } .slider {position: relative; } .slider__action {position: absolute; left: 0; bottom: 25%; right: 0; } @media (max-width: 1200px) {.slider__action {left: 17%; bottom: 15%; } } @media (max-width: 998px) {.slider__action {left: 0; bottom: 15%; text-align: center; } } @media (max-width: 778px) {.slider__action {display: none; } } .slider__action .portfolio {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 200px; display: inline-block; text-align: center; padding: 21px 0; background: #34bbbe; border-radius: 10px; margin-right: 20px; } @media (max-width: 1200px) {.slider__action .portfolio {width: 150px; padding: 16px 0; } } .slider__action .call {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 200px; display: inline-block; text-align: center; padding: 21px 0; background: #f57db5; border-radius: 10px; margin-right: 20px; } @media (max-width: 1200px) {.slider__action .call {width: 150px; padding: 16px 0; } } .inform {padding: 112px 0; } @media (max-width: 998px) {.inform {padding: 40px 0; } } .inform__pagetitle {margin-bottom: 70px; font-size: 50px; line-height: 22px; color: #201d1f; text-align: center; font-family: 'Montserrat Regular'; } @media (max-width: 1200px) {.inform__pagetitle {font-size: 40px; } } @media (max-width: 998px) {.inform__pagetitle {font-size: 30px; margin-bottom: 40px; } } @media (max-width: 778px) {.inform__pagetitle {font-size: 24px; margin-bottom: 20px; line-height: normal; } } .inform__block {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 998px) {.inform__block {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .inform__block-text {width: 420px; } @media (max-width: 1200px) {.inform__block-text {width: 370px; } } @media (max-width: 998px) {.inform__block-text {width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .inform__block .blockContetn {height: 120px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media (max-width: 998px) {.inform__block .blockContetn {display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 20px; width: 50%; padding: 0 10px; } } @media (max-width: 768px) {.inform__block .blockContetn {padding: 0; width: 100%; } } .inform__block .blockContetn__str {width: 80px; background-color: #ece9e9; background-image: url(../img/str.png); background-repeat: no-repeat; background-position: 50%; } .inform__block .blockContetn__text {width: 360px; font-size: 16px; line-height: 20px; color: #fff; background: #34bbbe; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 35px; text-align: center; font-family: 'Montserrat Regular'; } @media (max-width: 768px) {.inform__block .blockContetn__text {width: 100%; } } @media (max-width: 450px) {.inform__block .blockContetn__text {padding: 0 10px; } } @media (max-width: 998px) {.inform__block-img {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media (max-width: 450px) {.inform__block-img {display: block; } } .inform__block-photoOne {width: 300px; display: inline-block; margin-right: 20px; } @media (max-width: 1200px) {.inform__block-photoOne {display: none; } } @media (max-width: 998px) {.inform__block-photoOne {display: inline-block; } } @media (max-width: 450px) {.inform__block-photoOne {width: 100%; margin-bottom: 10px; margin-right: 0; } .inform__block-photoOne img {width: 100%; } } .inform__block-photoOne img:nth-child(1) {margin-bottom: 20px; } .inform__block-photoTwo {width: 400px; display: inline-block; vertical-align: top; } @media (max-width: 1200px) {.inform__block-photoTwo {width: 450px; } } @media (max-width: 998px) {.inform__block-photoTwo {width: 400px; } } @media (max-width: 450px) {.inform__block-photoTwo {width: 100%; } } .inform__block-img {position: relative; } .inform__block-img:after {content: ""; position: absolute; width: 534px; height: 231px; background: url(../img/logo_s.png); right: 0; bottom: 0; } @media (max-width: 450px) {.inform__block-img:after {width: 0; } } .inform__style {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 45px; } @media (max-width: 768px) {.inform__style {padding: 15px 0; background: #f8f8f8;} .content__inner p img{margin:40px 0} #header > div > div:nth-child(5) > div > a > img{margin-right:8px}} @media (max-width: 768px) {.inform__style img {display: none; } } .inform__style-text {width: 100%; background: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 80px; } @media (max-width: 1200px) {.inform__style-text {padding-left: 45px; } } @media (max-width: 998px) {.inform__style-text {padding-left: 0; text-align: center; } } .inform__style-color {font-size: 35px; line-height: 40px; color: #201d1f; font-family: 'Montserrat Regular'; } @media (max-width: 1200px) {.inform__style-color {font-size: 28px; } } @media (max-width: 450px) {.inform__style-color {font-size: 21px; line-height: 30px; } } .inform__style-color .pink {color: #34bbbe; } .inform__style-color .blue {color: #f565a8; } .inform__style .portfolio {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 220px; display: inline-block; text-align: center; padding: 21px 0; background: #f57db5; border-radius: 10px; margin-right: 20px; letter-spacing: 0.1em; font-size: 15px; } @media (max-width: 998px) {.inform__style .portfolio {margin: 0 auto; } } .inform__style .star {padding: 45px 0 100px; } @media (max-width: 768px) {.inform__style .star {padding: 35px 0 35px; } } .inform__style .star img {padding-right: 11px; } @media (max-width: 768px) {.inform__style .star img {display: inline-block; } } .trust {padding-bottom: 100px; /* -HEADER- */ } @media (max-width: 998px) {.trust {padding-bottom: 30px; } } @media (max-width: 768px) {.trust {padding-bottom: 0px; } } .trust__pagetitle {text-align: center; font-size: 50px; line-height: normal; margin-bottom: 78px; font-family: 'Montserrat Regular'; } @media (max-width: 768px) {.trust__pagetitle {font-size: 24px; margin-bottom: 20px; line-height: normal; } } .join {height: 720px; background: url(../images/slider/2.jpg); position: relative; } @media (max-width: 450px) {.join {height: 500px; padding: 0 10px; } } .join:after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: #201d1fc2; width: 50%; } @media (max-width: 768px) {.join:after {width: 100%; } } .join__block {z-index: 5; position: relative; color: #fff; margin-top: 120px; margin-left: 60px; } @media (max-width: 1200px) {.join__block {margin-left: 35px; } } @media (max-width: 450px) {.join__block {margin-left: 0; margin-top: 35px; } } .join__text {font-size: 50px; line-height: 60px; font-family: 'Montserrat Regular'; margin-bottom: 80px; } @media (max-width: 1200px) {.join__text {font-size: 40px; line-height: 53px; margin-bottom: 50px; } } @media (max-width: 998px) {.join__text {font-size: 34px; line-height: 40px; } } .join__dopt {font-size: 24px; line-height: 30px; font-family: 'Montserrat Regular'; margin-bottom: 50px; } @media (max-width: 450px) {.join__dopt {margin-bottom: 25px; } } .join__sale {display: inline-block; font-size: 40px; line-height: 30px; font-family: 'Montserrat SemiBold'; padding: 19px; background: #000; margin-bottom: 80px; } @media (max-width: 998px) {.join__sale {margin-bottom: 60px; font-size: 30px; } } @media (max-width: 450px) {.join__sale {margin-bottom: 25px; } } .join__order a:nth-child(1) {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 270px; display: inline-block; text-align: center; padding: 21px 0; background: #34bbbe; border-radius: 10px; margin-right: 20px; } @media (max-width: 1200px) {.join__order a:nth-child(1) {margin-right: 5px; width: 220px; } } @media (max-width: 998px) {.join__order a:nth-child(1) {width: 300px; margin-bottom: 10px; } } @media (max-width: 450px) {.join__order a:nth-child(1) {width: 100%; margin-right: 0; margin:20px 0; } } .join__order a:nth-child(2) {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 220px; display: inline-block; text-align: center; padding: 21px 0; background: #f57db5; border-radius: 10px; } @media (max-width: 998px) {.join__order a:nth-child(2) {width: 300px; margin-bottom: 10px; } } @media (max-width: 450px) {.join__order a:nth-child(2) {width: 100%; } } /*  CONTENT  */ .choice {padding: 125px 0 600px; position: relative; } @media (max-width: 998px) {.choice {padding: 125px 0 450px; } } @media (max-width: 768px) {.choice {padding: 40px 0 480px; } } @media (max-width: 450px) {.choice .w_100 {width: 100%; } } .choice:after {position: absolute; content: ""; bottom: 0; background: url(../img/foto.webp) no-repeat center; width: 100%; height: 495px; } .choice__pagetitle {text-align: center; font-size: 50px; line-height: normal; margin-bottom: 65px; font-family: 'Montserrat Regular'; } @media (max-width: 768px) {.choice__pagetitle {font-size: 24px; margin-bottom: 49px; line-height: normal; } } .choice__block-text {background: #34bbbe; color: #fff; height: 100px; font-size: 18px; line-height: 22px; font-family: 'Montserrat Medium'; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 50px; padding: 0 31px; text-align: center; position: relative; } @media (max-width: 1200px) {.choice__block-text {padding: 0 25px; } } .choice__block-text:before {position: absolute; content: ""; left: 0; right: 0; margin: auto; top: -20px; width: 35px; height: 30px; background: url(../img/str.png); } .choice__block-list ul {list-style: none; } @media (max-width: 450px) {.choice__block-list ul {margin-bottom: 40px; } } .choice__block-list ul li {font-size: 14px; line-height: 22px; color: #201d1f; font-family: 'Montserrat Regular'; margin-bottom: 20px; padding-left: 30px; position: relative; } .choice__block-list ul li:before {position: absolute; content: ""; left: 0; top: 5px; width: 10px; height: 10px; background: #49b2b5; border-radius: 50%; } .offer {background: url(../img/offer.jpg) center no-repeat; height: 650px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -60px; z-index: 1; position: relative; background-attachment: fixed; background-size: cover;} @media (max-width: 768px) {.offer {height: 570px; } } @media (max-width: 450px) {.offer {height: 350px; background-position: 55% 0%; } } .offer__text {font-size: 55px; line-height: 65px; margin-bottom: 125px; font-family: 'Montserrat Light'; } @media (max-width: 450px) {.offer__text {font-size: 36px; line-height: 50px; margin-bottom: 45px; } } .offer__action a {color: #fff; font-family: 'Montserrat Bold'; text-transform: uppercase; width: 200px; display: inline-block; text-align: center; padding: 21px 0; background: #34bbbe; border-radius: 10px; } .contact {padding: 120px 0; } @media (max-width: 998px) {.contact {padding: 25px 0; } } .contact__loc {font-size: 18px; color: #333b3f; font-family: 'Montserrat Regular'; position: relative; padding-left: 80px; } @media (max-width: 998px) {.contact__loc {padding-left: 50px; } } @media (max-width: 768px) {.contact__loc {margin-bottom: 15px; } } .contact__loc:before {content: ""; position: absolute; width: 60px; height: 60px; background: url(../img/loc_c.png); left: 0; top: -10px; } @media (max-width: 998px) {.contact__loc:before {top: 0; width: 45px; height: 45px; background-size: contain; } } .contact__loc span {font-size: 11px; color: #34bbbe; font-family: 'Montserrat Bold'; display: block; text-transform: uppercase; margin-bottom: 5px; } .contact__phone {font-size: 18px; color: #333b3f; font-family: 'Montserrat Regular'; position: relative; padding-left: 80px; } @media (max-width: 998px) {.contact__phone {padding-left: 50px; } } .contact__phone:before {content: ""; position: absolute; width: 60px; height: 60px; background: url(../img/phone_c.png); left: 0; top: -10px; } @media (max-width: 998px) {.contact__phone:before {top: 0; width: 45px; height: 45px; background-size: contain; } } .contact__phone span {font-size: 11px; color: #34bbbe; font-family: 'Montserrat Bold'; display: block; text-transform: uppercase; margin-bottom: 5px; } .contact__social {margin-top: 10px; } .contact__social a {padding-right: 15px; } .owl-dots {display: none; } .content {min-height: 500px; padding-top: 20px; font-family: 'Montserrat Regular'; } .sidebar {margin-bottom: 30px; } /* -CONTENT- */ /*  FOOTER  */ .footer {position: relative; background: #fff; color: #323537; padding: 50px 0; font-size: 18px; font-family: 'Montserrat Regular'; } @media (max-width: 998px) {.footer {text-align: center; padding: 15px 0; } } .footer__copy {color: #323537; text-align: right; margin-top: 35px; font-size: 14px; } @media (max-width: 998px) {.footer__copy {text-align: center; } } .footer__logo-text {display: inline-block; padding-left: 45px; vertical-align: bottom; line-height: 20px; } @media (max-width: 1200px) {.footer__logo-text {padding-left: 20px; } } .webstr__link {font-size: 9px; font-family: Trebuchet MS1, Trebuchet MS, sans-serif; color: #9c9faa; display: inline-block; line-height: 10px; vertical-align: top; margin-left: 5px; text-align: left; } /* -FOOTER- */ /* Новостной блок */ .block_news {width: 100%; } .block_news .news_item {width: 100%; margin-bottom: 10px; } .block_news .news_item__title {font-size: 1.2em; } .block_news .news__title {font-size: 1.3em; margin-bottom: 15px; font-weight: bold; margin-top: 20px; } .block_news .date {display: block; font-style: italic; margin-bottom: 10px; } .block_news .news_item img {margin-bottom: 10px; border: 0; border-radius: 0; display: block; } /**/ @media (max-width: 1200px) {.topnav ul a {padding: 20px 15px; } } @media (max-width: 992px) { .sidebar .nav-wrap {margin-top: 0; } .topnav ul {margin: 0; text-align: left; } .topnav ul li {display: block; } .topnav ul ul {display: block; position: static; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 20px; } .topnav ul a {padding: 15px 0px; } } @media (max-width: 450px){.choice:after{background-position: 35%; } } iframe {max-width: 100%;} .content__inner th, .content__inner td {white-space: normal !important;}.row-flex{ display: flex; flex-flow: row wrap;}.row-flex .content-gallery__img {max-height: 180px; object-fit: contain;}.map img{width: 100%} .relative { position: relative; } .slider__action .call { position: absolute; bottom: -17px; right: 0; background: #34bbbe;}.slider__action .portfolio {position: absolute;left: 0;bottom: -17px;} #header-slider .owl-prev { left: 25px; } #header-slider .owl-next { right: 25px; }