/*instruction*/ @charset "UTF-8"; @font-face {font-family:'Euclid Circular A'; src:url("../fonts/EuclidCircularA/EuclidCircularA-Bold.eot"); src:local("Euclid Circular A Bold"),local("EuclidCircularA-Bold"),url("../fonts/EuclidCircularA/EuclidCircularA-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidCircularA/EuclidCircularA-Bold.woff2") format("woff2"),url("../fonts/EuclidCircularA/EuclidCircularA-Bold.woff") format("woff"),url("../fonts/EuclidCircularA/EuclidCircularA-Bold.ttf") format("truetype"); font-weight:bold; font-style:normal; font-display:swap} @font-face {font-family:'Euclid Circular A'; src:url("../fonts/EuclidCircularA/EuclidCircularA-Light.eot"); src:local("Euclid Circular A Light"),local("EuclidCircularA-Light"),url("../fonts/EuclidCircularA/EuclidCircularA-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidCircularA/EuclidCircularA-Light.woff2") format("woff2"),url("../fonts/EuclidCircularA/EuclidCircularA-Light.woff") format("woff"),url("../fonts/EuclidCircularA/EuclidCircularA-Light.ttf") format("truetype"); font-weight:300; font-style:normal; font-display:swap} @font-face {font-family:'Euclid Circular A'; src:url("../fonts/EuclidCircularA/EuclidCircularA-Regular.eot"); src:local("Euclid Circular A Regular"),local("EuclidCircularA-Regular"),url("../fonts/EuclidCircularA/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidCircularA/EuclidCircularA-Regular.woff2") format("woff2"),url("../fonts/EuclidCircularA/EuclidCircularA-Regular.woff") format("woff"),url("../fonts/EuclidCircularA/EuclidCircularA-Regular.ttf") format("truetype"); font-weight:normal; font-style:normal; font-display:swap} @font-face {font-family:'Euclid Circular A'; src:url("../fonts/EuclidCircularA/EuclidCircularA-SemiBold.eot"); src:local("Euclid Circular A SemiBold"),local("EuclidCircularA-SemiBold"),url("../fonts/EuclidCircularA/EuclidCircularA-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidCircularA/EuclidCircularA-SemiBold.woff2") format("woff2"),url("../fonts/EuclidCircularA/EuclidCircularA-SemiBold.woff") format("woff"),url("../fonts/EuclidCircularA/EuclidCircularA-SemiBold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap} @font-face {font-family:'Euclid Circular A'; src:url("../fonts/EuclidCircularA/EuclidCircularA-Medium.eot"); src:local("Euclid Circular A Medium"),local("EuclidCircularA-Medium"),url("../fonts/EuclidCircularA/EuclidCircularA-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidCircularA/EuclidCircularA-Medium.woff2") format("woff2"),url("../fonts/EuclidCircularA/EuclidCircularA-Medium.woff") format("woff"),url("../fonts/EuclidCircularA/EuclidCircularA-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap} .visually-hidden {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; white-space:nowrap; -webkit-clip-path:inset(100%); clip-path:inset(100%); clip:rect(0 0 0 0); overflow:hidden} * {box-sizing:border-box} html {font-family:'Euclid Circular A'; font-size:62.5%; font-style:normal; font-weight:normal; font-display:swap; -webkit-animation:bugfix infinite 1s; line-height:1.2; margin:0; padding:0; background-color:#fbfbfb; color:#000} body,input,textarea {font-family:'Euclid Circular A'; font-size:62.5%; font-style:normal; font-weight:normal; font-display:swap; -webkit-animation:bugfix infinite 1s; line-height:1.2; position:relative; margin:0; padding:0} .body-page {font-size:1.6rem; line-height:1.62; color:#525862} @media (max-width:48em) {.body-page {font-size:3.2rem; line-height:1.5 } } small{opacity:1!important;} a,a:hover {text-decoration:none} button,input,a,textarea {outline:none; cursor:pointer} button:focus,input:focus,a:focus,textarea:focus {outline:none} button:active,input:active,a:active,textarea:active {outline:none} h1,h2,h3,h4,h5,h6,h7 {display:block; width:100%; font-size:unset; margin:0; padding:0;} p {margin-top:0; margin-bottom:0} a {color:unset} img {width:100%} .btn {border:none} ul {padding:0; margin:0} ul li {margin:0; padding:0; list-style:none} .container {width:152rem; margin:0 auto; max-width:unset} .hidden {overflow:hidden} /*input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}*/ input[type=number] {-moz-appearance:textfield} @media (max-width:108em) {html {font-size:9px }} @media (max-width:105em) {html {font-size:8.5px }} @media (max-width:91em) {html {font-size:8px }} @media (max-width:90em) {html {font-size:7.5px }} @media (max-width:85em) {html {font-size:7.3px }} @media (max-width:80em) {html {font-size:6.8px }} @media (max-width:72em) {html {font-size:6.5px }} @media (max-width:68em) {html {font-size:6.1px }} @media (max-width:64em) {html {font-size:5.6px }} @media (max-width:60em) {html {font-size:5.2px }} @media (max-width:55em) {html {font-size:4.8px }} @media (max-width:51em) {html {font-size:4.5px }} @media (max-width:48em) {html {font-size:10px; -webkit-text-size-adjust:none } body {-webkit-text-size-adjust:none } .container {padding:0 4rem; margin:0 auto; width:100% }} @media (max-width:44em) {html {font-size:9px }} @media (max-width:38em) {html {font-size:8px }} @media (max-width:34em) {html {font-size:7px }} @media (max-width:30em) {html {font-size:6px }} @media (max-width:26em) {html {font-size:5px }} @media (max-width:22.5em) {html {font-size:4.5px }} @media (max-width:21em) {html {font-size:4.4px }} .about_boss {display:flex; width:100%} .about_boss img {margin-bottom:3rem} @media (max-width:48em) {.about_boss {display:block }} .btn-def {display:inline-flex; align-items:center; justify-content:center; text-align:center; background-color:#38D3E8; color:#fff; padding:3rem 3.6rem; font-size:1.8rem; line-height:1; height:auto; border:none; cursor:pointer; white-space:nowrap; max-width:none; font-family:'Euclid Circular A'} .btn-def:hover::before {transform:translateX(10%)} .btn-def::before {content:""; display:inline-block; width:4.5rem; height:1.6rem; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/btn-arrow.svg); margin-right:2.7rem; transition:transform 200ms} .btn-def--white {background-color:#fff; color:#2B2E34} .btn-def--white::before {background-image:url(../icon/btn-arrow-blue.svg)} @media (max-width:48em) {.btn-def {padding:3.8rem 7.6rem; font-size:3rem } .btn-def::before {width:5.4rem; height:3.5rem; margin-right:6.7rem }} .btn-simp {display:inline-flex; align-items:center; text-align:center; background-color:#38D3E8; color:#fff; padding:3rem 3.6rem; font-size:1.8rem; line-height:1; height:auto; border:none; cursor:pointer; white-space:nowrap; max-width:none; font-family:'Euclid Circular A'} .btn-simp--white {background-color:#fff; color:#2B2E34} @media (max-width:48em) {.btn-simp {padding:3.8rem 7.6rem; font-size:3.4rem }} .btn-link {display:inline-flex; align-items:center; height:auto; border:none; cursor:pointer; white-space:nowrap; max-width:none; font-size:1.6rem; font-weight:600; color:#2B2E34; border-bottom:1px solid #2B2E34; position:relative; background-color:transparent; padding:0; font-family:'Euclid Circular A'} @media (max-width:48em) {.btn-link {font-size:3rem }} .btn-more {display:inline-flex; align-items:center; height:auto; border:none; cursor:pointer; white-space:nowrap; max-width:none; font-size:1.6rem; font-weight:600; color:#2B2E34; position:relative; background-color:transparent; padding:0; font-family:'Euclid Circular A'} .btn-more::after {content:""; display:inline-block; width:1.7rem; height:1.2rem; position:relative; top:0.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/more-arrow.svg)} @media (max-width:48em) {.btn-more {font-size:3rem } .btn-more::after {width:3.5rem; height:2rem; top:0.3rem }} .btn-rt {display:inline-flex; align-items:center; height:auto; max-width:none; border:none; cursor:pointer; white-space:nowrap; background-color:transparent; border:none; padding:0; margin:0; font-family:'Euclid Circular A'} .button {display:inline-flex; align-items:center; height:auto; border:none; cursor:pointer; white-space:nowrap; max-width:none; font-size:inherit; color:#2B2E34; background-color:transparent; padding:0; margin:0; font-family:'Euclid Circular A'} .button:disabled {opacity:0.5; cursor:not-allowed} .i-link {display:inline-block; font-size:1.5rem; line-height:1.47; letter-spacing:0.02em; color:#1DBCD1; text-decoration:underline} @media (max-width:48em) {.i-link {font-size:3.2rem }} .h {font-weight:600; line-height:1.5} .main-banner {position:relative; padding-top:18.3rem; color:#fff; margin-bottom:9.9rem; overflow:hidden} .main-banner__images {/*display:none*/ } .main-banner__images {position:absolute; z-index:-1; width:100%} .main-banner__images-mobile {display:none} .main-banner--catalog {margin-bottom:2.4rem} .main-banner__inner {min-height:29.4rem; display:flex; justify-content:space-between; align-items:center} /*.main-banner__inner {min-height:36.5rem; display:flex; justify-content:space-between; align-items:center}*/ .main-banner__section {min-height:50rem; display:flex; justify-content:space-between; align-items:center} .main-banner__content {width:58rem} .main-banner__mtitle {font-size:4.2rem; color:#fff; margin-bottom:1rem} .main-banner__text {font-size:1.8rem} .main-banner__img {width:63rem; height:29.4rem} .main-banner__img img {width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(-50px 50px 100px rgba(56,179,197,0.3))} .main-banner__btn {width:28.4rem; margin-left:6rem} @media (max-width:48em) {.main-banner {padding-top:20.2rem; margin-bottom:4.3rem } .main-banner__images {display:none } .main-banner__images-mobile {display:flex; position:absolute; z-index:-1; top:-40% } .main-banner__images-mobile.section{display:flex;position:static;top:0;z-index:0;} .main-banner__inner {min-height:80rem; flex-direction:column } .main-banner__section {min-height:0rem; flex-direction:column } .main-banner__content {width:100%; text-align:center; margin-bottom:10.3rem } .main-banner__mtitle {font-size:5.6rem; margin-bottom:7.2rem } .main-banner__text {font-size:3.3rem } .main-banner__img {width:100%; height:42rem; order:1 } .main-banner__img img {width:100%; height:100% } .main-banner__btn {width:auto; margin-left:0rem; margin-bottom:6.2rem }} .grid-banner {margin-bottom:9.7rem} .grid-banner__inner {display:flex; flex-wrap:wrap} .grid-banner__item {display:flex; justify-content:space-between; height:38.3rem} .grid-banner__item--1 {width:45.8%; padding-right:0; background-color:#f4f4f4} .grid-banner__item--1 .grid-banner__content {width:48rem; padding-bottom:2.6rem} .grid-banner__item--1 .grid-banner__img {width:43.4rem} .grid-banner__item--1 .grid-banner__img img,.grid-banner__item--1 .grid-banner__img picture {width:100%; height:100%; object-fit:contain} .grid-banner__item--2 {width:54.2%; flex-direction:column-reverse; background-color:#fff} .grid-banner__item--2 .grid-banner__content {padding-left:6.1rem; padding-bottom:2rem; margin-bottom:0; display:flex; align-items:flex-end} .grid-banner__item--2 .grid-banner__img {height:30rem; display:flex; flex-direction:row-reverse} .grid-banner__item--2 .grid-banner__title {width:40%} .grid-banner__item--2 .grid-banner__img img,.grid-banner__item--2 .grid-banner__img picture {width:50%; height:100%; object-fit:contain; object-position:center bottom} .grid-banner__item--2 .grid-banner__img img:first-child {height:80%} .grid-banner__item--2 .grid-banner__img img:last-child {margin-top:4rem} .grid-banner__item--2 .grid-banner__img picture:first-child {height:80%} .grid-banner__item--2 .grid-banner__img picture:last-child {margin-top:-5rem; margin-left:10rem} .grid-banner__item--3 {width:45.8%; padding-right:0rem; background-color:#fff} .grid-banner__item--3 .grid-banner__content {width:31.5rem; padding-top:5rem} .grid-banner__item--3 .grid-banner__img {width:37.7rem} .grid-banner__item--3 .grid-banner__img img,.grid-banner__item--3 .grid-banner__img picture {width:100%; height:100%; object-fit:contain; object-position:center bottom} .grid-banner__item--4 {width:54.2%; background-color:#F4FBFC} .grid-banner__item--4 .grid-banner__content {width:37.7rem; padding-top:4rem} .grid-banner__item--4 .grid-banner__img {width:42.4rem; background-color:#F4FBFC} .grid-banner__item--4 .grid-banner__img img,.grid-banner__item--4 .grid-banner__img picture {width:100%; height:100%; object-fit:contain; object-position:right bottom} .grid-banner__content {padding-left:7rem; display:flex; flex-direction:column; justify-content:center} .grid-banner__title {font-size:2rem; margin-bottom:2rem; color:#2B2E34} @media (max-width:48em) {.grid-banner__item--2 .grid-banner__img picture:last-child {display:none } .grid-banner__item--2 .grid-banner__title {width:100% } .grid-banner {margin-bottom:21.8rem } .grid-banner__inner {display:block } .grid-banner__item {display:flex; justify-content:flex-start; flex-direction:column; height:auto } .grid-banner__item--1 {width:100%; padding-right:0rem } .grid-banner__item--1 .grid-banner__content {width:100%; padding:6.4rem 5.4rem; padding-bottom:2.1rem } .grid-banner__item--1 .grid-banner__img {width:100%; height:30rem; overflow:hidden } .grid-banner__item--2 {width:100%; padding-top:6rem; flex-direction:column; align-items:center } .grid-banner__item--2 .grid-banner__content {width:100%; padding:6.4rem 5.4rem; padding-top:0rem; padding-bottom:3.4rem; text-align:center } .grid-banner__item--2 .grid-banner__img {width:60%; height:30rem; flex-direction:row; justify-content:center } .grid-banner__item--2 .grid-banner__img img {width:100%; height:100%; object-fit:cover; object-position:center } .grid-banner__item--3 {width:100%; padding-right:0rem; background-color:#f4f4f4 } .grid-banner__item--3 .grid-banner__content {width:100%; padding:6.4rem 8.4rem; text-align:center } .grid-banner__item--3 .grid-banner__img {width:100%; height:32.5rem; overflow:hidden } .grid-banner__item--3 .grid-banner__img img {width:100%; height:100% } .grid-banner__item--4 {width:100% } .grid-banner__item--4 .grid-banner__content {width:100%; padding:6.4rem 7.4rem; padding-right:11rem; padding-bottom:0 } .grid-banner__item--4 .grid-banner__img {width:100%; height:60rem; margin-top:-3.8rem; overflow:hidden } .grid-banner__item--4 .grid-banner__img img {width:100%; height:auto } .grid-banner__content {padding-left:0rem; padding:6.4rem 5.4rem; display:flex; flex-direction:column; justify-content:center } .grid-banner__title {font-size:4rem; margin-bottom:3rem } .grid-banner__text {font-size:3rem } } .video-banner__content.video-banner__content--modal {width:60.6rem; padding:6.5rem; padding-left:8rem} .video-banner__bg.video-banner__bg--modal {height:auto} .video-banner__img.video-banner__img--modal {width:61rem; height:63rem} .video-banner__item--title {font-weight:500; font-size:4.3rem; line-height:128%; margin-bottom:6.2rem; color:#2B2E34} .video-banner {margin-bottom:13rem} .video-banner__inner {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:3.7rem} .video-banner__item {display:flex; align-items:stretch} .video-banner__img {width:45.1rem; height:46.3rem; flex-shrink:0} .video-banner__img img {width:100%; height:100%; object-fit:cover; object-position:center} .video-banner__bg {position:relative; display:flex; flex-direction:column-reverse; width:100%; height:46.3rem} .video-banner__bg-1 {flex-grow:1; width:100%; height:50%; background-color:#f4f4f4} .video-banner__bg-2 {flex-grow:1; width:100%; height:50%; background-color:#e4f4f9} .video-banner__content {position:absolute; top:50%; right:0; transform:translateY(-50%); width:44.2rem; background-color:#fff; padding:4.4rem; display:flex; align-items:center} .video-banner__bg .video-banner__title {margin-left:0} .video-banner__title {margin-left:3.4rem} @media (max-width:48em) {.video-banner {margin-bottom:21rem } .video-banner__inner {display:block } .video-banner__item {display:block; margin-bottom:10rem } .video-banner__item:last-child {margin-bottom:0 } .video-banner__img {width:100%; height:66.2rem } .video-banner__bg {flex-direction:row; width:100%; height:19.6rem } .video-banner__bg-1 {width:50%; height:19.6rem } .video-banner__bg-2 {width:50%; height:19.6rem } .video-banner__content {position:absolute; top:0; right:3.3rem; transform:translateY(-50%); width:calc(100% - 6.6rem); padding:5rem 4.4rem } .video-banner__title {margin-left:4.2rem } } .btn-play {display:inline-block; flex-shrink:0} .play-sidebar {display:inline-block; flex-shrink:0; position:absolute; top:50%; right:11%; transform:translate(0,-50%); z-index:10} .play-sidebar .btn-play__ring-inner {border:.2rem solid rgba(127,231,245,0.2)} .btn-play__ring {display:inline-flex; align-items:center; justify-content:center; width:10.4rem; height:10.4rem; border-radius:100%; border:2px solid #f5fdfe} .btn-play__ring-inner {display:inline-flex; align-items:center; justify-content:center; width:8.4rem; height:8.4rem; border-radius:100%; border:2px solid #d7f6f1} .btn-play__circle {display:inline-block; width:6.4rem; height:6.4rem; border-radius:100%; background-color:#38D3E8; background-repeat:no-repeat; background-position:left 55% center; background-image:url(../icon/play.svg); background-size:1.4rem; box-shadow:10px 10px 40px rgba(23,174,194,0.3)} @media (max-width:48em) {.btn-play__ring {width:15.8rem; height:15.8rem } .btn-play__ring-inner {width:12.8rem; height:12.8rem } .btn-play__circle {width:9.6rem; height:9.6rem; background-size:1.4rem; box-shadow:10px 10px 40px rgba(23,174,194,0.3) } } .seo-text {/*margin-bottom:9.7rem;*/ clear:both} .seo-text__inner {display:flex} .seo-text__center {width:109.5rem; margin:0 auto; padding-bottom:5rem} .seo-text__content {width:109.5rem} .seo-text__content--auto {width:auto} .seo-text__content--auto ul li {list-style:inside} .seo-text__content p {margin-bottom:3.1rem; font-weight:300} .seo-text__content .title-35 {font-weight:bold; font-size:3.5rem; color:#2B2E34; margin-bottom:4.2rem} .seo-text__content .title-22 {font-weight:bold; font-size:2.2rem; color:#2B2E34; margin-top:4.7rem; margin-bottom:2.7rem} @media (max-width:48em) {.seo-text {margin-bottom:17.5rem } .seo-text__inner {flex-direction:column-reverse } .seo-text__center {width:100% } .seo-text__content {width:100% } .seo-text__content p {margin-bottom:5.1rem; font-size:3.2rem; line-height:1.65 } .seo-text__content .title-35 {font-size:5.6rem; margin-bottom:4.2rem; line-height:1.5 } .seo-text__content .title-22 {font-size:4.4rem; margin-top:9.5rem; margin-bottom:4.7rem; line-height:1.5 } } .stat {width:33rem; padding-top:8.7rem; margin-right:7rem} .stat__item {margin-bottom:7.3rem} .stat__title {font-size:5rem; color:#2B2E34} @media (max-width:48em) {.stat {width:100%; padding-top:8.7rem; margin-right:7rem } .stat__item {margin-bottom:2.3rem; display:flex; align-items:center } .stat__title {width:70%; font-size:8rem } .stat__subtitle {width:40%; padding-bottom:2.4rem } } .obj {margin-bottom:12.5rem} .obj__mtitle {font-weight:500; font-size:3.5rem; margin-bottom:5.6rem; color:#2B2E34} .obj__inner {display:grid; grid-template-columns:1fr 63.7rem 1fr; grid-template-rows:repeat(auto-fill,23.5rem); grid-gap:3.6rem} .obj__item {display:flex; align-items:center; justify-content:center; position:relative} .obj__item:nth-child(5n + 2) {grid-column:1} .obj__item:nth-child(5n + 3) {grid-column:2} .obj__item:nth-child(5n + 3) .obj__name {width:57.1rem} .obj__item:nth-child(5n + 4) {grid-column:3} .obj__item:nth-child(5n + 5) {grid-column:3} .obj__item:nth-child(3) {grid-column:2; grid-row:1 / 3} .obj__item:nth-child(4) {grid-row:1 / 2} .obj__item:nth-child(5) {grid-row:2 / 3} .obj__item:nth-child(8) {grid-column:2; grid-row:3 / 5} .obj__item:nth-child(9) {grid-row:3 / 4} .obj__item:nth-child(10) {grid-row:4 / 5} .obj__img {width:100%; height:100%} .obj__img img {width:100%; height:100%; object-fit:cover; object-position:center} .obj__name {position:absolute; bottom:0; left:50%; transform:translateX(-50%); text-align:center; background-color:rgba(251,251,251,0.75); color:#2B2E34; font-size:2rem; width:30rem; height:6rem; padding:1rem 3.2rem} .obj__title {margin-bottom:1.6rem; font-weight:400; font-size:2.2rem; /*line-height:125%;*/ color:#2B2E34} .obj__descr {font-weight:400; font-size:1.6rem; line-height:125%; color:#525862} @media (max-width:48em) {.obj {margin-bottom:21.8rem } .obj__mtitle {font-size:5.6rem; margin-bottom:7.6rem } .obj__inner {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto; grid-gap:16rem 4rem } .obj__item {display:flex; align-items:center; justify-content:center; position:relative; height:32.3rem } .obj__item:nth-child(5n + 2) {grid-column:2 } .obj__item:nth-child(5n + 3) {grid-column:1 / 3; height:59.5rem } .obj__item:nth-child(5n + 3) .obj__name {width:54rem; height:8.4rem; font-size:3.2rem } .obj__item:nth-child(5n + 4) {grid-column:1 } .obj__item:nth-child(5n + 5) {grid-column:2 } .obj__item:nth-child(3) {grid-column:auto; grid-row:auto; grid-column:1 / 3 } .obj__item:nth-child(4) {grid-row:auto } .obj__item:nth-child(5) {grid-row:auto } .obj__item:nth-child(8) {grid-column:auto; grid-row:auto } .obj__item:nth-child(9) {grid-row:auto } .obj__item:nth-child(10) {grid-row:auto } .obj__img {width:100%; height:100% } .obj__img img {width:100%; height:100%; object-fit:cover; object-position:center } .obj__name {font-size:3rem; width:29rem; height:6.1rem } } .partner-logo {margin-bottom:13rem} .partner-logo__suptitle {font-weight:500; color:#7E838C; margin-bottom:1.4rem} .partner-logo__mtitle {font-weight:500; font-size:3.5rem; color:#2B2E34; margin-bottom:9rem} .partner-logo__list {display:grid; grid-template-columns:18.5rem 19rem 19rem 19rem 19rem 19rem 19rem 18.2rem; grid-template-rows:repeat(auto-fill,10.4rem); grid-gap:9.8rem 0rem; position:relative} .partner-logo__list::after {content:""; display:block; position:absolute; top:15rem; left:0; width:100%; height:1px; background-color:rgba(217,218,225,0.8)} .partner-logo__item {padding:1rem 4rem; border-right:1px solid rgba(217,218,225,0.8)} .partner-logo__item img {width:100%; height:100%; object-fit:contain; object-position:center} .partner-logo__item:nth-child(8n + 1) {padding-left:0} .partner-logo__item:nth-child(8n + 8) {padding-right:0; border-right:none} .partner-logo__item.hide {display:none} .partner-logo__bottom {display:flex; justify-content:center} .partner-logo__bottom .open-list-btn {margin-top:7rem} @media (max-width:48em) {.partner-logo {margin-bottom:23rem } .partner-logo__suptitle {margin-bottom:2.6rem; font-size:2.8rem; text-align:center } .partner-logo__mtitle {font-size:5.2rem; margin-bottom:5rem; text-align:center } .partner-logo__list {grid-gap:0; display:flex; flex-wrap:wrap } .partner-logo__list::after {display:none } .partner-logo__item {width:50%; height:21.2rem; padding:3rem 8rem; border-right:none; border-top:1px solid rgba(217,218,225,0.8); position:relative } .partner-logo__item img {width:100%; height:100%; object-fit:contain; object-position:center } .partner-logo__item:nth-child(7n + 1) {padding:3rem 8rem } .partner-logo__item:nth-child(7n + 7) {padding:3rem 8rem } .partner-logo__item:nth-child(2n + 1) {padding-left:0 } .partner-logo__item:nth-child(2n + 1)::after {content:""; display:inline-block; width:1px; height:64%; background-color:rgba(217,218,225,0.8); position:absolute; right:0; top:17% } .partner-logo__item:nth-child(2n + 2) {padding-right:0 } .partner-logo__item:nth-child(1) {border-top:none } .partner-logo__item:nth-child(2) {border-top:none } } .basket {padding-top:29.7rem} .basket__head {display:flex; align-items:center; margin-bottom:3.7rem} .basket__mtitle {font-weight:500; font-size:3.5rem; color:#2B2E34; margin-right:2.2rem} .basket__total-items {color:#7E838C; padding-top:0.2rem} .basket__order {display:flex; justify-content:space-between; align-items:center; margin-top:3rem; background-color:#f6f6f6; padding:3.2rem 5.5rem} .basket__total-suptitle {font-size:1.5rem; color:#7E838C; margin-bottom:1rem} .basket__total-price {font-weight:600; font-size:3rem; color:#2B2E34} .basket__total-currency {font-size:2rem; position:relative; top:-0.6rem} @media (max-width:48em) {.basket {padding-top:33.8rem } .basket__head {justify-content:space-between; margin-bottom:3.7rem } .basket__mtitle {font-size:5.6rem; margin-right:2.2rem } .basket__total-items {font-size:3rem; padding-top:0.2rem } .basket__order {margin-top:13rem; padding:4.3rem 4rem; position:relative; width:100vw; left:-4rem } .basket__order .btn-def {padding-left:5rem; padding-right:5rem } .basket__order .btn-def::before {margin-right:2.7rem } .basket__total-suptitle {font-size:2.2rem; margin-bottom:1rem } .basket__total-price {font-size:5.6rem } .basket__total-currency {font-size:3.4rem; top:-1.6rem } } .items__item {display:flex; justify-content:space-between; padding-left:31.3rem; position:relative; background-color:#fff; margin-bottom:3.5rem} .items__item:last-child {margin-bottom:0} .items__content {padding:4rem 0; padding-right:4rem; flex-grow:1} .items__img {flex-shrink:0; width:21.7rem; height:21.7rem; position:absolute; left:3rem; top:3rem} .items__img img {width:100%; height:100%; object-fit:contain; object-position:center} .items__head {margin-bottom:4.1rem; display:flex} .items__title {font-weight:500; font-size:2rem; color:#2B2E34; margin-bottom:1rem} .items__subtitle {font-size:1.5rem; color:#7E838C} @media (max-width:48em) {.items__item {display:block; padding-left:0rem; margin-bottom:8.1rem } .items__item:last-child {margin-bottom:0 } .items__content {padding:6rem 4rem; padding-top:3.2rem; padding-right:1rem } .items__img {width:19.9rem; height:20.4rem; position:relative; top:2rem; left:-2rem } .items__head {margin-bottom:7.1rem } .items__title {font-size:3.4rem; margin-bottom:1.5rem; padding-top:4.7rem } .items__subtitle {font-size:2.4rem } } .char-list {display:grid; grid-template-columns:repeat(2,1fr); grid-row-gap:1rem; font-size:1.4rem} .char-list__item {display:flex} .char-list__key {width:58%; color:#2B2E34} .char-list__value {width:42%; color:#7E838C} @media (max-width:48em) {.char-list {display:block; font-size:2.6rem } .char-list__item {margin-bottom:2.2rem } .char-list__item:last-child {margin-bottom:0 } .char-list__key {width:54.7% } .char-list__value {width:45% }} .price-item {min-width:34.4rem; flex-shrink:0; display:flex; flex-direction:column} .price-item__contr {flex-grow:1; display:flex; justify-content:left; align-items:center; background-color:#EBFBFD; min-height:14rem; padding:0 2rem; padding-left:2rem} .price-item__btns {display:flex; align-items:center} .price-item__btn {padding:3rem 1.5rem; color:#7E838C; font-size:2.5rem; font-weight:300; position:relative; top:-0.3rem; background-color:transparent; border:none; max-width:none; width:5rem; text-align:center} .price-item__quantity {font-weight:500; font-size:2rem; color:#2B2E34; width:6rem; height:4rem; text-align:center; border:1px solid #999; background-color:#fff} .price-item__sum {font-weight:600; font-size:2.4rem; color:#2B2E34} .price-item__currency {font-weight:500; font-size:1.5rem; color:#2B2E34; position:relative; top:-0.6rem} .price-item__delete {display:flex; justify-content:space-between; align-items:center; background-color:#f6f6f6; height:14rem; padding:3rem 5.4rem; border:none; max-width:none; width:100%; margin:0; font-family:inherit; font-weight:600; font-size:1.6rem; color:#2B2E34} .price-item__delete::after {content:""; display:inline-block; width:2rem; height:2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/delete-item.svg)} @media (max-width:48em) {.price-item {min-width:auto; display:flex; flex-direction:row; height:16.4rem } .price-item__contr {min-height:auto; padding:0rem 5.4rem; padding-left:2.4rem } .price-item__btns {display:flex; align-items:center } .price-item__btn {/*padding:3rem;*/ font-size:6rem; top:-0.3rem } .price-item__quantity {font-size:4rem; padding:0 1rem; width:9rem } .price-item__sum {font-size:4.4rem } .price-item__currency {font-size:3rem; top:-1rem } .price-item__delete {height:16.4rem; padding:0; width:16.4rem; font-size:0rem } .price-item__delete::after {width:100%; height:100%; background-size:4.4rem } } .accepted {overflow:hidden; padding-top:29.3rem; padding-bottom:10rem} .accepted__inner {display:flex; padding-left:3rem; position:relative} .accepted__bg {position:absolute; z-index:1; top:-8.1rem; right:1.4rem; width:100%; transform:scale(1.3)} .accepted__content {width:57.4rem; background-color:#fff; padding:6.7rem 8.2rem 6.6rem 6.3rem; box-shadow:15px 20px 100px rgba(158,175,179,0.15); position:relative; z-index:2} .accepted__title-icon {font-weight:500; color:#2B2E34; padding-left:4rem; padding-top:0.5rem; position:relative; margin-bottom:5.3rem} .accepted__title-icon::after {content:""; display:inline-block; width:2.4rem; height:2.1rem; position:absolute; left:0.2rem; top:0.6rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/heart.svg)} .accepted__mtitle {font-size:3rem; font-weight:500; color:#2B2E34; margin-bottom:1.1rem} .accepted__text {color:#7E838C; margin-bottom:6.3rem} .accepted__check-order {font-size:1.5rem; font-weight:500; color:#2B2E34; margin-bottom:2.5rem} .accepted__check-order a {color:#1DBCD1; text-decoration:underline} .accepted__order-info {margin-bottom:4.7rem} .accepted__order-info li {display:flex; margin-bottom:0.3rem} .accepted__order-info li:last-child {margin-bottom:0} .accepted__order-info li span:first-child {font-size:1.5rem; font-weight:500; color:#2B2E34; width:40%} .accepted__order-info li span:nth-child(2) {color:#7E838C; width:50%} .accepted__link {display:block; font-size:1.5rem; color:#1DBCD1; text-decoration:underline; margin-bottom:6rem} @media (max-width:48em) {.accepted {padding-top:38.8rem; padding-bottom:21.7rem } .accepted__inner {padding-left:0rem } .accepted__bg {top:9.3rem; right:-18.6rem; transform:scale(2.2) } .accepted__content {width:100%; padding:10rem 4rem } .accepted__title-icon {font-size:2.8rem; padding-left:6.6rem; padding-top:0.1rem; margin-bottom:7.8rem } .accepted__title-icon::after {width:4rem; height:3.4rem; left:0.2rem; top:0.6rem } .accepted__mtitle {font-size:4.4rem; margin-bottom:1.1rem } .accepted__text {font-size:2.8rem; margin-bottom:8.7rem } .accepted__check-order {font-size:2.8rem; margin-bottom:5.7rem } .accepted__order-info {margin-bottom:6.2rem } .accepted__order-info li {margin-bottom:0.8rem } .accepted__order-info li:last-child {margin-bottom:0 } .accepted__order-info li span:first-child {font-size:2.8rem; width:55% } .accepted__order-info li span:nth-child(2) {width:45%; font-size:2.8rem } .accepted__link {font-size:2.8rem; margin-bottom:8.6rem } } .social-subs__title {font-weight:500; font-size:2rem; margin-bottom:2rem} .social-subs__list a {display:inline-flex; align-items:center; margin-right:2rem} .social-subs__list a img {height:2rem; margin-right:1rem} .social-subs__list a:last-child {margin-right:0} @media (max-width:48em) {.social-subs__title {font-size:2.8rem; margin-bottom:3.4rem } .social-subs__list a {font-size:2.8rem; margin-right:4rem } .social-subs__list a img {height:4rem; margin-right:2rem } .social-subs__list a:last-child {margin-right:0 } } .news-banner {padding-top:15.3rem;/*padding-top:18.3rem;*/ overflow:hidden; /*margin-bottom:10.6rem*/} .news-banner__content {width:74rem; height:62.4rem; display:flex; flex-direction:column; padding-top:8rem; position:relative} .news-banner__suptitle {color:#7E838C; font-size:1.4rem; text-transform:uppercase; font-weight:500; margin-bottom:7.3rem} .news-banner__mtitle {font-size:4.5rem; font-weight:500; color:#2B2E34; /*margin-bottom:1.4rem*/} .news-banner__text {color:#7E838C; padding-right:25rem; margin-bottom:3.6rem} .news-banner__bottom {display:flex; align-items:center; justify-content:space-between} .news-banner__question {color:#2B2E34; font-size:1.5rem; border-bottom:1px solid #2B2E34; line-height:1.3} .news-banner__img-mini {width:22.2rem; height:21.3rem; object-fit:cover; object-position:center} .news-banner__img {position:absolute; left:100%; top:0; width:50.6vw; height:100%} .news-banner__img img {width:100%; height:100%; object-fit:cover; object-position:center} .news-button {opacity:0; margin-top:1.5rem; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -ms-transition:ease 0.3s; -o-transition:ease 0.3s} @media (max-width:48em) {.news-banner {padding-top:24.8rem; /*margin-bottom:17.3rem*/} .news-banner__content {width:100%; height:auto; padding-top:7.5rem } .news-banner__suptitle {font-size:2.4rem; margin-bottom:5.3rem } .news-banner__mtitle {font-size:5.6rem; /*margin-bottom:1.4rem*/} .news-banner__text {padding-right:0rem; margin-bottom:7rem } .news-banner__bottom {display:block; margin-bottom:10.7rem } .news-banner__question {font-size:3rem } .news-banner__img-mini {display:none } .news-banner__img {position:relative; left:-4rem; top:0; width:100vw; height:58rem; display:flex; align-items:flex-end; padding:0 4rem } .news-banner__img img {left:0; top:0; position:absolute; z-index:1; width:100%; height:100%; object-fit:cover; object-position:center } } .last-new {position:absolute; left:0; bottom:0; width:31.4rem; height:21.3rem; padding:3.7rem 2.8rem; z-index:3; display:block} .last-new__bg {width:100%; height:100%; object-fit:cover; object-position:center; left:0; top:0; position:absolute; z-index:1} .last-new__content {position:relative; z-index:2; display:flex; flex-direction:column} .last-new__suptitle {font-size:1.3rem; letter-spacing:0.02em; color:#B5B5B5; margin-bottom:2.3rem} .last-new__title {font-weight:500; font-size:1.8rem; color:#fff; margin-bottom:2rem} .last-new__date {font-size:1.4rem; font-weight:500; color:#fff; display:flex; align-items:center; justify-content:space-between} .last-new__date::after {content:""; display:inline-block; width:1rem; height:1.3rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/last-new-arrow.svg)} @media (max-width:48em) {.last-new {position:relative; left:0; width:100%; height:auto; padding:3.7rem 4rem } .last-new__suptitle {font-size:2.4rem; margin-bottom:3.5rem } .last-new__title {font-size:3.2rem; margin-bottom:3.3rem } .last-new__date {font-size:2.8rem } .last-new__date::after {width:2rem; height:2.6rem } } .news {margin-bottom:5rem; /*margin-bottom:20.6rem;*/ /*padding-top:18rem;*/} .news__inner {padding-top:2rem} .news__list-index {flex-wrap:wrap; gap:4rem} .news__list {display:flex; align-content:center} .news_lists {margin-bottom:20.6rem; padding-top:18rem} .news__row {display:grid; grid-template-columns:50% 50%; row-gap:8rem; column-gap:3rem} .news__item {display:flex; width:100%; box-shadow:2rem 2rem 10rem rgba(232,238,243,0.3); transition:all .2s} @media (min-width:48em) {.news__item:hover {background-color:#fff; transition:all .2s; transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15) } .news__item:hover .news__img {transition:all .2s } .news__item:hover .news-button {opacity:1 } } .news__img {width:30rem; height:30rem; transition:all .2s} .news__img img {width:100%; height:100%; object-fit:cover; object-position:center} .news__content {width:45%; display:flex; flex-direction:column; justify-content:space-between; padding:5.8rem 3rem 1rem; background-color:#fff; position:relative} .news__date {position:absolute; bottom:100%; left:0; top:0; padding:1.2rem 3rem 4rem; color:#2B2E34; font-size:1.4rem; font-weight:500; background-color:#fff} .news__title {color:#2B2E34; font-size:2.4rem; font-weight:500; margin-bottom:1.4rem} .news__text {color:#7E838C} .flag {border-radius:2px; background:#D50B3C; padding:1rem 2rem; color:#fff; font-family:Euclid Circular A; font-size:16px; font-style:normal; font-weight:500; line-height:normal; /*letter-spacing:2px;*/ display:inline-block} .flag.section {position:relative;z-index:11;border-radius:2px; background:#D50B3C; padding:5px 10px; color:#fff; font-family:Euclid Circular A; font-size:1.5rem; font-style:normal; line-height:normal; font-weight:500; /*letter-spacing:2px;*/ display:inline-block} @media (max-width:48em) {.news {margin-bottom:27.6rem } .news__list {display:block } .news__item {margin-bottom:5.6rem; width:100%; flex-direction:column } .news__item:last-child {margin-bottom:0 } .news__row {grid-template-columns:1fr } .news-button {opacity:1 } .news__img {height:44rem; width:100% } .news__content {width:100%; padding:6.8rem 4.6rem } .news__date {top:-6rem; padding:1.5rem 4.2rem; padding-top:2.1rem; font-size:2.4rem } .news__title {font-size:3.6rem; margin-bottom:2.6rem } .news__text {font-size:2.8rem } } .article {padding-top:20rem; margin-bottom:18.7rem} .article--object {margin-bottom:0.7rem} .article--object .article__inner {width:113.2rem; margin:0 auto} .article--object .article__content {margin-bottom:0.6rem} .article__container {display:flex; justify-content:space-between; align-items:flex-start; position:relative} .article__sidebar {width:52.7rem; margin-bottom:7rem; position:sticky; top:3rem} .article__head {padding-top:0rem; text-align:left; /*margin-bottom:10.4rem*/} .article__head .caption-40,.article__head h2.caption-40 {font-size:4rem; font-weight:500; margin-bottom:3rem; color:#2B2E34} .article__head .tag {color:#7E838C} .article__head .banner-img {margin:0; /*height:51.5rem*/} .article__head .banner-img>img {width:65%; /*height:85%;*/ object-fit:cover; object-position:left; margin:0 0 3rem 0} .article__date {margin-bottom:3rem} .article__mtitle {font-size:5.5rem; font-weight:500; color:#2B2E34; margin-bottom:7.5rem; line-height:1.1} .article__author {display:flex; align-items:center; padding:3.7rem 0; border-top:1px solid rgba(217,218,225,0.8); border-bottom:1px solid rgba(217,218,225,0.8); margin-bottom:7.5rem} .article__ava {width:7.5rem; height:7.5rem; border-radius:100%; overflow:hidden; border:2px solid #fff; flex-shrink:0; margin-right:2.9rem} .article__ava img {width:100%; height:100%; object-fit:cover} .article__pos {color:#7E838C; margin-bottom:0.5rem} .article__name {font-size:1.8rem; color:#2B2E34; font-weight:500} .article__info .stars-wrapper {margin-bottom:5.6rem} .article__view {display:inline-block; margin-right:6.4rem} .article__view span {color:#2B2E34; font-weight:500; font-size:1.8rem} .article__content-wrapper {width:87.6rem} .article__content {/*margin-bottom:11.6rem*/} .article__content .title-26,.article__content h2.title-26 {font-size:2.6rem; font-weight:500; margin-top:2.9rem; margin-bottom:1rem; color:#2B2E34} .article__content .title-20,.article__content h2.title-20 {font-size:2rem; font-weight:500; margin-top:2.9rem; margin-bottom:1rem; color:#2B2E34} .article__content strong,.article__content b {color:#2F3035} .article__content p {font-size:1.6rem; line-height:1.5; color:#51545A; margin-bottom:2.4rem} .article__content span {display:inline-block} .article__content a {display:inline-block; text-decoration:underline} .article__content ol {margin:0; padding:0; padding-left:1em; margin-bottom:1em} .article__content ol li {margin-bottom:0.5em} .article__content ul {margin-top:2.4rem; margin-bottom:2.4rem} .article__content ul li {padding-left:1.3rem; position:relative; margin-bottom:0rem; line-height:1.5} .article__content ul li::before {content:"•"; display:inline-block; position:absolute; left:0; top:0.05em; color:#38D3E8} .article__content ul li:last-child {margin-bottom:0} .article__content blockquote {margin:0; margin-top:7.2rem; margin-bottom:7.2rem; quotes:none; padding-left:3rem; padding-top:0.5rem; padding-bottom:0.5rem; border-left:4px solid #1DBCD1} .article__content blockquote p {font-size:1.6rem; margin-bottom:0} .article__content figure {margin:0; margin-top:7.1rem; margin-bottom:6.3rem} .article__content figure>img {display:block; margin:0 auto; width:100%; max-width:100%} .article__content figure.gallery {margin-top:12.1rem; margin-bottom:11.3rem; display:grid; grid-template-columns:repeat(4,1fr); grid-template-columns:repeat(auto-fit,minmax(20%,1fr)); grid-gap:3.5rem} .article__content q {margin-top:9rem; margin-bottom:8rem; display:flex; align-items:center} .article__content q>p {font-weight:500; font-size:2.2rem; color:#2B3042; width:68%; line-height:1.3; margin-bottom:0} .article__content q>span {display:block; width:32%; color:#1DBCD1; display:block} .article__content q>span span:first-child {font-size:2.2rem; font-weight:600} .article__content q>span span:nth-child(2) {font-size:1.6rem} .article__content q::before {display:none} .article__content q::after {display:none} .article__content>*:first-child {margin-top:0} .article__content>*:last-child {margin-bottom:0} @media (max-width:48em) {.article {padding-top:20.8rem; margin-bottom:21rem } .article--object {margin-bottom:0.7rem } .article--object .article__inner {width:100% } .article--object .article__content {margin-bottom:0.6rem } .article__container {display:block; width:100% } .article__sidebar {width:100%; margin-bottom:20.2rem; position:static } .article__head {text-align:left; /*margin-bottom:15.4rem */} .article__head .caption-40,.article__head h2.caption-40 {font-size:5.6rem; margin-bottom:6rem } .article__head .tag {color:#7E838C; margin-bottom:1.5rem } .article__head .banner-img {margin:0; position:relative; left:0; width:100vw; /*height:66.5vw*/ } .article__date {margin-bottom:4.3rem } .article__mtitle {line-height:1.4; margin-bottom:4.9rem } .article__author {padding:4.6rem 0; margin-bottom:7.5rem } .article__ava {width:12rem; height:12rem; margin-right:4.2rem } .article__pos {font-size:2.8rem; margin-bottom:0.5rem } .article__name {font-size:3.2rem } .article__info {display:block; padding:0rem } .article__info .stars-wrapper {margin-bottom:7.2rem } .article__view {display:block; font-size:3rem; margin-bottom:6rem } .article__view span {font-size:3.6rem; margin-left:11.6rem } .article__content-wrapper {width:100% } .article__content {/*margin-bottom:21.6rem*/ } .article__content .title-26,.article__content h2.title-26 {font-size:4.4rem; margin-top:5.7rem; margin-bottom:3.4rem } .article__content .title-20,.article__content h2.title-20 {font-size:4rem; margin-top:5.7rem; margin-bottom:3.4rem } .article__content strong,.article__content b {color:#2F3035 } .article__content p {font-size:3.2rem; margin-bottom:3.9rem } .article__content a {display:inline-block; text-decoration:underline } .article__content .tag {font-size:2.8rem; text-align:left } .article__content ol {margin:0; padding:0; padding-left:1em; margin-bottom:1em } .article__content ol li {margin-bottom:0.5em } .article__content ul {margin-top:4.6rem; margin-bottom:2.4rem } .article__content ul li {padding-left:3.3rem; margin-bottom:1.2rem } .article__content ul li::before {left:0; top:0.05em } .article__content blockquote {margin:0; margin-top:11.2rem; margin-bottom:7.2rem; quotes:none; padding-left:4.7rem; padding-top:1.5rem; padding-bottom:1.5rem } .article__content blockquote p {font-size:3rem; margin-bottom:0; line-height:1.6 } .article__content figure {margin-top:11.2rem; margin-bottom:9rem } .article__content figure.gallery {position:relative; width:100vw; height:80.6vw; overflow:auto; left:-4rem; padding-left:4rem; margin-top:15.8rem; margin-bottom:17.3rem; display:flex; grid-gap:4rem } .article__content figure.gallery img {width:auto; height:80.6vw; max-width:none } .article__content q {margin-top:13.2rem; margin-bottom:11rem; display:block } .article__content q>p {font-size:4rem; width:100%; line-height:1.4; margin-bottom:0 } .article__content q>span {width:100%; display:block; margin-bottom:6.2rem } .article__content q>span span:first-child {display:block; font-size:4rem } .article__content q>span span:nth-child(2) {display:block; font-size:3.2rem } .article__content q::before {display:none } .article__content q::after {display:none } } .article-date span {display:inline-block; font-weight:500; color:#38D3E8; text-transform:uppercase} .article-date span::after {content:"|"; color:#BBBDC0; display:inline-block; margin:0 1rem} .article-date span:last-child::after {display:none} @media (max-width:48em) {.article-date span {font-size:2.8rem } .article-date span::after {margin:0 2.1rem } } .share {display:inline-flex; align-items:center} .share__title {font-size:1.7rem; color:#7D8088} .share .ya-share2__list.ya-share2__list_direction_horizontal {margin-top:0 !important} .share .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important} .share .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {margin:0 !important; margin-left:1.8rem !important} .share .ya-share2__item_service_facebook .ya-share2__icon {width:3rem !important; height:2.4rem !important; background-image:url(../icon/fb-share.svg) !important} .share .ya-share2__item_service_vkontakte .ya-share2__icon {width:3.4rem !important; height:2.1rem !important; background-image:url(../icon/vk-share.svg) !important} .share .ya-share2__item_service_telegram .ya-share2__icon {width:2.6rem !important; height:2.2rem !important; background-image:url(../icon/tg-share.svg) !important} .share .ya-share2__item_service_facebook .ya-share2__badge,.share .ya-share2__item_service_telegram .ya-share2__mobile-popup-badge {background-color:transparent !important} .share .ya-share2__item_service_vkontakte .ya-share2__badge,.share .ya-share2__item_service_whatsapp .ya-share2__mobile-popup-badge {background-color:transparent !important} .share .ya-share2__item_service_telegram .ya-share2__badge,.share .ya-share2__item_service_telegram .ya-share2__mobile-popup-badge {background-color:transparent !important} @media (max-width:48em) {.share .ya-share2__item_service_facebook .ya-share2__icon {width:2.8rem !important; height:5.6rem !important } .share .ya-share2__item_service_vkontakte .ya-share2__icon {width:8rem !important; height:4.8rem !important } .share .ya-share2__item_service_telegram .ya-share2__icon {width:6.2rem !important; height:5.6rem !important } .share .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {margin-left:7rem !important } } .stars {display:flex; flex-direction:row-reverse; justify-content:flex-end} .stars-wrapper {display:flex; align-items:center} .stars-wrapper p {margin-right:2rem; color:#7E838C} .stars__item {display:inline-block; width:4.1rem; height:2.8rem; background-image:url(../img/icon-null.svg); background-repeat:no-repeat; background-position:center; background-size:contain; font-size:0; line-height:0} .stars td {display:inline-flex; align-items:center; justify-content:center} .stars .star-empty,.stars .star-voted,.stars .star-over,.stars .star-active {display:inline-block; width:4rem; height:2.8rem; background-image:url(../icon/star-null.svg); background-repeat:no-repeat; background-position:center; background-size:contain; font-size:0; line-height:0} .stars .star-voted,.stars .star-over {background-image:url(../icon/star-voted.svg)} @media (max-width:48em) {.stars-wrapper {width:100%; margin-bottom:10rem } .stars-wrapper p {font-size:3rem; margin-right:5.8rem } .stars__item {width:7.9rem; height:5.5rem; background-size:contain } .stars .star-empty,.stars .star-voted,.stars .star-over {width:7.9rem; height:5.5rem; background-size:contain } } .comment__form {margin-bottom:8rem} .comment__item {margin-bottom:5.5rem} .comment__item:last-child {margin-bottom:0} .comment__head {display:flex; align-items:center; margin-bottom:1.6rem} .comment__name {color:#2B2E34; font-weight:500; font-size:2rem; margin-right:4.4rem} .comment__text {font-size:1.8rem; color:#51545A} @media (max-width:48em) {.comment__form {margin-bottom:14rem } .comment__item {margin-bottom:10.5rem } .comment__item:last-child {margin-bottom:0 } .comment__head {display:block; margin-bottom:4.1rem } .comment__name {font-size:3.6rem; margin-right:0rem; margin-bottom:1.6rem } .comment__text {font-size:3rem } } .certificates {padding-top:18rem; margin-bottom:10rem} .certificates__mtitle {font-size:4rem; font-weight:500; color:#2B2E34; text-align:center; margin-bottom:6rem} .certificates__list {display:grid; grid-template-columns:repeat(4,1fr); grid-gap:3.5rem} .certificates__item {display:block; padding:0; background-color:#fff} .certificates__img {height:30rem; display:block; margin-bottom:2.8rem} .certificates__img img {width:100%; height:100%; object-fit:contain; object-position:center top; filter:drop-shadow(20px 20px 100px rgba(207,214,221,0.3))} .certificates__name {text-align:center; font-size:2rem} @media (max-width:48em) {.certificates {padding-top:18rem; margin-bottom:22rem } .certificates__mtitle {font-size:5.6rem; text-align:left; margin-bottom:7rem } .certificates__list {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:4rem } .certificates__item {padding:3.2rem 5rem } .certificates__img {height:35.6rem; margin-bottom:4.2rem } .certificates__name {font-size:2.6rem } } .catalog-prod {padding-top:21.3rem; margin-bottom:19rem} .catalog-prod__head {padding:0 30%; text-align:center; margin-bottom:7.3rem} .catalog-prod__mtitle {font-size:4.5rem; font-weight:500; color:#2B2E34; margin-bottom:1.3rem} .catalog-prod__subtitle {color:#7E838C} .catalog-prod__list {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:3.6rem; padding-top:2.7rem} .catalog-prod__img {height:35.3rem} .catalog-prod__img img {width:100%; height:100%; object-fit:cover; object-position:center} .catalog-prod__content {padding:3.9rem 3.2rem; min-height:15rem; display:flex; align-items:center; background-color:#f4f4f4} .catalog-prod__text {font-size:2.2rem; color:#2B2E34} @media (max-width:48em) {.catalog-prod {padding-top:23.8rem; margin-bottom:22rem } .catalog-prod__head {padding:0; text-align:left; margin-bottom:13rem } .catalog-prod__mtitle {font-size:5.6rem; margin-bottom:2.4rem } .catalog-prod__subtitle {font-size:3rem } .catalog-prod__list {display:block; grid-gap:0 } .catalog-prod__item {margin-bottom:6rem } .catalog-prod__item:last-child {margin-bottom:0 } .catalog-prod__img {height:41.5vw } .catalog-prod__content {padding:4.2rem 4rem; min-height:18rem } .catalog-prod__text {font-size:3rem } } .delivery-banner {padding-top:18.3rem; margin-bottom:10.3rem} .delivery-banner__inner {padding-top:4.8rem; display:flex; align-items:center; justify-content:space-between} .delivery-banner__left {width:43.7rem} .delivery-banner__mtitle {font-size:4.3rem; font-weight:500; color:#2B2E34; margin-bottom:1.3rem} .delivery-banner__text {font-size:1.8rem; color:#7E838C; margin-bottom:5.7rem} .delivery-banner__img {width:62.9rem; height:47.2rem} .delivery-banner__img img {width:100%; height:100%; object-fit:contain; object-position:center} .delivery-banner__right {width:33.7rem} .delivery-banner__title {font-size:1.8rem; color:#2B2E34; margin-bottom:2rem} .delivery-banner__list {font-size:1.6rem; color:#7E838C; text-decoration:underline; margin-bottom:3.2rem} .delivery-banner__list li {margin-bottom:1rem} .delivery-banner__list li:last-child {margin-bottom:0} @media (max-width:48em) {.delivery-banner {padding-top:24.8rem; margin-bottom:25.3rem } .delivery-banner__inner {padding-top:5.8rem; display:block } .delivery-banner__left {width:100%; margin-bottom:7.5rem } .delivery-banner__mtitle {font-size:5.6rem; margin-bottom:1.3rem } .delivery-banner__text {font-size:3rem; margin-bottom:7.7rem } .delivery-banner__img {width:100%; height:auto; margin-bottom:13rem } .delivery-banner__img img {width:100%; height:auto } .delivery-banner__right {width:100% } .delivery-banner__title {font-size:3.6rem; margin-bottom:5.3rem } .delivery-banner__list {font-size:3.6rem; margin-bottom:0rem } .delivery-banner__list li {margin-bottom:3.3rem } .delivery-banner__calc {display:none } } .delivery-calc {display:flex; align-items:center; font-size:1.6rem; font-weight:400; color:#2B2E34; text-decoration:underline; letter-spacing:0.02em} .delivery-calc::before {content:""; display:inline-block; width:3.7rem; height:3.7rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/delivery-car.svg); margin-right:2rem} @media (max-width:48em) {.delivery-calc {font-size:3.2rem; letter-spacing:0em } .delivery-calc::before {width:5.7rem; height:5.7rem; margin-right:3rem } } .cost-delivery {margin-bottom:15.5rem} .cost-delivery__head {text-align:center; margin-bottom:5.1rem} .cost-delivery__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; margin-bottom:1rem} .cost-delivery__subtitle {font-size:1.8rem; color:#7E838C} .cost-delivery__list {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:8.8rem} .cost-delivery__item {position:relative; padding:3.9rem 3.6rem; background-color:#fff} .cost-delivery__item--agr {padding:4.9rem 4.3rem; background-color:#f4f4f4} .cost-delivery__item--agr .cost-delivery__title {font-size:2.1rem; margin-bottom:4.1rem} .cost-delivery__item--agr .cost-delivery__param-wrapper {margin-bottom:0; padding-left:1rem} .cost-delivery__title {font-size:2.3rem; font-weight:500; color:#2B2E34; margin-bottom:3.4rem} .cost-delivery__param-wrapper {display:flex; margin-bottom:5rem} .cost-delivery__param {margin-right:6rem; font-size:1.7rem; color:#2B2E34} .cost-delivery__param img {width:auto; height:2.8rem; margin-bottom:0.5rem; margin-left:0.5rem} .cost-delivery__cost {display:flex; align-items:flex-end} .cost-delivery__k {font-size:1.8rem; color:#7E838C; line-height:1.2; margin-right:3rem} .cost-delivery__v {font-weight:500; font-size:3rem; color:#2B2E34; line-height:1} .cost-delivery__v span {font-size:1.6rem; margin-right:1rem} .cost-delivery__img {width:21.1rem; height:15.7rem; position:absolute; right:-5rem; top:2.4rem} .cost-delivery__img img {width:100%; height:100%; object-fit:contain; object-position:center} @media (max-width:48em) {.cost-delivery {margin-bottom:23rem } .cost-delivery__head {text-align:left; margin-bottom:9.2rem } .cost-delivery__mtitle {font-size:5.6rem; margin-bottom:2.4rem } .cost-delivery__subtitle {font-size:3.2rem } .cost-delivery__list {display:block } .cost-delivery__item {padding:5.6rem 5rem; padding-bottom:10.8rem; margin-bottom:2.5rem } .cost-delivery__item:last-child {margin-bottom:0 } .cost-delivery__item--agr {padding:5.6rem 5rem; padding-bottom:7rem } .cost-delivery__item--agr .cost-delivery__title {font-size:4rem; margin-bottom:10rem } .cost-delivery__item--agr .cost-delivery__param-wrapper {margin-bottom:0; padding-left:1rem } .cost-delivery__item--agr .cost-delivery__param {font-size:3.4rem; margin-right:11.7rem } .cost-delivery__item--agr .cost-delivery__param img {height:6rem } .cost-delivery__title {font-size:4rem; margin-bottom:5.3rem } .cost-delivery__param-wrapper {margin-bottom:7rem } .cost-delivery__param {margin-right:8.7rem; font-size:3rem } .cost-delivery__param img {height:4.2rem; margin-bottom:1rem; margin-left:0.5rem } .cost-delivery__k {font-size:2.8rem; line-height:1.2; margin-right:5.7rem } .cost-delivery__v {font-size:4.8rem; line-height:1 } .cost-delivery__v span {display:none } .cost-delivery__img {width:34.6rem; height:25.8rem; right:-3.7rem; top:4.8rem } } .map {margin-bottom:15.3rem} .map__inner {position:relative; height:73rem; filter:drop-shadow(15px 15px 70px rgba(222,230,238,0.6))} .map__img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:10} .map__map {position:absolute; left:0; top:0; width:100%; height:100%; z-index:20} .map__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; text-align:center; margin-bottom:5.5rem} @media (max-width:48em) {.map {margin-bottom:23.6rem } .map__inner {height:176.2vw } .map__mtitle {font-size:5.6rem; text-align:left; margin-bottom:10.6rem } } #map .map-info__head,#map .map-info__list,#map .map-info__bottom {width:48.2rem} .map-info {z-index:30; height:auto; background-color:#fff; box-shadow:15px 15px 70px rgba(78,87,96,0.2); border-radius:0.2rem; padding:2.7rem 3rem 5rem} .map-info--onmap {display:none; width:48.2rem; position:absolute; left:9.3rem; top:50%; transform:translateY(-50%); padding:7.5rem 3rem 5rem} .map-info__head {display:flex; align-items:center; margin-bottom:3rem} .map-info__icon {flex-shrink:0; width:6.2rem; height:6.2rem; border-radius:100%; overflow:hidden; margin-right:2rem} .map-info__icon--blue {box-shadow:1rem 1rem 4rem rgba(23,174,194,0.15)} .map-info__icon--yellow {box-shadow:1rem 1rem 4rem rgba(189,86,11,0.1)} .map-info__icon--red {box-shadow:1rem 1rem 4rem rgba(173,6,6,0.1)} .map-info__icon img {width:100%; height:100%; object-fit:cover; object-position:center} .map-info__mtitle {font-family:'Euclid Circular A'; font-size:2.1rem; font-weight:500; color:#2B2E34} .map-info__subtitle {font-family:'Euclid Circular A'; font-size:1.4rem; color:#7E838C} .map-info__list {font-family:'Euclid Circular A'; padding:2.8rem 0; border-top:1px solid rgba(217,218,225,0.8); border-bottom:1px solid rgba(217,218,225,0.8); margin-bottom:2.5rem} .map-info__list>div {display:flex; margin-bottom:2.1rem} .map-info__list>div:last-child {margin-bottom:0} .map-info__list>div>div:first-child {font-weight:500; font-size:1.6rem; color:#2B2E34; width:30%; flex-shrink:0} .map-info__list>div>div:last-child {font-size:1.5rem; color:#2B2E34} .map-info__metro {display:flex; align-items:center} .map-info__metro::before {content:""; display:inline-block; width:0.7rem; height:0.7rem; border-radius:100%; background-color:#068B2C; margin-right:1.2rem} .map-info__title {font-family:'Euclid Circular A'; font-weight:500; font-size:1.6rem; color:#2B2E34; margin-bottom:0.5rem} .map-info__text {font-family:'Euclid Circular A'; font-size:1.5rem; color:#2b2e35} .map-info__close {display:inline-block; width:2.5rem; height:2.5rem; background-image:url(../icon/map-info-close.svg); background-repeat:no-repeat; background-size:contain; position:absolute; top:2rem; right:2rem} .map-info__bottom {font-family:'Euclid Circular A'} .map-info__bottom:not(:last-child) {border-bottom:1px solid rgba(217,218,225,0.8); padding-bottom:1.4rem; margin-bottom:1.4rem} .payway {margin-bottom:16.4rem} .payway__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; text-align:center; margin-bottom:7.2rem} .payway__tabs {display:flex; justify-content:center; margin-bottom:7rem} .payway__tab {font-size:2.2rem; color:#7E838C; margin:0 6rem} .payway__tab.active {font-weight:500; color:#2B2E34; border-bottom:1px solid #2B2E34} .payway__block {display:grid; grid-template-columns:repeat(5,1fr); grid-gap:4.1rem} .payway__block--entity {grid-template-columns:repeat(3,1fr); grid-gap:3.5rem} .payway__block.hide {display:none} .payway__block.active {display:grid} .payway__item {padding:4rem 3rem; background-color:#fff} .payway__icon {width:7.5rem; height:7.5rem; margin:0 auto; margin-bottom:3rem} .payway__icon img {width:100%; height:100%; object-fit:contain; object-position:center} .payway__text {font-size:1.5rem; color:#2B2E34; text-align:center} @media (max-width:48em) {.payway {margin-bottom:30.4rem } .payway__mtitle {font-size:5.6rem; text-align:left; margin-bottom:8.4rem } .payway__tabs {display:flex; justify-content:space-between; margin-bottom:11.6rem } .payway__tab {font-size:4rem; margin:0rem } .payway__block {grid-template-columns:repeat(1,1fr); grid-gap:4rem } .payway__block--entity {grid-template-columns:repeat(1,1fr); grid-gap:4rem } .payway__item {padding:6rem 5rem; display:flex; align-items:center } .payway__icon {flex-shrink:0; width:13rem; height:13rem; margin:0; margin-right:7rem } .payway__text {font-size:3rem; text-align:left } } .feedback {padding-bottom:17rem; overflow:hidden} .feedback__inner {display:flex} .feedback__img {width:48.3%; min-height:64rem; flex-shrink:0; position:relative; z-index:1; order:1} .feedback__img img {position:absolute; top:-22%; left:-34.1%; width:170%; height:170%; object-fit:contain} .feedback__form {width:51.7%; position:relative; z-index:2; order:2} .feedback__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; margin-bottom:5.2rem} @media (max-width:48em) {.feedback {padding-bottom:15.7rem } .feedback__inner {display:block } .feedback__img {width:100%; min-height:110rem } .feedback__img img {top:-7%; left:-41.9%; width:199%; height:auto } .feedback__form {width:100%; margin-bottom:5rem } .feedback__mtitle {font-size:5.6rem; margin-bottom:9rem } } .brc__inner {display:flex; align-items:center; flex-wrap:wrap; margin:0 0 2rem 0} .brc__inner a {color:#6C6F79/*#7E838C*/; font-size:1.4rem; display:inline-block; padding:2.2rem 0} @media (max-width:48em) {.brc__inner a {color:#747681; font-size:2.3rem; display:inline-block; padding:2.2rem 0 } } .brc__inner a:hover {color:#2B2E34; font-weight:500} .brc__inner a::after {content:"/"; display:inline-block; margin:0 0.8rem} .brc__inner a:last-child::after {display:none} .in-stock {display:flex; justify-content:space-between; align-items:center} .in-stock__inner {display:flex; align-items:center} .in-stock__icon {width:1.3rem; margin-right:1rem} .in-stock__icon img {display:block} .in-stock__text {margin-right:1rem} .in-stock__text b {font-weight:bold} .in-stock__info {width:3.1rem; cursor:pointer} .in-stock__info img {display:block} @media (max-width:48em) {.in-stock {display:block } .in-stock__inner {margin-top:4rem } .in-stock__icon {width:3rem; margin-right:2rem } .in-stock__text {margin-right:2rem } .in-stock__info {width:6rem } } .in-stock-modal {width:96.5rem; background-color:#fff; padding:6.3rem 8.1rem; position:relative} .in-stock-modal__mtitle {width:100%; font-size:4.3rem; font-weight:500; color:#2B2E34; margin-bottom:8.2rem} .in-stock-modal__item {display:flex; align-items:center; margin-bottom:2.4rem} .in-stock-modal__item:last-child {margin-bottom:0} .in-stock-modal__title {font-weight:300; font-size:2.2rem; color:#1F223D; width:25%} .in-stock-modal__text {display:flex; align-items:center; font-weight:500; font-size:2.2rem} .in-stock-modal .green {color:#71D661} .in-stock-modal .text {font-weight:300; font-size:1.5rem; color:#9B9DAD; margin-left:3.8rem} @media (max-width:48em) {.in-stock-modal {width:100%; padding:15.3rem 4rem } .in-stock-modal__mtitle {font-size:5rem; margin-bottom:3rem } .in-stock-modal__item {display:flex; align-items:center; margin-bottom:2.4rem } .in-stock-modal__title {font-size:3.4rem; width:40%; flex-shrink:0 } .in-stock-modal__text {flex-wrap:wrap; font-size:3.4rem } .in-stock-modal .text {width:100%; font-size:3rem; margin-left:0rem } } .card-head {padding-top:18.3rem; position:relative; background-color:#fff; padding-bottom:0; overflow:hidden} .card-head .brc {position:static; top:18.3rem; left:0; width:100%; z-index:6} .card-head--radiator {background-color:#FBFBFB; padding-bottom:0} .card-head--radiator .brc {background-color:#f6f6f6} .card-head--radiator .brc a {padding:1.9rem 0} .card-head--radiator .card-head__slider {width:57.9%; height:81.7rem; position:relative; padding:0} .card-head--radiator .card-head__container {position:absolute; right:0; top:5.8rem; width:56vw; height:75.7rem} .card-head--radiator .card-head__slide {background-color:#FBFBFB} .card-head--radiator .card-head__slide a {width:56vw; height:75.7rem} .card-head--radiator .card-head__slide a img {object-fit:cover} .card-head--radiator .card-head__slide .model3D {height:90%} .card-head--radiator .card-head__slide .youtube-vidoe {width:56vw; height:75.7rem} .card-head--radiator .card-head__slide .own-vidoe {width:56vw; height:75.7rem} .card-head--radiator .card-head__content {padding-bottom:5rem; width:42.1%; background-color:transparent} .card-head--radiator .card-head__content::before {display:none} .card-head--radiator .card-head__content-inner {background-color:transparent; padding-top:14.7rem; padding-left:10.2rem; padding-right:0rem} .card-head--radiator .card-head__code {z-index:7} .card-head--radiator .card-head__thumbs-wrapper {position:absolute; bottom:6.9rem; right:29.8rem; display:inline-flex; align-items:center; z-index:5} .card-head--radiator .card-head__thumbs {width:51.2rem} .card-head--radiator .card-head__thumb {width:11.3rem; height:8.5rem; margin-right:2rem; border-radius:1rem; border:0.2rem solid #fff} .card-head--radiator .card-head__thumb img {object-fit:cover} .card-head--plumber .card-head__prev,.card-head--plumber .card-head__next {display:block; position:absolute; bottom:4rem; z-index:200} .card-head--plumber .card-head__prev {left:-1rem; transform:rotate(270deg)} .card-head--plumber .card-head__next {right:-1rem; transform:rotate(90deg)} .card-head--plumber .card-head__slider {width:49.4%; height:71.4rem; position:relative; padding:0} .card-head--plumber .card-head__container {position:absolute; right:0; top:0rem; width:100%; height:71.4rem; padding-top:9rem} .card-head--plumber .card-head__slide a {width:100%; height:71.4rem; padding-left:3rem; padding-bottom:26rem} .card-head--plumber .card-head__slide .model3D {height:80%} .card-head--plumber .card-head__slide .youtube-vidoe {width:100%; height:50rem} .card-head--plumber .card-head__slide .youtube-vidoe iframe {width:100% !important; height:100% !important} .card-head--plumber .card-head__slide .own-vidoe {width:50vw; height:71.4rem} .card-head--plumber .card-head__content {width:50.6%; padding-bottom:5rem} .card-head--plumber .card-head__code {z-index:7} .card-head--plumber .card-head__thumbs-wrapper {position:absolute; bottom:0rem; right:3rem; display:inline-flex; align-items:center; z-index:5} .card-head__pb {height:6rem; background-color:#fff} .card-head__prev,.card-head__next {display:inline-block; width:3.5rem; height:3rem; background-repeat:no-repeat; background-size:1rem; cursor:pointer} .card-head__prev {background-image:url(../icon/card-slider-prev.svg); background-position:center left} .card-head__next {background-image:url(../icon/card-slider-next.svg); background-position:center right} .card-head__inner {display:flex} .card-head__slider {width:49.4%; padding-top:6.5rem; padding-right:15rem; position:relative; z-index:5} .card-head__container {position:absolute; top:0; right:0; top:5.8rem; width:56vw} .card-head__wrapper {align-items:stretch} .card-head__slide {background-color:#fff} .card-head__slide a {display:block; width:100%; height:33rem} .card-head__slide a img {width:100%; height:100%; object-fit:contain; object-position:center} .card-head__slide .model3D {height:100%} .card-head__slide .youtube-vidoe {display:block; width:100%; height:33rem} .card-head__slide .own-vidoe {display:block; width:100%; height:33rem} .card-head__slide .own-vidoe video {border:none; box-shadow:none; background-color:#000; width:100%; height:100%; object-fit:contain; object-position:center} .card-head__slide .video-preview {display:none} .card-head__thumbs {width:67rem; filter:drop-shadow(15px 15px 50px rgba(38,46,67,0.07))} .card-head__thumb {width:11rem; height:11rem; margin-right:2.5rem; background-color:#fff; overflow:hidden; cursor:pointer} .card-head__thumb.swiper-slide-thumb-active {border:1px solid #ccc} .card-head__thumb img {width:100%; height:100%; object-fit:contain; object-position:center} .card-head__thumb--video::after {content:""; display:inline-block; width:13.3rem; height:13.3rem; background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:5} .card-head__param-onslider {margin-bottom:6.5rem; display:none} .card-head__arc-icon {width:36.2rem; height:4.6rem; position:relative; margin:0 auto; margin-top:5rem; margin-bottom:2.3rem} .card-head__arc-icon img {width:100%; height:100%; object-fit:cover; object-position:center bottom; position:relative; z-index:1} .card-head__color {width:2.6rem; height:2.6rem; border-radius:100%; border:0.7rem solid; border-color:#A9B3B6; background-color:#fff; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); z-index:2; box-shadow:0.5rem 0.5rem 2.5rem rgba(116,124,155,0.3)} .card-head__metal {font-size:1.6rem; font-weight:500; color:#2B2E34; text-align:center} .card-head__content {width:50.6%; background-color:#F8F8F8; position:relative; z-index:7} .card-head__content::before {content:""; display:block; width:103%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#F8F8F8} .card-head__content-inner {position:relative; z-index:2; padding-top:/*6.9rem*/ 5rem; padding-left:16.9rem; padding-right:6.3rem} .card-head__vcode {font-size:1.4rem; color:#7E838C} .card-head__code {font-size:1.4rem; color:#7E838C} .card-head__mtitle {font-size:3rem; font-weight:600; color:#2B2E34; line-height:1.3; margin-bottom:3rem} .card-head__table {margin-bottom:1.5rem} .card-head__table table {border-collapse:collapse; display:block; width:100%} .card-head__table tbody {display:block; width:100%} .card-head__table tr {display:flex; align-items:center; justify-content:space-between; padding:1.6rem 0; border-bottom:1px solid rgba(217,218,225,0.8)} .card-head__table td {font-size:1.6rem} .card-head__table td:first-child {color:#7E838C} .card-head__table td:nth-child(2) {color:#2B2E34} .card-head__table select {display:block; max-width:none; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center right; background-size:1.3rem; background-image:url(../icon/select-arrow.svg); padding:0.5rem 1rem; padding-right:2.8rem; font-size:1.6rem; color:#2B2E34} .card-head__table select:focus {outline:none} .card-head__all-param {font-size:1.4rem; text-align:right; color:#7E838C} @media(max-width:48em) {.card-head__all-param.char {font-size:3.2rem !important; margin-right:5rem }} .card-head__all-param.char {font-size:1.6rem; text-align:right; color:#000; margin-top:2rem} .card-head__all-param.char a:hover {text-decoration:none} .card-head__all-param a {text-decoration-line:underline} .card-head .in-stock {margin-top:4rem; margin-bottom:4rem} .card-head__price {display:flex; align-items:flex-end; line-height:1} .card-head__price-num {font-size:3rem; font-weight:600; color:#2B2E34} @media(max-width:48em) {.card-head__price-num {font-size:3.5rem }} .card-head__price-cur {font-size:1.6rem; font-weight:600; color:#2B2E34; position:relative; top:-1.2rem; left:0.3rem} .card-head__price-slash {font-size:1.6rem; color:#7E838C; margin-left:1rem} .card-head__price-quantity {font-size:1.2rem; color:#7E838C; margin-left:1rem} .card-head__order {display:flex; align-items:center; justify-content:space-between} .card-head .delivery-calc::before {width:3rem; height:2.5rem} @media (max-width:48em) {.card-head {padding-top:24.8rem; padding-bottom:1.5rem } .card-head--radiator {background-color:#F8F8F8 } .card-head--radiator .card-head__slider {width:100vw; height:auto; left:-4rem; margin-bottom:5.2rem } .card-head--radiator .card-head__container {position:static; width:100vw; height:auto } .card-head--radiator .card-head__slide {width:100vw; height:auto } .card-head--radiator .card-head__slide a {width:100vw; height:97.8vw } .card-head--radiator .card-head__slide a img {object-fit:cover } .card-head--radiator .card-head__slide .youtube-vidoe {width:100vw; height:84vw } .card-head--radiator .card-head__slide .own-vidoe {width:100vw; height:84vw } .card-head--radiator .card-head__content {padding-bottom:0rem; width:100% } .card-head--radiator .card-head__content-inner {padding-top:7rem; padding-left:0rem; padding-right:0rem; padding-bottom:9.9rem } .card-head--radiator .card-head__thumbs-wrapper {position:absolute; bottom:-4.6rem; right:0; padding:0 4rem } .card-head--radiator .card-head__thumbs {width:100%; filter:drop-shadow(8.701px 10.8762px 29.0033px rgba(38,46,67,0.2)) } .card-head--radiator .card-head__thumb {width:22.35%; height:15.7vw; margin-right:3.445%; border-radius:1.4rem; border:0.3rem solid #fff } .card-head--plumber .card-head__slider {width:100%; margin-bottom:7.6rem } .card-head--plumber .card-head__container {position:static; width:100%; /*height:auto;*/ padding-top:0rem } .card-head--plumber .card-head__slide {width:100%; height:auto } .card-head--plumber .card-head__slide a {width:100%; height:97.8vw } .card-head--plumber .card-head__slide .youtube-vidoe {width:100%; height:84% } .card-head--plumber .card-head__slide .own-vidoe {width:100%; height:84% } .card-head--plumber .card-head__content {width:100%; padding-bottom:0rem } .card-head--plumber .card-head__content-inner {padding-top:4rem; padding-left:0rem; padding-right:0rem; padding-bottom:9.9rem } .card-head--plumber .card-head__thumbs-wrapper {position:absolute; bottom:-4.6rem; right:0; padding:0 4rem; width:100% } .card-head--plumber .card-head__prev,.card-head--plumber .card-head__next {bottom:2rem } .card-head--plumber .card-head__thumbs {width:100%; filter:drop-shadow(8.701px 10.8762px 29.0033px rgba(38,46,67,0.2)) } .card-head--plumber .card-head__thumb {border-radius:0rem; border:none; width:21.35%; height:19.3vw; margin-right:4.845% } .card-head__pb {height:4rem } .card-head__prev,.card-head__next {display:none } .card-head__inner {display:block } .card-head__slider {width:100%; padding-top:0rem; padding-right:0rem; margin-bottom:7.6rem } .card-head__slide a {height:68vw } .card-head__slide .youtube-vidoe {height:68vw } .card-head__slide .own-vidoe {height:68vw } .card-head__thumbs {width:100% } .card-head__thumb {width:21.35%; height:19.3vw; margin-right:4.845% } .card-head__param-onslider {display:none } .card-head__content {width:100% } .card-head__content::before {left:-1rem } .card-head__content-inner {padding-top:7rem; padding-left:0rem; padding-right:0rem; padding-bottom:9.9rem } .card-head__vcode {font-size:2.6rem } .card-head__code {font-size:2.6rem; position:static } .card-head__mtitle {font-size:4.4rem; line-height:1.41; margin-bottom:3rem } .card-head__table {margin-bottom:5.5rem } .card-head__table tr {padding:3.1rem 0 } .card-head__table td {font-size:3.2rem } .card-head__table select {background-size:2.6rem; padding:1rem 2rem; padding-right:5rem; font-size:3.2rem } .card-head__all-param {font-size:2.6rem; margin-bottom:3.8rem } .card-head .in-stock {margin-top:5.3rem; margin-bottom:5.3rem } .card-head__price-num {font-size:6rem } @media (max-width:48em) {.price_old {font-size:4rem !important } } @media (max-width:48em) {.card-head__price-num.price_opt {font-size:4.5rem !important } } .price_old {font-size:2.5rem } .card-head__price-num.price_opt {text-decoration:line-through; font-size:2.5rem; color:#f41b50 } .card-head__price-cur.cur_opt {margin-right:2rem; font-size:2.5rem; color:#f41b50 } @media (max-width:48em) {.card-head__price-cur.cur_opt {font-size:2.5rem } } .card-head__price-cur {font-size:3.2rem; top:-2.6rem; left:0.7rem } .card-head__price-slash {font-size:2.8rem; margin-left:2.4rem } .card-head__price-quantity {font-size:2.8rem; margin-left:2rem } .card-head__order {display:block } .card-head .delivery-calc::before {width:6rem; height:5rem } .card-head .to-basket {} } .model3D {position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; cursor:pointer} @keyframes basket {0% {transform:translateX(-100%) } 40% {transform:translateX(0rem) } 60% {transform:translateX(0rem) } 99% {transform:translateX(100%) } 100% {transform:translateX(100%) } } @keyframes basket-rotate {0% {transform:translateY(0) rotate(0deg) } 10% {transform:translateY(0) rotate(-30deg) } 30% {transform:translateY(0) rotate(-10deg) } 35% {transform:translateY(0) rotate(0deg) } 40% {transform:translateY(0) rotate(0deg) } 43% {transform:translateY(-7%) rotate(0deg) } 46% {transform:translateY(7%) rotate(0deg) } 49% {transform:translateY(-7%) rotate(0deg) } 52% {transform:translateY(7%) rotate(0deg) } 55% {transform:translateY(-7%) rotate(0deg) } 58% {transform:translateY(7%) rotate(0deg) } 60% {transform:translateY(0) rotate(0deg) } 70% {transform:translateY(0) rotate(-30deg) } 99% {transform:translateY(0) rotate(-30deg) } 100% {transform:translateY(0) rotate(-30deg) } } @keyframes dot {0% {transform:translateY(0) rotate(0deg); opacity:1 } 10% {transform:translateY(0) rotate(0deg); opacity:1 } 40% {transform:translateY(-30%) rotate(-30deg); opacity:1 } 50% {transform:translateY(0%) rotate(-30deg); opacity:1 } 59% {transform:translateY(0%) rotate(-30deg); opacity:1 } 60% {transform:translateY(0%) rotate(-30deg); opacity:0 } 100% {transform:translateY(0%) rotate(-30deg); opacity:0 } } .to-basket {overflow:hidden; position:relative; width:23.2rem; height:6.2rem; background-color:#38D3E8} .to-basket .basket-img,.to-basket .dot-img {content:""; display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center} .to-basket .basket-img img,.to-basket .dot-img img {object-fit:contain; object-position:center} .to-basket .dot-img {opacity:0} .to-basket .dot-img img {width:1.6rem; height:1.6rem} .to-basket .basket-img {transform:translateX(-100%); z-index:2} .to-basket .basket-img img {width:2.3rem; height:2.3rem} .to-basket .to-add,.to-basket .no-add {width:100%; height:100%; flex-shrink:0; position:absolute; top:0; left:0; transition-property:transform,opacity; transition-duration:300ms; transition-timing-function:cubic-bezier(0.77,0,0.175,1)} .to-basket .no-add {transform:scale(0); transform:translateY(100%)} .fast_order {color:#38D3E8; display:inline-block; background-color:#F8F8F8; position:relative; width:21rem; height:6.2rem; font-family:'Euclid Circular A'; border:2px solid #38D3E8; padding:1.6rem 3.4rem; font-size:1.8rem} .fast_order:hover {background:#38D3E8; color:#fff} @media (max-width:48em) {.fast_order {width:28.4rem; height:10.8rem; font-family:'Euclid Circular A'; float:right; font-size:3rem; padding:2.8rem; border:2px solid #38D3E8; background-color:#F8F8F8} } .to-basket.no-added .dot-img {opacity:0} .to-basket.no-added .to-add {transition-delay:unset; opacity:1} .to-basket.no-added .no-add {transition-delay:unset; opacity:0} .to-basket.added .dot-img {animation-name:dot; animation-timing-function:cubic-bezier(0.77,0,0.175,1); animation-duration:2500ms} .to-basket.added .basket-img {animation-name:basket; animation-timing-function:cubic-bezier(0.72,0.24,0.28,0.75); animation-duration:2500ms} .to-basket.added .basket-img img {animation-name:basket-rotate; animation-timing-function:cubic-bezier(0.77,0,0.175,1); animation-duration:2500ms} .to-basket.added .to-add {transition-delay:unset; transform:translateY(100%) scale(0); transform:scale(0); opacity:0} .to-basket.added .no-add {transition-delay:2500ms; transform:scale(1); transform:translateY(0); opacity:1} @media (max-width:48em) {.to-basket {width:35.6rem; height:10.8rem } @media (max-width:48em) {.button.to-basket.mobile {margin:0!important } } .btn_opacity button:disabled {opacity:0.5!important } .to-basket .dot-img img {width:3.2rem; height:3.2rem } .to-basket .basket-img img {width:4.6rem; height:4.6rem } } .card {position:relative} .card__nav {position:sticky; top:0; left:0; width:100%; z-index:20; background-color:#fff} .card__nav-inner {display:flex; position:relative} .card__nav-inner::before {content:""; display:inline-block; width:100%; height:0.2rem; border-radius:1rem; background-color:#eeeded; position:absolute; bottom:0; left:0} .card__nav a {display:inline-block; font-size:1.8rem; color:#71747E; letter-spacing:0.01em; white-space:nowrap; margin-right:7.5rem; padding:2rem 0; position:relative} .card__nav a::after {content:""; display:none; width:100%; height:0.2rem; border-radius:1rem; background-color:#38D3E8; position:absolute; bottom:0; left:0} .card__nav a.active {font-weight:500; color:#2B2E34} .card__nav a.active::after {display:inline-block} .card__nav a:last-child {margin-right:0} .card__head {margin-bottom:4rem} .card__title {font-size:2.4rem; font-weight:500; letter-spacing:0.01em; color:#2B2E34; margin-bottom:1.4rem} .card__title:last-child {margin-bottom:0} .card__subtitle {color:#7E838C} .card__cost-delivery {margin-bottom:20rem} .card__cost-delivery .card__head {margin-bottom:5rem} @media (max-width:48em) {.card {position:relative } .card__nav {width:100vw; left:-4rem; overflow:auto } .card__nav-inner::after {content:""; display:block; width:5rem; height:2rem; flex-shrink:0 } .card__nav a {font-size:3.2rem; margin-right:9.8rem; padding:4rem 0 } .card__head {margin-bottom:4rem } .card__title {font-size:4.8rem; margin-bottom:2.5rem } .card__cost-delivery {margin-bottom:24rem } .card__cost-delivery .card__head {margin-bottom:10rem } } .discription {padding-top:8.5rem; padding-bottom:8rem; background-color:#fff} .discription__inner {display:flex; justify-content:space-between} .discription__content {width:100.8rem} .discription__content p {font-size:1.6rem; color:#71757F; margin-bottom:3.1rem} .discription__content p:last-child {margin-bottom:0} .discription__sidebar {padding-top:1.1rem} @media (max-width:48em) {.discription {padding-top:8.1rem } .discription__inner {display:block } .discription__content {width:100%; margin-bottom:10.3rem } .discription__content p {font-size:3.2rem; margin-bottom:4.5rem; line-height:1.45 } .discription__sidebar {padding-top:0rem } } .sidebar-info__item {display:flex; align-items:center; width:40.9rem; min-height:15.5rem; background-color:#f8f8f8; padding:1rem 3rem; position:relative; margin-bottom:3rem} .sidebar-info__content {width:22.7rem; position:relative; z-index:2} .sidebar-info__suptitle {font-size:1.4rem; color:#6F727C; margin-bottom:1rem} .sidebar-info__title {max-width:50%; font-size:2rem; font-weight:500; color:#2B2E34; line-height:1.3} .sidebar-info__img {position:absolute; width:50%; height:50%; right:2rem; top:50%; transform:translate(0,-50%); z-index:1; width:15rem; height:10rem; object-fit:contain} .sidebar-info__img-doc {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1} .sidebar-info__img img {width:100%; height:100%; object-fit:contain; object-position:right bottom} @media (max-width:48em) {.sidebar-info__item {width:100%; min-height:29rem; padding:1rem 5.8rem; margin-bottom:4rem } .sidebar-info__content {width:70% } .sidebar-info__suptitle {font-size:2.6rem; margin-bottom:1rem } .sidebar-info__title {font-size:3.6rem; line-height:1.3 } .sidebar-info__img {width:30rem; height:18rem } } .specifications {padding-top:7.8rem; padding-bottom:7.5rem; background-color:#fff} .specifications .card__head {margin-bottom:2.2rem} .specifications__inner {display:flex; justify-content:space-between; flex-wrap:wrap} .specifications__table {margin-bottom:1.5rem; width:42.8%} .specifications__table table {border-collapse:collapse; display:block; width:100%} .specifications__table tbody {display:block; width:100%} .specifications__table tr {display:flex; align-items:center; justify-content:space-between; padding:1.2rem 0; min-height:6.4rem; border-bottom:1px solid rgba(217,218,225,0.8)} .specifications__table td {font-size:1.8rem} .specifications__table td:first-child {color:#2B2E34; flex-grow:1; min-width:50%} .specifications__table td:nth-child(2) {color:#2B2E34; text-align:right} @media (max-width:48em) {.specifications {padding-top:5.8rem; padding-bottom:8rem } .specifications .card__head {margin-bottom:2.2rem } .specifications__inner {display:block } .specifications__table {width:100%; margin-bottom:0 } .specifications__table tr {min-height:11rem; padding:3.1rem 0 } .specifications__table td {font-size:2.8rem } } .colors {display:flex; align-items:center} .colors li {width:3.3rem; height:3.3rem; border-radius:100%; margin-right:1rem; font-size:0} .colors li:last-child {margin-right:0} @media (max-width:48em) {.colors li {width:4.6rem; height:4.6rem; margin-right:2rem } } .products {padding-top:10rem; padding-bottom:12rem} .products--used .products__list {grid-template-columns:repeat(3,1fr)} .products--catalog {padding-top:3.5rem; padding-bottom:10rem} .products--radiator .products__list {grid-template-columns:repeat(3,1fr)} .products--radiator .products__img {padding:0; height:30.2rem; margin-bottom:3.2rem} .products__head {margin-bottom:6.1rem} .products__mtitle {font-size:2.4rem; font-weight:500; letter-spacing:0.01em; color:#2B2E34} .products__list {display:grid; grid-template-columns:repeat(4,1fr); grid-gap:3.4rem} .products__item {position:relative; background-color:#fff; display:flex} .products__item.hide {display:none} .products__link {flex-grow:1; display:flex; flex-direction:column; justify-content:space-between; min-height:48.7rem; position:relative} .products__prom-top {position:absolute; top:0; left:0; z-index:2; display:inline-flex; align-items:center} .products__new {background-color:#73CB71; font-size:1.5rem; color:#fff; font-weight:500; padding:0.6rem 1.8rem} .products__promotion {background-color:#F31B4F; font-size:1.5rem; color:#fff; font-weight:500; padding:0.6rem 1.8rem; display:inline-flex; align-items:center} .products__promotion::before {content:""; display:inline-block; width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/percent.svg); margin-right:1.2rem} .products__img {height:32.1rem; padding:3rem; flex-shrink:0; position:relative; overflow:hidden} .products__img img {width:100%; height:100%; object-fit:contain; transition:transform 200ms} .products__img:hover img {transform:scale(1.2)} .products__size {position:absolute; bottom:1.6rem; right:1.4rem; font-size:1.6rem; display:inline-flex; align-items:center; justify-content:center; color:#E1E8F3; padding:0.2rem 1.5rem; height:3.4rem; background:rgba(56,59,65,0.85); border-radius:0.2rem} .products__content {flex-grow:1; display:flex; flex-direction:column; justify-content:space-between} .products__text {font-size:1.6rem; font-weight:500; color:#2B2E34; padding:0 3rem; margin-bottom:1rem} .products__bottom {padding-left:3rem; display:flex; justify-content:space-between; align-items:center} .products__price-wrapper {display:flex; align-items:center; height:8.2rem} .products__price {display:flex; margin-right:2.5rem} .products__price-num {font-size:2rem; font-weight:600; color:#2B2E34} .products__price-cur {font-size:1.3rem; font-weight:500; color:#2B2E34; position:relative; top:0.2rem; left:0.7rem} .products__price-promotion {display:flex; padding:0 1rem; position:relative; line-height:1; top:-0.2rem} .products__price-promotion-num {font-size:1.5rem; font-weight:600; color:#7E838C} .products__price-promotion-cur {font-size:0.8rem; font-weight:500; color:#7E838C; position:relative; top:-0.1rem; left:0.3rem} .products__price-promotion-line {position:absolute; width:100%; height:0.1rem; left:0.3rem; bottom:0; background-color:#F31B4F; transform-origin:left bottom; transform:rotate(-6deg)} .products__icon {display:inline-flex; border:none; width:8.2rem; height:8.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/bag.svg); background-color:#38D3E8; border:none; z-index:5; position:absolute; bottom:0; right:0} .products__more {margin-top:6rem; display:flex; justify-content:center} @media (max-width:48em) {.products {padding-top:12rem; padding-bottom:12rem } .products--catalog {padding-top:8rem; padding-bottom:24rem } .products--catalog .products__inner {position:static; width:100%; padding:0 } .products--catalog .products__list {display:grid; grid-template-columns:repeat(2,48%); grid-gap:3rem } .products--catalog .products__item {margin:0; width:auto } .products--catalog .products__img {height:26rem } .products--catalog .products__promotion {font-size:2rem; padding:1rem 1.6rem } .products--catalog .products__promotion::before {width:2rem; height:2rem; margin-right:1rem } .products--catalog .products__text {padding:0 2.8rem; margin-bottom:5.8rem } .products--catalog .products__price-wrapper {flex-direction:column; justify-content:center; height:8.6rem } .products--catalog .products__price {font-size:3.2rem; margin-right:0 } .products--catalog .products__price-promotion {display:inline-flex } .products--catalog .products__price-promotion-num {font-size:2.4rem } .products--catalog .products__price-promotion-cur {font-size:1.4rem } .products--catalog .products__icon {width:8.6rem; height:8.6rem; flex-shrink:0 } .products--radiator .products__img {padding:0 } .products--radiator .products__img img {object-fit:cover } .products__head {margin-bottom:8.1rem } .products__mtitle {font-size:4.8rem } .products__inner {width:100vw; overflow:auto; position:relative; left:-4rem; padding-left:4rem } .products__list {display:flex; grid-gap:0rem } .products__list::after {content:""; display:block; flex-shrink:0; width:4rem } .products__item {flex-shrink:0; margin-right:5.4rem; width:57.4rem } .products__item:last-child {margin-right:0 } .products__link {min-height:48.7rem } .products__size {position:absolute; bottom:1.6rem; right:1.4rem; font-size:1.6rem; display:inline-flex; align-items:center; justify-content:center; color:#E1E8F3; padding:0.2rem 1.5rem; height:3.4rem; background:rgba(56,59,65,0.85); border-radius:0.2rem } .products__new {font-size:2.6rem; padding:1rem 2.8rem } .products__promotion {font-size:2.6rem; padding:1rem 2.8rem } .products__promotion::before {width:2.4rem; height:2.4rem; margin-right:2rem } .products__img {height:52.1rem; padding:2rem } .products__text {font-size:2.8rem; padding:0 4.7rem; margin-bottom:1.2rem } .products__bottom {padding-left:4.7rem } .products__price-wrapper {height:13.3rem } .products__price {margin-right:4rem } .products__price-num {font-size:3.2rem } @media (max-width:48em) {.сur_opt {font-size:2.5rem!important } } .products__price-cur {font-size:2rem; top:0.2rem; left:0.7rem } .products__price-promotion {padding:0 2rem } .products__price-promotion-num {font-size:3rem } .products__price-promotion-cur {font-size:1.6rem; top:0.2rem; left:0.7rem } .products__icon {width:13.3rem; height:13.3rem } .products__more {display:none } } .schema {padding-top:9.5rem; /*padding-bottom:8rem;*/ background-color:#fff} .schema__inner {display:flex; flex-wrap:wrap; justify-content:center} .schema__item {display:block; max-width:88.6rem; max-height:81.2rem; min-height:40rem; min-width:50%; width:50%; flex-grow:1} .schema__item img {width:100%; height:100%; object-fit:contain} @media (max-width:48em) {.schema {padding-top:10.5rem; padding-bottom:8rem } .schema__item {width:100%; max-width:none; max-height:none; min-height:auto; min-width:auto } .schema__item img {width:100%; height:auto; object-fit:contain } } .payment-card {padding-top:11rem} .payment-card .card__head {margin-bottom:5.3rem} .payment-card__inner {display:flex; flex-wrap:wrap; justify-content:space-between} .payment-card__item {width:47.3%} .payment-card__title {font-size:1.8rem; font-weight:500; letter-spacing:0.01em; color:#2B2E34; margin-bottom:2.7rem} .payment-card__list {font-size:1.6rem; letter-spacing:0.01em; color:#2B2E34; line-height:1.56; margin-bottom:0.5rem} .payment-card__list:last-child {margin-bottom:0} .payment-card__list ol {padding-left:1.6rem} .payment-card__list li {margin-bottom:1.4rem} @media (max-width:48em) {.payment-card {padding-top:4.7rem } .payment-card .card__head {margin-bottom:6.7rem } .payment-card__inner {display:block } .payment-card__item {width:100%; margin-bottom:10rem } .payment-card__item:last-child {margin-bottom:0 } .payment-card__title {font-size:3.6rem; margin-bottom:4rem } .payment-card__list {font-size:3.2rem; line-height:1.37 } .payment-card__list ol {padding-left:4rem } .payment-card__list li {margin-bottom:3.7rem } } .delivery-card {padding-top:11.8rem; margin-bottom:13.5rem} .delivery-card .card__head {margin-bottom:4.1rem} .delivery-card__inner {display:flex; flex-wrap:wrap; justify-content:space-between} .delivery-card__item {width:47.3%} .delivery-card__title {font-size:1.8rem; font-weight:500; letter-spacing:0.01em; color:#2B2E34; margin-bottom:2.7rem} .delivery-card__list {font-size:1.6rem; letter-spacing:0.01em; color:#2B2E34; line-height:1.56; margin-bottom:0.5rem} .delivery-card__list:last-child {margin-bottom:0} .delivery-card__list ol {padding-left:1.6rem} .delivery-card__list li {margin-bottom:2.2rem} .delivery-card__list li:last-child {margin-bottom:0} .delivery-card__list-deliveryman {font-size:1.6rem; letter-spacing:0.01em; color:#2B2E34; line-height:1.56; margin-bottom:0.5rem; width:auto; margin-right:.6rem} .delivery-card__list-deliveryman:last-child {margin-bottom:0} .delivery-card__list-deliveryman ol {padding-left:1.6rem} .delivery-card__list-deliveryman ul {display:flex; justify-content:space-between; align-items:center; padding-top:7rem} .delivery-card__list-deliveryman li {height:7rem} .delivery-card__list-deliveryman li:last-child {height:8.5rem} .delivery-card__list-deliveryman li img {height:100%} .delivery-card__list-deliveryman li a {color:#1DBCD1; font-weight:500; line-height:2.37; text-decoration-line:underline} @media (max-width:48em) {.delivery-card {padding-top:13.2rem; margin-bottom:20.5rem } .delivery-card .card__head {margin-bottom:6.7rem } .delivery-card__inner {display:block } .delivery-card__item {width:100%; margin-bottom:7.8rem } .delivery-card__item:last-child {margin-bottom:0 } .delivery-card__title {font-size:3.6rem; margin-bottom:4rem } .delivery-card__list {font-size:3.2rem; line-height:1.37; margin-bottom:2rem } .delivery-card__list ol {padding-left:4rem } .delivery-card__list li {margin-bottom:2.5rem } .delivery-card__list-deliveryman {font-size:3.2rem; margin-bottom:2rem } .delivery-card__list-deliveryman:last-child {margin-bottom:0 } .delivery-card__list-deliveryman ol {padding-left:4rem } } .table {padding-top:10.1rem; padding-bottom:5rem; background-color:#fff} .table .card__head {margin-bottom:6rem} .table__tabs {display:flex} .table__tab {flex-grow:1; max-width:25%; padding:2.6rem; font-size:1.5rem; font-weight:500; color:#2B2E34; text-align:center; background-color:#fbfbfb; cursor:pointer} .table__tab.active {background-color:#f4f4f5} .table__block.active {display:block} .table__block.hide {display:none} .table table {border-collapse:collapse; width:100%} .table tbody {width:100%} .table tr {background-color:#fbfbfb} .table tr:nth-child(2n + 1) {background-color:#f4f4f5} .table th>div,.table td>div {display:inline-flex; align-items:center; padding:0.1rem 2.6rem; min-height:7.6rem} .table th:first-child>div,.table td:first-child>div {min-width:17rem} .table th {font-size:1.6rem; color:#2B2E34; text-align:center} .table td {font-size:1.5rem; color:#363636; text-align:center} .table td:first-child {text-align:left} .table td:first-child a {color:#38D3E8; text-decoration:underline} .table__selected {display:none} .table__overlay {display:none} @media (max-width:48em) {.table {padding-top:10.1rem; padding-bottom:5rem } .table .card__head {margin-bottom:6rem } .table__select {position:relative; background-color:#F4F4F5; margin-bottom:4rem; z-index:10 } .table__overlay {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:5 } .table__overlay.open {display:block } .table__selected {width:100%; display:flex; align-items:center; justify-content:space-between; height:15.2rem; padding:1rem 4rem; font-weight:500; color:#2B2E34; position:relative; z-index:6 } .table__selected::after {content:""; display:inline-block; width:4rem; height:4rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/select-arrow.svg); transform:rotate(0deg); transition:transform 200ms ease-in } .table__selected.open::after {transform:rotate(-180deg); transition:transform 200ms ease-in } .table__tabs {display:block; position:absolute; width:100%; top:100%; left:0; display:none; z-index:7; filter:drop-shadow(8.701px 10.8762px 29.0033px rgba(38,46,67,0.2)) } .table__tabs.open {display:block } .table__tab {padding:2rem 4rem; font-size:3.2rem; text-align:left; max-width:none } .table__blocks {position:relative; width:100vw; left:-4rem; padding-left:4rem } .table__block {position:static; width:100%; overflow:auto } .table__block.active {display:block } .table__block.hide {display:none } .table table {display:block } .table tbody {display:flex; padding-left:30rem } .table tr {display:block; background-color:transparent; width:70vw } .table tr:nth-child(2n + 1) {background-color:transparent } .table tr:first-child {position:absolute; top:0rem; left:4rem; z-index:5; width:30rem } .table th,.table td {display:block; width:100% } .table th>div,.table td>div {display:inline-flex; align-items:center; padding:0.1rem 2.6rem; min-height:13.4rem } .table th:first-child>div,.table td:first-child>div {min-width:auto } .table th:nth-child(2n + 2),.table td:nth-child(2n + 2) {background-color:#fff } .table th:nth-child(2n + 1),.table td:nth-child(2n + 1) {background-color:#F4F4F5 } .table th {font-size:3.2rem; color:#2B2E34; text-align:center; width:30rem } .table th:first-child {width:30rem; white-space:normal } .table td {font-size:3.2rem; color:#363636; text-align:center } .table td:first-child {text-align:left; min-width:37rem } } .add-to-basket {display:inline-flex; align-items:center} .add-to-basket__minus,.add-to-basket__plus {font-size:2.5rem; color:#7E838C; line-height:1; font-weight:300; padding:1.5rem} .add-to-basket__plus {position:relative; top:0.1rem} .add-to-basket__quan {font-size:1.8rem; font-weight:500; color:#2B2E34} .add-to-basket__icon {width:4.3rem; height:4.1rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/bag-2.svg); background-color:#38D3E8} @media (max-width:48em) {.add-to-basket {display:inline-flex; align-items:center } .add-to-basket__minus,.add-to-basket__plus {font-size:5rem; padding:3rem } .add-to-basket__plus {top:0.2rem } .add-to-basket__quan {font-size:3.6rem } .add-to-basket__icon {width:8.6rem; height:8.2rem } } .formalization {padding-top:18.3rem; padding-bottom:30.5rem; overflow:hidden} .formalization__inner {display:flex; align-items:flex-start; justify-content:space-between} .formalization__content-wrapper {padding-top:8.3rem; width:96.7rem} .formalization__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; margin-bottom:0.5rem} .formalization__subtitle {font-size:1.8rem; color:#7E838C; margin-bottom:6.5rem} .formalization__title {width:100%; font-size:2rem; font-weight:500; color:#2B2E34; margin-bottom:4.1rem; display:flex; justify-content:space-between; align-items:center} .formalization__tabs {display:flex} .formalization__tab {font-size:2.2rem; color:#7E838C; margin-right:7.8rem; cursor:pointer} .formalization__tab:last-child {margin-right:0} .formalization__tab.active {font-weight:500; color:#2B2E34; border-bottom:1px solid #2B2E34} .formalization__block.hide {display:none} .formalization__select {margin-bottom:7.3rem} .formalization__selected {display:none} .formalization__overlay {display:none} .formalization__sidebar {margin-top:13.2rem; position:relative} .formalization__sidebar::before {content:""; display:block; width:100vw; height:100%; position:absolute; top:0; left:0; background-color:#fff} @media (max-width:48em) {.formalization {padding-top:24.8rem; padding-bottom:30.5rem } .formalization__inner {display:block } .formalization__content-wrapper {padding-top:8.3rem; width:100% } .formalization__mtitle {font-size:5.6rem; margin-bottom:2.1rem } .formalization__subtitle {font-size:3.6rem; margin-bottom:8rem } .formalization__title {font-size:4rem; margin-bottom:6.8rem; display:block } .formalization__tabs {display:block; position:absolute; width:100%; top:100%; left:0; display:none; z-index:7; filter:drop-shadow(8.701px 10.8762px 29.0033px rgba(38,46,67,0.2)); background-color:#fbfbfb } .formalization__tabs.open {display:block } .formalization__tab {padding:2rem 4rem; font-size:3.2rem; text-align:left; margin-right:0 } .formalization__tab.active {border:none; background-color:#f4f4f5 } .formalization__block.hide {display:none } .formalization__select {position:relative; background-color:#F4F4F5; margin-bottom:13rem; z-index:10 } .formalization__overlay {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:5 } .formalization__overlay.open {display:block } .formalization__selected {width:100%; display:flex; align-items:center; justify-content:space-between; height:15.2rem; padding:1rem 4rem; font-weight:500; color:#2B2E34; position:relative; z-index:6 } .formalization__selected::after {content:""; display:inline-block; width:4rem; height:4rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/select-arrow.svg); transform:rotate(0deg); transition:transform 200ms ease-in } .formalization__selected.open::after {transform:rotate(-180deg); transition:transform 200ms ease-in } .formalization__sidebar {margin-top:13.2rem } .formalization__sidebar::before {display:none } } .order-details {width:49.4rem; background-color:#fff; padding-top:3.9rem; padding-bottom:5.8rem; padding-right:1rem; position:relative; z-index:2} .order-details__header {display:flex; align-items:center; justify-content:space-between; padding-left:5.3rem; margin-bottom:5.1rem} .order-details__mtitle {font-size:2.3rem; font-weight:500; color:#2B2E34} .order-details__edit {font-size:1.5rem; color:#7E838C} .order-details__body {max-height:62rem; overflow-y:auto; overflow-x:hidden; scrollbar-color:#2B2E34 #E8EBF0; scrollbar-width:thin} /*.order-details__body::-webkit-scrollbar {width:0.2rem; height:0.2rem; background-color:#E8EBF0} .order-details__body::-webkit-scrollbar-thumb {background-color:#2B2E34; border-radius:9em; box-shadow:none} .order-details__body::-webkit-scrollbar-thumb:hover {background-color:#2B2E34}*/ .order-details__list {padding-left:3.2rem} .order-details__item {display:flex; align-items:center; padding:1rem 0; margin-bottom:3rem} .order-details__img {width:11rem; height:11rem; flex-shrink:0; margin-right:2.2rem} .order-details__img img {width:100%; height:100%; object-fit:contain} .order-details__content {padding-top:1rem; padding-right:2rem} .order-details__title {font-size:1.6rem; font-weight:500; color:#2B2E34; margin-bottom:1rem} .order-details__price {display:flex; font-size:1.5rem; color:#7E838C} .order-details__cur {font-weight:500; font-size:1.2rem; position:relative; top:-0.2rem; left:0.2rem} .order-details__slash {margin:0 1.8rem} .order-details__footer {padding-top:3.3rem; padding-left:5.3rem} .order-details__total {display:flex; align-items:center; justify-content:space-between; margin-bottom:1.4rem} .order-details__total:last-child {margin-bottom:0} .order-details__k {font-size:1.6rem; font-weight:500; color:#7E838C} .order-details__v {font-size:2rem; font-weight:500; color:#2B2E34} .order-details__total-cur {font-size:1.6rem; position:relative; top:-0.5rem} .order-details__show-all {display:none} @media (max-width:48em) {.order-details {width:100%; padding-top:6.4rem; padding-bottom:6.4rem; padding-right:4rem } .order-details__header {padding-left:4rem; margin-bottom:4rem } .order-details__mtitle {font-size:3.6rem } .order-details__edit {font-size:3rem } .order-details__body {max-height:63rem; overflow:hidden; position:relative } .order-details__body.show {max-height:none } .order-details__body.show .order-details__list::after {display:none } .order-details__list {padding-left:1.2rem } .order-details__list::after {content:""; display:block; width:100%; height:22.6rem; position:absolute; bottom:0; left:0; background-repeat:no-repeat; background-size:cover; background-position:left bottom; background-image:linear-gradient(180deg,rgba(255,255,255,0) -77.17%,#FFFFFF 91.3%) } .order-details__item {padding:2rem 0; margin-bottom:3rem } .order-details__img {width:15rem; height:15rem; margin-right:3.7rem } .order-details__content {padding-top:0rem; padding-right:4rem } .order-details__title {font-size:2.8rem; margin-bottom:1rem } .order-details__price {font-size:2.4rem } .order-details__cur {font-size:1.8rem; top:-0.2rem; left:0.2rem } .order-details__slash {margin:0 1.8rem } .order-details__footer {padding-top:3.3rem; padding-left:5.3rem } .order-details__total {margin-bottom:1.4rem } .order-details__k {font-size:3rem } .order-details__v {font-size:4rem } .order-details__total-cur {font-size:3rem; top:-0.5rem } .order-details__show-all {display:inline-block; margin-bottom:10rem; margin-top:2rem } } .contact-map {padding-top:18.3rem; margin-bottom:15.3rem} .contact-map__header {padding-top:1.3rem; display:flex; justify-content:space-between; align-items:center; margin-bottom:5.5rem} .contact-map__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34} .contact-map__inner {position:relative; height:49.1rem; filter:drop-shadow(15px 15px 70px rgba(222,230,238,0.6)); margin-bottom:9.8rem} .contact-map__img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:10} .contact-map__map {position:absolute; left:0; top:0; width:100%; height:100%; z-index:20} .contact-map__list {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:3.7rem} @media (max-width:48em) {.contact-map {padding-top:24.8rem; margin-bottom:23.6rem } .contact-map__header {padding-top:8rem; display:block; margin-bottom:16.5rem } .contact-map__inner {height:105vw; flex-shrink:0 } .contact-map__mtitle {font-size:5.6rem; text-align:left; margin-bottom:5.6rem } .contact-map__list {grid-template-columns:repeat(1,1fr); grid-gap:4rem 0 } } .loacal-select {display:block; max-width:none; min-width:37.2rem; margin:0; border:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center left 3.3rem,center right 3rem; background-size:1.7rem,1.3rem; background-image:url(../icon/location.svg),url(../icon/select-arrow.svg); padding:2.4rem 3.1rem 2.4rem 7.4rem; font-size:1.8rem; color:#2B2E34; background-color:#FFFFFF; box-shadow:1.5rem 1.5rem 7rem rgba(222,230,238,0.6); border-radius:0.2rem} .loacal-select:focus {outline:none} @media (max-width:48em) {.loacal-select {width:100%; background-position:center left 4rem,center right 5rem; background-size:3.2rem,2.5rem; padding:4.4rem 6rem 4.4rem 12rem; font-size:3.6rem; box-shadow:2.5rem 2.5rem 12rem rgba(222,230,238,0.6); border-radius:0.4rem } } .about-banner {padding-top:18.3rem; margin-bottom:18rem} .about-banner__inner {padding-top:12.1rem; display:flex; justify-content:space-between} .about-banner__img-wrapper {position:relative; padding-left:9.3rem} .about-banner__soc {position:absolute; left:0; bottom:0; color:#2B2E34; font-size:1.5rem; font-weight:500; transform:rotate(-90deg); transform-origin:left top; padding-left:18rem} .about-banner__soc a:not(:last-child) {margin-right:6rem} .about-banner__img {width:58.6rem; height:69.4rem} .about-banner__img img {width:100%; height:100%; object-fit:cover} .about-banner__content {width:73.5rem; display:flex; flex-direction:column; padding-top:1rem} .about-banner__mtitle {font-size:4rem; font-weight:500; color:#2B2E34; margin-bottom:2.8rem; padding-right:3rem} .about-banner__text-wrapper {display:flex; justify-content:space-between} .about-banner__text {width:46.4%; color:#7E838C; font-size:1.5rem; line-height:1.6} .about-banner__bottom-img {width:100%; height:33.7rem; margin-top:auto; margin-bottom:0} .about-banner__bottom-img img {width:100%; height:100%; object-fit:cover} @media (max-width:48em) {.about-banner {padding-top:24.8rem; margin-bottom:21rem } .about-banner__inner {padding-top:10.6rem; display:block } .about-banner__img-wrapper {padding-left:9.3rem; width:100vw; left:-4rem; display:flex; justify-content:flex-end; margin-bottom:15rem } .about-banner__soc {font-size:2.8rem; padding-left:5rem; left:3.4rem } .about-banner__soc a:not(:last-child) {margin-right:12rem } .about-banner__img {width:67.8rem; height:80.4rem } .about-banner__content {width:100%; padding-top:1rem } .about-banner__mtitle {font-size:5.4rem; margin-bottom:4.8rem; padding-right:0rem } .about-banner__text-wrapper {display:block; margin-bottom:14.6rem } .about-banner__text {width:100%; font-size:3rem; line-height:1.5; margin-bottom:4.6rem } .about-banner__text:last-child {margin-bottom:0 } .about-banner__bottom-img {position:relative; left:-4rem; width:100vw; height:38.1rem; margin-top:0 } } .space--67 {height:6.7rem} @media (max-width:48em) {.space--67 {height:1rem } } .catalog-cate {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:3.6rem; margin-bottom:13rem} .catalog-cate__img {height:22.3rem} .catalog-cate__img img {width:100%; height:100%; object-fit:cover; object-position:center} .catalog-cate__content {padding:2.3rem 2rem; min-height:9.5rem; display:flex; align-items:center; justify-content:center; background-color:#f4f4f4} .catalog-cate__text {font-size:1.8rem; text-align:center; color:#2B2E34; line-height:1.2} @media (max-width:48em) {.catalog-cate {grid-template-columns:repeat(2,1fr); grid-gap:3rem; margin-bottom:19rem } .catalog-cate__img {height:49.3vw } .catalog-cate__content {padding:6.8rem 0.5rem; min-height:21.6rem } .catalog-cate__text {font-size:3.4rem } } .filter-cate {padding:3.6rem 3rem 1.5rem; background-color:#f4f4f4} .filter-cate__mtitle {font-size:2.2rem; font-weight:500; color:#2B2E34} .filter-cate__mob {display:none} .filter-cate__close {display:none} .filter-cate p {line-height:1.37; padding:2.2rem 0; padding-right:2rem; background-repeat:no-repeat; background-position:center right; background-size:1.3rem; background-image:url(../icon/select-arrow.svg); cursor:pointer} .filter-cate p.active {font-weight:600; color:#2B2E34; background-image:url(../icon/select-arrow-top.svg)} .filter-cate ul {font-size:1.6rem} .filter-cate ul li {border-bottom:1px solid rgba(217,218,225,0.8)} .filter-cate ul li:last-child {border-bottom:none} .filter-cate ul ul {font-size:1.5rem; line-height:1.47; padding:1.9rem 0; padding-left:2.1rem; display:none} .filter-cate ul ul li {margin-bottom:1.7rem; border-bottom:none} .filter-cate ul ul li:last-child {margin-bottom:0} @media (max-width:48em) {.filter-cate {padding:15rem 4rem 1.5rem; position:fixed; top:0; left:0; width:100%; height:100%; z-index:150; overflow:auto; display:none } .filter-cate.active {display:block } .filter-cate__mtitle {font-size:5rem; display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; left:0; width:100%; padding:4rem; background-color:#f4f4f4 } .filter-cate__mob {display:block; font-size:3.2rem; font-weight:500; color:#2B2E34; background-repeat:no-repeat; background-position:center left 2.8rem,center right 4rem; background-size:5rem,3rem; background-image:url(../icon/filter.svg),url(../icon/select-arrow.svg); background-color:#f4f4f4; padding:6.3rem 3rem 6.3rem 10.6rem; border-radius:3px; cursor:pointer; margin-bottom:11.4rem } .filter-cate__close {display:inline-block; width:4rem; height:4rem; background-image:url(../icon/modal-close.svg); background-repeat:no-repeat; background-size:contain } .filter-cate p {padding:3.5rem 0; padding-right:2rem; background-size:3rem } .filter-cate ul {font-size:4rem } .filter-cate ul ul {font-size:3.6rem; padding:3rem 0; padding-left:2.1rem } .filter-cate ul ul li {margin-bottom:2.5rem } } .not-found {padding-top:18.3rem; margin-bottom:7.7rem} .not-found__inner {padding-top:6.4rem} .not-found .brc {margin-bottom:2.4rem} .not-found__mtitle {font-size:3rem; font-weight:500; color:#2B2E34; margin-bottom:4.7rem} .not-found__search {position:relative} .not-found__search__reset {position:absolute; top:50%; right:3rem; transform:translateY(-50%); font-size:1.4rem; z-index:15} .not-found__search__input-wrapper {position:relative; background-color:#f4f4f4} .not-found__search__input-wrapper::after {content:""; position:absolute; top:50%; left:3.4rem; transform:translateY(-50%); width:1.7rem; height:1.7rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/magnific.svg)} .not-found__search__input {width:100%; height:5.4rem; display:block; background-color:transparent; border:none; color:#73737B; font-size:1.5rem; padding-left:6.6rem; position:relative; z-index:10} .not-found__search__input::placeholder {color:#73737B; font-size:1.5rem} @media (max-width:48em) {.not-found {padding-top:24.8rem; margin-bottom:8.9rem } .not-found__inner {padding-top:8.5rem } .not-found .brc {display:none } .not-found__mtitle {font-size:5rem; margin-bottom:9.2rem } .not-found__search__reset {display:none } .not-found__search__input-wrapper::after {left:4rem; width:3.4rem; height:3.4rem } .not-found__search__input {height:13.2rem; font-size:3rem; padding-left:11.2rem } .not-found__search__input::placeholder {font-size:3rem } } .catalog {margin-bottom:12rem} .catalog__head {margin-bottom:5.4rem} .catalog__head .brc {margin-bottom:3.6rem} .catalog__mtitle {font-size:4rem; font-weight:500; color:#2B2E34} .catalog__inner {display:flex; justify-content:space-between; align-items:flex-start} .catalog__filter {width:35.5rem} .catalog__content {width:113.1rem} @media (max-width:48em) {.catalog {margin-bottom:12rem; padding-top:7.4rem } .catalog__head {margin-bottom:5.4rem } .catalog__head .brc {display:none } .catalog__mtitle {font-size:5rem } .catalog__inner {display:block } .catalog__filter {width:auto } .catalog__content {width:auto } } .filter a:focus,.filter button:focus,.filter input:focus,.filter select:focus {box-shadow:0 0 0 1px #000} .filter__inner {padding:3.7rem 3.7rem; padding-bottom:1.4rem; background-color:#F4F4F4; position:relative; margin-bottom:3.7rem} .filter__inner.desktop {float:left; margin-right:10px; width:22%} @media (max-width:48em) {.filter__inner.desktop {float:none; margin:0; width:100% } } @media (max-width:48em) {.filter__close.button:active {float:none; margin:0; width:100% } } @media (max-width:48em) {.filter__close::after {width:5rem; height:4.5rem; margin-left:2rem } } .filter__close {font-size:1.6rem; font-weight:500; color:#7E838C; margin-left:3rem} .filter__close::after {width:26px!important; height:27px!important; margin-left:2rem} .filter__close::after {content:""; display:inline-block; width:2.7rem; height:2.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:1rem; background-image:url(../icon/nav-close.svg)} .filter__sort {padding:2.8rem 3.8rem; background-color:#F4F4F4; position:relative; display:flex; justify-content:space-between; align-items:center} .filter__sort-flex {display:flex} .filter__sort-item {margin-left:6rem} .filter__sort-item span {color:#2B2E34; font-weight:normal; margin-right:1rem} .filter__sort-select {display:inline-block; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center right; background-size:1.3rem; background-image:url(../icon/select-status-arrow.svg); padding:0.5rem 0; padding-right:3rem; font-size:1.7rem; color:#6C7078; font-weight:500; font-family:inherit} .filter__sort-select:focus {outline:none} .filter__nohidden,.filter__hidden-inner {display:grid; grid-template-columns:repeat(1,minmax(100px,1fr)); grid-gap:2.6rem 3.4rem} .filter__nohidden {margin-bottom:7rem} .filter__hidden-inner {padding-top:1.1rem; padding-bottom:5.1rem} .filter__hidden {display:none} .filter__item {flex-shrink:0} .filter__title {font-weight:500; font-size:1.8rem; color:#2B2E34; margin:2.1rem 0} .filter__input-wrapper {display:flex; justify-content:space-between; align-items:center} .filter__input-wrapper input:nth-child(2) {text-align:right} .filter__input {width:calc(50% - 0.7rem); font-size:1.7rem; background-color:#fff; font-weight:500; padding:1rem 1.3rem; border:none; color:#2B2E34} .filter .irs-grid,.filter .irs-shadow,.filter .irs-max,.filter .irs-min,.filter .irs-from,.filter .irs-to,.filter .irs-single {display:none} .filter .irs--flat {height:4.2rem} .filter .irs--flat .irs-line {height:0.4rem; border-radius:0.4rem; top:0.7rem; background-color:#DEE1E8} .filter .irs--flat .irs-bar {height:0.4rem; top:0.7rem; background-color:#38D3E8} .filter .irs--flat .irs-handle {height:1.8rem; width:1.8rem; top:0; cursor:pointer} .filter .irs--flat .irs-handle i {display:none} .filter .irs--flat .irs-handle>i:first-child {display:block; width:0.4rem; background-color:#38D3E8} .filter__select {display:inline-block; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; font-family:inherit; cursor:pointer; background-color:#fff; background-repeat:no-repeat; background-position:center right 1.9rem; background-size:1.3rem; background-image:url(../icon/select-status-arrow.svg); padding:0.5rem 1.8rem; padding-right:2.8rem; font-size:1.7rem; color:#6C7078; font-weight:500; height:4.5rem; width:100%} .filter__select:focus {outline:none} .filter__select.active {color:#2B2E34} .filter__all-param {font-size:2rem; font-weight:600; letter-spacing:0.02em; margin:2rem 0} .filter__all-param::after {content:""; display:inline-block; width:1.5rem; height:1rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/all-param.svg); margin-left:1rem; transition:transform 200ms} .filter__all-param span:first-child {display:inline} .filter__all-param span:last-child {display:none} .filter__all-param.active span:first-child {display:none} .filter__all-param.active span:last-child {display:inline} .filter__all-param.active::after {transform:rotate(-180deg)} .filter__check {display:flex; align-items:center; font-size:1.7rem; color:#2B2E34; cursor:pointer; margin-bottom:2.2rem} .filter__check:last-child {margin-bottom:0} .filter__check span {display:inline-block; width:3.2rem; height:3.2rem; margin-right:1.7rem; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:contain; background-size:50%} .filter__check input:checked+span {background-image:url(../icon/check.svg)} .filter__check input:focus+span {box-shadow:0 0 0 1px #000} .filter__bottom {position:relative; bottom:0.2rem; display:flex; align-items:center;} .filter__counter {color:#71747E; margin-right:4.3rem} .filter__counter span {font-weight:600; color:#2B2E34; margin:0 1rem} .filter__show {height:4.8rem; font-weight:500; padding:2.4rem 4.6rem} .filter__reset {font-size:1.6rem; font-weight:500; color:#7E838C; margin-left:3rem} .filter__reset::after {content:""; display:inline-block; width:2.7rem; height:2.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:1rem; background-image:url(../icon/nav-close.svg)} .filter__mob {display:none} .filter__mob-filter {display:none} @media (max-width:48em) {.filter__inner {position:fixed; top:0; left:0; z-index:150; width:100%; height:100%; padding:0rem; padding-bottom:0rem; margin-bottom:0; transform:translateX(-100%); transition:transform 300ms; max-height:calc(200vh - 490px)!important } .filter__inner.active {transform:translateX(0); width:100% } .filter__auto {overflow:auto; position:absolute; top:0; left:0; padding:25rem 4rem 25rem; height:100%; width:100% } .filter__auto .filter__mob-filter {font-size:5rem; margin-bottom:12rem } .filter__auto .filter__mob-filter::before {width:6rem; height:6rem } .filter__sort {padding:2.8rem 3.8rem; background-color:#F4F4F4; position:relative; display:flex; justify-content:space-between; align-items:center; display:none } .filter__sort-flex {display:flex } .filter__sort-item {margin-left:6rem } .filter__sort-item span {color:#2B2E34; font-weight:normal; margin-right:1rem } .filter__sort-select {display:inline-block; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center right; background-size:1.3rem; background-image:url(../icon/select-status-arrow.svg); padding:0.5rem 0; padding-right:3rem; font-size:1.7rem; color:#6C7078; font-weight:500; font-family:inherit } .filter__sort-select:focus {outline:none } .filter__nohidden,.filter__hidden-inner {display:block } .filter__nohidden {margin-bottom:7rem } .filter__hidden-inner {padding-top:0rem; padding-bottom:0rem } .filter__hidden {display:block } .filter__item {margin-bottom:6.1rem; width:100% } .filter__title {font-size:4rem; margin-bottom:6.2rem } .filter__input {width:calc(50% - 7.8rem); height:9rem; font-size:3.6rem; padding:1rem 2.6rem } .filter .irs--flat {height:8.4rem } .filter .irs--flat .irs-line {height:0.8rem; border-radius:0.8rem; top:1.4rem } .filter .irs--flat .irs-bar {height:0.8rem; top:1.4rem } .filter .irs--flat .irs-handle {height:3.6rem; width:3.6rem } .filter .irs--flat .irs-handle>i:first-child {width:0.8rem } .filter__select {background-position:center right 4rem; background-size:3rem; padding:0.5rem 4.2rem; padding-right:8rem; font-size:3.6rem; height:13.6rem } .filter__all-param {display:none } .filter__check {font-size:3.6rem; margin-bottom:5rem } .filter__check span {width:8.4rem; height:8.4rem; margin-right:3.2rem } .filter__bottom {position:fixed; bottom:0; right:0; left:0; top:auto; z-index:20; width:100%; display:flex; align-items:center; justify-content:space-between; background-color:#fff; padding:5.6rem 4rem } .filter__counter {margin-right:0rem; margin-bottom:5.8rem; font-size:3.2rem } .filter__counter span {margin:0; margin-right:2rem; font-size:3.6rem } .filter__show {height:10.8rem; font-size:3.2rem; padding:3.2rem 8.8rem } .filter__reset {font-size:3.2rem; margin-left:0rem } .filter__reset::after {width:5rem; height:4.5rem; margin-left:2rem } .filter__mob {display:flex; align-items:center; justify-content:space-between; padding:4.8rem 2.8rem; position:relative; background-color:#F4F4F4 } .filter__mob-filter {font-size:3.2rem; font-weight:500; color:#2B2E34; display:flex } .filter__mob-filter::before {content:""; display:inline-block; width:4.8rem; height:4.8rem; margin-right:1.8rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/filter-mob.svg) } .filter__mob-sort-btn {font-size:3.2rem; font-weight:500; color:#2B2E34 } .filter__mob-sort-btn::after {content:""; display:inline-block; width:3rem; height:3rem; margin-left:1.8rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/select-arrow.svg) } .filter__mob-sort {position:absolute; right:0; opacity:0; width:40%; height:100% } .filter__mob-sort optgroup,.filter__mob-sort option {opacity:1 } } .custom-list {position:relative; height:4.5rem; background-color:#fff} .custom-list.active {z-index:100} .custom-list p {cursor:pointer; background-color:#fff; padding:0.5rem 1.8rem; padding-right:3rem; font-size:1.7rem; color:#6C7078; font-weight:400; width:100%; height:4.5rem; white-space:nowrap; overflow:hidden; display:flex; align-items:center; justify-content:space-between; outline:none} .custom-list p:focus {box-shadow:0 0 0 1px #000} .custom-list p::before {content:""; display:inline-block; position:absolute; right:0; top:0; width:4.5rem; height:4.5rem; background-color:#fff; z-index:1} .custom-list p::after {content:""; display:inline-block; position:absolute; right:1.8rem; background-color:#fff; width:1.4rem; height:1.4rem; background-repeat:no-repeat; background-position:center; background-size:contain; z-index:2; background-image:url(../icon/select-status-arrow.svg); transition:transform 200ms} .custom-list p.active::after {background-image:url(../icon/nav-close.svg);/*transform:rotate(-180deg)*/} .custom-list ul {display:none; position:absolute; top:calc(100% + 1.5rem); left:0; width:100%; max-height:35rem; overflow:auto; box-shadow:2rem 2rem 10rem rgba(232,238,243,0.5); border-radius:0.2rem; background-color:#fff} .custom-list li span {display:inline-block; width:3.2rem; height:3.2rem; margin-right:1.6rem; border-radius:0.3rem} .custom-list li span img {width:100%; height:100%; object-fit:cover} .custom-list li::after {content:""; display:inline-block; width:1rem; height:1rem; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:0; margin-left:auto; opacity:0; transition:opacity 200ms} .custom-list li:hover {color:#2B2E34} .custom-list li:hover span {box-shadow:0 0 0 2px #B6E2F4} .custom-list li:hover::after {opacity:1; background-image:url(../icon/select-arrow.svg)} .custom-list li.active {color:#2B2E34; font-weight:500} .custom-list li.active span {box-shadow:0 0 0 2px #B6E2F4} .custom-list li.active::after {opacity:1; background-image:url(../icon/select-arrow.svg)} .custom-list li.active:hover::after {opacity:1; background-image:url(../icon/option-x.svg)} .custom-list li:first-child {padding-top:2.5rem} .custom-list li:last-child {padding-bottom:2.5rem} @media (max-width:48em) {.custom-list {height:13.6rem } .custom-list.active .custom-list__inner {position:fixed } .custom-list.active li {color:#2B2E34; font-size:3.6rem; padding-bottom:2rem; padding-top:2rem } .custom-list__inner {position:static; top:0; left:0; width:100%; height:100%; overflow:auto; background-color:#fff } .custom-list p {padding:0.5rem 4.2rem; font-size:3.6rem; height:13.6rem; outline:none } .custom-list p:focus {box-shadow:none } .custom-list p.active {padding-top:14.6rem; color:#2B2E34; height:auto; font-size:4.8rem; font-weight:500 } .custom-list p.active::after {right:6.2rem; top:6.2rem; width:5.2rem; height:5.2rem; background-image:url(../icon/modal-close.svg) } .custom-list p::before {width:9.6rem; height:13.6rem } .custom-list p::after {right:3.5rem; width:3rem; height:3rem; transform:rotate(-90deg) } .custom-list ul {max-height:none; box-shadow:none; border-radius:0; position:static } .custom-list li {font-size:3rem; padding:1.5rem 4.2rem } .custom-list li::after {width:3rem; height:3rem } .custom-list li span {width:5rem; height:5rem; margin-right:3rem; border-radius:0.6rem } .custom-list li:first-child {padding-top:5rem } .custom-list li:last-child {padding-bottom:5rem } } .catalog-main .brc {margin-bottom:2.6rem; margin-top:3rem} .catalog-main__mtitle {font-size:4rem; font-weight:500; color:#2B2E34; margin-bottom:1.3rem} @media (max-width:48em) {.catalog-main {padding-top:9.5rem } .catalog-main__mtitle {font-size:5rem; margin-bottom:2.3rem } } .login {overflow:hidden; padding-top:18.3rem} .login__inner {display:flex; flex-direction:row-reverse; align-items:stretch} .login__img {width:50.7%; min-height:75.6rem; flex-shrink:0; position:relative} .login__img img {position:absolute; top:0; right:0; width:51.2vw; height:100%; object-fit:cover; object-position:center} .login__content {width:49.3%; padding-left:14.2rem; padding-top:10rem; padding-bottom:10rem; padding-right:14rem; position:relative} .login__content--login {display:block} .login__content--reestablish {display:none} .login__content.show {display:block} .login__content.hide {display:none} .login__suptitle {font-size:1.6rem; color:#7E838C; margin-bottom:1rem} .login__title {font-size:4.5rem; color:#2B2E34; font-weight:500; line-height:1.22; margin-bottom:5.5rem} .login__to-back {font-size:1.6rem; font-weight:500; letter-spacing:0.02em; color:#2B2E34; display:flex; align-items:center; margin-top:10rem} .login__to-back::before {content:"<"; font-size:1.6rem; font-weight:500; color:#2B2E34; margin-right:1rem} .login__message {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; font-size:3rem; font-weight:500; letter-spacing:0.02em; background-color:#fbfbfb; padding-left:14.1rem; display:none} .login__message.i-success {display:flex} .login__message.i-success::before {content:""; display:inline-block; width:10.3rem; height:10.3rem; margin-right:5.6rem; flex-shrink:0; background-image:url(../icon/success.svg); background-repeat:no-repeat; background-size:contain} @media (max-width:48em) {.login {padding-top:24.8rem } .login__inner {display:block } .login__img {min-height:auto; width:100vw; height:92vw; left:-4rem } .login__img img {position:static; width:100%; height:100% } .login__content {width:100%; padding-left:0rem; padding-top:7rem; padding-bottom:0rem; padding-right:0; margin-bottom:17.7rem } .login__suptitle {font-size:3rem; margin-bottom:2rem } .login__title {font-size:5.6rem; margin-bottom:8rem } .login__to-back {font-size:3.2rem; margin-top:16rem } .login__to-back::before {font-size:3.2rem; margin-right:1.5rem } .login__message {flex-direction:column; align-items:center; justify-content:center; font-size:4rem; padding:4rem; text-align:center } .login__message.i-success::before {width:16rem; height:16rem; margin-right:0; margin-bottom:6.4rem } } .account {padding-top:18.3rem} .account__to-menu {display:none} .account__inner {padding-top:10rem; padding-bottom:19rem; display:flex; justify-content:space-between} .account__content {border-left:1px solid rgba(217,218,225,0.8); flex-grow:1; padding-top:1.7rem; padding-left:8.2rem; padding-bottom:4.5rem} .account__block {margin-bottom:11rem} .account__block:last-child {margin-bottom:0} .account__head {margin-bottom:5.5rem} .account__suptitle {font-size:1.6rem; color:#7E838C; margin-bottom:2.4rem} .account__title-wrapper {display:flex; align-items:center} .account__title {font-size:3rem; color:#2B2E34; font-weight:500; line-height:1.22; margin-left:0; margin-right:auto} .account__text-info {font-size:2rem; color:#7E838C; display:none} .account__text-info.active {display:block} .account__flex {display:flex; align-items:center} .account__quant {font-size:1.8rem; color:#7E838C; margin-right:8.7rem} .account__quant span {font-weight:500; color:#2B2E34} .account__status {display:flex; align-items:center; letter-spacing:0.02em} .account__status span {font-size:1.8rem; color:#7E838C} .account__status select {display:inline-block; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center right; background-size:1.3rem; background-image:url(../icon/select-status-arrow.svg); padding:0.5rem 1rem; padding-right:2.8rem; font-size:1.8rem; color:#2B2E34; font-weight:500; font-family:inherit} .account__status select:focus {outline:none} @media (max-width:48em) {.account {padding-top:24.8rem } .account__to-menu {display:flex; font-size:3.2rem; font-weight:500; color:#2B2E34; margin-bottom:7rem } .account__to-menu::before {content:""; display:inline-block; width:2.5rem; height:1.5rem; margin-right:3rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/to-account-arrow.svg) } .account__inner {padding-top:12rem; padding-bottom:19rem; display:block } .account__content {border-left:none; padding-top:1.7rem; padding-left:0rem; padding-bottom:4.5rem } .account__block {margin-bottom:18.7rem } .account__head {margin-bottom:10.5rem } .account__suptitle {font-size:3.2rem; margin-bottom:2.4rem } .account__title-wrapper {display:block } .account__title-wrapper .i-link {margin-top:5rem } .account__title {font-size:5.4rem; line-height:1.22; display:block } .account__text-info {font-size:3.5rem } .account__flex {justify-content:space-between; margin-top:6rem } .account__quant {font-size:3.6rem; margin-right:0rem } .account__status {font-size:3.2rem } .account__status span {font-size:3.6rem; margin-right:2rem } .account__status select {background-size:2.5rem; padding:0.5rem 1rem; padding-right:4rem; font-size:3.6rem } } .account-menu {width:31rem; padding-top:1rem; flex-shrink:0} .account-menu__mtitle {display:none} .account-menu__list {margin-bottom:16rem} .account-menu__list:last-child {margin-bottom:0} .account-menu__item {font-size:2.2rem; color:#7E838C; background-repeat:no-repeat; background-size:2.5rem; background-position:left center; padding-left:5rem; margin-bottom:3rem} .account-menu__item:last-child {margin-bottom:0} .account-menu__item.active,.account-menu__item:hover {font-weight:500; color:#2B2E34} .account-menu__item--persondata {background-image:url(../icon/persondata.svg)} .account-menu__item--persondata.active,.account-menu__item--persondata:hover {background-image:url(../icon/persondata-h.svg)} .account-menu__item--orders {background-image:url(../icon/orders.svg)} .account-menu__item--orders.active,.account-menu__item--orders:hover {background-image:url(../icon/orders-h.svg)} .account-menu__item--changepass {background-image:url(../icon/changepass.svg)} .account-menu__item--changepass.active,.account-menu__item--changepass:hover {background-image:url(../icon/changepass-h.svg)} .account-menu__item--logout {font-weight:500; color:#2B2E34; background-image:url(../icon/logout.svg)} @media (max-width:48em) {.account-menu {width:100%; padding-top:1rem; position:fixed; top:0; left:-120%; width:100%; height:100%; z-index:10; background-color:#fbfbfb; padding:4rem; padding-top:38.3rem; overflow:auto; display:block; transition:left 200ms ease-in } .account-menu.open {left:0; transition:left 200ms ease-in } .account-menu__mtitle {font-weight:500; color:#2B2E34; font-size:5.4rem; line-height:1.22; display:block; margin-bottom:9.9rem } .account-menu__list {margin-bottom:15rem } .account-menu__item {font-size:3.6rem; background-size:4.8rem; padding-left:8rem; margin-bottom:7.2rem; display:flex; align-items:center; justify-content:space-between } .account-menu__item::after {content:""; display:inline-block; width:3rem; height:3rem; background-image:url(../icon/account-menu-arrow.svg); background-repeat:no-repeat; background-position:center; background-size:contain } } .delivery-addresses-wrapper {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:3.5rem} @media (max-width:48em) {.delivery-addresses-wrapper {display:block; grid-gap:0rem } } .delivery-addresses {background-color:#fff; box-shadow:1.5rem 1.5rem 7rem rgba(222,230,238,0.2); border-radius:0.2rem; padding:2.7rem 3rem 3.4rem} .delivery-addresses__head {display:flex; align-items:center; margin-bottom:3rem} .delivery-addresses__icon {flex-shrink:0; width:6.2rem; height:6.2rem; box-shadow:1rem 1rem 4rem rgba(23,174,194,0.15); border-radius:100%; overflow:hidden; margin-right:2rem} .delivery-addresses__icon img {width:100%; height:100%; object-fit:cover; object-position:center} .delivery-addresses__mtitle {font-size:1.8rem; font-weight:500; color:#2B2E34} .delivery-addresses__list {padding:2.8rem 0; border-top:1px solid rgba(217,218,225,0.8); border-bottom:1px solid rgba(217,218,225,0.8); margin-bottom:2.5rem} .delivery-addresses__list>div {display:flex; margin-bottom:1.6rem} .delivery-addresses__list>div:last-child {margin-bottom:0} .delivery-addresses__list>div>div:first-child {font-weight:500; font-size:1.6rem; color:#2B2E34; width:40%; flex-shrink:0} .delivery-addresses__list>div>div:last-child {font-size:1.5rem; color:#2B2E34} .delivery-addresses__bottom {display:flex; justify-content:space-between; align-items:center} .delivery-addresses__bottom button {border:none; width:auto; background-color:transparent; font-size:1.4rem; color:#7E838C; padding:0; margin:0} .delivery-addresses__bottom button:hover {color:#2B2E34} .delivery-addresses__delete {display:inline-flex; align-items:center} .delivery-addresses__delete::after {content:""; display:inline-block; width:1rem; height:1rem; background-image:url(../icon/delete-address.svg); background-repeat:no-repeat; background-size:contain; margin-left:1rem; margin-bottom:-0.3rem} @media (max-width:48em) {.delivery-addresses {box-shadow:3rem 3rem 14rem rgba(222,230,238,0.2); border-radius:0.4rem; padding:5.7rem 4.3rem 4.4rem; margin-bottom:6rem } .delivery-addresses:last-child {margin-bottom:0 } .delivery-addresses__head {margin-bottom:6rem } .delivery-addresses__icon {width:11.4rem; height:11.4rem; box-shadow:1rem 1rem 4rem rgba(23,174,194,0.15); border-radius:100%; margin-right:4.6rem } .delivery-addresses__mtitle {font-size:3.6rem } .delivery-addresses__list {padding:6.1rem 2.1rem; margin-bottom:2.5rem } .delivery-addresses__list>div {margin-bottom:3.6rem } .delivery-addresses__list>div>div:first-child {font-size:3.2rem } .delivery-addresses__list>div>div:last-child {font-size:3rem } .delivery-addresses__bottom {padding:4rem 2.1rem } .delivery-addresses__bottom button {font-size:3.2rem } .delivery-addresses__delete::after {width:2rem; height:2rem; margin-left:2rem; margin-bottom:-0.5rem } } .my-orders {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:3.6rem} .my-orders__item {padding:3.2rem 4rem; background-color:#f4f4f4} .my-orders__flex {display:flex; align-items:center; justify-content:space-between} .my-orders__number {font-size:1.5rem; color:#7E838C} .my-orders__number span {color:#2B2E34} .my-orders__status {color:#fff; padding:0.6rem 2.3rem; background-color:#C7CACB} .my-orders__status.treatment {background-color:#7BDF79} .my-orders__date-wrapper {display:flex; padding:3rem 0} .my-orders__date-line {display:inline-block; width:5.4rem; height:1px; background-color:rgba(217,218,225,0.8); margin:2.3rem 2rem} .my-orders__date-line:last-child {display:none} .my-orders__daymonth {font-size:2.5rem; font-weight:500; color:#2B2E34} .my-orders__date-subtitle {font-size:1.3rem; color:#7E838C} .my-orders__quant {font-size:1.5rem; font-weight:500; color:#2B2E34} .my-orders__quant span {font-size:1.3rem; color:#7E838C} .my-orders__more {font-size:1.5rem; color:#2B2E34; display:inline-flex; align-items:center} .my-orders__more::after {content:""; display:inline-block; width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/more-arrow.svg); margin-left:0.5rem} .my-orders__imgs {display:flex; padding-top:2.1rem; margin-bottom:4rem} .my-orders__img {width:7rem; height:7rem; background-color:#fff; margin-right:1.6rem} .my-orders__img img {width:100%; height:100%; object-fit:contain} .my-orders__more-img {width:12rem; height:7rem; background-color:#38D3E8; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; font-size:1.3rem} .my-orders__address-suptitle {font-size:1.3rem; color:#7E838C} .my-orders__address {font-size:1.5rem; color:#2B2E34; margin-bottom:5rem} .my-orders__cost-suptitle {font-size:1.3rem; color:#7E838C} .my-orders__total {font-size:2.5rem; font-weight:500; color:#2B2E34} .my-orders__btn {padding:1.7rem 3.2rem} @media (max-width:48em) {.my-orders {display:block; grid-gap:0rem } .my-orders__item {padding:9.2rem 4rem; padding-bottom:10.6rem; margin-bottom:6rem } .my-orders__flex {flex-wrap:wrap } .my-orders__number {font-size:2.6rem } .my-orders__status {font-size:2.6rem; padding:0.9rem 3.3rem } .my-orders__date-wrapper {padding:4rem 0; margin-bottom:3rem } .my-orders__date-line {width:8rem; margin:4rem 4.4rem } .my-orders__daymonth {font-size:3.6rem } .my-orders__date-subtitle {font-size:2.2rem } .my-orders__quant {font-size:2.8rem } .my-orders__quant span {font-size:2.2rem; margin-left:2rem } .my-orders__more {font-size:2.6rem; margin-bottom:5.8rem } .my-orders__more::after {width:3rem; height:3rem; margin-left:1rem } .my-orders__imgs {padding-top:3.2rem; margin-bottom:4rem; display:grid; grid-template-columns:repeat(5,1fr); grid-gap:2.7% } .my-orders__img {width:auto; height:14.3vw; margin-right:0 } .my-orders__more-img {width:auto; height:14.3vw; font-size:2.9vw } .my-orders__address-suptitle {font-size:2.4rem; margin-bottom:1rem } .my-orders__address {font-size:2.8rem; margin-bottom:5rem } .my-orders__total-cost {width:100%; margin-bottom:7.7rem } .my-orders__cost-suptitle {font-size:2.4rem } .my-orders__total {font-size:3.6rem } .my-orders__btn {padding:3.4rem 7.9rem } } .product-list__inner {background-color:#f4f4f4; padding:8.5rem; position:relative} .product-list__number {display:flex; font-size:1.5rem; margin-bottom:6.7rem} .product-list__number p {color:#7E838C; margin-right:1rem} .product-list__number span {color:#2B2E34} .product-list__mtitle {display:flex; align-items:flex-end; margin-bottom:5rem} .product-list__mtitle p {font-size:3rem; color:#2B2E34; line-height:1.3; margin-right:1rem} .product-list__mtitle span {font-size:2.5rem; color:#7E838C; line-height:1.5} .product-list__list {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:3.5rem} .product-list__item {display:flex; align-items:stretch; background-color:#fff; padding:2rem 1rem} .product-list__img {width:27rem; height:18rem} .product-list__img img {width:100%; height:100%; object-fit:contain} .product-list__content {display:flex; flex-direction:column; justify-content:space-between; padding:3rem 1rem} .product-list__title {font-size:2rem; font-weight:500; line-height:1.3; color:#2B2E34} .product-list__count {display:flex; align-items:flex-end} .product-list__total {font-size:1.5rem; color:#7E838C; margin-right:2rem} .product-list__price {display:flex} .product-list__price p {font-size:2.4rem; font-weight:600; color:#2B2E34; line-height:1.3} .product-list__price span {font-size:1.5rem; font-weight:500; color:#2B2E34; position:relative; top:-0.1rem; left:0.3rem} @media (max-width:48em) {.product-list {background-color:#f4f4f4 } .product-list__inner {padding:0rem; padding-top:20rem; padding-bottom:20rem } .product-list__number {font-size:3rem; margin-bottom:7.5rem } .product-list__number p {margin-right:2rem } .product-list__mtitle {margin-bottom:7rem } .product-list__mtitle p {font-size:5.4rem; margin-right:5rem } .product-list__mtitle span {font-size:4rem } .product-list__list {display:block; grid-gap:0rem; min-height:100vh } .product-list__item {display:block; padding:2rem 1rem; margin-bottom:8rem } .product-list__img {width:100%; height:65vw } .product-list__content {display:block; padding:6rem 3rem } .product-list__title {font-size:4rem; margin-bottom:7rem } .product-list__total {font-size:3rem; margin-right:4.7rem } .product-list__price p {font-size:4.8rem } .product-list__price span {font-size:3rem; top:0.2rem; left:0.6rem } } .instruction {padding-top:18.3rem; padding-bottom:5rem} .instruction__content {width:104.3rem; line-height:1.6; font-size:1.6rem; color:#000} .instruction__content .title-43 {font-size:4.3rem; margin-bottom:1rem; margin-top:6rem} .instruction__content .title-22 {font-size:2.2rem; margin-top:4rem; margin-bottom:2rem} .instruction__content p {margin-bottom:1.5rem} .instruction__content table,.instruction__content tbody {margin:0; padding:0; border:none; margin-bottom:2rem} .instruction__content table,.instruction__content tbody,.instruction__content tr {width:100%} .instruction__content ul li {list-style:disc} .instruction__content ol {padding-left:3rem} .instruction__content li {margin-bottom:1rem} .instruction .logos {display:flex; margin-bottom:2rem} .instruction .logos img {height:3.5rem; width:auto; margin-right:1rem} .instruction .card-img {width:50rem; margin-bottom:2rem} .instruction .req {line-height:2} @media (max-width:48em) {.instruction {padding-top:24.8rem; padding-bottom:5rem } .instruction .brc {display:none } .instruction__content {width:100%; line-height:1.6; font-size:3rem } .instruction__content .title-43 {font-size:5.6rem; margin-bottom:2rem; margin-top:10rem } .instruction__content .title-22 {font-size:4rem; margin-top:7rem; margin-bottom:3rem } .instruction__content p {margin-bottom:3rem } .instruction__content table {margin-bottom:3rem } .instruction__content tr {display:block; margin-bottom:1rem } .instruction__content td {display:block; padding-right:0; margin-bottom:1rem } .instruction__content ul {padding-left:5rem } .instruction__content ol {padding-left:5rem } .instruction__content li {margin-bottom:2rem } .instruction .logos {justify-content:space-between; margin-bottom:2rem } .instruction .logos img {height:5rem; margin-right:0rem } .instruction .card-img {width:100%; margin-bottom:3rem } .instruction .req {line-height:2 } } .burger {width:3.6rem; height:2.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/burger.svg); transition:background 300ms; cursor:pointer; margin-right:7.3rem; transition:width 300ms,margin 300ms} .burger.active {background-image:url(../icon/nav-close.svg); transition:background 300ms} .burger.none {width:0; margin-right:0rem; overflow:hidden; transition:width 300ms,margin 300ms} @media (max-width:48em) {.burger {width:5.7rem; height:4.3rem; margin-right:4.3rem; background-image:url(../icon/burger-mob.svg) } } .logo {display:inline-block; width:27.5rem} .logo--footer {width:28.3rem; margin-bottom:4.7rem} @media (max-width:48em) {.logo {width:34rem } .logo--footer {width:56rem; margin-bottom:6.1rem } } .h-search-under {position:fixed; top:8.4rem; left:0; width:100%; height:100%; background-color:#fbfbfb; display:none} @media (max-width:48em) {.h-search-under {display:none !important } } .h-search {transition:opacity 300ms; width:85.1rem; transition:width 300ms,margin 300ms; position:relative; z-index:100; overflow:hidden} .h-search.fade {z-index:-100; opacity:0; transition:opacity 300ms} .h-search.active {overflow:visible; margin-left:2rem; width:105.6rem; transition:width 300ms,margin 300ms} .h-search.active .h-search__input-wrapper {background-color:#fff; transition:background 300ms; box-shadow:10px 15px 20px rgba(241,243,245,0.7)} .h-search.active .h-search__reset {display:block} .h-search.active .h-search__rusult {height:75vh; opacity:1; transition:height 200ms ease-in,opacity 200ms ease-in} .h-search__reset {position:absolute; top:50%; right:3rem; transform:translateY(-50%); display:none; font-size:1.4rem; z-index:15} .h-search__close {position:absolute; right:-9.5rem; top:50%; transform:translateY(-50%); width:2.5rem; height:2.5rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/nav-close.svg); cursor:pointer; z-index:-5; opacity:0} .h-search__close.active {z-index:15; opacity:1} .h-search__input-wrapper {position:relative; background-color:#f4f4f4; transition:background 300ms} .h-search__input-wrapper::after {content:""; position:absolute; top:50%; left:3.4rem; transform:translateY(-50%); width:1.7rem; height:1.7rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/magnific.svg)} .h-search__input {width:100%; height:5.4rem; display:block; background-color:transparent; border:none; color:#6D6D78; font-size:1.5rem; padding-left:6.6rem; position:relative; z-index:10} .h-search__input::placeholder {color:#73737B; font-size:1.5rem} .h-search__rusult {position:absolute; width:100%; top:100%; left:0; font-size:1.6rem; color:#2B2E34; overflow:hidden; height:0; opacity:0; transition:height 50ms ease-in,opacity 50ms ease-in} .h-search__rusult a {display:block; padding:1.5rem 0} .h-search__rusult-inner {position:absolute; width:100%; height:100%; left:0; top:0; overflow:auto; padding:5rem 6.6rem} @media (max-width:48em) {.h-search {width:100%; position:absolute; left:0; top:100%; opacity:1; transition:opacity 300ms } .h-search .nav-head {display:none } .h-search.active {margin-left:0rem; padding-top:25rem; position:fixed; width:100%; height:100vh; top:0; overflow:auto; opacity:1; transition:opacity 300ms; background-color:#fff } .h-search.active .h-search__inner {padding:4rem } .h-search.active .h-search__input-wrapper {background-color:#fff; border-bottom:1px solid rgba(217,218,225,0.8); box-shadow:none } .h-search.active .h-search__input-wrapper::after {left:-0.6rem } .h-search.active .h-search__input {height:11rem; padding-left:7.1rem } .h-search.active .h-search__reset {display:block } .h-search.active .nav-head {display:block } .h-search__input-wrapper::after {left:3.4rem; width:4.4rem; height:4.4rem } .h-search__input {height:11rem; font-size:3rem; padding-left:11.1rem } .h-search__input::placeholder {font-size:3rem } .h-search__reset {top:50%; right:0rem; transform:translateY(-50%); font-size:0rem; width:5rem; height:4rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/to-search.svg) } .h-search__close {display:none } .h-search__rusult {font-size:2.8rem } .h-search__rusult a {display:block; padding:2.9rem 0 } .h-search__rusult-inner {position:absolute; width:100%; height:100%; left:0; top:0; overflow:auto; padding:2.8rem 6.6rem } } .h-icons {transition:opacity 300ms; display:flex} .h-icons.fade {opacity:0; transition:opacity 300ms} .h-icons.none {width:0; transition:width 300ms} .h-icons__item {width:2.6rem; height:2.6rem; background-repeat:no-repeat; background-position:center; background-size:contain; display:inline-block; margin-right:2.9rem} .h-icons__item:last-child {margin-right:0} .h-icons__item--delivery {background-image:url(../icon/telegram_bot.svg)} .h-icons__item--user {background-image:url(../icon/user.svg)} .h-icons__item--basket {background-image:url(../icon/basket.svg)} .h-icons__item--phone {background-image:url(../icon/phone.svg); display:none} @media (max-width:48em) {.h-icons__item {width:5rem; height:5rem; margin-right:2rem } .h-icons__item--delivery {display:none } .h-icons__item--user {background-image:url(../icon/user-mob.svg) } .h-icons__item--basket {background-image:url(../icon/basket-mob.svg) } .h-icons__item--phone {display:inline-block; background-image:url(../icon/tel-mob.svg) } } .basket-score {color:#fff; font-weight:bold; font-size:1rem; position:relative} .basket-score__num {display:inline-flex; align-items:center; justify-content:center; text-align:center; min-width:1.6rem; height:1.6rem; background-color:#38D3E8; border-radius:100%; position:absolute; top:-0.5rem; right:-1.3rem} @media (max-width:48em) {.basket-score {font-size:2rem } .basket-score__num {min-width:3.2rem; height:3.2rem; top:-0.5rem; right:-1.3rem } } .h-contacts {display:flex; justify-content:space-between} .h-contacts__item {font-size:1.8rem; color:#2B2E34; display:flex; align-items:center} .h-contacts__item::before {content:""; display:inline-block; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:1rem} .h-contacts__item:hover {color:#000} .h-contacts__item--location::before {background-image:url(../icon/location.svg)} .h-contacts__item--phone::before {background-image:url(../icon/phone.svg)} .h-contacts__item--mail::before {background-image:url(../icon/mail.svg)} .h-contacts__item.partnership::before{background-image:url(../icon/partnership_icon.svg)} .h-contacts__item.tender::before{background-image:url(../icon/tender.svg)} @media (max-width:48em) {.h-contacts__item h-contacts__item--mail.opt_price {font-size:2.5rem } } .h-contacts__item--pen::before {background-image:url(../icon/pen.svg)} .h-contacts__item--headphone::before {background-image:url(../icon/headphone.svg)} @media (max-width:48em) {.h-contacts__item {font-size:1.8rem } .h-contacts__item::before {width:2.4rem; height:2.4rem; margin-right:1rem } } .nav {position:fixed; width:100%; top:0rem; height:100%; left:0; background-color:#fff; padding-top:12.2rem; display:none; opacity:0; transition:opacity 300ms; z-index:5; overflow:auto} .nav::before {content:""; display:block; position:absolute; width:100%; height:9.3rem; top:12.2rem; left:0; background:#FBFBFB; z-index:2} .nav .container {width:100%; overflow:hidden} .nav.active {display:block; opacity:1; transition:opacity 300ms} .nav__flex {display:none; width:169.8rem; margin:0 0 0 auto} .nav__flex.active {display:flex} @media (max-width:48em) {.nav {position:fixed; height:100vh; top:0; padding-top:0rem; padding-bottom:0rem; overflow:auto; z-index:150 } .nav::before {display:none } .nav__inner {padding-top:3.2rem; padding-bottom:14rem } .nav__flex {width:100%; height:100%; position:fixed; padding:4rem; padding-top:30rem; z-index:5; top:0; left:0; overflow:auto; background-color:#fff } .nav__flex.active {display:block } } .nav-head {display:none} @media (max-width:48em) {.nav-head {width:100%; z-index:100; display:block; position:fixed; top:0; left:0 } .nav-head__top {display:flex; align-items:center; justify-content:space-between; padding:3.3rem 4rem; background-color:#fff } .nav-head__close {display:inline-block; width:3.4rem; height:3.4rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/nav-close.svg); cursor:pointer; margin-right:1rem } .nav-head__bot {text-align:center; font-weight:500; font-size:3.2rem; padding:4rem 5rem; color:#2B2E34; background:#F4F4F4; position:relative; display:none } .nav-head__bot.active {display:block } .nav-head__arrow {position:absolute; left:4rem; top:0; height:100%; width:8rem; padding-right:1rem; display:flex; align-items:center } .nav-head__arrow img {width:1.2rem; transform:rotate(-180deg) } } .nav-top {display:flex; align-items:center; justify-content:space-between; background:#FBFBFB; position:relative; z-index:2; width:152rem; margin:0 auto} .nav-top__item {padding:3.2rem 3.2rem; font-weight:600; font-size:1.8rem; color:#2B2E34; cursor:pointer; display:flex; align-items:center; justify-content:space-between} .nav-top__item.active {background-color:#E4F5F9} .nav-top__menu {display:flex; align-items:center} .nav-top__icon {width:2.6rem; height:2.6rem; margin-right:1.5rem} .nav-top__icon img {height:100%} .nav-top__arrow {display:none} @media (max-width:48em) {.nav-top__icon {width:4rem; height:4rem } .nav-top {display:block; background:#fff; padding-top:12rem; padding-bottom:5rem } .nav-top__item {padding:4rem 0rem; padding-right:5rem; font-size:3.2rem; font-weight:500; position:relative; border-bottom:1px solid rgba(0,0,0,0.13) } .nav-top__item:last-child {border:none } .nav-top__arrow {position:absolute; right:0; top:0; height:100%; width:8rem; padding-right:1rem; display:flex; align-items:center; justify-content:flex-end } .nav-top__arrow img {width:1.2rem } } .nav-mid {width:29.1rem; flex-shrink:0; padding-top:2rem; padding-bottom:25rem; background:#F4F4F4; display:none; display:block; position:relative} .nav-mid::before {content:""; display:block; position:absolute; width:100vw; height:100%; top:0; right:0; background:#F4F4F4} .nav-mid.active {display:block} .nav-mid__item {padding:1.2rem 3rem; font-weight:500; font-size:1.5rem; color:#2B2E34; display:flex; align-items:center; justify-content:space-between; position:relative; cursor:pointer; z-index:2} .nav-mid__item.active {background-color:#fff; font-weight:bold} .nav-mid__item.active .nav-mid__arrow {opacity:1} .nav-mid__arrow {position:absolute; right:0; top:0; height:100%; width:3rem; padding-right:1rem; padding-left:1rem; display:flex; align-items:center; opacity:0} .nav-mid__arrow img {width:0.8rem} @media (max-width:48em) {.nav-mid {width:100%; flex-shrink:0; padding-top:0rem; padding-bottom:0rem; background:#fff } .nav-mid::before {display:none } .nav-mid__item {padding:4rem 0rem; padding-right:5rem; font-size:3.2rem; font-weight:500; position:relative; border-bottom:1px solid rgba(0,0,0,0.13) } .nav-mid__item:last-child {border:none } .nav-mid__item.active {background-color:#fff; font-weight:500 } .nav-mid__arrow {opacity:1; position:absolute; right:0; top:0; height:100%; width:8rem; padding-right:1rem; display:flex; align-items:center; justify-content:flex-end } .nav-mid__arrow img {width:1.2rem } } .nav-bot {flex-grow:1; padding-top:3.2rem; padding-left:6.3rem; padding-right:25rem; padding-bottom:25rem; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:4rem 2.9rem; align-items:flex-start; align-content:flex-start; display:none; background-color:#fff} .nav-bot.active {display:grid} .nav-bot.catalog-wrap.active,.nav-bot.certificate-wrap.active,.nav-bot.contacts-wrap.active,.nav-bot.news-wrap.active,.nav-bot.manufacter-wrap.active,.nav-bot.services-wrap.active,.nav-bot.save-wrap.active,.nav-bot.object-wrap.active,.nav-bot.about-wrap.active {display:flex; width:100%; flex-direction:column; align-items:normal; padding:0 6rem 6rem} .main.about-wrap,.services__container,.save__wrapper-desc,.objects-wrap {display:flex; width:100%; flex-direction:column; align-items:normal; padding:20rem 0rem 6rem} .nav-bot.certificate-wrap.active .certificates {padding-top:1.3rem} .nav-bot.news-wrap.active .news__inner {padding-top:1.3rem} .nav-bot.about-wrap.active .about__wrapper {padding-top:2.1rem} .nav-bot.about-wrap.active .about__mission-img,.main .about__mission-img {width:100%; height:38.9rem} .nav-bot.about-wrap.active .about__mission-img img,.main .about__mission-img img {width:100%; height:100%; object-fit:cover} .nav-bot.about-wrap.active .about__mission-desc,.main .about__mission-desc {position:relative; max-width:70.6rem; margin:0 auto 5rem auto; padding:3.35rem 7.2rem; background:#FFFFFF; text-align:center} .nav-bot.about-wrap.active .about__mission-desc img,.main .about__mission-desc img {width:2rem; height:1.3rem} .nav-bot.about-wrap.active .about__mission-desc img:nth-child(1),.main .about__mission-desc img:nth-child(1) {position:absolute; left:4.35rem; top:3.85rem} .nav-bot.about-wrap.active .about__mission-desc img:nth-child(3),.main .about__mission-desc img:nth-child(3) {position:absolute; right:4.35rem; top:3.85rem} .nav-bot.about-wrap.active .about__mission-desc p,.main .about__mission-desc p {font-weight:400; font-size:2.4rem; line-height:125%; color:#2B2E34} .nav-bot.about-wrap.active .about__mission,.main .about__mission {margin-bottom:15.6rem} .nav-bot.about-wrap.active .about__header,.main .about__header {margin-bottom:4rem; font-weight:400; font-size:4.5rem; line-height:122%; color:#2B2E34} .nav-bot.about-wrap.active .about__content,.main .about__content {display:flex; justify-content:space-between; margin-bottom:4rem; line-height:150%; color:#7E838C} .nav-bot.about-wrap.active .about__content p,.main .about__content p {max-width:49%} .nav-bot.about-wrap.active .about__about,.main .about__about {position:relative; margin-bottom:5rem} .nav-bot.about-wrap.active .about__about-img,.main .about__about-img {width:100%; height:48.8rem} .nav-bot.about-wrap.active .about__about-img img,.main .about__about-img img {width:100%; height:100%} .nav-bot.about-wrap.active .about__video,.main .about__video {width:40rem; height:17.7rem; padding-left:2.2rem; background:url('../img/blur-menu-about.jpg'); background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; left:0; bottom:0} .nav-bot.about-wrap.active .about__video-title,.main .about__video-title {margin-bottom:2.3rem; font-size:1.3rem; line-height:208%; color:#B5B5B5} .nav-bot.about-wrap.active .about__video-text,.main .about__video-text {display:block; max-width:75%; padding-top:4rem; font-size:1.8rem; line-height:139%; color:#FFFFFF} .nav-bot.about-wrap.active .btn-play,.main .btn-play {position:absolute; bottom:.6rem; left:27rem; opacity:.7} .nav-bot.about-wrap.active .about__numbers,.main .about__numbers {display:flex; justify-content:space-between; margin-bottom:5rem} .nav-bot.about-wrap.active .about__skills,.main .about__skills {padding-top:6rem} .nav-bot.about-wrap.active .about__plus,.main .about__plus {font-weight:400; color:#2B2E34} .nav-bot.about-wrap.active .about__plus:not(:last-child),.main .about__plus:not(:last-child) {margin-bottom:12rem} .nav-bot.about-wrap.active .about__plus-big,.main .about__plus-big {margin-bottom:3rem; font-size:5rem; line-height:40%} .nav-bot.about-wrap.active .about__plus-text,.main .about__plus-text {font-size:1.8rem; line-height:111%} .nav-bot.about-wrap.active .about__preview,.main .about__preview {width:82.5rem} .nav-bot.about-wrap.active .about__numbers-img,.main .about__numbers-img {margin-bottom:4rem; width:100%; max-height:49.1rem} .nav-bot.about-wrap.active .about__numbers-img img,.main .about__numbers-img img {height:100%} .nav-bot.about-wrap.active .about__make-grid,.main .about__make-grid {display:grid; grid-template-columns:repeat(2,2fr); gap:4rem} .nav-bot.about-wrap.active .about__make,.main .about__make {margin-bottom:5rem} .nav-bot.about-wrap.active .about__mission-2,.main .about__mission-2 {position:relative; margin-bottom:19rem} .nav-bot.about-wrap.active .about__mission-desc,.main .about__mission-desc {width:100%} .nav-bot.about-wrap.active .about__founder,.main .about__founder {display:flex} .nav-bot.about-wrap.active .about__founder-img,.main .about__founder-img {width:47.8rem; height:52.6rem} .nav-bot.about-wrap.active .about__founder-img img,.main .about__founder-img img {height:100%} .nav-bot.about-wrap.active .about__founder-desc,.main .about__founder-desc {padding-left:8.5rem; padding-top:4.5rem} .nav-bot.about-wrap.active .about__founder-header,.main .about__founder-header {margin-bottom:1rem; font-weight:600; font-size:4.5rem; line-height:80%; color:#2B2E34} .nav-bot.about-wrap.active .about__founder-subheader,.main .about__founder-subheader {margin:3rem 0 10rem 0; font-weight:400; font-size:2.4rem; line-height:150%; color:#2B2E34} .nav-bot.about-wrap.active .about__founder-text,.main .about__founder-text {position:relative; max-width:47.5rem; margin-bottom:11.9rem} .nav-bot.about-wrap.active .about__founder-text span,.main .about__founder-text span {display:block; padding-left:3rem; font-weight:400; font-size:3.6rem; line-height:122%; color:#2B3042} .nav-bot.about-wrap.active .about__founder-text img,.main .about__founder-text img {width:2rem; height:1.3rem} .nav-bot.about-wrap.active .about__founder-text img:nth-child(1),.main .about__founder-text img:nth-child(1) {position:absolute; left:0.35rem; top:0.5rem} .nav-bot.about-wrap.active .about__founder-text img:nth-child(3),.main .about__founder-text img:nth-child(3) {position:absolute; right:0.35rem; top:0.5rem} .nav-bot.about-wrap.active .about__founder-props,.main .about__founder-props {display:flex; margin:2rem 0 0 8rem; justify-content:space-between; align-items:flex-end} .nav-bot.about-wrap.active .about__founder-props span,.main .about__founder-props span {display:inline-block; padding-bottom:1rem; font-weight:400; font-size:1.4rem; line-height:139%; color:#2B2E34} .nav-bot.about-wrap.active .about__founder-sign,.main .about__founder-sign {width:23.4rem; height:11.9rem} .nav-bot.object-wrap.active .objects__wrap,.objects-wrap .objects__wrap {display:grid; grid-template-columns:repeat(2,1fr); gap:3.9rem 4rem; padding-top:2.7rem} .nav-bot.object-wrap.active .objects__item,.objects-wrap .objects__item {position:relative} .nav-bot.object-wrap.active .objects__header,.objects-wrap .objects__header {position:absolute; left:0; top:80%; padding:1.6rem 1.6rem 1.6rem 3rem; font-weight:400; font-size:2.4rem; line-height:125%; color:#2B2E34; background-color:rgba(255,255,255,0.7)} .nav-bot.object-wrap.active .objects__text,.objects-wrap .objects__text {position:relative; padding:3.3rem 2.4rem 3.3rem 3.1rem} .nav-bot.services-wrap.active .services__wrap,.services-wrap .services__wrap {display:flex; justify-content:space-between; margin-bottom:8rem; padding-top:3rem} .nav-bot.services-wrap.active .services__title,.services-wrap .services__title {margin-bottom:2.6rem; font-weight:400; font-size:4rem; line-height:132%; color:#2B2E34} .nav-bot.services-wrap.active .services__pretext,.services-wrap .services__pretext {margin-bottom:3rem} .nav-bot.services-wrap.active .services__text,.services-wrap .services__text {display:flex; justify-content:space-between; margin-bottom:3rem} .nav-bot.services-wrap.active .services__text p,.services-wrap .services__text p {width:49%} .nav-bot.services-wrap.active .services__item,.services-wrap .services__item {width:32%} .nav-bot.services-wrap.active .services__img,.services-wrap .services__img {width:100%; height:26rem; margin-bottom:2.2rem} .nav-bot.services-wrap.active .services__img img,.services-wrap .services__img img {height:100%} .nav-bot.services-wrap.active .services__header,.services-wrap .services__header {margin-bottom:2.2rem; min-height:8.5rem; padding-left:2.8rem; font-weight:400; font-size:1.8rem; line-height:156%; color:#2B2E34; display:flex; align-items:center} .nav-bot.services-wrap.active .services__list,.services-wrap .services__list {margin-bottom:2.8rem; padding-left:4.4rem; min-height:21rem} .nav-bot.services-wrap.active .services__list li,.services-wrap .services__list li {position:relative} .nav-bot.services-wrap.active .services__list li:not(:last-child),.services-wrap .services__list li:not(:last-child) {margin-bottom:1.3rem} .nav-bot.services-wrap.active .services__list li:before,.services-wrap .services__list li:before {content:''; width:.4rem; height:.4rem; display:block; background:#000; border-radius:50%; position:absolute; top:50%; left:-1.5rem; transform:translate(0,-50%)} .nav-bot.services-wrap.active .btn-def,.services-wrap .btn-def {width:100%} .nav-bot.save-wrap.active .save__header,.save-wrap .save__header {margin-bottom:2rem; font-weight:500; font-size:4rem; line-height:132%; color:#2B2E34} .nav-bot.save-wrap.active .news__inner,.save-wrap .news__inner {padding-top:1.3rem} .nav-bot.save-wrap.active .news__item:nth-child(2n-1),.save-wrap .news__item:nth-child(2n-1) {margin-bottom:4rem} .nav-bot.save-wrap.active .save__content,.save-wrap .save__content {display:flex; justify-content:space-between; margin-bottom:8rem} .nav-bot.save-wrap.active .save__content p,.save-wrap .save__content p {width:49%} .nav-bot.save-wrap.active .save__item,.save-wrap .save__item {display:flex; justify-content:space-between} .nav-bot.save-wrap.active .save__item:nth-child(2n),.save-wrap .save__item:nth-child(2n) {flex-direction:row-reverse} .nav-bot.save-wrap.active .save__item:nth-child(2n)>.save__item-left>.save__item-name,.save-wrap .save__item:nth-child(2n)>.save__item-left>.save__item-name {left:0} .nav-bot.save-wrap.active .save__item:nth-child(2n-1)>.save__item-left>.save__item-name,.save-wrap .save__item:nth-child(2n-1)>.save__item-left>.save__item-name {right:0} .nav-bot.save-wrap.active .save__item-left,.nav-bot.save-wrap.active .save__item-right,.save-wrap .save__item-left,.save-wrap .save__item-right {width:49%} .nav-bot.save-wrap.active .save__item-left,.save-wrap .save__item-left {position:relative; height:40.1rem} .nav-bot.save-wrap.active .save__item-img,.save-wrap .save__item-img {height:100%; width:100%} .nav-bot.save-wrap.active .save__item-img img,.save-wrap .save__item-img img {height:100%; object-fit:cover} .nav-bot.save-wrap.active .save__item-name,.save-wrap .save__item-name {position:absolute; bottom:0; display:inline-block; max-width:73%; padding:1.5rem .7rem 1.5rem 4.6rem; background-color:rgba(255,255,255,0.6); font-weight:400; font-size:2.4rem; line-height:125%; color:#2B2E34; text-align:center} .nav-bot.save-wrap.active .save__item-right p,.save-wrap .save__item-right p {margin-bottom:2rem} .nav-bot.save-wrap.active .save__item-right a,.save-wrap .save__item-right a {text-decoration:underline; font-size:1.5rem; line-height:187%; color:#2B2E34} .nav-bot.save-wrap.active .save__items,.save-wrap .save__items {margin-bottom:10rem} .nav-bot.save-wrap.active .save__item:not(:last-child),.save-wrap .save__item:not(:last-child) {margin-bottom:8rem} .nav-bot.save-wrap.active .save__item-blur,.save-wrap .save__item-blur {width:55%; height:16.3rem; background:url('../img/blur-menu-about.jpg'); background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; left:0; bottom:0; padding-top:3.1rem; padding-left:2.2rem; cursor:pointer} .nav-bot.save-wrap.active .save__item-blur span,.save-wrap .save__item-blur span {font-weight:400; font-size:1.8rem; line-height:139%; color:#FFFFFF} .nav-bot.save-wrap.active .save__item-blur .btn-play,.save-wrap .save__item-blur .btn-play {position:absolute; bottom:0; right:3rem; opacity:.7} .nav-bot.manufacter-wrap.active .manufacter__wrapper,.manufacter-wrap .manufacter__wrapper {padding-top:12rem} .nav-bot.manufacter-wrap.active .manufacter__items,.manufacter-wrap .manufacter__items {display:flex; justify-content:space-between; margin-bottom:4rem} .nav-bot.manufacter-wrap.active .manufacter__item,.manufacter-wrap .manufacter__item {width:32%} .nav-bot.manufacter-wrap.active .manufacter__header,.manufacter-wrap .manufacter__header {margin-bottom:6rem; margin-top:6rem; font-weight:400; font-size:4rem; line-height:128%; color:#2B2E34} .nav-bot.manufacter-wrap.active .manufacter__item-img,.manufacter-wrap .manufacter__item-img {height:37.9rem} .nav-bot.manufacter-wrap.active .manufacter__item-img img,.manufacter-wrap .manufacter__item-img img {height:100%; object-fit:cover} .nav-bot.manufacter-wrap.active .manufacter__footer,.manufacter-wrap .manufacter__footer {font-weight:400; font-size:1.8rem; line-height:128%; color:#ffffff; padding-top:3.6rem; padding-bottom:3.6rem; display:flex; justify-content:center; background:#38D3E8} .nav-bot.manufacter-wrap.active .btn-def,.manufacter-wrap .btn-def {margin-bottom:6rem} .nav-bot.manufacter-wrap.active .manufacter__chronology,.manufacter-wrap .manufacter__chronology {position:relative} .nav-bot.manufacter-wrap.active .manufacter__chronology-title,.manufacter-wrap .manufacter__chronology-title {font-weight:400; font-size:1.8rem; line-height:306%; text-transform:uppercase; color:#7E838C} .nav-bot.manufacter-wrap.active .manufacter__chronology-header,.manufacter-wrap .manufacter__chronology-header {font-weight:400; font-size:3rem; line-height:177%; color:#2B2E34} .nav-bot.manufacter-wrap.active .manufacter__chronology-item,.manufacter-wrap .manufacter__chronology-item {display:flex; justify-content:space-between; margin-bottom:15rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-item .manufacter__chronology-text,.manufacter-wrap .manufacter__chronology-item .manufacter__chronology-text {font-weight:400; font-size:1.6rem; line-height:150%; color:#525862} .nav-bot.manufacter-wrap.active .manufacter__chronology-img img,.manufacter-wrap .manufacter__chronology-img img {width:100%; height:100%; object-fit:cover} .nav-bot.manufacter-wrap.active .manufacter__chronology-left,.manufacter-wrap .manufacter__chronology-left {width:51.4rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-right,.manufacter-wrap .manufacter__chronology-right {display:flex; align-items:center} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(1)>.manufacter__chronology-right>.manufacter__chronology-desc,.nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(4)>.manufacter__chronology-right>.manufacter__chronology-desc,.manufacter-wrap .manufacter__chronology-item:nth-child(1)>.manufacter__chronology-right>.manufacter__chronology-desc,.manufacter-wrap .manufacter__chronology-item:nth-child(4)>.manufacter__chronology-right>.manufacter__chronology-desc {width:34.2rem; padding:3.5rem 2.2rem; display:flex; align-items:center; background:#FFFFFF; box-shadow:0 2rem 7rem rgba(183,200,216,0.2); margin-left:-13.6rem; position:relative} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(1) .manufacter__chronology-img,.nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(4) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(1) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(4) .manufacter__chronology-img {width:30.7rem; height:29.3rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(3)>.manufacter__chronology-right>.manufacter__chronology-desc,.manufacter-wrap .manufacter__chronology-item:nth-child(3)>.manufacter__chronology-right>.manufacter__chronology-desc {width:26.5rem; padding:3.2rem 2.8rem; background:#FFFFFF; box-shadow:0 2rem 7rem rgba(183,200,216,0.2); margin-left:-6rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(2),.manufacter-wrap .manufacter__chronology-item:nth-child(2) {flex-direction:row-reverse} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(2)>.manufacter__chronology-right>.manufacter__chronology-desc,.manufacter-wrap .manufacter__chronology-item:nth-child(2)>.manufacter__chronology-right>.manufacter__chronology-desc {width:26.5rem; padding:3.2rem 2.8rem; background:#FFFFFF; box-shadow:0 2rem 7rem rgba(183,200,216,0.2); margin-left:-6rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(2) .manufacter__chronology-img,.nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(3) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(2) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(3) .manufacter__chronology-img {width:30.7rem; height:17.7rem} .nav-bot.manufacter-wrap.active .manufacter__chronology-decor,.manufacter-wrap .manufacter__chronology-decor {position:absolute; top:50%; left:50%; transform:translate(-50%,-38%)} .nav-bot.manufacter-wrap.active .manufacter__chronology-decor img,.manufacter-wrap .manufacter__chronology-decor img {height:100%; object-fit:contain} .nav-bot--4 {padding-top:3.2rem; padding-left:6.3rem; padding-right:0rem; padding-bottom:25rem; grid-template-columns:repeat(4,1fr); grid-gap:4rem 2.9rem} .nav-bot__item.fabricator {grid-column:1/5} .nav-bot__item--r2-6 {grid-row:2/6} .nav-bot__item--c4-5 {grid-column:4/5} .nav-bot__title {font-weight:600; font-size:1.8rem; color:#2B2E34; line-height:1.3; margin-bottom:1.5rem} .nav-bot__list {font-size:1.5rem; color:#2B2E34} .nav-bot__link {display:block; padding:0.5rem;cursor:pointer} .nav-bot__link:hover {font-weight:bold} .nav-bot__link img {width:13rem; height:5rem; object-fit:contain; object-position:left center} @media (max-width:48em) {.save__wrapper-desc {padding:20rem 0 6rem } .save__wrapper-desc .news .container {padding-left:0; padding-right:0 } .nav-bot {padding-top:34rem; padding-left:4rem; padding-right:4rem; padding-bottom:5rem; position:fixed; top:0; left:0; width:100%; height:100%; z-index:5; overflow:auto; background-color:#fff } .nav-bot.active {display:block } .nav-bot--4 {padding-top:34rem; padding-left:4rem; padding-right:4rem; padding-bottom:5rem } .nav-bot__item {background-color:#fff; padding-bottom:5rem } .nav-bot__title {font-size:3.6rem; margin-bottom:1.5rem } .nav-bot__list {font-size:3.2rem; color:#2B2E34 } .nav-bot__link {padding:4rem 0rem; padding-right:5rem; font-size:3.2rem; font-weight:500; position:relative; border-bottom:1px solid rgba(0,0,0,0.13) } .nav-bot__link:last-child {border:none } .nav-bot__link.active {background-color:#fff; font-weight:500 } .nav-bot__link:hover {font-weight:500 } .nav-bot__link img {width:100%; height:15rem; object-fit:contain; object-position:left center } .nav-head__bot .active {cursor:pointer } .nav-bot.manufacter-wrap.active .manufacter__item-img img,.manufacter-wrap .manufacter__item-img img {height:100%; object-fit:contain } .main.about-wrap .container {padding:0 4rem } .nav-bot.about-wrap.active .about__wrapper {padding-top:33rem } .main .about__wrapper {padding-top:0 } @media (max-width:48em) {.main .about__wrapper {padding-top:5rem}} .nav-bot.about-wrap.active .about__mission-desc,.main .about__mission-desc {padding:2rem } .nav-bot.about-wrap.active .about__mission-desc p,.main .about__mission-desc p {font-size:3rem } .nav-bot.about-wrap.active .about__mission-desc img,.main .about__mission-desc img {width:3rem; height:3rem } .nav-bot.about-wrap.active .about__mission-desc img:nth-child(1),.main .about__mission-desc img:nth-child(1) {left:0; top:.85rem } .nav-bot.about-wrap.active .about__mission-desc img:nth-child(3),.main .about__mission-desc img:nth-child(3) {right:0; top:.85rem } .nav-bot.about-wrap.active .about__content,.main .about__content {flex-direction:column } .nav-bot.about-wrap.active .about__content p,.main .about__content p {max-width:100% } .nav-bot.about-wrap.active .about__video,.main .about__video {width:100% } .nav-bot.about-wrap.active .about__skills,.main .about__skills {display:flex; justify-content:space-between } .nav-bot.about-wrap.active .about__video-title,.main .about__video-title {font-size:2.3rem } .nav-bot.about-wrap.active .about__video-text,.main .about__video-text {font-size:2.1rem } .nav-bot.about-wrap.active .about__numbers,.main .about__numbers {flex-direction:column } .nav-bot.about-wrap.active .about__plus-text,.main .about__plus-text {font-size:2.4rem; display:inline-block; max-width:20rem } .nav-bot.about-wrap.active .btn-play {left:45rem } .main .btn-play {left:42rem } .nav-bot.about-wrap.active .about__preview,.main .about__preview {width:100% } .nav-bot.about-wrap.active .about__make-grid,.main .about__make-grid {grid-template-columns:repeat(1,1fr) } .nav-bot.about-wrap.active .about__mission-desc,.main .about__mission-desc {max-width:100%; width:100% } .nav-bot.about-wrap.active .about__founder,.main .about__founder {flex-direction:column } .nav-bot.about-wrap.active .about__founder-img,.main .about__founder-img {width:100% } .nav-bot.about-wrap.active .about__founder-img img,.main .about__founder-img img {object-fit:contain } .nav-bot.about-wrap.active .about__founder-props span,.main .about__founder-props span {font-size:2.4rem } .nav-bot.object-wrap.active .objects__wrap,.objects-wrap .objects__wrap {padding-top:33rem; grid-template-columns:repeat(1,1fr) } .nav-bot.object-wrap.active .objects__header {top:41%; font-size:2.8rem } .objects-wrap .objects__header {top:73%; font-size:2.8rem } .nav-bot.save-wrap.active .save__content,.save-wrap .save__content {flex-direction:column } .nav-bot.save-wrap.active .save__content p,.save-wrap .save__content p {width:100% } .nav-bot.save-wrap.active .save__item,.save-wrap .save__item {flex-direction:column } .nav-bot.save-wrap.active .save__item-left,.nav-bot.save-wrap.active .save__item-right,.save-wrap .save__item-left,.save-wrap .save__item-right {width:100% } .nav-bot.save-wrap.active .save__item-left,.save-wrap .save__item-left {margin-bottom:4rem } .nav-bot.save-wrap.active .save__item:nth-child(2n),.save-wrap .save__item:nth-child(2n) {flex-direction:column } .nav-bot.save-wrap.active .save__item-right a,.save-wrap .save__item-right a {font-size:2.4rem } .nav-bot.save-wrap.active .save__item-blur,.save-wrap .save__item-blur {width:100%; cursor:pointer } .nav-bot.save-wrap.active .save__item-blur span,.save-wrap .save__item-blur span {font-size:2.8rem; display:inline-flex; max-width:45rem } .nav-bot.services-wrap.active .services__text,.services-wrap .services__text {flex-direction:column } .nav-bot.services-wrap.active .services__text p,.services-wrap .services__text p {width:100% } .nav-bot.services-wrap.active .services__item,.services-wrap .services__item {width:100% } .nav-bot.services-wrap.active .services__item:not(:last-child),.services-wrap .services__item:not(:last-child) {margin-bottom:8rem } .nav-bot.services-wrap.active .services__wrap,.services-wrap .services__wrap {flex-wrap:wrap; padding-top:5rem } .nav-bot.services-wrap.active .services__header,.services-wrap .services__header {font-size:2.4rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-decor,.manufacter-wrap .manufacter__chronology-decor {display:none } .nav-bot.manufacter-wrap.active .manufacter__item,.manufacter-wrap .manufacter__item {width:100% } .nav-bot.manufacter-wrap.active .manufacter__item:not(:last-child),.manufacter-wrap .manufacter__item:not(:last-child) {margin-bottom:8rem } .nav-bot.manufacter-wrap.active .manufacter__items,.manufacter-wrap .manufacter__items {flex-wrap:wrap } .nav-bot.manufacter-wrap.active .manufacter__chronology-item,.manufacter-wrap .manufacter__chronology-item {flex-direction:column } .nav-bot.manufacter-wrap.active .manufacter__wrapper,.manufacter-wrap .manufacter__wrapper {padding-top:33rem } .nav-bot.manufacter-wrap.active .manufacter__footer,.manufacter-wrap .manufacter__footer {font-size:2.8rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-title,.manufacter-wrap .manufacter__chronology-title {font-size:2.4rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-item .manufacter__chronology-text,.manufacter-wrap .manufacter__chronology-item .manufacter__chronology-text {font-size:2.4rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-left,.manufacter-wrap .manufacter__chronology-left {margin-bottom:6rem; width:100% } .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(1) .manufacter__chronology-img,.nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(4) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(1) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(4) .manufacter__chronology-img {width:38.7rem; height:30.3rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(2) .manufacter__chronology-img,.nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(3) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(2) .manufacter__chronology-img,.manufacter-wrap .manufacter__chronology-item:nth-child(3) .manufacter__chronology-img {width:38.7rem; height:30.3rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-item .manufacter__chronology-text,.manufacter-wrap .manufacter__chronology-item .manufacter__chronology-text {font-size:2.6rem } .nav-bot.manufacter-wrap.active .manufacter__chronology-item:nth-child(2),.manufacter-wrap .manufacter__chronology-item:nth-child(2) {flex-direction:column } .manufacter-wrap .btn-play {left:25rem } .catalog-wrap .catalog-prod__list {padding-top:33rem } .nav-bot.certificate-wrap.active .certificates {padding-top:50rem } .nav-bot .contacts-wrap .active {padding-top:33rem } .nav-bot.contacts-wrap.active .contact-map__header {margin-bottom:0 } .nav-bot.contacts-wrap.active {padding-top:25rem } } .header {position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#fff; transition:background 300ms} .header.bg {background-color:#fbfbfb; transition:background 300ms} .header.bg .h-search-under {display:block} .header__top-wrapper {position:fixed; width:100%; z-index:10} .header__top {display:flex; align-items:center; padding:1.4rem 0} .header__logo {margin-right:7rem} .header__h-icons {margin-right:0; margin-left:auto} .header__bottom {padding-top:2.7rem; padding-bottom:3.1rem} .header__bottom-wrapper {padding-top:10rem} .icon-visibility {display:none; align-self:center; margin:0 2.9rem} .icon-visibility .icon-style {width:2.5rem; height:2.5rem} .icon-style img {height:100%; object-fit:contain} .icon-style:first-child {margin-right:2.9rem} @media (max-width:48em) {.icon-visibility {display:none !important } } @media (max-width:48em) {.header__top-wrapper {background-color:#fff } .header__top {justify-content:flex-start; padding:3.1rem 0 } .header__logo {margin-right:0rem } .header__bottom-wrapper {display:none } .header__bottom {padding:0rem 0 } .header .h-icons {margin-right:0; margin-left:2rem } } .footer {padding-top:5rem; background-color:#fff; position:relative; z-index:10} .footer__inner {display:flex; justify-content:space-between; padding-bottom:5.2rem; border-bottom:1px solid rgba(217,218,225,0.8); margin-bottom:2rem; font-size:1.6rem; line-height:1.62; color:#525862} .footer__title {padding-top:0.8rem; font-size:1.8rem; color:#2B2E34; font-weight:500; margin-bottom:2.6rem} .footer__list ul {color:#71747E} .footer__list ul li {margin-bottom:0.8rem} .footer__copyright {padding:2.7rem 0; display:flex; justify-content:space-between; font-size:1.6rem; line-height:1.62; color:#525862} @media (max-width:48em) {.footer {padding-top:9rem; padding-bottom:6.5rem } .footer__inner {display:block; padding-bottom:9.1rem; margin-bottom:8.6rem } .footer__title {padding-top:0.8rem; font-size:3.6rem; margin-bottom:3.6rem } .footer__col {margin-bottom:10rem } .footer__col:last-child {margin-bottom:0 } .footer__list ul {color:#7E838C } .footer__list ul li {margin-bottom:1.8rem } .footer__copyright {padding:2.7rem 0; flex-direction:column } .footer__copyright-item {margin-bottom:5.3rem } .footer__copyright-item:last-child {margin-bottom:0 } } .f-contact__item {margin-bottom:5rem} .f-contact__item:last-child {margin-bottom:0} .f-contact__title {font-weight:bold; font-size:1.8rem; color:#2B2E34; display:flex; align-items:center; margin-bottom:1.7rem} .f-contact__title::before {content:""; display:inline-block; width:2.1rem; height:2.1rem; background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:1rem} .f-contact__title--phone::before {background-image:url(../icon/f-tel.svg)} .f-contact__title--mail::before {background-image:url(../icon/f-mail.svg)} .f-contact__list li {margin-bottom:0.4rem} @media (max-width:48em) {.f-contact__item {margin-bottom:7.8rem } .f-contact__item:last-child {margin-bottom:0 } .f-contact__title {font-size:3.6rem; margin-bottom:3.4rem } .f-contact__title::before {width:4.2rem; height:4.2rem; margin-right:2rem } .f-contact__list li {margin-bottom:0.8rem } } .f-soc__title {font-weight:bold; font-size:1.8rem; color:#2B2E34; display:flex; align-items:center; margin-bottom:1.7rem} .f-soc__list {display:flex; flex-wrap:wrap} .f-soc__list a {display:inline-flex; align-items:center; margin-right:2rem; padding-bottom:2rem} .f-soc__list a img {height:2rem; margin-right:1rem} .f-soc__list a:last-child {margin-right:0} @media (max-width:48em) {.f-soc__title {font-size:3.6rem; margin-bottom:3.4rem } .f-soc__list a {margin-right:4rem;font-size:2.4rem } .f-soc__list a img {height:4rem; margin-right:2rem } .f-soc__list a:last-child {margin-right:0 } } .made {display:flex; align-items:center} .made img {width:15.7rem; margin-left:2rem} @media (max-width:48em) {.made {margin-top:6rem } .made img {width:31.4rem; margin-left:4rem } } @media (max-width:48em) {.mn {display:none } } .mf {display:none} @media (max-width:48em) {.mf {display:flex } } .dn {display:none} @media (max-width:48em) {.dn {display:block } } .df {display:flex} @media (max-width:48em) {.df {display:none } } .form--comment {width:64.5rem} .form--modal {background-color:#fff; padding:6.3rem 10.8rem; width:122.1rem; position:relative} .form--account {padding-top:3.5rem} .form--account .form__item {margin-bottom:7rem} .form--account .form__item:last-child {margin-bottom:7rem} .form--account .form__item:last-child.form__item--btn-save {margin-bottom:0; margin-top:1.2rem} .form__inner {display:flex; flex-wrap:wrap; justify-content:space-between} .form__f {width:100%; display:flex; flex-wrap:wrap} .form__group {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:9.1rem} .form__group:last-child {margin-bottom:0} /*.form__group--hidden {display:none}*/ .form__mtitle {width:100%; font-size:3rem; font-weight:500; color:#2B2E34; margin-bottom:3.5rem} .form__mtitle--calc_req {font-size:4.3rem; margin-bottom:1.3rem} .form__subtitle {font-size:1.6rem; color:#2b2e35; margin-bottom:7.1rem} .form__item {width:100%; display:inline-block; align-items:center; position:relative; margin-bottom:4.7rem; border-bottom:1px solid rgba(217,218,225,0.8); margin-bottom:2.9rem} .form__item:last-child {margin-bottom:0} .form__item--50 {width:calc(50% - 3.25rem)} .form__item--33 {width:calc(33.3333% - 3.5rem)} .form__item--25 {width:calc(25% - 2.3rem); margin-right:3rem} .form__item--25:nth-child(4n + 4) {margin-bottom:2.9rem; margin-right:0} .form__item--empty {border-bottom:0} .form__item--btn-link {margin-top:1.3rem} .form__item--btn {margin-top:2.3rem; border-bottom:none} .form__item--btn .btn-def {width:31rem} .form__item--input-file {border-bottom:none; padding-left:1rem} .form__item--pass {margin-bottom:1.3rem; position:relative} .form__item--btn-login {margin-top:5rem; border-bottom:none} .form__item--btn-login .btn-def {height:6rem} .form__item--btn-save {margin-top:5rem; border-bottom:none} .form__item--btn-save .btn-def {margin-right:6rem; height:6rem} .form__item--btn-save .i-link {padding:2rem 0rem} .form__bottom {width:100%; display:flex; justify-content:center; margin-top:3.5rem} .form__label {font-size:1.4rem; color:#7E838C; display:block; margin-bottom:1rem; padding:1.5rem 0.3rem} .form__label {font-size:1.4rem; color:#2b2e35; display:block; margin-bottom:0.3rem; padding:0rem 0.3rem} .form__input,.form__textarea {height:5.1rem; background-color:transparent; width:100%; padding:1.5rem 0.3rem; font-size:1.8rem; border:none; color:#2B2E34} .form__input::placeholder,.form__textarea::placeholder {font-size:1.8rem; color:#636872} .form__textarea {height:5.5rem} .form__consent {font-size:1.4rem; letter-spacing:0.02em; color:#7E838C; padding-right:10%; margin-top:4rem} .form__link {width:100%; font-size:1.5rem; line-height:1.47; letter-spacing:0.02em} .form__link a {color:#1DBCD1; text-decoration:underline} .form__link span {margin-right:1rem} .form__link--right {text-align:right} .form__pass-eye {display:inline-block; border:none; background-color:transparent; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-size:contain; position:absolute; right:0; bottom:1.6rem} .form__pass-eye.off {background-image:url(../icon/eye-off.svg)} .form__pass-eye.on {background-image:url(../icon/eye-on.svg)} .form__clist {margin-bottom:5.4rem} .form__clist-item {display:flex; align-items:center; font-weight:300; font-size:1.7rem; margin-bottom:2rem; cursor:pointer} .form__clist-item.active .form__clist-radio::after {display:inline-block} .form__clist-radio {width:3.8rem; height:3.8rem; margin-right:2.6rem; border-radius:100%; background-color:#ECECEC; display:inline-flex; align-items:center; justify-content:center} .form__clist-radio::after {content:""; display:none; width:1.6rem; height:1.6rem; border-radius:100%; background-color:#38D3E8} .form__clist-data {display:none} @media (max-width:48em) {.form--comment {width:100% } .form--modal {padding:15.3rem 4rem; width:100% } .form--login {width:100% } .form--account {padding-top:0rem; margin-bottom:8.2rem } .form--account .form__item:last-child {margin-bottom:0rem } .form__mtitle {font-size:5.6rem; margin-bottom:3rem } .form__subtitle {font-size:3rem; margin-bottom:10.1rem } .form__item {margin-bottom:3.8rem } .form__item--50 {width:100% } .form__item--33 {width:100% } .form__item--25 {width:100%; margin-right:0rem } .form__item--25:nth-child(4n + 4) {margin-bottom:3.8rem } .form__item--empty {display:none } .form__item--btn-link {margin-top:5.3rem } .form__item--btn {margin-top:7.3rem } .form__item--btn .btn-def {width:46rem } .form__item--pass {margin-bottom:6rem } .form__item--btn-login {margin-top:11.1rem; margin-bottom:6.3rem } .form__item--btn-login .btn-def {height:10.8rem } .form__item--btn-save {margin-top:11.1rem; margin-bottom:6.3rem } .form__item--btn-save .btn-def {height:10.8rem } .form__item--btn-save .i-link {padding:3rem 0rem } .form__item:last-child {margin-bottom:0 } .form__label {font-size:2.4rem; margin-bottom:0rem; padding:0rem 0rem } .form__input,.form__textarea {height:10.6rem; padding:3.4rem 0rem; font-size:3rem } .form__input::placeholder,.form__textarea::placeholder {font-size:3rem } .form__textarea {height:9rem } .form__consent {font-size:2.6rem; line-height:1.9; padding-right:0; margin-top:6rem } .form__link {font-size:3.2rem } .form__link span {margin-right:2rem } .form__link--right {text-align:left } .form__pass-eye {width:4.4rem; height:4.4rem; bottom:2.8rem } .form__clist {margin-bottom:7.4rem } .form__clist-item {font-size:3.2rem; margin-bottom:3rem } .form__clist-radio {width:4.5rem; height:4.5rem; margin-right:3.6rem } .form__clist-radio::after {width:2.6rem; height:2.6rem } } .select-css {height:5.2rem; width:100%; font-size:1.7rem; font-weight:normal; padding:0rem; padding-left:0.3rem; border-radius:0rem; display:block; max-width:none; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; background-image:url(../icon/select-arrow.svg); background-repeat:no-repeat; background-size:1.7rem; background-position:right center} .select-css:focus {outline:none} @media (max-width:48em) {.select-css {padding-left:0rem; height:8.3rem; font-size:3.4rem; background-size:4rem } } .input-file {display:flex} .input-file__label {margin-right:11rem} .input-file__title {font-weight:500; font-size:1.7rem; color:#1F223D; display:flex; align-items:center; cursor:pointer} .input-file__title::before {content:""; width:1.8rem; height:1.8rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/file.svg); margin-right:1.7rem} .input-file__preview ol {padding:0; margin:0; list-style:none} .input-file__preview li span {display:inline-block; width:2rem; height:1.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(../icon/delete-file.svg); background-size:1rem; margin-left:1.7rem; cursor:pointer} .input-file__name {display:inline-block; color:#000; font-weight:500} .input-file__size {display:inline-block; font-weight:300; font-size:1.4rem; color:#7E838C} @media (max-width:48em) {.input-file {display:block } .input-file__label {display:block; margin-right:0rem; margin-bottom:2rem } .input-file__title {font-size:3.2rem } .input-file__title::before {width:3.2rem; height:3.2rem; margin-right:3rem } .input-file__preview li span {width:4rem; height:2.5rem; background-size:2.5rem; margin-left:3rem } .input-file__size {font-weight:300; font-size:2.8rem } } .checkbox {width:100%; position:relative; display:flex; align-items:center; padding:2.3rem 3rem; position:relative; margin-top:1rem; margin-bottom:1rem} .checkbox.hide {display:none} .checkbox.show {display:flex} .checkbox-hidden {display:none; width:100%; padding-top:5.6rem} .checkbox-hidden.show {display:block} .checkbox-wrapper {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:0.8rem; padding-bottom:1.3rem} .checkbox-wrapper--pay .checkbox {margin-bottom:2.5rem} .checkbox-wrapper--pay .checkbox--50 {width:calc(50% - 1.75rem)} .checkbox--50 {width:calc(50% - 1rem)} .checkbox__label {max-width:none; border:none; margin:0; padding:0; display:inline-block; margin-right:3rem; flex-shrink:0; cursor:pointer} .checkbox__mark {position:relative; display:inline-flex; width:1.8rem; height:1.8rem; border-radius:100%; background-color:#c4c4c4; border-style:solid; border-width:0.6rem; border-color:#c4c4c4; z-index:2} .checkbox__bg {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background-color:#F6F6F6} .chackbox-check {background-color:#F6F6F6 !important} input:checked~.checkbox__bg {background-color:#D4F5FA} input:checked~.checkbox__mark {background-color:#fff} .checkbox__inner {position:relative; display:flex; align-items:center; width:100%; z-index:2} .checkbox__content {padding-right:2rem} .checkbox__title {font-size:1.6rem; font-weight:500; color:#2B2E34; margin-bottom:1.2rem; display:flex; align-items:center} .checkbox__title img {width:auto; height:2.2rem; margin-right:1.5rem} .checkbox__text {font-size:1.3rem; font-weight:500; color:#2B2E34} .checkbox__price {margin-right:0; margin-left:auto; border-left:1px solid rgba(217,218,225,0.8); text-align:center; width:25.6%; flex-shrink:0; padding:1.2rem 1rem} .checkbox__price-title {font-size:1.5rem; color:#7E838C; margin-bottom:1rem} .checkbox__cost {font-size:1.6rem; font-weight:500; color:#2B2E34} .checkbox__select {display:inline-block; margin:0; border:none; box-shadow:none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/ appearance:none; background-color:transparent; cursor:pointer; padding:0.5rem 0rem; font-size:1.2rem; color:#2B2E34; font-weight:500; font-family:inherit; text-decoration:underline} .checkbox__select:focus {outline:none} @media (max-width:48em) {.checkbox {padding:7.6rem 4.8rem; margin-top:1.5rem; margin-bottom:1.5rem } .checkbox-wrapper {padding-top:4rem; padding-bottom:4rem } .checkbox-wrapper--pay .checkbox {padding:6rem 4.8rem; margin-top:2rem; margin-bottom:2rem } .checkbox-wrapper--pay .checkbox--50 {width:100% } .checkbox-wrapper--pay .checkbox__content {margin-bottom:0 } .checkbox--50 {width:100% } .checkbox__label {margin-right:5.2rem } .checkbox__mark {width:5.2rem; height:5.2rem; border-width:1.8rem } .checkbox__inner {display:block } .checkbox__content {padding-right:0rem; margin-bottom:5rem } .checkbox__title {font-size:3.2rem; margin-bottom:1.2rem } .checkbox__title img {height:5rem; margin-right:3.2rem } .checkbox__text {font-size:2.6rem } .checkbox__price {display:flex; align-items:center; margin-left:0; border-left:none; border-top:1px solid rgba(217,218,225,0.8); text-align:left; width:100%; padding:0rem; padding-top:2.9rem } .checkbox__price-title {font-size:3rem; margin-bottom:0rem; margin-right:2rem } .checkbox__cost {font-size:3.2rem; line-height:1.4 } .checkbox__select {padding:0rem 0rem; margin-top:4rem; font-size:3.2rem } } .modal.modal-blue {background:rgba(209,217,219,0.6)} .modal {display:flex; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.65); overflow:auto; z-index:-500; opacity:0; transition:opacity 500ms,z-index 1500ms} .modal.active {z-index:500; opacity:1; transition:opacity 500ms,z-index 1ms} .modal.active .modal__inner {transform:scale(1); opacity:1; transition:transform 700ms,opacity 250ms} .modal__overlay {position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:1} .modal__inner {position:relative; padding:4rem; z-index:2; margin:auto; transform:scale(0.1); opacity:0; transition:transform 700ms,opacity 250ms} .modal__close {display:inline-block; width:3.6rem; height:3.6rem; background-image:url(../icon/modal-close.svg); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; top:3.6rem; right:4.4rem; z-index:2} @media (max-width:48em) {.modal__inner {padding:0rem 0rem; width:100% } .modal__inner .youtube-vidoe {left:2rem; top:25rem; max-height:90rem; width:94% } .modal__close {width:5.8rem; height:7.8rem; top:4.4rem; right:4rem } } .notification__inner {padding:10.9rem; background-color:#fff; font-size:5rem; font-family:'Gilroy'; font-style:normal; font-weight:800; width:92.9rem; display:flex; justify-content:center; border-radius:3rem; position:relative} @media (max-width:48em) {.notification__inner {font-size:4.4rem; width:100%; padding:14rem 4rem 12rem; box-shadow:4rem 4rem 16rem rgba(58,35,0,0.12); border-radius:2rem 4rem 4rem 4rem } } .select__header {display:flex; align-items:center} .select__header img {width:1.8rem; height:.8rem; margin-left:2rem} .select__categories {position:relative; cursor:pointer} .select__body {position:absolute; top:6rem; left:-4rem; min-width:154rem; height:100%; overflow-y:auto; padding:4rem 6rem; background:#FFFFFF; display:none} .select__body-top {display:flex} .select__body-others {display:flex; height:fit-content} .select__body-item {padding:0 1rem; border:.1rem solid grey} .select__body-item:last-child {margin-right:2rem} .select__body-content {display:none} .select__body-tabs {display:flex; margin-right:3rem; height:fit-content; margin-bottom:4rem} .select__body-tab {cursor:pointer} .select__body-tab:not(:last-child) {margin-right:2rem} .select__body-content {flex-direction:column} .select__body-content li {cursor:pointer} .select__body-content li:not(:last-child) {margin-bottom:2rem} .select__body-alphabet {display:flex; flex-wrap:wrap} .select__body-letter {padding-top:4rem; width:15%} .select__body-letter span {font-weight:bold} .select__body-letter li:not(:last-child) {margin-bottom:1rem} .active-tab {font-weight:bold} .active-tab__content {display:block} .active-tab2 {font-weight:bold; background-color:#3DDCF1; color:#ffffff} .form--modal-vid .video-banner__item {opacity:0} .modal-services .feedback__img img {top:-35%} .modal-services .form__textarea {height:12.5rem} @media (max-width:48em) {.main-banner__wrapper {min-height:120rem } .modal-services .feedback__img {overflow:hidden } .modal-services .feedback__img img {top:-10%; left:-15.9% } } @media (max-width:48em) {.section.main-banner__wrapper {min-height:0!important }} .main__working {background:linear-gradient(91.79deg,#1DBCD1 16.94%,#3DDCF1 83.14%); padding-top:30rem; padding-bottom:26.2rem} .main__working .container {display:flex; flex-direction:column; align-items:center; color:#FFFFFF} .main__working-img {width:9.1rem; height:8.2rem; margin-bottom:1.8rem} .main__working-header {text-align:center; font-weight:600; font-size:4.2rem; line-height:126%; margin-bottom:1rem} .main__working-text {text-align:center; font-weight:400; font-size:1.8rem; line-height:150%; max-width:60rem} .tender__wrapper {padding-top:20rem; padding-bottom:12rem} .tender__header {font-weight:500; font-size:4.3rem; line-height:133%; margin-bottom:5.3rem} .tender__logo {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:8.3rem} .tender__img {width:18rem; max-width:18rem; max-height:14rem} .tender__img:not(:last-child) {margin-right:10rem} .tender__subheader {font-weight:500; font-size:3.5rem; line-height:80%; margin-bottom:4rem} .tender__text {font-weight:400; font-size:1.6rem; line-height:219%} .tender__text span {font-weight:600} .tender__list {margin-bottom:5rem} .tender__column {display:flex; justify-content:space-between} .tender__column-1,.tender__column-2 {width:45%} .tender__column-1 .tender__text:not(:last-child),.tender__column-2 .tender__text:not(:last-child) {margin-bottom:2rem} .tender__column-2 .btn-def {margin-top:7.5rem} @media(max-width:48em) {.tender__header {font-size:5rem } .tender__img {width:19rem; max-width:19rem; max-height:18rem } .tender__subheader {font-size:4rem } .tender__text {font-size:3rem } .tender__column {display:flex; flex-direction:column } .tender__column-1,.tender__column-2 {width:100% } .tender__column-2 .btn-def {width:100% } } .manufacter-img__img {max-width:12rem; max-height:5rem} .video-banner__content .btn-play {left:34rem} .arrow-up {width:8rem; height:8rem; background-color:#e4f4f9; display:flex; justify-content:center; align-items:center; flex-shrink:0; position:fixed; bottom:10rem; right:1rem; z-index:1000; cursor:pointer; display:none} @media (max-width:48em) {.arrow-up {width:10rem; height:10rem; bottom:20rem } } .arrow-up img {width:60%} .show {display:flex} .instruction__props-wrap {display:flex; flex-wrap:wrap} .instruction__props {width:50%} .instruction__props:nth-child(1),.instruction__props:nth-child(2) {margin-top:5rem; margin-bottom:4rem} .instruction__props .title-43 {font-size:4.3rem; margin-bottom:1rem; margin-top:6rem; color:#000} @media (max-width:48em) {.instruction__props {width:100% } } @media (max-width:48em) {formalization__subtitle.mobile {font-size:2rem!important } } @media (min-width:48em) {.none {display:none } } .filters-fixed {position:-webkit-sticky; position:-moz-sticky; position:-o-sticky; position:sticky; top:7.5rem; z-index:11} .limiter-height {} @media (max-width:48em) {.filters-fixed {position:relative; top:0 } } @media (max-width:48em) {.limiter-height {overflow-y:hidden; overflow-x:hidden; max-height:0 } } .main-banner__inner.block{ min-height:25rem; } /* Главная баннер */ @media (max-width:48em) {.main-banner__inner{display:inline-block!important;}} @media (max-width:48em) {.banner_btn{font-size:3rem!important;}} @media (max-width:48em) {.main_block_banner{font-size:3rem!important;}} @media (max-width:48em) {.banner_block.main-banner__content{float:left;width:50%;}} @media (max-width:48em) {.banner_block.main-banner__content{padding: 1rem 1.5rem 0 1.5rem!important;}} @media (max-width:48em) {.banner_block.main-banner__content.border_right{border-right:1px solid #fff;}} .banner_block.main-banner__content{border-left:1px solid #fff;padding: 1rem 3rem 0 3rem;text-align:center;} .wrapper_block{border-left:1px solid #fff;border-right:1px solid #fff;padding: 1rem 3rem 0 3rem;text-align:center} .main_block_banner{font-size:2.4rem;padding-bottom:3.5rem;text-align:center} .banner_btn{padding:1rem 3rem;color:#000;background:#fff;font-size:2.2rem;text-align:center;cursor:pointer;display:inline-block;} .banner_btn_link{color:#388ba4;padding-left:5px} .h.main-banner__mtitle{font-size:6.5rem;font-weight:bold;text-align:center;margin-top:5rem;letter-spacing:0.3rem;/*font-family:'Circe Regular'*/} .banner_block.main-banner__content{} @media (max-width:48em){.banner_block.main-banner__content.height{height:100px;}} @media (max-width:48em){.banner_block.main-banner__content.last{border-right:none;}} @media (max-width:48em){.footer__list ul li a, .footer__copyright-item, .f-contact__list li{font-size:2.7rem;color:#767679;}} .message_forms_success{margin-right:5rem} /* Производство */ .li_brand {list-style:inside;display:inline-block;float:left;width:45rem;margin-bottom:6rem} .icon_brand{width:75px;height:75px;float:left;} .icon_text{margin-top:1.5rem;margin-left:13rem;display:block;} .wrapper_icons{margin:0 auto;} @media (max-width:48em){.li_brand{width:50%}} @media (max-width:48em){.icon_brand{width:10rem;height:10rem}} /*@media (max-width:48em){.icon_text{margin-left:10rem}}*/ /*Иконки на главной*/ .wrapper_icon_main, .company_icon_img{width:72px;float:left;margin-right:2rem;position:relative;bottom:5px;} @media (max-width:48em){.wrapper_icon_main{width:36px;margin-right:1.5rem;}} .wrap_icons_company{display:flex;flex-wrap:wrap;} .item_icon{width:calc( ( 100% - 40px ) / 3 );margin:0 0 4rem;} .item_icon:nth-child(3n-1){margin-left:20px;margin-right:20px;} .title-47{font-weight:bold;font-size:3.5rem;color:#2B2E34;margin-bottom:5.5rem;text-align:center;} @media (max-width:48em){.item_icon{width:calc( ( 100% - 15px ) /2 );float:none;text-align:center}} @media (max-width:48em){.wrap_icons_company{align-items:stretch;align-content:stretch;justify-content:space-between;display:flex;flex-wrap:wrap}} @media (max-width:48em){.item_icon:nth-child(3n-1){margin:0;}} @media (max-width:48em){.company_icon_img{float:none;position:relative;left:7rem;}} /* banner logo */ @media (max-width:48em){.products__img {height:52.1rem!important }} .subsections__inner.plitka {grid-template-columns:repeat(3,1fr)} @media (max-width:48em){.subsections__inner.plitka{grid-template-columns:47% 47%}} .li_marker{list-style:inside;color:#2B2E34;} .item_icon.items{width:calc( ( 100% - 40px ) / 4 );margin:0 0 4rem;} @media (max-width:48em){.item_icon.items{width:calc( ( 100% - 15px ) /2 );float:none;}} @media (max-width:48em){.item_icon.last{display:none;}} @media (max-width:48em){.item_icon.margin{margin-top:4rem;}} /*Cookie*/ #cookie_note{display:none;position: fixed;z-index:122;bottom:1px;left:50%;width:80%;transform:translateX(-50%);padding:20px;background-color: #fff;box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);} #cookie_note p{margin:0;font-size:1.4rem;text-align:left;color:black;line-height:1.5} .cookie_accept{padding: 1.1rem 2.2rem 1.2rem 2.2rem;display:flex;align-items: center;background-color: #2b2e35;width:fit-content;font-size:1.8rem;color: #fff;} @media (min-width:576px){#cookie_note.show{display:flex;}} @media (max-width:575px){#cookie_note.show{display:block;text-align:left;}}