@charset "UTF-8";

@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraLight.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Light.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraBold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Thin.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Thin.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Regular.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Bold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-SemiBold.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Black.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Geologica Roman";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Medium.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/GeologicaRoman-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Normalidad Wide Black";
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad Wide-Black-Web.eot);
src: url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad Wide-Black-Web.eot#iefix) format("embedded-opentype"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad Wide-Black-Web.woff2) format("woff2"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad Wide-Black-Web.woff) format("woff"), url(//kitkot.ru/wp-content/themes/kitkot/fonts/Normalidad Wide-Black-Web.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} *,
*::before,
*::after {
box-sizing: border-box;
} ul,
ol {
padding: 0;
} body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
} body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
} ul,
ol {
list-style: none;
}
a {
text-decoration: none;
} img {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font: inherit;
} a,
span {
font-weight: inherit;
font-size: inherit;
font: inherit;
} button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
}
*, html, body {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
font-style: normal;
line-height: 140%;
color: #1F2730;
scroll-behavior: smooth;
}
body {
background: #FFFFFF;
overflow-x: hidden;
}
html {
font-size: 10px;
}
.page {
min-height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
main {
flex: 1 0;
}
a, button, [role=button] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.container {
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 1500px) {
.container {
max-width: 1240px;
}
}
@media (max-width: 1280px) {
.container {
max-width: 940px;
}
}
@media (max-width: 1000px) {
.container {
max-width: 100%;
padding: 0 20px;
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
p {
font: inherit;
color: inherit;
}
p + p {
margin-top: 20px;
}
svg {
width: 100%;
height: 100%;
color: inherit;
}
svg path {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
svg path {
transition: 0s !important;
}
}
.phone {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.phone {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.phone {
font-size: 16px;
}
}
.phone {
transition: 0.2s ease;
}
.phone:hover, .phone:active, .phone:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.phone {
transition: 0s !important;
}
}
.content-block {
margin: 120px 0;
}
@media (max-width: 1280px) {
.content-block {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.content-block {
margin: 60px 0;
}
}
.content-block .container {
position: relative;
}
.content-block--dark {
padding: 120px 0;
}
@media (max-width: 1500px) {
.content-block--dark {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.content-block--dark {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.content-block--dark {
padding: 60px 0;
}
}
.content-block--dark {
margin-bottom: 0 !important;
background: #1F2730;
color: #FFFFFF;
}
.content-block--dark .content-block__wrapper {
color: #FFFFFF !important;
}
.content-block--dark h1, .content-block--dark h2, .content-block--dark h3, .content-block--dark h4, .content-block--dark h5 {
color: #FFFFFF;
}
.content-block--dark a {
color: #FFFFFF;
}
.content-block--dark a:hover, .content-block--dark a:active, .content-block--dark a:focus-visible {
color: #F53636;
}
.content-block--dark p, .content-block--dark span, .content-block--dark strong, .content-block--dark em, .content-block--dark i, .content-block--dark b, .content-block--dark u, .content-block--dark s, .content-block--dark small, .content-block--dark cite, .content-block--dark code, .content-block--dark kbd, .content-block--dark samp, .content-block--dark var, .content-block--dark mark, .content-block--dark time, .content-block--dark address, .content-block--dark big, .content-block--dark del, .content-block--dark ins, .content-block--dark sub, .content-block--dark sup {
color: #FFFFFF;
}
.content-block--dark ul li, .content-block--dark ol li {
color: #FFFFFF;
}
.content-block .container {
position: relative;
}
.content-block__video {
width: 100%;
}
.content-block__slider {
width: 100%;
position: relative;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.content-block__slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__slider {
margin-bottom: 30px;
}
.content-block__slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content-block__slider .swiper-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__gallery {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 30px;
}
@media (max-width: 1000px) {
.content-block__gallery {
gap: 20px;
}
}
.content-block__gallery > div {
flex: 1 0;
}
.content-block__gallery > div img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1000px) {
.content-block__gallery > div {
flex: 1 0 100%;
}
}
.content-block__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.content-block__grid {
gap: 20px;
}
}
@media (max-width: 1000px) {
.content-block__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 480px) {
.content-block__grid {
grid-template-columns: 1fr;
}
}
.content-block__grid-item > div.grid-image {
display: block;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.content-block__grid-item > div.grid-image > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content-block__grid-desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.content-block__grid-desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.content-block__grid-desc {
font-size: 12px;
}
}
.content-block__grid-desc {
margin-top: 12px;
}
.content-block__wrapper--photo {
margin-top: 30px;
}
.content-block__logo {
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1000px) {
.content-block__logo {
position: static;
margin-top: 40px;
max-width: 200px;
}
}
.content ol:not([class]), .content ul:not([class]) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin: 40px 0;
}
@media (max-width: 1280px) {
.content ol:not([class]), .content ul:not([class]) {
gap: 20px;
}
}
@media (max-width: 480px) {
.content ol:not([class]), .content ul:not([class]) {
grid-template-columns: 1fr;
}
}
.content ol:not([class]) li, .content ul:not([class]) li {
color: inherit;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content ol:not([class]) li p, .content ul:not([class]) li p {
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul, .content ul:not([class]) li ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul li:not(:last-child), .content ul:not([class]) li ul li:not(:last-child) {
margin-bottom: 12px;
}
.content ol:not([class]) li ul li, .content ul:not([class]) li ul li {
font: inherit;
color: inherit;
}
.content ol:not([class]) li ul.numbered-list, .content ul:not([class]) li ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content ol:not([class]) li, .content ul:not([class]) li {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li, .content ul:not([class]) li {
font-size: 14px;
}
}
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
font-size: 24px;
}
}
.content ol:not([class]) li h2, .content ul:not([class]) li h2 {
margin-bottom: 20px;
}
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
font-size: 18px;
}
}
.content ol:not([class]) li h3, .content ul:not([class]) li h3 {
margin-bottom: 20px;
}
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
font-size: 16px;
}
}
.content ol:not([class]) li h4, .content ul:not([class]) li h4 {
margin-bottom: 20px;
}
.content ol:not([class]) li, .content ul:not([class]) li {
margin-bottom: 0 !important;
}
.content ol:not([class]) {
counter-reset: list-number;
}
.content ol:not([class]) li:not([class])::before {
counter-increment: list-number;
content: "0" counter(list-number);
display: block;
margin-bottom: 10px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.content ol:not([class]) li:not([class])::before {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content ol:not([class]) li:not([class])::before {
font-size: 14px;
}
}
.content ol:not([class]) li:not([class]):nth-child(n+10):before {
content: counter(list-number);
}
.content ul:last-child, .content ol:last-child {
margin-bottom: 0;
}
.content.default-list ul, .content.default-list ol {
grid-template-columns: 1fr;
}
.content.default-list ul li, .content.default-list ol li {
display: flex;
gap: 2rem;
}
.content h1 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.content h1 {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.content h1 {
font-size: 32px;
}
}
.content h1 {
margin-top: 60px;
color: inherit;
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-top: 50px;
color: inherit;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h3 {
margin-top: 40px;
color: inherit;
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h4 {
margin-top: 30px;
color: inherit;
}
.content h5 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h5 {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content h5 {
font-size: 14px;
}
}
.content h5 {
margin-top: 20px;
color: inherit;
}
.content {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
color: inherit;
}
.content strong {
font: inherit;
color: inherit;
font-weight: 700;
display: inline-block;
}
@media (max-width: 1280px) {
.content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content {
font-size: 14px;
}
}
.content p {
font: inherit;
color: inherit;
}
.content p + p {
margin-top: 20px;
}
@media (max-width: 1280px) {
.content p + p {
margin-top: 16px;
}
}
@media (max-width: 1000px) {
.content p + p {
margin-top: 14px;
}
}
.content a {
font: inherit;
font-weight: 300;
transition: 0.2s ease;
text-decoration: underline;
}
.content a:hover, .content a:active, .content a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.content a {
transition: 0s !important;
}
}
.content *:first-child {
margin-top: 0 !important;
}
.block-2-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.block-2-col {
gap: 20px;
}
}
@media (max-width: 1000px) {
.block-2-col {
grid-template-columns: 1fr;
}
}
.block-2-col img {
width: 100%;
}
.block-2-col__photo {
width: 100%;
margin-bottom: 30px;
}
.block-2-col__photo img {
width: 100%;
}
.fslightbox-slide-number-container {
color: #FFFFFF !important;
}
.fslightbox-slide-number-container span, .fslightbox-slide-number-container div {
color: #FFFFFF !important;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #FFFFFF;
padding: 20px 0;
z-index: 10;
}
.header--landing::before {
transition: 0 !important;
}
.header--landing .header__wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1000px) {
.header--landing .header__wrapper {
align-items: center;
}
}
.header--landing .header__burger {
display: none;
}
@media (max-width: 1000px) {
.header--landing .header__burger {
display: block;
}
}
.header--landing .header__main {
display: flex;
justify-content: flex-end;
gap: 100px;
grid-column: unset;
flex: 1 0;
}
@media (max-width: 1000px) {
.header--landing .header__main {
gap: 40px;
}
}
@media (max-width: 640px) {
.header--landing .header__main {
gap: 30px;
}
}
@media (max-width: 1280px) {
.header {
padding: 20px 0 18px;
}
}
.header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1F2730;
opacity: 0;
z-index: 0;
}
.header__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.header__wrapper {
gap: 20px;
}
}
.header__wrapper {
align-items: start;
}
@media (max-width: 1000px) {
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.header__logo {
max-width: 165px;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header__logo {
position: relative;
z-index: 12;
}
.header__logo .logo-white {
display: none;
}
.header__logo {
grid-column: 1/5;
}
@media (max-width: 1280px) {
.header__logo {
max-width: 140px;
}
}
@media (max-width: 480px) {
.header__logo {
max-width: 126px;
}
}
.header__main {
display: flex;
align-items: center;
justify-content: space-between;
grid-column: 5/13;
}
@media (max-width: 1000px) {
.header__main {
gap: 40px;
}
}
@media (max-width: 480px) {
.header__main {
gap: 30px;
}
}
@media (max-width: 1280px) {
.header__nav {
margin-right: 40px;
}
}
@media (max-width: 1000px) {
.header__nav {
display: none;
}
}
.header__nav-list {
display: flex;
align-items: center;
gap: 60px;
}
.header__nav-list li a {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.header__nav-list li a:hover, .header__nav-list li a:active, .header__nav-list li a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.header__nav-list li a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.header__nav-list li a {
transition: 0s !important;
}
}
.header__nav-list li a {
line-height: 100%;
height: 100%;
color: #000000;
}
@media (max-width: 1280px) {
.header__nav-list {
gap: 40px;
}
}
.header__callback {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.header__callback:hover, .header__callback:active, .header__callback:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.header__callback {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.header__callback {
transition: 0s !important;
}
}
.header__callback {
line-height: 100%;
color: #000000;
position: relative;
z-index: 12;
}
.header__callback:hover, .header__callback:active, .header__callback:focus-visible {
color: #F53636 !important;
}
@media (max-width: 420px) {
.header__callback {
display: none;
}
}
.header__burger {
position: relative;
width: 46px;
height: 12px;
position: relative;
z-index: 12;
}
.header__burger::before, .header__burger::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #000000;
transition: 0.2s ease;
}
.header__burger::before {
top: 0;
}
.header__burger::after {
bottom: 0;
}
.header__burger:hover::before, .header__burger:hover::after, .header__burger:active::before, .header__burger:active::after, .header__burger:focus-visible::before, .header__burger:focus-visible::after {
background: #F53636;
}
.header.active::before {
opacity: 1;
z-index: 12;
}
.header.active .header__logo .logo-black {
display: none;
}
.header.active .header__logo .logo-white {
display: block;
}
.header.active .header__callback {
color: #FFFFFF;
}
.header.active .header__burger::before, .header.active .header__burger::after {
background: #FFFFFF;
}
.header.active .header__burger::before {
transform: rotate(45deg);
top: 5px;
}
.header.active .header__burger::after {
transform: rotate(-45deg);
bottom: 5px;
}
.hero {
margin: 90px 0;
}
.hero + .services {
margin-top: 120px;
}
@media (max-width: 1000px) {
.hero + .services {
margin-top: 60px;
}
}
@media (max-width: 1280px) {
.hero {
margin: 60px 0;
}
}
@media (max-width: 480px) {
.hero {
margin: 45px 0;
}
}
.hero__wrapper {
position: relative;
}
.hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.hero__title {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 480px) {
.hero__title {
font-size: 32px;
}
}
.hero__title {
margin-bottom: 50px;
font-size: 64px;
}
@media (max-width: 1500px) {
.hero__title {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.hero__title {
margin-bottom: 32px;
}
}
@media (max-width: 480px) {
.hero__title {
margin-bottom: 24px;
font-size: 26px;
}
}
.hero__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.hero__suptitle {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.hero__suptitle {
font-size: 18px;
}
}
.hero__suptitle {
max-width: 950px;
}
@media (max-width: 1500px) {
.hero__suptitle {
max-width: 75%;
}
}
@media (max-width: 1280px) {
.hero__suptitle {
max-width: 70%;
}
}
@media (max-width: 1000px) {
.hero__suptitle {
max-width: 80%;
}
}
@media (max-width: 480px) {
.hero__suptitle {
max-width: 100%;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.hero__suptitle {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.hero__suptitle {
font-size: 18px;
}
}
.hero__controls {
margin-top: 70px;
display: flex;
align-items: center;
gap: 100px;
}
@media (max-width: 1500px) {
.hero__controls {
gap: 80px;
margin-top: 80px;
}
}
@media (max-width: 1280px) {
.hero__controls {
margin-top: 60px;
}
}
@media (max-width: 1000px) {
.hero__controls {
margin-top: 40px;
gap: 20px;
}
}
.hero__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.hero__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.hero__btn {
font-size: 14px;
}
}
.hero__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.hero__btn:hover, .hero__btn:active, .hero__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.hero__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.hero__btn {
padding: 18px 36px;
}
}
.hero__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.hero__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.hero__link {
font-size: 14px;
}
}
.hero__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.hero__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.hero__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.hero__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.hero__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.hero__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.hero__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.hero__link svg path {
stroke: #F53636 !important;
}
}
.hero__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.hero__link svg path {
transition: 0s !important;
}
}
.hero__link:hover, .hero__link:active, .hero__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.hero__link:hover svg path, .hero__link:active svg path, .hero__link:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 480px) {
.hero__link {
display: none;
}
}
.hero__symbol {
position: absolute;
right: 0;
top: 42%;
}
@media (max-width: 1500px) {
.hero__symbol {
top: 40%;
}
}
@media (max-width: 1280px) {
.hero__symbol {
top: 35%;
}
}
@media (max-width: 1000px) {
.hero__symbol {
display: none;
}
}
.services {
margin: 90px 0;
}
@media (max-width: 1280px) {
.services {
margin: 60px 0;
}
}
@media (max-width: 1000px) {
.services {
margin: 45px 0;
}
}
.services__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.services__wrapper {
gap: 0;
}
}
.services__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.services__title {
grid-column: 1/13;
}
}
.services__main {
grid-column: 5/13;
display: flex;
align-items: flex-start;
gap: 30px;
}
@media (max-width: 1000px) {
.services__main {
grid-column: 1/13;
flex-direction: column;
align-items: stretch;
}
}
.services__col {
flex: 1 0;
}
.services__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__col-title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services__col-title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services__col-title {
font-size: 24px;
}
}
.services__col-title {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.services__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services__col-title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services__col-title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.services__col-title {
font-size: 24px !important;
}
}
.services__item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.services__item:first-child {
border-top: 1px solid #1F2730;
}
.services__item {
border-bottom: 1px solid #1F2730;
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
text-decoration: none !important;
}
@media (max-width: 1000px) {
.services__item {
transition: none !important;
}
}
.services__item:hover .services__item-title, .services__item:active .services__item-title, .services__item:focus-visible .services__item-title {
color: #F53636;
}
.services__item:hover .services__item-arrow, .services__item:active .services__item-arrow, .services__item:focus-visible .services__item-arrow {
transform: rotate(-45deg);
}
.services__item:hover .services__item-arrow svg path, .services__item:active .services__item-arrow svg path, .services__item:focus-visible .services__item-arrow svg path {
stroke: #F53636;
}
@media (max-width: 1000px) {
.services__item:hover .services__item-arrow svg path, .services__item:active .services__item-arrow svg path, .services__item:focus-visible .services__item-arrow svg path {
transition: 0s !important;
}
}
@media (max-width: 1280px) {
.services__item {
padding: 13px 0;
}
}
@media (max-width: 480px) {
.services__item {
padding: 10px 0;
}
}
.services__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services__item-title p {
font: inherit;
color: inherit;
}
.services__item-title ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services__item-title ul li:not(:last-child) {
margin-bottom: 12px;
}
.services__item-title ul li {
font: inherit;
color: inherit;
}
.services__item-title ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services__item-title {
font-size: 14px;
}
}
.services__item-title h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__item-title h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services__item-title h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services__item-title h2 {
font-size: 24px;
}
}
.services__item-title h2 {
margin-bottom: 20px;
}
.services__item-title h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services__item-title h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services__item-title h3 {
font-size: 18px;
}
}
.services__item-title h3 {
margin-bottom: 20px;
}
.services__item-title h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services__item-title h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services__item-title h4 {
font-size: 16px;
}
}
.services__item-title h4 {
margin-bottom: 20px;
}
.services__item-title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services__item-title {
transition: 0s !important;
}
}
.services__item-arrow {
width: 25px;
height: 25px;
flex: 0 0 25px;
color: #1F2730;
transition: 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1000px) {
.services__item-arrow {
transition: 0s !important;
}
}
.services__item-arrow svg, .services__item-arrow img {
width: 100%;
height: 100%;
}
@media (max-width: 1000px) {
.services__item-arrow svg, .services__item-arrow img {
transition: none !important;
}
}
@media (max-width: 1280px) {
.services__item-arrow {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
}
@media (max-width: 480px) {
.services__item-arrow {
width: 15px;
height: 15px;
flex: 0 0 15px;
}
}
.types {
padding: 60px 0 90px;
background: #1F2730;
}
@media (max-width: 1280px) {
.types {
padding: 40px 0 80px;
}
}
.types__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.types__title {
font-size: 18px;
}
}
.types__title {
color: #FFFFFF;
}
.types__list {
margin-top: 64px;
}
@media (max-width: 1280px) {
.types__list {
margin-top: 50px;
}
}
@media (max-width: 1000px) {
.types__list {
margin-top: 20px;
}
}
.types-item {
border-top: 1px solid #FFFFFF;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.types-item {
gap: 20px;
}
}
.types-item {
padding-top: 30px;
}
@media (max-width: 480px) {
.types-item {
gap: 30px;
padding-top: 20px;
}
}
.types-item:not(:last-child) {
margin-bottom: 60px;
}
@media (max-width: 1000px) {
.types-item:not(:last-child) {
margin-bottom: 40px;
}
}
.types-item__num {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.types-item__num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.types-item__num {
font-size: 14px;
}
}
.types-item__num {
color: #FFFFFF;
}
@media (max-width: 1000px) {
.types-item__num {
grid-column: 1/13;
}
}
.types-item__content {
grid-column: 5/13;
max-width: 824px;
}
@media (max-width: 1000px) {
.types-item__content {
grid-column: 1/13;
}
}
.types-item__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.types-item__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.types-item__title {
font-size: 32px;
}
}
.types-item__title {
color: #FFFFFF;
margin-bottom: 6px;
}
@media (max-width: 1280px) {
.types-item__title {
margin-bottom: 16px;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.types-item__title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.types-item__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.types-item__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.types-item__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.types-item__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.types-item__title {
font-size: 24px;
}
}
.types-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.types-item__text p {
font: inherit;
color: inherit;
}
.types-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.types-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.types-item__text ul li {
font: inherit;
color: inherit;
}
.types-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.types-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.types-item__text {
font-size: 14px;
}
}
.types-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.types-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.types-item__text h2 {
font-size: 24px;
}
}
.types-item__text h2 {
margin-bottom: 20px;
}
.types-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.types-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.types-item__text h3 {
font-size: 18px;
}
}
.types-item__text h3 {
margin-bottom: 20px;
}
.types-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.types-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.types-item__text h4 {
font-size: 16px;
}
}
.types-item__text h4 {
margin-bottom: 20px;
}
.types-item__text {
color: #FFFFFF;
}
.numbers {
margin: 120px 0;
}
@media (max-width: 1280px) {
.numbers {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.numbers {
margin: 60px 0;
}
}
.numbers--red {
padding: 120px 0;
}
@media (max-width: 1500px) {
.numbers--red {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.numbers--red {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.numbers--red {
padding: 60px 0;
}
}
.numbers--red {
background: #F53636;
}
.numbers--red .content {
color: #FFFFFF !important;
}
.numbers--red .numbers-item__value {
color: #FFFFFF;
}
.numbers--red .numbers-item__label {
color: #FFFFFF;
}
.numbers__heading {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.numbers__heading {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.numbers__heading {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbers__heading {
font-size: 40px;
}
}
@media (max-width: 480px) {
.numbers__heading {
font-size: 32px;
}
}
.numbers__heading {
color: #FFFFFF;
margin-bottom: 60px;
}
.numbers__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.numbers__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.numbers__wrapper {
gap: 20px;
}
}
.numbers__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbers__title {
font-size: 18px;
}
}
.numbers__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.numbers__title {
grid-column: 1/13;
}
}
.numbers__main {
grid-column: 5/13;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px 30px;
}
@media (max-width: 1280px) {
.numbers__main {
gap: 40px;
}
}
@media (max-width: 1000px) {
.numbers__main {
grid-column: 1/13;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 480px) {
.numbers__main {
gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
.numbers-item {
display: flex;
align-items: center;
gap: 28px;
}
@media (max-width: 1000px) {
.numbers-item {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
}
.numbers-item__value {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 90px;
line-height: 100%;
}
@media (max-width: 1280px) {
.numbers-item__value {
font-size: 52px;
}
}
@media (max-width: 1000px) {
.numbers-item__value {
font-size: 48px;
}
}
.numbers-item__label {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.numbers-item__label p {
font: inherit;
color: inherit;
}
.numbers-item__label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.numbers-item__label ul li:not(:last-child) {
margin-bottom: 12px;
}
.numbers-item__label ul li {
font: inherit;
color: inherit;
}
.numbers-item__label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.numbers-item__label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbers-item__label {
font-size: 14px;
}
}
.numbers-item__label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers-item__label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.numbers-item__label h2 {
font-size: 24px;
}
}
.numbers-item__label h2 {
margin-bottom: 20px;
}
.numbers-item__label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbers-item__label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h3 {
font-size: 18px;
}
}
.numbers-item__label h3 {
margin-bottom: 20px;
}
.numbers-item__label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.numbers-item__label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.numbers-item__label h4 {
font-size: 16px;
}
}
.numbers-item__label h4 {
margin-bottom: 20px;
}
.projects {
margin: 120px 0;
}
@media (max-width: 1280px) {
.projects {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.projects {
margin: 60px 0;
}
}
.projects__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.projects__title {
font-size: 18px;
}
}
.projects__title {
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.projects__title {
margin-bottom: 20px;
}
}
.projects__title--landing {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.projects__title--landing {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.projects__title--landing {
font-size: 32px;
}
}
.projects__title--landing {
margin-bottom: 40px;
max-width: 950px;
}
@media (max-width: 1280px) {
.projects__title--landing {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.projects__title--landing {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.projects__title--landing {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.projects__title--landing {
font-size: 24px;
}
}
.projects__tabs {
margin-bottom: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 40px;
}
@media (max-width: 1000px) {
.projects__tabs {
gap: 20px;
}
}
.projects__tab {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.projects__tab {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.projects__tab {
font-size: 12px;
}
}
.projects__tab {
line-height: 100%;
transition: 0.2s ease;
}
.projects__tab.active {
color: #1F2730;
font-weight: 700;
}
@media (max-width: 1000px) {
.projects__tab {
transition: 0s !important;
}
}
.projects__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.projects__wrapper {
gap: 20px;
}
}
@media (max-width: 480px) {
.projects__wrapper {
gap: 40px;
grid-template-columns: 1fr;
}
}
.projects__footer {
display: flex;
justify-content: center;
align-items: center;
}
.projects__footer--left {
justify-content: flex-start;
}
@media (max-width: 480px) {
.projects__footer {
justify-content: start;
}
}
.projects__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.projects__link {
font-size: 14px;
}
}
.projects__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.projects__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.projects__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.projects__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.projects__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.projects__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.projects__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.projects__link svg path {
stroke: #F53636 !important;
}
}
.projects__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.projects__link svg path {
transition: 0s !important;
}
}
.projects__link:hover, .projects__link:active, .projects__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.projects__link:hover svg path, .projects__link:active svg path, .projects__link:focus-visible svg path {
stroke: #F53636;
}
.projects__link {
margin-top: 60px;
}
@media (max-width: 1000px) {
.projects__link {
margin-top: 40px;
}
}
.projects-item:hover .projects-item__title, .projects-item:active .projects-item__title, .projects-item:focus-visible .projects-item__title {
color: #F53636;
}
.projects-item:hover .projects-item__img img, .projects-item:active .projects-item__img img, .projects-item:focus-visible .projects-item__img img {
transform: scale(1.1);
}
.projects-item__img {
width: 100%;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.4%;
}
.projects-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.projects-item__img {
margin-bottom: 20px;
}
.projects-item__img img {
transition: 0.7s ease;
}
.projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects-item__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.projects-item__title {
font-size: 16px;
}
}
.projects-item__title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.projects-item__title {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.projects-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.projects-item__title {
font-size: 14px;
}
}
.projects-item__desc {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.projects-item__desc p {
font: inherit;
color: inherit;
}
.projects-item__desc ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.projects-item__desc ul li:not(:last-child) {
margin-bottom: 12px;
}
.projects-item__desc ul li {
font: inherit;
color: inherit;
}
.projects-item__desc ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.projects-item__desc {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.projects-item__desc {
font-size: 14px;
}
}
.projects-item__desc h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects-item__desc h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.projects-item__desc h2 {
font-size: 24px;
}
}
.projects-item__desc h2 {
margin-bottom: 20px;
}
.projects-item__desc h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.projects-item__desc h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h3 {
font-size: 18px;
}
}
.projects-item__desc h3 {
margin-bottom: 20px;
}
.projects-item__desc h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.projects-item__desc h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.projects-item__desc h4 {
font-size: 16px;
}
}
.projects-item__desc h4 {
margin-bottom: 20px;
}
.projects-item__desc {
margin-top: 10px;
max-width: 80%;
}
@media (max-width: 1280px) {
.projects-item__desc {
width: 100%;
max-width: 100%;
margin-top: 5px;
}
}
.clients {
padding: 120px 0;
}
@media (max-width: 1500px) {
.clients {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.clients {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.clients {
padding: 60px 0;
}
}
.clients {
background: #1F2730;
}
.clients__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__title {
font-size: 18px;
}
}
.clients__title {
color: #FFFFFF !important;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.clients__title {
margin-bottom: 20px;
}
}
.clients__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__suptitle {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__suptitle {
font-size: 18px;
}
}
.clients__suptitle {
color: #FFFFFF;
}
.clients__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.clients__wrapper {
gap: 20px;
}
}
.clients__wrapper {
margin-top: 80px;
}
@media (max-width: 1280px) {
.clients__wrapper {
margin-top: 40px;
}
}
@media (max-width: 480px) {
.clients__wrapper {
margin-top: 30px;
}
}
.clients__left {
grid-column: 1/4;
}
@media (max-width: 1280px) {
.clients__left {
grid-column: 1/9;
}
}
@media (max-width: 1000px) {
.clients__left {
grid-column: 1/13;
}
}
.clients__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.clients__text p {
font: inherit;
color: inherit;
}
.clients__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.clients__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.clients__text ul li {
font: inherit;
color: inherit;
}
.clients__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.clients__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.clients__text {
font-size: 14px;
}
}
.clients__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.clients__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.clients__text h2 {
font-size: 24px;
}
}
.clients__text h2 {
margin-bottom: 20px;
}
.clients__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.clients__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.clients__text h3 {
font-size: 18px;
}
}
.clients__text h3 {
margin-bottom: 20px;
}
.clients__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.clients__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.clients__text h4 {
font-size: 16px;
}
}
.clients__text h4 {
margin-bottom: 20px;
}
.clients__text {
color: #FFFFFF;
}
.clients__list {
grid-column: 5/13;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.clients__list {
grid-column: 1/13;
gap: 20px;
margin-top: 30px;
}
}
@media (max-width: 1000px) {
.clients__list {
margin-top: 10px;
}
}
@media (max-width: 480px) {
.clients__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 420px) {
.clients__list {
grid-template-columns: repeat(2, 1fr);
}
}
.clients__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.clients__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.clients__item-title {
font-size: 14px;
}
}
.clients__item-title {
color: #FFFFFF;
}
.clients__item-desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.clients__item-desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.clients__item-desc {
font-size: 12px;
}
}
.clients__item-desc {
color: #9D9FA1;
margin-top: 5px;
}
.clients--white {
background: #FFFFFF;
padding: 0;
}
.clients--white .clients__title {
color: #1F2730;
}
.clients--white .clients__text {
color: #1F2730;
}
.clients--white .clients__item-title {
color: #1F2730;
}
.clients--white .clients__list {
margin-top: 10px;
}
@media (max-width: 1500px) {
.clients--white .clients__list {
margin-top: 4px;
}
}
@media (max-width: 1280px) {
.clients--white .clients__list {
margin-top: 0px;
}
}
@media (max-width: 1000px) {
.clients--white .clients__list {
margin-top: 20px;
}
}
.expert {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.expert {
gap: 20px;
}
}
.expert {
margin-top: 60px;
}
@media (max-width: 480px) {
.expert {
margin-top: 30px;
}
}
.expert__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.expert__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.expert__title {
font-size: 18px;
}
}
.expert__title {
color: #FFFFFF !important;
}
@media (max-width: 1280px) {
.expert__title {
grid-column: 1/13;
}
}
.expert__text {
grid-column: 5/13;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 62px;
font-weight: 900;
line-height: 110%;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.expert__text span {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.expert__text span {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.expert__text span {
font-size: 18px;
}
}
.expert__text span {
font-weight: 400;
color: #F53636;
}
.expert__text span.hidden {
display: none;
}
@media (max-width: 1280px) {
.expert__text span.hidden {
display: block;
}
}
.expert__text span:last-child {
display: none;
}
.expert__text div {
font: inherit;
color: inherit;
}
@media (max-width: 1500px) {
.expert__text {
font-size: 53px;
}
}
@media (max-width: 1280px) {
.expert__text {
grid-column: 1/13;
}
}
@media (max-width: 1000px) {
.expert__text {
font-size: 32px;
gap: 12px;
}
.expert__text span {
flex: 0 0 10px;
}
.expert__text span {
font-size: inherit;
}
}
@media (max-width: 480px) {
.expert__text {
font-size: 20px;
gap: 8px;
}
}
.map {
padding: 120px 0;
}
@media (max-width: 1500px) {
.map {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.map {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.map {
padding: 60px 0;
}
}
.map {
background: #E1E4E9;
}
.map .container {
position: relative;
}
.map__heading {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.map__heading {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.map__heading {
font-size: 12px;
}
}
.map__heading {
color: #9D9FA1;
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.map__heading {
margin-bottom: 15px;
}
}
.map__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.map__title {
font-size: 18px;
}
}
.map__title {
max-width: 630px;
position: relative;
z-index: 3;
}
@media (max-width: 1280px) {
.map__title {
max-width: 580px;
}
}
@media (max-width: 1000px) {
.map__title {
max-width: 400px;
}
}
@media (max-width: 480px) {
.map__title {
max-width: 80%;
}
}
.map__main {
width: 110%;
margin-top: -80px;
margin-left: -5%;
}
.map__main img {
width: 100%;
}
@media (max-width: 480px) {
.map__main .map-img {
display: none;
}
}
.map__main .map-img--mob {
display: none;
}
@media (max-width: 480px) {
.map__main .map-img--mob {
display: block !important;
}
}
.map__main .cities, .map__main .dots {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
.map__main .dots {
display: none;
}
}
@media (max-width: 480px) {
.map__main .cities {
display: none;
}
}
.map__main .cities-mob {
display: none;
}
@media (max-width: 480px) {
.map__main .cities-mob {
display: block !important;
}
}
@media (max-width: 1500px) {
.map__main {
margin-top: -50px;
}
}
@media (max-width: 1280px) {
.map__main {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.map__main {
width: 100%;
margin-left: 0;
}
}
.map__info {
margin-top: -100px;
}
@media (max-width: 1280px) {
.map__info {
margin-top: 0;
}
}
.map__info-value {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 90px;
line-height: 100%;
}
@media (max-width: 1280px) {
.map__info-value {
font-size: 52px;
}
}
@media (max-width: 1000px) {
.map__info-value {
font-size: 48px;
}
}
.map__info-value {
color: #F53636;
}
.map__info-label {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.map__info-label p {
font: inherit;
color: inherit;
}
.map__info-label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.map__info-label ul li:not(:last-child) {
margin-bottom: 12px;
}
.map__info-label ul li {
font: inherit;
color: inherit;
}
.map__info-label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.map__info-label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.map__info-label {
font-size: 14px;
}
}
.map__info-label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__info-label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.map__info-label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.map__info-label h2 {
font-size: 24px;
}
}
.map__info-label h2 {
margin-bottom: 20px;
}
.map__info-label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.map__info-label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.map__info-label h3 {
font-size: 18px;
}
}
.map__info-label h3 {
margin-bottom: 20px;
}
.map__info-label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.map__info-label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.map__info-label h4 {
font-size: 16px;
}
}
.map__info-label h4 {
margin-bottom: 20px;
}
.map__info-label {
max-width: 340px;
}
.reviews {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews {
margin: 60px 0;
}
}
.reviews__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
margin-bottom: 30px;
}
.reviews__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews__title {
font-size: 18px;
}
}
.reviews__arrows {
display: flex;
align-items: stretch;
gap: 10px;
}
.reviews__arrow {
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
transition: 0.2s ease;
}
@media (max-width: 1280px) {
.reviews__arrow {
flex: 0 0 50px;
width: 50px;
height: 50px;
padding: 12px;
}
}
@media (max-width: 1000px) {
.reviews__arrow {
flex: 0 0 45px;
width: 45px;
height: 45px;
padding: 12px;
transition: 0s !important;
}
}
@media (max-width: 480px) {
.reviews__arrow {
flex: 0 0 40px;
width: 40px;
height: 40px;
padding: 10px;
}
}
.reviews__arrow svg {
width: 100%;
height: 100%;
}
.reviews__arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews__arrow svg path {
transition: 0s !important;
}
}
.reviews__arrow:hover, .reviews__arrow:active, .reviews__arrow:focus-visible {
border-color: #F53636;
}
.reviews__arrow:hover svg path, .reviews__arrow:active svg path, .reviews__arrow:focus-visible svg path {
stroke: #F53636;
}
.reviews__slider {
width: 100%;
}
.reviews-item {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.reviews-item {
gap: 20px;
}
}
.reviews-item__heading {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.reviews-item__heading {
grid-column: 1/13;
}
}
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__title {
font-size: 14px;
}
}
@media (max-width: 1280px) {
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.reviews-item__title {
font-size: 22px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.reviews-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.reviews-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.reviews-item__title {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.reviews-item__title {
font-size: 18px;
}
}
.reviews-item__geo {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-item__geo {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-item__geo {
font-size: 12px;
}
}
.reviews-item__geo {
color: #9D9FA1;
margin-top: 10px;
}
@media (max-width: 1000px) {
.reviews-item__geo {
margin-top: 4px;
}
}
.reviews-item__main {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.reviews-item__main {
grid-column: 1/13;
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.reviews-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__name {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__name {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.reviews-item__name {
order: 1;
margin-top: 25px;
}
}
.reviews-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-item__job {
font-size: 12px;
}
}
.reviews-item__job {
color: #9D9FA1;
margin-top: 10px;
}
@media (max-width: 1000px) {
.reviews-item__job {
margin-top: 4px;
order: 2;
}
}
.reviews-item__text {
margin-top: 30px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-item__text p {
font: inherit;
color: inherit;
}
.reviews-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-item__text ul li {
font: inherit;
color: inherit;
}
.reviews-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__text {
font-size: 14px;
}
}
.reviews-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-item__text h2 {
font-size: 24px;
}
}
.reviews-item__text h2 {
margin-bottom: 20px;
}
.reviews-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h3 {
font-size: 18px;
}
}
.reviews-item__text h3 {
margin-bottom: 20px;
}
.reviews-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-item__text h4 {
font-size: 16px;
}
}
.reviews-item__text h4 {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.reviews-item__text {
margin-top: 0;
order: 0;
}
}
.reviews-item__link {
margin-top: 50px;
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-item__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-item__link {
font-size: 14px;
}
}
.reviews-item__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.reviews-item__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.reviews-item__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.reviews-item__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.reviews-item__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.reviews-item__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.reviews-item__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.reviews-item__link svg path {
stroke: #F53636 !important;
}
}
.reviews-item__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews-item__link svg path {
transition: 0s !important;
}
}
.reviews-item__link:hover, .reviews-item__link:active, .reviews-item__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.reviews-item__link:hover svg path, .reviews-item__link:active svg path, .reviews-item__link:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 1000px) {
.reviews-item__link {
order: 3;
}
}
.blog {
margin: 120px 0;
}
@media (max-width: 1280px) {
.blog {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.blog {
margin: 60px 0;
}
}
.blog__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.blog__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.blog__title {
font-size: 18px;
}
}
.blog__title {
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.blog__title {
margin-bottom: 20px;
}
}
.blog__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.blog__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.blog__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 40px 20px;
}
}
@media (max-width: 480px) {
.blog__wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
}
.blog__footer {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.blog__footer {
gap: 20px;
}
}
.blog__footer {
margin-top: 50px;
}
.blog__link-wrapper {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.blog__link-wrapper {
grid-column: 1/13;
}
}
.blog__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.blog__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.blog__link {
font-size: 14px;
}
}
.blog__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.blog__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.blog__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.blog__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.blog__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.blog__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.blog__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.blog__link svg path {
stroke: #F53636 !important;
}
}
.blog__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.blog__link svg path {
transition: 0s !important;
}
}
.blog__link:hover, .blog__link:active, .blog__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.blog__link:hover svg path, .blog__link:active svg path, .blog__link:focus-visible svg path {
stroke: #F53636;
}
.blog-item:hover .blog-item__title, .blog-item:active .blog-item__title, .blog-item:focus-visible .blog-item__title {
color: #F53636;
}
.blog-item:hover .blog-item__img img, .blog-item:active .blog-item__img img, .blog-item:focus-visible .blog-item__img img {
transform: scale(1.1);
}
.blog-item__img {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 65%;
}
.blog-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-item__img {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.blog-item__img {
margin-bottom: 10px;
}
}
.blog-item__img img {
transition: 0.7s ease;
}
.blog-item__params {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.blog-item__params {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.blog-item__params {
font-size: 12px;
}
}
.blog-item__params {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.blog-item__params {
margin-bottom: 5px;
}
}
.blog-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.blog-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.blog-item__title {
font-size: 14px;
}
}
.blog-item__title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.blog-item__title {
transition: 0s !important;
}
}
.cta {
padding: 120px 0;
}
@media (max-width: 1500px) {
.cta {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.cta {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.cta {
padding: 60px 0;
}
}
.cta {
background: #1F2730;
}
.cta__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.cta__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.cta__wrapper {
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
}
.cta__info {
grid-column: 1/7;
display: flex;
flex-direction: column;
gap: 30px;
}
@media (max-width: 1500px) {
.cta__info {
grid-column: 1/6;
}
}
@media (max-width: 1000px) {
.cta__info {
grid-column: auto;
}
}
@media (max-width: 480px) {
.cta__info {
gap: 15px;
}
}
.cta__phones {
display: flex;
flex-direction: column;
gap: 30px;
}
@media (max-width: 1000px) {
.cta__phones {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
@media (max-width: 480px) {
.cta__phones {
grid-template-columns: 1fr;
gap: 15px;
}
}
.cta__phone-city {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.cta__phone-city:hover, .cta__phone-city:active, .cta__phone-city:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__phone-city {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.cta__phone-city {
transition: 0s !important;
}
}
.cta__phone-city {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.cta__phone-city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
margin-bottom: 2px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.cta__phone-city {
font-size: 13px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.cta__phone-city {
font-size: 12px;
}
}
.cta__phone-value {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta__phone-value {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta__phone-value {
font-size: 18px;
}
}
.cta__phone-value {
color: #FFFFFF;
transition: 0.2s ease;
}
.cta__phone-value:hover, .cta__phone-value:active, .cta__phone-value:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__phone-value {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
font-family: "Geologica Roman", sans-serif;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.cta__phone-value {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.cta__phone-value {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.cta__phone-value {
transition: 0s !important;
}
}
.cta__email {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta__email {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta__email {
font-size: 18px;
}
}
.cta__email {
color: #FFFFFF;
transition: 0.2s ease;
}
.cta__email:hover, .cta__email:active, .cta__email:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.cta__email {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
font-family: "Geologica Roman", sans-serif;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.cta__email {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.cta__email {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.cta__email {
transition: 0s !important;
}
}
.cta__address {
margin-top: 15px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.cta__address {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.cta__address {
font-size: 12px;
}
}
.cta__address {
color: #FFFFFF;
}
@media (max-width: 480px) {
.cta__address {
margin-top: 5px;
}
}
.cta__form {
grid-column: 7/13;
}
@media (max-width: 1500px) {
.cta__form {
grid-column: 6/13;
}
}
@media (max-width: 1000px) {
.cta__form {
grid-column: auto;
}
}
.form {
width: 100%;
}
.form--dark .form__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form--dark .form__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.form--dark .form__title {
font-size: 16px;
}
}
.form--dark .form__title {
color: #1F2730;
}
@media (max-width: 1000px) {
.form--dark .form__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.form--dark .form__title {
font-size: 26px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.form--dark .form__title {
font-size: 18px;
}
}
.form--dark .form__suptitle {
color: #1F2730;
}
.form--dark .form__input input, .form--dark .form__input textarea {
border-color: #1F2730;
color: #1F2730;
border-radius: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: none;
}
.form--dark .form__input input::-moz-placeholder, .form--dark .form__input textarea::-moz-placeholder {
color: #9D9FA1;
}
.form--dark .form__input input::placeholder, .form--dark .form__input textarea::placeholder {
color: #9D9FA1;
}
.form--dark .form__input input:focus, .form--dark .form__input textarea:focus {
outline: none;
border-color: #F53636;
}
.form__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.form__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.form__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.form__title {
font-size: 24px;
}
}
.form__title {
color: #FFFFFF;
}
.form__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.form__suptitle {
font-size: 14px;
}
}
.form__suptitle {
font-weight: 400;
color: #FFFFFF;
margin-top: 13px;
}
.form__form {
width: 100%;
margin-top: 70px;
}
@media (max-width: 1280px) {
.form__form {
margin-top: 32px;
}
}
.form__form--nomargin {
margin-top: 0;
}
.form__input {
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 480px) {
.form__input {
margin-bottom: 30px;
}
}
.form__input input, .form__input textarea {
width: 100%;
height: 45px;
border: none;
border-bottom: 1px solid #FFFFFF;
padding: 4px 0 !important;
}
@media (max-width: 480px) {
.form__input input, .form__input textarea {
height: 25px;
padding: 0 !important;
}
}
.form__input input, .form__input textarea {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.form__input input, .form__input textarea {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.form__input input, .form__input textarea {
font-size: 12px;
}
}
.form__input input, .form__input textarea {
color: #FFFFFF;
background: transparent;
border-radius: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: none;
}
.form__input input::-moz-placeholder, .form__input textarea::-moz-placeholder {
color: #9D9FA1;
}
.form__input input::placeholder, .form__input textarea::placeholder {
color: #9D9FA1;
}
.form__input input:focus, .form__input textarea:focus {
border-color: #F53636;
outline: none;
}
.form__input input:focus + label, .form__input textarea:focus + label {
display: none;
}
.form__input textarea {
height: 54px;
line-height: 120%;
resize: none;
}
.form__textarea {
position: relative;
margin-top: 60px;
}
@media (max-width: 1000px) {
.form__textarea {
margin-top: 40px;
}
}
.form__textarea label {
position: absolute;
bottom: 20px;
left: 0;
max-width: 272px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.form__textarea label {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.form__textarea label {
font-size: 12px;
}
}
.form__textarea label {
line-height: 130%;
color: #9D9FA1;
}
@media (max-width: 480px) {
.form__textarea label {
max-width: 220px;
}
}
.form__footer {
margin-top: 70px;
display: flex;
align-items: center;
gap: 60px;
}
.form__footer button {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.form__footer button {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.form__footer button {
font-size: 14px;
}
}
.form__footer button {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.form__footer button:hover, .form__footer button:active, .form__footer button:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.form__footer button {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.form__footer button {
padding: 18px 36px;
}
}
@media (max-width: 1280px) {
.form__footer {
margin-top: 50px;
gap: 24px;
}
}
@media (max-width: 640px) {
.form__footer {
flex-direction: column;
align-items: flex-start;
margin-top: 30px;
}
}
.form__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
max-width: 500px;
}
@media (max-width: 1000px) {
.form__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.form__privacy {
font-size: 13px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.form__privacy {
font-size: 12px;
}
}
.form__consent {
margin-top: 30px;
}
@media (max-width: 480px) {
.form__consent {
margin-top: 20px;
}
}
.form__consent-label {
display: flex;
align-items: flex-start;
gap: 14px;
cursor: pointer;
}
.form__consent-label:hover .form__consent-box {
border-color: #9D9FA1;
}
.form__consent-check {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.form__consent-check:checked + .form__consent-box {
background: #9D9FA1;
border-color: #9D9FA1;
}
.form__consent-check:checked + .form__consent-box::after {
opacity: 1;
}
.form__consent-box {
flex-shrink: 0;
width: 25px;
height: 25px;
border: 1.5px solid #9D9FA1;
border-radius: 3px;
position: relative;
transition: 0.2s ease;
margin-top: 1px;
box-sizing: border-box;
}
@media (max-width: 1000px) {
.form__consent-box {
width: 22px;
height: 22px;
}
}
.form__consent-box::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 17px;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17' fill='none'%3E%3Cpath d='M1.0813 7.7289L7.0813 13.9689L18.0813 0.968903' stroke='%231F2730' stroke-width='3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
transition: 0.2s ease;
pointer-events: none;
}
@media (max-width: 1000px) {
.form__consent-box::after {
width: 17px;
height: 15px;
}
}
.form__consent-text {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
line-height: 150%;
}
.form__consent-text a {
color: inherit;
text-decoration: underline;
transition: color 0.2s ease;
}
.form__consent-text a:hover, .form__consent-text a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.form__consent-text a {
transition: 0s !important;
}
}
.form__footer button:disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.form__footer > .form__consent {
margin-top: 0 !important;
}
.form__footer > .form__consent .form__consent-text {
max-width: 400px;
}
.form__status {
margin-top: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
font-weight: 700;
}
.footer {
padding: 40px 0;
background: #FFFFFF;
}
.footer__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.footer__wrapper {
gap: 20px;
}
}
.footer__logo {
display: block;
grid-column: 1/5;
max-width: 170px;
}
@media (max-width: 1000px) {
.footer__logo {
grid-column: 1/13;
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.footer__logo {
max-width: 126px;
}
}
.footer__mid {
grid-column: 5/8;
}
@media (max-width: 1280px) {
.footer__mid {
grid-column: 5/9;
}
}
@media (max-width: 1000px) {
.footer__mid {
grid-column: 1/7;
}
}
.footer__menu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
}
@media (max-width: 1000px) {
.footer__menu {
grid-column: 1/13;
gap: 20px;
}
}
.footer__right {
grid-column: 10/13;
}
@media (max-width: 1000px) {
.footer__right {
grid-column: 7/13;
}
}
.footer__col {
display: flex;
flex-direction: column;
}
.footer__menu {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 40px;
}
@media (max-width: 1280px) {
.footer__menu {
gap: 20px 40px;
}
}
@media (max-width: 1000px) {
.footer__menu {
grid-template-columns: repeat(2, 1fr);
gap: 10px 20px;
}
}
.footer__menu li a {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer__menu li a:hover, .footer__menu li a:active, .footer__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer__menu li a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer__menu li a {
transition: 0s !important;
}
}
.footer__menu li a {
display: block;
line-height: 130%;
transition: 0.2s ease;
}
.footer__menu li a:hover, .footer__menu li a:active, .footer__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__menu li a {
transition: 0s !important;
}
}
.footer__present {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer__present:hover, .footer__present:active, .footer__present:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer__present {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer__present {
transition: 0s !important;
}
}
.footer__present {
line-height: 120%;
transition: 0.2s ease;
}
.footer__present:hover, .footer__present:active, .footer__present:focus-visible {
color: #F53636;
}
.footer__present {
margin-top: 60px;
}
@media (max-width: 1000px) {
.footer__present {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer__present {
font-size: 14px;
font-weight: 300;
}
}
.footer__list {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer__list li {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #9D9FA1;
}
@media (max-width: 480px) {
.footer__list li {
font-size: 12px;
}
}
.footer__list li a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.footer__list li a:hover, .footer__list li a:active, .footer__list li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__list li a {
transition: 0s !important;
}
}
.footer__privacy {
display: block;
margin-top: auto;
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 120%;
color: #9D9FA1;
transition: 0.2s ease;
}
.footer__privacy:hover, .footer__privacy:active, .footer__privacy:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer__privacy {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer__privacy {
font-size: 12px;
}
}
.footer__brand {
max-width: 245px;
margin-top: 40px;
}
@media (max-width: 1000px) {
.footer-landing-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-landing-wrapper .footer-landing-left {
display: contents;
}
.footer-landing-wrapper .footer-landing-left .footer__logo {
order: 0;
}
.footer-landing-wrapper .footer-landing-left .footer__main {
order: 1;
}
.footer-landing-wrapper .footer-landing-left .footer__brand {
order: 2;
margin-top: 0;
}
.footer-landing-wrapper > .footer-landing__privacy--mob {
order: 10;
}
}
.footer-landing-left {
grid-column: 1/5;
align-self: start;
}
.footer-landing-main {
grid-column: 5/13;
align-self: start;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.footer-landing-nav {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
justify-content: space-between;
}
@media (max-width: 1000px) {
.footer-landing-nav {
flex: 0 0 48%;
gap: 16px;
max-width: 100%;
}
}
.footer-landing-menu {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
@media (max-width: 1280px) {
.footer-landing-menu {
gap: 0;
margin: -10px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu {
margin: -5px;
width: 100%;
}
}
.footer-landing-menu li {
line-height: 75%;
}
@media (max-width: 1280px) {
.footer-landing-menu li {
flex: 0 0 calc(50% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu li {
flex: 0 0 calc(50% - 10px);
margin: 5px;
}
}
.footer-landing-menu a {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer-landing-menu a:hover, .footer-landing-menu a:active, .footer-landing-menu a:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer-landing-menu a {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer-landing-menu a {
transition: 0s !important;
}
}
.footer-landing-menu a {
font-weight: 700;
color: #1F2730;
transition: 0.2s ease;
}
.footer-landing-menu a:hover, .footer-landing-menu a:active, .footer-landing-menu a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing-menu a {
transition: 0s !important;
font-weight: 300;
}
}
@media (max-width: 1000px) {
.footer-landing-right {
flex: 0 0 48%;
}
}
.footer-landing__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 120%;
color: #9D9FA1;
text-decoration: none;
transition: 0.2s ease;
}
.footer-landing__privacy:hover, .footer-landing__privacy:active, .footer-landing__privacy:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing__privacy {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.footer-landing__privacy {
font-size: 12px;
}
}
@media (max-width: 1000px) {
a.footer-landing__privacy--nav {
display: none !important;
}
}
a.footer-landing__privacy--mob {
display: none !important;
}
@media (max-width: 1000px) {
a.footer-landing__privacy--mob {
display: block !important;
margin-top: 4px;
}
}
.footer-landing-contacts {
display: flex;
flex-direction: column;
}
@media (max-width: 1000px) {
.footer-landing-contacts {
gap: 0;
}
}
.footer-landing-contacts p {
margin: 0 !important;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.footer-landing-contacts p {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.footer-landing-contacts p {
font-size: 12px;
}
}
.footer-landing-contacts p {
font-weight: 300;
color: #1F2730;
}
.footer-landing-contacts p a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.footer-landing-contacts p a:hover, .footer-landing-contacts p a:active, .footer-landing-contacts p a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.footer-landing-contacts p a {
transition: 0s !important;
}
}
.footer-landing-contacts-title {
font-family: "Geologica Roman", sans-serif;
font-size: 18px;
font-weight: 300;
position: relative;
transition: 0.2s ease;
}
.footer-landing-contacts-title:hover, .footer-landing-contacts-title:active, .footer-landing-contacts-title:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.footer-landing-contacts-title {
font-size: 14px;
}
}
@media (max-width: 1000px) {
.footer-landing-contacts-title {
transition: 0s !important;
}
}
.footer-landing-contacts-title {
font-weight: 700;
color: #1F2730;
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.footer-landing-contacts-title {
margin-bottom: 8px;
font-weight: 300;
}
}
.header-menu {
position: fixed;
left: 0;
top: 0;
width: 100vw;
background: #1F2730;
z-index: 11;
overflow: auto;
height: 100dvh;
padding: 150px 0 100px;
transform: translateY(-100%);
transition: 0.2s ease;
margin-right: calc(-1 * (100vw - 100%));
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 640px) {
.header-menu {
height: 100dvh;
min-height: unset;
max-height: unset;
}
}
.header-menu.active {
transform: translateY(0);
}
.header-menu__wrapper {
position: relative;
}
.header-menu__nav {
width: 100%;
}
.header-menu__nav > li {
margin: 16px 0;
padding: 12px 0;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 480px) {
.header-menu__nav > li {
margin: 20px 0;
padding: 0;
}
}
.header-menu__nav > li > a {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 78px;
line-height: 120%;
}
@media (max-width: 1500px) {
.header-menu__nav > li > a {
font-size: 56px;
}
}
@media (max-width: 1280px) {
.header-menu__nav > li > a {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.header-menu__nav > li > a {
font-size: 40px;
}
}
@media (max-width: 480px) {
.header-menu__nav > li > a {
font-size: 32px;
}
}
.header-menu__nav > li > a {
line-height: 100%;
color: #FFFFFF;
text-transform: uppercase;
transition: color 0.2s ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-fill-color: currentColor;
}
.header-menu__nav > li > a:hover, .header-menu__nav > li > a:active, .header-menu__nav > li > a:focus-visible {
color: #F53636;
}
.header-menu__nav > li > a:hover span svg path, .header-menu__nav > li > a:active span svg path, .header-menu__nav > li > a:focus-visible span svg path {
stroke: #F53636;
}
.header-menu__nav > li > a:active, .header-menu__nav > li > a:focus-visible {
transition: 0s !important;
}
@media (max-width: 1000px) {
.header-menu__nav > li > a {
transition: 0s !important;
}
}
.header-menu__contacts {
position: absolute;
right: 0;
bottom: 14px;
display: flex;
align-items: center;
gap: 50px;
}
@media (max-width: 1280px) {
.header-menu__contacts {
gap: 40px;
bottom: 0;
}
}
@media (max-width: 1000px) {
.header-menu__contacts {
position: static;
flex-direction: column;
gap: 40px;
align-items: flex-start;
margin-top: 40px;
gap: 20px;
}
.header-menu__contacts--landing {
margin-top: 80px;
}
}
.header-menu__contacts > div {
max-width: 300px;
}
@media (max-width: 1280px) {
.header-menu__contacts > div {
max-width: 235px;
}
}
@media (max-width: 1000px) {
.header-menu__contacts > div {
max-width: 100%;
}
}
.header-menu__contacts-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.header-menu__contacts-list--landing p {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.header-menu__contacts-list--landing p {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__contacts-list--landing p {
font-size: 14px;
}
}
.header-menu__contacts-list--landing p {
color: #FFFFFF;
margin: 0 !important;
}
@media (max-width: 480px) {
.header-menu__contacts-list--landing p {
font-size: 16px;
}
}
.header-menu__contacts-list--landing p a {
font: inherit;
color: inherit;
}
.header-menu__contact {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.header-menu__contact {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__contact {
font-size: 14px;
}
}
.header-menu__contact {
color: #FFFFFF;
}
@media (max-width: 480px) {
.header-menu__contact {
font-size: 16px;
}
}
.header-menu__address {
max-width: 300px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.header-menu__address p {
font: inherit;
color: inherit;
}
.header-menu__address ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.header-menu__address ul li:not(:last-child) {
margin-bottom: 12px;
}
.header-menu__address ul li {
font: inherit;
color: inherit;
}
.header-menu__address ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.header-menu__address {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.header-menu__address {
font-size: 14px;
}
}
.header-menu__address h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.header-menu__address h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.header-menu__address h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.header-menu__address h2 {
font-size: 24px;
}
}
.header-menu__address h2 {
margin-bottom: 20px;
}
.header-menu__address h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.header-menu__address h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.header-menu__address h3 {
font-size: 18px;
}
}
.header-menu__address h3 {
margin-bottom: 20px;
}
.header-menu__address h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.header-menu__address h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.header-menu__address h4 {
font-size: 16px;
}
}
.header-menu__address h4 {
margin-bottom: 20px;
}
.header-menu__address {
color: #FFFFFF;
}
@media (max-width: 480px) {
.header-menu__address {
font-size: 16px;
}
}
.dropdown {
position: relative;
width: 100% !important;
}
.dropdown__line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #FFFFFF;
}
.dropdown.active > a {
color: #F53636;
}
.dropdown.active > a span svg path {
stroke: #F53636;
}
@media (max-width: 640px) {
.dropdown.active > a span {
transform: rotate(0deg);
}
}
.dropdown > a {
display: flex;
align-items: flex-start;
gap: 23px;
color: #FFFFFF;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1280px) {
.dropdown > a {
gap: 12px;
}
}
@media (max-width: 640px) {
.dropdown > a {
display: inline-flex;
align-items: center;
gap: 20px;
}
}
.dropdown > a span {
margin-top: 8px;
flex: 0 0 30px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
color: inherit;
transition: 0.2s ease;
}
@media (max-width: 1280px) {
.dropdown > a span {
flex: 0 0 22px;
width: 22px;
height: 22px;
margin-top: 2px;
}
}
@media (max-width: 1000px) {
.dropdown > a span {
flex: 0 0 16px;
width: 16px;
height: 16px;
margin-top: 2px;
transition: 0s !important;
}
}
@media (max-width: 640px) {
.dropdown > a span {
flex: 0 0 0.75em;
width: 0.75em;
height: 0.75em;
margin-top: 0;
}
}
.dropdown > a span img, .dropdown > a span svg {
width: 100%;
height: 100%;
color: inherit;
}
.dropdown > a span img path, .dropdown > a span svg path {
stroke: #FFFFFF;
}
.submenu {
display: flex;
align-items: flex-start;
position: absolute;
right: 0;
top: 15px;
gap: 90px;
overflow: hidden;
z-index: 11;
}
@media (max-width: 1000px) {
.submenu {
flex-direction: column;
gap: 40px;
}
}
@media (max-width: 640px) {
.submenu {
position: static;
margin: 0;
gap: 0;
}
}
.submenu.active {
display: flex;
}
@media (max-width: 640px) {
.submenu__col {
margin: 20px 0;
}
}
.submenu__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.submenu__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.submenu__title {
font-size: 14px;
}
}
.submenu__title {
font-family: "Normalidad Wide Black", sans-serif !important;
color: #5E6163;
margin-bottom: 15px;
}
@media (max-width: 1280px) {
.submenu__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 10px;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.submenu__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.submenu__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.submenu__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.submenu__title {
font-size: 14px;
}
}
.submenu__list {
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 1280px) {
.submenu__list {
gap: 10px;
}
}
.submenu__list li a {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.submenu__list li a p {
font: inherit;
color: inherit;
}
.submenu__list li a ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.submenu__list li a ul li:not(:last-child) {
margin-bottom: 12px;
}
.submenu__list li a ul li {
font: inherit;
color: inherit;
}
.submenu__list li a ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.submenu__list li a {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.submenu__list li a {
font-size: 14px;
}
}
.submenu__list li a h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.submenu__list li a h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.submenu__list li a h2 {
font-size: 24px;
}
}
.submenu__list li a h2 {
margin-bottom: 20px;
}
.submenu__list li a h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.submenu__list li a h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h3 {
font-size: 18px;
}
}
.submenu__list li a h3 {
margin-bottom: 20px;
}
.submenu__list li a h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.submenu__list li a h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.submenu__list li a h4 {
font-size: 16px;
}
}
.submenu__list li a h4 {
margin-bottom: 20px;
}
.submenu__list li a {
color: #FFFFFF;
line-height: 100%;
transition: color 0.2s ease;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-fill-color: currentColor;
}
.submenu__list li a:hover, .submenu__list li a:active, .submenu__list li a:focus-visible {
color: #F53636;
}
.submenu__list li a:active, .submenu__list li a:focus-visible {
transition: color 0s;
}
@media (max-width: 480px) {
.submenu__list li a {
transition: 0s !important;
}
}
@media (max-width: 1000px) {
.submenu .header-menu__nav > li > a {
transition: 0s !important;
}
.submenu .header-menu .submenu__list li a {
transition: 0s !important;
}
.submenu .header-menu .header-menu__nav > li > a,
.submenu .header--landing .header-menu__nav > li > a,
.submenu .header-menu .submenu__list li a,
.submenu .header--landing .submenu__list li a {
transition: 0s !important;
}
}
.about-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.about-hero {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.about-hero {
margin: 140px 0 60px;
}
}
.about-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-hero__wrapper {
gap: 20px;
}
}
.about-hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.about-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.about-hero__title {
font-size: 32px;
}
}
.about-hero__title {
grid-column: 1/6;
}
@media (max-width: 1500px) {
.about-hero__title {
grid-column: 1/5;
}
}
@media (max-width: 1000px) {
.about-hero__title {
grid-column: 1/13;
}
}
.about-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-hero__text {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.about-hero__text {
font-size: 18px;
}
}
.about-hero__text {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.about-hero__text {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.about-hero__text {
grid-column: 1/13;
}
}
.about-info {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-info {
gap: 20px;
}
}
@media (max-width: 1000px) {
.about-info {
margin-top: 40px;
flex-direction: column-reverse !important;
}
}
.about-info__left {
grid-column: 1/6;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1500px) {
.about-info__left {
grid-column: 1/5;
}
}
@media (max-width: 1000px) {
.about-info__left {
grid-column: 1/13;
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
}
.about-info__present {
margin-top: 40px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.about-info__present {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.about-info__present {
font-size: 14px;
}
}
.about-info__present {
font-weight: 300;
color: #9D9FA1;
text-decoration: underline;
transition: 0.2s ease;
}
.about-info__present:hover, .about-info__present:active, .about-info__present:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.about-info__present {
transition: 0s !important;
}
}
.about-info__present {
transition: 0.2s ease;
color: #9D9FA1;
}
.about-info__present:hover, .about-info__present:active, .about-info__present:focus-visible {
color: #F53636;
}
@media (max-width: 1280px) {
.about-info__present {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.about-info__present {
margin-top: 40px;
transition: 0s !important;
}
}
.about-info__text {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.about-info__text p {
font: inherit;
color: inherit;
}
.about-info__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.about-info__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.about-info__text ul li {
font: inherit;
color: inherit;
}
.about-info__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.about-info__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.about-info__text {
font-size: 14px;
}
}
.about-info__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-info__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.about-info__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.about-info__text h2 {
font-size: 24px;
}
}
.about-info__text h2 {
margin-bottom: 20px;
}
.about-info__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.about-info__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.about-info__text h3 {
font-size: 18px;
}
}
.about-info__text h3 {
margin-bottom: 20px;
}
.about-info__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.about-info__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.about-info__text h4 {
font-size: 16px;
}
}
.about-info__text h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.about-info__text {
grid-column: 5/13;
}
}
@media (max-width: 1280px) {
.about-info__text {
order: 0;
}
}
@media (max-width: 1000px) {
.about-info__text {
grid-column: 1/13;
}
}
.team {
margin: 120px 0;
}
@media (max-width: 1280px) {
.team {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.team {
margin: 60px 0;
}
}
.team__header {
margin-bottom: 30px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.team__header {
gap: 20px;
}
}
@media (max-width: 1000px) {
.team__header {
margin-bottom: 20px;
display: block !important;
}
}
.team__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team__title {
font-size: 16px;
}
}
.team__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.team__title {
margin-bottom: 15px;
}
}
.team__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.team__text p {
font: inherit;
color: inherit;
}
.team__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.team__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.team__text ul li {
font: inherit;
color: inherit;
}
.team__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.team__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team__text {
font-size: 14px;
}
}
.team__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.team__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.team__text h2 {
font-size: 24px;
}
}
.team__text h2 {
margin-bottom: 20px;
}
.team__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.team__text h3 {
font-size: 18px;
}
}
.team__text h3 {
margin-bottom: 20px;
}
.team__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team__text h4 {
font-size: 16px;
}
}
.team__text h4 {
margin-bottom: 20px;
}
.team__text {
grid-column: 5/13;
}
.team__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 30px;
}
@media (max-width: 1280px) {
.team__wrapper {
gap: 40px 20px;
}
}
@media (max-width: 1000px) {
.team__wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 420px) {
.team__wrapper {
grid-template-columns: 1fr;
}
}
.team-item__img {
width: 100%;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 100%;
}
.team-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-item__title {
margin-top: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team-item__title {
font-size: 14px;
}
}
.team-item__position {
margin-top: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.team-item__position p {
font: inherit;
color: inherit;
}
.team-item__position ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.team-item__position ul li:not(:last-child) {
margin-bottom: 12px;
}
.team-item__position ul li {
font: inherit;
color: inherit;
}
.team-item__position ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.team-item__position {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.team-item__position {
font-size: 14px;
}
}
.team-item__position h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team-item__position h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.team-item__position h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.team-item__position h2 {
font-size: 24px;
}
}
.team-item__position h2 {
margin-bottom: 20px;
}
.team-item__position h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.team-item__position h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.team-item__position h3 {
font-size: 18px;
}
}
.team-item__position h3 {
margin-bottom: 20px;
}
.team-item__position h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.team-item__position h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.team-item__position h4 {
font-size: 16px;
}
}
.team-item__position h4 {
margin-bottom: 20px;
}
.work {
margin: 120px 0;
}
@media (max-width: 1280px) {
.work {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.work {
margin: 60px 0;
}
}
.work__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.work__wrapper {
gap: 20px;
}
}
.work__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.work__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.work__title {
font-size: 16px;
}
}
.work__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.work__title {
grid-column: 1/13;
margin-bottom: 10px;
}
}
.work__list {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.work__list {
grid-column: 1/13;
}
}
.numbered-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.numbered-list {
gap: 20px;
}
}
@media (max-width: 480px) {
.numbered-list {
grid-template-columns: 1fr;
}
}
.numbered-list-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.numbered-list-item__num {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.numbered-list-item__num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__num {
font-size: 14px;
}
}
.numbered-list-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.numbered-list-item__text p {
font: inherit;
color: inherit;
}
.numbered-list-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.numbered-list-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.numbered-list-item__text ul li {
font: inherit;
color: inherit;
}
.numbered-list-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.numbered-list-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text {
font-size: 14px;
}
}
.numbered-list-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbered-list-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.numbered-list-item__text h2 {
font-size: 24px;
}
}
.numbered-list-item__text h2 {
margin-bottom: 20px;
}
.numbered-list-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.numbered-list-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h3 {
font-size: 18px;
}
}
.numbered-list-item__text h3 {
margin-bottom: 20px;
}
.numbered-list-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.numbered-list-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.numbered-list-item__text h4 {
font-size: 16px;
}
}
.numbered-list-item__text h4 {
margin-bottom: 20px;
}
.about-gallery {
margin: 120px 0;
}
@media (max-width: 1280px) {
.about-gallery {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.about-gallery {
margin: 60px 0;
}
}
.about-gallery__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.about-gallery__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.about-gallery__wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 420px) {
.about-gallery__wrapper {
grid-template-columns: 1fr;
}
}
.about-gallery__item {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 67%;
}
.about-gallery__item > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.vacancy {
margin: 120px 0;
}
@media (max-width: 1280px) {
.vacancy {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.vacancy {
margin: 60px 0;
}
}
.vacancy__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.vacancy__wrapper {
gap: 20px;
}
}
.vacancy__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.vacancy__title {
font-size: 16px;
}
}
.vacancy__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.vacancy__title {
grid-column: 1/13;
}
}
.vacancy__main {
grid-column: 5/13;
}
@media (max-width: 1000px) {
.vacancy__main {
grid-column: 1/13;
}
}
.vacancy__text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.vacancy__text {
gap: 20px;
}
}
@media (max-width: 1000px) {
.vacancy__text {
grid-template-columns: 1fr;
}
}
.vacancy__col {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.vacancy__col p {
font: inherit;
color: inherit;
}
.vacancy__col ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.vacancy__col ul li:not(:last-child) {
margin-bottom: 12px;
}
.vacancy__col ul li {
font: inherit;
color: inherit;
}
.vacancy__col ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.vacancy__col {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.vacancy__col {
font-size: 14px;
}
}
.vacancy__col h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.vacancy__col h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.vacancy__col h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.vacancy__col h2 {
font-size: 24px;
}
}
.vacancy__col h2 {
margin-bottom: 20px;
}
.vacancy__col h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.vacancy__col h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.vacancy__col h3 {
font-size: 18px;
}
}
.vacancy__col h3 {
margin-bottom: 20px;
}
.vacancy__col h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__col h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.vacancy__col h4 {
font-size: 16px;
}
}
.vacancy__col h4 {
margin-bottom: 20px;
}
.vacancy__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.vacancy__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.vacancy__link {
font-size: 14px;
}
}
.vacancy__link {
font-weight: 300;
color: #9D9FA1;
transition: 0.2s ease;
padding-bottom: 3px;
border-bottom: 2px solid #9D9FA1;
text-decoration: none !important;
}
@media (max-width: 1280px) {
.vacancy__link {
border-width: 1px;
gap: 10px;
}
}
@media (max-width: 1000px) {
.vacancy__link {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.vacancy__link {
border-width: 1px;
gap: 6px;
color: #F53636;
border-color: #F53636;
}
}
.vacancy__link svg {
width: 16px;
height: 16px;
flex: 0 0 16px;
}
@media (max-width: 1280px) {
.vacancy__link svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
}
@media (max-width: 480px) {
.vacancy__link svg {
width: 8px;
height: 8px;
flex: 0 0 8px;
}
.vacancy__link svg path {
stroke: #F53636 !important;
}
}
.vacancy__link svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.vacancy__link svg path {
transition: 0s !important;
}
}
.vacancy__link:hover, .vacancy__link:active, .vacancy__link:focus-visible {
color: #F53636;
border-color: #F53636;
}
.vacancy__link:hover svg path, .vacancy__link:active svg path, .vacancy__link:focus-visible svg path {
stroke: #F53636;
}
.services-page {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.services-page {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.services-page {
margin: 140px 0 60px;
}
}
.services-page__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services-page__wrapper {
gap: 20px;
}
}
.services-page__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-page__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-page__title {
font-size: 24px;
}
}
.services-page__title {
grid-column: 1/6;
}
@media (max-width: 1500px) {
.services-page__title {
grid-column: 1/5;
}
}
@media (max-width: 1280px) {
.services-page__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services-page__title {
font-size: 42px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services-page__title {
font-size: 32px;
}
}
@media (max-width: 1000px) {
.services-page__title {
grid-column: 1/13;
}
}
.services-page__main {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.services-page__main {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.services-page__main {
grid-column: 1/13;
}
}
.services-page__text {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__text {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__text {
font-size: 16px;
}
}
.services-page__text {
margin-bottom: 90px;
}
@media (max-width: 1280px) {
.services-page__text {
margin-bottom: 80px;
}
}
@media (max-width: 1000px) {
.services-page__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.services-page__text {
font-size: 26px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.services-page__text {
font-size: 18px;
}
}
.services-page__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.services-page__inner {
gap: 20px;
}
}
@media (max-width: 1000px) {
.services-page__inner {
grid-template-columns: 1fr;
gap: 40px;
}
}
.services-page__col-title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__col-title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__col-title {
font-size: 16px;
}
}
.services-page__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
margin-bottom: 20px;
}
@media (max-width: 1280px) {
.services-page__col-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.services-page__col-title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.services-page__col-title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.services-page__col-title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
.services-page__col-title {
margin-bottom: 15px;
}
}
.services-page__item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 20px 0;
border-bottom: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.services-page__item:first-child {
border-top: 1px solid #1F2730;
}
.services-page__item:hover .services-page__item-title, .services-page__item:active .services-page__item-title, .services-page__item:focus-visible .services-page__item-title {
color: #F53636;
}
.services-page__item:hover .services-page__item-arrow, .services-page__item:active .services-page__item-arrow, .services-page__item:focus-visible .services-page__item-arrow {
transform: rotate(-45deg);
}
.services-page__item:hover .services-page__item-arrow svg path, .services-page__item:active .services-page__item-arrow svg path, .services-page__item:focus-visible .services-page__item-arrow svg path {
stroke: #F53636;
}
@media (max-width: 1280px) {
.services-page__item {
padding: 13px 0;
}
}
@media (max-width: 480px) {
.services-page__item {
padding: 10px 0;
}
}
.services-page__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services-page__item-title p {
font: inherit;
color: inherit;
}
.services-page__item-title ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services-page__item-title ul li:not(:last-child) {
margin-bottom: 12px;
}
.services-page__item-title ul li {
font: inherit;
color: inherit;
}
.services-page__item-title ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services-page__item-title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-page__item-title {
font-size: 14px;
}
}
.services-page__item-title h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__item-title h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-page__item-title h2 {
font-size: 24px;
}
}
.services-page__item-title h2 {
margin-bottom: 20px;
}
.services-page__item-title h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-page__item-title h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h3 {
font-size: 18px;
}
}
.services-page__item-title h3 {
margin-bottom: 20px;
}
.services-page__item-title h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-page__item-title h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-page__item-title h4 {
font-size: 16px;
}
}
.services-page__item-title h4 {
margin-bottom: 20px;
}
.services-page__item-title {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-title {
transition: 0s !important;
}
}
.services-page__item-arrow {
flex: 0 0 25px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-arrow {
transition: 0s !important;
}
}
.services-page__item-arrow svg {
width: 100%;
height: 100%;
}
.services-page__item-arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.services-page__item-arrow svg path {
transition: 0s !important;
}
}
@media (max-width: 1280px) {
.services-page__item-arrow {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
}
@media (max-width: 480px) {
.services-page__item-arrow {
width: 15px;
height: 15px;
flex: 0 0 15px;
}
}
.services-info {
margin: 120px 0;
}
@media (max-width: 1280px) {
.services-info {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.services-info {
margin: 60px 0;
}
}
.services-info__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.services-info__wrapper {
gap: 20px;
}
}
.services-info__left {
padding-right: 20px;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-info__left {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-info__left {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-info__left {
padding-right: 0;
}
}
.services-info__right {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.services-info__right p {
font: inherit;
color: inherit;
}
.services-info__right ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.services-info__right ul li:not(:last-child) {
margin-bottom: 12px;
}
.services-info__right ul li {
font: inherit;
color: inherit;
}
.services-info__right ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.services-info__right {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.services-info__right {
font-size: 14px;
}
}
.services-info__right h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-info__right h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.services-info__right h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.services-info__right h2 {
font-size: 24px;
}
}
.services-info__right h2 {
margin-bottom: 20px;
}
.services-info__right h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.services-info__right h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.services-info__right h3 {
font-size: 18px;
}
}
.services-info__right h3 {
margin-bottom: 20px;
}
.services-info__right h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.services-info__right h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.services-info__right h4 {
font-size: 16px;
}
}
.services-info__right h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.services-info__right {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.services-info__right {
grid-column: 1/13;
}
}
.faq {
margin: 120px 0;
}
@media (max-width: 1280px) {
.faq {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.faq {
margin: 60px 0;
}
}
.faq__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.faq__wrapper {
gap: 20px;
}
}
.faq__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__title {
font-size: 16px;
}
}
.faq__title {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.faq__title {
grid-column: 1/13;
}
}
.faq__list {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.faq__list {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.faq__list {
grid-column: 1/13;
}
}
.faq__item {
padding: 30px 0;
border-bottom: 1px solid #1F2730;
}
.faq__item:first-child {
border-top: 1px solid #1F2730;
}
.faq__item.active .faq__item-toggle {
transform: rotate(45deg);
}
@media (max-width: 1000px) {
.faq__item {
padding: 16px 0;
}
}
@media (max-width: 480px) {
.faq__item {
padding: 12px 0;
}
}
.faq__item-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
cursor: pointer;
}
.faq__item-header:hover .faq__item-title, .faq__item-header:active .faq__item-title, .faq__item-header:focus-visible .faq__item-title {
color: #F53636;
}
.faq__item-header:hover .faq__item-toggle::before, .faq__item-header:hover .faq__item-toggle::after, .faq__item-header:active .faq__item-toggle::before, .faq__item-header:active .faq__item-toggle::after, .faq__item-header:focus-visible .faq__item-toggle::before, .faq__item-header:focus-visible .faq__item-toggle::after {
background: #F53636;
}
.faq__item-title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__item-title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__item-title {
font-size: 16px;
}
}
.faq__item-title {
transition: 0.2s ease;
}
.faq__item-toggle {
position: relative;
width: 24px;
height: 24px;
flex: 0 0 24px;
}
@media (max-width: 1000px) {
.faq__item-toggle {
width: 18px;
height: 18px;
flex: 0 0 18px;
}
}
.faq__item-toggle {
transition: 0.2s ease;
}
.faq__item-toggle::before, .faq__item-toggle::after {
content: "";
position: absolute;
background: #1F2730;
transition: 0.2s ease;
}
.faq__item-toggle::before {
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 2px;
}
.faq__item-toggle::after {
left: 50%;
transform: translateX(-50%);
top: 0;
width: 2px;
height: 100%;
}
.faq__item-content {
max-height: 0;
overflow: hidden;
transition: 0.2s ease;
}
.faq__item-inner {
padding-top: 20px;
max-width: 682px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.faq__item-inner p {
font: inherit;
color: inherit;
}
.faq__item-inner ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.faq__item-inner ul li:not(:last-child) {
margin-bottom: 12px;
}
.faq__item-inner ul li {
font: inherit;
color: inherit;
}
.faq__item-inner ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.faq__item-inner {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.faq__item-inner {
font-size: 14px;
}
}
.faq__item-inner h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.faq__item-inner h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.faq__item-inner h2 {
font-size: 24px;
}
}
.faq__item-inner h2 {
margin-bottom: 20px;
}
.faq__item-inner h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.faq__item-inner h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h3 {
font-size: 18px;
}
}
.faq__item-inner h3 {
margin-bottom: 20px;
}
.faq__item-inner h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.faq__item-inner h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.faq__item-inner h4 {
font-size: 16px;
}
}
.faq__item-inner h4 {
margin-bottom: 20px;
}
.faq.active .faq__item-toggle {
transform: rotate(45deg);
}
.page-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.page-hero {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.page-hero {
margin: 140px 0 60px;
}
}
.page-hero--services {
margin-bottom: 0 !important;
}
.page-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.page-hero__wrapper {
gap: 20px;
}
}
@media (max-width: 1280px) {
.page-hero__wrapper {
display: flex !important;
flex-direction: column !important;
}
}
.page-hero__title {
grid-column: 1/6;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.page-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.page-hero__title {
font-size: 32px;
}
}
.page-hero__title {
font-weight: 900;
}
@media (max-width: 1000px) {
.page-hero__title {
grid-column: 1/13;
}
}
.page-hero__content {
grid-column: 6/13;
}
@media (max-width: 1000px) {
.page-hero__content {
grid-column: 1/13;
}
}
.page-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-hero__text {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-hero__text {
font-size: 18px;
}
}
.page-hero__text a {
white-space: nowrap;
transition: 0.2s ease;
}
.page-hero__text a:hover, .page-hero__text a:active, .page-hero__text a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.page-hero__text a {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.page-hero__text {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.page-hero__text {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.page-hero__text {
font-size: 18px;
}
}
.page-hero__phones {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-hero__phones {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.page-hero__phones {
font-size: 16px;
}
}
.page-hero__phones {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.page-hero__phones a {
text-decoration: underline;
white-space: nowrap;
transition: 0.2s ease;
}
.page-hero__phones a:hover, .page-hero__phones a:active, .page-hero__phones a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.page-hero__phones a {
transition: 0s !important;
}
}
@media (max-width: 1000px) {
.page-hero__phones {
margin-top: 40px;
}
}
@media (max-width: 480px) {
.page-hero__phones {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.page-hero__phones {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.page-hero__phones {
font-size: 18px;
}
}
.service-main {
margin: 120px 0;
}
@media (max-width: 1280px) {
.service-main {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.service-main {
margin: 60px 0;
}
}
.service-main__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.service-main__wrapper {
gap: 20px;
}
}
.service-main__menu {
grid-column: 1/4;
width: -moz-fit-content;
width: fit-content;
margin-top: 12px;
}
@media (max-width: 1000px) {
.service-main__menu {
grid-column: 1/13;
margin-top: 0;
width: 100%;
margin-bottom: 20px;
}
}
.service-main__title {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.service-main__title {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.service-main__title {
font-size: 12px;
}
}
.service-main__title {
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid #1F2730;
margin-bottom: 20px;
}
.service-main__list {
display: flex;
flex-direction: column;
gap: 13px;
}
.service-main__item {
display: block;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.service-main__item {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.service-main__item {
font-size: 12px;
}
}
.service-main__item {
font-weight: 700;
}
.service-main__item a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.service-main__item a:hover, .service-main__item a:active, .service-main__item a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.service-main__item a {
transition: 0s !important;
}
}
.service-main__content {
grid-column: 6/13;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-main__content p {
font: inherit;
color: inherit;
}
.service-main__content ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-main__content ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-main__content ul li {
font: inherit;
color: inherit;
}
.service-main__content ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-main__content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-main__content {
font-size: 14px;
}
}
.service-main__content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-main__content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-main__content h2 {
font-size: 24px;
}
}
.service-main__content h2 {
margin-bottom: 20px;
}
.service-main__content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-main__content h3 {
font-size: 18px;
}
}
.service-main__content h3 {
margin-bottom: 20px;
}
.service-main__content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-main__content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-main__content h4 {
font-size: 16px;
}
}
.service-main__content h4 {
margin-bottom: 20px;
}
@media (max-width: 1500px) {
.service-main__content {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.service-main__content {
grid-column: 1/13;
}
}
.service-main__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-main__text p {
font: inherit;
color: inherit;
}
.service-main__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-main__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-main__text ul li {
font: inherit;
color: inherit;
}
.service-main__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-main__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-main__text {
font-size: 14px;
}
}
.service-main__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-main__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-main__text h2 {
font-size: 24px;
}
}
.service-main__text h2 {
margin-bottom: 20px;
}
.service-main__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-main__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-main__text h3 {
font-size: 18px;
}
}
.service-main__text h3 {
margin-bottom: 20px;
}
.service-main__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-main__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-main__text h4 {
font-size: 16px;
}
}
.service-main__text h4 {
margin-bottom: 20px;
}
.service-about {
margin: 120px 0;
}
@media (max-width: 1280px) {
.service-about {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.service-about {
margin: 60px 0;
}
}
.service-about__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.service-about__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.service-about__title {
font-size: 32px;
}
}
.service-about__title {
margin-bottom: 60px;
}
@media (max-width: 1280px) {
.service-about__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 20px;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.service-about__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.service-about__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.service-about__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-about__title {
margin-bottom: 10px;
}
}
.service-about__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.service-about__wrapper {
gap: 20px;
}
}
.service-about__content {
grid-column: 6/13;
}
@media (max-width: 1500px) {
.service-about__content {
grid-column: 5/13;
}
}
@media (max-width: 1000px) {
.service-about__content {
grid-column: 1/13;
}
}
.service-about__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-about__text p {
font: inherit;
color: inherit;
}
.service-about__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-about__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-about__text ul li {
font: inherit;
color: inherit;
}
.service-about__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-about__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-about__text {
font-size: 14px;
}
}
.service-about__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-about__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-about__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-about__text h2 {
font-size: 24px;
}
}
.service-about__text h2 {
margin-bottom: 20px;
}
.service-about__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-about__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-about__text h3 {
font-size: 18px;
}
}
.service-about__text h3 {
margin-bottom: 20px;
}
.service-about__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-about__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-about__text h4 {
font-size: 16px;
}
}
.service-about__text h4 {
margin-bottom: 20px;
}
.service-about__text {
margin-top: 30px;
}
@media (max-width: 1000px) {
.service-about__text {
margin-top: 20px;
}
}
.video {
width: 100%;
display: block;
position: relative;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.video > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
background: #F53636;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
padding: 30px;
}
@media (max-width: 1000px) {
.video__play {
width: 60px;
height: 60px;
padding: 20px;
}
}
.video__play {
cursor: pointer;
}
.video__play:hover, .video__play:active, .video__play:focus-visible {
background: #1F2730;
}
.video__play img, .video__play svg {
width: 100%;
height: 100%;
margin-left: 8px;
}
@media (max-width: 1000px) {
.video__play img, .video__play svg {
margin-left: 4px;
}
}
.video__play {
transition: 0.2s ease;
}
.project-hero {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.project-hero {
margin: 200px 0 80px;
}
}
@media (max-width: 1000px) {
.project-hero {
margin: 180px 0 60px;
}
}
@media (max-width: 480px) {
.project-hero.article-hero {
margin: 180px 0 15px !important;
}
}
.project-hero .container {
position: relative;
}
.project-hero__back {
position: absolute;
bottom: calc(100% + 45px);
left: 0;
display: flex;
align-items: center;
gap: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.project-hero__back {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.project-hero__back {
font-size: 12px;
}
}
.project-hero__back {
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.project-hero__back {
bottom: calc(100% + 30px);
left: 20px;
transition: 0s !important;
}
}
.project-hero__back svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
.project-hero__back svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.project-hero__back svg path {
transition: 0s !important;
}
}
.project-hero__back:hover, .project-hero__back:active, .project-hero__back:focus-visible {
color: #F53636;
}
.project-hero__back:hover svg path, .project-hero__back:active svg path, .project-hero__back:focus-visible svg path {
stroke: #F53636;
}
.project-hero__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.project-hero__wrapper {
gap: 20px;
}
}
.project-hero__heading {
grid-column: 1/5;
}
@media (max-width: 1000px) {
.project-hero__heading {
grid-column: 1/13;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-hero__heading {
grid-template-columns: 1fr;
}
}
.project-hero__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__title {
font-size: 24px;
}
}
.project-hero__title {
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.project-hero__title {
grid-column: 1/3;
max-width: 80%;
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.project-hero__title {
font-size: 42px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.project-hero__title {
font-size: 32px;
}
}
@media (max-width: 1000px) {
.project-hero__title {
grid-column: auto;
}
}
@media (max-width: 1000px) {
.project-hero__sup {
grid-column: 3/4;
}
}
@media (max-width: 1000px) {
.project-hero__sup {
grid-column: auto;
margin-top: 10px;
}
}
@media (max-width: 480px) {
.project-hero__sup {
margin-top: 0;
}
}
.project-hero__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__suptitle p {
font: inherit;
color: inherit;
}
.project-hero__suptitle ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__suptitle ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__suptitle ul li {
font: inherit;
color: inherit;
}
.project-hero__suptitle ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle {
font-size: 14px;
}
}
.project-hero__suptitle h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__suptitle h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__suptitle h2 {
font-size: 24px;
}
}
.project-hero__suptitle h2 {
margin-bottom: 20px;
}
.project-hero__suptitle h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__suptitle h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h3 {
font-size: 18px;
}
}
.project-hero__suptitle h3 {
margin-bottom: 20px;
}
.project-hero__suptitle h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__suptitle h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__suptitle h4 {
font-size: 16px;
}
}
.project-hero__suptitle h4 {
margin-bottom: 20px;
}
.project-hero__link {
display: inline-block;
margin-top: 80px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__link p {
font: inherit;
color: inherit;
}
.project-hero__link ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__link ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__link ul li {
font: inherit;
color: inherit;
}
.project-hero__link ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__link {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__link {
font-size: 14px;
}
}
.project-hero__link h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__link h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__link h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__link h2 {
font-size: 24px;
}
}
.project-hero__link h2 {
margin-bottom: 20px;
}
.project-hero__link h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__link h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__link h3 {
font-size: 18px;
}
}
.project-hero__link h3 {
margin-bottom: 20px;
}
.project-hero__link h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__link h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__link h4 {
font-size: 16px;
}
}
.project-hero__link h4 {
margin-bottom: 20px;
}
.project-hero__link {
font-weight: 300;
color: #F53636;
text-decoration: underline;
}
@media (max-width: 1280px) {
.project-hero__link {
margin-top: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__link {
margin-top: 20px;
}
}
.project-hero__main {
grid-column: 6/13;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.project-hero__main.article-hero__main {
display: block;
}
@media (max-width: 480px) {
.project-hero__main.article-hero__main {
margin-top: -10px;
}
}
.project-hero__main.article-hero__main .project-hero__desc {
max-width: 100%;
}
@media (max-width: 1500px) {
.project-hero__main {
grid-column: 5/13;
}
}
@media (max-width: 1280px) {
.project-hero__main {
display: grid;
grid-template-columns: 1fr 0.7fr;
gap: 80px;
}
}
@media (max-width: 1000px) {
.project-hero__main {
grid-column: 1/13;
gap: 40px;
grid-template-columns: 1fr;
margin-top: 20px;
}
}
.project-hero__params {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.project-hero__params {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.project-hero__params {
font-size: 12px;
}
}
.project-hero__params {
color: #000000;
margin-bottom: 14px;
}
.project-hero__params.article-params {
margin-bottom: 0;
margin-top: 30px;
}
@media (max-width: 480px) {
.project-hero__params.article-params {
margin-top: 0;
}
}
.project-hero__desc {
max-width: 460px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.project-hero__desc p {
font: inherit;
color: inherit;
}
.project-hero__desc ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.project-hero__desc ul li:not(:last-child) {
margin-bottom: 12px;
}
.project-hero__desc ul li {
font: inherit;
color: inherit;
}
.project-hero__desc ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.project-hero__desc {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
font-size: 14px;
}
}
.project-hero__desc h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__desc h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.project-hero__desc h2 {
font-size: 24px;
}
}
.project-hero__desc h2 {
margin-bottom: 20px;
}
.project-hero__desc h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-hero__desc h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h3 {
font-size: 18px;
}
}
.project-hero__desc h3 {
margin-bottom: 20px;
}
.project-hero__desc h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.project-hero__desc h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.project-hero__desc h4 {
font-size: 16px;
}
}
.project-hero__desc h4 {
margin-bottom: 20px;
}
@media (max-width: 1280px) {
.project-hero__desc {
max-width: 100%;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
grid-column: 1/3;
max-width: 80%;
}
}
@media (max-width: 1000px) {
.project-hero__desc {
grid-column: auto;
max-width: 100%;
}
}
.project-hero__menu {
max-width: 245px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 1280px) {
.project-hero__menu {
max-width: 100%;
gap: 15px;
}
}
@media (max-width: 1000px) {
.project-hero__menu {
grid-column: 3/4;
}
}
@media (max-width: 1000px) {
.project-hero__menu {
grid-column: auto;
max-width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
}
@media (max-width: 480px) {
.project-hero__menu {
grid-template-columns: 1fr;
gap: 15px;
}
}
.project-hero__menu li {
line-height: 100%;
font-size: 14px;
font-weight: 500;
color: #1F2730;
font-weight: 500;
}
@media (max-width: 1280px) {
.project-hero__menu li {
font-size: 13px;
}
}
@media (max-width: 480px) {
.project-hero__menu li {
font-size: 12px;
}
}
.project-hero__menu li a {
font: inherit;
color: inherit;
transition: 0.2s ease;
}
.project-hero__menu li a:hover, .project-hero__menu li a:active, .project-hero__menu li a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.project-hero__menu li a {
transition: 0s !important;
}
}
.project-content {
margin: 120px 0;
}
@media (max-width: 1280px) {
.project-content {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.project-content {
margin: 60px 0;
}
}
@media (max-width: 480px) {
.project-content.article-content {
margin-top: 15px !important;
}
}
.content {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content p {
font: inherit;
color: inherit;
}
.content ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content ul li:not(:last-child) {
margin-bottom: 12px;
}
.content ul li {
font: inherit;
color: inherit;
}
.content ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content {
font-size: 14px;
}
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-bottom: 20px;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h3 {
margin-bottom: 20px;
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h4 {
margin-bottom: 20px;
}
.content__block:not(:last-child) {
margin-bottom: 90px;
}
@media (max-width: 1280px) {
.content__block:not(:last-child) {
margin-bottom: 60px;
}
}
@media (max-width: 1280px) {
.content__block:not(:last-child) {
margin-bottom: 60px;
}
}
.content__grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: -30px -15px;
}
@media (max-width: 1280px) {
.content__grid {
margin: -10px;
}
}
.content__col--12 {
flex: 0 0 calc(100% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--12 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--12 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--5 {
flex: 0 0 calc(33.3333333333% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--5 {
flex: 0 0 calc(33.3333333333% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--5 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--7 {
grid-column: 6/13;
flex: 0 0 calc(66.6666666667% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--7 {
flex: 0 0 calc(66.6666666667% - 20px);
margin: 10px;
}
}
@media (max-width: 1000px) {
.content__col--7 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__col--6 {
flex: 0 0 calc(50% - 30px);
margin: 30px 15px;
}
@media (max-width: 1280px) {
.content__col--6 {
flex: 0 0 calc(50% - 20px);
margin: 20px 10px;
}
}
@media (max-width: 1000px) {
.content__col--6 {
flex: 0 0 calc(100% - 20px);
margin: 10px;
}
}
.content__slider {
width: 100%;
position: relative;
}
.content__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px solid #1F2730;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.content__arrow {
transition: 0s !important;
}
}
.content__arrow svg {
width: 100%;
height: 100%;
}
.content__arrow svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.content__arrow svg path {
transition: 0s !important;
}
}
.content__arrow:hover, .content__arrow:active, .content__arrow:focus-visible {
border-color: #F53636;
}
.content__arrow:hover svg path, .content__arrow:active svg path, .content__arrow:focus-visible svg path {
stroke: #F53636;
}
@media (max-width: 1280px) {
.content__arrow {
flex: 0 0 60px;
width: 60px;
height: 60px;
padding: 20px;
}
}
@media (max-width: 1000px) {
.content__arrow {
flex: 0 0 45px;
width: 45px;
height: 45px;
padding: 12px;
}
}
@media (max-width: 480px) {
.content__arrow {
flex: 0 0 40px;
width: 40px;
height: 40px;
padding: 10px;
}
}
.content__arrow--prev {
left: 20px;
}
@media (max-width: 1000px) {
.content__arrow--prev {
left: 10px;
}
}
.content__arrow--next {
right: 20px;
}
@media (max-width: 1000px) {
.content__arrow--next {
right: 10px;
}
}
.content p {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.content p p {
font: inherit;
color: inherit;
}
.content p ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.content p ul li:not(:last-child) {
margin-bottom: 12px;
}
.content p ul li {
font: inherit;
color: inherit;
}
.content p ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.content p {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content p {
font-size: 14px;
}
}
.content p h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content p h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content p h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content p h2 {
font-size: 24px;
}
}
.content p h2 {
margin-bottom: 20px;
}
.content p h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content p h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content p h3 {
font-size: 18px;
}
}
.content p h3 {
margin-bottom: 20px;
}
.content p h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content p h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content p h4 {
font-size: 16px;
}
}
.content p h4 {
margin-bottom: 20px;
}
.content h1 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.content h1 {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.content h1 {
font-size: 32px;
}
}
.content h1 {
margin-bottom: 20px;
}
.content h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.content h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.content h2 {
font-size: 24px;
}
}
.content h2 {
margin-bottom: 20px;
}
.content h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.content h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.content h3 {
font-size: 18px;
}
}
.content h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.content h4 {
font-size: 16px;
}
}
.content h5 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content h5 {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content h5 {
font-size: 14px;
}
}
.content blockquote {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.content blockquote {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.content blockquote {
font-size: 14px;
}
}
.content blockquote {
margin-bottom: 30px;
}
.related {
margin: 120px 0;
}
@media (max-width: 1280px) {
.related {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.related {
margin: 60px 0;
}
}
.related__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.related__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.related__title {
font-size: 16px;
}
}
.related__title {
margin-bottom: 30px;
padding-top: 80px;
border-top: 1px solid #1F2730;
}
.related__wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1500px) {
.related__wrapper {
grid-template-columns: 1fr 1fr 1fr;
gap: 40px 20px;
}
}
@media (max-width: 1000px) {
.related__wrapper {
grid-template-columns: 1fr 1fr;
gap: 40px 20px;
}
}
@media (max-width: 420px) {
.related__wrapper {
grid-template-columns: 1fr;
gap: 40px;
}
}
.related .projects-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.related .projects-item__title {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.related .projects-item__title {
font-size: 14px;
}
}
.related .projects-item__desc {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.related .projects-item__desc {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.related .projects-item__desc {
font-size: 12px;
}
}
.related .projects-item__desc {
max-width: 100%;
}
.reviews-page {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews-page {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews-page {
margin: 60px 0;
}
}
.reviews-page__slider {
width: 100%;
margin-bottom: 30px;
}
.reviews-page__video {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.reviews-page__video > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page__video img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page__wrapper {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.reviews-page__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.reviews-page__wrapper {
display: none;
}
}
.reviews-page-item.swiper-slide-thumb-active .reviews-page-item__name {
color: #F53636;
}
.reviews-page-item.swiper-slide-thumb-active .reviews-page-item__img img {
transform: scale(1.05);
}
.reviews-page-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__city {
font-size: 12px;
}
}
.reviews-page-item__city {
font-weight: 14px;
color: #9D9FA1;
margin-bottom: 15px;
}
.reviews-page-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.reviews-page-item__name {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__name {
font-size: 14px;
}
}
.reviews-page-item__name {
margin-bottom: 5px;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.reviews-page-item__name {
transition: 0s !important;
}
}
.reviews-page-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__job {
font-size: 12px;
}
}
.reviews-page-item__job {
font-weight: 300;
}
.reviews-page-item__img {
position: relative;
display: block;
margin-bottom: 20px;
overflow: hidden;
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 56.5%;
}
.reviews-page-item__img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews-page-item__img .video__play {
width: 60px;
height: 60px;
padding: 18px;
}
.reviews-page-item__img > img {
transition: 0.5s ease;
}
.reviews-page-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item__title {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item__title {
font-size: 12px;
}
}
.reviews-page-item__title {
font-weight: 700;
}
.reviews-page-item--big .reviews-page-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__city {
font-size: 12px;
}
}
.reviews-page-item--big .reviews-page-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-page-item--big .reviews-page-item__job p {
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-page-item--big .reviews-page-item__job ul li {
font: inherit;
color: inherit;
}
.reviews-page-item--big .reviews-page-item__job ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job {
font-size: 14px;
}
}
.reviews-page-item--big .reviews-page-item__job h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-page-item--big .reviews-page-item__job h2 {
font-size: 24px;
}
}
.reviews-page-item--big .reviews-page-item__job h2 {
margin-bottom: 20px;
}
.reviews-page-item--big .reviews-page-item__job h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h3 {
font-size: 18px;
}
}
.reviews-page-item--big .reviews-page-item__job h3 {
margin-bottom: 20px;
}
.reviews-page-item--big .reviews-page-item__job h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-page-item--big .reviews-page-item__job h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-page-item--big .reviews-page-item__job h4 {
font-size: 16px;
}
}
.reviews-page-item--big .reviews-page-item__job h4 {
margin-bottom: 20px;
}
.reviews-all {
margin: 120px 0;
}
@media (max-width: 1280px) {
.reviews-all {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.reviews-all {
margin: 60px 0;
}
}
.reviews-all__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-all__title {
font-size: 18px;
}
}
.reviews-all__title {
padding-top: 30px;
border-top: 1px solid #1F2730;
margin-bottom: 50px;
}
@media (max-width: 480px) {
.reviews-all__title {
margin-bottom: 40px;
}
}
.reviews-all__wrapper {
margin: -50px -15px;
}
@media (max-width: 1000px) {
.reviews-all__wrapper {
margin: -40px -10px;
}
}
@media (max-width: 480px) {
.reviews-all__wrapper {
margin: -20px -10px;
}
}
.reviews-all-item {
width: calc(33.3333333333% - 30px);
margin: 50px 15px;
padding-right: 40px;
}
@media (max-width: 1000px) {
.reviews-all-item {
width: calc(50% - 20px);
margin: 40px 10px;
}
}
@media (max-width: 480px) {
.reviews-all-item {
width: calc(100% - 20px);
margin: 20px 10px;
}
}
.reviews-all-item__city {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__city {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__city {
font-size: 12px;
}
}
.reviews-all-item__city {
color: #9D9FA1;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.reviews-all-item__city {
margin-bottom: 6px;
}
}
.reviews-all-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-all-item__title {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.reviews-all-item__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 480px) and (max-width: 1280px) {
.reviews-all-item__title {
font-size: 26px;
}
}
@media (max-width: 480px) and (max-width: 1000px) {
.reviews-all-item__title {
font-size: 18px;
}
}
.reviews-all-item__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.reviews-all-item__text p {
font: inherit;
color: inherit;
}
.reviews-all-item__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.reviews-all-item__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.reviews-all-item__text ul li {
font: inherit;
color: inherit;
}
.reviews-all-item__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.reviews-all-item__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text {
font-size: 14px;
}
}
.reviews-all-item__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all-item__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.reviews-all-item__text h2 {
font-size: 24px;
}
}
.reviews-all-item__text h2 {
margin-bottom: 20px;
}
.reviews-all-item__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.reviews-all-item__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h3 {
font-size: 18px;
}
}
.reviews-all-item__text h3 {
margin-bottom: 20px;
}
.reviews-all-item__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.reviews-all-item__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__text h4 {
font-size: 16px;
}
}
.reviews-all-item__text h4 {
margin-bottom: 20px;
}
.reviews-all-item__text {
margin-top: 20px;
}
@media (max-width: 480px) {
.reviews-all-item__text {
margin-top: 10px;
}
}
.reviews-all-item__name {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__name {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__name {
font-size: 12px;
}
}
.reviews-all-item__name {
font-weight: 700;
margin-top: 30px;
}
@media (max-width: 480px) {
.reviews-all-item__name {
margin-top: 15px;
}
}
.reviews-all-item__job {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.reviews-all-item__job {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.reviews-all-item__job {
font-size: 12px;
}
}
.reviews-all-item__job {
margin-top: 0px;
}
@media (max-width: 480px) {
.reviews-all-item__job {
margin-top: 0;
}
}
.pagination {
margin-top: 100px;
padding-top: 30px;
border-top: 1px solid #1F2730;
}
@media (max-width: 1000px) {
.pagination {
margin-top: 40px;
padding-top: 10px;
}
}
.pagination__wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
position: relative;
}
.pagination__item {
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.pagination__item {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.pagination__item {
font-size: 12px;
}
}
.pagination__item {
font-weight: 300;
transition: 0.2s ease;
}
.pagination__item:hover, .pagination__item:active, .pagination__item:focus-visible {
color: #F53636;
}
.pagination__next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-bottom: 0;
}
.pagination__next svg {
transform: rotate(180deg);
}
.pagination__next {
display: flex;
align-items: center;
gap: 5px;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.pagination__next {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.pagination__next {
font-size: 12px;
}
}
.pagination__next {
transition: 0.2s ease;
}
.pagination__next svg {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
.pagination__next svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
.pagination__next:hover, .pagination__next:active, .pagination__next:focus-visible {
color: #F53636;
}
.pagination__next:hover svg path, .pagination__next:active svg path, .pagination__next:focus-visible svg path {
stroke: #F53636;
}
.contacts-page {
margin: 120px 0;
}
@media (max-width: 1280px) {
.contacts-page {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.contacts-page {
margin: 60px 0;
}
}
.contacts-page-item {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.contacts-page-item {
gap: 20px;
}
}
.contacts-page-item:not(:last-child) {
margin-bottom: 50px;
}
@media (max-width: 1000px) {
.contacts-page-item {
display: flex !important;
flex-direction: column-reverse !important;
}
}
.contacts-page-item__main {
grid-column: 1/6;
display: flex;
flex-direction: column;
}
@media (max-width: 1000px) {
.contacts-page-item__main {
grid-column: 1/13;
}
}
.contacts-page-item__phone {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__phone {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__phone {
font-size: 18px;
}
}
.contacts-page-item__phone {
font-family: "Normalidad Wide Black", sans-serif !important;
font-weight: 900;
transition: 0.2s ease;
display: inline-block;
margin-bottom: 15px;
}
.contacts-page-item__phone:hover, .contacts-page-item__phone:active, .contacts-page-item__phone:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.contacts-page-item__phone {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
font-family: "Normalidad Wide Black", sans-serif !important;
margin-bottom: 5px;
transition: 0s !important;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.contacts-page-item__phone {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.contacts-page-item__phone {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.contacts-page-item__phone {
font-size: 24px;
}
}
.contacts-page-item__office {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.contacts-page-item__office {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__office {
font-size: 16px;
}
}
.contacts-page-item__office {
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.contacts-page-item__office {
margin-bottom: 20px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__office {
margin-bottom: 10px;
}
}
.contacts-page-item__address {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.contacts-page-item__address p {
font: inherit;
color: inherit;
}
.contacts-page-item__address ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.contacts-page-item__address ul li:not(:last-child) {
margin-bottom: 12px;
}
.contacts-page-item__address ul li {
font: inherit;
color: inherit;
}
.contacts-page-item__address ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.contacts-page-item__address {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address {
font-size: 14px;
}
}
.contacts-page-item__address h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__address h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.contacts-page-item__address h2 {
font-size: 24px;
}
}
.contacts-page-item__address h2 {
margin-bottom: 20px;
}
.contacts-page-item__address h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.contacts-page-item__address h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h3 {
font-size: 18px;
}
}
.contacts-page-item__address h3 {
margin-bottom: 20px;
}
.contacts-page-item__address h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.contacts-page-item__address h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.contacts-page-item__address h4 {
font-size: 16px;
}
}
.contacts-page-item__address h4 {
margin-bottom: 20px;
}
.contacts-page-item__address {
max-width: 63%;
}
@media (max-width: 480px) {
.contacts-page-item__address {
max-width: 100%;
}
}
.contacts-page-item__img {
grid-column: 6/13;
}
.contacts-page-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feedback {
background: #FFFFFF !important;
padding: 0;
margin: 70px 0 120px;
}
@media (max-width: 1280px) {
.feedback {
margin: 60px 0 120px;
}
}
@media (max-width: 1000px) {
.feedback {
margin: 40px 0 60px;
}
}
.feedback__info {
grid-column: 1/6;
}
.feedback__form {
grid-column: 6/13;
}
.feedback__form .form__form {
margin-top: 40px;
}
@media (max-width: 1280px) {
.feedback__form .form__form {
margin-top: 20px;
}
}
.feedback__form .form__input {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.feedback__form .form__input {
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.feedback__form .form__input {
margin-bottom: 20px;
}
}
.feedback__form .form__privacy {
max-width: 380px;
}
@media (max-width: 480px) {
.feedback__form .form__privacy {
max-width: 300px;
}
}
.page-hero--feedback {
margin-bottom: 70px;
}
@media (max-width: 1280px) {
.page-hero--feedback {
margin-bottom: 60px;
}
}
@media (max-width: 1000px) {
.page-hero--feedback {
margin-bottom: 40px;
}
}
.quiz {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
align-items: center;
justify-content: center;
background: rgba(31, 39, 48, 0.8);
z-index: 999;
display: none;
animation: fade 0.2s ease;
}
.quiz.active {
display: flex;
}
.quiz__wrapper {
background: #FFFFFF;
padding: 60px;
width: 1200px;
max-height: 90dvh;
min-height: 670px;
overflow: auto;
position: relative;
display: flex;
}
@media (max-width: 1280px) {
.quiz__wrapper {
max-width: 90%;
}
}
@media (max-width: 1000px) {
.quiz__wrapper {
height: 90dvh;
padding: 40px 30px;
}
}
@media (max-width: 480px) {
.quiz__wrapper {
padding: 40px 20px;
}
}
.quiz__close {
position: absolute;
top: 30px;
right: 30px;
z-index: 3;
width: 46px;
height: 46px;
}
@media (max-width: 480px) {
.quiz__close {
top: 30px;
right: 20px;
}
}
.quiz__close svg, .quiz__close img {
width: 100%;
height: 100%;
}
.quiz__close svg path, .quiz__close img path {
transition: 0.2s ease;
stroke: #1F2730;
}
@media (max-width: 1000px) {
.quiz__close svg path, .quiz__close img path {
transition: 0s !important;
}
}
.quiz__close:hover svg path, .quiz__close:active svg path, .quiz__close:focus-visible svg path {
stroke: #F53636;
}
.quiz__form {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.quiz-indicator {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.quiz-indicator {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-indicator {
font-size: 14px;
}
}
.quiz-indicator {
margin-bottom: 60px;
}
.quiz-questions-item {
display: none;
animation: fade 0.5s ease;
}
.quiz-questions-item.active {
display: block;
}
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 14px;
}
}
.quiz-questions-item__question {
margin-bottom: 30px;
}
@media (max-width: 1280px) {
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__question {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
margin-bottom: 20px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.quiz-questions-item__question {
font-size: 22px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.quiz-questions-item__question {
font-size: 16px;
}
}
.quiz-questions-item__answers--flex {
display: flex;
gap: 60px;
}
@media (max-width: 1000px) {
.quiz-questions-item__answers--flex {
gap: 40px;
}
}
@media (max-width: 480px) {
.quiz-questions-item__answers--flex {
flex-direction: column;
gap: 15px;
}
}
.quiz-questions-item__answer:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1000px) {
.quiz-questions-item__answer:not(:last-child) {
margin-bottom: 15px;
}
}
.quiz-questions-item__radio, .quiz-questions-item__check {
display: block;
}
.quiz-questions-item__radio input, .quiz-questions-item__check input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.quiz-questions-item__radio label, .quiz-questions-item__check label {
position: relative;
cursor: pointer;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.quiz-questions-item__radio label p, .quiz-questions-item__check label p {
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul, .quiz-questions-item__check label ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul li:not(:last-child), .quiz-questions-item__check label ul li:not(:last-child) {
margin-bottom: 12px;
}
.quiz-questions-item__radio label ul li, .quiz-questions-item__check label ul li {
font: inherit;
color: inherit;
}
.quiz-questions-item__radio label ul.numbered-list, .quiz-questions-item__check label ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
font-size: 14px;
}
}
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
font-size: 24px;
}
}
.quiz-questions-item__radio label h2, .quiz-questions-item__check label h2 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
font-size: 18px;
}
}
.quiz-questions-item__radio label h3, .quiz-questions-item__check label h3 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
font-size: 16px;
}
}
.quiz-questions-item__radio label h4, .quiz-questions-item__check label h4 {
margin-bottom: 20px;
}
.quiz-questions-item__radio label, .quiz-questions-item__check label {
line-height: 100%;
padding-left: 30px;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label, .quiz-questions-item__check label {
padding-left: 23px;
}
}
.quiz-questions-item__radio label::before, .quiz-questions-item__check label::before {
content: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #1F2730;
width: 15px;
height: 15px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
margin-top: 5px;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio label::before, .quiz-questions-item__check label::before {
margin-top: 1px;
}
}
.quiz-questions-item__radio input:checked + label::after, .quiz-questions-item__check input:checked + label::after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 2px;
width: 11px;
height: 11px;
background: #F53636;
border-radius: 50%;
}
@media (max-width: 1000px) {
.quiz-questions-item__radio input:checked + label::after, .quiz-questions-item__check input:checked + label::after {
top: 3px;
}
}
.quiz-questions-item__check label::before {
border-radius: 0;
}
.quiz-questions-item__check input:checked + label::after {
border-radius: 0;
}
.quiz-questions-item__input, .quiz-questions-item__textarea {
max-width: 700px;
}
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
width: 100%;
padding: 5px 0;
border: none;
box-shadow: none;
border-bottom: 1px solid #1F2730;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
font-size: 12px;
}
}
.quiz-questions-item__input input, .quiz-questions-item__input textarea, .quiz-questions-item__textarea input, .quiz-questions-item__textarea textarea {
color: #1F2730;
font-weight: 500;
}
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
color: #9D9FA1;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
color: #9D9FA1;
font-family: "Geologica Roman", sans-serif;
font-size: 16px;
font-weight: 300;
}
@media (max-width: 1280px) {
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
font-size: 13px;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
font-size: 13px;
}
}
@media (max-width: 1000px) {
.quiz-questions-item__input input::-moz-placeholder, .quiz-questions-item__input textarea::-moz-placeholder, .quiz-questions-item__textarea input::-moz-placeholder, .quiz-questions-item__textarea textarea::-moz-placeholder {
font-size: 12px;
}
.quiz-questions-item__input input::placeholder, .quiz-questions-item__input textarea::placeholder, .quiz-questions-item__textarea input::placeholder, .quiz-questions-item__textarea textarea::placeholder {
font-size: 12px;
}
}
.quiz-questions-item__input input:focus, .quiz-questions-item__input textarea:focus, .quiz-questions-item__textarea input:focus, .quiz-questions-item__textarea textarea:focus {
outline: none;
border-color: #F53636;
}
.quiz-questions-item__input:not(:last-child), .quiz-questions-item__textarea:not(:last-child) {
margin-bottom: 40px;
}
.quiz-questions-item__textarea {
width: 100%;
max-width: 100%;
}
.quiz-questions-item__textarea textarea {
height: 40px;
resize: none;
}
.quiz-questions-item .form__consent {
margin-top: 24px;
}
.quiz-questions-item .form__consent-text {
max-width: 400px;
}
.quiz-questions-item .form__consent-label:hover .form__consent-box {
border-color: #9D9FA1;
}
.quiz-controls {
position: relative;
width: 100%;
margin-top: 100px;
}
@media (max-width: 1000px) {
.quiz-controls {
margin-top: 40px;
}
}
.quiz-controls__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-bottom: 2px;
border-bottom: 2px solid #9D9FA1;
color: #9D9FA1;
transition: 0.2s ease;
display: inline-flex;
gap: 10px;
align-items: center;
font-size: 20px;
}
@media (max-width: 1280px) {
.quiz-controls__btn {
font-size: 16px;
}
.quiz-controls__btn svg {
flex: 0 0 14px;
height: 14px;
width: 14px;
}
}
@media (max-width: 1000px) {
.quiz-controls__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.quiz-controls__btn {
font-size: 14px;
padding-bottom: 1px;
}
.quiz-controls__btn svg {
flex: 0 0 14px;
height: 14px;
width: 14px;
}
}
.quiz-controls__btn span {
font: inherit;
color: inherit;
}
.quiz-controls__btn svg {
flex: 0 0 20px;
height: 20px;
width: 20px;
}
.quiz-controls__btn svg path {
stroke: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.quiz-controls__btn svg path {
transition: 0s !important;
}
}
.quiz-controls__btn:hover, .quiz-controls__btn:active, .quiz-controls__btn:focus-visible {
color: #F53636;
border-color: #F53636;
}
.quiz-controls__btn:hover svg path, .quiz-controls__btn:active svg path, .quiz-controls__btn:focus-visible svg path {
stroke: #F53636;
}
.quiz-controls__prev {
left: 0;
}
.quiz-controls__next {
right: 0;
color: #1F2730;
border-color: #1F2730;
}
.quiz-controls__next svg path {
stroke: #1F2730;
}
.quiz-controls__submit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-controls__submit {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-controls__submit {
font-size: 14px;
}
}
.quiz-controls__submit {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.quiz-controls__submit:hover, .quiz-controls__submit:active, .quiz-controls__submit:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.quiz-controls__submit {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.quiz-controls__submit {
padding: 18px 36px;
}
}
.quiz-controls__submit:disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.quiz-message {
margin-top: 30px;
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.quiz-message {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-message {
font-size: 14px;
}
}
.quiz-message {
color: #F53636;
display: none;
}
.quiz-message.active {
display: block;
}
.quiz-result {
width: 100%;
height: 100%;
align-items: center;
flex-direction: column;
justify-content: center;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
z-index: 2;
}
.quiz-result.active {
display: flex;
}
.quiz-result__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-result__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-result__title {
font-size: 24px;
}
}
.quiz-result__title {
text-align: center;
}
.quiz-result__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.quiz-result__suptitle p {
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul li:not(:last-child) {
margin-bottom: 12px;
}
.quiz-result__suptitle ul li {
font: inherit;
color: inherit;
}
.quiz-result__suptitle ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.quiz-result__suptitle {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle {
font-size: 14px;
}
}
.quiz-result__suptitle h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.quiz-result__suptitle h2 {
font-size: 24px;
}
}
.quiz-result__suptitle h2 {
margin-bottom: 20px;
}
.quiz-result__suptitle h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h3 {
font-size: 18px;
}
}
.quiz-result__suptitle h3 {
margin-bottom: 20px;
}
.quiz-result__suptitle h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.quiz-result__suptitle h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.quiz-result__suptitle h4 {
font-size: 16px;
}
}
.quiz-result__suptitle h4 {
margin-bottom: 20px;
}
.quiz-result__suptitle {
color: #1F2730;
text-align: center;
margin-top: 16px;
}
.frontpage-slider {
height: 55vh;
position: relative;
overflow: visible !important;
}
@media (max-width: 1280px) {
.frontpage-slider {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 45%;
}
.frontpage-slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.frontpage-slider {
height: 0;
}
}
@media (max-width: 1000px) {
.frontpage-slider {
position: relative;
overflow: hidden;
max-height: 0;
width: 100%;
padding-top: 48%;
}
.frontpage-slider > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.frontpage-slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.frontpage-slider__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.frontpage-slider__arrows {
position: absolute;
z-index: 2;
bottom: 50px;
right: calc((100% - 1440px) / 2);
display: flex;
gap: 12px;
}
@media (max-width: 1500px) {
.frontpage-slider__arrows {
right: calc((100% - 1240px) / 2);
}
}
@media (max-width: 1280px) {
.frontpage-slider__arrows {
right: calc((100% - 940px) / 2);
}
}
@media (max-width: 1000px) {
.frontpage-slider__arrows {
right: 20px;
bottom: 20px;
gap: 8px;
}
}
.frontpage-slider__arrow {
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
border: none !important;
}
.frontpage-slider__arrow.prev-arrow svg {
transform: translateX(-1px);
}
.frontpage-slider__arrow.next-arrow svg {
transform: translateX(1px);
}
.frontpage-slider__arrow svg path {
stroke: #1F2730;
}
.frontpage-slider__arrow:hover {
background: #FFFFFF;
}
.frontpage-slider__arrow:hover svg path {
stroke: #F53636;
}
.frontpage-slider__pagination {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50% !important;
transform: translateX(-50%) !important;
top: calc(100% + 20px) !important;
}
.frontpage-slider__pagination .swiper-pagination-bullet-active {
background: #F53636;
}
@media (max-width: 480px) {
.frontpage-slider__pagination {
gap: 0 !important;
}
.frontpage-slider__pagination .swiper-pagination-bullet {
flex: 0 0 6px !important;
width: 6px !important;
height: 6px !important;
margin: 0 3px !important;
}
}
@media (max-width: 480px) {
.calc {
padding: 40px 0;
}
}
.calc__main {
display: flex;
flex-direction: column;
height: 100%;
}
.calc__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.calc__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.calc__title {
font-size: 32px;
}
}
.calc__title {
color: #FFFFFF;
}
@media (max-width: 1280px) {
.calc__title {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.calc__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.calc__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.calc__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.calc__title {
font-size: 24px;
}
}
.calc__text {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.calc__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.calc__text {
font-size: 14px;
}
}
.calc__text {
color: #FFFFFF;
margin-top: 10px;
}
.calc__footer {
display: flex;
align-items: center;
gap: 30px;
margin-top: auto;
}
@media (max-width: 1280px) {
.calc__footer {
margin-top: 30px;
}
}
@media (max-width: 1000px) {
.calc__footer {
margin-top: 30px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.calc__footer {
gap: 10px;
margin-top: 25px;
}
}
.calc__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.calc__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.calc__btn {
font-size: 14px;
}
}
.calc__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.calc__btn:hover, .calc__btn:active, .calc__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.calc__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.calc__btn {
padding: 18px 36px;
}
}
.calc__btn--disabled {
background: #956666;
color: #DFCCCC;
cursor: not-allowed;
pointer-events: none;
}
.calc__privacy {
font-family: "Geologica Roman", sans-serif;
font-size: 14px;
font-weight: 300;
color: #FFFFFF;
max-width: 350px;
color: #9D9FA1;
}
@media (max-width: 1280px) {
.calc__privacy {
font-size: 12px;
}
}
.calc__privacy a {
font: inherit;
color: inherit;
transition: 0.2s ease;
text-decoration: underline;
}
.calc__privacy a:hover, .calc__privacy a:active, .calc__privacy a:focus-visible {
color: #F53636;
}
@media (max-width: 1000px) {
.calc__privacy a {
transition: 0s !important;
}
}
.layout {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.layout {
gap: 20px;
}
}
.layout {
align-items: stretch;
}
.layout__left {
grid-column: 1/5;
padding-right: 20px;
color: inherit;
}
@media (max-width: 1000px) {
.layout__left {
padding-right: 0;
}
}
.layout__right {
grid-column: 5/13;
color: inherit;
}
.layout__right img {
width: 100%;
}
.layout__right img + img {
margin-top: 20px;
}
.layout__right--2-photo {
margin: -10px;
}
.layout__right--2-photo img {
display: inline-block;
width: calc(50% - 20px);
margin: 10px;
}
@media (max-width: 1000px) {
.layout {
display: flex;
flex-direction: column;
}
.layout.calc__layout {
flex-direction: column-reverse;
gap: 50px;
}
.layout--nomargin {
gap: 0;
}
}
@media (max-width: 480px) {
.layout.calc__layout {
flex-direction: column-reverse;
gap: 30px;
}
}
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
justify-content: center;
align-items: center;
background: rgba(31, 39, 48, 0.8);
z-index: 1000;
display: none;
animation: fade 0.2s ease;
}
.popup.active {
display: flex;
}
.popup__wrapper {
max-height: 95%;
padding: 40px;
background: #FFFFFF;
position: relative;
overflow: auto;
max-width: 95%;
}
@media (max-width: 1000px) {
.popup__wrapper {
padding: 40px 20px;
}
}
.popup__close {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
}
@media (max-width: 1000px) {
.popup__close {
width: 20px;
height: 20px;
}
}
.offers {
padding: 120px 0;
}
@media (max-width: 1500px) {
.offers {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.offers {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.offers {
padding: 60px 0;
}
}
.offers {
background: #E1E4E9;
}
.offers__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.offers__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.offers__wrapper {
gap: 0;
}
}
.offer {
grid-column: span 4;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1000px) {
.offer {
grid-column: span 12;
}
.offer:not(:last-child) {
margin-bottom: 60px;
}
}
.offer__heading {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__heading p {
font: inherit;
color: inherit;
}
.offer__heading ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__heading ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__heading ul li {
font: inherit;
color: inherit;
}
.offer__heading ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__heading {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__heading {
font-size: 14px;
}
}
.offer__heading h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__heading h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__heading h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__heading h2 {
font-size: 24px;
}
}
.offer__heading h2 {
margin-bottom: 20px;
}
.offer__heading h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__heading h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__heading h3 {
font-size: 18px;
}
}
.offer__heading h3 {
margin-bottom: 20px;
}
.offer__heading h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__heading h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__heading h4 {
font-size: 16px;
}
}
.offer__heading h4 {
margin-bottom: 20px;
}
.offer__heading {
color: #F53636;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.offer__heading {
margin-bottom: 20px;
}
}
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.offer__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.offer__title {
font-size: 32px;
}
}
.offer__title {
margin-bottom: 15px;
}
@media (max-width: 1500px) {
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1500px) and (max-width: 1280px) {
.offer__title {
font-size: 40px;
}
}
@media (max-width: 1500px) and (max-width: 1000px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1500px) and (max-width: 480px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1280px) {
.offer__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.offer__title {
font-size: 26px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.offer__title {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.offer__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
margin-bottom: 10px;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.offer__title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.offer__title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.offer__title {
font-size: 24px;
}
}
.offer__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__suptitle {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__suptitle {
font-size: 16px;
}
}
.offer__suptitle {
margin-bottom: 20px;
max-width: 400px;
height: 4em;
}
@media (max-width: 1280px) {
.offer__suptitle {
height: auto;
}
}
@media (max-width: 1000px) {
.offer__suptitle {
margin-bottom: 15px;
}
}
.offer__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__text p {
font: inherit;
color: inherit;
}
.offer__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__text ul li {
font: inherit;
color: inherit;
}
.offer__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__text {
font-size: 14px;
}
}
.offer__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__text h2 {
font-size: 24px;
}
}
.offer__text h2 {
margin-bottom: 20px;
}
.offer__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__text h3 {
font-size: 18px;
}
}
.offer__text h3 {
margin-bottom: 20px;
}
.offer__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__text h4 {
font-size: 16px;
}
}
.offer__text h4 {
margin-bottom: 20px;
}
.offer__text {
margin-bottom: 50px;
}
@media (max-width: 1000px) {
.offer__text {
margin-bottom: 30px;
}
}
.offer__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__btn {
font-size: 14px;
}
}
.offer__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.offer__btn:hover, .offer__btn:active, .offer__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.offer__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.offer__btn {
padding: 18px 36px;
}
}
.offer__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.offer__btn p {
font: inherit;
color: inherit;
}
.offer__btn ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.offer__btn ul li:not(:last-child) {
margin-bottom: 12px;
}
.offer__btn ul li {
font: inherit;
color: inherit;
}
.offer__btn ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.offer__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.offer__btn {
font-size: 14px;
}
}
.offer__btn h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__btn h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.offer__btn h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.offer__btn h2 {
font-size: 24px;
}
}
.offer__btn h2 {
margin-bottom: 20px;
}
.offer__btn h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.offer__btn h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.offer__btn h3 {
font-size: 18px;
}
}
.offer__btn h3 {
margin-bottom: 20px;
}
.offer__btn h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.offer__btn h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.offer__btn h4 {
font-size: 16px;
}
}
.offer__btn h4 {
margin-bottom: 20px;
}
.offer__btn {
font-weight: 700;
background: #FFFFFF;
color: #1F2730;
text-decoration: none !important;
}
.offer__btn:hover, .offer__btn:active, .offer__btn:focus-visible {
background: #F53636;
color: #FFFFFF;
}
.offer__btn {
margin-top: auto;
}
.info-video {
margin: 120px 0;
}
@media (max-width: 1280px) {
.info-video {
margin: 80px 0;
}
}
@media (max-width: 1000px) {
.info-video {
margin: 60px 0;
}
}
.info-video__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.info-video__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.info-video__title {
font-size: 32px;
}
}
.info-video__title {
margin-bottom: 40px;
}
@media (max-width: 1280px) {
.info-video__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.info-video__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.info-video__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.info-video__title {
font-size: 24px;
}
}
.info-video__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.info-video__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.info-video__wrapper {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
gap: 20px;
}
}
.info-video__content {
grid-column: 1/5;
}
.info-video__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.info-video__text p {
font: inherit;
color: inherit;
}
.info-video__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.info-video__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.info-video__text ul li {
font: inherit;
color: inherit;
}
.info-video__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.info-video__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.info-video__text {
font-size: 14px;
}
}
.info-video__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.info-video__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.info-video__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.info-video__text h2 {
font-size: 24px;
}
}
.info-video__text h2 {
margin-bottom: 20px;
}
.info-video__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.info-video__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.info-video__text h3 {
font-size: 18px;
}
}
.info-video__text h3 {
margin-bottom: 20px;
}
.info-video__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.info-video__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.info-video__text h4 {
font-size: 16px;
}
}
.info-video__text h4 {
margin-bottom: 20px;
}
.info-video__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.info-video__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.info-video__btn {
font-size: 14px;
}
}
.info-video__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.info-video__btn:hover, .info-video__btn:active, .info-video__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.info-video__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.info-video__btn {
padding: 18px 36px;
}
}
.info-video__btn {
margin-top: 80px;
}
@media (max-width: 1000px) {
.info-video__btn {
margin-top: 30px;
}
}
.info-video__video {
grid-column: 5/13;
}
.service-tabs {
padding: 120px 0;
}
@media (max-width: 1500px) {
.service-tabs {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.service-tabs {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.service-tabs {
padding: 60px 0;
}
}
.service-tabs {
background: #1F2730;
}
.service-tabs__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.service-tabs__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.service-tabs__title {
font-size: 32px;
}
}
.service-tabs__title {
margin-bottom: 80px;
color: #FFFFFF;
max-width: 800px;
}
@media (max-width: 1280px) {
.service-tabs__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1280px) and (max-width: 1280px) {
.service-tabs__title {
font-size: 40px;
}
}
@media (max-width: 1280px) and (max-width: 1000px) {
.service-tabs__title {
font-size: 24px;
}
}
@media (max-width: 1280px) and (max-width: 480px) {
.service-tabs__title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
.service-tabs__title {
margin-bottom: 40px;
}
}
.service-tabs__tabs {
display: flex;
}
.service-tabs__tab {
flex: 1 0;
text-align: center;
padding-bottom: 15px;
position: relative;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__tab {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-tabs__tab {
font-size: 18px;
}
}
.service-tabs__tab {
text-align: center;
color: #9D9FA1;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.service-tabs__tab {
transition: 0s !important;
}
}
@media (max-width: 640px) {
.service-tabs__tab {
text-align: left;
padding-right: 2rem;
}
}
.service-tabs__tab::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #FFFFFF;
transition: 0.2s ease;
}
@media (max-width: 1000px) {
.service-tabs__tab::after {
transition: 0s !important;
}
}
.service-tabs__tab.active {
color: #FFFFFF;
}
.service-tabs__tab.active::after {
height: 4px;
}
.service-tabs__content {
animation: fade 0.2s ease;
}
.service-tabs__content.active {
display: flex;
}
.service-tabs__content {
margin-top: 80px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.service-tabs__content {
gap: 20px;
margin-top: 40px;
}
}
@media (max-width: 1000px) {
.service-tabs__content {
grid-template-columns: 1fr;
gap: 30px;
}
}
.service-tabs__item-num {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (max-width: 1280px) {
.service-tabs__item-num {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-num {
font-size: 14px;
}
}
.service-tabs__item-num {
color: #FFFFFF;
margin-bottom: 15px;
}
.service-tabs__item-text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.service-tabs__item-text p {
font: inherit;
color: inherit;
}
.service-tabs__item-text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.service-tabs__item-text ul li:not(:last-child) {
margin-bottom: 12px;
}
.service-tabs__item-text ul li {
font: inherit;
color: inherit;
}
.service-tabs__item-text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.service-tabs__item-text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text {
font-size: 14px;
}
}
.service-tabs__item-text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__item-text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.service-tabs__item-text h2 {
font-size: 24px;
}
}
.service-tabs__item-text h2 {
margin-bottom: 20px;
}
.service-tabs__item-text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.service-tabs__item-text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h3 {
font-size: 18px;
}
}
.service-tabs__item-text h3 {
margin-bottom: 20px;
}
.service-tabs__item-text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.service-tabs__item-text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.service-tabs__item-text h4 {
font-size: 16px;
}
}
.service-tabs__item-text h4 {
margin-bottom: 20px;
}
.service-tabs__item-text {
color: #FFFFFF;
}
.project-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: #FFFFFF;
overflow: auto;
z-index: 1000;
display: none;
animation: fade 0.2s ease;
}
.project-modal.active {
display: block;
}
.project-modal .container {
position: relative;
}
.project-modal__close {
position: sticky;
top: 20px;
right: 0;
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
padding: 10px;
z-index: 5;
margin-left: auto;
cursor: pointer;
transition: 0.2s ease;
}
.project-modal__close img, .project-modal__close svg {
width: 100%;
height: 100%;
}
.project-modal__close svg path {
stroke: #1F2730;
transition: 0.2s ease;
}
.project-modal__close:hover {
background: #FFFFFF;
}
.project-modal__close:hover svg path {
stroke: #F53636;
}
.project-modal__main {
width: 100%;
height: 100%;
max-height: 100%;
padding: 0 0 50px;
}
.project-modal__slider {
position: relative;
width: 100%;
max-height: 0;
padding-top: 56.5%;
}
.project-modal__slider .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.project-modal__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project-modal__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 70px;
height: 70px;
border-radius: 100%;
overflow: hidden;
background: #FFFFFF;
padding: 20px;
}
.project-modal__arrow img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.project-modal__pagination {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
@media (max-width: 1000px) {
.project-modal__pagination {
gap: 6px;
margin-top: 20px;
}
}
.project-modal__pagination .swiper-pagination-bullet {
margin: 0 !important;
height: 15px;
width: 15px;
flex: 0 0 15px;
opacity: 1;
background: #D9D9D9;
}
.project-modal__pagination .swiper-pagination-bullet-active {
background: #F53636;
}
@media (max-width: 1000px) {
.project-modal__pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
flex: 0 0 8px;
}
}
.project-modal__info {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.project-modal__info {
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-modal__info {
display: block;
margin-top: 40px;
}
}
.project-modal__title {
grid-column: 1/5;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.project-modal__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.project-modal__title {
font-size: 18px;
}
}
.project-modal__title {
padding-right: 20px;
}
@media (max-width: 1000px) {
.project-modal__title {
padding-right: 0;
margin-bottom: 40px;
}
}
.project-modal__cols {
grid-column: 5/13;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 1280px) {
.project-modal__cols {
gap: 20px;
}
}
@media (max-width: 1000px) {
.project-modal__cols {
grid-template-columns: 1fr;
}
}
.project-modal__cols ul, .project-modal__cols ol {
display: block !important;
margin: 22px 0 !important;
}
.project-modal__cols ul li::before, .project-modal__cols ol li::before {
content: "— ";
}
.project-modal__cols ul li, .project-modal__cols ol li {
margin: 0 !important;
}
.project-modal__cols h2:not(:first-child), .project-modal__cols h3:not(:first-child), .project-modal__cols h4:not(:first-child), .project-modal__cols h5:not(:first-child) {
margin-top: 40px;
}
.project-modal__col {
padding-right: 20px;
}
.project-modal__gallery {
margin-top: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 50px;
}
.project-modal__image {
width: 100%;
}
.project-modal__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cta-small {
padding: 60px 0;
background: #E1E4E9;
}
@media (max-width: 1000px) {
.cta-small {
padding: 40px 0;
}
}
.cta-small__wrapper {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
@media (max-width: 1280px) {
.cta-small__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.cta-small__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
}
}
.cta-small__title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta-small__title {
font-size: 18px;
}
}
.cta-small__title {
padding-right: 20px;
}
@media (max-width: 1000px) {
.cta-small__title {
margin-bottom: 15px;
}
}
.cta-small__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.cta-small__text p {
font: inherit;
color: inherit;
}
.cta-small__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.cta-small__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.cta-small__text ul li {
font: inherit;
color: inherit;
}
.cta-small__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.cta-small__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cta-small__text {
font-size: 14px;
}
}
.cta-small__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.cta-small__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.cta-small__text h2 {
font-size: 24px;
}
}
.cta-small__text h2 {
margin-bottom: 20px;
}
.cta-small__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.cta-small__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.cta-small__text h3 {
font-size: 18px;
}
}
.cta-small__text h3 {
margin-bottom: 20px;
}
.cta-small__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cta-small__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.cta-small__text h4 {
font-size: 16px;
}
}
.cta-small__text h4 {
margin-bottom: 20px;
}
.cta-small__text {
padding-right: 20px;
}
.cta-small__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cta-small__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cta-small__btn {
font-size: 14px;
}
}
.cta-small__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.cta-small__btn:hover, .cta-small__btn:active, .cta-small__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.cta-small__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.cta-small__btn {
padding: 18px 36px;
}
}
.cta-small__btn {
justify-self: start;
}
@media (max-width: 1000px) {
.cta-small__btn {
margin-top: 30px;
}
}
.request {
padding: 120px 0;
}
@media (max-width: 1500px) {
.request {
padding: 100px 0;
}
}
@media (max-width: 1280px) {
.request {
padding: 70px 0;
}
}
@media (max-width: 1000px) {
.request {
padding: 60px 0;
}
}
.request {
background: #E1E4E9;
}
.request__wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.request__wrapper {
gap: 20px;
}
}
@media (max-width: 1000px) {
.request__wrapper {
display: block;
}
}
.request__left {
grid-column: 1/5;
}
.request__title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 48px;
line-height: 120%;
}
@media (max-width: 1280px) {
.request__title {
font-size: 42px;
}
}
@media (max-width: 1000px) {
.request__title {
font-size: 32px;
}
}
.request__title {
margin-bottom: 24px;
}
.request__suptitle {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.request__suptitle {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.request__suptitle {
font-size: 16px;
}
}
.request__right {
grid-column: 5/13;
}
.request__form {
margin-top: 0 !important;
}
.request__form form {
margin-top: 0 !important;
}
@media (max-width: 1000px) {
.request__form {
margin-top: 40px !important;
}
}
.landings {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 1280px) {
.landings {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.landings {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 420px) {
.landings {
grid-template-columns: repeat(1, 1fr);
}
}
.page-404 {
margin: 225px 0 120px;
}
@media (max-width: 1280px) {
.page-404 {
margin: 160px 0 80px;
}
}
@media (max-width: 1000px) {
.page-404 {
margin: 140px 0 60px;
}
}
.page-404__wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 1000px) {
.page-404__wrapper {
align-items: flex-start;
}
}
.page-404__num {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: clamp(100px, 18.5vw, 350px);
line-height: 100%;
text-align: center;
color: #1F2730;
}
@media (max-width: 1000px) {
.page-404__num {
text-align: left;
}
}
.page-404__title {
margin-top: 4rem;
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-404__title {
font-size: 18px;
}
}
.page-404__title {
color: #1F2730;
text-align: center;
}
@media (max-width: 1000px) {
.page-404__title {
text-align: left;
}
}
.page-404__text {
font-family: "Geologica Roman", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 140%;
}
.page-404__text p {
font: inherit;
color: inherit;
}
.page-404__text ul {
margin: 16px 0 30px;
font: inherit;
color: inherit;
}
.page-404__text ul li:not(:last-child) {
margin-bottom: 12px;
}
.page-404__text ul li {
font: inherit;
color: inherit;
}
.page-404__text ul.numbered-list {
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.page-404__text {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.page-404__text {
font-size: 14px;
}
}
.page-404__text h2 {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__text h2 {
font-size: 40px;
}
}
@media (max-width: 1000px) {
.page-404__text h2 {
font-size: 24px;
}
}
@media (max-width: 480px) {
.page-404__text h2 {
font-size: 24px;
}
}
.page-404__text h2 {
margin-bottom: 20px;
}
.page-404__text h3 {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.page-404__text h3 {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.page-404__text h3 {
font-size: 18px;
}
}
.page-404__text h3 {
margin-bottom: 20px;
}
.page-404__text h4 {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-404__text h4 {
font-size: 22px;
}
}
@media (max-width: 1000px) {
.page-404__text h4 {
font-size: 16px;
}
}
.page-404__text h4 {
margin-bottom: 20px;
}
.page-404__text {
text-align: center;
color: #1F2730;
margin-top: 1rem;
}
@media (max-width: 1000px) {
.page-404__text {
text-align: left;
}
}
.page-404__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.page-404__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.page-404__btn {
font-size: 14px;
}
}
.page-404__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.page-404__btn:hover, .page-404__btn:active, .page-404__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.page-404__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.page-404__btn {
padding: 18px 36px;
}
}
.page-404__btn {
margin-top: 6rem;
}
.cookie-notice {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
transform: translateY(100%);
transition: transform 0.3s ease;
}
.cookie-notice.visible {
transform: translateY(0);
}
.cookie-notice__inner {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 32px 40px;
max-width: 1440px;
margin: 0 auto;
background: #1F2730;
}
@media (max-width: 1500px) {
.cookie-notice__inner {
max-width: 1240px;
}
}
@media (max-width: 1280px) {
.cookie-notice__inner {
max-width: 940px;
gap: 20px;
padding: 20px 30px;
}
}
@media (max-width: 640px) {
.cookie-notice__inner {
padding: 15px 15px 20px 15px;
gap: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.cookie-notice__text {
flex: 1 0;
font-size: 16px;
font-weight: 300;
line-height: 150%;
color: #FFFFFF;
}
@media (max-width: 1280px) {
.cookie-notice__text {
font-size: 14px;
}
}
@media (max-width: 640px) {
.cookie-notice__text {
width: 100%;
}
}
.cookie-notice__link {
color: #FFFFFF;
text-decoration: underline;
transition: color 0.2s ease;
}
.cookie-notice__link:hover, .cookie-notice__link:focus-visible {
color: #F53636;
}
@media (max-width: 640px) {
.cookie-notice__link {
transition: 0s !important;
}
}
.cookie-notice__btn {
font-family: "Geologica Roman", sans-serif;
font-size: 24px;
line-height: 130%;
font-weight: 700;
}
@media (max-width: 1280px) {
.cookie-notice__btn {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.cookie-notice__btn {
font-size: 14px;
}
}
.cookie-notice__btn {
color: #FFFFFF;
padding: 19px 46px;
display: inline-flex;
text-align: center;
background: #F53636;
white-space: nowrap;
transition: 0.2s ease;
text-decoration: none !important;
}
.cookie-notice__btn:hover, .cookie-notice__btn:active, .cookie-notice__btn:focus-visible {
background: #C41B1B;
}
@media (max-width: 1000px) {
.cookie-notice__btn {
transition: 0s !important;
}
}
@media (max-width: 480px) {
.cookie-notice__btn {
padding: 18px 36px;
}
}
.cookie-notice__btn {
flex-shrink: 0;
cursor: pointer;
border: none;
margin-left: auto;
text-align: center;
justify-content: center;
font-size: 20px;
padding: 12px 78px;
}
@media (max-width: 640px) {
.cookie-notice__btn {
padding: 7px 36px;
font-size: 14px;
margin-left: 0;
}
}
.post-title {
font-family: "Geologica Roman", sans-serif;
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
@media (max-width: 1280px) {
.post-title {
font-size: 26px;
}
}
@media (max-width: 1000px) {
.post-title {
font-size: 18px;
}
}
.post-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-weight: 900;
}
@media (max-width: 1000px) {
.post-title {
font-family: "Normalidad Wide Black", sans-serif !important;
font-size: 42px;
line-height: 130%;
font-weight: 600;
}
}
@media (max-width: 1000px) and (max-width: 1280px) {
.post-title {
font-size: 40px;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.post-title {
font-size: 24px;
}
}
@media (max-width: 1000px) and (max-width: 480px) {
.post-title {
font-size: 24px;
}
}
.tabs__object {
animation: fade 0.2s ease;
}
.tabs__object.hidden {
display: none;
}
.page-title {
margin-bottom: 80px !important;
}
@media (max-width: 1000px) {
.page-title {
margin-bottom: 60px;
}
}
@media (max-width: 480px) {
.page-title {
font-size: 24px !important;
}
}
.scroll-margin {
scroll-margin: 14rem 0;
}
.popup-privacy__wrapper {
padding: 0 40px 40px 40px;
}
@media (max-width: 1000px) {
.popup-privacy__wrapper {
padding: 0 20px 20px 20px;
}
}
.popup-privacy__content {
padding-top: 20px;
}