@import "./fonts/GeneralSans/WEB/css/general-sans.css"; @import "./fonts/Rockstar_2/stylesheet.css"; @import "./fonts/WorkSans/stylesheet.css"; @import "./fonts/Stolzl/stylesheet.css"; *, *:before, *:after { box-sizing: border-box; } html { font-size: 10px; } body { font-size: 16px; margin: 0; background-color: rgba(4, 4, 4, 1); position: relative; width: 100%; } body.actived { overflow: hidden; } .c-elipse { width: 34rem; height: 34rem; border-radius: 100%; background-color: rgba(2, 120, 253, 1); display: block; position: absolute; top: 1.8rem; left: -8.2rem; -webkit-filter: blur(420px); -o-filter: blur(420px); -moz-filter: blur(420px); -ms-filter: blur(420px); filter: blur(420px); -webkit-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; opacity: 0.7; } .c-elipse-rose { width: 34rem; height: 34rem; background-color: rgba(175, 20, 255, 1); display: block; position: absolute; top: 41%; left: -5rem; -webkit-filter: blur(200px); -o-filter: blur(200px); -moz-filter: blur(200px); -ms-filter: blur(200px); filter: blur(200px); -webkit-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; opacity: 0.7; border-radius: 100%; } .c-elipse-2 { top: 80%; left: 75%; background-color: rgba(0, 239, 248, 1); -webkit-filter: blur(420px); -o-filter: blur(420px); -moz-filter: blur(420px); -ms-filter: blur(420px); filter: blur(250px); } .c-content-section { max-width: 132rem; width: 100%; display: block; position: relative; margin: 0 auto; padding-top: 7.7rem; } .c-content-article { display: flex; justify-content: center; flex-direction: column; gap: 5.2rem; } .c-content-article-table-title { display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; gap: 6rem; } .c-content-article-table-title-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); width: 52.7rem; margin: 0; } .c-content-article-table { max-width: 76rem; width: 100%; display: flex; align-items: center; gap: 5.5rem; padding-left: 2rem; padding-top: 5.8rem; padding-right: 11.6rem; padding-bottom: 0.1rem; position: relative; background-color: rgba(4, 4, 4, 1); overflow: hidden; margin-top: 1.5%; } .c-content-article-table-img-absolute { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; top: -0.01%; } .c-content-article-table-title-span { color: rgba(1, 120, 254, 1); } .c-content-article-table-title-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); width: 34.9rem; margin: 0; } .c-content-article-table-content { display: flex; flex-direction: column; gap: 7.2rem; z-index: 3; } .c-content-article-table-footer { display: flex; justify-content: space-around; align-items: flex-end; } .c-content-article-table-footer-svgs { display: flex; justify-content: center; align-items: flex-start; gap: 2rem; } .c-content-article-table-aside { display: flex; flex-direction: column; gap: 1rem; z-index: 3; } .c-content-article-table-aside a { text-decoration: none; margin: 0; padding: 0; } .c-content-article-hero { width: 100%; height: 79rem; position: relative; padding-top: 11rem; } .c-content-article-hero-vector { position: absolute; right: 11.83rem; top: 2%; } .c-content-article-hero-img { position: absolute; -webit-right: 2%; -o-right: 2%; -mos-right: 2%; -mz-right: 2%; right: 2%; -webkit-top: 0; -o-top: 0; -mos-top: 0; -mz-top: 0; top: 0; -webkit-width: max-content; -o-width: max-content; -ms-width: max-content; -moz-width: max-content; width: max-content; -webkit-height: 100%; -o-height: 100%; -ms-height: 100%; -moz-height: 100%; height: 100%; } .c-content-article-table-blur-absolute { position: absolute; left: 55%; top: 0; width: 35%; height: 60%; background-color: rgba(0, 239, 248, 1); -webkit-filter: blur(60px); -o-filter: blur(60px); -moz-filter: blur(60px); -ms-filter: blur(60px); filter: blur(60px); -webkit-background-image: linear-gradient(1deg, rgba(25, 22, 22, 2.5), rgba(0, 239, 248, 0.3)); -o-background-image: linear-gradient(1deg, rgba(25, 22, 22, 2.5), rgba(0, 239, 248, 0.3)); -moz-background-image: linear-gradient(1deg, rgba(25, 22, 22, 2.5), rgba(0, 239, 248, 0.3)); -ms-background-image: linear-gradient(1deg, rgba(25, 22, 22, 2.5), rgba(0, 239, 248, 0.3)); background-image: linear-gradient(1deg, rgba(25, 22, 22, 2.5), rgba(0, 239, 248, 0.3)); -webkit-opacity: 5; -o-opacity: 5; -moz-opacity: 5; -ms-opacity: 5; opacity: 5; border-radius: 100%; z-index: 2; } .c-btn-mobil-hero { display: none; } .c-content-article-svgs-absolute { display: none; } .c-content-article-union { display: flex; flex-direction: column; gap: 12rem; justify-content: space-between; width: 100%; } .c-content-article-union-imgs { display: flex; width: 100%; align-items: center; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; } .c-content-article-union-imgs img { width: 100%; } .c-content-article-union-imuchesdvo { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 5.6rem; width: 100%; } .c-content-article-union-imuchesdvo-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-content-article-union-imuchesdvo-blocks-item { display: flex; justify-content: space-between; flex-direction: column; gap: 2.5rem; padding: 2.2rem; position: relative; } .c-content-article-union-img-absolute { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; top: -0.01%; } .c-content-article-union-imuchesdvo-blocks-svg { display: flex; justify-content: flex-end; align-items: flex-end; position: relative; z-index: 3; } .c-content-article-union-imuchesdvo-blocks-text { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 9.9rem; position: relative; z-index: 3; } .c-content-article-union-imuchesdvo-blocks-text-h2 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 32.8px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-content-article-union-imuchesdvo-blocks-text-div { display: flex; justify-content: space-between; align-items: flex-start; gap: 14.9rem; } .c-content-article-union-imuchesdvo-blocks-text-span { font-family: "RockStar", sans serif; font-weight: 600; font-size: 24px; line-height: 24.6px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-content-article-union-imuchesdvo-blocks-text-p { font-family: "RockStar-light", sans serif; font-weight: 400; font-size: 10px; line-height: 12px; color: rgba(255, 255, 255, 0.9); margin: 0; text-transform: lowercase; width: 18.4rem; } .c-content-article-union-imuchesdvo-blocks { width: 100%; display: flex; gap: 21px; justify-content: space-between; flex-wrap: wrap; } .c-blog-content { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 5.6rem; position: relative; width: 100%; } .c-blog-header { width: 100%; position: relative; } .c-blog-header-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-blog-header-a { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 15.28px; line-height: 15.28px; color: rgba(255, 255, 255, 1); margin: 0; text-decoration: none; position: relative; -webkit-float: right; -o-float: right; -moz-float: right; -ms-float: right; float: right; } .c-blog-header-a::after { display: block; content: ""; position: absolute; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 1); bottom: -5px; } .c-blog-footer-btn { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 auto; } .c-blog-body { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 5rem; width: 100%; margin: 0 auto; } .c-blog-body-title { position: relative; float: right; display: flex; justify-content: space-between; flex-direction: column; gap: 3.84rem; width: 25%; margin: 0 auto; margin-right: 2rem; padding-top: 26.46px; padding-right: 30.79px; z-index: 5; } .c-blog-body-text { display: flex; justify-content: space-between; flex-direction: column; gap: 25.9rem; position: relative; width: 538px; overflow: hidden; } .c-blog-body-special { flex-basis: 48%; } .c-blog-body-title-p { font-family: "WorkSans", sans serif; font-weight: 400; font-size: 11.02px; line-height: 12.13px; color: rgba(0, 239, 248, 1); margin: 0; text-transform: uppercase; } .c-blog-body-title-span { font-family: "WorkSans", sans serif; font-weight: 400; font-size: 11.02px; line-height: 12.13px; color: rgba(0, 239, 248, 1); margin: 0; } .c-blog-body-text-p { font-family: "WorkSans", sans serif; font-weight: 400; font-size: 11.02px; line-height: 12.13px; color: rgba(0, 239, 248, 1); margin: 0; width: 25%; padding-bottom: 30.76px; padding-left: 25.28px; z-index: 5; text-transform: uppercase; } .c-blog-body-logo { width: 10.32rem; height: 4.53rem; position: absolute; top: 26.46px; left: 25.28px; } .c-blog-body-img-1 { width: 3.69rem; height: 3.69rem; position: absolute; top: 12.3rem; } .c-blog-body-img-2 { width: 9.51rem; height: 9.51rem; position: absolute; top: 21.6rem; right: 11.3rem; } .c-blog-body-img-3 { width: 100%; height: 100%; position: absolute; right: -120px; } .c-blog-body-soldado { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .c-blog-body-item:nth-child(1) { display: flex; justify-content: space-between; width: 100%; align-items: flex-start; } .c-blog-body-description { flex-basis: 70%; padding: 57px 47px 57px 47px; display: flex; justify-content: space-between; flex-direction: column; gap: 19.2rem; background-color: rgba(14, 14, 14, 1); } .c-blog-body-description-title { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 1.5rem; width: 503px; } .c-blog-body-description-div { width: 266px; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 0.9rem; } .c-blog-body-description-h2 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 32.8px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-blog-body-description-span { font-family: "GeneralSans-Regular", sans serif; font-weight: 600; font-size: 14.4px; line-height: 14.4px; color: rgba(255, 255, 255, 1); margin: 0; opacity: 50%; text-transform: uppercase; } .c-blog-body-description-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; opacity: 50%; } .c-blog-body-description-btn { width: 503px; display: block; } .c-blog-body-btn { background-color: transparent; border: none; text-align: center; padding: 1.7rem 4.8rem; background-image: url(../img/rectangle_white.svg); background-origin: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; position: relative; height: 50.04px; width: 238.06px; } .c-blog-body-btn::after { display: block; content: ""; background-image: url(../img/subtract.svg); background-origin: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 1%; right: -0.3rem; width: 25px; height: 50px; } .c-blog-body-btn-span { font-family: "Stolzl", san-serif; font-Weight: 400; font-size: 1.6rem; line-height: 16.17px; color: rgba(1, 120, 254, 1); } .c-blog-body-item { display: flex; justify-content: space-between; width: 100%; gap: 1rem; align-items: flex-start; } .c-blog-body-card-1 { display: flex; justify-content: center; margin: 0; padding: 0; position: relative; width: 100%; align-items: flex-start; flex-direction: column; gap: 3.2rem; } .c-blog-body-card-1-content { display: block; justify-content: center; margin: 0; padding: 0; position: relative; } .c-blog-card-1-text { height: 315px; width: 315px; display: block; position: relative; -webkit-float: left; -o-float: left; -moz-float: left; -ms-float: left; float: left; } .c-blog-card-1-description { height: 315px; gap: 11.2rem; padding: 3.2rem 2rem; flex-basis: 10%; width: 315px; position: relative; -webkit-float: right; -o-float: right; -moz-float: right; -ms-float: right; float: right; } .c-blog-body-card-1-logo { top: 85%; left: 60%; } .c-blog-body-card-1-soldado { width: 287px; height: 278px; } .c-blog-body-card-1-p { font-family: "RockStar", sans serif; font-weight: 600; font-size: 22.59px; line-height: 22.59px; color: rgba(255, 255, 255, 1); margin: 0; position: relative; z-index: 2; width: auto; padding: 0; text-transform: uppercase; position: absolute; right: 7%; bottom: 20%; } .c-blog-body-card-1-img-1 { width: 5.19rem; height: 5.19rem; position: absolute; top: 14.6rem; } .c-blog-body-card-1-img-2 { width: 5.31rem; height: 5.31rem; position: absolute; top: 9.35rem; right: 0; } .c-blog-card-1-description-title { width: 100%; } .c-blog-card-1-btn { width: 100%; } .c-blog-body-card-2-soldado { width: 100%; height: 100%; } .c-users-content { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 5.6rem; width: 100%; position: relative; } .c-users-title-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-users-items { display: flex; align-items: flex-start; gap: 2rem; width: 100%; } .c-users-items-card { width: 315px; height: 514px; background-color: rgba(14, 14, 14, 1); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; } .c-users-items-card-svg { position: absolute; left: 25%; top: 15%; z-index: 1; } .c-img-card { object-fit: cover; aspect-ratio: 3 / 4; } .c-users-items-card-img { width: 100%; position: absolute; bottom: 0; z-index: 2; } .c-users-items-card-link { font-family: "WorkSans", sans serif; font-weight: 400; font-size: 9.95px; line-height: 11.7px; color: rgba(0, 239, 248, 1); margin: 0; text-decoration: none; text-transform: uppercase; position: absolute; top: 36px; right: 16px; z-index: 2; } .c-users-items-text { display: flex; justify-content: space-between; align-items: center; gap: 0.4rem; flex-direction: column; position: relative; z-index: 4; margin-bottom: 3.5rem; } .c-users-items-text-h2 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 32.8px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-users-items-text-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 18.45px; line-height: 22.14px; color: rgba(255, 255, 255, 1); margin: 0; opacity: 50%; } .c-users-items-card-svg-fond { width: 100%; position: absolute; bottom: -1%; z-index: 3; } .c-leit-content { display: flex; align-items: flex-start; width: 100%; gap: 4rem; position: relative; overflow: hidden; } .c-leit-content-img { display: block; width: 650.5px; height: 678px; position: relative; overflow: hidden; z-index: 2; } .c-leit-vector_svg_logo { position: absolute; top: 28.2rem; right: 3rem; z-index: 3; } .c-leit-vector_svg { width: 100%; height: 100%; position: absolute; top: 15%; left: 0; } .c-leit-soldado_4 { width: 80%; height: 100%; position: absolute; bottom: 0; } .c-leit-svgs-seti { display: flex; align-items: center; flex-direction: column; width: 10%; gap: 1.4rem; position: absolute; right: 3.2rem; bottom: 6.45rem; } .c-leit-svgs-a { text-decoration: none; margin: 0; padding: 0; } .c-leit-content-text { padding-top: 23.6rem; padding-left: 0; display: flex; align-items: flex-start; gap: 5.6rem; flex-direction: column; position: relative; z-index: 2; } .c-leit-content-text-h2 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-leit-img-absolute { height: 760px; width: 313px; position: absolute; right: 0; top: -3%; z-index: 1; } .c-content-leit-aside { display: none; } .c-ask-content { width: 100%; margin: 0; padding: 0; } .c-ask-content-item { width: 100%; height: auto; display: flex; align-items: flex-start; flex-direction: column; gap: 1.6rem; border-bottom: 3px solid rgba(255, 255, 255, 1); padding: 1.6rem 0; overflow: hidden; transition: all 0.2s ease; } .c-ask-content-title { width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .c-ask-content-title-h3 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 32px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-ask-content-title-span { background-image: url("../img/plus_open.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 48px; height: 48px; transition: all 0.2s ease; transform: rotate(0deg); } .c-ask-content-text { width: 100%; display: none; } .c-ask-content-text-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; opacity: 50%; } .c-ask-content-item.openBlock { height: auto; } .c-ask-content-title-span.openBlock { transform: rotate(45deg); } .c-about-content { display: flex; align-items: flex-start; width: 100%; position: relative; overflow: hidden; } .c-about-content-item:nth-child(2) { width: 582px; height: 732.67px; } .c-about-content-item:nth-child(1) { padding-top: 10.33rem; padding-bottom: 10.33rem; padding-right: 22.4rem; display: flex; align-items: flex-start; flex-direction: column; gap: 5.6rem; } .c-about-svgs { display: flex; align-items: center; gap: 7rem; } .c-about-h1 { font-family: "RockStar", sans serif; font-weight: 600; font-size: 72px; line-height: 72px; color: rgba(255, 255, 255, 1); margin: 0; text-transform: uppercase; } .c-about-text { padding-left: 3.6rem; position: relative; } .c-about-text::before { display: block; content: ""; position: absolute; background-image: url("../img/line_blue.svg"); background-position: center; background-repeat: no-repeat; width: 16px; height: 100%; top: 0; left: 0; } .c-about-text-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); width: 47.8rem; margin: 0; } .c-about-text-p:nth-child(2) { margin: 1.2rem 0; } .c-about-text-p:nth-child(3) { margin: 1.2rem 0; } .c-pril-content { display: flex; align-items: flex-start; flex-direction: column; gap: 5.6rem; width: 100%; margin: 0; overflow: hidden; } .c-about-text-ul { padding: 0; margin: 0; padding-left: 1.5rem; } .c-about-text-ul-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; margin-left: -1.5rem; } .c-about-text-ul-li { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; } .c-pril-btn { margin: 0 auto; } .c-blog-card-image { width: 100%; } @media (max-width: 1250px) { .c-content-section { max-width: 95%; margin: 0 auto; padding-top: 7rem; } .c-content-article-hero { overflow: hidden; } .c-content-article-hero-vector { right: -8rem; } .c-content-article-hero-img { -webkit-right: -15%; -o-right: -15%; -ms-right: -15%; -moz-right: -15%; right: -15%; } .c-content-article-union-imgs { gap: 2.35rem; } .c-blog-body-description { flex-basis: 40%; } .c-blog-card-1-text { height: 250px; width: 250px; } .c-blog-card-1-description { height: 250px; width: 300px; } .c-blog-body-description-div { width: 100%; } .c-blog-card-1-description { gap: 6rem; } .c-blog-body-card-1-soldado { width: 100%; height: 100%; } .c-blog-body-card-1-p { z-index: 4; } .c-blog-body-description-span { font-size: 12.4px; line-height: 12.4px; } .c-blog-body-description-h2 { font-size: 25px; line-height: 25.8px; } .c-about-content-item:nth-child(1) { padding-right: 0; } .c-elipse-2 { left: 60%; } } @media (max-width: 1120px) { .c-blog-body-description { flex-basis: 60%; width: 100%; } .c-blog-body-description-title { width: 100%; } .c-blog-body-description-btn { width: 100%; } .c-blog-body-text { height: 500px; width: 500px; } .c-blog-body-title { margin-right: -2.2rem; } .c-content-article-hero-vector { right: -25rem; } .c-content-article-hero-img { -webkit-right: -30%; -o-right: -30%; -ms-right: -30%; -moz-right: -30%; right: -30%; } .c-blog-card-1-text { height: 460px; width: 100%; float: none; } .c-blog-card-1-description { height: 315px; width: 100%; float: none; } .c-blog-body-card-1-p { z-index: 2; } .c-blog-body-description-h2 { font-size: 32px; line-height: 32.8px; } .c-blog-body-item { justify-content: space-around; gap: 1rem; } .c-leit-vector_svg_logo { right: 1rem; } .c-leit-svgs-seti { bottom: 8.45rem; } .c-users-items { gap: 0rem; justify-content: space-between; } .c-about-content { flex-direction: column-reverse; gap: 4rem; } .c-about-content-item:nth-child(1) { padding: 0; width: 100%; } .c-about-content-item:nth-child(2) { margin: 0 auto; } .c-blog-body-text { gap: 2.9rem; } .c-elipse-2 { left: 60%; } .c-blog-body-card-1-content { width: 100%; } } @media (max-width: 990px) { .c-content-section { padding-top: 1rem; } .c-content-article-hero-vector { display: none; } .c-content-article-table-blur-absolute { display: none; } .c-content-article-table-img-absolute { display: none; } .c-content-article-hero-img { position: relative; -webkit-height: 438px; -o-height: 438px; -ms-height: 438px; -moz-height: 438px; height: 438px; } .c-content-article-hero { overflow: visible; padding-top: 5rem; height: auto; } .c-content-article-table { padding-top: 0; padding-bottom: 0; margin: 0 auto; padding-right: 2rem; } .c-blog-body-text { width: 65%; } .c-blog-body-description { width: 65%; gap: 14rem; } .c-blog-body-item:nth-child(1) { flex-direction: column; align-items: center; } .c-blog-card-1-text { width: 100%; } .c-blog-card-1-description { width: 360px; } .c-blog-body-item { justify-content: space-between; gap: 1rem; } .c-leit-content-img { width: 630.5px; height: 638px; } .c-leit-soldado_4 { width: 75%; height: 80%; } .c-leit-vector_svg { top: 20%; } .c-leit-vector_svg_logo { width: 30%; right: 3rem; top: 32.2rem; } .c-leit-svgs-a { width: 40px; height: 40px; } .c-leit-svgs-img { width: 100%; } .c-leit-content-text-h2 { font-size: 52px; line-height: 52px; } .c-ask-content-title-h3 { width: 80%; } .c-users-items-card { height: 660px; } .c-blog-body-title { margin-right: 3rem; } .c-elipse-2 { left: 50%; } } @media (max-width: 860px) and (orientation: landscape) { .c-content-article-union-imuchesdvo-blocks-item { width: 100%; } .c-content-article-union-imuchesdvo-blocks-text-div { width: 100%; } .c-content-article-union-imuchesdvo-blocks-text-h2 { width: 100%; } .c-blog-body-text { width: 65%; } .c-blog-body-description { width: 75%; } .c-blog-body-title { margin-right: 3rem; } .c-blog-body-item { justify-content: space-between; gap: 3rem; flex-direction: column; } .c-blog-card-1-text { width: 100%; } .c-blog-card-1-description { width: 100%; gap: 11.2rem; } .c-ask-content-title-h3 { width: 80%; } .c-users-items-card { height: 560px; } .c-ask-content-title-h3 { font-size: 30px; line-height: 30px; } .c-blog-body-special { width: 100%; } .c-img-blog { height: 100%; } .c-blog-card-1-description { height: auto; } } @media (max-width: 767px) { .c-content-article-table { max-width: 100%; padding: 0; } .c-content-article-union-imuchesdvo-blocks-item { width: 100%; } .c-content-article-union-imuchesdvo-blocks-text-div { width: 100%; } .c-content-article-union-imuchesdvo-blocks-text-h2 { width: 100%; } .c-blog-body { gap: 2.4rem; } .c-blog-body-description { gap: 11.2rem; } .c-blog-body-item { flex-direction: column-reverse; align-items: center; gap: 2.4rem; } .c-ask-content-title-h3 { width: 80%; } .c-users-items-card { height: 520px; } .c-blog-body-title { margin-right: 1rem; } .c-leit-img-absolute { display: none; } .c-elipse-2 { left: 45%; } } @media (max-width: 650px) { .c-content-article-table { max-width: 100%; padding: 0; flex-direction: column-reverse; } .c-content-article-table-title { justify-content: flex-start; align-items: flex-start; gap: 1.6rem; } .c-content-article-table-title-p { width: 100%; } .c-content-article-table-aside { display: flex; flex-direction: row; gap: 1rem; z-index: 3; width: 100%; justify-content: space-around; } .c-content-article-table-aside a { padding: 5px 10px; width: 100%; background-color: rgba(15, 16, 22, 1); text-align: center; } .c-content-article-table-footer { display: none; } .c-content-article-table { gap: 1.6rem; } .c-content-article-hero-img { -webkit-right: -22%; -o-right: -22%; -ms-right: -22%; -moz-right: -22%; right: -22%; } .c-btn-mobil-hero { display: flex; justify-content: center; align-items: center; margin-top: 4rem; } .c-content-article-hero { padding-top: 4.6rem; } .c-content-article { position: relative; } .c-content-article-svgs-absolute { position: absolute; top: 0.8rem; right: 0; gap: 2.5rem; display: flex; align-items: flex-start; } .c-content-article-table-title-h1 { width: 100%; } .c-content-article-union-imuchesdvo-h1 { font-size: 52px; line-height: 52.65px; width: 100%; } .c-blog-body-text { width: 100%; height: 500px; gap: 25.9rem; } .c-blog-body-description { width: 100%; padding: 3.2rem 0rem; padding-left: 1.9rem; padding-right: 4.24rem; } .c-blog-body-card-1 { width: 100%; } .c-blog-footer-btn { display: none; } .c-leit-content { flex-direction: column; } .c-leit-content-img { width: 100%; } .c-leit-content-text { padding-top: 0; width: 100%; } .c-header-login-register-btn { margin: 0 auto; } .c-ask-content-title-h3 { width: 80%; } .c-ask-content-title-h3 { font-size: 20px; line-height: 20.6px; } .c-users-items-card { height: 440px; } .c-elipse-2 { display: none; } .c-elipse-rose { display: none; } .c-leit-img-absolute { display: none; } .c-content-article-union-imgs { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 480px) { .c-content-article-hero-img { position: relative; width: 100%; right: 0; -webkit-height: auto; -o-height: auto; -ms-height: auto; -moz-height: auto; height: auto; } .c-content-article-table-title-h1 { font-size: 40px; line-height: 40.8px; text-transform: uppercase; } .c-content-article-union-imgs { grid-template-columns: repeat(2, 1fr); } .c-content-article-union-imgs img:nth-child(5) { margin: 0 auto; } .c-content-article { gap: 12rem; } .c-content-article-union-imuchesdvo-h1 { font-size: 30px; line-height: 30.65px; text-align: left; } .c-blog-body-text { height: 400px; gap: 15.7rem; } .c-blog-body-title-p { font-size: 6.71px; line-height: 7.38px; } .c-blog-body-title-span { font-size: 6.71px; line-height: 7.38px; } .c-blog-body-img-2 { top: 18.6rem; right: 8.3rem; } .c-blog-body-img-3 { right: -100px; } .c-blog-body-soldado { width: 98%; height: 98%; top: 10%; left: 5%; } .c-blog-body-title { margin-right: 0.2rem; } .c-blog-body-text-p { font-size: 6.71px; line-height: 7.38px; } .c-blog-body-card-1-soldado { width: 100%; height: 100%; top: 0; left: 0; } .c-blog-body-card-1-img-2 { width: 5.31rem; height: 5.31rem; position: absolute; top: 9.35rem; right: 0; } .c-blog-body-card-2-soldado { width: 100%; height: 100%; top: 0; left: 0; } .c-blog-body-card-1-p { font-size: 23.59px; line-height: 23.59px; } .c-blog-header-h1 { font-size: 36px; line-height: 36.65px; } .c-users-title-h1 { font-size: 36px; line-height: 36.65px; } .c-leit-content { gap: 0; } .c-leit-img-absolute { display: none; } .c-leit-soldado_4 { width: 100%; height: 100%; } .c-leit-content-img { width: 100%; height: 440.59px; } .c-leit-vector_svg_logo { display: none; } .c-leit-svgs-seti { display: none; } .c-content-leit-aside { display: flex; flex-direction: row; gap: 1rem; z-index: 3; width: 100%; justify-content: space-around; margin-top: 2.39rem; } .c-content-leit-aside a { padding: 5px 10px; width: 100%; background-color: rgba(15, 16, 22, 1); text-align: center; } .c-leit-content-text { margin-top: 4rem; } .c-ask-content-title { align-items: flex-start; } .c-ask-content-title-h3 { width: 80%; } .c-users-items-card { height: 610px; } .c-about-content-item:nth-child(1) { gap: 2.4rem; } .c-about-content-item:nth-child(2) { height: 416.23px; } .mySwiper-3 { height: 416.23px; padding: 0; } .c-about-h1 { font-size: 36px; line-height: 36.65px; } .c-about-text { width: 100%; } .c-about-text-p { width: 100%; font-size: 14px; } .c-about-svgs { gap: 3rem; } .c-ask-content-title-h3 { font-size: 22px; line-height: 22.6px; } .c-content-article-table-content { width: 100%; } } @media (max-width: 390px) { .c-content-section { max-width: 100%; padding-right: 1.6rem; padding-left: 1.6rem; } .c-content-article-table-title-h1 { font-size: 32px; line-height: 32.8px; } .c-content-article-union-imuchesdvo-blocks-text-p { width: 100%; } .c-blog-body-img-3 { right: -80px; } .c-leit-content-text-h2 { font-size: 32px; line-height: 32px; } .c-content-leit-aside { margin-top: 0; } .c-users-items-card { height: 510px; } .c-about-text-p { width: 100%; font-size: 12px; } .c-ask-content-title-h3 { font-size: 20px; line-height: 20.6px; } } @media (max-width: 370px) { .c-content-article-hero-img { -webkit-right: 0; -o-right: 0; -ms-right: 0; -moz-right: 0; } .c-content-article-union-imuchesdvo-h1 { font-size: 26px; line-height: 26.65px; } .c-content-article-union-imuchesdvo-blocks-text-h2 { font-size: 24px; line-height: 24.8px; } .c-content-article-union-imuchesdvo-blocks-text-div { gap: 6rem; } .c-content-article-union-imuchesdvo-blocks-text-span { font-size: 18.6px; line-height: 19.6px; } .c-content-article-union-imuchesdvo-blocks-text-p { font-size: 7.75px; line-height: 9.3px; } .c-blog-body-img-3 { right: -70px; } .c-blog-body-text { height: 400px; gap: 10.7rem; } .c-ask-content-title-h3 { font-size: 18px; line-height: 18.6px; } } @media (max-width: 330px) { .c-blog-body-img-3 { right: -50px; } .c-users-items-card { height: 450px; } .c-about-text { padding-left: 2.6rem; } .c-blog-body-text { height: 400px; gap: 5.7rem; } .c-content-article-table-title-h1 { font-size: 28px; line-height: 28.8px; } } @media (max-width: 300px) { .c-content-article-table-content { width: 100%; } .c-content-article-hero { width: 100%; } .c-content-article-table-title-h1 { font-size: 25px; line-height: 25.8px; } .c-content-article-union-imuchesdvo-h1 { font-size: 22px; line-height: 22.65px; } }