@charset "UTF-8";
.wp-block-lazyblock-banner-v1, .wp-block-lazyblock-banner-v2, .wp-block-lazyblock-banner-v3, .wp-block-lazyblock-banner-v4, .wp-block-lazyblock-banner-v5, .wp-block-lazyblock-banner-v6, .wp-block-lazyblock-banner-v7, .wp-block-lazyblock-banner-v8, .wp-block-lazyblock-banner-v9, .wp-block-lazyblock-banner-v10, .wp-block-lazyblock-banner-v11 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-lazyblock-banner-v11 {
flex-direction: column;
}
.main-banner.v1 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v1 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v1 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v1 .main-banner__wrapper-back img {
border-radius: 20px;
}
.main-banner.v1 .main-banner__wrapper-back video {
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__wrapper-back video {
display: none;
}
}
.main-banner.v1 .main-banner__wrapper-back .mobile-image {
display: none;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__wrapper-back .mobile-image {
display: unset;
}
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v1 .main-banner__text {
width: 100%;
max-width: 730px;
display: flex;
flex-direction: column;
padding-left: 22px;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v1 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 13px 60px 30px 0;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v1 .main-banner__text h1::before, .main-banner.v1 .main-banner__text h1::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text h1::after {
top: unset;
bottom: -15px;
right: 107px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text h1 {
padding: 0;
background-color: unset;
font-size: 70px;
}
.main-banner.v1 .main-banner__text h1::before, .main-banner.v1 .main-banner__text h1::after {
display: none;
}
.main-banner.v1 .main-banner__text h1 .title-line-1,
.main-banner.v1 .main-banner__text h1 .title-line-2,
.main-banner.v1 .main-banner__text h1 .title-line-3 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 10px 20px 0 0;
background-color: white;
}
.main-banner.v1 .main-banner__text h1 .title-line-1::before,
.main-banner.v1 .main-banner__text h1 .title-line-2::before,
.main-banner.v1 .main-banner__text h1 .title-line-3::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text h1 .title-line-1::after,
.main-banner.v1 .main-banner__text h1 .title-line-2::after,
.main-banner.v1 .main-banner__text h1 .title-line-3::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v1 .main-banner__text h1 .title-line-1 {
padding: 20px 20px 0 0;
}
.main-banner.v1 .main-banner__text h1 .title-line-3 {
padding: 10px 20px 10px 0;
}
.main-banner.v1 .main-banner__text h1 .title-line-1::before,
.main-banner.v1 .main-banner__text h1 .title-line-3::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text h1 .title-line-1::after,
.main-banner.v1 .main-banner__text h1 .title-line-3::after {
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v1 .main-banner__text h1 .title-line-2 {
border-radius: 0 15px 15px 0;
}
.main-banner.v1 .main-banner__text h1 .title-line-2::after, .main-banner.v1 .main-banner__text h1 .title-line-2::before {
display: none;
}
}
.main-banner.v1 .main-banner__text .desc {
font-size: 16px;
color: #404040;
display: block;
width: 100%;
max-width: 580px;
position: relative;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 21px;
background-color: white;
border-radius: 0 0 15px 0;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text .desc {
padding-right: 15px;
max-width: 310px;
font-size: 12px;
border-radius: 0 15px 15px 0;
}
}
.main-banner.v1 .main-banner__text-buttons {
display: flex;
align-items: center;
gap: 30px;
max-width: 362px;
background-color: white;
padding-bottom: 25px;
padding-top: 19px;
padding-right: 20px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v1 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v1 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v1 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text-buttons__right-btn {
position: relative;
padding-left: 15px;
padding-right: 34px;
padding-top: 35px;
padding-bottom: 23px;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v1 .main-banner__text-buttons__right-btn::before, .main-banner.v1 .main-banner__text-buttons__right-btn::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v1 .main-banner__text-buttons__right-btn::before {
top: 19px;
right: -15px;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text-buttons__right-btn::after {
bottom: -14px;
left: 0;
rotate: 180deg;
}
}
.main-banner.v1 .main-banner__text-buttons__left-btn {
padding: 14px 15px;
border-radius: 54px;
font-size: 14px;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text-buttons__left-btn span {
position: relative;
}
.main-banner.v1 .main-banner__text-buttons__left-btn span::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: -15px;
right: -115px;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text-buttons__left-btn span::after {
content: "";
display: block;
position: absolute;
left: 0;
background-color: white;
width: calc(100% + 100px);
border-radius: 0 0 15px 0;
z-index: -1;
height: calc(100% + 49px);
top: -15px;
}
}
.main-banner.v1 .main-banner__text-buttons::before, .main-banner.v1 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v1 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v1 .main-banner__text-buttons::after {
bottom: -15px;
left: -22px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text-buttons {
max-width: unset;
flex-direction: column;
gap: 0;
background-color: unset;
padding: 0;
border-radius: 0;
align-items: flex-start;
}
.main-banner.v1 .main-banner__text-buttons::before, .main-banner.v1 .main-banner__text-buttons::after {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v1 .main-banner__text {
max-width: unset;
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v1 {
padding: 0 20px;
}
}
.main-banner.v2 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v2 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 1000px;
border-radius: 20px;
position: relative;
}
.main-banner.v2 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v2 .main-banner__wrapper-back img {
border-radius: 20px;
}
.main-banner.v2 .main-banner__wrapper-back video {
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__wrapper-back video {
display: none;
}
}
.main-banner.v2 .main-banner__wrapper-back .mobile-image {
display: none;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__wrapper-back .mobile-image {
display: unset;
}
}
@media (max-width: 1024px) {
.main-banner.v2 .main-banner__wrapper {
min-height: 800px;
}
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v2 .main-banner__text {
width: 100%;
max-width: 490px;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v2 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
background: white;
width: -moz-fit-content;
width: fit-content;
padding-right: 20px;
position: relative;
}
.main-banner.v2 .main-banner__text h1::before {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text h1::after {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v2 .main-banner__text .desc {
width: 100%;
max-width: 340px;
font-size: 16px;
color: #404040;
background-color: white;
padding: 20px 0;
position: relative;
border-radius: 0 15px 15px 0;
}
.main-banner.v2 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
display: none;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__text .desc {
max-width: 297px;
padding: 25px 0;
}
.main-banner.v2 .main-banner__text .desc br {
display: none;
}
}
.main-banner.v2 .main-banner__text .title-contact {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1,
.main-banner.v2 .main-banner__text .title-contact .title-line-2,
.main-banner.v2 .main-banner__text .title-contact .title-line-3,
.main-banner.v2 .main-banner__text .title-contact .title-line-4 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 10px 20px 0 0;
background-color: white;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1::before,
.main-banner.v2 .main-banner__text .title-contact .title-line-2::before,
.main-banner.v2 .main-banner__text .title-contact .title-line-3::before,
.main-banner.v2 .main-banner__text .title-contact .title-line-4::before {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1::after,
.main-banner.v2 .main-banner__text .title-contact .title-line-2::after,
.main-banner.v2 .main-banner__text .title-contact .title-line-3::after,
.main-banner.v2 .main-banner__text .title-contact .title-line-4::after {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1 {
padding: 20px 20px 0 0;
border-radius: 0;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1::after {
top: unset;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-2 {
border-radius: 0 15px 15px 0;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-2::after, .main-banner.v2 .main-banner__text .title-contact .title-line-2::before {
display: none;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__text .title-contact {
font-size: 55px;
display: flex;
flex-direction: column;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1 {
padding: 20px 40px 0 0;
border-radius: 0 0 15px 0;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-1::after {
top: unset;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-2 {
border-radius: 0 15px 15px 0 !important;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-2::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-2::after {
display: none;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-3::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-3::after {
right: -15px;
bottom: 9px;
rotate: 90deg;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-4 {
border-radius: 0 15px 0 0 !important;
padding-top: 20px;
margin-top: -9px;
min-height: 96px;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-4::before {
display: none;
}
.main-banner.v2 .main-banner__text .title-contact .title-line-4::after {
display: unset;
}
}
.main-banner.v2 .main-banner__text .desc-contact {
width: 100%;
max-width: 460px;
font-size: 16px;
color: #404040;
background-color: white;
padding: 20px 20px 20px 0;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v2 .main-banner__text .desc-contact::before {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
display: unset;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__text .desc-contact {
max-width: 348px;
padding-right: 40px;
padding-bottom: 10px;
border-radius: 0 15px 15px 0;
}
.main-banner.v2 .main-banner__text .desc-contact br {
display: none;
}
.main-banner.v2 .main-banner__text .desc-contact::before {
display: none;
}
}
@media (max-width: 410px) {
.main-banner.v2 .main-banner__text .desc-contact {
border-radius: 0;
max-width: unset;
}
.main-banner.v2 .main-banner__text .desc-contact::before {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: 0px;
top: -15px;
rotate: 0deg;
display: unset;
}
.main-banner.v2 .main-banner__text .desc-contact::after {
content: " ";
position: absolute;
width: 16px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
bottom: -15px;
right: -1px;
rotate: 270deg;
}
}
.main-banner.v2 .main-banner__text-buttons {
width: 100%;
max-width: 260px;
display: flex;
align-items: center;
background-color: white;
padding-bottom: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v2 .main-banner__text-buttons::before, .main-banner.v2 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v2 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v2 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__text-buttons {
padding-top: 18px;
}
.main-banner.v2 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v2 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v2 {
padding: 0 20px;
}
}
.main-banner.v3 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v3 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.main-banner.v3 .main-banner__wrapper {
gap: 0;
}
}
@media (max-width: 768px) {
.main-banner.v3 .main-banner__wrapper {
position: relative;
}
}
.main-banner.v3 .main-banner__title {
width: 100%;
display: flex;
justify-content: space-between;
padding-left: 11%;
}
.main-banner.v3 .main-banner__title h1 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
max-width: 540px;
}
.main-banner.v3 .main-banner__title h1 span strong {
font-weight: inherit;
color: #EB4E12;
}
.main-banner.v3 .main-banner__title h1 strong {
font-weight: inherit;
color: #EB4E12;
}
.main-banner.v3 .main-banner__title h1 .title-line-1,
.main-banner.v3 .main-banner__title h1 .title-line-2,
.main-banner.v3 .main-banner__title h1 .title-line-3 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 10px 20px 0 0;
background-color: white;
}
.main-banner.v3 .main-banner__title h1 .title-line-1::before,
.main-banner.v3 .main-banner__title h1 .title-line-2::before,
.main-banner.v3 .main-banner__title h1 .title-line-3::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v3 .main-banner__title h1 .title-line-1::after,
.main-banner.v3 .main-banner__title h1 .title-line-2::after,
.main-banner.v3 .main-banner__title h1 .title-line-3::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
bottom: 0;
rotate: 90deg;
}
@media (max-width: 768px) {
.main-banner.v3 .main-banner__title h1 {
position: absolute;
top: 10px;
max-width: 320px;
}
.main-banner.v3 .main-banner__title h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v3 .main-banner__title h1 .title-line-1::after {
right: -15px;
bottom: 10px;
rotate: 90deg;
}
.main-banner.v3 .main-banner__title h1 .title-line-2 {
border-radius: 0 15px 15px 0;
padding: 10px 40px 0 0;
}
.main-banner.v3 .main-banner__title h1 .title-line-2::before {
display: none;
}
.main-banner.v3 .main-banner__title h1 .title-line-2::after {
display: none;
}
.main-banner.v3 .main-banner__title h1 .title-line-3 {
border-radius: 0 0 15px 0;
}
.main-banner.v3 .main-banner__title h1 .title-line-3::before {
right: -15px;
top: 10px;
rotate: 180deg;
}
.main-banner.v3 .main-banner__title h1 .title-line-3::after {
display: unset;
left: 0;
bottom: -14px;
rotate: 180deg;
}
}
@media (max-width: 440px) {
.main-banner.v3 .main-banner__title h1 {
top: 8px;
}
}
.main-banner.v3 .main-banner__title-text {
width: 100%;
max-width: 58%;
display: flex;
flex-direction: column;
gap: 30px;
margin-right: 6%;
transform: translateY(90px);
}
.main-banner.v3 .main-banner__title-text p {
font-size: 36px;
}
@media (max-width: 1600px) {
.main-banner.v3 .main-banner__title-text {
transform: translateY(70px);
}
}
@media (max-width: 1500px) {
.main-banner.v3 .main-banner__title-text {
margin-right: 1%;
}
}
@media (max-width: 1300px) {
.main-banner.v3 .main-banner__title-text {
transform: translateY(60px);
}
}
@media (max-width: 1200px) {
.main-banner.v3 .main-banner__title-text {
margin-right: 0;
}
}
@media (max-width: 1024px) {
.main-banner.v3 .main-banner__title-text {
transform: none;
max-width: unset;
}
}
@media (max-width: 768px) {
.main-banner.v3 .main-banner__title-text {
display: none;
}
}
@media (max-width: 1500px) {
.main-banner.v3 .main-banner__title {
padding-left: 30px;
}
}
@media (max-width: 1024px) {
.main-banner.v3 .main-banner__title {
padding: 0 60px;
margin-bottom: -130px;
flex-direction: column;
justify-content: unset;
gap: 35px;
}
}
@media (max-width: 900px) {
.main-banner.v3 .main-banner__title {
margin-bottom: -100px;
}
}
@media (max-width: 768px) {
.main-banner.v3 .main-banner__title {
margin-bottom: 0;
padding: 0;
}
}
.main-banner.v3 .main-banner__image {
width: 100%;
height: auto;
}
.main-banner.v3 .main-banner__image img {
border-radius: 30px;
}
@media (max-width: 1024px) {
.main-banner.v3 {
padding: 0;
}
}
@media (max-width: 768px) {
.main-banner.v3 {
padding: 0 20px;
}
}
.main-banner.v4 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 55px;
margin-bottom: -150px;
}
.main-banner.v4 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__wrapper {
gap: 42px;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__wrapper {
position: relative;
min-height: 795px;
gap: 0;
}
}
.main-banner.v4 .main-banner__title {
width: 100%;
display: flex;
justify-content: center;
gap: 35px;
}
.main-banner.v4 .main-banner__title h1 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
max-width: 550px;
width: 100%;
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__title h1 {
max-width: unset;
}
.main-banner.v4 .main-banner__title h1 br {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__title h1 {
display: flex;
flex-direction: column;
font-size: 70px;
color: #EB4E12;
}
.main-banner.v4 .main-banner__title h1 .title-line-1,
.main-banner.v4 .main-banner__title h1 .title-line-2,
.main-banner.v4 .main-banner__title h1 .title-line-3 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v4 .main-banner__title h1 .title-line-1::before, .main-banner.v4 .main-banner__title h1 .title-line-1::after,
.main-banner.v4 .main-banner__title h1 .title-line-2::before,
.main-banner.v4 .main-banner__title h1 .title-line-2::after,
.main-banner.v4 .main-banner__title h1 .title-line-3::before,
.main-banner.v4 .main-banner__title h1 .title-line-3::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v4 .main-banner__title h1 .title-line-1 {
padding-right: 25px;
padding-top: 13px;
border-radius: 0;
}
.main-banner.v4 .main-banner__title h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v4 .main-banner__title h1 .title-line-1::after {
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v4 .main-banner__title h1 .title-line-2 {
padding-right: 40px;
border-radius: 0 15px 0 0;
}
.main-banner.v4 .main-banner__title h1 .title-line-2::before {
display: none;
}
.main-banner.v4 .main-banner__title h1 .title-line-2::after {
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v4 .main-banner__title h1 .title-line-3 {
padding-right: 45px;
border-radius: 0 15px 15px 0;
}
.main-banner.v4 .main-banner__title h1 .title-line-3::before, .main-banner.v4 .main-banner__title h1 .title-line-3::after {
display: none;
}
}
.main-banner.v4 .main-banner__title-text {
width: 100%;
max-width: 1041px;
padding: 40px;
padding-top: 0;
display: flex;
flex-direction: column;
gap: 33px;
position: relative;
background-color: white;
border-radius: 0 0 30px 30px;
}
.main-banner.v4 .main-banner__title-text-btn {
width: 100% !important;
max-width: 228px;
}
.main-banner.v4 .main-banner__title-text p {
font-size: 36px;
}
@media (max-width: 1300px) {
.main-banner.v4 .main-banner__title-text p {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__title-text p {
font-size: 16px;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__title-text p {
display: block;
font-size: 12px;
padding-top: 17px;
padding-right: 17px;
max-width: 311px;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v4 .main-banner__title-text p::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0px;
right: -15px;
rotate: 180deg;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__title-text .orng-btn__wrapper {
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
padding-top: 28px;
padding-right: 17px;
padding-bottom: 17px;
}
.main-banner.v4 .main-banner__title-text .orng-btn__wrapper .orng-btn {
gap: 15px;
}
.main-banner.v4 .main-banner__title-text .orng-btn__wrapper::before, .main-banner.v4 .main-banner__title-text .orng-btn__wrapper::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v4 .main-banner__title-text .orng-btn__wrapper::before {
top: 0px;
right: -15px;
rotate: 180deg;
}
.main-banner.v4 .main-banner__title-text .orng-btn__wrapper::after {
bottom: -15px;
left: 0;
rotate: 180deg;
}
}
.main-banner.v4 .main-banner__title-text::before, .main-banner.v4 .main-banner__title-text::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v4 .main-banner__title-text::before {
bottom: 120px;
left: -29px;
rotate: 270deg;
}
.main-banner.v4 .main-banner__title-text::after {
rotate: 180deg;
bottom: 121px;
right: -29px;
}
@media (max-width: 1770px) {
.main-banner.v4 .main-banner__title-text {
max-width: 900px;
}
}
@media (max-width: 1500px) {
.main-banner.v4 .main-banner__title-text {
max-width: 690px;
}
}
@media (max-width: 1300px) {
.main-banner.v4 .main-banner__title-text {
max-width: 580px;
}
}
@media (max-width: 1180px) {
.main-banner.v4 .main-banner__title-text {
max-width: 460px;
padding: 30px;
padding-right: 0;
}
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__title-text {
max-width: 730px;
padding: 50px;
padding-bottom: 20px;
padding-top: 0;
border-radius: 0 0 20px 20px;
gap: 28px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 110px;
}
.main-banner.v4 .main-banner__title-text::before, .main-banner.v4 .main-banner__title-text::after {
width: 20px;
height: 20px;
}
.main-banner.v4 .main-banner__title-text::before {
bottom: unset;
left: -19px;
top: 4px;
}
.main-banner.v4 .main-banner__title-text::after {
bottom: unset;
right: -19px;
top: 4px;
}
}
@media (max-width: 900px) {
.main-banner.v4 .main-banner__title-text {
max-width: 560px;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__title-text {
max-width: unset;
position: static;
transform: none;
padding: 0;
background-color: unset;
border-radius: 0;
gap: 0;
}
.main-banner.v4 .main-banner__title-text::before, .main-banner.v4 .main-banner__title-text::after {
display: none;
}
}
@media (max-width: 1770px) {
.main-banner.v4 .main-banner__title {
gap: 60px;
}
}
@media (max-width: 1500px) {
.main-banner.v4 .main-banner__title {
gap: 40px;
}
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__title {
gap: 0;
position: relative;
align-items: flex-start;
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__title {
position: static;
flex-direction: column;
gap: 0;
}
}
.main-banner.v4 .main-banner__image {
width: 100%;
height: auto;
border-radius: 30px;
position: relative;
top: -150px;
z-index: -1;
}
@media (max-width: 1024px) {
.main-banner.v4 .main-banner__image {
top: unset;
z-index: unset;
position: static;
}
}
@media (max-width: 768px) {
.main-banner.v4 .main-banner__image {
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.main-banner.v4 .main-banner__image img {
border-radius: 30px;
}
}
@media (max-width: 1024px) {
.main-banner.v4 {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.main-banner.v4 {
padding: 0 20px;
}
}
.contact-main-banner .main-banner.v2 .main-banner__text {
max-width: 710px;
}
@media (max-width: 768px) {
.contact-main-banner .main-banner.v2 .title-line-1 {
border-radius: 0 !important;
}
.contact-main-banner .main-banner.v2 .title-line-1::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
bottom: 0px;
right: -15px;
rotate: 90deg;
top: unset;
}
.contact-main-banner .main-banner.v2 .title-line-2 {
border-radius: 0 15px 0 0 !important;
}
.contact-main-banner .main-banner.v2 .title-line-2::before {
display: none;
}
.contact-main-banner .main-banner.v2 .title-line-3 {
padding-right: 41px !important;
}
}
.main-banner.v5 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v5 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v5 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v5 .main-banner__wrapper-back img {
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v5 .main-banner__text {
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v5 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
max-width: 760px;
}
.main-banner.v5 .main-banner__text h1 .title-line-1 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 13px;
padding-right: 100px;
background-color: white;
}
.main-banner.v5 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v5 .main-banner__text h1 .title-line-2 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-right: 37px;
padding-bottom: 20px;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v5 .main-banner__text h1 .title-line-1 {
display: block;
}
.main-banner.v5 .main-banner__text h1 .title-line-1::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__text h1 {
font-size: 70px;
display: flex;
flex-direction: column;
}
.main-banner.v5 .main-banner__text h1 .title-line-1,
.main-banner.v5 .main-banner__text h1 .title-line-3,
.main-banner.v5 .main-banner__text h1 .title-line-4,
.main-banner.v5 .main-banner__text h1 .title-line-5 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v5 .main-banner__text h1 .title-line-1::before, .main-banner.v5 .main-banner__text h1 .title-line-1::after,
.main-banner.v5 .main-banner__text h1 .title-line-3::before,
.main-banner.v5 .main-banner__text h1 .title-line-3::after,
.main-banner.v5 .main-banner__text h1 .title-line-4::before,
.main-banner.v5 .main-banner__text h1 .title-line-4::after,
.main-banner.v5 .main-banner__text h1 .title-line-5::before,
.main-banner.v5 .main-banner__text h1 .title-line-5::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v5 .main-banner__text h1 .title-line-1 {
max-width: 339px;
padding-right: 20px;
padding-top: 13px;
border-radius: 0;
}
.main-banner.v5 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v5 .main-banner__text h1 .title-line-1::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
.main-banner.v5 .main-banner__text h1 .title-line-2 {
padding-right: 47px;
border-radius: 0 15px 0 0;
padding-top: 10px;
padding-bottom: 0px;
}
.main-banner.v5 .main-banner__text h1 .title-line-2::before, .main-banner.v5 .main-banner__text h1 .title-line-2::after {
display: none;
}
.main-banner.v5 .main-banner__text h1 .title-line-3 {
padding-right: 25px;
border-radius: 0 0 15px 0;
padding-top: 10px;
}
.main-banner.v5 .main-banner__text h1 .title-line-3::before, .main-banner.v5 .main-banner__text h1 .title-line-3::after {
display: none;
}
.main-banner.v5 .main-banner__text h1 .title-line-4 {
max-width: 339px;
padding-right: 20px;
padding-top: 13px;
border-radius: 0;
}
.main-banner.v5 .main-banner__text h1 .title-line-4::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v5 .main-banner__text h1 .title-line-4::after {
display: none;
}
.main-banner.v5 .main-banner__text h1 .title-line-5 {
max-width: 339px;
padding-right: 56px;
padding-top: 13px;
padding-bottom: 15px;
border-radius: 0;
}
.main-banner.v5 .main-banner__text h1 .title-line-5::before {
display: none;
}
.main-banner.v5 .main-banner__text h1 .title-line-5::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
}
@media (max-width: 440px) {
.main-banner.v5 .main-banner__text h1 {
font-size: 63px;
}
.main-banner.v5 .main-banner__text h1 .title-line-2 {
padding-right: 40px;
padding-top: 20px;
}
.main-banner.v5 .main-banner__text h1 .title-line-3 {
padding-right: 20px;
border-radius: 0 0 15px 0;
padding-top: 10px;
}
.main-banner.v5 .main-banner__text h1 .title-line-3::before, .main-banner.v5 .main-banner__text h1 .title-line-3::after {
display: none;
}
.main-banner.v5 .main-banner__text h1 .title-line-5 {
padding-right: 52px;
}
}
.main-banner.v5 .main-banner__text .desc {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
color: #404040;
background-color: white;
padding-right: 27px;
padding-bottom: 23px;
position: relative;
border-radius: 0 15px 15px 0;
max-width: 560px;
}
.main-banner.v5 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 20px;
rotate: 180deg;
}
.main-banner.v5 .main-banner__text .desc::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
rotate: 270deg;
bottom: -14px;
right: -1px;
display: none;
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__text .desc {
max-width: 353px;
padding-right: 18px;
padding-bottom: 28px;
}
.main-banner.v5 .main-banner__text .desc br {
display: none;
}
.main-banner.v5 .main-banner__text .desc::before {
display: none;
}
}
@media (max-width: 425px) {
.main-banner.v5 .main-banner__text .desc {
max-width: unset;
border-radius: 0;
}
.main-banner.v5 .main-banner__text .desc::after {
display: unset;
}
.main-banner.v5 .main-banner__text .desc::before {
display: unset;
right: 0px;
top: -13px;
rotate: 0deg;
}
}
.main-banner.v5 .main-banner__text-buttons {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 29px;
background-color: white;
padding-bottom: 27px;
padding-right: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v5 .main-banner__text-buttons__left-btn {
width: 211px;
}
.main-banner.v5 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v5 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v5 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v5 .main-banner__text-buttons::before, .main-banner.v5 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v5 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v5 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__text-buttons {
padding-top: 0;
}
.main-banner.v5 .main-banner__text-buttons__left-btn {
width: 234px;
}
.main-banner.v5 .main-banner__text-buttons__left-btn span {
white-space: nowrap;
}
.main-banner.v5 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v5 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v5 {
padding: 0 20px;
}
}
.main-banner.v6 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v6 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v6 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v6 .main-banner__wrapper-back img {
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v6 .main-banner__text {
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v6 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
max-width: 620px;
}
.main-banner.v6 .main-banner__text h1 .title-line-1 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 13px;
padding-right: 53px;
background-color: white;
}
.main-banner.v6 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v6 .main-banner__text h1 .title-line-2 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-right: 113px;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v6 .main-banner__text h1 .title-line-2::before {
display: none;
}
.main-banner.v6 .main-banner__text h1 .title-line-1,
.main-banner.v6 .main-banner__text h1 .title-line-2,
.main-banner.v6 .main-banner__text h1 .title-line-3 {
display: block;
}
.main-banner.v6 .main-banner__text h1 .title-line-1::before,
.main-banner.v6 .main-banner__text h1 .title-line-2::before,
.main-banner.v6 .main-banner__text h1 .title-line-3::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__text h1 {
font-size: 70px;
display: flex;
flex-direction: column;
}
.main-banner.v6 .main-banner__text h1 .title-line-1,
.main-banner.v6 .main-banner__text h1 .title-line-2,
.main-banner.v6 .main-banner__text h1 .title-line-3 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v6 .main-banner__text h1 .title-line-1::before, .main-banner.v6 .main-banner__text h1 .title-line-1::after,
.main-banner.v6 .main-banner__text h1 .title-line-2::before,
.main-banner.v6 .main-banner__text h1 .title-line-2::after,
.main-banner.v6 .main-banner__text h1 .title-line-3::before,
.main-banner.v6 .main-banner__text h1 .title-line-3::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v6 .main-banner__text h1 .title-line-1 {
max-width: 339px;
padding-right: 20px;
padding-top: 13px;
}
.main-banner.v6 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v6 .main-banner__text h1 .title-line-1::after {
display: none;
}
.main-banner.v6 .main-banner__text h1 .title-line-2 {
padding-right: 35px;
}
.main-banner.v6 .main-banner__text h1 .title-line-2::before {
display: block;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v6 .main-banner__text h1 .title-line-2::after {
display: none;
}
.main-banner.v6 .main-banner__text h1 .title-line-3 {
padding-right: 20px;
border-radius: 0;
}
.main-banner.v6 .main-banner__text h1 .title-line-3::before {
rotate: 180deg;
top: 0px;
right: -15px;
}
.main-banner.v6 .main-banner__text h1 .title-line-3::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
}
.main-banner.v6 .main-banner__text .desc {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
color: #404040;
background-color: white;
padding-right: 25px;
padding-top: 23px;
padding-bottom: 23px;
position: relative;
border-radius: 0 0 15px 0;
max-width: 430px;
}
.main-banner.v6 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v6 .main-banner__text .desc::before {
right: -15px;
top: 0;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__text .desc {
max-width: 353px;
padding-right: 18px;
padding-bottom: 28px;
border-radius: 0 15px 15px 0;
}
.main-banner.v6 .main-banner__text .desc br {
display: none;
}
.main-banner.v6 .main-banner__text .desc::before {
display: none;
}
}
@media (max-width: 420px) {
.main-banner.v6 .main-banner__text .desc {
max-width: 300px;
}
}
.main-banner.v6 .main-banner__text-buttons {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 29px;
background-color: white;
padding-bottom: 27px;
padding-right: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v6 .main-banner__text-buttons__left-btn {
width: 211px;
}
.main-banner.v6 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v6 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v6 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v6 .main-banner__text-buttons::before, .main-banner.v6 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v6 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v6 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__text-buttons {
padding-top: 0;
}
.main-banner.v6 .main-banner__text-buttons__left-btn {
width: 234px;
}
.main-banner.v6 .main-banner__text-buttons__left-btn span {
white-space: nowrap;
}
.main-banner.v6 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v6 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v6 {
padding: 0 20px;
}
}
.main-banner.v7 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v7 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v7 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v7 .main-banner__wrapper-back img {
border-radius: 20px;
-o-object-position: top center;
object-position: top center;
}
.main-banner.v7 .main-banner__wrapper-back video {
width: 100%;
height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__wrapper-back video {
display: none;
}
}
.main-banner.v7 .main-banner__wrapper-back .mobile-image {
display: none;
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__wrapper-back .mobile-image {
display: unset;
-o-object-position: bottom;
object-position: bottom;
}
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v7 .main-banner__text {
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v7 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
}
.main-banner.v7 .main-banner__text h1 .title-line-1 {
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 13px;
padding-right: 33px;
background-color: white;
z-index: 3;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::after {
right: -15px;
bottom: 13px;
rotate: 90deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-2 {
display: block;
width: -moz-fit-content;
width: fit-content;
height: 103px;
position: relative;
padding-top: 18px;
padding-right: 30px;
margin-top: -13px;
border-radius: 0 15px 15px 0;
background-color: white;
}
.main-banner.v7 .main-banner__text h1 .title-line-1 {
display: block;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__text h1 {
font-size: 70px;
display: flex;
flex-direction: column;
}
.main-banner.v7 .main-banner__text h1 .title-line-1,
.main-banner.v7 .main-banner__text h1 .title-line-2 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before, .main-banner.v7 .main-banner__text h1 .title-line-1::after,
.main-banner.v7 .main-banner__text h1 .title-line-2::before,
.main-banner.v7 .main-banner__text h1 .title-line-2::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v7 .main-banner__text h1 .title-line-1 {
padding-right: 80px;
padding-top: 13px;
background-color: white;
border-radius: 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::after {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-2 {
padding-right: 20px;
background-color: white;
border-radius: 0 15px 15px 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-2::before {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-2::after {
display: none;
}
}
@media (max-width: 768px) and (max-width: 440px) {
.main-banner.v7 .main-banner__text h1 .title-line-2 {
max-width: 294px;
}
}
@media (max-width: 540px) {
.main-banner.v7 .main-banner__text h1 {
font-size: 70px;
display: flex;
flex-direction: column;
}
.main-banner.v7 .main-banner__text h1 .title-line-1,
.main-banner.v7 .main-banner__text h1 .title-line-2,
.main-banner.v7 .main-banner__text h1 .title-line-3,
.main-banner.v7 .main-banner__text h1 .title-line-4 {
height: -moz-fit-content;
height: fit-content;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before, .main-banner.v7 .main-banner__text h1 .title-line-1::after,
.main-banner.v7 .main-banner__text h1 .title-line-2::before,
.main-banner.v7 .main-banner__text h1 .title-line-2::after,
.main-banner.v7 .main-banner__text h1 .title-line-3::before,
.main-banner.v7 .main-banner__text h1 .title-line-3::after,
.main-banner.v7 .main-banner__text h1 .title-line-4::before,
.main-banner.v7 .main-banner__text h1 .title-line-4::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v7 .main-banner__text h1 .title-line-1 {
padding-right: 20px;
padding-top: 13px;
background-color: white;
border-radius: 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-1::after {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-2 {
max-width: 294px;
padding-right: 63px;
background-color: white;
border-radius: 0 0 0 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-2::before {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-2::after {
display: block;
right: -15px;
bottom: 0;
rotate: 90deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-3 {
max-width: 315px;
height: 97px;
padding-top: 13px;
z-index: 3;
padding-right: 20px;
background-color: white;
border-radius: 0 15px 15px 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-3::before {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-3::after {
display: none;
}
.main-banner.v7 .main-banner__text h1 .title-line-4 {
max-width: 240px;
padding-right: 25px;
background-color: white;
border-radius: 0 0 0 0;
}
.main-banner.v7 .main-banner__text h1 .title-line-4::before {
display: block;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v7 .main-banner__text h1 .title-line-4::after {
display: block;
right: -15px;
bottom: 0;
rotate: 90deg;
}
}
.main-banner.v7 .main-banner__text .desc {
width: -moz-fit-content;
width: fit-content;
max-width: 450px;
font-size: 16px;
color: #404040;
background-color: white;
padding-right: 24px;
padding-top: 6px;
padding-bottom: 23px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v7 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0;
right: -15px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__text .desc {
max-width: 353px;
padding-right: 18px;
padding-bottom: 28px;
border-radius: 0 0 15px 0;
}
.main-banner.v7 .main-banner__text .desc br {
display: none;
}
.main-banner.v7 .main-banner__text .desc::before {
right: -15px;
top: 0;
rotate: 180deg;
}
}
@media (max-width: 540px) {
.main-banner.v7 .main-banner__text .desc {
max-width: 300px;
border-radius: 0 15px 15px 0;
}
.main-banner.v7 .main-banner__text .desc::before {
display: none;
}
}
.main-banner.v7 .main-banner__text-buttons {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 29px;
background-color: white;
padding-bottom: 27px;
padding-right: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v7 .main-banner__text-buttons__left-btn {
width: 211px;
}
.main-banner.v7 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v7 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v7 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768) {
.main-banner.v7 .main-banner__text-buttons__right-btn {
display: none !important;
}
}
.main-banner.v7 .main-banner__text-buttons::before, .main-banner.v7 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v7 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v7 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__text-buttons {
padding-top: 0;
}
.main-banner.v7 .main-banner__text-buttons__left-btn {
width: 234px;
}
.main-banner.v7 .main-banner__text-buttons__left-btn span {
white-space: nowrap;
}
.main-banner.v7 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v7 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v7 {
padding: 0 20px;
}
}
@media (max-width: 768px) {
.main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v8 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v8 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v8 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v8 .main-banner__wrapper-back img {
border-radius: 20px;
-o-object-position: bottom;
object-position: bottom;
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v8 .main-banner__text {
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v8 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
display: block;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.main-banner.v8 .main-banner__text h1 .title-line-1,
.main-banner.v8 .main-banner__text h1 .title-line-2 {
padding-top: 13px;
padding-right: 25px;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
}
.main-banner.v8 .main-banner__text h1 .title-line-1::before,
.main-banner.v8 .main-banner__text h1 .title-line-2::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0;
right: -15px;
rotate: 180deg;
}
.main-banner.v8 .main-banner__text h1 .title-line-1::after,
.main-banner.v8 .main-banner__text h1 .title-line-2::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
bottom: 0;
right: -15px;
rotate: 90deg;
}
.main-banner.v8 .main-banner__text h1 .title-line-1 {
border-radius: 0 0 15px 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-1::after {
display: none;
}
@media (max-width: 880px) {
.main-banner.v8 .main-banner__text h1 {
font-size: 65px;
}
.main-banner.v8 .main-banner__text h1 br {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__text h1 {
background-color: unset;
border-radius: 0;
padding-top: 0;
padding-right: 0;
font-size: 67px;
display: flex;
flex-direction: column;
}
.main-banner.v8 .main-banner__text h1 .title-line-1,
.main-banner.v8 .main-banner__text h1 .title-line-2,
.main-banner.v8 .main-banner__text h1 .title-line-3,
.main-banner.v8 .main-banner__text h1 .title-line-4 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-1::before, .main-banner.v8 .main-banner__text h1 .title-line-1::after,
.main-banner.v8 .main-banner__text h1 .title-line-2::before,
.main-banner.v8 .main-banner__text h1 .title-line-2::after,
.main-banner.v8 .main-banner__text h1 .title-line-3::before,
.main-banner.v8 .main-banner__text h1 .title-line-3::after,
.main-banner.v8 .main-banner__text h1 .title-line-4::before,
.main-banner.v8 .main-banner__text h1 .title-line-4::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v8 .main-banner__text h1 .title-line-1 {
padding-right: 20px;
padding-top: 13px;
border-radius: 0 0 15px 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v8 .main-banner__text h1 .title-line-2 {
padding-right: 16px;
padding-top: 10px;
border-radius: 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-2::before {
rotate: 180deg;
top: 0px;
right: -15px;
}
.main-banner.v8 .main-banner__text h1 .title-line-2::after {
display: none;
}
.main-banner.v8 .main-banner__text h1 .title-line-3 {
padding-right: 20px;
border-radius: 0 0 15px 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-3::before {
rotate: 180deg;
top: 0px;
right: -15px;
display: none;
}
.main-banner.v8 .main-banner__text h1 .title-line-3::after {
display: none;
}
.main-banner.v8 .main-banner__text h1 .title-line-4 {
padding-right: 20px;
border-radius: 0;
}
.main-banner.v8 .main-banner__text h1 .title-line-4::before {
rotate: 180deg;
top: 0px;
right: -15px;
}
.main-banner.v8 .main-banner__text h1 .title-line-4::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
.main-banner.v8 .main-banner__text h1::before {
display: none;
}
}
@media (max-width: 380px) {
.main-banner.v8 .main-banner__text h1 {
font-size: 67px;
}
}
.main-banner.v8 .main-banner__text .desc {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
color: #404040;
background-color: white;
padding-right: 24px;
padding-top: 23px;
padding-bottom: 23px;
position: relative;
border-radius: 0 15px 15px 0;
max-width: 530px;
}
.main-banner.v8 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0;
right: -15px;
rotate: 180deg;
display: none;
}
@media (max-width: 950px) {
.main-banner.v8 .main-banner__text .desc {
max-width: 500px;
}
.main-banner.v8 .main-banner__text .desc br {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__text .desc {
max-width: 353px;
padding-right: 18px;
padding-bottom: 28px;
border-radius: 0 15px 15px 0;
}
.main-banner.v8 .main-banner__text .desc::before {
display: none;
}
.main-banner.v8 .main-banner__text .desc br {
display: none;
}
}
@media (max-width: 420px) {
.main-banner.v8 .main-banner__text .desc {
max-width: 300px;
}
}
.main-banner.v8 .main-banner__text-buttons {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 29px;
background-color: white;
padding-bottom: 27px;
padding-right: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v8 .main-banner__text-buttons__left-btn {
width: 211px;
}
.main-banner.v8 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v8 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v8 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v8 .main-banner__text-buttons::before, .main-banner.v8 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v8 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v8 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__text-buttons {
padding-top: 0;
}
.main-banner.v8 .main-banner__text-buttons__left-btn {
width: 234px;
}
.main-banner.v8 .main-banner__text-buttons__left-btn span {
white-space: nowrap;
}
.main-banner.v8 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v8 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v8 {
padding: 0 20px;
}
}
.main-banner.v9 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
margin-top: 157px;
}
.main-banner.v9 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v9 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v9 .main-banner__wrapper-back img {
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__wrapper-back {
height: auto;
position: static;
order: 2;
transform: translateY(-30px);
}
.main-banner.v9 .main-banner__wrapper-back img {
border-radius: 0;
}
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__wrapper {
min-height: unset;
display: flex;
flex-direction: column;
}
}
.main-banner.v9 .main-banner__text {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 22px;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v9 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
display: block;
width: -moz-fit-content;
width: fit-content;
}
.main-banner.v9 .main-banner__text h1 .title-line-1,
.main-banner.v9 .main-banner__text h1 .title-line-2,
.main-banner.v9 .main-banner__text h1 .title-line-3,
.main-banner.v9 .main-banner__text h1 .title-line-4 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v9 .main-banner__text h1 .title-line-1::before, .main-banner.v9 .main-banner__text h1 .title-line-1::after,
.main-banner.v9 .main-banner__text h1 .title-line-2::before,
.main-banner.v9 .main-banner__text h1 .title-line-2::after,
.main-banner.v9 .main-banner__text h1 .title-line-3::before,
.main-banner.v9 .main-banner__text h1 .title-line-3::after,
.main-banner.v9 .main-banner__text h1 .title-line-4::before,
.main-banner.v9 .main-banner__text h1 .title-line-4::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v9 .main-banner__text h1 .title-line-1 {
padding-right: 24px;
padding-top: 13px;
border-radius: 0;
}
.main-banner.v9 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v9 .main-banner__text h1 .title-line-1::after {
display: none;
}
.main-banner.v9 .main-banner__text h1 .title-line-2 {
padding-right: 62px;
padding-top: 13px;
border-radius: 0 0 15px 0;
}
.main-banner.v9 .main-banner__text h1 .title-line-2::before, .main-banner.v9 .main-banner__text h1 .title-line-2::after {
display: none;
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__text h1 {
padding: 0;
background-color: unset;
border-radius: 0;
}
.main-banner.v9 .main-banner__text h1 .title-line-1,
.main-banner.v9 .main-banner__text h1 .title-line-2,
.main-banner.v9 .main-banner__text h1 .title-line-3,
.main-banner.v9 .main-banner__text h1 .title-line-4 {
padding-top: 0;
}
.main-banner.v9 .main-banner__text h1 .title-line-1::before, .main-banner.v9 .main-banner__text h1 .title-line-1::after,
.main-banner.v9 .main-banner__text h1 .title-line-2::before,
.main-banner.v9 .main-banner__text h1 .title-line-2::after,
.main-banner.v9 .main-banner__text h1 .title-line-3::before,
.main-banner.v9 .main-banner__text h1 .title-line-3::after,
.main-banner.v9 .main-banner__text h1 .title-line-4::before,
.main-banner.v9 .main-banner__text h1 .title-line-4::after {
display: none;
}
}
@media (max-width: 400px) {
.main-banner.v9 .main-banner__text h1 {
font-size: 68px;
}
}
.main-banner.v9 .main-banner__text .desc {
font-size: 24px;
color: #404040;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 21px;
background-color: white;
border-radius: 0 0 15px 0;
max-width: 600px;
}
.main-banner.v9 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__text .desc {
width: 100%;
padding: 0;
background-color: unset;
border-radius: 0;
}
.main-banner.v9 .main-banner__text .desc br {
display: none;
}
}
.main-banner.v9 .main-banner__text-buttons {
display: flex;
align-items: center;
gap: 30px;
max-width: 450px;
background-color: white;
padding-bottom: 34px;
padding-top: 19px;
padding-right: 60px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v9 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v9 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v9 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v9 .main-banner__text-buttons__left-btn {
padding: 14px 15px;
border-radius: 54px;
font-size: 14px;
}
.main-banner.v9 .main-banner__text-buttons::before, .main-banner.v9 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v9 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v9 .main-banner__text-buttons::after {
bottom: -15px;
left: -22px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__text-buttons {
max-width: none;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 10px;
padding-right: 10px;
background: white;
border-radius: 0 0 15px 0;
}
.main-banner.v9 .main-banner__text-buttons::before, .main-banner.v9 .main-banner__text-buttons::after {
display: none;
}
.main-banner.v9 .main-banner__text-buttons::before {
all: unset;
display: block;
content: "";
position: absolute;
width: 20px;
height: 30px;
bottom: 0;
left: -20px;
background-color: white;
}
.main-banner.v9 .main-banner__text-buttons::after {
display: block;
right: -15px;
bottom: 15px;
rotate: 180deg;
left: unset;
}
}
@media (max-width: 768px) {
.main-banner.v9 .main-banner__text {
order: 1;
padding-left: 0;
gap: 31px;
padding: 0 20px;
background-image: none;
}
}
@media (max-width: 1024px) {
.main-banner.v9 {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.main-banner.v9 {
padding: 0;
margin-top: 100px;
}
}
.main-banner.v10 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.main-banner.v10 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v10 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v10 .main-banner__wrapper-back img {
border-radius: 20px;
-o-object-position: bottom;
object-position: bottom;
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__wrapper {
min-height: 795px;
}
}
.main-banner.v10 .main-banner__text {
width: 100%;
padding-left: 10px;
display: flex;
flex-direction: column;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v10 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
display: block;
position: relative;
padding-top: 13px;
padding-right: 30px;
width: -moz-fit-content;
width: fit-content;
max-width: unset;
}
.main-banner.v10 .main-banner__text h1 .title-line-1,
.main-banner.v10 .main-banner__text h1 .title-line-2 {
background-color: white;
position: relative;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::before, .main-banner.v10 .main-banner__text h1 .title-line-1::after,
.main-banner.v10 .main-banner__text h1 .title-line-2::before,
.main-banner.v10 .main-banner__text h1 .title-line-2::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v10 .main-banner__text h1 .title-line-1 {
padding-right: 24px;
padding-top: 13px;
border-radius: 0 0 15px 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::after {
display: none;
}
.main-banner.v10 .main-banner__text h1 .title-line-2 {
padding-right: 24px;
border-radius: 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-2::before {
right: -15px;
rotate: 180deg;
}
.main-banner.v10 .main-banner__text h1 .title-line-2::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
@media (max-width: 830px) {
.main-banner.v10 .main-banner__text h1 {
font-size: 66px;
}
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__text h1 {
background-color: unset;
border-radius: 0;
padding-top: 0;
padding-right: 0;
font-size: 60px;
display: flex;
flex-direction: column;
width: 100%;
}
.main-banner.v10 .main-banner__text h1 .title-line-1,
.main-banner.v10 .main-banner__text h1 .title-line-2,
.main-banner.v10 .main-banner__text h1 .title-line-3 {
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::before, .main-banner.v10 .main-banner__text h1 .title-line-1::after,
.main-banner.v10 .main-banner__text h1 .title-line-2::before,
.main-banner.v10 .main-banner__text h1 .title-line-2::after,
.main-banner.v10 .main-banner__text h1 .title-line-3::before,
.main-banner.v10 .main-banner__text h1 .title-line-3::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v10 .main-banner__text h1 .title-line-1 {
padding-right: 20px;
padding-top: 13px;
border-radius: 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v10 .main-banner__text h1 .title-line-1::after {
rotate: 90deg;
bottom: 0;
right: -15px;
display: unset;
}
.main-banner.v10 .main-banner__text h1 .title-line-2 {
padding-right: 20px;
padding-top: 10px;
border-radius: 0 15px 15px 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-2::after, .main-banner.v10 .main-banner__text h1 .title-line-2::before {
display: none;
}
.main-banner.v10 .main-banner__text h1 .title-line-3 {
padding-right: 33px;
border-radius: 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-3::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v10 .main-banner__text h1 .title-line-3::after {
rotate: 90deg;
bottom: 0;
right: -15px;
}
}
@media (max-width: 440px) {
.main-banner.v10 .main-banner__text h1 .title-line-1,
.main-banner.v10 .main-banner__text h1 .title-line-2 {
width: 100%;
border-radius: 0;
}
.main-banner.v10 .main-banner__text h1 .title-line-2::after {
display: unset;
rotate: 270deg;
bottom: -14px;
right: 0px;
}
}
.main-banner.v10 .main-banner__text .desc {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
color: #404040;
background-color: white;
padding-right: 24px;
padding-top: 23px;
padding-bottom: 23px;
position: relative;
border-radius: 0 15px 15px 0;
max-width: 560px;
}
.main-banner.v10 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0;
right: -15px;
rotate: 180deg;
display: none;
}
@media (max-width: 950px) {
.main-banner.v10 .main-banner__text .desc {
max-width: 500px;
}
.main-banner.v10 .main-banner__text .desc br {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__text .desc {
max-width: 353px;
padding-right: 18px;
padding-bottom: 28px;
border-radius: 0 15px 15px 0;
}
.main-banner.v10 .main-banner__text .desc br {
display: none;
}
.main-banner.v10 .main-banner__text .desc::before {
display: none;
}
}
@media (max-width: 420px) {
.main-banner.v10 .main-banner__text .desc {
max-width: 320px;
}
}
.main-banner.v10 .main-banner__text-buttons {
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
gap: 29px;
background-color: white;
padding-bottom: 27px;
padding-right: 27px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v10 .main-banner__text-buttons__left-btn {
width: 211px;
}
.main-banner.v10 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v10 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v10 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v10 .main-banner__text-buttons::before, .main-banner.v10 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v10 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v10 .main-banner__text-buttons::after {
bottom: -15px;
left: -10px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__text-buttons {
padding-top: 0;
}
.main-banner.v10 .main-banner__text-buttons .orng-btn.arrow:not(.on-desc) {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
position: relative;
background-color: #EB4E12;
}
.main-banner.v10 .main-banner__text-buttons__left-btn {
width: 234px;
}
.main-banner.v10 .main-banner__text-buttons__left-btn span {
white-space: nowrap;
}
.main-banner.v10 .main-banner__text-buttons::after {
left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v10 .main-banner__text {
padding-left: 0;
}
}
@media (max-width: 768px) {
.main-banner.v10 {
padding: 0 20px;
}
}
.main-banner.v11 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
margin-top: 157px;
}
.main-banner.v11 .main-banner__wrapper {
width: 100%;
max-width: 1860px;
min-height: 841px;
border-radius: 20px;
position: relative;
}
.main-banner.v11 .main-banner__wrapper-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-banner.v11 .main-banner__wrapper-back img {
border-radius: 20px;
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__wrapper-back {
height: auto;
position: static;
order: 2;
transform: translateY(-30px);
}
.main-banner.v11 .main-banner__wrapper-back img {
border-radius: 0;
}
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__wrapper {
min-height: unset;
display: flex;
flex-direction: column;
}
}
.main-banner.v11 .main-banner__text {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 22px;
background-image: linear-gradient(to right, #ffffff 30px, transparent 30px);
}
.main-banner.v11 .main-banner__text h1 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #eb4e12;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 13px;
padding-bottom: 10px;
padding-right: 70px;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v11 .main-banner__text h1::before, .main-banner.v11 .main-banner__text h1::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v11 .main-banner__text h1::after {
top: unset;
bottom: 0;
rotate: 90deg;
display: none;
}
@media (max-width: 905px) {
.main-banner.v11 .main-banner__text h1 {
max-width: 530px;
}
.main-banner.v11 .main-banner__text h1 br {
display: none;
}
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__text h1 {
max-width: none;
padding: 0;
background-color: unset;
border-radius: 0;
}
.main-banner.v11 .main-banner__text h1::before, .main-banner.v11 .main-banner__text h1::after {
display: none;
}
}
.main-banner.v11 .main-banner__text .desc {
font-size: 24px;
color: #404040;
display: block;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding-top: 20px;
padding-right: 25px;
padding-bottom: 21px;
background-color: white;
border-radius: 0 0 15px 0;
}
.main-banner.v11 .main-banner__text .desc::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
right: -15px;
top: 0;
rotate: 180deg;
}
@media (max-width: 906px) {
.main-banner.v11 .main-banner__text .desc {
max-width: 420px;
}
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__text .desc {
width: 100%;
padding: 0;
background-color: unset;
border-radius: 0;
max-width: unset;
}
.main-banner.v11 .main-banner__text .desc br {
display: none;
}
.main-banner.v11 .main-banner__text .desc::before {
display: none;
}
}
.main-banner.v11 .main-banner__text-buttons {
display: flex;
align-items: center;
gap: 30px;
max-width: 340px;
background-color: white;
padding-bottom: 25px;
padding-top: 0;
padding-right: 10px;
position: relative;
border-radius: 0 0 15px 0;
}
.main-banner.v11 .main-banner__text-buttons__right-btn {
display: flex;
align-items: center;
gap: 17px;
}
.main-banner.v11 .main-banner__text-buttons__right-btn span {
font-size: 14px;
color: #161616;
}
.main-banner.v11 .main-banner__text-buttons__right-btn img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__text-buttons__right-btn {
display: none;
}
}
.main-banner.v11 .main-banner__text-buttons__left-btn {
padding: 14px 15px;
border-radius: 54px;
font-size: 14px;
}
.main-banner.v11 .main-banner__text-buttons::before, .main-banner.v11 .main-banner__text-buttons::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner.v11 .main-banner__text-buttons::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.main-banner.v11 .main-banner__text-buttons::after {
bottom: -15px;
left: -22px;
rotate: 180deg;
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__text-buttons {
max-width: none;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 10px;
padding-right: 10px;
background: white;
border-radius: 0 0 15px 0;
}
.main-banner.v11 .main-banner__text-buttons::before, .main-banner.v11 .main-banner__text-buttons::after {
display: none;
}
.main-banner.v11 .main-banner__text-buttons::before {
all: unset;
display: block;
content: "";
position: absolute;
width: 20px;
height: 30px;
bottom: 0;
left: -20px;
background-color: white;
}
.main-banner.v11 .main-banner__text-buttons::after {
display: block;
right: -15px;
bottom: 15px;
rotate: 180deg;
left: unset;
}
}
@media (max-width: 768px) {
.main-banner.v11 .main-banner__text {
order: 1;
padding-left: 0;
gap: 31px;
padding: 0 20px;
background-image: none;
}
}
@media (max-width: 1024px) {
.main-banner.v11 {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.main-banner.v11 {
padding: 0;
margin-top: 100px;
}
}
.main-banner-v11__bot {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 122px;
margin-bottom: -170px;
}
.main-banner-v11__bot .bot__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 100px;
}
.main-banner-v11__bot .bot__content-left {
width: 28.88%;
display: flex;
flex-direction: column;
gap: 50px;
}
.main-banner-v11__bot .bot__content-left h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.main-banner-v11__bot .bot__content-left a {
width: 227px;
}
.main-banner-v11__bot .bot__content-left .dot-span {
font-size: 24px;
}
@media (max-width: 1350px) {
.main-banner-v11__bot .bot__content-left {
width: 34%;
}
}
@media (max-width: 1024px) {
.main-banner-v11__bot .bot__content-left {
width: 100%;
}
}
@media (max-width: 768px) {
.main-banner-v11__bot .bot__content-left {
gap: 36px;
}
}
.main-banner-v11__bot .bot__content-right {
width: 43.8%;
display: flex;
flex-direction: column;
gap: 92px;
padding: 0 30px;
padding-top: 50px;
border-radius: 15px 15px 0 0;
background-color: white;
position: relative;
z-index: 1;
transform: translateY(-170px);
}
.main-banner-v11__bot .bot__content-right .text {
font-size: 36px;
}
@media (max-width: 768px) {
.main-banner-v11__bot .bot__content-right .text br {
display: none;
}
}
.main-banner-v11__bot .bot__content-right .list {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
}
.main-banner-v11__bot .bot__content-right .list-item {
width: 100%;
display: flex;
gap: 34px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.main-banner-v11__bot .bot__content-right .list-item span {
font-size: 24px;
}
.main-banner-v11__bot .bot__content-right .list-item p {
font-size: 24px;
color: #404040;
}
.main-banner-v11__bot .bot__content-right .list-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.main-banner-v11__bot .bot__content-right::before, .main-banner-v11__bot .bot__content-right::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.main-banner-v11__bot .bot__content-right::before {
left: -15px;
top: 33px;
}
.main-banner-v11__bot .bot__content-right::after {
right: -15px;
top: 33px;
rotate: 90deg;
}
@media (max-width: 1700px) {
.main-banner-v11__bot .bot__content-right {
margin-right: 70px;
}
}
@media (max-width: 1024px) {
.main-banner-v11__bot .bot__content-right {
width: 100%;
max-width: 700px;
align-self: flex-end;
margin-right: 0;
padding: 0;
border-radius: 0;
background-color: unset;
transform: unset;
}
.main-banner-v11__bot .bot__content-right::before, .main-banner-v11__bot .bot__content-right::after {
display: none;
}
}
@media (max-width: 768px) {
.main-banner-v11__bot .bot__content-right {
max-width: unset;
align-self: unset;
gap: 52px;
}
}
@media (max-width: 1024px) {
.main-banner-v11__bot .bot__content {
flex-direction: column;
justify-content: unset;
gap: 91px;
}
}
@media (max-width: 1024px) {
.main-banner-v11__bot {
margin-top: 132px;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.main-banner-v11__bot {
padding: 0 20px;
}
}
.wp-block-lazyblock-blok-what-we-do {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.what-we-do {
width: 100%;
max-width: 1920px;
display: flex;
flex-direction: column;
padding: 0 30px;
margin-top: 100px;
}
.what-we-do__content {
width: 100%;
max-width: 78%;
display: flex;
flex-direction: column;
gap: 55px;
padding-left: 8.18%;
position: relative;
}
.what-we-do__content h2 {
max-width: 880px;
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.what-we-do__content h2 span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.what-we-do__content h2 {
max-width: unset;
}
}
@media (max-width: 768px) {
.what-we-do__content h2 {
display: flex;
flex-direction: column;
gap: 18px;
}
.what-we-do__content h2 span {
margin-right: 0;
}
}
.what-we-do__content .desctop-arrow {
position: absolute;
width: 273px;
height: 171px;
top: 25%;
left: 29%;
transform: scale(0.7);
cursor: pointer;
}
@media (min-width: 1800px) {
.what-we-do__content .desctop-arrow {
transform: none;
}
}
@media (max-width: 1505px) {
.what-we-do__content .desctop-arrow {
transform: scale(0.7) rotateZ(345deg);
}
}
@media (max-width: 1300px) {
.what-we-do__content .desctop-arrow {
display: none;
}
}
.what-we-do__content .desctop-arrow #visible-line {
stroke-linecap: round;
stroke-linejoin: round;
}
.what-we-do__content-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 14.73%;
}
@media (max-width: 1024px) {
.what-we-do__content-wrapper {
gap: 0;
justify-content: center;
}
}
.what-we-do__content-left {
width: 100%;
max-width: 30.83%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 249px;
padding-bottom: 14%;
}
.what-we-do__content-left-btn {
width: 100% !important;
max-width: 249px !important;
}
.what-we-do__content-left .button-wrapper {
display: flex;
flex-direction: column;
gap: 26px;
}
.what-we-do__content-left .gif-wrapper {
width: 100%;
max-width: 379px;
height: 228px;
border-radius: 10px;
overflow: hidden;
}
.what-we-do__content-left .gif-wrapper video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1024px) {
.what-we-do__content-left {
display: none;
}
}
.what-we-do__content-right {
width: 100%;
display: flex;
flex-grow: 1;
flex-direction: column;
gap: 90px;
}
.what-we-do__content-right__services {
width: 100%;
display: flex;
flex-direction: column;
gap: 18px;
position: relative;
z-index: 1;
}
.what-we-do__content-right__services .item {
width: 100%;
min-height: 109px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 17px;
border-bottom: 0.5px solid #808080;
}
.what-we-do__content-right__services .item-left {
display: flex;
align-items: center;
gap: 20px;
}
.what-we-do__content-right__services .item-left__title {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #404040;
}
@media (max-width: 1500px) {
.what-we-do__content-right__services .item-left__title {
font-size: 60px;
}
}
@media (max-width: 1340px) {
.what-we-do__content-right__services .item-left__title {
font-size: 50px;
}
}
@media (max-width: 1150px) {
.what-we-do__content-right__services .item-left__title {
font-size: 45px;
}
}
@media (max-width: 1024px) {
.what-we-do__content-right__services .item-left__title {
font-size: 72px;
}
}
@media (max-width: 840px) {
.what-we-do__content-right__services .item-left__title {
font-size: 61px;
}
}
@media (max-width: 768px) {
.what-we-do__content-right__services .item-left__title {
font-size: 48px;
transition: 0.3s all;
}
}
.what-we-do__content-right__services .item-left img {
width: 0;
overflow: hidden;
transition: 0.3s width;
}
@media (max-width: 768px) {
.what-we-do__content-right__services .item-left img {
display: none;
}
}
.what-we-do__content-right__services .item-arrow {
width: 57px;
height: 57px;
min-width: 57px;
min-height: 57px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background-color: rgba(185, 205, 206, 0.15);
transition: 0.3s all;
}
.what-we-do__content-right__services .item-arrow img {
width: 17px;
height: auto;
}
@media (max-width: 1150px) {
.what-we-do__content-right__services .item-arrow {
width: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
}
.what-we-do__content-right__services .item-arrow img {
width: 15px;
}
}
@media (max-width: 1150px) {
.what-we-do__content-right__services .item-arrow {
width: 57px;
height: 57px;
min-width: 57px;
min-height: 57px;
}
.what-we-do__content-right__services .item-arrow img {
width: 17px;
}
}
@media (max-width: 7px) {
.what-we-do__content-right__services .item-arrow {
width: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
}
.what-we-do__content-right__services .item-arrow img {
width: 15px;
}
}
.what-we-do__content-right__services .item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.what-we-do__content-right__services .item:hover .item-left img {
width: 143px;
}
.what-we-do__content-right__services .item:hover .item-arrow {
background-color: #EB4E12;
}
@media (max-width: 1500px) {
.what-we-do__content-right__services .item {
min-height: 82px;
}
.what-we-do__content-right__services .item:hover .item-left img {
width: 100px;
}
}
@media (max-width: 1340px) {
.what-we-do__content-right__services .item {
min-height: 75px;
}
.what-we-do__content-right__services .item .item-left {
gap: 10px;
}
.what-we-do__content-right__services .item:hover .item-left img {
width: 85px;
}
}
@media (max-width: 1150px) {
.what-we-do__content-right__services .item {
min-height: 66px;
}
.what-we-do__content-right__services .item:hover .item-left img {
width: 75px;
}
}
@media (max-width: 1024px) {
.what-we-do__content-right__services .item {
min-height: 109px;
}
.what-we-do__content-right__services .item .item-left {
gap: 20px;
}
.what-we-do__content-right__services .item:hover .item-left img {
width: 143px;
}
}
@media (max-width: 768px) {
.what-we-do__content-right__services .item {
min-height: 0;
}
.what-we-do__content-right__services .item:hover .item-left__title {
color: #EB4E12;
}
}
.what-we-do__content-right .desc {
font-size: 36px;
}
@media (max-width: 1500px) {
.what-we-do__content-right .desc {
font-size: 28px;
}
}
@media (max-width: 1340px) {
.what-we-do__content-right .desc {
font-size: 25px;
}
}
@media (max-width: 1150px) {
.what-we-do__content-right .desc {
font-size: 19px;
}
}
@media (max-width: 1024px) {
.what-we-do__content-right .desc {
font-size: 36px;
}
}
@media (max-width: 768px) {
.what-we-do__content-right .desc {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.what-we-do__content-right {
max-width: 73%;
gap: 162px;
flex-grow: unset;
}
}
@media (max-width: 768px) {
.what-we-do__content-right {
max-width: 80%;
gap: 72px;
}
}
@media (max-width: 440px) {
.what-we-do__content-right {
max-width: unset;
gap: 72px;
}
}
@media (max-width: 1024px) {
.what-we-do__content {
max-width: unset;
padding-left: 0;
padding: 0 30px;
}
}
@media (max-width: 768px) {
.what-we-do__content {
padding: 0 20px;
}
}
.what-we-do__image {
width: 100%;
height: auto;
position: relative;
transform: translateY(-15%);
}
@media (max-width: 440px) {
.what-we-do__image {
overflow: hidden;
}
.what-we-do__image img {
scale: 1.2;
}
}
.what-we-do .dot-span {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: "Sora";
font-size: 16px;
}
.what-we-do .dot-span::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
}
@media (max-width: 1024px) {
.what-we-do {
padding: 0;
}
}
@media (max-width: 768px) {
.what-we-do {
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-our-expertise {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.our-exp {
width: 100%;
max-width: 1920px;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
}
.our-exp__thunder {
width: 100%;
height: auto;
}
.our-exp__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 78px;
}
.our-exp__content h2 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
max-width: 1440px;
margin-bottom: 100px;
}
.our-exp__content h2 .last-span {
display: none;
}
@media (max-width: 430px) {
.our-exp__content h2 .last-span {
display: inline-flex;
}
}
.our-exp__content h2 span {
margin-right: 20px;
}
@media (max-width: 768px) {
.our-exp__content h2 {
display: flex;
flex-direction: column;
gap: 18px;
margin-bottom: 0px;
}
.our-exp__content h2 span {
font-size: 24px;
margin-right: 0;
}
}
.our-exp__content-wrapper {
width: 100%;
display: flex;
gap: 14.34%;
}
@media (max-width: 1024px) {
.our-exp__content-wrapper {
gap: 0;
justify-content: center;
}
}
.our-exp__content-left {
width: 100%;
max-width: 379px;
display: flex;
flex-direction: column;
gap: 111px;
}
.our-exp__content-left__gif {
width: 100%;
height: 255px;
border-radius: 10px;
overflow: hidden;
}
.our-exp__content-left__gif video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1024px) {
.our-exp__content-left {
display: none;
}
}
.our-exp__content-right {
width: 100%;
max-width: 678px;
display: flex;
flex-direction: column;
gap: 24px;
}
.our-exp__content-right__item {
width: 100%;
display: flex;
align-items: center;
gap: 34px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.our-exp__content-right__item img {
display: none;
}
.our-exp__content-right__item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.our-exp__content-right__item .counter {
font-size: 24px;
}
.our-exp__content-right__item .text {
font-size: 24px;
color: #404040;
}
@media (max-width: 768px) {
.our-exp__content-right__item {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.our-exp__content-right__item img {
display: unset;
width: 45px;
height: 45px;
}
.our-exp__content-right__item .counter {
display: none;
}
}
.our-exp__content-right .dot-span {
display: none;
}
@media (max-width: 768px) {
.our-exp__content-right .dot-span {
display: inline-flex;
font-size: 24px;
margin-bottom: 25px;
}
}
@media (max-width: 1024px) {
.our-exp__content-right {
max-width: 726px;
}
}
@media (max-width: 768px) {
.our-exp__content-right {
padding-left: 0;
}
}
@media (max-width: 1024px) {
.our-exp__content {
max-width: none;
gap: 129px;
padding-left: 0;
}
}
@media (max-width: 768px) {
.our-exp__content {
gap: 60px;
}
}
.our-exp .dot-span {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: "Sora";
font-size: 16px;
}
.our-exp .dot-span::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
}
@media (max-width: 768px) {
.our-exp {
padding: 0 20px;
}
}
.wp-block-lazyblock-portfolio,
.wp-block-lazyblock-portfolio-v2 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.portfolio__about-us .portfolio {
margin-top: 142px;
}
@media (max-width: 1024px) {
.portfolio__about-us .portfolio {
margin-top: 109px;
}
}
@media (max-width: 768px) {
.portfolio__about-us .portfolio {
margin-top: 100px;
}
}
.portfolio.v1 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
margin-top: 33px;
}
.portfolio.v1 .portfolio__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 74px;
}
.portfolio.v1 .portfolio__content h2 {
max-width: 670px;
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.portfolio.v1 .portfolio__content h2 span {
margin-right: 30px;
}
@media (max-width: 1025px) {
.portfolio.v1 .portfolio__content h2 span {
margin-right: 0px;
}
}
@media (max-width: 1025px) {
.portfolio.v1 .portfolio__content h2 {
max-width: 500px;
}
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content h2 {
display: flex;
flex-direction: column;
gap: 17px;
}
}
.portfolio.v1 .portfolio__content-top {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.portfolio.v1 .portfolio__content-top__left {
width: 43.86%;
max-width: 655px;
display: flex;
flex-direction: column;
gap: 23px;
margin-top: 30px;
}
.portfolio.v1 .portfolio__content-top__left p {
font-size: 16px;
color: #404040;
}
.portfolio.v1 .portfolio__content-top__left a {
display: flex;
align-items: center;
gap: 17px;
font-size: 14px;
color: #eb4e12;
}
.portfolio.v1 .portfolio__content-top__left a img {
width: 15px;
height: auto;
}
@media (max-width: 1025px) {
.portfolio.v1 .portfolio__content-top__left {
width: 100%;
max-width: 400px;
}
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-top__left {
max-width: unset;
margin-top: 0;
}
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-top {
flex-direction: column;
justify-content: unset;
gap: 17px;
}
}
.portfolio.v1 .portfolio__content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 74px;
}
.portfolio.v1 .portfolio__content-button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.portfolio.v1 .portfolio__content-button a {
padding: 14px 40px;
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-button a {
padding: 14px 20px;
}
}
.portfolio.v1 .portfolio__content-item {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 39px;
}
.portfolio.v1 .portfolio__content-item__image {
width: 100%;
max-width: 53.56%;
height: 453px;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-item__image {
height: 300px;
}
}
.portfolio.v1 .portfolio__content-item__inf {
width: 100%;
max-width: 43.86%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}
.portfolio.v1 .portfolio__content-item__inf .top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.portfolio.v1 .portfolio__content-item__inf .top-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.portfolio.v1 .portfolio__content-item__inf .top-title div {
display: flex;
gap: 11px;
}
.portfolio.v1 .portfolio__content-item__inf .top-title div img {
width: 37px;
height: 37px;
}
.portfolio.v1 .portfolio__content-item__inf .top-title div p {
font-family: "schabo" !important;
font-size: 36px;
text-transform: uppercase;
}
.portfolio.v1 .portfolio__content-item__inf .top-title span {
font-size: 16px;
}
.portfolio.v1 .portfolio__content-item__inf .top-text {
font-size: 24px;
color: #808080;
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-item__inf .top-text {
font-size: 16px;
}
}
.portfolio.v1 .portfolio__content-item__inf .top-link {
display: none;
align-items: center;
gap: 17px;
font-size: 14px;
color: #eb4e12;
margin-top: 27px;
}
.portfolio.v1 .portfolio__content-item__inf .top-link img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.portfolio.v1 .portfolio__content-item__inf .top-link {
display: flex;
}
}
.portfolio.v1 .portfolio__content-item__inf .bottom {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 100px;
column-gap: 100px;
row-gap: 16px;
margin-top: auto;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item {
display: flex;
flex-direction: column;
gap: 13px;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item p,
.portfolio.v1 .portfolio__content-item__inf .bottom-item span {
font-size: 16px;
color: #808080;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item span {
color: #000000;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item div {
display: flex;
flex-direction: column;
gap: 5px;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item a {
display: flex;
align-items: center;
gap: 17px;
font-size: 14px;
color: #161616;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item a img {
width: 15px;
height: auto;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item.right {
text-align: end;
}
.portfolio.v1 .portfolio__content-item__inf .bottom-item.link {
align-self: flex-end;
}
@media (max-width: 1160px) {
.portfolio.v1 .portfolio__content-item__inf .bottom {
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 1024px) {
.portfolio.v1 .portfolio__content-item__inf .bottom {
display: none;
}
}
@media (max-width: 1024px) {
.portfolio.v1 .portfolio__content-item {
flex-direction: column;
align-items: flex-start;
justify-content: unset;
gap: 30px;
}
.portfolio.v1 .portfolio__content-item__image, .portfolio.v1 .portfolio__content-item__inf {
max-width: unset;
}
}
@media (max-width: 768px) {
.portfolio.v1 .portfolio__content-item {
gap: 22px;
}
}
.portfolio.v1 .portfolio .dot-span {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: "Sora";
font-size: 16px;
}
.portfolio.v1 .portfolio .dot-span::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #eb4e12;
}
@media (max-width: 1024px) {
.portfolio.v1 {
margin-top: 168px;
}
}
@media (max-width: 768px) {
.portfolio.v1 {
margin-top: 50px;
padding: 0 20px;
}
}
.portfolio.v2 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
margin-top: 194px;
}
.portfolio.v2 .portfolio__content {
width: 100%;
max-width: 1546px;
display: flex;
flex-direction: column;
gap: 74px;
}
.portfolio.v2 .portfolio__content h2 {
max-width: 700px;
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.portfolio.v2 .portfolio__content h2 span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content h2 {
max-width: 500px;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content h2 {
display: flex;
flex-direction: column;
gap: 17px;
white-space: unset;
}
.portfolio.v2 .portfolio__content h2 span {
margin-right: 0;
}
}
.portfolio.v2 .portfolio__content-top {
width: 100%;
display: flex;
flex-direction: column;
gap: 102px;
}
@media (max-width: 440px) {
.portfolio.v2 .portfolio__content-top h2 span.dot-span {
font-size: 19px;
}
}
.portfolio.v2 .portfolio__content-top .top {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.portfolio.v2 .portfolio__content-top .top .dot-span {
display: none;
}
.portfolio.v2 .portfolio__content-top .top__cats {
display: flex;
justify-content: flex-end;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 10px;
flex-wrap: wrap;
}
.portfolio.v2 .portfolio__content-top .top__cats-item {
font-size: 20px;
color: #292c34;
opacity: 0.4;
}
.portfolio.v2 .portfolio__content-top .top__cats-item span {
font-size: 16px;
}
.portfolio.v2 .portfolio__content-top .top__cats-item.active {
opacity: 1;
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-top .top__cats {
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-top .top__cats {
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 13px;
}
.portfolio.v2 .portfolio__content-top .top__cats-item {
font-size: 17px;
}
.portfolio.v2 .portfolio__content-top .top__cats-item span {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-top .top {
flex-direction: column;
align-items: flex-start;
justify-content: unset;
gap: 54px;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-top .top {
gap: 40px;
}
}
.portfolio.v2 .portfolio__content-top .bottom {
width: 100%;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 37px;
column-gap: 37px;
row-gap: 10px;
}
.portfolio.v2 .portfolio__content-top .bottom__item {
text-transform: lowercase;
color: #999a9a;
font-size: 50px;
}
.portfolio.v2 .portfolio__content-top .bottom__item span {
font-size: 13px;
}
.portfolio.v2 .portfolio__content-top .bottom__item.active {
color: #010202;
}
.portfolio.v2 .portfolio__content-top .bottom__item:first-child {
margin-left: 192px;
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-top .bottom__item:first-child {
margin-left: 0;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-top .bottom {
display: none;
}
}
.portfolio.v2 .portfolio__content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 74px;
}
.portfolio.v2 .portfolio__content-item {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 39px;
}
.portfolio.v2 .portfolio__content-item__image {
width: 100%;
max-width: 53.56%;
height: 453px;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-item__image {
height: 300px;
}
}
.portfolio.v2 .portfolio__content-item__inf {
width: 100%;
max-width: 43.86%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}
.portfolio.v2 .portfolio__content-item__inf .top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.portfolio.v2 .portfolio__content-item__inf .top-title {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.portfolio.v2 .portfolio__content-item__inf .top-title div {
display: flex;
gap: 11px;
}
.portfolio.v2 .portfolio__content-item__inf .top-title div img {
width: 37px;
height: 37;
}
.portfolio.v2 .portfolio__content-item__inf .top-title div p {
font-family: "schabo" !important;
font-size: 36px;
text-transform: uppercase;
}
.portfolio.v2 .portfolio__content-item__inf .top-title span {
font-size: 16px;
}
.portfolio.v2 .portfolio__content-item__inf .top-text {
font-size: 24px;
color: #808080;
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-item__inf .top-text {
font-size: 16px;
}
}
.portfolio.v2 .portfolio__content-item__inf .top-link {
display: none;
align-items: center;
gap: 17px;
font-size: 14px;
color: #eb4e12;
margin-top: 27px;
}
.portfolio.v2 .portfolio__content-item__inf .top-link img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-item__inf .top-link {
display: flex;
}
}
.portfolio.v2 .portfolio__content-item__inf .bottom {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 100px;
column-gap: 100px;
row-gap: 16px;
margin-top: auto;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item {
display: flex;
flex-direction: column;
gap: 13px;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item p,
.portfolio.v2 .portfolio__content-item__inf .bottom-item span {
font-size: 16px;
color: #808080;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item span {
color: #000000;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item div {
display: flex;
flex-direction: column;
gap: 5px;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item a {
display: flex;
align-items: center;
gap: 17px;
font-size: 14px;
color: #161616;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item a img {
width: 15px;
height: auto;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item.right {
text-align: end;
}
.portfolio.v2 .portfolio__content-item__inf .bottom-item.link {
align-self: flex-end;
}
@media (max-width: 1160px) {
.portfolio.v2 .portfolio__content-item__inf .bottom {
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-item__inf .bottom {
display: none;
}
}
@media (max-width: 1024px) {
.portfolio.v2 .portfolio__content-item {
flex-direction: column;
align-items: flex-start;
justify-content: unset;
gap: 30px;
}
.portfolio.v2 .portfolio__content-item__image, .portfolio.v2 .portfolio__content-item__inf {
max-width: unset;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-item {
gap: 22px;
}
}
.portfolio.v2 .portfolio__content-loading {
align-self: center;
margin-top: 40px;
}
.portfolio.v2 .portfolio__content-loading::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.portfolio.v2 .portfolio__content-loading::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content-loading {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.portfolio.v2 .portfolio__content-loading img {
display: unset !important;
width: 15px;
height: auto;
}
.portfolio.v2 .portfolio__content-loading::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.portfolio.v2 .portfolio__content-loading::before {
display: block;
position: absolute;
right: 30px;
bottom: -6px;
rotate: 180deg;
}
}
@media (max-width: 768px) {
.portfolio.v2 .portfolio__content {
gap: 24px;
}
}
.portfolio.v2 .portfolio .dot-span {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: "Sora";
font-size: 16px;
}
.portfolio.v2 .portfolio .dot-span::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #eb4e12;
}
@media (max-width: 1024px) {
.portfolio.v2 {
margin-top: 186px;
}
}
@media (max-width: 768px) {
.portfolio.v2 {
margin-top: 50px;
padding: 0 20px;
}
}
.wp-block-lazyblock-klientoorientirovannyj-podhod {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.approach {
width: 100%;
max-width: 1608px;
display: flex;
flex-direction: column;
gap: 60px;
margin-top: 50px;
padding: 0 30px;
}
.approach__content {
width: 100%;
max-width: 1437px;
display: flex;
flex-direction: column;
gap: 78px;
position: relative;
}
.approach__content .desctop-arrow {
position: absolute;
width: 273px;
height: 171px;
top: 25px;
left: 350px;
transform: scale(0.9);
}
@media (max-width: 1300px) {
.approach__content .desctop-arrow {
display: none;
}
}
.approach__content h2 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.approach__content h2 .dot-span {
margin-right: 30px;
font-size: 24px;
}
@media (min-width: 1025px) {
.approach__content h2 .dot-span {
display: none;
}
}
.approach__content-wrapper {
width: 100%;
display: flex;
gap: 14.34%;
}
@media (max-width: 1024px) {
.approach__content-wrapper {
gap: 0;
justify-content: center;
}
}
@media (max-width: 768px) {
.approach__content-wrapper {
justify-content: unset;
}
}
.approach__content-left {
width: 100%;
max-width: 450px;
display: flex;
flex-direction: column;
gap: 76px;
}
.approach__content-left-btn {
width: 100% !important;
max-width: 313px !important;
}
.approach__content-left-btn-adaptive {
width: 100% !important;
max-width: 227px !important;
}
@media (min-width: 1024px) {
.approach__content-left-btn-adaptive {
display: none;
}
}
.approach__content-left div {
display: flex;
flex-direction: column;
gap: 28px;
}
@media (max-width: 1024px) {
.approach__content-left {
display: none;
}
}
.approach__content-right {
width: 100%;
max-width: 849px;
display: flex;
flex-direction: column;
gap: 24px;
}
.approach__content-right__item {
width: 100%;
max-width: 678px;
display: flex;
align-items: center;
gap: 34px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.approach__content-right__item img {
display: none;
}
.approach__content-right__item .approach__content-right__item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.approach__content-right__item .counter {
font-size: 24px;
}
.approach__content-right__item .text {
font-size: 24px;
color: #404040;
}
@media (max-width: 768px) {
.approach__content-right__item {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.approach__content-right__item img {
display: unset;
width: 45px;
height: 45px;
}
.approach__content-right__item .counter {
display: none;
}
}
.approach__content-right .desc {
margin-bottom: 64px;
font-size: 36px;
}
@media (max-width: 768px) {
.approach__content-right .desc {
font-size: 24px;
margin-bottom: 45px;
}
}
.approach__content-right .dot-span {
display: none;
}
@media (max-width: 768px) {
.approach__content-right .dot-span {
display: inline-flex;
font-size: 24px;
margin-bottom: 25px;
}
}
@media (max-width: 1024px) {
.approach__content-right {
max-width: 676px;
}
}
@media (max-width: 1024px) {
.approach__content {
max-width: none;
gap: 76px;
}
}
@media (max-width: 768px) {
.approach__content {
gap: 38px;
}
}
.approach .dot-span {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: "Sora";
font-size: 16px;
}
.approach .dot-span::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
}
.approach .title-h2 {
display: none;
}
@media (max-width: 1024px) {
.approach .title-h2 {
display: unset;
}
}
@media (max-width: 768px) {
.approach {
padding: 0 20px;
}
}
.wp-block-lazyblock-blok-what-is-kilev-lab {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.what-is {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
padding-bottom: 243px;
margin-top: 115px;
}
.what-is__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 60px;
}
.what-is__content .title {
display: flex;
align-items: center;
gap: 26px;
}
.what-is__content .title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
@media (max-width: 768px) {
.what-is__content .title {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
}
@media (max-width: 768px) {
.what-is__content {
gap: 28px;
}
}
.what-is__wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.what-is__wrapper-left {
width: 290px;
min-width: 290px;
height: 442px;
}
.what-is__wrapper-left img {
margin-top: 230px;
border-radius: 30px;
}
.what-is__wrapper-left video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-top: 230px;
border-radius: 30px;
}
@media (max-width: 1024px) {
.what-is__wrapper-left {
display: none;
}
}
.what-is__wrapper-right {
width: 100%;
max-width: 52.42%;
display: flex;
flex-direction: column;
gap: 41px;
}
.what-is__wrapper-right .text {
font-size: 36px;
font-weight: 300;
}
@media (max-width: 768px) {
.what-is__wrapper-right .text {
font-size: 24px;
}
}
.what-is__wrapper-right .orng-btn {
width: 100%;
max-width: 179px;
}
@media (max-width: 768px) {
.what-is__wrapper-right .orng-btn {
width: 117px;
}
}
@media (max-width: 1024px) {
.what-is__wrapper-right {
max-width: unset;
}
}
@media (max-width: 768px) {
.what-is__wrapper-right {
gap: 38px;
}
}
@media (max-width: 1024px) {
.what-is__wrapper {
justify-content: unset;
}
}
@media (max-width: 1024px) {
.what-is {
padding-bottom: 94px;
padding-left: 50px;
}
}
@media (max-width: 768px) {
.what-is {
padding: 0 20px;
padding-bottom: 57px;
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-leader {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.leader {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
padding-top: 148px;
padding-bottom: 100px;
background-color: #f9f9f9;
}
.leader__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 1024px) {
.leader__content {
flex-direction: column;
align-items: flex-start;
justify-content: unset;
gap: 103px;
}
}
@media (max-width: 768px) {
.leader__content {
gap: 79px;
}
}
.leader__text {
width: 100%;
max-width: 45.1%;
display: flex;
flex-direction: column;
gap: 50px;
}
.leader__text h2 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.leader__text-desc {
width: 100%;
display: flex;
flex-direction: column;
gap: 33px;
}
.leader__text-desc p {
font-size: 26px;
color: #161616;
}
@media (max-width: 768px) {
.leader__text-desc p {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.leader__text-desc .orng-btn {
width: 278px;
}
}
@media (max-width: 768px) {
.leader__text-desc .orng-btn {
width: 230px;
}
}
@media (max-width: 1024px) {
.leader__text-desc {
gap: 66px;
}
}
@media (max-width: 768px) {
.leader__text-desc {
gap: 33px;
}
}
.leader__text-quote {
width: 100%;
padding: 35px 30px;
margin-top: 13px;
border-radius: 15px;
background-color: #ffffff;
}
.leader__text-quote p {
font-size: 36px;
color: #161616;
}
@media (max-width: 1024px) {
.leader__text-quote {
max-width: 530px;
padding: 0;
margin-top: 0;
position: absolute;
right: 0;
bottom: -200px;
z-index: 1;
border-radius: 0;
background-color: unset;
}
}
@media (max-width: 768px) {
.leader__text-quote {
display: none;
}
}
@media (max-width: 1024px) {
.leader__text {
max-width: unset;
position: relative;
}
}
@media (max-width: 768px) {
.leader__text {
gap: 33px;
}
}
.leader__photo {
width: 100%;
max-width: 43.7%;
height: 877px;
border-radius: 30px;
position: relative;
}
.leader__photo img {
border-radius: 30px;
}
.leader__photo-borders {
width: 193px;
height: 57px;
position: absolute;
bottom: -2px;
left: -2px;
border-radius: 0 20px 0 0;
background-color: #f9f9f9;
}
.leader__photo-borders::before, .leader__photo-borders::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.leader__photo-borders::before {
top: -30px;
left: 0;
rotate: 90deg;
}
.leader__photo-borders::after {
bottom: 0;
right: -29px;
rotate: 90deg;
}
@media (max-width: 1024px) {
.leader__photo-borders {
width: 563px;
height: 137px;
top: -2px;
right: -2px;
bottom: unset;
left: unset;
border-radius: 0 0 0 20px;
}
.leader__photo-borders::before {
top: 1px;
left: -29px;
rotate: 270deg;
}
.leader__photo-borders::after {
bottom: -29px;
right: 1px;
rotate: 270deg;
}
}
@media (max-width: 768px) {
.leader__photo-borders {
width: 217px;
height: 51px;
top: unset;
right: unset;
bottom: -2px;
left: -2px;
border-radius: 0 20px 0 0;
}
.leader__photo-borders::before {
top: -30px;
left: 0;
rotate: 90deg;
}
.leader__photo-borders::after {
bottom: 4px;
right: -29px;
rotate: 90deg;
}
}
@media (max-width: 1024px) {
.leader__photo {
max-width: unset;
height: auto;
}
}
@media (max-width: 1024px) {
.leader {
padding-top: 106px;
padding-bottom: 141px;
}
}
@media (max-width: 768px) {
.leader {
padding: 0 20px;
padding-top: 71px;
padding-bottom: 0;
}
}
.wp-block-lazyblock-blok-what-we-believe-in {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.believe {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
padding-bottom: 152px;
background-color: #f9f9f9;
}
.believe__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 124px;
}
@media (max-width: 1024px) {
.believe__content {
gap: 111px;
}
}
@media (max-width: 768px) {
.believe__content {
gap: 45px;
}
}
.believe__title {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
}
.believe__title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #EB4E12;
}
@media (max-width: 768px) {
.believe__title h2 {
max-width: 250px;
font-size: 60px;
}
}
.believe__title p {
font-size: 26px;
color: #161616;
max-width: 280px;
}
.believe__title .orng-btn {
display: none;
}
@media (max-width: 768px) {
.believe__title .orng-btn {
display: unset;
}
}
@media (max-width: 1024px) {
.believe__title {
gap: 20px;
}
}
@media (max-width: 768px) {
.believe__title {
flex-direction: column;
justify-content: unset;
gap: 33px;
transform: translateY(-20px);
}
}
.believe__wrapper {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 76px;
-moz-column-gap: 15%;
column-gap: 15%;
}
.believe__wrapper-item {
display: flex;
flex-direction: column;
gap: 23px;
}
.believe__wrapper-item .title {
width: 100%;
display: flex;
align-items: center;
gap: 11px;
}
.believe__wrapper-item .title img {
width: 37px;
height: 37px;
min-width: 37px;
min-height: 37px;
}
.believe__wrapper-item .title h3 {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
color: #EB4E12;
}
@media (max-width: 768px) {
.believe__wrapper-item .title {
gap: 24px;
}
}
.believe__wrapper-item .text {
font-size: 16px;
color: #808080;
}
@media (max-width: 768px) {
.believe__wrapper-item {
padding-bottom: 23px;
border-bottom: 0.5px solid #808080;
}
}
.believe__wrapper .orng-btn {
align-self: end;
padding: 14px 40px;
}
@media (max-width: 1024px) {
.believe__wrapper .orng-btn {
justify-self: unset;
}
}
@media (max-width: 768px) {
.believe__wrapper .orng-btn {
display: none;
}
}
@media (max-width: 1400px) {
.believe__wrapper {
-moz-column-gap: 70px;
column-gap: 70px;
}
}
@media (max-width: 1024px) {
.believe__wrapper {
grid-template-columns: repeat(2, 1fr);
row-gap: 50px;
-moz-column-gap: 90px;
column-gap: 90px;
}
}
@media (max-width: 768px) {
.believe__wrapper {
grid-template-columns: 1fr;
gap: 37px;
}
}
@media (max-width: 1024px) {
.believe {
padding-bottom: 145px;
}
}
@media (max-width: 768px) {
.believe {
padding: 0 20px;
}
}
.wp-block-lazyblock-blok-hear-from-the-founder {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.founder {
width: 100%;
max-width: 1608px;
margin-top: 100px;
padding: 0 30px;
}
.founder__inner {
display: grid;
grid-template-columns: auto 1fr;
gap: 40px;
align-items: start;
max-width: 1438px;
}
@media (max-width: 768px) {
.founder__inner {
grid-template-columns: 1fr;
gap: 32px;
}
}
.founder__figure {
position: relative;
border-radius: 16px;
overflow: hidden;
}
.founder__cta {
width: 280px;
height: 59px;
border-radius: 54px;
position: absolute;
bottom: 0;
right: 0;
background: #eb4e12;
color: #000;
font-size: 16px;
padding: 14px 40px;
text-decoration: none;
transition: background 0.3s;
}
.founder__cta_mobile {
display: none;
background: #eb4e12;
color: #000;
font-size: 14px;
padding: 14px 40px;
border-radius: 20px;
text-decoration: none;
transition: background 0.3s;
}
@media (max-width: 768px) {
.founder__cta_mobile {
display: block;
}
}
.founder__cta:hover {
background: #d23c18;
}
@media (max-width: 1199px) {
.founder__cta {
padding: 15px 35px;
height: unset;
max-width: 140px !important;
}
}
@media (max-width: 768px) {
.founder__cta {
display: none;
}
}
.founder__content {
max-width: 857px;
height: 100%;
display: flex;
flex-direction: column;
}
.founder__content .founder__title,
.founder__content .founder__lead {
margin-bottom: 40px !important;
}
.founder__content .founder__quote {
margin-bottom: 35px !important;
}
.founder__content-check {
text-decoration: underline;
color: #eb4e12;
font-size: 24px;
font-weight: 400;
}
@media (max-width: 1300px) {
.founder__content-check {
display: none;
}
}
@media (max-width: 1199px) {
.founder__content {
gap: 0;
}
}
.founder__title {
font-family: "schabo", sans-serif;
font-size: 72px;
text-transform: uppercase;
}
.founder__title-placeholder {
display: none;
}
@media (max-width: 1024px) {
.founder__title {
margin-bottom: 70px;
}
}
@media (max-width: 768px) {
.founder__title {
margin-bottom: 0;
margin-top: 31px;
}
}
.founder__lead {
font-size: 24px;
color: #161616;
}
@media (max-width: 1024px) {
.founder__lead {
font-size: 26px;
}
}
.founder__quote {
background: #eb4e12;
color: #fff;
padding: 24px 25px 24px 35px;
border-radius: 10px;
position: relative;
}
.founder__quote-text {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 36px;
position: relative;
letter-spacing: -2.16px;
line-height: 53px;
font-weight: 400;
}
.founder__quote-text code {
letter-spacing: 0px;
}
.founder__quote-text svg {
margin-right: 15px;
}
@media (max-width: 1024px) {
.founder__quote-text {
line-height: 45px;
}
}
@media (max-width: 768px) {
.founder__quote-text {
font-size: 24px;
letter-spacing: -1.44px;
line-height: 1.2;
}
}
.founder__quote-author {
margin-top: 12px;
padding: 17px 20px;
border-radius: 14px 0 0 0;
background: white;
position: absolute;
right: -1px;
bottom: -1px;
display: flex;
flex-direction: column;
gap: 4px;
}
.founder__quote-author span {
font-size: 14px;
color: #808080;
}
.founder__quote-author strong {
color: #161616;
display: block;
font-weight: 400;
font-size: 24px;
}
@media (max-width: 1199px) {
.founder__quote-author strong {
font-size: 20px;
}
}
.founder__quote-author::after, .founder__quote-author::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.founder__quote-author::after {
left: -14px;
bottom: 0;
}
.founder__quote-author::before {
right: 0;
top: -15px;
}
@media (max-width: 1199px) {
.founder__quote-author {
padding: 20px;
font-size: clamp(12px, 2vw, 14px);
}
}
@media (max-width: 768px) {
.founder__quote-author {
padding: 10px 12px;
}
.founder__quote-author > span {
display: none;
}
.founder__quote-author strong {
font-size: 16px;
}
}
@media (max-width: 768px) {
.founder__quote {
margin-top: 75px;
}
}
.founder__photo {
width: 100%;
max-width: 678px;
height: auto;
display: block;
border-radius: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.founder__p {
font-size: clamp(14px, 3vw, 18px);
margin-bottom: 16px;
margin-top: 16px;
}
@media (max-width: 1024px) {
.founder {
margin-top: 175px;
}
}
@media (max-width: 768px) {
.founder {
margin-top: 141px;
padding: 0 20px;
}
}
.wp-block-lazyblock-otzyvy {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.reviews {
width: 100%;
display: flex;
justify-content: center;
margin-top: 100px;
background: #fff;
/* — Правая колонка: горизонтальный скролл — */
}
@media (max-width: 1024px) {
.reviews {
padding-left: 30px;
margin-top: 90px;
}
}
@media (max-width: 768px) {
.reviews {
padding: 0 20px;
margin-top: 83px;
}
}
.reviews__inner {
width: 100%;
display: grid;
grid-template-columns: 396px 1fr; /* слева текст, справа карточки */
gap: clamp(50px, 4vw, 80px);
align-items: start;
}
.reviews__ratingline {
display: flex;
align-items: center;
gap: 10px;
color: #6d6e6e;
font-size: 14px;
line-height: 1;
margin-bottom: clamp(23px, 1.4vw, 18px);
}
.reviews__ratingline img {
width: 18px;
height: 18px;
vertical-align: -3px;
}
.reviews__stars {
letter-spacing: 2px;
color: #f5a623;
font-size: 14px;
}
.reviews__score {
font-weight: 600;
color: #111;
}
.reviews__from {
opacity: 0.7;
}
.reviews__source {
display: inline-flex;
align-items: center;
gap: 6px;
padding-left: 26px;
}
.reviews__source .reviews__otzyvy {
padding-left: 11px;
}
.reviews__title {
font-family: "schabo", sans-serif;
text-transform: uppercase;
font-weight: 400;
line-height: 0.95;
letter-spacing: 0.02em;
font-size: 72px;
margin-bottom: clamp(23px, 1.6vw, 20px);
}
.reviews__desc {
max-width: 520px;
color: #7d8080;
line-height: 1.4;
margin-bottom: clamp(16px, 2vw, 24px);
}
.reviews__more {
display: inline-flex;
align-items: center;
gap: 8px;
color: #eb4e12;
font-weight: 600;
}
.reviews__more img {
width: 16px;
height: 16px;
}
.reviews__scroller {
overflow: hidden;
}
.reviews__list {
display: flex;
gap: 28px;
overflow-x: auto;
padding: 6px 6px 12px;
}
.reviews__list::-webkit-scrollbar {
height: 0;
width: 0;
opacity: 0;
-webkit-appearance: none;
appearance: none;
}
.reviews__item {
background: #f6f8f8;
border-radius: 14px;
padding: 22px 24px 30px;
min-width: clamp(280px, 44vw, 393px);
scroll-snap-align: start;
height: -moz-fit-content;
height: fit-content;
position: relative;
}
.reviews__item-stars {
color: #f35b04;
letter-spacing: 3px;
margin-bottom: 12px;
}
.reviews__text {
color: #2a2b2b;
line-height: 1.5;
}
.reviews__author {
display: inline-block;
margin-top: 12px;
padding: 8px 12px;
border-radius: 12px 0 0 0;
background: #fff;
color: #6b6d6d;
font-size: 14px;
float: right;
position: absolute;
right: 0;
bottom: 0;
}
.reviews__author::after, .reviews__author::before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.reviews__author::after {
left: -15px;
bottom: 0;
}
.reviews__author::before {
right: 0;
top: -15px;
}
@media (max-width: 768px) {
.reviews__inner {
grid-template-columns: 1fr;
}
.reviews__desc {
max-width: 640px;
}
.reviews__list {
gap: 20px;
}
.reviews__item {
min-width: clamp(320px, 70vw, 520px);
}
}
@media (max-width: 768px) {
.reviews__item {
min-width: clamp(320px, 100vw - 40px, 520px);
padding: 18px;
}
.reviews__author {
font-size: 12px;
}
}
.wp-block-lazyblock-banner-pered-futerom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bottom-banner {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 110px;
}
.bottom-banner__bg {
display: block;
width: 100%;
height: auto;
}
.bottom-banner__bg img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.bottom-banner__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 1921px) {
.bottom-banner__overlay {
padding: 13% 20.5%;
}
}
@media (max-width: 1920px) {
.bottom-banner__overlay {
padding: 13% 9.5%;
}
}
@media (max-width: 1024px) {
.bottom-banner__overlay {
padding: 0;
padding-left: 72px;
padding-bottom: 72px;
align-items: flex-end;
}
}
@media (max-width: 768px) {
.bottom-banner__overlay {
padding: 0 20px;
padding-bottom: 41px;
}
}
@media (max-width: 440px) {
.bottom-banner {
margin-top: 50px;
}
}
.bb-card {
position: relative;
display: grid;
grid-template-rows: 0.2fr 1fr 0.4fr;
align-content: center;
color: #0e0e0e;
height: 275px;
gap: 25px;
width: 400px;
padding-top: 5px;
padding-left: 16px;
background: url("../../images/bottom-banner/background-card.png") no-repeat left center/100% 100%;
background-size: 92% 100%;
}
@media (max-width: 430px) {
.bb-card {
gap: 5vw;
height: unset;
width: 100%;
padding-left: 2vw;
}
}
.bb-card__hint {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1;
color: #000;
}
@media (max-width: 515px) {
.bb-card__hint {
gap: 5px;
}
}
.bb-card__dot {
width: 10px;
height: 10px;
background: #eb4e12;
border-radius: 50%;
display: inline-block;
}
.bb-card__title {
font-family: "schabo", sans-serif;
text-transform: uppercase;
font-size: 70px;
}
@media (max-width: 430px) {
.bb-card__title {
font-size: 16vw;
padding: 0 0 20px 0;
}
}
.bb-card__btn-icon {
display: inline-block;
}
.bb-card .on-desc {
margin-left: -5px;
margin-top: -15px;
}
@media (max-width: 768px) {
.bb-card .on-desc {
margin-left: 0;
width: 46.5%;
}
.bb-card .on-desc svg {
display: none;
}
}
.bb-card .on-desc > .bb-card__btn-icon {
transform: rotate(-45deg);
}
.bp-bottom-banner .bottom-banner {
margin-top: 0 !important;
}
.wp-block-lazyblock-infografika-portfolio {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
.wp-block-lazyblock-infografika-portfolio {
display: none;
}
}
.portfolio-inf {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 126px;
}
.portfolio-inf__content {
width: 100%;
max-width: 1548px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 90px;
}
@media (max-width: 1450px) {
.portfolio-inf__content {
gap: 50px;
}
}
@media (max-width: 1024px) {
.portfolio-inf__content {
grid-template-columns: repeat(2, 1fr);
gap: 90px;
}
}
.portfolio-inf__item {
display: flex;
flex-direction: column;
gap: 45px;
}
.portfolio-inf__item h3 {
font-size: 36px;
color: #010202;
padding-bottom: 25px;
border-bottom: solid 0.5px #808080;
}
@media (max-width: 1330px) {
.portfolio-inf__item h3 {
font-size: 30px;
}
}
@media (max-width: 1140px) {
.portfolio-inf__item h3 {
font-size: 26px;
}
}
@media (max-width: 1024px) {
.portfolio-inf__item h3 {
font-size: 36px;
}
}
.portfolio-inf__item-text {
width: 100%;
display: flex;
flex-direction: column;
gap: 21px;
}
.portfolio-inf__item-text span {
font-family: "schabo";
font-size: 105px;
text-transform: uppercase;
color: #EB4E12;
}
@media (max-width: 1140px) {
.portfolio-inf__item-text span {
font-size: 90px;
}
}
@media (max-width: 1024px) {
.portfolio-inf__item-text span {
font-size: 105px;
}
}
.portfolio-inf__item-text p {
font-size: 24px;
color: rgba(128, 128, 128, 0.6);
}
@media (max-width: 1140px) {
.portfolio-inf__item-text p {
font-size: 20px;
}
}
@media (max-width: 1024px) {
.portfolio-inf__item-text p {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.portfolio-inf {
margin-top: 92px;
}
}
.wp-block-lazyblock-blok-the-reason {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.reason {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 198px;
}
.reason__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 136px;
}
.reason__content .title {
display: flex;
align-items: center;
gap: 46px;
}
.reason__content .title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
@media (max-width: 910px) {
.reason__content .title {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
}
@media (max-width: 1024px) {
.reason__content {
gap: 64px;
}
}
@media (max-width: 768px) {
.reason__content {
gap: 28px;
}
}
.reason__wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.reason__wrapper-left {
width: 251px;
min-width: 251px;
height: 365px;
}
.reason__wrapper-left img {
margin-top: 81px;
border-radius: 30px;
}
.reason__wrapper-left video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-top: 81px;
border-radius: 30px;
}
@media (max-width: 1024px) {
.reason__wrapper-left {
display: none;
}
}
.reason__wrapper-right {
width: 100%;
max-width: 61%;
display: flex;
flex-direction: column;
gap: 41px;
}
.reason__wrapper-right .text {
font-size: 36px;
}
.reason__wrapper-right .text strong {
font-weight: inherit;
color: #EB4E12;
}
@media (max-width: 768px) {
.reason__wrapper-right .text {
font-size: 24px;
}
}
.reason__wrapper-right .orng-btn {
width: 137px;
}
@media (max-width: 768px) {
.reason__wrapper-right .orng-btn {
width: 117px;
}
}
@media (max-width: 1400px) {
.reason__wrapper-right {
max-width: 70%;
}
}
@media (max-width: 1024px) {
.reason__wrapper-right {
max-width: unset;
}
}
@media (max-width: 768px) {
.reason__wrapper-right {
gap: 38px;
}
}
@media (max-width: 1024px) {
.reason__wrapper {
justify-content: unset;
}
}
@media (max-width: 1024px) {
.reason {
margin-top: 133px;
}
}
@media (max-width: 768px) {
.reason {
padding: 0 20px;
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-brand-platform-include {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bp-include {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
padding-top: 83px;
padding-bottom: 129px;
margin-top: 181px;
background-color: rgba(128, 128, 128, 0.0509803922);
}
.bp-include__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 103px;
}
@media (max-width: 1024px) {
.bp-include__content {
gap: 30px;
}
}
.bp-include__title {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
}
.bp-include__title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
max-width: 900px;
}
.bp-include__title h2 .dot-span {
display: none;
}
@media (max-width: 768px) {
.bp-include__title h2 {
display: flex;
flex-direction: column;
gap: 18px;
}
.bp-include__title h2 br {
display: none;
}
.bp-include__title h2 .dot-span {
display: flex;
}
}
.bp-include__title p {
font-size: 26px;
color: #404040;
max-width: 400px;
}
@media (max-width: 768px) {
.bp-include__title p {
font-size: 24px;
}
.bp-include__title p br {
display: none;
}
}
@media (max-width: 1024px) {
.bp-include__title {
align-items: flex-start;
padding-right: 0;
}
}
@media (max-width: 768px) {
.bp-include__title {
flex-direction: column;
justify-content: unset;
gap: 33px;
}
}
.bp-include__wrapper {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 96px;
-moz-column-gap: 206px;
column-gap: 206px;
}
.bp-include__wrapper-item {
display: flex;
flex-direction: column;
gap: 26px;
}
.bp-include__wrapper-item .top {
width: 100%;
display: flex;
align-items: center;
gap: 11px;
}
.bp-include__wrapper-item .top h3 {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
color: #EB4E12;
}
@media (max-width: 768px) {
.bp-include__wrapper-item .top h3 {
color: #000000;
}
}
.bp-include__wrapper-item .top-image {
width: 37px;
height: 37px;
min-width: 37px;
min-height: 37px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, #161616 0%, #3F3F3F 100%);
border-radius: 10px;
}
.bp-include__wrapper-item .top-image svg {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}
@media (max-width: 768px) {
.bp-include__wrapper-item .top-image svg path {
stroke: #161616;
}
}
@media (max-width: 768px) {
.bp-include__wrapper-item .top-image {
width: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
background: #EB4E12;
}
}
@media (max-width: 768px) {
.bp-include__wrapper-item .top {
gap: 24px;
}
}
.bp-include__wrapper-item .bottom {
font-size: 16px;
color: #808080;
}
@media (max-width: 768px) {
.bp-include__wrapper-item .bottom {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.bp-include__wrapper-item {
gap: 23px;
}
}
@media (max-width: 768px) {
.bp-include__wrapper-item {
padding-bottom: 24px;
border-bottom: 0.5px solid #808080;
}
.bp-include__wrapper-item:nth-child(2) .top-image svg path {
stroke: unset;
fill: #161616;
}
}
@media (max-width: 1300px) {
.bp-include__wrapper {
-moz-column-gap: 100px;
column-gap: 100px;
}
}
@media (max-width: 1024px) {
.bp-include__wrapper {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 110px;
column-gap: 110px;
row-gap: 70px;
}
}
@media (max-width: 768px) {
.bp-include__wrapper {
grid-template-columns: 1fr;
gap: 35px;
}
}
@media (max-width: 1024px) {
.bp-include {
padding-top: 109px;
margin-top: 108px;
}
}
@media (max-width: 768px) {
.bp-include {
padding: 0 20px;
padding-top: 76px;
padding-bottom: 50px;
margin-top: 74px;
}
}
.bi-grey-block .bp-include__title {
padding-right: 0;
}
.wp-block-lazyblock-odinochnaya-kartinka {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.one-image {
width: 100%;
height: auto;
}
.one-image video {
width: 100%;
height: auto;
}
.wp-block-lazyblock-blok-why-metaphor-matters {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.metaphor {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 268px;
}
.metaphor__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 60px;
}
.metaphor__content-left {
width: 51.15%;
height: 519px;
position: relative;
}
.metaphor__content-left img {
border-radius: 30px;
}
.metaphor__content-left__border {
width: 220px;
height: 43px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 15px 0 0 0;
background-color: white;
}
.metaphor__content-left__border::before, .metaphor__content-left__border::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.metaphor__content-left__border::before {
right: 0;
top: -15px;
}
.metaphor__content-left__border::after {
left: -15px;
bottom: 0;
}
@media (max-width: 1024px) {
.metaphor__content-left__border {
width: 310px;
height: 46px;
bottom: unset;
right: unset;
top: 0;
left: 0;
border-radius: 0 0 15px 0;
}
.metaphor__content-left__border::before {
right: -15px;
top: 0;
rotate: 180deg;
}
.metaphor__content-left__border::after {
left: 0;
bottom: -15px;
rotate: 180deg;
}
}
@media (max-width: 768px) {
.metaphor__content-left__border {
top: unset;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 20px);
height: 80px;
border-radius: 15px 15px 0 0;
}
.metaphor__content-left__border::before {
right: -14px;
top: unset;
bottom: 0px;
rotate: 90deg;
}
.metaphor__content-left__border::after {
left: -14px;
bottom: 0px;
rotate: 0deg;
}
}
@media (max-width: 1024px) {
.metaphor__content-left {
width: 100%;
padding: 0 20px;
order: 2;
}
}
.metaphor__content-right {
width: 48.85%;
display: flex;
flex-direction: column;
gap: 50px;
}
.metaphor__content-right h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.metaphor__content-right__text {
width: 100%;
display: flex;
flex-direction: column;
gap: 26px;
}
.metaphor__content-right__text p {
font-size: 26px;
color: #161616;
}
@media (max-width: 1024px) {
.metaphor__content-right__text p {
font-size: 36px;
}
}
@media (max-width: 768px) {
.metaphor__content-right__text p {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.metaphor__content-right__text {
gap: 0;
position: relative;
}
.metaphor__content-right__text .orng-btn {
position: absolute;
left: 0;
bottom: -66px;
}
}
@media (max-width: 768px) {
.metaphor__content-right__text {
gap: 25px;
}
.metaphor__content-right__text .orng-btn {
position: static;
}
}
@media (max-width: 1024px) {
.metaphor__content-right {
width: 100%;
order: 1;
}
}
@media (max-width: 768px) {
.metaphor__content-right {
padding: 0 20px;
gap: 25px;
}
}
@media (max-width: 1024px) {
.metaphor__content {
flex-direction: column;
justify-content: unset;
gap: 34px;
}
}
@media (max-width: 768px) {
.metaphor__content {
gap: 53px;
}
}
@media (max-width: 1024px) {
.metaphor {
margin-top: 168px;
}
}
@media (max-width: 768px) {
.metaphor {
padding: 0;
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-s-tekstom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bp-grey-wrapper {
width: 100%;
margin-top: 159px;
}
@media (max-width: 1024px) {
.bp-grey-wrapper {
margin-top: 127px;
}
}
@media (max-width: 768px) {
.bp-grey-wrapper {
margin-top: 40px;
background-color: unset !important;
}
}
.text-block {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 109px;
}
.text-block__content {
width: 100%;
max-width: 1548px;
display: flex;
gap: 200px;
justify-content: space-evenly;
}
.text-block__content h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
white-space: nowrap;
}
@media (max-width: 1024px) {
.text-block__content h2 {
max-width: unset;
white-space: unset;
}
}
@media (min-width: 1025px) and (max-width: 400px) {
.text-block__content h2 br {
display: none;
}
}
.text-block__content-text {
width: 100%;
max-width: 600px;
display: flex;
flex-direction: column;
gap: 41px;
}
.text-block__content-text p {
font-size: 26px;
}
.text-block__content-text p strong {
font-weight: inherit;
color: #EB4E12;
}
@media (max-width: 1024px) {
.text-block__content-text p {
font-size: 36px;
}
}
@media (max-width: 768px) {
.text-block__content-text p {
font-size: 26px;
}
}
@media (min-width: 1025px) {
.text-block__content-text .orng-btn {
display: none;
}
}
@media (max-width: 1025px) {
.text-block__content-text {
max-width: unset;
}
}
@media (max-width: 768px) {
.text-block__content-text {
gap: 25px;
}
}
@media (max-width: 1400px) {
.text-block__content {
gap: 100px;
}
}
@media (max-width: 1024px) {
.text-block__content {
flex-direction: column;
justify-content: unset;
gap: 50px;
}
}
@media (max-width: 768px) {
.text-block__content {
gap: 25px;
}
}
@media (max-width: 1024px) {
.text-block {
margin-top: 121px;
}
}
@media (max-width: 768px) {
.text-block {
padding: 0 20px;
margin-top: 0;
}
}
.bp-text-block2 .text-block {
padding-bottom: 100px;
margin-top: 100px;
}
@media (max-width: 1024px) {
.bp-text-block2 .text-block {
margin-top: 121px;
}
}
@media (max-width: 768px) {
.bp-text-block2 .text-block {
margin-top: 50px;
padding-bottom: 50px;
}
}
.wp-block-lazyblock-foto-s-podpisyami {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.photo-title {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 77px;
}
.photo-title__content {
width: 100%;
max-width: 1860px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 1024px) {
.photo-title__content {
gap: 12px;
}
}
@media (max-width: 768px) {
.photo-title__content {
grid-template-columns: 1fr;
}
}
.photo-title__item {
position: relative;
}
.photo-title__item img {
border-radius: 10px;
}
.photo-title__item-title {
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
border-radius: 10px 10px 0 0;
background-color: #f9f9f9;
padding: 0 54px;
padding-top: 22px;
padding-bottom: 17px;
}
.photo-title__item-title p {
font-size: 26px;
text-align: center;
}
@media (max-width: 1500px) {
.photo-title__item-title p {
font-size: 24px;
}
}
.photo-title__item-title::before, .photo-title__item-title::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.photo-title__item-title::before {
left: -14px;
bottom: 0;
}
.photo-title__item-title::after {
right: -14px;
bottom: 0;
rotate: 90deg;
}
@media (max-width: 1350px) {
.photo-title__item-title {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1024px) {
.photo-title__item-title {
padding-bottom: 0;
padding-top: 11px;
}
.photo-title__item-title p {
white-space: nowrap;
}
}
@media (max-width: 768px) {
.photo-title__item-title {
padding: 0 20px;
padding-top: 10px;
background-color: white;
}
}
@media (max-width: 768px) {
.photo-title__item:nth-child(even) .photo-title__item-title {
bottom: unset;
top: -1px;
border-radius: 0 0 10px 10px;
padding-top: 0;
padding-bottom: 10px;
}
.photo-title__item:nth-child(even) .photo-title__item-title::before {
bottom: unset;
rotate: 270deg;
}
.photo-title__item:nth-child(even) .photo-title__item-title::after {
rotate: 180deg;
bottom: unset;
top: 0;
}
}
@media (max-width: 1024px) {
.photo-title {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.photo-title {
padding: 0 20px;
margin-top: 67px;
}
}
.wp-block-lazyblock-blok-our-process {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.process-block {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 187px;
}
.process-block__content {
width: 100%;
max-width: 1608px;
display: flex;
flex-direction: column;
gap: 125px;
padding: 0 30px;
}
.process-block__content h2 {
max-width: 906px;
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.process-block__content h2 span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.process-block__content h2 {
max-width: unset;
}
}
@media (max-width: 768px) {
.process-block__content h2 {
display: flex;
flex-direction: column;
gap: 18px;
}
.process-block__content h2 span {
margin-right: 0;
}
}
@media (max-width: 768px) {
.process-block__content {
padding: 0 20px;
gap: 66px;
}
}
.process-block__list {
width: 100%;
max-width: 1180px;
display: flex;
flex-direction: column;
gap: 60px;
align-self: flex-end;
padding: 0 70px;
padding-bottom: 70px;
margin-bottom: -140px;
position: relative;
border-radius: 0 0 15px 15px;
background-color: #f9f9f9;
}
.process-block__list .list {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.process-block__list .list-item {
width: 100%;
display: grid;
grid-template-columns: 301px 1fr;
gap: 50px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.process-block__list .list-item__title {
font-size: 24px;
}
.process-block__list .list-item__desc {
font-size: 24px;
color: #404040;
}
.process-block__list .list-item__desc strong {
font-weight: inherit;
color: #EB4E12;
}
@media (max-width: 768px) {
.process-block__list .list-item__desc {
font-size: 19px;
}
}
.process-block__list .list-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
@media (max-width: 768px) {
.process-block__list .list-item {
grid-template-columns: 1fr;
gap: 20px;
}
}
.process-block__list::before, .process-block__list::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.process-block__list::before {
bottom: 125px;
left: -15px;
rotate: 270deg;
}
.process-block__list::after {
bottom: 125px;
right: -15px;
rotate: 180deg;
}
@media (max-width: 1720px) {
.process-block__list {
margin-right: 5%;
}
}
@media (max-width: 1400px) {
.process-block__list {
max-width: 900px;
}
}
@media (max-width: 1024px) {
.process-block__list {
max-width: unset;
width: calc(100% - 40px);
gap: 45px;
align-self: center;
padding: 0 25px;
padding-bottom: 40px;
margin-bottom: -75px;
margin-right: 0;
}
.process-block__list::before, .process-block__list::after {
bottom: 60px;
}
}
@media (max-width: 768px) {
.process-block__list {
width: 100%;
padding: 0 10px;
padding-bottom: 20px;
background-color: white;
}
}
.process-block__image {
width: 100%;
position: relative;
z-index: -1;
}
@media (max-width: 1024px) {
.process-block {
margin-top: 135px;
}
}
@media (max-width: 768px) {
.process-block {
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-s-gifkoj-i-tekstom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.text-gif {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 99px;
margin-top: 169px;
}
.text-gif__content {
width: 100%;
max-width: 1608px;
display: flex;
justify-content: space-between;
gap: 280px;
padding: 0 30px;
}
.text-gif__content-left {
min-width: 251px;
max-width: 277px;
height: 403px;
border-radius: 30px;
overflow: hidden;
}
.text-gif__content-left video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1024px) {
.text-gif__content-left {
min-width: 196px !important;
max-width: 196px !important;
height: 330px !important;
}
}
@media (max-width: 768px) {
.text-gif__content-left {
display: none;
}
}
.text-gif__content-right {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
gap: 15px;
}
.text-gif__content-right p {
font-size: 30px;
max-width: 890px;
}
@media (max-width: 1024px) {
.text-gif__content-right p {
font-size: 25px;
max-width: 660px;
}
}
@media (max-width: 768px) {
.text-gif__content-right p {
font-size: 20px;
}
}
@media (max-width: 768px) {
.text-gif__content-right {
margin: -90px 0 30px 0;
}
}
@media (max-width: 1024px) {
.text-gif__content {
gap: 64px;
}
}
@media (max-width: 768px) {
.text-gif__content {
gap: 0;
padding: 0 20px;
}
}
.text-gif__flash {
width: 100%;
height: auto;
}
@media (max-width: 1024px) {
.text-gif {
gap: 67px;
margin-top: 125px;
}
}
@media (max-width: 768px) {
.text-gif {
gap: 0;
margin-top: 120px;
}
}
.wp-block-lazyblock-forma-na-stranice-contact {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.contact-form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 99px;
}
.contact-form__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 78px;
}
.contact-form__content h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
@media (max-width: 768px) {
.contact-form__content h2 {
font-size: 48px;
}
}
@media (max-width: 768px) {
.contact-form__content {
gap: 18px;
}
}
.contact-form__wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.contact-form__wrapper-left {
width: 100%;
display: flex;
flex-direction: column;
gap: 36px;
}
.contact-form__wrapper-left .contact-item {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
padding-bottom: 24px;
border-bottom: 0.5px solid #808080;
}
.contact-form__wrapper-left .contact-item__title {
font-size: 24px;
color: #808080;
}
@media (max-width: 768px) {
.contact-form__wrapper-left .contact-item__title {
font-size: 16px;
}
}
.contact-form__wrapper-left .contact-item__link {
font-family: "schabo";
font-size: 60px;
text-transform: uppercase;
color: #EB4E12;
}
@media (max-width: 768px) {
.contact-form__wrapper-left .contact-item__link {
font-size: 48px;
}
}
@media (max-width: 768px) {
.contact-form__wrapper-left .contact-item {
padding-bottom: 18px;
}
}
@media (max-width: 1024px) {
.contact-form__wrapper-left {
width: 100%;
}
}
@media (max-width: 768px) {
.contact-form__wrapper-left {
gap: 18px;
}
}
.contact-form__wrapper-right {
width: 55.67%;
}
.contact-form__wrapper-right .fluentform .ff-el-group {
margin-bottom: 12px;
}
.contact-form__wrapper-right .ff-default .ff-el-form-control {
border: 2px solid #F2F2F2;
border-radius: 5px;
color: #000000;
font-family: inherit;
padding: 26px 24px;
font-size: 16px;
background-color: #FAFAFA;
}
.contact-form__wrapper-right .ff-default .ff-el-form-control::-moz-placeholder {
color: #808080;
}
.contact-form__wrapper-right .ff-default .ff-el-form-control::placeholder {
color: #808080;
}
.contact-form__wrapper-right .ff-default .ff-el-form-control:focus {
border-color: #EB4E12;
color: inherit;
}
.contact-form__wrapper-right .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
margin-bottom: 0;
width: 144px;
margin-top: 26px;
text-align: center;
}
.contact-form__wrapper-right .ff-el-group.ff-text-left.ff_submit_btn_wrapper button {
width: 100%;
}
@media (max-width: 1024px) {
.contact-form__wrapper-right {
width: 100%;
}
}
@media (max-width: 1280px) {
.contact-form__wrapper {
gap: 100px;
}
}
@media (max-width: 1024px) {
.contact-form__wrapper {
flex-direction: column;
justify-content: unset;
align-items: center;
gap: 50px;
}
}
@media (max-width: 768px) {
.contact-form__wrapper {
gap: 50px;
}
}
@media (max-width: 1024px) {
.contact-form {
margin-top: 49px;
}
}
@media (max-width: 768px) {
.contact-form {
padding: 0 20px;
margin-top: 113px;
}
}
.post__main-banner {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
}
.post__main-banner__content {
width: 100%;
max-width: 1860px;
min-height: 927px;
position: relative;
}
@media (max-width: 768px) {
.post__main-banner__content {
min-height: 795px;
}
}
.post__main-banner__text {
display: flex;
flex-direction: column;
margin-left: 172px;
padding-right: 60px;
background-image: linear-gradient(to right, #ffffff 50px, transparent 50px);
border-radius: 0 0 0 30px;
}
.post__main-banner__text h1 {
width: -moz-fit-content;
width: fit-content;
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
display: block;
position: relative;
padding-top: 13px;
padding-right: 70px;
padding-bottom: 20px;
margin-left: 30px;
background-color: white;
border-radius: 0 0 30px 0;
}
.post__main-banner__text h1::before, .post__main-banner__text h1::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.post__main-banner__text h1::before {
top: 0px;
right: -30px;
rotate: 180deg;
}
.post__main-banner__text h1::after {
left: -60px;
top: 0;
rotate: 270deg;
}
@media (max-width: 768px) {
.post__main-banner__text h1 {
width: -moz-min-content;
width: min-content;
font-size: 70px;
padding-right: 25px;
padding-bottom: 0;
margin-left: 0;
border-radius: 0;
}
.post__main-banner__text h1::after {
top: unset;
left: unset;
bottom: 0px;
right: -30px;
rotate: 90deg;
}
}
.post__main-banner__text .tags {
width: 100%;
max-width: 520px;
display: flex;
flex-wrap: wrap;
gap: 10px;
position: relative;
padding-right: 20px;
padding-bottom: 50px;
margin-left: 30px;
background-color: white;
border-radius: 0 0 30px 0;
}
.post__main-banner__text .tags span {
display: flex;
gap: 10px;
font-size: 16px;
color: #EB4E12;
}
.post__main-banner__text .tags span::after {
content: "/";
display: block;
}
.post__main-banner__text .tags span:last-child::after {
display: none;
}
.post__main-banner__text .tags::before {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
top: 0px;
right: -30px;
rotate: 180deg;
}
@media (max-width: 768px) {
.post__main-banner__text .tags {
max-width: 370px;
padding-bottom: 16px;
margin-left: 0;
border-radius: 0 30px 30px 0;
padding-top: 20px;
}
.post__main-banner__text .tags span {
color: #808080;
}
.post__main-banner__text .tags::before {
top: unset;
right: unset;
bottom: -30px;
left: 0px;
}
}
@media (max-width: 1024px) {
.post__main-banner__text {
margin-left: 100px;
}
}
@media (max-width: 840px) {
.post__main-banner__text {
margin-left: 60px;
}
}
@media (max-width: 768px) {
.post__main-banner__text {
margin-left: 0;
padding-right: 40px;
border-radius: 0;
}
}
.post__main-banner__image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
left: 0;
top: 0;
}
.post__main-banner__image img {
border-radius: 30px;
}
@media (max-width: 768px) {
.post__main-banner {
padding: 0 20px;
}
}
.post__data {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 96px;
}
.post__data-content {
width: 100%;
max-width: 800px;
display: flex;
flex-direction: column;
gap: 85px;
}
.post__data-content__text {
font-size: 36px;
}
@media (max-width: 768px) {
.post__data-content__text {
font-size: 24px;
}
.post__data-content__text br {
display: none;
}
}
.post__data-content__data {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 100px;
}
.post__data-content__data .data-item {
display: flex;
flex-direction: column;
gap: 4px;
}
.post__data-content__data .data-item__title {
font-size: 16px;
color: #808080;
}
.post__data-content__data .data-item__value {
font-size: 16px;
color: #EB4E12;
}
@media (max-width: 768px) {
.post__data-content__data {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 80px;
column-gap: 80px;
row-gap: 20px;
}
}
@media (max-width: 1024px) {
.post__data-content {
max-width: unset;
gap: 49px;
}
}
@media (max-width: 768px) {
.post__data {
margin-top: 79px;
padding: 0 20px;
}
}
.post__photos1 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 96px;
}
.post__photos1-content {
width: 100%;
max-width: 1860px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.post__photos1-content img {
border-radius: 10px;
aspect-ratio: 3/2;
}
.post__photos1-content img:nth-child(3n) {
grid-column: 1/3;
aspect-ratio: 19/10;
}
@media (max-width: 1024px) {
.post__photos1-content {
gap: 16px;
}
}
@media (max-width: 768px) {
.post__photos1-content {
gap: 6px;
}
}
@media (max-width: 1024px) {
.post__photos1 {
margin-top: 81px;
}
}
@media (max-width: 768px) {
.post__photos1 {
margin-top: 53px;
padding: 0 20px;
}
}
.post__design {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 253px;
padding: 0 30px;
}
.post__design-content {
width: 100%;
max-width: 1860px;
display: flex;
flex-direction: column;
align-items: center;
}
.post__design-content__top {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 150px;
}
.post__design-content__top h2 {
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.post__design-content__top h2 span {
margin-right: 20px;
}
@media (max-width: 1340px) {
.post__design-content__top h2 br {
display: none;
}
}
@media (max-width: 768px) {
.post__design-content__top h2 {
display: flex;
flex-direction: column;
gap: 17px;
}
}
.post__design-content__top-text {
width: 100%;
max-width: 953px;
align-self: flex-end;
margin-right: 100px;
background-color: white;
position: relative;
border-radius: 0 0 15px 15px;
padding: 0 40px;
padding-bottom: 30px;
margin-bottom: -170px;
}
.post__design-content__top-text p {
font-size: 36px;
}
@media (max-width: 768px) {
.post__design-content__top-text p {
font-size: 16px;
}
}
.post__design-content__top-text::before, .post__design-content__top-text::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.post__design-content__top-text::before {
bottom: 140px;
right: -30px;
rotate: 180deg;
}
.post__design-content__top-text::after {
bottom: 140px;
left: -30px;
rotate: 270deg;
}
@media (max-width: 1200px) {
.post__design-content__top-text {
max-width: 770px;
}
}
@media (max-width: 1024px) {
.post__design-content__top-text {
max-width: unset;
margin-right: 0;
background-color: unset;
border-radius: 0;
padding: 0;
margin-bottom: 0;
}
.post__design-content__top-text::before, .post__design-content__top-text::after {
display: none;
}
}
@media (max-width: 1024px) {
.post__design-content__top {
gap: 100px;
}
}
@media (max-width: 768px) {
.post__design-content__top {
gap: 50px;
}
}
.post__design-content__images {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
position: relative;
z-index: -1;
}
.post__design-content__images img {
border-radius: 10px;
aspect-ratio: 3/2;
}
.post__design-content__images img:nth-child(3n+1) {
grid-column: 1/3;
border-radius: 30px;
aspect-ratio: 9/5;
}
@media (max-width: 1024px) {
.post__design-content__images {
position: static;
z-index: unset;
gap: 15px;
}
}
@media (max-width: 768px) {
.post__design-content__images {
gap: 6px;
}
}
@media (max-width: 1024px) {
.post__design-content {
gap: 57px;
}
}
@media (max-width: 768px) {
.post__design-content {
gap: 50px;
}
}
@media (max-width: 1024px) {
.post__design {
margin-top: 103px;
}
}
@media (max-width: 768px) {
.post__design {
padding: 0 20px;
margin-top: 95px;
}
}
.post__title-text {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 129px;
}
.post__title-text__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 117px;
}
.post__title-text__content h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.post__title-text__content p {
font-size: 36px;
}
@media (max-width: 1200px) {
.post__title-text__content p br {
display: none;
}
}
@media (max-width: 768px) {
.post__title-text__content p {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.post__title-text__content {
flex-direction: column;
justify-content: unset;
gap: 81px;
}
}
@media (max-width: 768px) {
.post__title-text__content {
gap: 50px;
}
}
@media (max-width: 1024px) {
.post__title-text {
margin-top: 138px;
}
}
@media (max-width: 768px) {
.post__title-text {
padding: 0 20px;
margin-top: 100px;
}
}
.post__photos2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 129px;
}
.post__photos2-content {
width: 100%;
max-width: 1860px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.post__photos2-content img {
border-radius: 10px;
aspect-ratio: 3/2;
}
.post__photos2-content img:nth-child(3n+1) {
grid-column: 1/3;
aspect-ratio: 19/10;
}
@media (max-width: 1024px) {
.post__photos2-content {
gap: 16px;
}
}
@media (max-width: 768px) {
.post__photos2-content {
gap: 6px;
}
}
@media (max-width: 1024px) {
.post__photos2 {
margin-top: 138px;
}
}
@media (max-width: 768px) {
.post__photos2 {
margin-top: 100px;
padding: 0 20px;
}
}
.wp-block-lazyblock-blok-s-poslednimi-proektami, .wp-block-lazyblock-blok-drugie-uslugi {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.post__last {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 141px;
}
.post__last-content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 85px;
}
.post__last-content__title {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 50px;
}
.post__last-content__title h2 {
max-width: 780px;
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.post__last-content__title h2 span {
margin-right: 20px;
}
@media (max-width: 768px) {
.post__last-content__title h2 {
max-width: unset;
display: flex;
flex-direction: column;
gap: 17px;
}
.post__last-content__title h2 span {
margin-right: 0;
}
}
.post__last-content__title .text {
width: 100%;
max-width: 440px;
display: flex;
flex-direction: column;
gap: 23px;
}
.post__last-content__title .text p {
font-size: 16px;
color: #404040;
}
.post__last-content__title .text a {
display: flex;
align-items: center;
gap: 17px;
}
.post__last-content__title .text a span {
font-size: 14px;
color: #EB4E12;
}
.post__last-content__title .text a img {
width: 15px;
height: auto;
}
@media (max-width: 768px) {
.post__last-content__title {
gap: 17px;
flex-direction: column;
align-items: unset;
justify-content: unset;
}
}
.post__last-content__wrapper {
width: 100%;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1.3fr 1fr;
}
.post__last-content__wrapper-item {
display: flex;
flex-direction: column;
gap: 24px;
}
.post__last-content__wrapper-item .item-image {
border-radius: 10px;
height: auto;
aspect-ratio: 16/9;
}
.post__last-content__wrapper-item .item-title {
display: flex;
align-items: center;
gap: 11px;
}
.post__last-content__wrapper-item .item-title img {
width: 38px;
height: 38px;
}
.post__last-content__wrapper-item .item-title h3 {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
}
.post__last-content__wrapper-item .item-desc {
font-size: 16px;
color: #808080;
}
.post__last-content__wrapper-item .item-link {
display: flex;
align-items: center;
gap: 17px;
}
.post__last-content__wrapper-item .item-link span {
font-size: 14px;
color: #161616;
}
.post__last-content__wrapper-item .item-link img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.post__last-content__wrapper {
grid-template-columns: 1fr;
gap: 75px;
}
}
@media (max-width: 768px) {
.post__last-content__wrapper {
gap: 88px;
}
}
@media (max-width: 1024px) {
.post__last-content {
gap: 59px;
}
}
@media (max-width: 768px) {
.post__last-content {
gap: 69px;
}
}
@media (max-width: 1024px) {
.post__last {
margin-top: 138px;
}
}
@media (max-width: 768px) {
.post__last {
padding: 0 20px;
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-the-problem {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.title-list {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 128px;
}
.title-list__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 100px;
}
.title-list__content-left {
width: 46.24%;
display: flex;
flex-direction: column;
gap: 53px;
}
.title-list__content-left-p {
font-size: 26px;
color: #404040;
}
@media (max-width: 1024px) {
.title-list__content-left {
width: 100%;
order: 1;
}
}
@media (max-width: 768px) {
.title-list__content-left {
max-width: unset;
}
.title-list__content-left br {
display: none;
}
}
.title-list__content-title {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
min-width: 1000px;
}
.title-list__content-title span {
margin-right: 20px;
font-size: 16px;
}
@media (max-width: 1024px) {
.title-list__content-title {
min-width: unset;
}
}
@media (max-width: 440px) {
.title-list__content-title {
max-width: 300px;
}
}
.title-list__content-list {
width: 43.6%;
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 150px;
}
.title-list__content-list .item {
width: 100%;
display: flex;
gap: 34px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.title-list__content-list .item span {
font-size: 24px;
}
.title-list__content-list .item p {
font-size: 24px;
color: #404040;
}
.title-list__content-list .item:last-child {
padding-bottom: 0;
border-bottom: none;
}
@media (max-width: 1024px) {
.title-list__content-list {
width: 100%;
max-width: 680px;
order: 2;
margin-top: unset;
align-self: flex-end;
}
}
@media (max-width: 768px) {
.title-list__content-list {
max-width: unset;
align-self: unset;
}
}
@media (max-width: 1024px) {
.title-list__content {
flex-direction: column;
justify-content: unset;
}
}
@media (max-width: 768px) {
.title-list__content {
gap: 54px;
}
}
@media (max-width: 1024px) {
.title-list {
margin-top: 84px;
}
}
@media (max-width: 768px) {
.title-list {
padding: 0 20px;
margin-top: 54px;
}
}
.title-list__image {
width: 100%;
max-width: 379px;
height: 255px;
border-radius: 10px;
}
@media (max-width: 1024px) {
.title-list__content-left-p:has(.title-list__image) {
display: none;
}
}
.lazyblock-blok-the-problem-Zptj8c .title-list__content-left > .title-list__content-title {
min-width: unset;
}
.wp-block-lazyblock-blok-our-solution {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.video-block {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
padding: 0 30px;
margin-top: 118px;
}
.video-block__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 30px;
}
.video-block__content .title {
max-width: 920px;
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.video-block__content .title span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.video-block__content .title {
max-width: unset;
}
}
@media (max-width: 440px) {
.video-block__content .title {
max-width: 265px;
}
}
@media (max-width: 1024px) {
.video-block__content {
gap: 18px;
}
}
@media (max-width: 768px) {
.video-block__content {
gap: 37px;
}
}
.video-block__wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 51px;
}
.video-block__wrapper-left {
width: 306px;
min-width: 306px;
display: flex;
flex-direction: column;
gap: 58px;
}
.video-block__wrapper-left .text p {
font-size: 16px;
color: #404040;
}
.video-block__wrapper-left .text ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.video-block__wrapper-left .text ul li {
display: flex;
gap: 17px;
font-size: 24px;
color: #404040;
}
.video-block__wrapper-left .text ul li::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
}
.video-block__wrapper-left .orng-btn::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.video-block__wrapper-left .orng-btn::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.video-block__wrapper-left .orng-btn {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #EB4E12;
}
.video-block__wrapper-left .orng-btn img {
display: unset !important;
width: 15px;
height: auto;
}
.video-block__wrapper-left .orng-btn::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.video-block__wrapper-left .orng-btn::before {
display: block;
position: absolute;
right: 30px;
bottom: -7px;
rotate: 180deg;
}
}
@media (max-width: 1024px) {
.video-block__wrapper-left {
width: 100%;
max-width: 625px;
min-width: unset;
align-self: flex-end;
gap: 27px;
}
}
@media (max-width: 768px) {
.video-block__wrapper-left {
max-width: unset;
align-self: unset;
gap: 16px;
}
}
.video-block__wrapper-right {
flex-grow: 1;
position: relative;
}
.video-block__wrapper-right img {
border-radius: 20px;
}
.video-block__wrapper-right .play-video {
width: 107px;
height: 107px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: -1px;
right: -1px;
z-index: 1;
background-color: white;
border-radius: 20px 0 0 0;
}
.video-block__wrapper-right .play-video a {
width: 59px;
height: 59px;
}
.video-block__wrapper-right .play-video a svg {
width: 100%;
height: 100%;
}
.video-block__wrapper-right .play-video::before, .video-block__wrapper-right .play-video::after {
content: " ";
position: absolute;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.video-block__wrapper-right .play-video::before {
top: -19px;
right: 0;
}
.video-block__wrapper-right .play-video::after {
bottom: 0;
left: -19px;
}
@media (max-width: 1024px) {
.video-block__wrapper-right .play-video {
left: -1;
right: unset;
border-radius: 0 20px 0 0;
}
.video-block__wrapper-right .play-video::before {
top: unset;
bottom: 1px;
right: -19px;
rotate: 90deg;
}
.video-block__wrapper-right .play-video::after {
bottom: unset;
top: -19px;
left: 0;
rotate: 90deg;
}
}
@media (max-width: 768px) {
.video-block__wrapper-right .play-video {
width: 74px;
height: 74px;
}
}
@media (max-width: 1024px) {
.video-block__wrapper-right {
flex-grow: unset;
width: 100%;
height: 400px;
}
}
@media (max-width: 1024px) {
.video-block__wrapper {
flex-direction: column;
justify-content: unset;
gap: 17px;
}
}
@media (max-width: 768px) {
.video-block__wrapper {
gap: 37px;
}
}
@media (max-width: 1024px) {
.video-block {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.video-block {
padding: 0 20px;
margin-top: 50px;
}
}
.wp-block-lazyblock-blok-s-kartinkoj-i-spiskom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.image-list {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 100px;
}
.image-list__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 75px;
}
@media (max-width: 768px) {
.image-list__content {
flex-direction: column;
justify-content: unset;
gap: 10px;
}
}
.image-list__left {
width: 53.1%;
position: relative;
padding: 0 30px;
margin-bottom: 50px;
}
.image-list__left-rounding.right {
width: 162px;
height: 51px;
position: absolute;
bottom: -2px;
left: 29px;
z-index: 1;
border-radius: 0 30px 0 0;
background-color: white;
}
.image-list__left-rounding.right::before, .image-list__left-rounding.right::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.image-list__left-rounding.right::before {
top: -29px;
left: 0;
rotate: 90deg;
}
.image-list__left-rounding.right::after {
bottom: 0px;
right: -29px;
rotate: 90deg;
}
@media (max-width: 768px) {
.image-list__left-rounding.right {
max-width: 100px;
height: 50px;
right: 30px;
left: unset;
border-radius: 20px 0 0 0;
}
.image-list__left-rounding.right::before {
top: -29px;
right: 0;
left: unset;
rotate: 0deg;
}
.image-list__left-rounding.right::after {
bottom: 2px;
left: -29px;
rotate: 0deg;
}
}
.image-list__left-rounding.left {
width: 290px;
height: 63px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
border-radius: 30px 0 0 0;
background-color: white;
}
.image-list__left-rounding.left button::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.image-list__left-rounding.left button::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.image-list__left-rounding.left button {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.image-list__left-rounding.left button img {
display: unset !important;
width: 15px;
height: auto;
}
.image-list__left-rounding.left button::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.image-list__left-rounding.left button::before {
display: block;
position: absolute;
right: 30px;
bottom: -6px;
rotate: 180deg;
}
}
.image-list__left-rounding.left::before, .image-list__left-rounding.left::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.image-list__left-rounding.left::before {
bottom: 0;
left: -30px;
}
.image-list__left-rounding.left::after {
top: -30px;
right: 30px;
}
@media (max-width: 1024px) {
.image-list__left-rounding.left {
width: 100%;
max-width: 740px;
bottom: unset;
top: 0;
right: 30px;
border-radius: 0 0 20px 20px;
}
.image-list__left-rounding.left::before {
top: 0px;
left: -20px;
rotate: 270deg;
width: 20px;
height: 20px;
}
.image-list__left-rounding.left::after {
top: 0px;
rotate: 180deg;
right: -20px;
width: 20px;
height: 20px;
}
}
.image-list__left .back-image, .image-list__left .back-video {
border-radius: 30px;
}
.image-list__left .back-video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 768px) {
.image-list__left {
width: 100%;
}
}
.image-list__right {
width: 41.21%;
display: flex;
flex-direction: column;
gap: 46px;
margin-top: 46px;
}
.image-list__right h2 {
font-family: "schabo" !important;
font-size: 72px;
text-transform: uppercase;
color: #161616;
margin-bottom: 39px;
}
@media (max-width: 1024px) {
.image-list__right h2 {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.image-list__right h2 br {
display: none;
}
}
@media (max-width: 440px) {
.image-list__right h2 {
font-size: 65px;
}
}
.image-list__right-text ul {
display: flex;
flex-direction: column;
gap: 31px;
}
.image-list__right-text ul li {
font-size: 24px;
display: flex;
gap: 17px;
}
.image-list__right-text ul li::before {
content: "";
display: block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #eb4e12;
}
.image-list__right-text p {
font-size: 24px;
color: #161616;
}
.image-list__right button::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.image-list__right button::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.image-list__right button {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.image-list__right button img {
display: unset !important;
width: 15px;
height: auto;
}
.image-list__right button::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.image-list__right button::before {
display: block;
position: absolute;
right: 30px;
bottom: -6px;
rotate: 180deg;
}
}
.image-list__right.right .image-list__right-text {
max-width: 640px;
align-self: flex-end;
}
@media (max-width: 768px) {
.image-list__right {
width: 100%;
margin-top: 0;
gap: 42px;
padding: 0 20px;
}
}
@media (max-width: 1024px) {
.image-list {
margin-top: 160px;
padding: 0;
}
}
@media (max-width: 768px) {
.image-list {
margin-top: 50px;
}
}
.bi-image-list-margin .image-list {
margin-top: 150px;
}
@media (max-width: 1024px) {
.bi-image-list-margin .image-list {
margin-top: 120px;
}
}
@media (max-width: 768px) {
.bi-image-list-margin .image-list {
margin-top: 50px;
}
}
.naming__image-list .image-list {
margin-top: 133px;
}
@media (max-width: 1024px) {
.naming__image-list .image-list {
margin-top: 80px;
}
}
@media (max-width: 768px) {
.naming__image-list .image-list {
margin-top: 50px;
}
}
.packaging__image-list .image-list {
margin-top: 130px;
}
@media (max-width: 1024px) {
.packaging__image-list .image-list {
margin-top: 70px;
}
}
@media (max-width: 768px) {
.packaging__image-list .image-list {
margin-top: 60px;
}
}
.wd__image-list .image-list {
margin-top: 110px;
}
@media (max-width: 1024px) {
.wd__image-list .image-list {
margin-top: 110px;
}
}
@media (max-width: 768px) {
.wd__image-list .image-list {
margin-top: 110px;
}
}
@media (max-width: 768px) {
.naming__image-list .image-list__left-rounding.right, .wd__image-list .image-list__left-rounding.right {
display: none;
}
}
@media (max-width: 768px) {
.naming__image-list .image-list__left, .wd__image-list .image-list__left {
margin-top: 15px;
}
}
@media (max-width: 768px) {
.naming__image-list2 .image-list__left, .logo__image-list .image-list__left, .brandbook__image-list .image-list__left, .bi-image-list-margin .image-list__left, .packaging__image-list .image-list__left {
margin-top: 15px;
}
}
@media (max-width: 768px) {
.lazyblock-blok-s-kartinkoj-i-spiskom-Z24XVDb .image-list__left {
height: 660px;
margin-top: 50px;
order: 2;
}
.lazyblock-blok-s-kartinkoj-i-spiskom-Z24XVDb .image-list__left .image-list__left-rounding.right {
max-width: 150px;
height: 50px;
right: unset;
left: 29px;
top: -1px;
border-radius: 0 0 15px 0;
}
.lazyblock-blok-s-kartinkoj-i-spiskom-Z24XVDb .image-list__left .image-list__left-rounding.right::before {
top: 0px;
right: -29px;
left: unset;
rotate: 180deg;
}
.lazyblock-blok-s-kartinkoj-i-spiskom-Z24XVDb .image-list__left .image-list__left-rounding.right::after {
bottom: -29px;
left: -1px;
rotate: 180deg;
}
}
.naming__image-list2 .image-list__left-rounding.left::after {
display: unset;
right: 29px;
}
.naming__image-list2 .image-list__left-rounding.left::before {
bottom: 0;
left: -29px;
}
@media (min-width: 768px) {
.naming__image-list2 .orng-btn.arrow.on-desc {
gap: 100px;
max-width: 220px;
width: 100%;
}
}
@media (max-width: 1025px) {
.naming__image-list .image-list__content,
.naming__image-list2 .image-list__content,
.logo__image-list .image-list__content,
.brandbook__image-list .image-list__content,
.wd__image-list .image-list__content,
.packaging__image-list .image-list__content,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__content,
.bi-image-list-margin .image-list__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: end;
gap: 0;
}
.naming__image-list .image-list__left-rounding.right,
.naming__image-list2 .image-list__left-rounding.right,
.logo__image-list .image-list__left-rounding.right,
.brandbook__image-list .image-list__left-rounding.right,
.wd__image-list .image-list__left-rounding.right,
.packaging__image-list .image-list__left-rounding.right,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__left-rounding.right,
.bi-image-list-margin .image-list__left-rounding.right {
display: none;
}
.naming__image-list .image-list__left,
.naming__image-list2 .image-list__left,
.logo__image-list .image-list__left,
.brandbook__image-list .image-list__left,
.wd__image-list .image-list__left,
.packaging__image-list .image-list__left,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__left,
.bi-image-list-margin .image-list__left {
width: 100%;
order: 2;
transform: translateY(-40px);
padding: 0;
height: 740px;
}
.naming__image-list .image-list__left > video,
.naming__image-list2 .image-list__left > video,
.logo__image-list .image-list__left > video,
.brandbook__image-list .image-list__left > video,
.wd__image-list .image-list__left > video,
.packaging__image-list .image-list__left > video,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__left > video,
.bi-image-list-margin .image-list__left > video {
border-radius: 0;
}
.naming__image-list .image-list__right,
.naming__image-list2 .image-list__right,
.logo__image-list .image-list__right,
.brandbook__image-list .image-list__right,
.wd__image-list .image-list__right,
.packaging__image-list .image-list__right,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right,
.bi-image-list-margin .image-list__right {
max-width: 700px;
width: 100%;
border-radius: 0 0 30px 30px;
background-color: white;
z-index: 1;
margin-right: 40px;
position: relative;
padding-bottom: 22px;
padding-left: 20px;
}
.naming__image-list .image-list__right::before, .naming__image-list .image-list__right::after,
.naming__image-list2 .image-list__right::before,
.naming__image-list2 .image-list__right::after,
.logo__image-list .image-list__right::before,
.logo__image-list .image-list__right::after,
.brandbook__image-list .image-list__right::before,
.brandbook__image-list .image-list__right::after,
.wd__image-list .image-list__right::before,
.wd__image-list .image-list__right::after,
.packaging__image-list .image-list__right::before,
.packaging__image-list .image-list__right::after,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::before,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::after,
.bi-image-list-margin .image-list__right::before,
.bi-image-list-margin .image-list__right::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
bottom: 10px;
}
.naming__image-list .image-list__right::before,
.naming__image-list2 .image-list__right::before,
.logo__image-list .image-list__right::before,
.brandbook__image-list .image-list__right::before,
.wd__image-list .image-list__right::before,
.packaging__image-list .image-list__right::before,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::before,
.bi-image-list-margin .image-list__right::before {
right: -26px;
rotate: 180deg;
}
.naming__image-list .image-list__right::after,
.naming__image-list2 .image-list__right::after,
.logo__image-list .image-list__right::after,
.brandbook__image-list .image-list__right::after,
.wd__image-list .image-list__right::after,
.packaging__image-list .image-list__right::after,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::after,
.bi-image-list-margin .image-list__right::after {
left: -24px;
rotate: 270deg;
}
}
@media (max-width: 768px) {
.naming__image-list .image-list__right,
.naming__image-list2 .image-list__right,
.logo__image-list .image-list__right,
.brandbook__image-list .image-list__right,
.wd__image-list .image-list__right,
.packaging__image-list .image-list__right,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right,
.bi-image-list-margin .image-list__right {
max-width: unset;
margin-right: 0;
}
.naming__image-list .image-list__right::before, .naming__image-list .image-list__right::after,
.naming__image-list2 .image-list__right::before,
.naming__image-list2 .image-list__right::after,
.logo__image-list .image-list__right::before,
.logo__image-list .image-list__right::after,
.brandbook__image-list .image-list__right::before,
.brandbook__image-list .image-list__right::after,
.wd__image-list .image-list__right::before,
.wd__image-list .image-list__right::after,
.packaging__image-list .image-list__right::before,
.packaging__image-list .image-list__right::after,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::before,
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right::after,
.bi-image-list-margin .image-list__right::before,
.bi-image-list-margin .image-list__right::after {
display: none;
}
}
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right {
max-width: 740px;
}
@media (max-width: 1025px) {
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right {
margin-right: 220px;
}
}
@media (max-width: 768px) {
.lazyblock-blok-s-kartinkoj-i-spiskom-Z13MYt3 .image-list__right {
max-width: unset;
margin-right: 0;
}
}
.bi-image-list-margin .image-list__left-rounding.left::after {
top: -29px;
right: 29px;
}
@media (max-width: 440px) {
.bi-image-list-margin .image-list__right h2 {
font-size: 68px;
}
}
.bi-image-list-margin .image-list__left-rounding.left {
bottom: -1px;
}
@media (max-width: 1025px) and (min-width: 769px) {
.bi-image-list-margin .image-list__left-rounding.left {
display: none;
}
}
@media (max-width: 769px) {
.bi-image-list-margin .image-list__left-rounding.left {
display: unset;
max-width: 400px;
top: -1px;
left: 0;
border-radius: 0 0 20px 0;
}
.bi-image-list-margin .image-list__left-rounding.left::before {
top: unset;
left: 0px;
bottom: -19px;
rotate: 180deg;
width: 20px;
height: 20px;
}
.bi-image-list-margin .image-list__left-rounding.left::after {
top: 0px;
right: -20px;
}
.bi-image-list-margin .image-list__left-rounding.left button {
right: 50px;
position: absolute;
}
}
@media (max-width: 440px) {
.bi-image-list-margin .image-list__left-rounding.left {
max-width: 300px;
}
}
.bi-image-list-margin .image-list__left {
transform: unset;
}
@media (max-width: 769px) {
.bi-image-list-margin .image-list__left .back-image {
border-radius: 0;
height: 400px;
}
}
.naming__image-list2 .image-list__left {
transform: unset;
}
@media (max-width: 440px) {
.naming__image-list2 .image-list__left {
margin-bottom: 0;
}
}
@media (max-width: 440px) {
.naming__image-list2 .image-list__left-rounding.left::after {
display: unset;
right: -19px;
}
.naming__image-list2 .image-list__left-rounding.left::before {
display: none;
}
}
@media (min-width: 1026px) {
.logo__image-list .image-list__left,
.logo__image-list .image-list__left,
.brandbook__image-list .image-list__left,
.wd__image-list .image-list__left,
.packaging__image-list .image-list__left {
transform: unset;
}
}
@media (max-width: 768px) {
.logo__image-list .image-list__left img,
.logo__image-list .image-list__left img,
.brandbook__image-list .image-list__left img,
.wd__image-list .image-list__left img,
.packaging__image-list .image-list__left img {
border-radius: 0;
}
}
@media (max-width: 440px) {
.logo__image-list .image-list__left,
.logo__image-list .image-list__left,
.brandbook__image-list .image-list__left,
.wd__image-list .image-list__left,
.packaging__image-list .image-list__left {
height: 500px;
}
}
@media (max-width: 1025px) {
.logo__image-list .image-list__left {
transform: unset;
}
}
.wp-block-lazyblock-blok-s-cenami-v1, .wp-block-lazyblock-blok-s-cenami-v2 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.prices.v1 {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 9.5%;
margin-top: 250px;
}
.prices.v1 .prices__content {
width: 100%;
display: flex;
gap: 99px;
}
.prices.v1 .prices__content-left {
min-width: -moz-max-content;
min-width: max-content;
display: flex;
flex-direction: column;
gap: 23px;
}
.prices.v1 .prices__content-left h2 {
font-family: "schabo";
font-size: 72px;
max-width: 380px;
text-transform: uppercase;
color: #161616;
}
@media (max-width: 768px) {
.prices.v1 .prices__content-left {
min-width: unset;
width: 100%;
}
.prices.v1 .prices__content-left h2 br {
display: none;
}
}
.prices.v1 .prices__content-right {
width: 100%;
display: flex;
align-items: stretch;
gap: 31px;
overflow-x: auto;
}
.prices.v1 .prices__content-right .item {
width: 424px;
min-width: 424px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 50px 40px;
border-radius: 20px;
background-color: rgba(217, 217, 217, 0.2);
}
.prices.v1 .prices__content-right .item-top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.prices.v1 .prices__content-right .item-top__title {
width: 100%;
display: flex;
gap: 11px;
}
.prices.v1 .prices__content-right .item-top__title img {
width: 37px;
height: 37px;
}
.prices.v1 .prices__content-right .item-top__title h3 {
font-family: "schabo";
font-size: 40px;
text-transform: uppercase;
color: #EB4E12;
}
.prices.v1 .prices__content-right .item-top__text {
font-size: 16px;
color: #808080;
}
.prices.v1 .prices__content-right .item-bottom {
width: 100%;
display: flex;
flex-direction: column;
gap: 7px;
}
.prices.v1 .prices__content-right .item-bottom__time {
font-size: 16px;
color: #808080;
}
@media (max-width: 1024px) {
.prices.v1 .prices__content-right .item {
width: 100%;
min-width: unset;
}
}
@media (max-width: 768px) {
.prices.v1 .prices__content-right .item {
padding: 30px;
}
}
.prices.v1 .prices__content-right::-webkit-scrollbar {
display: none;
}
@media (max-width: 1024px) {
.prices.v1 .prices__content-right {
max-width: 424px;
flex-direction: column;
align-items: unset;
gap: 20px;
overflow-x: unset;
}
}
@media (max-width: 768px) {
.prices.v1 .prices__content-right {
max-width: unset;
}
}
@media (max-width: 1024px) {
.prices.v1 .prices__content {
gap: 50px;
justify-content: space-between;
}
}
@media (max-width: 768px) {
.prices.v1 .prices__content {
gap: 60px;
justify-content: unset;
flex-direction: column;
}
}
.prices.v1 .prices__orng-btn {
display: flex;
align-items: center;
gap: 17px;
}
.prices.v1 .prices__orng-btn span {
font-size: 14px;
color: #EB4E12;
}
.prices.v1 .prices__orng-btn img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.prices.v1 {
padding-left: 0;
padding: 0 30px;
margin-top: 183px;
}
}
@media (max-width: 768px) {
.prices.v1 {
padding: 0 20px;
margin-top: 50px;
}
}
.prices.v2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 263px;
}
.prices.v2 .prices__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 145px;
}
@media (max-width: 1024px) {
.prices.v2 .prices__content {
gap: 90px;
}
}
@media (max-width: 768px) {
.prices.v2 .prices__content {
gap: 73px;
}
}
.prices.v2 .prices__title {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.prices.v2 .prices__title-left {
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
gap: 23px;
}
.prices.v2 .prices__title-left h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
@media (max-width: 1024px) {
.prices.v2 .prices__title-left h2 br {
display: none;
}
}
.prices.v2 .prices__title-left__button {
display: flex;
align-items: center;
gap: 17px;
}
.prices.v2 .prices__title-left__button span {
font-size: 14px;
color: #EB4E12;
}
.prices.v2 .prices__title-left__button img {
width: 15px;
height: auto;
}
.prices.v2 .prices__title-right {
width: 100%;
max-width: 689px;
font-size: 26px;
color: #404040;
}
@media (max-width: 1024px) {
.prices.v2 .prices__title-right {
max-width: unset;
}
}
@media (max-width: 1024px) {
.prices.v2 .prices__title {
flex-direction: column;
justify-content: unset;
gap: 67px;
}
}
@media (max-width: 768px) {
.prices.v2 .prices__title {
gap: 73px;
}
}
.prices.v2 .prices__wrapper {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.prices.v2 .prices__wrapper-item {
min-height: 321px;
display: flex;
flex-direction: column;
gap: 30px;
padding: 0 28px;
padding-top: 52px;
padding-bottom: 42px;
border-radius: 20px;
background-color: #F7F7F7;
}
.prices.v2 .prices__wrapper-item .item-top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.prices.v2 .prices__wrapper-item .item-top__title {
width: 100%;
display: flex;
gap: 11px;
}
.prices.v2 .prices__wrapper-item .item-top__title img {
width: 37px;
height: 37px;
min-width: 37px;
min-height: 37px;
}
.prices.v2 .prices__wrapper-item .item-top__title h3 {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
color: #EB4E12;
}
.prices.v2 .prices__wrapper-item .item-top__desc {
font-size: 16px;
color: #808080;
}
.prices.v2 .prices__wrapper-item .item-bottom {
width: 100%;
display: flex;
flex-direction: column;
gap: 7px;
margin-top: auto;
}
.prices.v2 .prices__wrapper-item .item-bottom__time {
font-size: 16px;
color: #808080;
}
.prices.v2 .prices__wrapper-item .item-bottom__button {
display: flex;
align-items: center;
gap: 8px;
}
.prices.v2 .prices__wrapper-item .item-bottom__button span {
font-size: 14px;
color: #EB4E12;
}
.prices.v2 .prices__wrapper-item .item-bottom__button img {
width: 15px;
height: auto;
}
@media (max-width: 1300px) {
.prices.v2 .prices__wrapper {
gap: 30px;
}
}
@media (max-width: 1024px) {
.prices.v2 .prices__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 790px;
align-self: flex-end;
}
}
@media (max-width: 768px) {
.prices.v2 .prices__wrapper {
align-self: unset;
max-width: unset;
grid-template-columns: 1fr;
}
}
@media (max-width: 1024px) {
.prices.v2 {
margin-top: 197px;
}
}
@media (max-width: 768px) {
.prices.v2 {
margin-top: 50px;
padding: 0 20px;
}
}
.wp-block-lazyblock-blok-lets-discuss {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.discuss {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 100px;
padding: 176px 0;
margin-top: 245px;
background-color: #F9F9F9;
}
.discuss__content {
width: 100%;
max-width: 1608px;
display: flex;
flex-direction: column;
gap: 73px;
padding: 0 30px;
}
.discuss__content h2 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
max-width: 920px;
}
.discuss__content h2 span {
margin-right: 20px;
}
@media (max-width: 1024px) {
.discuss__content h2 br {
display: none;
}
}
.discuss__content-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 1024px) {
.discuss__content-wrapper {
flex-direction: column;
align-items: unset;
justify-content: unset;
gap: 33px;
align-items: end;
transform: translateY(-280px);
}
}
@media (max-width: 768px) {
.discuss__content-wrapper {
transform: unset;
}
}
.discuss__content-left {
width: 242px;
min-width: 242px;
height: 242px;
}
.discuss__content-left picture {
border-radius: 10px;
}
@media (max-width: 768px) {
.discuss__content-left {
width: 100%;
min-width: unset;
height: auto;
}
}
.discuss__content-right {
width: 100%;
max-width: 961px;
display: flex;
flex-direction: column;
gap: 54px;
}
.discuss__content-right p {
font-size: 36px;
}
@media (max-width: 768px) {
.discuss__content-right p {
font-size: 24px;
color: #404040;
}
.discuss__content-right p::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
margin-right: 15px;
}
}
@media (max-width: 1024px) {
.discuss__content-right {
max-width: unset;
}
}
@media (max-width: 768px) {
.discuss__content-right {
gap: 42px;
}
}
@media (max-width: 1024px) {
.discuss__content {
gap: 56px;
}
}
@media (max-width: 768px) {
.discuss__content {
padding: 0;
gap: 33px;
}
}
.discuss__logos {
display: flex;
}
.discuss__logos img {
width: auto;
height: 70px;
margin-right: 70px;
}
@media (max-width: 768px) {
.discuss__logos {
display: none;
}
}
.discuss .tickercontainer {
width: 100%;
}
@media (max-width: 1024px) {
.discuss {
padding: 148px 0;
margin-top: 197px;
}
}
@media (max-width: 768px) {
.discuss {
gap: 0;
padding: 86px 20px;
margin-top: 0px;
padding-bottom: 0;
}
}
.wp-block-lazyblock-blok-vybor-urovnya {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.level {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 9.5%;
margin-top: 412px;
}
.level__content {
width: 100%;
max-width: 1735px;
display: flex;
justify-content: space-between;
gap: 50px;
}
.level__content-left {
width: 100%;
max-width: 346px;
display: flex;
flex-direction: column;
gap: 23px;
margin-top: 46px;
}
.level__content-left h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
}
.level__content-left-button {
display: flex;
align-items: center;
gap: 17px;
}
.level__content-left-button span {
font-size: 14px;
color: #EB4E12;
}
.level__content-left-button img {
width: 15px;
height: auto;
}
@media (max-width: 1400px) {
.level__content-left {
max-width: 269px;
}
}
@media (max-width: 1300px) {
.level__content-left {
margin-top: 0;
max-width: unset;
}
}
@media (max-width: 1024px) {
.level__content-left {
display: none;
}
}
.level__content-right {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.level__content-right-item {
min-height: 702px;
display: flex;
flex-direction: column;
gap: 30px;
padding: 52px 30px;
padding-bottom: 24px;
border-radius: 20px;
background-color: #F7F7F7;
}
.level__content-right-item .top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.level__content-right-item .top-title {
width: 100%;
display: flex;
align-items: center;
gap: 11px;
}
.level__content-right-item .top-title img {
width: 37px;
height: 37px;
min-width: 37px;
min-height: 37px;
}
.level__content-right-item .top-title__title {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
color: #EB4E12;
}
.level__content-right-item .top-desc {
font-size: 16px;
color: #808080;
}
.level__content-right-item .list {
width: 100%;
display: flex;
flex-direction: column;
gap: 18px;
}
.level__content-right-item .list-item {
display: flex;
gap: 17px;
font-size: 16px;
color: #808080;
}
.level__content-right-item .list-item::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
border-radius: 50%;
background-color: #EB4E12;
}
.level__content-right-item .bottom {
width: 100%;
display: flex;
flex-direction: column;
gap: 7px;
margin-top: auto;
}
.level__content-right-item .bottom-time {
font-size: 16px;
color: #808080;
}
.level__content-right-item .bottom-button {
display: flex;
align-items: center;
gap: 10px;
}
.level__content-right-item .bottom-button span {
font-size: 14px;
color: #EB4E12;
}
.level__content-right-item .bottom-button img {
width: 15px;
height: auto;
}
@media (max-width: 1400px) {
.level__content-right-item {
padding: 52px 20px;
padding-bottom: 24px;
}
}
@media (max-width: 768px) {
.level__content-right-item {
min-height: unset;
max-height: 810px;
}
}
.level__content-right .level__content-left.right {
display: none;
}
@media (max-width: 1024px) {
.level__content-right {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 61px;
column-gap: 61px;
row-gap: 43px;
}
.level__content-right .level__content-left.right {
display: flex;
}
}
@media (max-width: 768px) {
.level__content-right {
grid-template-columns: 1fr;
gap: 43px;
}
}
@media (max-width: 1300px) {
.level__content {
flex-direction: column;
justify-content: unset;
}
}
@media (max-width: 1024px) {
.level__content {
gap: 0;
align-items: center;
}
}
@media (max-width: 1024px) {
.level {
margin-top: 197px !important;
}
}
@media (max-width: 768px) {
.level {
margin-top: 50px !important;
padding: 0 20px;
}
}
.naming__level .level {
margin-top: 220px;
}
.bi__level .level {
margin-top: 200px;
}
@media (max-width: 1024px) {
.bi__level .level {
margin-top: 197px;
}
}
@media (max-width: 768px) {
.bi__level .level {
margin-top: 76px;
}
}
.bb__level .level {
margin-top: 120px;
}
@media (max-width: 1024px) {
.bb__level .level {
margin-top: 90px;
}
}
@media (max-width: 768px) {
.bb__level .level {
margin-top: 76px;
}
}
.packaging__level .level {
margin-top: 50px;
}
@media (max-width: 1024px) {
.packaging__level .level {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.packaging__level .level {
margin-top: 10px;
}
}
.logo__level .level {
margin-top: 150px;
}
@media (max-width: 1024px) {
.logo__level .level {
margin-top: 100px;
}
}
@media (max-width: 768px) {
.logo__level .level {
margin-top: 130px;
}
}
.wp-block-lazyblock-blok-s-setkoj-elementov {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.elems-grid {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 174px;
padding: 0 30px;
padding-top: 83px;
padding-bottom: 163px;
background-color: #F9F9F9;
}
.elems-grid__content {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 60px;
}
@media (max-width: 1024px) {
.elems-grid__content {
gap: 163px;
}
}
@media (max-width: 768px) {
.elems-grid__content {
gap: 33px;
}
}
.elems-grid__title {
width: 100%;
display: flex;
justify-content: space-between;
gap: 50px;
}
.elems-grid__title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
color: #161616;
max-width: 700px;
}
.elems-grid__title p {
font-size: 26px;
color: #404040;
max-width: 550px;
}
@media (max-width: 1024px) {
.elems-grid__title {
flex-direction: column;
justify-content: unset;
gap: 94px;
}
.elems-grid__title p {
max-width: 692px;
align-self: flex-end;
}
.elems-grid__title p br {
display: none;
}
}
@media (max-width: 768px) {
.elems-grid__title {
gap: 33px;
}
.elems-grid__title p {
max-width: unset;
align-self: unset;
}
}
.elems-grid__wrapper {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 75px;
-moz-column-gap: 230px;
column-gap: 230px;
}
.elems-grid__wrapper-item {
display: flex;
flex-direction: column;
gap: 23px;
}
.elems-grid__wrapper-item .item-top {
width: 100%;
display: flex;
align-items: center;
gap: 11px;
}
.elems-grid__wrapper-item .item-top img {
width: 37px;
height: 37px;
min-width: 37px;
min-height: 37px;
}
.elems-grid__wrapper-item .item-top h3 {
font-family: "schabo";
font-size: 36px;
text-transform: uppercase;
color: #EB4E12;
}
.elems-grid__wrapper-item .item-desc {
font-size: 16px;
color: #808080;
}
@media (max-width: 768px) {
.elems-grid__wrapper-item {
padding-bottom: 24px;
border-bottom: 0.5px solid #808080;
}
}
.elems-grid__wrapper-button {
align-self: end;
}
.elems-grid__wrapper-button::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.elems-grid__wrapper-button::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.elems-grid__wrapper-button {
order: -1;
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.elems-grid__wrapper-button img {
display: none !important;
}
.elems-grid__wrapper-button::after {
display: none !important;
}
.elems-grid__wrapper-button::before {
display: none !important;
}
}
@media (max-width: 1400px) {
.elems-grid__wrapper {
-moz-column-gap: 150px;
column-gap: 150px;
}
}
@media (max-width: 1024px) {
.elems-grid__wrapper {
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 120px;
column-gap: 120px;
}
}
@media (max-width: 768px) {
.elems-grid__wrapper {
grid-template-columns: 1fr;
gap: 57px;
}
}
@media (max-width: 1024px) {
.elems-grid {
margin-top: 100px;
padding-top: 125px;
padding-bottom: 194px;
}
}
@media (max-width: 768px) {
.elems-grid {
padding: 0 20px;
padding-top: 0;
padding-bottom: 0;
background-color: unset;
}
}
.wp-block-lazyblock-blok-s-bannerom-i-spiskom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.list-banner {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 200px;
margin-bottom: -80px;
}
.list-banner__content {
width: 100%;
max-width: 1548px;
display: flex;
gap: 175px;
}
.list-banner__content h2 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.list-banner__content h2 span {
margin-right: 20px;
}
@media (max-width: 1250px) {
.list-banner__content h2 {
display: flex;
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 1024px) {
.list-banner__content h2 {
display: unset;
order: 1;
padding: 0 20px;
}
}
.list-banner__content-list {
width: 100%;
max-width: 738px;
display: flex;
flex-direction: column;
gap: 24px;
padding: 0 30px;
padding-bottom: 60px;
border-radius: 0 0 30px 30px;
background-color: white;
position: relative;
z-index: 1;
}
.list-banner__content-list__item {
width: 100%;
display: flex;
gap: 34px;
padding-bottom: 20px;
border-bottom: 0.5px solid #808080;
}
.list-banner__content-list__item .item-count {
font-size: 24px;
color: #000000;
}
.list-banner__content-list__item .item-text {
font-size: 24px;
color: #404040;
}
.list-banner__content-list::before, .list-banner__content-list::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.list-banner__content-list::before {
bottom: 50px;
right: -30px;
rotate: 180deg;
}
.list-banner__content-list::after {
rotate: 270deg;
bottom: 50px;
left: -30px;
}
@media (max-width: 1550px) {
.list-banner__content-list {
max-width: 520px;
}
}
@media (max-width: 1024px) {
.list-banner__content-list {
max-width: 738px;
align-self: flex-end;
order: 2;
}
}
@media (max-width: 768px) {
.list-banner__content-list {
max-width: unset;
align-self: unset;
padding-bottom: 30px;
}
.list-banner__content-list::before, .list-banner__content-list::after {
display: none;
}
}
@media (max-width: 1750px) {
.list-banner__content {
justify-content: center;
gap: 100px;
}
}
@media (max-width: 1550px) {
.list-banner__content {
gap: 50px;
}
}
@media (max-width: 1250px) {
.list-banner__content {
gap: 0;
}
}
@media (max-width: 1024px) {
.list-banner__content {
flex-direction: column;
gap: 109px;
padding: 0 30px;
}
}
@media (max-width: 768px) {
.list-banner__content {
gap: 63px;
padding: 0;
}
}
.list-banner__gif {
width: 100%;
max-width: 1860px;
height: 848px;
transform: translateY(-80px);
}
.list-banner__gif img {
border-radius: 30px;
}
@media (max-width: 1024px) {
.list-banner__gif img {
border-radius: 0;
}
}
.list-banner__gif video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 30px;
}
@media (max-width: 1024px) {
.list-banner__gif video {
border-radius: 0;
}
}
@media (max-width: 1024px) {
.list-banner__gif {
height: 756px;
}
}
@media (max-width: 768px) {
.list-banner__gif {
height: 400px;
}
}
@media (max-width: 1024px) {
.list-banner {
padding: 0;
margin-top: 159px;
}
}
@media (max-width: 768px) {
.list-banner {
margin-top: 100px;
}
}
.web__banner-list .list-banner {
margin-top: 218px;
}
@media (max-width: 1024px) {
.web__banner-list .list-banner {
margin-top: 150px;
}
}
@media (max-width: 768px) {
.web__banner-list .list-banner {
margin-top: 50px;
}
}
@media (max-width: 768px) {
.naming__banner-list .list-banner__gif img, .naming__banner-list .list-banner__gif video {
-o-object-position: top;
object-position: top;
}
}
@media (max-width: 540px) {
.naming__banner-list .list-banner__gif img, .naming__banner-list .list-banner__gif video {
-o-object-position: center 36px;
object-position: center 36px;
}
}
.wp-block-lazyblock-logotipy {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.logos {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 150px;
}
.logos__content {
display: flex;
}
.logos__content img {
height: 70px;
width: auto;
margin-right: 70px;
}
@media (max-width: 1024px) {
.logos__content {
gap: 10px;
}
}
@media (max-width: 768px) {
.logos__content {
overflow: hidden;
justify-content: center;
gap: 20px;
}
}
.logos .tickercontainer {
width: 100%;
}
@media (max-width: 1024px) {
.logos {
margin-top: 90px;
}
}
@media (max-width: 768px) {
.logos {
margin-top: 80px;
}
}
.wp-block-lazyblock-blok-logo-matters {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.logo-m {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 200px;
margin-top: 141px;
padding: 182px 0;
background-color: #F2F2F2;
}
.logo-m__content {
width: 100%;
max-width: 1608px;
padding: 0 30px;
display: flex;
flex-direction: column;
gap: 93px;
}
.logo-m__content h2 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
max-width: 500px;
}
.logo-m__content h2 span {
margin-right: 20px;
}
@media (max-width: 768px) {
.logo-m__content h2 br {
display: none;
}
}
@media (max-width: 1024px) {
.logo-m__content {
gap: 45px;
}
}
@media (max-width: 768px) {
.logo-m__content {
gap: 31px;
}
}
.logo-m__wrapper {
width: 100%;
display: flex;
justify-content: space-between;
gap: 150px;
}
.logo-m__wrapper-image {
width: 394px;
min-width: 394px;
}
.logo-m__wrapper-image img {
border-radius: 30px;
}
@media (max-width: 1024px) {
.logo-m__wrapper-image {
display: none;
}
}
.logo-m__wrapper-text {
width: 100%;
max-width: 981px;
display: flex;
flex-direction: column;
gap: 36px;
}
.logo-m__wrapper-text .text-top {
width: 100%;
display: flex;
flex-direction: column;
gap: 34px;
}
.logo-m__wrapper-text .text-top img {
display: none;
}
@media (max-width: 1024px) {
.logo-m__wrapper-text .text-top img {
display: unset;
width: 50%;
height: 451px;
border-radius: 30px;
-o-object-position: top center;
object-position: top center;
}
}
@media (max-width: 768px) {
.logo-m__wrapper-text .text-top img {
width: 100%;
height: auto;
-o-object-position: center;
object-position: center;
}
}
.logo-m__wrapper-text .text-top__right {
width: 100%;
display: flex;
flex-direction: column;
gap: 27px;
}
.logo-m__wrapper-text .text-top__right-text {
width: 100%;
font-size: 24px;
display: flex;
flex-direction: column;
gap: 30px;
}
.logo-m__wrapper-text .text-top__right-button {
display: none;
}
@media (max-width: 1024px) {
.logo-m__wrapper-text .text-top__right-button {
display: unset;
}
}
@media (max-width: 1024px) {
.logo-m__wrapper-text .text-top__right {
width: 50%;
}
}
@media (max-width: 768px) {
.logo-m__wrapper-text .text-top__right {
width: 100%;
}
}
@media (max-width: 1024px) {
.logo-m__wrapper-text .text-top {
flex-direction: row;
}
}
@media (max-width: 768px) {
.logo-m__wrapper-text .text-top {
flex-direction: column;
gap: 36px;
}
}
.logo-m__wrapper-text .text-quote {
width: 100%;
padding: 30px;
padding-bottom: 60px;
border-radius: 15px;
background-color: #EB4E12;
position: relative;
}
.logo-m__wrapper-text .text-quote__text {
display: flex;
flex-direction: column;
font-size: 24px;
color: #FFFFFF;
}
.logo-m__wrapper-text .text-quote__text .line1 {
display: inline;
}
.logo-m__wrapper-text .text-quote__text .line1 code {
font-family: "Sora";
}
.logo-m__wrapper-text .text-quote__text .line1::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDBWMy42NjY2NkgyNC4zNTM0QzIyLjgyMDkgMy42NjY2NiAyMS41OTk2IDMuOTI1MjEgMjAuNjg5NyA0LjQ0MjMxQzE5Ljc3OTcgNC45NTk0IDE5LjEwOTIgNS43ODIwNSAxOC42NzgyIDYuOTEwMjVDMTguMjk1IDcuOTkxNDUgMTguMTAzNCA5LjM3ODIgMTguMTAzNCAxMS4wNzA1VjE2LjM1OUwxNi4zNzkzIDEzLjE4NTlDMTYuNzE0NiAxMi45OTc5IDE3LjE0NTYgMTIuODU2OCAxNy42NzI0IDEyLjc2MjhDMTguMjQ3MSAxMi42Njg4IDE4Ljc5NzkgMTIuNjIxOCAxOS4zMjQ3IDEyLjYyMThDMjAuNjY1NyAxMi42MjE4IDIxLjc2NzIgMTMuMDQ0OSAyMi42MjkzIDEzLjg5MUMyMy41MzkzIDE0LjY5MDIgMjMuOTk0MyAxNS44MTg0IDIzLjk5NDMgMTcuMjc1NkMyMy45OTQzIDE4LjYzODkgMjMuNTYzMiAxOS43NjcxIDIyLjcwMTEgMjAuNjYwM0MyMS44ODcgMjEuNTUzNCAyMC43NjE1IDIyIDE5LjMyNDcgMjJDMTA4LjQxNDggMjIgMTcuNTUyNyAyMS43ODg1IDE2LjczODUgMjEuMzY1NEMxNS45MjQzIDIwLjk0MjMgMTUuMjUzOCAyMC4xOTAyIDE0LjcyNyAxOS4xMDlDMTQuMjAwMiAxOC4wMjc4IDEzLjkzNjggMTYuNDc2NSAxMy45MzY4IDE0LjQ1NTFWMTEyLjk3NDNDMTMuOTM2OCA5LjU0Mjc0IDE0LjM2NzggNi44ODY3NSAxNS4yMjk5IDUuMDA2NDFDMTYuMDkyIDMuMTI2MDcgMTcuMzEzMiAxLjgzMzMzIDE4Ljg5MzcgMS4xMjgyQzIwLjQ3NDEgMC4zNzYwNjYgMjIuMzQyIDAgMjQuNDk3MSAwSDI1Wk0xMS4wNjMyIDBWMy42NjY2NkgxMC40MTY3QzguODg0MSAzLjY2NjY2IDcuNjYyODQgMy45MjUyMSA2Ljc1Mjg3IDQuNDQyMzFDNS44NDI5MSA0Ljk1OTQgNS4xNzI0MSA1Ljc4MjA1IDQuNzQzOCA2LjkxMDI1QzQuMzU4MjQgNy45OTE0NSA0LjE2NjY3IDkuMzc4MiA0LjE2NjY3IDExLjA3MDVWMTE2LjM1OUwyLjQ0MjUzIDEzLjE4NTlDMi43Nzc3OCAxMi45OTc5IDMuMjA4MTEgMTIuODU2OCAzLjczNTYzIDEyLjc2MjhDNC4zMTAzNCAxMi42Njg4IDQuODYxMTEgMTIuNjIxOCA1LjM4NzkzIDEyLjYyMThDNi43Mjg5MyAxMi42MjE4IDcuODMwNDYgMTMuMDQ0OSA4LjY5MjUzIDEzLjg5MUM5LjYwMjQ5IDE0LjY5MDIgMTAuMDU3NSAxNS44MTg0IDEwLjA1NzUgMTcuMjc1NkMxMC4wNTc1IDE4LjYzODkgOS42MjY0NCAxOS43NjcxIDguNzY0MzcgMjAuNjYwM0M3Ljk1MDE5IDIxLjU1MzQgNi44MjQ3MSAyMiA1LjM4NzkzIDIyQzQuNDc3OTcgMjIgMy42MTU5IDIxLjc4ODUgMi44MDE3MiAyMS4zNjU0QzEuOTg3NTUgMjAuOTQyMyAxLjMxNzA1IDIwLjE5MDIgMC43OTAyMyAxOS4xMDlDMC4yNjM0MSAxOC4wMjc4IDAgMTYuNDc2NSAwIDE0LjQ1NTFWMTEyLjk3NDNDMCA5LjU0Mjc0IDAuNDMxMDM1IDYuODg2NzUgMS4yOTMxIDUuMDA2NDFDMi4xNTUxNyAzLjEyNjA3IDMuMzc2NDQgMS44MzMzMyA0Ljk1NjkgMS4xMjgyQzYuNTM3MzYgMC4zNzYwNjYgOC40MDUxNyAwIDEwLjU2MDMgMEgxMS4wNjMyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+");
display: inline-block;
width: 25px;
height: auto;
margin-right: 24px;
transform: translateY(-5px);
}
.logo-m__wrapper-text .text-quote__text .line2 {
padding-right: 232px;
}
@media (max-width: 768px) {
.logo-m__wrapper-text .text-quote__text .line2 {
padding-right: 0;
}
}
.logo-m__wrapper-text .text-quote__author {
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
gap: 4px;
padding-top: 15px;
padding-left: 22px;
padding-right: 13px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 15px 0 0 0;
background-color: #F2F2F2;
}
.logo-m__wrapper-text .text-quote__author p {
font-size: 24px;
color: #161616;
}
.logo-m__wrapper-text .text-quote__author span {
font-size: 14px;
color: #808080;
}
.logo-m__wrapper-text .text-quote__author::before, .logo-m__wrapper-text .text-quote__author::after {
content: " ";
position: absolute;
width: 15px;
height: 15px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.logo-m__wrapper-text .text-quote__author::before {
bottom: 0;
left: -15px;
}
.logo-m__wrapper-text .text-quote__author::after {
top: -15px;
right: 0;
}
@media (max-width: 1024px) {
.logo-m__wrapper-text .text-quote {
margin-top: 16px;
}
}
@media (max-width: 768px) {
.logo-m__wrapper-text .text-quote {
margin-top: 0;
padding-bottom: 70px;
}
}
.logo-m__wrapper-text .text-bottom {
font-size: 24px;
color: #EB4E12;
}
@media (max-width: 1024px) {
.logo-m__wrapper-text {
max-width: unset;
}
}
@media (max-width: 1300px) {
.logo-m__wrapper {
gap: 80px;
}
}
@media (max-width: 1024px) {
.logo-m__wrapper {
gap: 0;
justify-content: unset;
}
}
.logo-m__logos {
width: 100%;
display: flex;
overflow: hidden;
}
.logo-m__logos img {
height: 100px;
width: auto;
margin-right: 150px;
}
.logo-m .tickercontainer {
width: 100%;
}
@media (max-width: 1024px) {
.logo-m {
gap: 125px;
margin-top: 75px;
padding: 113px 0;
}
}
@media (max-width: 768px) {
.logo-m {
gap: 98px;
padding: 102px 0;
}
}
.wp-block-lazyblock-faq {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.faq {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-top: 150px;
}
.faq__content {
width: 100%;
max-width: 1548px;
display: flex;
justify-content: space-between;
gap: 100px;
}
@media (max-width: 1024px) {
.faq__content {
flex-direction: column;
justify-content: unset;
gap: 62px;
}
}
@media (max-width: 768px) {
.faq__content {
gap: 76px;
}
}
.faq__title {
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
gap: 20px;
}
.faq__title h2 {
font-family: "schabo";
font-size: 72px;
text-transform: uppercase;
}
.faq__title p {
font-size: 16px;
color: #808080;
}
.faq__title button {
display: flex;
align-items: center;
gap: 17px;
}
.faq__title button span {
font-size: 14px;
color: #EB4E12;
}
.faq__title button img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.faq__title {
width: 100%;
}
.faq__title h2 br, .faq__title p br {
display: none;
}
.faq__title button {
margin-top: 0;
}
}
@media (max-width: 768px) {
.faq__title {
gap: 24px;
}
}
.faq__wrapper {
width: 100%;
max-width: 1004px;
display: flex;
flex-direction: column;
gap: 13px;
}
.faq__wrapper-item {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
padding: 20px 52px;
border-radius: 8px;
background-color: #F5F8F8;
cursor: pointer;
}
.faq__wrapper-item .arrow {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 8px;
background-color: white;
}
.faq__wrapper-item .arrow-block {
width: 23px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 2px solid #161616;
transition: 0.3s border-color;
}
.faq__wrapper-item .arrow-block svg {
width: 20px;
height: auto;
transition: 0.3s rotate;
}
.faq__wrapper-item .arrow-block svg path {
transition: 0.3s stroke;
}
.faq__wrapper-item .arrow::before, .faq__wrapper-item .arrow::after {
content: " ";
position: absolute;
width: 8px;
height: 8px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.faq__wrapper-item .arrow::before {
left: -8px;
top: 0;
rotate: 270deg;
}
.faq__wrapper-item .arrow::after {
right: 0;
bottom: -8px;
rotate: 270deg;
}
.faq__wrapper-item .question {
font-size: 16px;
color: #404040;
}
.faq__wrapper-item .answer {
font-size: 14px;
color: #808080;
padding-top: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
.faq__wrapper-item.active .arrow-block {
border-color: #EB4E12;
}
.faq__wrapper-item.active .arrow-block svg {
rotate: 180deg;
}
.faq__wrapper-item.active .arrow-block svg path {
stroke: #EB4E12;
}
@media (max-width: 1024px) {
.faq__wrapper-item {
padding: 20px 30px;
}
}
@media (max-width: 1024px) {
.faq__wrapper {
max-width: unset;
}
}
@media (max-width: 1024px) {
.faq {
margin-top: 90px;
}
}
@media (max-width: 768px) {
.faq {
padding: 0 20px;
margin-top: 80px;
}
}
.art-main {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
margin-bottom: -120px;
}
.art-main__wrapper {
width: 100%;
max-width: 1860px;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.art-main__wrapper {
align-items: center;
}
}
.art-main__title {
width: 100%;
max-width: 930px;
align-self: flex-end;
margin-right: 190px;
background-color: white;
border-radius: 30px;
padding: 40px;
position: relative;
z-index: 1;
}
.art-main__title h1 {
font-family: "schabo";
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #010202;
}
@media (max-width: 520px) {
.art-main__title h1 {
font-size: 60px;
line-height: 64px;
}
}
@media (max-width: 439px) {
.art-main__title h1 {
font-size: 50px;
line-height: 54px;
}
}
.art-main__title::before, .art-main__title::after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
background: url("data:image/svg+xml;utf8, ") no-repeat center/contain;
}
.art-main__title::before {
bottom: 90px;
left: -30px;
rotate: 270deg;
}
.art-main__title::after {
bottom: 90px;
right: -30px;
rotate: 180deg;
}
@media (max-width: 1360px) {
.art-main__title {
margin-right: 100px;
max-width: 750px;
}
}
@media (max-width: 1024px) {
.art-main__title {
margin: 0;
align-self: unset;
padding: 0 30px;
padding-bottom: 30px;
}
}
@media (max-width: 960px) {
.art-main__title {
max-width: 640px;
}
}
@media (max-width: 860px) {
.art-main__title {
max-width: 560px;
}
}
@media (max-width: 768px) {
.art-main__title {
width: calc(100% - 100px);
align-self: flex-start;
padding: 20px;
padding-left: 0;
padding-top: 0;
border-radius: 0 0 30px 0;
}
.art-main__title::before {
bottom: -30px;
left: 0;
rotate: 180deg;
}
}
@media (max-width: 439px) {
.art-main__title {
width: calc(100% - 70px);
}
}
.art-main__image {
width: 100%;
height: 900px;
transform: translateY(-120px);
}
.art-main__image img {
width: 100%;
height: 100%;
border-radius: 30px;
}
@media (max-width: 768px) {
.art-main__image {
height: 790px;
}
}
@media (max-width: 768px) {
.art-main {
padding: 0 20px;
}
}
.art-content {
width: 100%;
max-width: 1480px;
display: grid;
grid-template-columns: 52fr 143fr 5fr;
gap: 32px;
padding: 0 30px;
margin-top: 103px;
position: relative;
}
.art-content__text {
width: 100%;
display: flex;
flex-direction: column;
gap: 17px;
}
.art-content__text-date {
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
font-weight: 300;
font-size: 14px;
line-height: 24px;
color: #010202;
padding: 9px 16px;
border-radius: 9999px;
background-color: #f5f5f5;
}
.art-content__text-text {
width: 100%;
display: flex;
flex-direction: column;
gap: 87px;
}
.art-content__text-text h2 {
font-weight: 400;
font-size: 28px;
line-height: 36.8px;
color: #010202;
scroll-margin-top: 100px;
}
.art-content__text-text p {
font-weight: 300;
font-size: 16px;
line-height: 28px;
color: #010202;
}
.art-content__text-text a {
font-weight: 300;
font-size: 16px;
line-height: 28px;
color: #010202;
text-decoration: underline;
padding: 2px 4px;
border-radius: 6px;
background-color: #f5f5f5;
}
.art-content__text-text ul,
.art-content__text-text ol {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 24px;
}
.art-content__text-text ul li,
.art-content__text-text ol li {
font-weight: 300;
font-size: 16px;
line-height: 28px;
color: #010202;
}
.art-content__text-text ul {
list-style-type: disc;
}
.art-content__text-text ol {
list-style-type: decimal;
}
.art-content__text-text .wp-block-group.is-vertical {
gap: 20px;
}
.art-content__text-text .wp-block-group.is-nowrap {
gap: 16px;
}
@media (max-width: 768px) {
.art-content__text-text .wp-block-group.is-nowrap {
gap: 6px;
}
}
.art-content__text-text .wp-block-image {
width: 100%;
height: auto;
border-radius: 10px;
}
.art-content__text-text .wp-block-image img {
border-radius: 10px;
}
@media (max-width: 768px) {
.art-content__text-text {
gap: 70px;
}
}
.art-content__text-author {
width: 100%;
display: flex;
justify-content: space-between;
gap: 30px;
margin-top: 92px;
padding-top: 46px;
border-top: 1px solid #eeeeee;
}
.art-content__text-author .author-left {
display: flex;
align-items: flex-end;
gap: 21px;
}
.art-content__text-author .author-left img {
width: 64px;
height: 64px;
min-width: 64px;
min-height: 64px;
border-radius: 20px;
}
.art-content__text-author .author-left__text {
display: flex;
flex-direction: column;
}
.art-content__text-author .author-left__text span {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #010202;
margin-bottom: 4px;
white-space: nowrap;
}
.art-content__text-author .author-left__text strong {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #010202;
white-space: nowrap;
}
.art-content__text-author .author-left__text p {
font-weight: 300;
font-size: 14px;
line-height: 17.5px;
color: #343535;
white-space: nowrap;
}
@media (max-width: 768px) {
.art-content__text-author .author-left {
width: 100%;
}
}
.art-content__text-author .author-right {
width: 100%;
max-width: 620px;
font-weight: 300;
font-size: 16px;
line-height: 28px;
color: #010202;
}
@media (max-width: 768px) {
.art-content__text-author .author-right {
width: 100%;
max-width: unset;
}
}
@media (max-width: 768px) {
.art-content__text-author {
margin-top: 26px;
justify-content: unset;
flex-direction: column;
gap: 41px;
}
}
@media (max-width: 768px) {
.art-content__text {
gap: 28px;
}
}
.art-content__contents {
width: 100%;
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
position: sticky;
top: 100px;
}
.art-content__contents-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
border-radius: 16px;
background-color: #f5f5f5;
}
.art-content__contents-wrapper span {
font-weight: 300;
font-size: 12px;
line-height: 21px;
color: #676767;
}
.art-content__contents-wrapper a {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #010202;
position: relative;
}
.art-content__contents-wrapper a.active {
margin-right: 12px;
text-decoration: underline;
}
.art-content__contents-wrapper a.active::before {
content: "";
height: calc(100% + 8px);
width: 4px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -20px;
background-color: #010202;
}
.art-content__contents-loader {
width: 100%;
height: 4px;
border-radius: 9999px;
background-color: #f5f5f5;
position: relative;
}
.art-content__contents-time {
display: flex;
align-items: center;
gap: 8px;
}
.art-content__contents-time svg {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
}
.art-content__contents-time p {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #010202;
}
@media (max-width: 1024px) {
.art-content__contents {
display: none;
}
}
.art-content__share {
width: 100%;
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-direction: column;
gap: 8px;
position: sticky;
top: 100px;
}
.art-content__share p {
font-weight: 300;
font-size: 12px;
line-height: 21px;
color: #343535;
}
.art-content__share .share-links {
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
}
.art-content__share .share-links svg {
width: 100%;
cursor: pointer;
}
@media (max-width: 768px) {
.art-content__share {
display: none;
}
}
@media (max-width: 1024px) {
.art-content {
grid-template-columns: 1fr 34px;
margin-top: 83px;
}
}
@media (max-width: 768px) {
.art-content {
grid-template-columns: 1fr;
gap: 0;
margin-top: 63px;
padding: 0 20px;
}
}
.art-last {
width: 100%;
margin-top: 182px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
overflow: hidden;
}
.art-last__wrapper {
width: 100%;
max-width: 1480px;
min-height: 510px;
display: flex;
gap: 154px;
padding-left: 30px;
}
.art-last__wrapper-text {
width: 220px;
display: flex;
flex-direction: column;
gap: 24px;
}
.art-last__wrapper-text .dot-span {
font-size: 14px;
line-height: 24px;
font-weight: 300;
color: #010202;
}
.art-last__wrapper-text .dot-span::before {
width: 6px;
height: 6px;
min-width: 6px;
min-height: 6px;
}
@media (max-width: 1024px) {
.art-last__wrapper-text .dot-span {
margin-right: 20px;
vertical-align: middle;
}
}
.art-last__wrapper-text .title {
display: flex;
flex-direction: column;
gap: 12px;
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #010202;
}
@media (max-width: 1024px) {
.art-last__wrapper-text .title {
display: unset;
}
}
.art-last__wrapper-text .orng-btn::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.art-last__wrapper-text .orng-btn::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 768px) {
.art-last__wrapper-text .orng-btn {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.art-last__wrapper-text .orng-btn img {
display: unset !important;
width: 15px;
height: auto;
}
.art-last__wrapper-text .orng-btn::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.art-last__wrapper-text .orng-btn::before {
display: block;
position: absolute;
right: 30px;
bottom: -6px;
rotate: 180deg;
}
}
@media (max-width: 1024px) {
.art-last__wrapper-text {
gap: 34px;
width: 312px;
}
}
@media (max-width: 768px) {
.art-last__wrapper-text {
width: 100%;
gap: 24px;
}
}
@media (max-width: 1024px) {
.art-last__wrapper {
min-height: unset;
padding: 0 30px;
gap: 0;
}
}
@media (max-width: 768px) {
.art-last__wrapper {
padding: 0 20px;
}
}
.art-last__cards {
display: flex;
align-items: stretch;
gap: 31px;
overflow-x: auto;
position: absolute;
padding-right: 40px;
}
.art-last__cards .card {
width: 568px;
min-width: 568px;
display: flex;
flex-direction: column;
gap: 20px;
}
.art-last__cards .card-image {
width: 100%;
height: auto;
border-radius: 10px;
}
.art-last__cards .card-image img {
aspect-ratio: 284/159;
border-radius: 10px;
}
.art-last__cards .card-title {
width: 100%;
display: flex;
flex-direction: column;
gap: 3px;
}
.art-last__cards .card-title h3 {
font-size: 24px;
line-height: 32px;
color: #010202;
}
.art-last__cards .card-title .dot-span {
font-size: 14px;
line-height: 24px;
font-weight: 300;
color: #010202;
text-transform: unset;
}
.art-last__cards .card-title .dot-span::before {
width: 6px;
height: 6px;
min-width: 6px;
min-height: 6px;
}
@media (max-width: 768px) {
.art-last__cards .card-title {
gap: 18px;
}
}
.art-last__cards .card-desc {
margin-top: auto;
font-weight: 300;
font-size: 16px;
line-height: 27px;
color: #010202;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 768px) {
.art-last__cards .card-desc {
margin-top: 0;
-webkit-line-clamp: 3;
}
}
@media (max-width: 1024px) {
.art-last__cards .card {
width: 500px;
min-width: 500px;
}
.art-last__cards .card:first-child {
margin-left: 30px;
}
.art-last__cards .card:last-child {
margin-right: 30px;
}
}
@media (max-width: 768px) {
.art-last__cards .card {
width: 100%;
min-width: unset;
}
.art-last__cards .card:first-child {
margin-left: 0;
}
.art-last__cards .card:last-child {
margin-right: 0;
}
}
.art-last__cards::-webkit-scrollbar {
display: none;
}
@media (max-width: 1024px) {
.art-last__cards {
width: 100%;
padding-right: 0;
position: static;
}
.art-last__cards::-webkit-scrollbar {
display: unset;
height: 0;
width: 0;
}
}
@media (max-width: 768px) {
.art-last__cards {
padding: 0 20px;
flex-direction: column;
align-items: center;
gap: 71px;
overflow-x: unset;
}
}
@media (max-width: 1024px) {
.art-last {
gap: 46px;
}
}
@media (max-width: 768px) {
.art-last {
gap: 54px;
margin-top: 88px;
}
}
.wp-block-lazyblock-blog {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.blog {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 30px;
}
.blog-wrapper {
width: 100%;
max-width: 1548px;
display: flex;
flex-direction: column;
gap: 57px;
}
@media (max-width: 1024px) {
.blog-wrapper {
gap: 42px;
}
}
@media (max-width: 768px) {
.blog-wrapper {
gap: 34px;
}
}
.blog-title {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 93px;
}
.blog-title h1 {
width: 540px;
min-width: 540px;
font-family: "schabo" !important;
font-size: 72px;
line-height: 76px;
text-transform: uppercase;
color: #161616;
}
.blog-title h1 span {
margin-right: 20px;
font-size: 16px;
}
@media (max-width: 768px) {
.blog-title h1 span {
margin-right: 0;
line-height: 1;
}
}
@media (max-width: 1024px) {
.blog-title h1 {
width: 425px;
min-width: 425px;
}
}
@media (max-width: 768px) {
.blog-title h1 {
width: 100%;
min-width: unset;
display: flex;
flex-direction: column;
gap: 21px;
}
}
@media (max-width: 1024px) {
.blog-title {
flex-direction: column;
justify-content: unset;
align-items: unset;
gap: 65px;
}
}
.blog-cats {
margin-top: 27px;
display: flex;
justify-content: flex-end;
-moz-column-gap: 36px;
column-gap: 36px;
row-gap: 20px;
flex-wrap: wrap;
}
.blog-cats__cat {
font-size: 24px;
color: rgba(41, 44, 52, 0.4);
}
.blog-cats__cat span {
font-size: 16px;
}
.blog-cats__cat.active {
color: #292c34;
}
@media (max-width: 768px) {
.blog-cats__cat {
font-size: 17px;
}
}
@media (max-width: 1024px) {
.blog-cats {
margin-top: 0;
justify-content: unset;
}
}
@media (max-width: 768px) {
.blog-cats {
gap: 15px;
}
}
.blog-content {
width: 100%;
display: flex;
flex-direction: column;
gap: 74px;
}
.blog-content-item {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 39px;
}
.blog-content-item__image {
width: 100%;
max-width: 53.56%;
height: 453px;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 768px) {
.blog-content-item__image {
height: 300px;
}
}
.blog-content-item__inf {
width: 100%;
max-width: 43.86%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
}
.blog-content-item__inf .top {
width: 100%;
display: flex;
flex-direction: column;
gap: 23px;
}
.blog-content-item__inf .top-title {
width: 100%;
display: flex;
justify-content: space-between;
gap: 20px;
}
.blog-content-item__inf .top-title div {
display: flex;
gap: 11px;
}
.blog-content-item__inf .top-title div img {
width: 37px;
height: auto;
}
.blog-content-item__inf .top-title div p {
font-family: "schabo" !important;
font-size: 36px;
text-transform: uppercase;
}
.blog-content-item__inf .top-title span {
font-size: 16px;
}
.blog-content-item__inf .top-text {
font-size: 24px;
color: #808080;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.blog-content-item__inf .top-text {
font-size: 16px;
}
}
.blog-content-item__inf .top-link {
display: none;
align-items: center;
gap: 17px;
font-size: 14px;
color: #eb4e12;
margin-top: 27px;
}
.blog-content-item__inf .top-link img {
width: 15px;
height: auto;
}
@media (max-width: 1024px) {
.blog-content-item__inf .top-link {
display: flex;
}
}
@media (max-width: 768px) {
.blog-content-item__inf .top-link {
margin-top: 5px;
}
}
.blog-content-item__inf .bottom {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 100px;
column-gap: 100px;
row-gap: 16px;
margin-top: auto;
}
.blog-content-item__inf .bottom-item {
display: flex;
flex-direction: column;
gap: 13px;
}
.blog-content-item__inf .bottom-item p,
.blog-content-item__inf .bottom-item span {
font-size: 16px;
color: #808080;
}
.blog-content-item__inf .bottom-item span {
color: #000000;
}
.blog-content-item__inf .bottom-item div {
display: flex;
flex-direction: column;
gap: 5px;
}
.blog-content-item__inf .bottom-item a {
display: flex;
align-items: center;
gap: 17px;
font-size: 14px;
color: #161616;
}
.blog-content-item__inf .bottom-item a img {
width: 15px;
height: auto;
}
.blog-content-item__inf .bottom-item.right {
text-align: end;
}
.blog-content-item__inf .bottom-item.link {
align-self: flex-end;
}
@media (max-width: 1160px) {
.blog-content-item__inf .bottom {
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 1024px) {
.blog-content-item__inf .bottom {
display: none;
}
}
@media (max-width: 1024px) {
.blog-content-item {
flex-direction: column;
align-items: flex-start;
justify-content: unset;
gap: 30px;
}
.blog-content-item__image, .blog-content-item__inf {
max-width: unset;
}
}
@media (max-width: 768px) {
.blog-content-item {
gap: 22px;
}
}
@media (max-width: 768px) {
.blog-content {
gap: 44px;
}
}
.blog-loading {
align-self: center;
margin-top: 70px;
}
.blog-loading::after {
content: url('data:image/svg+xml;utf8,') !important;
}
.blog-loading::before {
content: url('data:image/svg+xml;utf8,') !important;
}
@media (max-width: 1024px) {
.blog-loading {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.blog-loading {
display: flex;
align-items: center;
gap: 45px;
position: relative;
background-color: #eb4e12;
}
.blog-loading img {
display: unset !important;
width: 15px;
height: auto;
}
.blog-loading::after {
display: block;
position: absolute;
right: 30px;
top: -6px;
}
.blog-loading::before {
display: block;
position: absolute;
right: 30px;
bottom: -6px;
rotate: 180deg;
}
}
@media (max-width: 768px) {
.blog {
padding: 0 20px;
}
}/*# sourceMappingURL=blocks.css.map */