@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-ExtraLight.eot');
src: url('/assets/fonts/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-ExtraLight.woff2') format('woff2'),
url('/assets/fonts/Inter-ExtraLight.woff') format('woff'),
url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Bold.eot');
src: url('/assets/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Bold.woff2') format('woff2'),
url('/assets/fonts/Inter-Bold.woff') format('woff'),
url('/assets/fonts/Inter-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Light.eot');
src: url('/assets/fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Light.woff2') format('woff2'),
url('/assets/fonts/Inter-Light.woff') format('woff'),
url('/assets/fonts/Inter-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Medium.eot');
src: url('/assets/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Medium.woff2') format('woff2'),
url('/assets/fonts/Inter-Medium.woff') format('woff'),
url('/assets/fonts/Inter-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Black.eot');
src: url('/assets/fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Black.woff2') format('woff2'),
url('/assets/fonts/Inter-Black.woff') format('woff'),
url('/assets/fonts/Inter-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-ExtraBold.eot');
src: url('/assets/fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
url('/assets/fonts/Inter-ExtraBold.woff') format('woff'),
url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-SemiBold.eot');
src: url('/assets/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-SemiBold.woff2') format('woff2'),
url('/assets/fonts/Inter-SemiBold.woff') format('woff'),
url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Thin.eot');
src: url('/assets/fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Thin.woff2') format('woff2'),
url('/assets/fonts/Inter-Thin.woff') format('woff'),
url('/assets/fonts/Inter-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/assets/fonts/Inter-Regular.eot');
src: url('/assets/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/Inter-Regular.woff2') format('woff2'),
url('/assets/fonts/Inter-Regular.woff') format('woff'),
url('/assets/fonts/Inter-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--ff-inter: 'Inter', sans-serif;
--cr-dark-blue: #1D253D;
--cr-orange: #FF5029;
--cr-white: #FFF;
}
body, html {
margin: 0;
padding: 0;
font-size: 16px;
background: var(--cr-dark-blue);
font-family: var(--ff-inter);
font-weight: 400;
color: var(--cr-white);
}
html {
overflow-x: hidden;
overflow-y: auto;
scroll-behavior: smooth;
}
img {
display: block;
}
*, :before, :after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, p {
margin: 0;
padding: 0;
}
a, a:hover, a > *, a:hover > * {
-webkit-transition: ease-in-out .3s;
-o-transition: ease-in-out .3s;
transition: ease-in-out .3s;
cursor: pointer;
text-decoration: unset;
}
button, button:hover {
cursor: pointer;
transition: var(--ease-in-out);
}
.row {
display: flex;
}
.row.--align-center {
align-items: center;
}
.row.--align-start {
align-items: flex-start;
}
.row.--align-end {
align-items: flex-end;
}
.row.--just-space {
justify-content: space-between;
}
.row.--just-center {
justify-content: center;
}
.row.--just-start {
justify-content: flex-start;
}
.row.--just-end {
justify-content: flex-end;
}
.center-wrap {
max-width: 82.5rem;
padding: 0;
margin: 0 auto;
width: 100%;
}
.header {
background-color: var(--cr-white);
padding: 2.19rem 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 100;
}
.header__row-menu {
flex: 0 1 50%;
}
.header__row-menu-link {
color: var(--cr-dark-blue);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 1.87rem;
}
.header__row-menu-link:hover {
color: var(--cr-orange);
}
.header__row-menu-link:last-child {
margin-right: 0;
}
.header__row-socials-icon {
width: 2.1875rem;
height: 2.1875rem;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
margin-right: 1.56rem;
background-position: center;
display: block;
}
.header__row-socials-icon.--tg {
background-image: url('data:image/svg+xml,');
}
.header__row-socials-icon.--wa {
background-image: url('data:image/svg+xml,');
}
.header__row-socials-icon.--tg:hover {
background-image: url('data:image/svg+xml,');
}
.header__row-socials-icon.--wa:hover {
background-image: url('data:image/svg+xml,');
}
.btn {
padding: 1.12rem 1.5rem;
border-radius: 0.625rem;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
display: flex;
max-width: max-content;
justify-content: center;
align-items: center;
}
.header__row-socials-btn {
color: var(--cr-dark-blue);
border: 1px solid var(--cr-dark-blue);
}
.header__row-socials-btn:hover {
background-color: var(--cr-orange);
border-color: var(--cr-orange);
color: var(--cr-white);
}
.header__row-burger {
display: none;
height: 1rem;
width: 1.5rem;
}
.header__row-burger-line {
width: 100%;
height: 2px;
background-color: var(--cr-dark-blue);
max-width: 1.5rem;
transition: ease-in-out .3s;
}
.header__row-burger:hover .header__row-burger-line, .header__row-burger.active .header__row-burger-line{
background-color: var(--cr-orange);
transition: ease-in-out .3s;
}
.header__row-burger.active .header__row-burger-line:first-child {
transform: rotate(45deg) translate(6px, 5px);
}
.header__row-burger.active .header__row-burger-line:nth-child(2) {
opacity: 0;
}
.header__row-burger.active .header__row-burger-line:last-child {
transform: rotate(-45deg) translate(4px, -4px);
}
.header__mob-menu {
position: fixed;
width: 100%;
background-color: #1A191950;
left: 0;
top: 4.125rem;
height: 100%;
min-height: 100vh;
display: none;
}
.header__mob-menu-wrap {
background-color: var(--cr-white);
height: 100%;
display: flex;
flex-direction: column;
padding: 2rem 1rem;
max-width: 75%;
position: relative;
}
.header__mob-menu-wrap-close {
width: 1.75rem;
height: 1.75rem;
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 100%;
position: absolute;
right: -3rem;
top: 1.5rem;
}
.header__mob-menu-wrap-list {
display: flex;
flex-direction: column;
}
.header__mob-menu-wrap-list .header__row-menu-link {
margin-right: 0;
margin-bottom: 1rem;
}
.header__mob-menu-wrap-socials .header__row-socials-icon{
margin-right: 0;
}
.header__mob-menu-wrap .header__row-socials-btn {
margin-top: 1.5rem;
}
.main {
margin-top: 7.7425rem;
}
.hero {
overflow: hidden;
}
.hero__grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
}
.hero__content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5rem 0 6rem;
}
.hero__wrap {
position: relative;
width: 100%;
padding-bottom: 96.99042407660738%;
}
.hero__wrap img {
position: absolute;
height: 100%;
width: calc((100% + 82.5rem) / 2);
top: 0;
right: calc((100% - 82.5rem) / 2);
object-fit: cover;
}
.hero__content-title {
font-size: 3.375rem;
font-style: normal;
font-weight: 500;
line-height: 111.111%;
letter-spacing: -0.10125rem;
color: var(--cr-white);
}
.hero__content-title span {
color: var(--cr-orange);
}
.hero__content-body-text {
font-size: 1.625rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.hero__content-body-btn {
margin-top: 2.5rem;
background-color: var(--cr-orange);
color: var(--cr-white);
font-size: 1.125rem;
font-weight: 600;
position: relative;
}
.hero__content-body-btn:before {
content: '';
position: absolute;
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 3.75rem;
height: 3.75rem;
top: -1.875rem;
right: -1.875rem;
}
.hero__content-body-btn:hover {
color: var(--cr-orange);
background-color: var(--cr-white);
}
.btn span, .btn:hover span {
transition: unset;
}
.services, .calculate, .cta, .faq, .thankyou {
padding: 9.38rem 0;
}
.services__grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 1rem;
}
.services__grid-info {
height: 100%;
}
.services__grid-info-wrapper {
position: sticky;
top: 10rem;
}
.services__grid-info-title {
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.services__grid-info-text {
margin-top: 2.5rem;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.services__grid-content {
display: grid;
grid-template-columns: 1.75fr 1fr;
gap: .7rem;
}
.services__grid-content-item {
padding: 1.875rem;
background-color: var(--cr-white);
border-radius: 0.625rem;
margin-bottom: .7rem;
}
.services__grid-content-item-text {
margin-top: 1.88rem;
color: var(--cr-dark-blue);
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.prices {
padding: 9.38rem 0;
background-color: var(--cr-white);
}
.prices__grid-info-title {
color: var(--cr-dark-blue);
}
.prices__grid-content-item {
background-color: var(--cr-orange);
border-radius: .625rem;
padding: 1.875rem;
margin-bottom: .625rem;
}
.price__grid-content-item-text {
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.price__grid-content-item-price {
margin-top: 5rem;
text-align: right;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.calculate {
overflow: hidden;
}
.calculate .center-wrap {
position: relative;
z-index: 1;
}
.calculate__form {
width: 100%;
max-width: 36rem;
background-color: var(--cr-white);
border-radius: .625rem;
margin: 0 auto;
padding: 3.75rem;
position: relative;
}
.calculate__form::before {
content: '';
position: absolute;
border: 1px solid #616F9B;
border-radius: 100%;
width: 53.6875rem;
height: 53.6875rem;
left: -8.84375rem;
z-index: -1;
}
.calculate__form-title {
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: normal;
color: var(--cr-orange);
margin-bottom: 3.75rem;
}
.calculate__form-text {
margin-bottom: .62rem;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
}
.calculate__form-input {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
border-radius: 0.625rem;
background: #F2F2F2;
width: 100%;
margin-bottom: 1.88rem;
padding: 1.125rem 1.5rem;
border: none;
outline: none;
}
.calculate__form-input:nth-last-child(2) {
margin-bottom: 0;
}
.calculate__form-grid {
margin-top: 3.75rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.25rem;
align-items: center;
}
.calculate__form-grid-btn {
color: var(--cr-white);
border: 1px solid transparent;
background-color: var(--cr-orange);
max-width: 100%;
font-size: 1rem;
}
.calculate__form-grid-btn:hover {
color: var(--cr-orange);
border-color: var(--cr-orange);
background-color: var(--cr-white);
}
.calculate__form-grid-text {
font-size: 0.6875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
}
.about__grid-info-item {
background: var(--cr-orange);
padding: 1.87rem;
margin-top: 3.75rem;
border-radius: .625rem;
}
.about__grid-info-item-row-subtext {
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 4px;
}
.about__grid-info-item-row-title {
font-size: 2.5rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.about__grid-info-item-text {
margin-top: 3.75rem;
text-align: right;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.about__grid-content-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
align-items: flex-end;
}
.about__grid-content-grid-info-title {
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.about__grid-content-grid-info-text {
margin-top: 1.25rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.about__grid-content-grid-info-btn {
color: var(--cr-dark-blue);
background-color: var(--cr-white);
margin-top: 1.25rem;
border: 1px solid transparent;
max-width: 100%;
font-size: 1rem;
font-weight: 500;
}
.about__grid-content-grid-info-btn:hover {
color: var(--cr-white);
background-color: var(--cr-orange);
}
.about__grid-low {
margin-top: 5rem;
}
.about__grid-content-grid-wrap {
width: 100%;
position: relative;
padding-bottom: 146.76258992805757%;
}
.about__grid-content-grid-wrap img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: .625rem;
}
.about__grid-low-title {
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--cr-orange);
}
.about__grid-low-info-item {
margin-bottom: 1.88rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-left: 1.87rem;
position: relative;
}
.about__grid-low-info-item:last-child {
margin-bottom: 0;
}
.about__grid-low-info-item:before {
width: 0.625rem;
height: 0.625rem;
border-radius: 100%;
background-color: var(--cr-white);
position: absolute;
left: 0;
top: 0;
content: '';
}
.about__grid-serts {
margin-top: 2.5rem;
}
.about__grid-serts-item {
max-width: 24rem;
}
.about__grid-serts-item-wrap {
width: 100%;
position: relative;
padding-bottom: 132.8125%;
display: block;
}
.about__grid-serts-item-wrap img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: .625rem;
}
.about__grid-low-info-text {
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.cta {
overflow: hidden;
}
.cta__wrapper {
max-width: 64rem;
width: 100%;
}
.cta__wrapper-wrap {
position: relative;
width: 100%;
padding-bottom: 77.97270955165692%;
}
.cta__wrapper-wrap img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: .625rem;
}
.cta__wrapper-form {
position: absolute;
right: calc(100% - 79.25rem);
width: 100%;
max-width: 30.5rem;
background-color: var(--cr-white);
border-radius: .625rem;
padding: 3.125rem;
top: 50%;
transform: translateY(-50%);
}
.cta__wrapper-form-title {
font-size: 1.75rem;
font-style: normal;
font-weight: 600;
line-height: normal;
color: var(--cr-dark-blue);
position: relative;
}
.cta__wrapper-form-title:before {
position: absolute;
content: '';
width: 3.75rem;
height: 3.75rem;
background-image: url('data:image/svg+xml,');
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
left: 50%;
transform: translateX(-50%);
top: -5.125rem;
}
.cta__wrapper-form-title span {
color: var(--cr-orange);
}
.cta__wrapper-form-subtitle {
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
margin: 1.87rem 0;
}
.cta__wrapper-form-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 1.25rem;
align-items: center;
}
.cta__wrapper-form-attention {
margin-top: 1.25rem;
color: var(--cr-orange);
font-size: 0.6875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cta__form-wrapper {
position: relative;
}
.services__grid.advantages__grid{
align-items: flex-end;
}
.advantages__grid-content-text {
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.advantages__items {
margin-top: 3.75rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: .63rem;
}
.advatnages__items-item {
background-color: var(--cr-white);
border-radius: .625rem;
padding: 1.875rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.advatnages__items-item-title {
color: var(--cr-orange);
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.advatnages__items-item-text {
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
margin-top: 4rem;
}
.advatnages__items-item.--orange {
background-color: var(--cr-orange);
}
.advatnages__items-item.--orange .advatnages__items-item-title, .advatnages__items-item.--orange .advatnages__items-item-text {
color: var(--cr-white);
}
.faq__title {
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.faq__list {
margin-top: 2.88rem;
}
.faq__list-item {
padding: 2.13rem 0;
border-bottom: 1px solid var(--cr-white);
}
.faq__list-item-top-title {
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 133.333%;
letter-spacing: -0.0285rem;
}
.faq__list-item-body {
margin-top: 2.75rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 177.778%;
letter-spacing: -0.02138rem;
display: none;
}
.faq__list-item-top-close {
min-width: 1.5rem;
height: 1.5rem;
background-image: url('data:image/svg+xml,');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
transform: rotate(45deg);
transition: ease-in-out .3s;
cursor: pointer;
}
.faq__list-item-top-close.active {
transform: rotate(0);
}
.contacts__grid-content-phone {
font-size: 2.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-white);
display: block;
max-width: max-content;
}
.contacts__grid-content-phone:hover {
color: var(--cr-orange);
}
.contacts__grid-content-mail {
color: var(--cr-white);
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
display: block;
max-width: max-content;
margin-top: 1.56rem;
}
.contacts__grid-content-mail:hover {
color: var(--cr-orange);
}
.contacts__grid-content-btn {
margin-top: 1.56rem;
background-color: var(--cr-orange);
color: var(--cr-white);
border: 1px solid var(--cr-orange);
}
.contacts__grid-content-btn:hover {
color: var(--cr-orange);
background-color: var(--cr-white);
}
.contacts__grid-content-row {
margin-top: 1.56rem;
}
.contacts__grid-content-icon {
width: 3.125rem;
height: 3.125rem;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.contacts__grid-content-icon.--tg {
background-image: url('data:image/svg+xml,');
margin-right: 1.88rem;
}
.contacts__grid-content-icon.--tg:hover {
background-image: url('data:image/svg+xml,');
}
.contacts__grid-content-icon.--wa {
background-image: url('data:image/svg+xml,');
}
.contacts__grid-content-icon.--wa:hover {
background-image: url('data:image/svg+xml,');
}
.contacts__grid-content-addy {
margin-top: 2.5rem;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-white);
display: block;
max-width: max-content;
}
a.contacts__grid-content-addy:hover {
color: var(--cr-orange);
}
.mt-32 {
margin-top: 2rem;
}
.contacts__map {
margin-top: 3.75rem;
position: relative;
width: 100%;
padding-bottom: 48.66666666666667%;
}
.contacts__map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: .625rem;
}
.footer {
margin-top: 3.125rem;
}
.footer__wrapper {
background-color: var(--cr-white);
padding: 3.125rem 0;
}
.footer__wrapper-row-policy {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--cr-dark-blue);
}
.footer__wrapper-row-policy:hover {
color: var(--cr-orange);
}
.callback__fixed {
position: fixed;
left: 2.5rem;
bottom: 1.25rem;
border: 1px solid var(--cr-orange);
background-color: var(--cr-white);
color: var(--cr-orange);
z-index: 80;
}
.callback__fixed:hover {
background-color: var(--cr-orange);
color: var(--cr-white);
}
.callback__fixed span, .callback__fixed:hover span {
transition: unset;
}
.popup {
display: none;
padding: 3.13rem;
border-radius: .625rem;
width: 100%;
max-width: 31.75rem;
}
.cta__wrapper-form.popup__body-form {
position: relative;
right: unset;
top: unset;
transform: unset;
padding: 0;
width: 100%;
}
.popup__body-title {
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
color: var(--cr-dark-blue);
margin-bottom: 1.88rem;
}
.fancybox-slide--html .fancybox-close-small {
display: none;
}
.popup__close {
position: absolute;
right: 1.25rem;
top: 1.25rem;
width: 1.5625rem;
height: 1.5625rem;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.popup__body-title span {
color: var(--cr-orange);
}
.thankyou__wrapper-text {
margin-top: 1.5rem;
}
.thankyou__wrapper-btn {
margin-top: 2rem;
max-width: max-content;
}
.footer__wrapper-row-policy.--madeby {
display: flex;
margin-top: 1rem;
flex-direction: column;
align-items: flex-end;
}
.footer__wrapper-row-policy.--madeby img {
filter: brightness(0);
margin-top: .5rem;
}
.about__grid-low-info-text ul {
padding-left: 1.25rem;
}
.--promo {
color: var(--cr-orange);
}
.--promo:hover {
color: var(--cr-dark-blue);
}
.header__mob-menu-wrap-socials .header__row-socials-icon.--tg {
margin-right: 1rem;
}
/* media */
@media screen and (max-width: 1440px) {
.center-wrap {
padding: 0 2.5rem;
max-width: 100%;
}
.hero__wrap img {
right: -2.5rem;
width: calc(100% + 2.5rem);
}
.services__grid {
grid-template-columns: 1.125fr 2fr;
}
.cta__wrapper-form {
right: 2.5rem;
}
}
@media screen and (max-width: 1199px) {
.header__row-menu-link {
font-size: .875rem;
margin-right: 1rem;
}
.header__row-menu {
flex: unset;
}
.header__row-socials-icon {
margin-right: 1rem;
}
.hero__grid {
gap: 1rem;
}
.hero__content-body {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 991px) {
.header__row-logo-img {
width: 7.5rem;
}
.btn {
font-size: .875rem;
padding: .5rem .875rem;
}
.header__row-socials-icon {
width: 1.75rem;
height: 1.75rem;
}
.header {
padding: 1rem 0;
}
.center-wrap {
padding: 0 1.25rem;
}
html, body {
font-size: 14px;
}
.main {
margin-top: 3.625rem;
}
.services__grid {
grid-template-columns: 1fr;
}
.services, .prices, .calculate, .cta, .faq, .thankyou {
padding: 5rem 0;
}
.advatnages__items-item {
padding: .75rem;
}
.advatnages__items-item-title {
font-size: 1.25rem;
}
.advatnages__items-item-text {
font-size: .875rem;
margin-top: 1.5rem;
}
}
@media screen and (max-width: 796px) {
html, body {
font-size: 16px;
}
.header__row-menu {
display: none;
}
.header__row-burger {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 1 20%;
}
.header__row-socials .header__row-socials-btn {
padding: 0;
min-width: 1.75rem;
height: 1.75rem;
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 100%;
}
.header__row-socials .header__row-socials-btn:hover {
background-image: url('data:image/svg+xml,');
}
.header__row-socials .header__row-socials-btn span {
display: none;
}
.header__row-socials-icon {
margin-right: .5rem;
}
.main {
margin-top: 4.125rem;
}
.hero__grid {
grid-template-columns: 1fr;
}
.hero__content {
order: 1;
}
.hero__wrap img {
width: calc(100% + 5rem)
}
.hero__content {
padding: 0 0 2rem;
}
.hero__content-title {
font-size: 2.25rem;
}
.hero__content-body-text {
font-size: 1.125rem;
}
.btn {
padding: 1rem 1.5rem;
}
.services__grid-info-title {
font-size: 1.875rem;
}
.services__grid-info-text {
margin-top: 1rem;
font-size: .875rem;
}
.prices__grid-content-item {
padding: 1rem;
}
.price__grid-content-item-text {
font-size: 1rem;
}
.price__grid-content-item-price {
font-size: 1.125rem;
margin-top: 1.5rem;
}
.cta__wrapper-form {
position: relative;
top: unset;
right: unset;
transform: unset;
}
.faq__title {
font-size: 1.5rem;
}
.faq__list {
margin-top: 1rem;
}
.faq__list-item {
padding: 1rem;
}
.faq__list-item-top-title {
font-size: 1rem;
}
.faq__list-item-body {
margin-top: 1rem;
font-size: .875rem;
}
.faq__list-item-top-close {
min-width: 1rem;
height: 1rem;
}
}
@media screen and (max-width: 580px) {
.btn {
max-width: 100%;
}
.hero__content-body-btn:before {
width: 3rem;
height: 3rem;
right: -0.875rem;
}
.services__grid-content {
grid-template-columns: 1fr 1fr;
gap: .45rem;
}
.services__grid-content-item {
padding: .875rem;
}
.services__grid-content-item-icon {
width: 3rem;
height: 3rem;
}
.services__grid-content-item-text {
margin-top: .75rem;
font-size: .875rem;
}
.services__grid-content-item-text br {
display: none;
}
.services__grid-content-item {
margin-bottom: .45rem;
}
.services, .prices, .calculate, .cta, .faq, .thankyou {
padding: 2.5rem 0;
}
.calculate__form {
padding: 1.25rem;
}
.calculate__form-title {
margin-bottom: 1.5rem;
font-size: 1.875rem;
}
.calculate__form-grid {
grid-template-columns: 1fr;
}
.calculate__form-grid-text {
text-align: center;
}
.calculate__form-text {
font-size: .875rem;
}
.calculate__form-input {
padding: .5rem .75rem;
margin-bottom: 1rem;
}
.calculate__form-grid {
margin-top: 1.5rem;
}
.about__grid-info-item {
margin-top: 1rem;
padding: 1rem;
}
.about__grid-info-item-row-subtext {
font-size: 1rem;
}
.about__grid-info-item-row-title {
font-size: 1.5rem;
}
.about__grid-info-item-text {
margin-top: 1rem;
font-size: 1rem;
}
.about__grid-content-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.about__grid-content-grid-info {
order: 1;
}
.about__grid-content-grid-info-title {
font-size: 1.25rem;
}
.about__grid-content-grid-info-text {
font-size: 1rem;
}
.services__grid {
margin-top: 2rem;
}
.about__grid-low-title {
font-size: 1.5rem;
}
.about__grid-low-info-item {
font-size: 1rem;
margin-bottom: 1rem;
padding-left: 1rem;
}
.about__grid-low-info-item:before {
width: .375rem;
height: .375rem;
top: .25rem;
}
.cta__wrapper-wrap {
padding-bottom: 95.97271%;
}
.cta__wrapper-form {
max-width: 100%;
padding: 1.25rem;
}
.cta__wrapper-form-title:before {
top: -2.125rem;
width: 1.75rem;
height: 1.75rem;
}
.cta__wrapper-form-title {
font-size: 1.25rem;
}
.cta__wrapper-form-subtitle {
font-size: 1rem;
margin: .5rem 0;
}
.cta__wrapper-form-grid {
grid-template-columns: 1fr;
}
.cta__wrapper-form-attention {
text-align: center;
}
.advantages__items {
grid-template-columns: 1fr;
}
.contacts__grid-content-phone {
font-size: 1.5rem;
}
.contacts__grid-content-mail {
font-size: 1.25rem;
margin-top: 1rem;
}
.contacts__grid-content-btn, .contacts__grid-content-row {
margin-top: 1rem;
}
.contacts__grid-content-icon {
width: 2rem;
height: 2rem;
}
.contacts__grid-content-icon.--tg {
margin-right: 1rem;
}
.contacts__grid-content-addy {
margin-top: 1rem;
font-size: 1.25rem;
}
.footer__wrapper {
padding: 1.25rem;
}
.footer__wrapper-row-policy {
font-size: .875rem;
text-align: right;
}
.contacts__map {
margin-top: 1.5rem;
padding-bottom: 72%;
}
.callback__fixed span {
display: none;
}
.callback__fixed {
width: 3.1875rem;
height: 3.1875rem;
background-image: url('data:image/svg+xml,');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
left: 1.25rem;
border: unset;
background-color: unset;
padding: unset;
border-radius: 100%;
}
.callback__fixed:hover {
background-color: transparent;
background-image: url('data:image/svg+xml,');
}
.popup {
padding: 1.25rem;
}
.popup__body-title {
font-size: 1.25rem;
margin-bottom: 1rem;
}
.popup__close {
top: .25rem;
width: 1.25rem;
height: 1.25rem;
right: .25rem;
}
}
@media screen and (max-width: 370px) {
.services .center-wrap {
padding: 0 .25rem;
}
.services__grid-content-item {
padding: 0.5rem;
}
.footer__wrapper-row-logo .header__row-logo img {
max-width: 6.5rem;
}
.footer__wrapper-row-policy {
font-size: .75rem;
}
}