@font-face {
font-family: WOG;
src: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/fonts/WOG-Regular.b850714de4497e6b5a14b153731c13bb.woff2) format("woff2");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: WOG;
src: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/fonts/WOG-Medium.2dc1e097cf071cc70b0c96a15e779115.woff2) format("woff2");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: WOG;
src: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/fonts/WOG-Bold.63b5240cfde244f459c8943416ff5f7a.woff2) format("woff2");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'TT Bluescreens Trial Variable';
src: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/fonts/tt-bluescreens-trial.medium.ttf) format("truetype");
font-weight: 500;
}
@font-face {
font-family: 'TT Bluescreens Trial Variable';
src: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/fonts/tt-bluescreens-trial.bold.ttf) format("truetype");
font-weight: 700;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
a, * {
box-sizing: border-box;
outline: none;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
outline: none;
} *, body {
font-family: WOG;
font-weight: 400;
font-style: normal;
font-size: 24px;
}
.container {
width: calc(100% - 200px);
max-width: 1240px;
margin: 0 auto;
}
section.main {
height: 100vh;
min-height: 800px;
width: 100%;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/main_back.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
section.main .container {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 100%;
}
section.main .left {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 489px;
z-index: 2;
}
section.main .right {
display: block;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/back_right.png);
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
width: 50%;
height: 100%;
max-width: 547px;
padding-right: 40px;
}
h1 {
font-family: 'TT Bluescreens Trial Variable';
font-style: normal;
font-weight: 500;
font-size: 80px;
line-height: 107%;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 20px;
}
h1 span {
font-weight: 700;
font-size: 129px;
line-height: 107%;
display: block;
margin-bottom: -12px;
}
section.main .description {
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 107%;
color: #FFFFFF;
margin-bottom: 20px;
}
section.main .left svg {
width: 226px;
height: 70px;
position: absolute; right: 0;
top: 99px;
}
section.sec-2 {
padding-top: 122px;
padding-bottom: 42px;
}
section.sec-2 h3 {
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #0D1B3A;
margin-bottom: 65px;
}
section.sec-2 .wrap-col {
display: flex;
flex-direction: row;
position: relative;
justify-content: space-between;
margin-bottom: 76px;
}
section.sec-2 .wrap-col .right svg {
width: 100%;
height: 100%;
}
section.sec-2 .wrap-col .left {
width: 51%;
}
section.sec-2 .wrap-col .left .title {
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 107%;
color: #0D1B3A;
margin-bottom: 24px;
}
section.sec-2 .wrap-col .right {
width: 30%;
text-align: right;
margin-right: 5%;
}
section.sec-2 .wrap-col .left .description {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 107%;
color: #0D1B3A;
}
section.sec-2 .title-more {
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #0D1B3A;
}
section.sec-3 {
background-color: #EAEAEA;
padding-top: 50px;
padding-bottom: 126px;
}
section.sec-3 .items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
position: relative;
margin-bottom: 78px;
}
section.sec-3 .items .item {
width: calc((100% - 40px) / 3);
background-color: white;
border-radius: 28px;
padding: 153px 25px 23px 25px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 107%;
text-align: center;
color: #0D1B3A;
margin-bottom: 27px;
position: relative;
}
section.sec-3 .items .item span {
min-height: 64px;
display: block;
}
section.sec-3 .items .item:before {
content: '';
display: block;
width: 100%;
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -20px;
left: 0;
}
section.sec-3 .items .item:nth-child(1):before {
height: 151.65px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item1.svg);
}
section.sec-3 .items .item:nth-child(2):before {
height: 154px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item2.svg);
}
section.sec-3 .items .item:nth-child(3):before {
height: 147px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item3.svg);
}
section.sec-3 .items .item:nth-child(4):before {
height: 146px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item4.svg);
}
section.sec-3 .items .item:nth-child(5):before {
height: 147px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item5.svg);
}
section.sec-3 .items .item:nth-child(6):before {
height: 114px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/item6.svg);
}
section.sec-3 .items .item:nth-child(6):before {
top: 15px
}
h4 {
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #0D1B3A;
}
section.sec-3 .flex-row {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 68px;
}
section.sec-3 .flex-row div, section.sec-3 .flex-row .link-href {
width: 360px;
background: #009345;
border-radius: 32px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.link-href, .green-btn {
transition: .3s;
}
.link-href:hover, .green-btn:hover {
opacity: 0.9;
}
section.sec-3 .flex-row div:first-child, section.sec-3 .flex-row .link-href:first-child {
margin-right: 12px;
}
section.sec-3 .privat-svg {
width: 52.86px;
height: 52.86px;
display: block;
margin: 0 auto 34px;
}
section.sec-3 .ready-text {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 107%;
text-align: center;
color: #0D1B3A;
max-width: 725px;
margin: 0 auto 19px;
}
section.sec-3 h4 {
margin-bottom: 36px;
}
section.sec-3 .subtitle {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 107%;
text-align: center;
color: #000000;
margin-bottom: 40px;
}
.bold {
font-weight: 700;
text-transform: none;
}
section.sec-3 .steps {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-top: 62px;
margin-bottom: 75px;
}
section.sec-3 .step {
width: calc(100% / 3 - 40px / 3);
background: white;
border-radius: 28px;
padding: 38px 16px 38px 55px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 107%;
color: #0D1B3A;
position: relative;
}
section.sec-3 .step:before {
content: '';
background-size: contain;
background-position: right top;
width: 60px;
height: 160px;
position: absolute;
left: -11px;
top: -39px;
background-repeat: no-repeat;
}
section.sec-3 .step:nth-child(1):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/step1.svg);
}
section.sec-3 .step:nth-child(2):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/step2.svg);
}
section.sec-3 .step:nth-child(3):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/step3.svg);
}
.green-btn {
display: flex;
align-items: center;
justify-content: center;
height: 64px;
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
background: #009245;
border-radius: 32px;
width: 610px;
margin: 0 auto 64px;
}
.lit-btn {
width: 400px;
}
.items-request {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
position: relative;
margin-bottom: 62px;
}
.items-request .request {
width: 23.7%;
background: white;
border-radius: 28px;
padding: 94px 10px 36px 10px;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 107%;
text-align: center;
color: #0D1B3A;
position: relative;
}
.items-request .request:before {
content: '';
width: 100%;
height: 108px;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
position: absolute;
top: -47px;
left: 0;
}
.items-request {
margin-top: 98px;
}
.items-request .request:nth-child(1):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/request1.svg);
}
.items-request .request:nth-child(2):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/request2.svg);
}
.items-request .request:nth-child(3):before {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/request3.svg);
}
.wrap-bests .best {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
margin-bottom: 46px;
}
.wrap-bests .best .left {
padding-top: 29px;
padding-bottom: 22px;
width: 50%;
display: flex;
align-items: center;
}
.wrap-bests .best .right {
width: 50%;
justify-content: center;
display: flex;
align-items: center;
}
.wrap-bests .best span {
padding: 38px 53px 56px 54px;
background: white;
border-radius: 28px;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 107%;
color: #0D1B3A;
display: flex;
}
.wrap-bests .best img {
max-height: 299px;
}
.wrap-bests {
padding: 0 105px;
display: flex;
flex-direction: column;
}
.wrap-contact {
padding: 17px 81px 29px 81px;
background: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto 98px;
border-radius: 28px;
width: 450px;
}
.wrap-contact span {
margin-bottom: 14px;
}
.wrap-contact span, .wrap-contact a {
display: block;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 107%;
text-align: center;
color: #000000;
}
.wrap-accord {
padding-left: 105px;
padding-right: 105px;
display: flex;
flex-direction: column;
} .tab {
position: relative;
margin-bottom: 13px;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab__content {
max-height: 0;
overflow: hidden;
transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
max-height: 100vh;
} .accordion {
overflow: hidden;
}
.tab__label,
.tab__close {
display: flex;
color: white;
background: var(--theme);
cursor: pointer;
}
.tab__label {
justify-content: space-between;
padding: 32px 55px;
background: #D9D9D9;
border-radius: 35px;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 107%;
color: #0D1B3A;
align-items: center;
}
.tab__label::after {
content: "";
width: 30px;
height: 30px;
text-align: center;  background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/plus.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.tab input:checked + .tab__label::after {
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/minus.svg);
}
.tab__content p {
margin: 0;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 107%;
color: #0D1B3A;
padding: 13px 55px 0 55px;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
font-size: 0.75rem;
}
.accordion--radio {
} .tab input:not(:checked) + .tab__label:hover::after { }
@keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
}
footer {
height: 300px;
background: #0D1B3A;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 77px;
padding-bottom: 60px;
}
footer .logo {
margin-bottom: 16px;
}
footer .site {
font-family: 'WOG';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 125%;
text-align: center;
color: #FFFFFF;
margin-bottom: 16px;
}
footer .socials {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
footer .socials a {
width: 23px;
height: 23px;
margin-right: 20px;
}
footer .socials a:last-child {
margin-right: 0;
}
.pad-desk {
padding-left: 105px;
padding-right: 105px;
}
footer .flex-row {
display: flex;
flex-direction: column;
}
footer .socials a img {
width: 100%;
height: 100%;
}
.about-request-fields {
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 107%;
color: #000000;
margin-bottom: 25px;
}
.pum-container input {
max-width: 100%;
}
.pum-container input[type=tel], .pum-container input[type=text],
.pum-container input[type=email] {
height: 49px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 107%;
color: #0D1B3A;
padding: 11px 13px 11px 18px;
background: #EAEAEA;
border: none;
box-shadow: none;
border-radius: 15px;
}
.pum-container input[type=submit] {
display: flex;
height: 52px;
align-items: center;
justify-content: center;
border-radius: 26px;
background: #009345;
box-shadow: none;
border: none;
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
width: 100%;
cursor: pointer;
}
.wpcf7 .wpcf7-submit:disabled {
opacity: 0.4;
}
.wpcf7-form-control-wrap {
margin-top: 6px;
display: block;
}
.pum-container label {
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 107%;
color: #0D1B3A;
margin-bottom: 15px;
display: block;
}
div.pum-title {
font-family: 'WOG' !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 107% !important;
text-align: center !important;
text-transform: uppercase !important;
color: #0D1B3A !important;
margin-bottom: 35px !important;
padding: 0 20% !important;
opacity: 1;
}
.wpcf7-list-item {
margin-left: 0 !important;
}
.wpcf7-list-item label {
font-family: 'WOG';
font-style: normal !important;
font-weight: 400 !important;
font-size: 9px !important;
line-height: 107% !important;
color: #000000;
margin-bottom: 6px !important;
}
.pum-theme-9 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
box-shadow: none !important;
border: none !important;
color: black !important;
background: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/close.svg) !important;
width: 27.15px !important;
height: 26.51px !important;
font-size: 0 !important;
top: 17px !important;
right: 20.58px !important;
background-size: contain !important;
background-position: center;
background-repeat: no-repeat;
}
.wpcf7-spinner {
margin: 2px auto 0 !important;
display: block !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 0 !important;
padding: 0 !important;
border: none !important;
color: black !important;
font-size: 12px !important;
}
.toolt {
background: #8ABD5C;
border-radius: 15.5px;
padding: 0 5px;
text-wrap: nowrap;
}
.pum-container label {
position: relative;
}
.pum-container input[type="checkbox"] {
appearance: none;
background: #EAEAEA;
border: none;
height: 28px;
width: 28px;
margin: 0;
border-radius: 6px !important;
vertical-align: text-bottom;
position: relative;
}
.pum-container input[type="checkbox"] {
border-radius: 0;
}
.pum-container input[type="checkbox"]::before {
content: "";
position: absolute;
margin: auto;
left: 5px;
right: 0;
top: 0;
overflow: hidden;
}
.pum-container input[type="checkbox"]:checked::before {
height: 22px;
width: 30px;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.pum-container label:has(input[type="checkbox"]) {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.pum-container label:has(input[type="checkbox"]) .wpcf7-list-item-label {
width: calc(100% - 40px);
}
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
display: block !important; }
.wpcf7-form-control.wpcf7-file::file-selector-button {
min-width: 168px;
min-height: 38px;
background: #8ABD5C;
border-radius: 23px;
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 107%;
text-align: center;
color: #FFFFFF;    border: none;
box-shadow: none;
cursor: pointer;
}
.wpcf7-form-control.wpcf7-file {
font-size: 14px;
}
.wpcf7-form-control.wpcf7-file::file-selector-text,
.wpcf7-form-control.wpcf7-file::-webkit-file-name-text {
color:red;
}
#popmake-27 p {
text-align: center;
}
#popmake-27 .success {
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 107%;
text-align: center;
color: #0D1B3A;
max-width: 382px;
margin: 0 auto;
}
.error404 h1 {
color: black;
font-family: WOG;
}
.error404 .container {
min-height: calc(100vh - 300px);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.error404 .link-href {
width: 360px;
background: #009345;
border-radius: 32px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
transition: .3s;
}
.error404 .link-href:hover {
opacity: 0.9;
}
.privacy-desc {
margin-top: 47px;
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 107%;
text-align: center;
color: #000000;
}
.only_mob {
display: none !important;
}
.only_pc {
display: block !important;
}
section.main .left {
max-width: 556px;
width: 90%;
justify-content: flex-start;
padding-top: 45px;
}
.btns-main {
margin-top: 100px;
}
.btns-main span {
font-family: 'WOG';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 107%;
color: #FFFFFF;
display: block;
margin-bottom: 40px;
}
.btns-main a {
width: 429px;
height: 53.65px;
background: #009345;
border-radius: 38.0602px;
margin-bottom: 32.09px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'WOG';
font-style: normal;
font-weight: 500;
font-size: 19.0301px;
line-height: 107%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
} @media screen and (max-width: 1080px) {
.pum-container {
max-width: 338px !important;
padding: 41px 30px 30px 30px !important;
border-radius: 34px !important;
}
div.pum-title {
font-size: 15px !important;
}
.pum-container label {
font-size: 10px;
}
.pum-container input[type=tel], .pum-container input[type=text], .pum-container input[type=email] {
height: 32px !important;
font-size: 10px !important;
}
.about-request-fields {
font-size: 8px;
}
.wpcf7-list-item label {
font-size: 5px !important;
}
.wpcf7-form-control.wpcf7-file::file-selector-button {
font-size: 10px;
min-width: 112.52px;
min-height: 25.45px;
}
.wpcf7-form-control.wpcf7-file {
font-size: 10px;
}
.pum-container input[type=submit] {
height: 34px;
font-size: 15px;
}
.pum-container input[type="checkbox"] {
width: 22px;
height: 22px;
}
.pum-container input[type="checkbox"]:checked::before {
height: 16px;
width: 24px;
left: 3px;
}
#popmake-27 p img {
width: 90.41px
}
#popmake-27 .success {
font-size: 16px;
}
.container {
width: calc(100% - 136px);
}
h1 {
font-size: 95px;
margin-bottom: 43px;
}
h1 span {
font-size: 157px;
}
section.main .description {
font-size: 38px;
max-width: 409px;
}
section.main .right {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: 41%;
background: none;
}
section.main .right:before {
content: '';
position: absolute;
left: -90px;
bottom: 124px;
width: 457px;
height: 100%;
background-repeat: no-repeat;
background-image: url(//svitlobyde.wog.ua/wp-content/themes/svitlobyde_wog/img/back_right.png);
background-size: 457px;
background-position: bottom left;
overflow: visible;
}
section.main {
height: 1006px;
}
section.sec-2 {
padding-top: 58px;
padding-bottom: 24px;
}
section.main .left svg {
top: 74px;
}
section.sec-2 h3 {
font-size: 36px;
margin-bottom: 62px;
}
section.sec-2 .wrap-col .left .description {
font-size: 22px;
}
.green-btn {
height: 45px;
width: 429px;
}
section.sec-3 .flex-row div, section.sec-3 .flex-row .link-href {
height: 45px;
}
.lit-btn {
width: 281px;
}
.big-mob {
width: 429px;
}
.items-request .request {
font-size: 17px;
padding: 66px 16px 26px 16px;
min-width: 200px;
}
.items-request .request:before {
height: 76px;
top: -32px;
}
.wrap-bests .best span {
font-size: 20px;
padding: 24px 37px 23px 37px;
}
.wrap-bests {
padding: 0 71px;
}
.wrap-bests .best:nth-child(1) img {
max-height: 160px;
}
.wrap-bests .best:nth-child(2) img {
max-height: 169px;
}
.wrap-bests .best:nth-child(3) img {
max-height: 213px;
}
.wrap-bests .best:nth-child(4) img {
max-height: 62px;
}
.wrap-contact {
padding: 14px 38px 15px 38px;
width: 317px;
margin-bottom: 91px;
}
.wrap-contact span, .wrap-contact a {
font-size: 20px;
}
.wrap-accord, .pad-desk {
padding-left: 67px;
padding-right: 67px;
}
.tab__label {
padding: 16px 39px;
}
.tab__label {
font-size: 20px;
}
.tab__content p {
padding: 13px 39px 0 39px;
font-size: 20px;
}
.tab__label::after {
width: 22px;
height: 22px;
}
.tab {
margin-bottom: 12px;
}
section.sec-3 {
padding-bottom: 118px;
}
footer {
height: 214px;
padding-top: 37px;
padding-bottom: 35px;
}
footer .logo {
width: 168px;
margin-bottom: 11px;
}
footer .site {
font-size: 28px;
}
}
@media screen and (max-width: 920px) and (min-width: 601px) {
h1 {
max-width: calc(100% - 180px);
}
section.main .left {
max-width: 100%;
width: 100%;
}
} @media screen and (max-width: 920px) {
.btns-main span {
font-size: 35.58px;
}
.btns-main a {
width: 512px;
height: 63.39px;
font-size: 20px;
}
.privacy-desc {
font-size: 12px;
}
.container {
width: calc(100% - 102px);
}
section.main {  height: 1274px;
}
h1 {
font-size: 80px; }
h1 span {
font-size: 129px;
}
section.main .left svg {
width: 176px;
height: 55px;
margin-top: auto;
margin-bottom: 47px;
top: 68px;
}
section.main .description {
font-size: 36px;
max-width: 489px;
}
section.main .right {
max-width: 100%;
width: 100%;
}
section.main .right:before {
left: 0;
bottom: -41px;
width: 100%;
background-size: 475px;
background-position: center;
overflow: visible;
}
.btns-main {
margin: auto auto 50px auto;
text-align: center;
}
section.sec-2 h3 {
font-size: 24px;
margin-bottom: 54px;
}
section.sec-2 .wrap-col .left .title {
font-size: 30px;
}
section.sec-2 .wrap-col .left .description {
font-size: 20px;
}
section.sec-2 .title-more {
font-size: 40px;
}
.container:has(.items) { width: calc(100% - 33.59%);
}
section.sec-3 .items {
margin: 0 auto;
}
section.sec-3 .items .item {
width: calc(50% - 12px);
margin-bottom: 65px;
}
section.sec-3 .items .item:before {
top: -24px;
}
section.sec-3 .items .item:nth-child(1):before {
height: 151px;
}
section.sec-3 .items .item:nth-child(2):before {
height: 154px;
}
section.sec-3 .items .item:nth-child(3):before {
height: 136px;
}
section.sec-3 .items .item:nth-child(4):before {
height: 139px;
}
section.sec-3 .items .item:nth-child(5):before {
height: 112px;
}
section.sec-3 .items .item:nth-child(6):before {
height: 114px;
}
section.sec-3 .items .item:nth-child(6):before {
top: -15px;
}
section.sec-3 .flex-row {
flex-direction: column;
}
section.sec-3 .flex-row div, section.sec-3 .flex-row .link-href {
width: 100%;
margin-bottom: 21px;
height: 63px;
font-size: 20px;
}
section.sec-3 .steps {
flex-direction: column;
}
section.sec-3 .step {
width: 100%;
margin-bottom: 56px;
padding: 33px 17px 33px 81px;
font-size: 20px;
}
section.sec-3 .step:nth-child(1):before {
top: -12px
}
section.sec-3 .step:before {
background-position: left bottom;
width: 52px;
height: 143px;
top: -37px;
}
section.sec-3 .steps {
margin-bottom: 61px;
}
.green-btn {
width: 100%;
height: 51px;
margin-bottom: 35px;
}
section.sec-3 .ready-text {
margin-bottom: 35px;
}
.lit-btn {
width: 376px;
}
h4 {
font-size: 32px;
}
h4.lit-mob {
font-size: 23px;
}
.items-request {
flex-wrap: wrap;
justify-content: center;
margin-bottom: 40px;
}
.big-mob {
width: 100%;
}
.items-request .request {
margin-bottom: 40px;
min-width: 26vw;
}
.items-request .request:nth-child(1) {
margin-right: 18%;
}
.wrap-bests {
padding: 0;
}
.wrap-bests .best .left {
width: 62%;
}
.wrap-bests .best .right {
width: 38%;
}
.wrap-bests .best span {
font-size: 16px;
padding: 28px 29px 28px 27px;
}
.wrap-bests .best:nth-child(1) img {
max-height: 123px;
}
.wrap-bests .best:nth-child(2) img {
max-height: 162px;
}
.wrap-bests .best:nth-child(3) img {
max-height: 164px;
}
.wrap-bests .best:nth-child(4) img {
max-height: 61px;
}
.wrap-bests .best:last-child .left {
width: 55%;
}
h4.pad-desk.lit-mob {
padding: 0;
}
.wrap-contact {
width: 410px;
}
.wrap-accord {
padding-right: 0;
padding-left: 0;
}
footer {
height: 111px;
flex-direction: row;
padding: 0 17%;
justify-content: space-between;
}
footer .site {
font-size: 24px;
margin-bottom: 8.4px;
}
footer .socials a {
width: 33.46px;
height: 33.46px;
margin-right: 24.7px;
}
}
br.only-pc {
display: block;
} @media screen and (max-width: 600px) {
section.main {
height: 996px;
}
.only_mob {
display: block !important;
}
svg.only_mob {
margin-bottom: 32px;
}
.only_pc {
display: none !important;
}
.privacy-desc {
font-size: 11px;
}
br.only-pc {
display: none;
}
.container {
width: calc(100% - 22.5%) !important;
}
section.main .left {
padding-top: 15.62vw;
}
section.main .left svg {
position: absolute;
top: 5.83vw;
width: 33.75vw;
height: 10.2vw;
left: 0;
}
h1 span {
font-size: 20.83vw;
}
h1 {
font-size: 12.5vw;
}
.wrap-contact {
width: 100%;
}
section.main .left {
width: 100%;
}
section.main .description {
font-size: 5.41vw;
max-width: 100%;
}
section.main .right {
width: 100vw;
max-width: 100vw;
left: 0;
}
section.main .right:before {
left: 0;
bottom: 0;
width: 74.58vw;
background-size: contain;
background-position: center;
overflow: visible;
top: 11vw;
}
section.sec-2 {
padding-top: 7vw;
padding-bottom: 5vw;
}
section.sec-2 h3 {
font-size: 4.16vw;
margin-bottom: 4.16vw;
}
section.sec-2 .wrap-col {
flex-direction: column;
margin-bottom: 6.66vw;
}
section.sec-2 .wrap-col .left, section.sec-2 .wrap-col .right {
width: 100%;
}
section.sec-2 .wrap-col .left .title {
font-size: 6.66vw;
}
section.sec-2 .wrap-col .left .description {
font-size: 3.95vw;
}
section.sec-2 .wrap-col .right svg {
width: 44.37vw;
height: auto;
margin: 4.16vw auto 0;
display: block;
}
section.sec-2 .title-more {
font-size: 6.04vw;
}
section.sec-3 .items .item {
width: calc(50% - 2.08vw);
margin-bottom: 10.83vw;
padding: 20.83vw 2.91vw 3.75vw 2.91vw;
font-size: 3.12vw;
}
section.sec-3 .items .item:before {
top: -2.08vw
}
section.sec-3 .items .item:nth-child(1):before {
height: 20.78vw;
}
section.sec-3 .items .item:nth-child(2):before {
height: 20.83vw;
}
section.sec-3 .items .item:nth-child(3):before {
height: 18.84vw;
}
section.sec-3 .items .item:nth-child(4):before {
height: 19.16vw;
}
section.sec-3 .items .item:nth-child(5):before {
height: 20.57vw;
}
section.sec-3 .items .item:nth-child(6):before {
height: 15.62vw;
}
section.sec-3 .items .item:nth-child(6):before {
top: -2.08vw;
}
h4 {
font-size: 6.66vw;
}
section.sec-3 h4 {
margin-bottom: 9.16vw;
}
section.sec-3 .flex-row div, section.sec-3 .flex-row .link-href {
width: 100%;
margin-bottom: 4.91vw;
height: 10.5vw;
font-size: 3.12vw;
}
h4.small-h {
font-size: 5.2vw;
margin-bottom: 3.12vw;
}
section.sec-3 .privat-svg {
width: 8.33vw;
height: 8.33vw;
display: block;
margin: 0 auto 3.33vw;
}
section.sec-3 .ready-text {
font-size: 3.12vw;
margin-bottom: 3.12vw;
}
section.sec-3 .subtitle {
font-size: 2.08vw;
margin-bottom: 6.45vw;
}
section.sec-3 h4.bold {
font-size: 4.16vw;
margin-bottom: 12.29vw;
}
section.sec-3 .steps {
padding-left: 3.54vw;
}
section.sec-3 .step {
width: 100%;
margin-bottom: 7.7vw;
padding: 6.66vw 16.25vw 5.41vw 14.79vw;
font-size: 3.33vw;
}
section.sec-3 .step:before {
background-position: left bottom;
width: 9.58vw;
height: 26.04vw;
top: -4.37vw;
}
section.sec-3 .steps {
margin-bottom: 8.95vw;
}
.green-btn {
width: 100%;
height: 9.16vw;
margin-bottom: 6.45vw;
font-size: 3.12vw;
}
h4.lit-mob {
font-size: 4.16vw;
margin-bottom: 14.14vw;
}
.items-request .request:nth-child(1) {
margin-right: 4.82vw;
}
.items-request .request {
font-size: 2.91vw;
padding: 10vw 1.66vw 6.66vw 1.66vw;
min-width: 100px;
width: 35.72vw;
}
.items-request .request:before {
height: 12.81vw;
top: -6.41vw;
}
.items-request {
margin-bottom: 7.5vw;
}
.wrap-bests .best .left {
width: 37.77vw;
}
.wrap-bests .best .right {
width: calc(100% - 37.77vw);
}
.wrap-bests .best span {
font-size: 2.91vw;
padding: 5.46vw 3.64vw 5.46vw 3.66vw;
}
.wrap-bests .best:nth-child(1) img {
max-height: 22.29vw;
}
.wrap-bests .best:nth-child(2) img {
max-height: 29.37vw;
}
.wrap-bests .best:nth-child(3) img {
max-height: 31.63vw;
}
.wrap-bests .best:nth-child(4) img {
max-height: 8.47vw;
}
.wrap-bests .best:last-child .left {
width: 43.27vw;
}
.wrap-bests .best {
margin-bottom: 5.6vw;
}
h4.mob-26 {
font-size: 5.41vw;
}
.tab__label {
font-size: 3.12vw;
padding: 3.12vw 4.61vw 3.12vw 4vw;
}
.tab__label::after {
width: 4vw;
height: 4vw;
}
.tab {
margin-bottom: 2.13vw;
}
.tab__content p {
font-size: 3.12vw;
padding: 3.12vw 4.61vw 3.12vw 4vw;
}
footer {
height: 14.28vw;
padding: 0 17.7vw;
}
footer .logo {
width: 26.6vw;
margin-bottom: 0;
}
footer .site {
font-size: 3.33vw;
margin-bottom: 0.6vw;
}
footer .socials a {
width: 4.79vw;
height: 4.79vw;
margin-right: 3.54vw;
}
.btns-main {
width: 100%;
}
.btns-main a {
font-size: 15px;
width: 100%;
height: 50px;
margin:0 auto 18px auto;
max-width: 371px;
}
.btns-main span {
font-size: 28px;
}
}