/* Start:/upload/fonts/manrope/stylesheet.css?17645820502902*/
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Bold.eot');
src: local('Manrope Bold'), local('Manrope-Bold'),
url('/upload/fonts/manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Bold.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Bold.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Semibold.eot');
src: local('Manrope Semibold'), local('Manrope-Semibold'),
url('/upload/fonts/manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Semibold.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Semibold.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Regular.eot');
src: local('Manrope Regular'), local('Manrope-Regular'),
url('/upload/fonts/manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Regular.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Regular.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Light.eot');
src: local('Manrope Light'), local('Manrope-Light'),
url('/upload/fonts/manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Light.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Light.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Thin.eot');
src: local('Manrope Thin'), local('Manrope-Thin'),
url('/upload/fonts/manrope/Manrope-Thin.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Thin.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Thin.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-Medium.eot');
src: local('Manrope Medium'), local('Manrope-Medium'),
url('/upload/fonts/manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-Medium.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-Medium.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/upload/fonts/manrope/Manrope-ExtraBold.eot');
src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'),
url('/upload/fonts/manrope/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/upload/fonts/manrope/Manrope-ExtraBold.woff2') format('woff2'),
url('/upload/fonts/manrope/Manrope-ExtraBold.woff') format('woff'),
url('/upload/fonts/manrope/Manrope-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
/* End */
/* Start:/local/templates/SmartLamps/node_modules/swiper/swiper-bundle.min.css?176458205113920*/
/**
* Swiper 12.0.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 18, 2025
*/
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */
/* Start:/local/templates/SmartLamps/less_compile/styles.css?1774615253124988*/
body * {
box-sizing: border-box;
font-family: "Manrope", sans-serif;
}
html {
scroll-behavior: smooth;
scroll-padding: 70px;
scrollbar-gutter: stable;
}
html::-webkit-scrollbar {
width: 10px;
}
html::-webkit-scrollbar-track {
background: #e2e7f1;
}
html::-webkit-scrollbar-thumb {
background: #2e2868;
}
html::-webkit-scrollbar-thumb:hover {
background: #2e2868;
}
html::-webkit-scrollbar-thumb:active {
background: #2e2868;
}
html::-webkit-scrollbar-thumb:focus {
background: #2e2868;
}
body {
background: #e2e7f1;
margin: 0;
/* overflow-x: hidden; */
}
.container-border {
border-radius: 45px;
background: #ffffff;
display: flex;
margin: 5px 2.5px 0px;
}
.container-border.first {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.container-border.right {
margin-right: 0;
margin-left: 0;
}
.container-border.left {
margin-left: 0;
}
.content {
overflow: hidden;
}
.content-container {
max-width: 1820px;
width: 100%;
margin: 0 auto;
padding: 0 50px;
}
.pagination-segment {
height: 8px;
flex: 1 0 0;
border-radius: 500px;
background: rgba(28, 49, 92, 0.15);
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.pagination-segment.active {
background: #2e2868;
}
.banner-slider__pagination .pagination-segment {
background: rgba(255, 255, 255, 0.3);
}
.banner-slider__pagination .pagination-segment.active {
background: #ffffff;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-ExtraLight.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-Light.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-Regular.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-Medium.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-SemiBold.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-Bold.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/upload/fonts/Manrope/Manrope-ExtraBold.woff") format("woff"),
url("/upload/fonts/Manrope/Manrope-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
body {
font-family: "Manrope";
font-style: normal;
}
h1 {
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 0;
}
@media (max-width: 992px) {
.content-container {
padding: 0 20px;
}
}
@media (max-width: 768px) {
.content-container {
padding: 0 15px;
}
h1 {
font-size: 30px;
}
}
h2 {
font-size: 30px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
h2 p {
margin: 15px 0;
}
h3 {
font-size: 25px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
h3 p {
margin: 15px 0;
}
h4 {
font-size: 22px;
font-weight: 600;
line-height: 150%;
margin: 0;
}
h4 p {
margin: 15px 0;
}
p {
font-size: 18px;
font-weight: 500;
line-height: 140%;
margin: 0 0 18px 0;
}
p:last-child {
margin-bottom: 0;
}
.H70 {
font-family: Manrope;
font-size: 70px;
font-weight: 600;
line-height: 130%;
}
.H50 {
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
.H40 {
font-size: 40px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
.H30 {
font-size: 30px;
font-weight: 600;
line-height: 140%;
}
.H30 p {
margin: 15px 0;
}
.text-25 {
font-size: 25px;
font-weight: 600;
line-height: 140%;
}
.text-25 p {
margin: 15px 0;
}
.text-22 {
font-size: 22px;
font-weight: 600;
line-height: 150%;
}
.text-22-400 {
font-size: 22px;
font-weight: 400;
line-height: 150%;
}
.text-22 p {
margin: 15px 0;
}
.text-20 {
font-size: 20px;
font-weight: 600;
line-height: 150%;
}
.text-20-400 {
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.text-20 p {
margin: 15px 0;
}
.text-18 {
font-size: 18px;
font-weight: 500;
line-height: 140%;
}
.text-18-600 {
font-size: 18px;
font-weight: 600;
line-height: 140%;
}
.text-18-400 {
font-size: 18px;
font-weight: 400;
line-height: 140%;
}
.text-18 p {
margin: 15px 0;
}
.text-16 {
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.text-16.medium {
font-weight: 500;
}
.text-16.uppercase {
text-transform: uppercase;
font-weight: 600;
}
.text-14 {
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
@media screen and (max-width: 768px) {
.text-22-400 {
font-size: 16px;
}
.text-20-400 {
font-size: 16px;
}
.text-18 {
font-size: 16px;
}
.text-18-600 {
font-size: 16px;
}
.text-18-400 {
font-size: 16px;
}
.text-25 {
font-size: 20px;
}
}
.light-grey-color {
color: #f2f4f8;
}
.accent-color {
color: #2e2868;
}
.white-color {
color: #ffffff;
}
.black-color {
color: #161b25;
}
.grey-color {
color: #e2e7f1;
}
.black-70-color {
color: rgba(28, 49, 92, 0.7);
}
.white-60-color {
color: rgba(255, 255, 252, 0.6);
}
.black-15-color {
color: rgba(28, 49, 92, 0.15);
}
.black-30-color {
color: rgba(28, 49, 92, 0.3);
}
.background-light-grey-color {
background-color: #f2f4f8;
}
.background-accent-color {
background-color: #2e2868;
}
.background-white-color {
background-color: #ffffff;
}
.background-black-color {
background-color: #161b25;
}
.background-grey-color {
background-color: #e2e7f1;
}
.background-black-70-color {
background-color: rgba(28, 49, 92, 0.7);
}
.background-white-60-color {
background-color: rgba(255, 255, 252, 0.6);
}
.background-black-15-color {
background-color: rgba(28, 49, 92, 0.15);
}
.background-black-30-color {
background-color: rgba(28, 49, 92, 0.3);
}
.background-color-item {
width: 100px;
height: 100px;
border-radius: 10px;
margin: 10px;
border: 1px solid #161b25;
}
.color-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.color-container div {
border: 1px solid #161b25;
}
.background-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.title-list {
font-size: 22px;
font-weight: 600;
line-height: 150%;
}
.list-values-container {
display: flex;
max-width: 826px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 20px;
}
.list-values-container .list-items {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.list-values-container .list-items .list-item {
display: flex;
padding-top: 10px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-top: 1px solid rgba(28, 49, 92, 0.15);
}
.list-values-container .list-items .list-item .list-item-name {
font-size: 18px;
font-weight: 500;
line-height: 140%;
width: 50%;
text-align: left;
}
.list-values-container .list-items .list-item .list-item-value {
font-size: 18px;
font-weight: 500;
line-height: 140%;
width: 50%;
text-align: right;
}
.list-container {
margin: 20px 0;
}
.marked-list {
display: flex;
max-width: 1138px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding-inline-start: 0;
}
.marked-list .list-items {
display: flex;
max-width: 767px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
list-style: none;
padding: 0;
}
.marked-list .list-items li {
font-size: 18px;
font-weight: 500;
line-height: 140%;
position: relative;
padding-left: 20px;
}
.marked-list .list-items li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 7px;
height: 7px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.numbered-list {
display: flex;
max-width: 1138px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding-inline-start: 0;
}
.numbered-list .list-items {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
list-style: none;
padding: 0;
counter-reset: list-counter;
}
.numbered-list .list-items li {
font-size: 18px;
font-weight: 500;
line-height: 140%;
position: relative;
counter-increment: list-counter;
padding-left: 32px;
}
.numbered-list .list-items li::before {
content: counter(list-counter) ".";
position: absolute;
left: 0;
top: 0;
color: #2e2868;
font-weight: 700;
line-height: 150%;
font-family: Onest;
}
.accent-button-default {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
display: inline-flex;
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: #2e2868;
color: #ffffff;
text-decoration: none;
}
.accent-button-default p {
margin: 0;
}
.accent-button-default p,
.accent-button-default span,
.accent-button-default a,
.accent-button-default div {
position: relative;
z-index: 1;
text-wrap: nowrap;
}
.accent-button-default::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.accent-button-default:hover::before {
width: 200%;
height: 500%;
opacity: 1;
}
.accent-button-default:hover {
color: #2e2868;
background-color: #f2f4f8;
}
.accent-button-default:hover::before {
background-color: #f2f4f8;
}
.accent-button-default:disabled {
background: #f2f4f8;
color: rgba(28, 49, 92, 0.3);
}
.accent-button-default:active {
color: #ffffff;
}
.accent-button-default:active::before {
background-color: #2e2868;
}
.white-button-default {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
display: inline-flex;
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: #f2f4f8;
color: #2e2868;
}
.white-button-default p {
margin: 0;
}
.white-button-default p,
.white-button-default span,
.white-button-default a,
.white-button-default div {
position: relative;
z-index: 1;
}
.white-button-default::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.white-button-default:hover::before {
width: 200%;
height: 500%;
opacity: 1;
}
.white-button-default:hover {
color: #ffffff;
}
.white-button-default:hover::before {
background-color: #2e2868;
}
.footer-container__social-item .white-button-default:hover::before,
.save-order-container .white-button-default:hover::before,
.top-page-block-content .white-button-default:hover::before {
background-color: #E2E7F1;
}
.footer-container__social-item .white-button-default:hover,
.save-order-container .white-button-default:hover,
.top-page-block-content .white-button-default:hover {
color: #2e2868;
}
.white-button-default:disabled {
background: #f2f4f8;
color: rgba(28, 49, 92, 0.3);
}
.white-button-default:disabled:active,
.white-button-default:disabled:hover:before,
.white-button-default:disabled:hover:before {
background: #f2f4f8;
color: rgba(28, 49, 92, 0.3);
}
.white-button-default:active {
background: #2e2868;
color: #ffffff;
}
@media screen and (max-width: 576px) {
.white-button-default,
.accent-button-default {
padding: 15px 35px;
}
.white-button-default p,
.accent-button-default p {
font-size: 16px;
}
}
.no-container-button-default {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
display: inline-flex;
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: none;
color: rgba(28, 49, 92, 0.7);
}
.no-container-button-default p {
margin: 0;
}
.no-container-button-default p,
.no-container-button-default span,
.no-container-button-default a,
.no-container-button-default div {
position: relative;
z-index: 2;
}
.no-container-button-default::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.no-container-button-default:hover::before {
width: 200%;
height: 500%;
opacity: 1;
}
.no-container-button-default:hover {
color: #ffffff;
}
.no-container-button-default:hover::before {
background-color: #2e2868;
}
.no-container-button-default:disabled {
color: rgba(28, 49, 92, 0.15);
}
.no-container-button-default:active {
background: #2e2868;
color: #ffffff;
}
.arrow-button {
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50px;
background-color: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.arrow-button::before {
content: "";
width: 13px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.3s ease;
}
.arrow-button:hover:not(:disabled):not(.swiper-button-disabled) {
background-color: #ffffff;
}
.arrow-button:hover:not(:disabled):not(.swiper-button-disabled)::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button:disabled,
.arrow-button.swiper-button-disabled {
border-radius: 50px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
cursor: not-allowed;
}
.arrow-button:disabled::before,
.arrow-button.swiper-button-disabled::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-prev {
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50px;
background-color: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.arrow-button-prev::before {
content: "";
width: 13px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.3s ease;
}
.arrow-button-prev:hover:not(:disabled):not(.swiper-button-disabled) {
background-color: #ffffff;
}
.arrow-button-prev:hover:not(:disabled):not(.swiper-button-disabled)::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-prev:disabled,
.arrow-button-prev.swiper-button-disabled {
border-radius: 50px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
cursor: not-allowed;
}
.arrow-button-prev:disabled::before,
.arrow-button-prev.swiper-button-disabled::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-prev::before {
transform: rotate(180deg);
}
.arrow-button-prev.arrow-button {
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50px;
background-color: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.arrow-button-prev.arrow-button::before {
content: "";
width: 13px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.3s ease;
}
.arrow-button-prev.arrow-button:hover:not(:disabled):not(.swiper-button-disabled) {
background-color: #f2f4f8;
}
.arrow-button-prev.arrow-button:hover:not(:disabled):not(.swiper-button-disabled)::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-prev.arrow-button:disabled,
.arrow-button-prev.arrow-button.swiper-button-disabled {
border-radius: 50px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
cursor: not-allowed;
}
.arrow-button-prev.arrow-button:disabled::before,
.arrow-button-prev.arrow-button.swiper-button-disabled::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-next {
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50px;
background-color: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.arrow-button-next::before {
content: "";
width: 13px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.3s ease;
}
.arrow-button-next:hover:not(:disabled):not(.swiper-button-disabled) {
background-color: #ffffff;
}
.arrow-button-next:hover:not(:disabled):not(.swiper-button-disabled)::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-next:disabled,
.arrow-button-next.swiper-button-disabled {
border-radius: 50px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
cursor: not-allowed;
}
.arrow-button-next:disabled::before,
.arrow-button-next.swiper-button-disabled::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-next.arrow-button {
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 50px;
background-color: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.arrow-button-next.arrow-button::before {
content: "";
width: 13px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.3s ease;
}
.arrow-button-next.arrow-button:hover:not(:disabled):not(.swiper-button-disabled) {
background-color: #f2f4f8;
}
.arrow-button-next.arrow-button:hover:not(:disabled):not(.swiper-button-disabled)::before {
background-image: url('data:image/svg+xml;utf8,');
}
.arrow-button-next.arrow-button:disabled,
.arrow-button-next.arrow-button.swiper-button-disabled {
border-radius: 50px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
cursor: not-allowed;
}
.arrow-button-next.arrow-button:disabled::before,
.arrow-button-next.arrow-button.swiper-button-disabled::before {
background-image: url('data:image/svg+xml;utf8,');
}
.small-contained-button {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
display: inline-flex;
padding: 10px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: #f2f4f8;
color: rgba(28, 49, 92, 0.7);
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
text-transform: none;
}
.small-contained-button p {
margin: 0;
}
.small-contained-button p,
.small-contained-button span,
.small-contained-button a,
.small-contained-button div {
position: relative;
z-index: 2;
}
.small-contained-button::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
background: #e2e7f1;
}
.small-contained-button:hover:not(:disabled):not(:active)::before {
width: 200%;
height: 500%;
opacity: 1;
}
.small-contained-button:hover:not(:disabled):not(:active) {
background: #e2e7f1;
color: #2e2868;
}
.small-contained-button:active:not(:disabled)::before {
background: #2e2868;
width: 200%;
height: 500%;
opacity: 1;
}
.small-contained-button:active:not(:disabled) {
background: #2e2868;
color: #ffffff;
}
.small-contained-button:disabled,
.small-contained-button.disabled {
background: #f2f4f8;
color: rgba(28, 49, 92, 0.15);
cursor: not-allowed;
opacity: 1;
}
.small-contained-button:disabled:hover::before,
.small-contained-button.disabled:hover::before {
width: 0%;
height: 0%;
opacity: 0;
}
.banner-transparent-button {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
display: inline-flex;
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
color: #ffffff;
}
.banner-transparent-button p {
margin: 0;
}
.banner-transparent-button p,
.banner-transparent-button span,
.banner-transparent-button a,
.banner-transparent-button div {
position: relative;
z-index: 2;
}
.banner-transparent-button::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.banner-transparent-button:hover::before {
width: 200%;
height: 500%;
opacity: 1;
}
@media (max-width: 768px) {
.banner-transparent-button {
padding: 15px 20px;
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
}
.banner-transparent-button:hover {
background: rgba(255, 255, 252, 0.2);
}
.banner-transparent-button:hover::before {
background-color: #ffffff;
opacity: 0.1;
}
.banner-transparent-button:disabled {
background: rgba(255, 255, 252, 0.05);
color: rgba(255, 255, 255, 0.3);
}
.banner-transparent-button:active {
background: rgba(255, 255, 252, 0.15);
}
.banner-accent-button {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
display: inline-flex;
padding: 20px 35px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: none;
overflow: hidden;
background: #2e2868;
color: #ffffff;
text-decoration: none;
}
.banner-accent-button p {
margin: 0;
}
.banner-accent-button p,
.banner-accent-button span,
.banner-accent-button a,
.banner-accent-button div {
position: relative;
z-index: 2;
}
.banner-accent-button::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
border-radius: 50%;
position: absolute;
transition: all 0.5s ease-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.banner-accent-button:hover::before {
width: 200%;
height: 500%;
opacity: 1;
}
.banner-accent-button:hover {
color: #2e2868;
}
.banner-accent-button:hover::before {
background-color: #f2f4f8;
}
.banner-accent-button:disabled {
background: #f2f4f8;
color: rgba(28, 49, 92, 0.3);
}
.banner-accent-button:active {
color: #ffffff;
}
.banner-accent-button:active::before {
background-color: #2e2868;
}
@media (max-width: 768px) {
.banner-accent-button {
padding: 15px 20px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(15px);
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
.banner-accent-button:hover {
background: rgba(255, 255, 252, 0.2);
color: #ffffff;
}
.banner-accent-button:hover::before {
background-color: #ffffff;
opacity: 0.1;
}
.banner-accent-button:disabled {
background: rgba(255, 255, 252, 0.05);
color: rgba(255, 255, 255, 0.3);
}
.banner-accent-button:active {
background: rgba(255, 255, 252, 0.15);
}
}
.social-button-default {
position: relative;
transition: all 0.45s ease-Out;
cursor: pointer;
display: flex;
width: 50px;
height: 50px;
padding: 0;
justify-content: center;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
border-radius: 500px;
background-color: #2e2868;
}
.social-button-default p {
margin: 0;
}
.input-container {
display: flex;
width: 250px;
flex-direction: column;
align-items: flex-start;
gap: 5px;
position: relative;
}
.input-container .input-label {
color: #161b25;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
}
.input-container .alert {
opacity: 0;
pointer-events: none;
transition: all 0.3s;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #FD4166;
z-index: 100;
border: none;
font-size: initial;
padding: 0;
margin-bottom: 0;
}
.input-container .alert span,
.checkbox-container .alert span {
opacity: 0;
pointer-events: none;
transition: all 0.3s;
position: absolute;
bottom: 30px;
display: inline-flex;
padding: 15px 25px;
align-items: center;
border-radius: 20px;
background: #FFF;
box-shadow: 0 0 25px 0 rgba(28, 49, 92, 0.10);
color: #404D5D;
text-align: center;
/* Text 16 */
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
/* 20.8px */
}
.input-container .alert span::before,
.checkbox-container .alert span::before {
content: '';
rotate: 45deg;
width: 15px;
height: 15px;
background: #FFF;
border-radius: 2px;
position: absolute;
bottom: -10px;
left: 49%;
transform: translateX(-50%);
}
.input-container .alert:hover span,
.checkbox-container .alert:hover span {
opacity: 1;
pointer-events: all;
transition: all 0.3s;
}
.input-container.input--error .alert {
opacity: 1;
pointer-events: all;
}
.checkbox-container .alert {
opacity: 0;
pointer-events: none;
transition: all 0.3s;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #FD4166;
z-index: 100;
border: none;
font-size: initial;
padding: 0;
margin-bottom: 0;
}
form .checkbox-container.input--error input {
background-color: rgba(253, 65, 102, 0.10);
border: 1px solid #FD4166;
}
@media screen and (max-width: 768px) {
.input-container .alert span,
.checkbox-container .alert span {
right: -20px;
}
.input-container .alert span::before,
.checkbox-container .alert span::before {
left: initial;
right: 15px;
}
}
.checkbox-container.input--error .alert {
opacity: 1;
pointer-events: all;
}
.input-container .input-field-wrapper {
position: relative;
width: 100%;
display: flex;
align-items: center;
}
.input-container .input-field {
border-radius: 20px;
background: #f2f4f8;
display: flex;
padding: 15px 20px;
align-items: center;
gap: 10px;
align-self: stretch;
border: 1px solid transparent;
transition: all 0.3s ease;
width: 100%;
box-sizing: border-box;
color: rgba(28, 49, 92, 0.3);
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.input-container .input-field::placeholder {
color: rgba(28, 49, 92, 0.3);
}
.input-container .input-field:hover:not(:disabled):not(.error) {
border: 1px solid #2e2868;
background: #f2f4f8;
}
.input-container .input-field:focus:not(:disabled):not(.error) {
outline: none;
border: 1px solid #2e2868;
background: #f2f4f8;
}
.input-container .input-field:disabled {
border-radius: 20px;
background: #e2e7f1;
color: rgba(28, 49, 92, 0.3);
cursor: not-allowed;
border: 1px solid transparent;
}
.input-container .input-field:not(:placeholder-shown):not(:disabled):not(.error) {
background: #e2e7f1;
color: #161b25;
}
.input-container .input-field.error {
border: 1px solid #fd4166;
background: #f2f4f8;
padding-right: 50px;
}
.input-container .error-icon {
display: none;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: #fd4166;
border-radius: 50%;
cursor: pointer;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.input-container .error-icon svg {
width: 2px;
height: 10px;
}
.input-container .error-icon:hover .error-tooltip {
display: inline-flex;
}
.input-container.has-error .error-icon {
display: flex;
}
.input-container.has-error .error-message {
display: block;
color: #fd4166;
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-top: 5px;
}
.input-container .error-tooltip {
display: none;
position: absolute;
padding: 15px 25px;
align-items: center;
gap: 10px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 0 25px 0 rgba(28, 49, 92, 0.1);
color: #404d5d;
text-align: center;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
z-index: 10;
white-space: nowrap;
bottom: calc(100% + 15px);
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
.input-container .error-tooltip::after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 8px solid #ffffff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.input-container .error-message {
display: none;
}
.input-container--small {
width: 200px;
}
.input-container--medium {
width: 250px;
}
.input-container--large {
width: 350px;
}
.input-container--full {
width: 100%;
}
.input-container .input-textarea {
border-radius: 20px;
background: #f2f4f8;
display: flex;
padding: 15px 20px;
align-items: center;
gap: 10px;
align-self: stretch;
border: 1px solid transparent;
transition: all 0.3s ease;
width: 100%;
box-sizing: border-box;
color: rgba(28, 49, 92, 0.3);
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
min-height: 120px;
resize: vertical;
}
.input-container .input-textarea::placeholder {
color: rgba(28, 49, 92, 0.3);
}
.input-container .input-textarea:hover:not(:disabled):not(.error) {
border: 1px solid #2e2868;
}
.input-container .input-textarea:focus:not(:disabled):not(.error) {
outline: none;
border: 1px solid #2e2868;
}
.input-container .input-textarea:disabled {
background: #e2e7f1;
cursor: not-allowed;
}
.input-container .input-textarea:not(:placeholder-shown):not(:disabled):not(.error) {
background: #e2e7f1;
color: #161b25;
}
.input-container .input-textarea.error {
border: 1px solid #fd4166;
background: #f2f4f8;
}
input.custom-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 22px;
height: 22px;
flex-shrink: 0;
background: white;
border-radius: 5px;
border: none;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
margin: 0;
}
input.custom-checkbox::after {
content: "";
position: absolute;
display: none;
left: 50%;
top: 45%;
width: 5px;
height: 10px;
border: solid #2e2868;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
input.custom-checkbox:checked::after {
display: block;
}
input.custom-checkbox:hover:not(:disabled) {
transform: scale(1.05);
}
input.custom-checkbox:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.checkbox-container {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
user-select: none;
}
.checkbox-container .checkbox-input {
display: none;
}
.checkbox-container .checkbox-input:checked+.checkbox-custom svg .checkbox-icon-checked {
display: block;
}
.checkbox-container .checkbox-input:checked+.checkbox-custom svg .checkbox-icon-unchecked {
display: none;
}
.checkbox-container .checkbox-input:disabled+.checkbox-custom {
opacity: 0.5;
cursor: not-allowed;
}
.checkbox-container .checkbox-custom {
width: 22px;
height: 22px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.checkbox-container .checkbox-custom svg {
width: 22px;
height: 22px;
display: block;
}
.checkbox-container .checkbox-custom svg .checkbox-icon-unchecked {
display: block;
}
.checkbox-container .checkbox-custom svg .checkbox-icon-checked {
display: none;
}
.checkbox-container .checkbox-label {
color: #161b25;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
cursor: pointer;
}
.checkbox-container .checkbox-label a {
color: #2e2868;
text-decoration: none;
}
.checkbox-container .checkbox-label a:hover {
text-decoration: underline;
}
.checkbox-container:hover .checkbox-custom {
transform: scale(1.05);
}
.checkbox-container.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.checkbox-container.disabled .checkbox-custom,
.checkbox-container.disabled .checkbox-label {
cursor: not-allowed;
}
.checkbox-container.disabled:hover .checkbox-custom {
transform: none;
}
.header-container {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
height: 63px;
}
.header__logo-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.header-container .logo {
flex: 1;
padding: 0px 30px;
height: 100%;
align-items: center;
margin: 0;
}
.header-container .phone {
flex-shrink: 0;
}
.header-container .header-phone {
position: relative;
flex-shrink: 0;
height: 100%;
}
.header-container .header-phone__button {
display: flex;
padding: 0px 30px;
justify-content: center;
align-items: center;
gap: 7px;
border-radius: 500px;
background: #f2f4f8;
cursor: pointer;
transition: all 0.3s ease;
height: 100%;
}
.header-container .header-phone__number {
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
color: #161b25;
text-decoration: none;
}
.header-container .header-phone__number:hover {
color: #2e2868;
}
.header-container .header-phone__icon {
width: 13px;
height: 22px;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.header-container .header-phone__dropdown {
position: absolute;
top: calc(100% + 10px);
right: 0;
left: 0;
display: flex;
padding: 20px 30px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 30px;
background: #ffffff;
box-shadow: 0 0 25px 0 rgba(28, 49, 92, 0.1);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
z-index: 100;
}
.header-container .header-phone__list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.header-container .header-phone__item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
align-self: stretch;
}
.header-container .header-phone__item-number {
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
color: #161b25;
text-decoration: none;
}
.header-container .header-phone__item-number:hover {
color: #2e2868;
}
.header-container .header-phone__label {
font-family: "Manrope", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 130%;
color: rgba(28, 49, 92, 0.7);
align-self: stretch;
}
.header-container .header-phone:hover .header-phone__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header-container .header-phone:hover .header-phone__icon {
transform: rotate(180deg);
}
.header-container .button-consulation {
padding: 0px 30px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
height: 100%;
text-decoration: none;
}
.header-container .button-consulation p {
font-size: 16px;
font-weight: 600;
line-height: 130%;
/* 20.8px */
text-transform: uppercase;
margin: 0;
}
.mobile-header {
display: none;
}
@media (max-width: 992px) {
.mobile-header {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 900;
background: transparent;
pointer-events: none;
}
.second-page .mobile-header {
background: #fff;
position: static;
}
.second-page .mobile-header .mobile-header__logo-default path {
fill: #2e2868;
}
}
.mobile-header__logo.active svg path {
fill: #2e2868;
}
.mobile-header__container {
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: auto;
}
@media (max-width: 992px) {
.mobile-header__container {
padding: 15px;
}
.mobile-header__container.active {
position: relative;
z-index: 1002;
}
.mobile-header__container.active .mobile-header__phone-btn {
pointer-events: none;
}
}
@media (max-width: 768px) {
.mobile-header__container {
padding: 15px;
}
}
.mobile-header__logo {
width: 48px;
height: 48px;
flex-shrink: 0;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-header__logo svg {
width: 48px;
height: 48px;
transition: opacity 0.3s ease;
}
.mobile-header__logo.active .mobile-header__logo-default svg path {
fill: #2E2868;
}
.mobile-header__buttons {
display: flex;
align-items: center;
}
.mobile-header__phone-btn {
display: none;
width: 48px;
height: 48px;
padding: 24px 12px;
justify-content: center;
align-items: center;
border-radius: 600px;
background: rgba(255, 255, 252, 0.1);
backdrop-filter: blur(30px);
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
@media (max-width: 992px) {
.second-page .mobile-header__buttons .mobile-header__phone-btn {
background-color: #f2f4f8;
}
.second-page .mobile-header__buttons .mobile-header__phone-btn svg path {
fill: #2e2868;
}
.mobile-header__buttons .mobile-header__phone-btn {
display: flex;
}
.mobile-header__buttons .header-phone__number {
display: none;
}
}
.mobile-header__phone-btn svg {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.mobile-header__phone-btn svg path {
stroke-width: 1.5px;
transition: stroke 0.3s ease;
}
.mobile-header__phone-btn.search-mobile-btn svg path {
fill: #fff;
}
.mobile-header__phone-btn:hover {
background: rgba(255, 255, 252, 0.2);
}
.mobile-header__phone-btn.active {
background: #f2f4f8;
}
.mobile-header__phone-btn.active svg path {
stroke: #2e2868;
}
.mobile-header__menu-btn {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 600px;
background: #2e2868;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.mobile-header__menu-btn:hover {
background: #3d3587;
}
.mobile-header__menu-icon {
display: flex;
width: 16px;
flex-direction: column;
align-items: flex-end;
gap: 6px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.mobile-header__menu-icon svg {
display: block;
}
.mobile-header__menu-icon svg:nth-child(1) {
width: 16px;
}
.mobile-header__menu-icon svg:nth-child(2) {
width: 16px;
}
.mobile-header__menu-icon svg:nth-child(3) {
width: 9px;
}
.mobile-header__menu-icon svg path {
stroke: #ffffff;
stroke-width: 2px;
}
.mobile-header__menu-icon--close {
display: none;
width: 23.04px;
height: 23.04px;
align-items: center;
justify-content: center;
}
.mobile-header__menu-icon--close svg {
width: 23.04px;
height: 23.04px;
}
.mobile-header__menu-icon--close svg path {
fill: #ffffff;
stroke: none;
}
.mobile-menu.active~.mobile-header .mobile-header__menu-btn .mobile-header__menu-icon--burger {
display: none;
}
.mobile-menu.active~.mobile-header .mobile-header__menu-btn .mobile-header__menu-icon--close {
display: flex;
}
.mobile-header__menu-btn.active .mobile-header__menu-icon--burger {
display: none;
}
.mobile-header__menu-btn.active .mobile-header__menu-icon--close {
display: flex;
}
.mobile-menu {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
z-index: 899;
opacity: 0;
transform: translateX(100%);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.runline.admin .mobile-menu {
top: 40px;
}
.admin .mobile-menu,
.runline .mobile-menu {
top: 40px;
}
@media (max-width: 992px) {
.mobile-menu {
display: block;
}
}
.mobile-menu.active {
opacity: 1;
transform: translateX(0);
}
.mobile-menu__content {
display: flex;
flex-direction: column;
height: 100vh;
padding-top: 78px;
}
.mobile-menu__phones {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 15px;
margin-bottom: 20px;
}
.mobile-menu__phone-item {
display: flex;
flex-direction: column;
gap: 10px;
}
.mobile-menu__phone-item .header-phone__item-number {
color: #161b25;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.mobile-menu__phone-label {
color: rgba(28, 49, 92, 0.7);
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.mobile-menu__socials {
display: flex;
gap: 12px;
padding: 0 20px;
margin-top: auto;
margin-bottom: 20px;
}
.mobile-menu__social-btn {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 600px;
background: #2e2868;
transition: all 0.3s ease;
}
.mobile-menu__social-btn svg {
width: 19px;
height: 19px;
}
.mobile-menu__social-btn svg path {
fill: #ffffff;
}
.mobile-menu__social-btn:hover {
opacity: 0.8;
}
.mobile-menu__consultation-btn {
width: calc(100% - 40px);
margin: 0 20px 30px;
padding: 20px 35px;
text-decoration: none;
}
.mobile-menu__consultation-btn p {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
@media (max-width: 992px) {
.header-container {
display: none;
}
}
.banner-slider-container {
width: 100%;
height: 756px;
position: relative;
display: grid;
grid-template-columns: 1439fr 476fr;
gap: 5px;
}
@media (max-width: 992px) {
.banner-slider-container .banner-swiper.container-border {
border-radius: 0 0 30px 30px;
margin-top: 0;
}
.banner-slider-container {
display: flex;
flex-direction: column;
height: auto;
}
}
.banner-swiper {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
@media (max-width: 768px) {
.banner-swiper {
width: 100%;
height: 800px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.banner-slide {
position: relative;
width: 100%;
height: 100%;
}
.banner-slide.swiper-slide {
height: auto;
}
.banner-slide__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
.banner-slide__bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right center;
}
.banner-slide::before {
content: "";
position: absolute;
top: 256px;
left: 0;
width: 100%;
height: calc(100% - 256px);
background: linear-gradient(0deg,
rgba(17, 27, 43, 0.8) 0%,
rgba(17, 27, 43, 0) 100%);
z-index: -1;
pointer-events: none;
}
.banner-slide::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 546px);
background: linear-gradient(180deg,
rgba(17, 27, 43, 0.9) 0%,
rgba(17, 27, 43, 0) 100%);
z-index: -1;
pointer-events: none;
}
.banner-slide__upper-title {
color: #ffffff;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
.banner-slide__content-inner {
width: 100%;
height: 100%;
max-width: calc((100vw - 25.2vw) - ((100vw - 1900px) / 2));
margin-left: auto;
padding: 100px 20px 105px 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: auto;
}
@media (max-width: 992px) {
.banner-slide__content-inner {
padding: 100px 50px 50px 50px;
}
}
@media (max-width: 768px) {
.banner-slide__content-inner {
justify-content: flex-end;
padding: 100px 30px 30px 30px;
}
.banner-slide__upper-title {
top: 10px;
left: 10px;
font-size: 14px;
}
}
.banner-slide__content {
display: flex;
max-width: 844px;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 25px;
margin-top: auto;
}
@media (max-width: 768px) {
.banner-slide__content {
bottom: 80px;
left: 10px;
right: 10px;
width: auto;
gap: 10px;
margin-top: initial;
}
}
.banner-slide__title {
color: #ffffff;
margin: 0;
margin-left: -2px;
/* text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); */
}
@media (max-width: 768px) {
.banner-slide__title {
order: 1;
}
}
.banner-slide__text {
color: #ffffff;
margin: 0;
line-height: 1.6;
}
@media (max-width: 768px) {
.banner-slide__text {
order: 2;
}
}
.banner-slide__buttons {
display: flex;
gap: 0;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.banner-slide__buttons {
margin-top: 20px;
flex-direction: row;
gap: 10px;
width: 100%;
justify-content: flex-start;
order: 3;
}
.banner-slide__buttons button {
width: auto;
flex: 0 0 auto;
}
}
.banner-slider__nav {
position: absolute;
bottom: 55px;
right: 55px;
z-index: 10;
display: flex;
align-items: center;
gap: 15px;
min-height: 50px;
}
@media (max-width: 768px) {
.banner-slider__nav {
bottom: 30px;
left: 30px;
right: 30px;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
}
.banner-slider__nav .swiper-button-prev,
.banner-slider__nav .swiper-button-next {
position: static !important;
margin: 0 !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
@media (max-width: 768px) {
.banner-slider__nav .swiper-button-prev,
.banner-slider__nav .swiper-button-next {
display: none;
}
}
.banner-slider__nav .swiper-button-prev::after,
.banner-slider__nav .swiper-button-next::after {
content: none !important;
display: none !important;
}
.banner-slider__nav .swiper-button-prev svg,
.banner-slider__nav .swiper-button-next svg,
.banner-slider__nav .swiper-button-prev .swiper-navigation-icon,
.banner-slider__nav .swiper-button-next .swiper-navigation-icon {
display: none !important;
}
.banner-slider__pagination {
color: #ffffff;
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
user-select: none;
text-align: center;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.banner-slider__pagination {
gap: 10px;
width: 100%;
align-self: stretch;
}
}
.other-banner-container {
width: 100%;
min-width: 400px;
/* height: 756px; */
/* height: 100%; */
background: #161b25;
position: relative;
flex-shrink: 0;
overflow: hidden;
padding: 50px;
}
.swiper.banner-swiper.container-border {
/* height: 100%; */
}
.achivment-section {
margin-top: 5px;
}
@media (max-width: 992px) {
.other-banner-container {
min-width: 100%;
width: 100%;
height: 400px;
padding: 0 15px 30px 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
border-radius: 30px;
justify-content: flex-end;
align-items: flex-end;
}
}
@media (max-width: 768px) {
.other-banner-container {
height: 600px;
padding: 0 15px 30px 0px;
}
}
.other-banner-container__image {
position: absolute;
top: 0;
left: 0;
width: 309px;
height: 404px;
object-fit: cover;
aspect-ratio: 309/404;
}
@media (max-width: 768px) {
.other-banner-container__image {
position: relative;
top: auto;
left: auto;
width: 247.45px;
height: 323.2px;
aspect-ratio: 247.45/323.2;
margin-right: auto;
}
}
.other-banner-container__content {
position: relative;
z-index: 3;
display: flex;
max-width: 326px;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 30px;
justify-content: flex-end;
}
@media (max-width: 992px) {
.other-banner-container__content {
gap: 20px;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
.other-banner-container__title {
color: #ffffff;
margin: 0;
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
}
@media (max-width: 768px) {
/* .other-banner-container__title {
font-size: 20px;
} */
}
.other-banner-container__text {
color: #ffffff;
margin: 0;
font-family: Manrope;
font-size: 16px;
line-height: 130%;
}
@media (max-width: 768px) {
.other-banner-container__text {
font-size: 14px;
margin-top: 20px;
}
}
.other-banner-container__link {
color: #ffffff;
text-align: center;
font-family: Manrope;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
text-decoration: none;
transition: opacity 0.3s ease;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.other-banner-container__link.dark {
color: #2e2868;
}
.other-banner-container__link.light {
color: #fff;
}
@media (max-width: 768px) {
.other-banner-container__link {
margin-top: 10px;
font-size: 16px;
}
}
.other-banner-container__link:hover {
opacity: 0.8;
}
.achivment-container {
width: 100%;
}
.achivment-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5px;
width: 100%;
}
@media screen and (max-width: 992px) {
.achivment-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.achivment-grid {
grid-template-columns: 1fr;
gap: 5px;
}
}
.achivment-item {
display: flex;
padding: 40px 50px 50px 50px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex: 1 0 0;
background-color: #ffffff;
justify-content: center;
margin: 0;
}
@media (max-width: 768px) {
.achivment-item {
padding: 30px;
gap: 10px;
}
}
.achivment-item__title {
color: #2e2868;
width: 100%;
margin: 0;
font-size: 50px;
font-weight: 700;
line-height: 130%;
/* text-transform: uppercase; */
}
@media (max-width: 1300px) {
.achivment-item__title {
font-size: 35px;
}
}
@media (max-width: 768px) {
.achivment-item__title {
font-size: 30px;
}
}
.achivment-item__text {
color: #161b25;
width: 100%;
margin: 0;
}
.products-section {
width: 100%;
padding: 100px 0;
background: #ffffff;
margin-left: 0 ;
margin-right: 0;
}
.products-section__title {
flex: 1 0 0;
align-self: stretch;
margin-bottom: 40px;
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
.products-grid {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
@media (max-width: 768px) {
.products-section {
padding: 50px 0;
}
.products-grid {
gap: 20px;
}
}
.products-grid-first {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 32px;
width: 100%;
}
@media (max-width: 768px) {
.products-grid-first {
grid-template-columns: 1fr;
gap: 20px;
}
}
.products-grid-first .product-item--large {
grid-column: span 2;
}
@media (max-width: 768px) {
.products-grid-first .product-item--large {
grid-column: span 1;
}
}
.products-row {
display: grid;
gap: 32px;
width: 100%;
grid-template-columns: 1fr 2fr;
}
@media (max-width: 768px) {
.products-row {
grid-template-columns: 1fr;
gap: 20px;
}
}
.products-row--three {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.products-row--three {
grid-template-columns: 1fr;
}
}
.products-row--reverse {
grid-template-columns: 2fr 1fr;
}
@media (max-width: 768px) {
.products-row--reverse {
grid-template-columns: 1fr;
}
}
.product-item {
display: flex;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
background: #f2f4f8;
cursor: pointer;
}
.product-item:hover {
background: #2e2868;
transform: scale(1.05);
}
.product-item:hover .product-item__title,
.product-item:hover .product-item__description {
color: #ffffff;
}
.product-item__image {
position: absolute;
bottom: 30px;
right: 30px;
width: 390px;
height: 100%;
max-height: 400px;
overflow: visible;
z-index: 1;
display: flex;
justify-content: flex-end;
}
.product-item__image img {
height: 100%;
width: auto;
object-fit: cover;
}
@media (max-width: 768px) {
.product-item__image {
top: 0;
bottom: auto;
right: 25.6px;
width: 200px;
height: 250px;
}
}
.product-item__title {
color: #161b25;
margin: 0;
padding: 30px;
transition: color 0.4s ease;
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.product-item__title {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
padding: 0;
font-size: 22px;
}
}
.product-item__description {
color: #161b25;
margin: 0;
padding: 0 30px 30px 30px;
transition: color 0.4s ease;
position: relative;
z-index: 2;
}
.product-item--small {
height: 315px;
align-items: flex-end;
gap: 10px;
}
@media (max-width: 768px) {
.product-item--small {
height: 255px;
}
}
.product-item--large {
height: 315px;
align-items: flex-end;
gap: 10px;
}
@media (max-width: 768px) {
.product-item--large {
height: 255px;
}
}
.product-item--tall {
grid-row: span 2;
height: 662px;
}
@media (max-width: 768px) {
.product-item--tall {
grid-row: span 1;
height: 255px;
}
}
.product-item--tall .product-item__image {
top: 0;
bottom: auto;
right: 0;
width: 100%;
max-width: 552px;
height: 445px;
}
.product-item--tall .product-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.product-item--tall .product-item__image {
top: 0;
right: 25.6px;
width: 200px;
height: 250px;
max-width: 200px;
}
.product-item--tall .product-item__image img {
width: 100%;
height: 100%;
}
}
.light-solution-section {
width: 100%;
padding: 100px 0;
background-color: #ffffff;
overflow: hidden;
}
.light-solution-section__title {
flex: 1 0 0;
align-self: stretch;
margin-bottom: 40px;
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
@media (max-width: 992px) {
.light-solution-section {
padding: 50px 0;
}
}
@media (max-width: 768px) {
.light-solution-section__title {
font-size: 30px;
}
}
.light-solution-wrapper {
width: 100%;
}
.light-solution-slider-container {
width: 100%;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible;
}
.light-solution-slider-container.container-border {
background: transparent !important;
}
.light-solution-swiper {
width: 100%;
overflow: visible !important;
}
@media (max-width: 768px) {
.container-border {
margin: 0;
border-radius: 30px;
}
.light-solution-swiper {
overflow: hidden !important;
}
}
.light-solution-swiper .swiper-wrapper {
overflow: visible !important;
}
@media (max-width: 768px) {
.light-solution-swiper .swiper-wrapper {
display: flex;
width: auto !important;
}
}
@media (max-width: 768px) {
.light-solution-swiper .swiper-slide {
width: 100% !important;
flex-shrink: 0;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
}
.light-solution-slide {
width: 552px;
min-width: 552px;
max-width: 552px;
height: 530px;
min-height: 530px;
max-height: 530px;
border-radius: 45px;
position: relative !important;
overflow: hidden;
flex-shrink: 0;
display: block !important;
background: #222;
z-index: 1;
}
.light-solution-slide__arrow {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 2;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.light-solution-slide:hover .light-solution-slide__arrow {
opacity: 1;
}
@media (max-width: 768px) {
.light-solution-slide {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 400px !important;
min-height: 400px !important;
max-height: 400px !important;
}
}
.light-solution-slide__bg {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
overflow: hidden;
transition: transform 0.4s ease;
display: block !important;
}
@media (max-width: 768px) {
.light-solution-slide__bg {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
}
.light-solution-slide::after {
content: "";
position: absolute;
top: 240px;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg,
rgba(34, 34, 34, 0) 0%,
rgba(34, 34, 34, 0.8) 100%);
z-index: 1;
pointer-events: none;
}
@media (max-width: 768px) {
.light-solution-slide::after {
top: 200px;
}
}
.light-solution-slide__title {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 2;
color: #ffffff;
margin: 0;
}
@media (max-width: 768px) {
.light-solution-slide__title {
bottom: 20px;
left: 20px;
right: 20px;
font-size: 20px;
}
}
.light-solution-slide:hover .light-solution-slide__bg {
transform: scale(1.1);
}
.light-solution-slider__nav-wrapper {
margin-top: 50px;
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 20px;
}
.light-solution-slider__nav {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
gap: 15px;
}
@media (max-width: 768px) {
.light-solution-slider__nav-wrapper {
margin-top: 30px;
flex-direction: column-reverse;
}
.light-solution-slider__nav-wrapper a {
width: 100%;
}
.light-solution-slider__nav {
flex-direction: column;
align-items: stretch;
justify-content: center;
}
}
.light-solution-slider__nav .swiper-button-prev,
.light-solution-slider__nav .swiper-button-next {
position: static !important;
margin: 0 !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
@media (max-width: 768px) {
.light-solution-slider__nav .swiper-button-prev,
.light-solution-slider__nav .swiper-button-next {
display: none;
}
}
.light-solution-slider__nav .swiper-button-prev::after,
.light-solution-slider__nav .swiper-button-next::after {
content: none !important;
display: none !important;
}
.light-solution-slider__nav .swiper-button-prev svg,
.light-solution-slider__nav .swiper-button-next svg,
.light-solution-slider__nav .swiper-button-prev .swiper-navigation-icon,
.light-solution-slider__nav .swiper-button-next .swiper-navigation-icon {
display: none !important;
}
.light-solution-slider__prev,
.light-solution-slider__next {
cursor: pointer;
flex-shrink: 0;
}
.light-solution-slider__prev {
margin-right: 15px;
}
.light-solution-slider__next {
margin-left: 15px;
}
.light-solution-slider__pagination {
user-select: none;
text-align: center;
flex-shrink: 0;
width: auto !important;
font-size: 25px;
font-weight: 600;
line-height: 140%;
min-width: 60px;
max-width: 100%;
}
.light-solution-slider__pagination p {
margin: 15px 0;
}
@media (max-width: 768px) {
.light-solution-slider__pagination {
display: flex !important;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100% !important;
min-width: auto;
flex: 1;
justify-content: center;
}
}
.services-section {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
.services-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
.services-section__title {
margin-bottom: 40px;
}
.services-content {
display: flex;
align-items: flex-start;
gap: 32px;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 992px) {
.services-content {
flex-direction: column;
gap: 20px;
}
}
.services-list {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
/* gap: 30px; */
}
@media (max-width: 768px) {
.services-list {
order: 2;
/* gap: 15px; */
width: 100%;
}
}
.service-item {
padding: 30px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
cursor: pointer;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
text-decoration: none;
}
@media (max-width: 768px) {
.service-item {
padding: 20px;
justify-content: center;
gap: 10px;
border-radius: 20px;
}
}
.service-item__title {
margin: 0;
transition: all 0.3s ease;
position: relative;
z-index: 1;
font-size: 25px;
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
font-weight: 700;
color: #2E2868;
}
.service-item__description {
margin: 0;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
z-index: 2;
color: rgba(28, 49, 92, 0.70);
padding: 0 40px;
transition: all 0.4s ease;
}
.service-item.active .service-item__description {
padding: 0px;
}
@media (max-width: 768px) {
.service-item__description {
display: none;
}
.service-item__title {
font-size: 16px;
}
}
@media (max-width: 768px) {
.service-item.active {
background: #f2f4f8;
}
}
@media (min-width: 769px) {
.service-item.active {
height: auto;
padding: 30px 40px;
border-radius: 30px;
background: #f2f4f8;
}
.service-item.active .service-item__description {
margin-top: 5px;
}
}
.service-item.active .service-item__description {
height: auto;
opacity: 1;
}
.services-image {
max-width: 552px;
width: 100%;
height: 600px;
position: sticky;
top: 100px;
overflow: hidden;
flex-shrink: 0;
align-self: flex-start;
}
@media (max-width: 992px) {
.services-image {
width: 100%;
max-width: 100%;
height: 375px;
order: 1;
margin-bottom: 0px;
}
}
.services-image__item {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
}
.services-image__item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.services-image__item.active {
opacity: 1;
}
.services-section-container {
background-color: #ffffff;
}
.projects-section {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
.projects-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
.projects-section__title {
margin-bottom: 40px;
}
.projects-grid {
display: flex;
align-items: center;
align-content: center;
gap: 32px;
align-self: stretch;
flex-wrap: wrap;
}
.projects-grid-desktop {
display: flex;
}
@media (max-width: 768px) {
.projects-grid-desktop {
display: none;
}
}
.projects-mobile {
display: none;
}
@media (max-width: 768px) {
.projects-mobile {
display: block;
}
}
.project-card {
position: relative;
width: calc(100% / 3 - 21.4px);
height: 530px;
flex-shrink: 0;
border-radius: 45px;
overflow: hidden;
cursor: pointer;
transition: all 0.4s ease;
}
.project-card__arrow{
position: absolute;
opacity: 0;
right: 30px;
bottom: 30px;
z-index: 2;
transition: all 0.3s ease;
}
.project-card:hover .project-card__arrow{
opacity: 1;
}
@media (max-width: 1200px) {
.project-card {
width: calc(50% - 16px);
height: 450px;
}
}
@media (max-width: 768px) {
.project-card {
width: 100%;
height: 400px;
flex-shrink: 1;
}
}
.project-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.project-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.4s ease;
}
.project-card::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 290px;
background: linear-gradient(180deg,
rgba(34, 34, 34, 0) 0%,
rgba(34, 34, 34, 0.8) 100%);
pointer-events: none;
z-index: 1;
}
@media (max-width: 768px) {
.project-card::before {
height: 200px;
}
}
.project-card__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
width: 100%;
max-width: calc(100% - 60px);
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 40px 30px;
z-index: 2;
}
@media (max-width: 768px) {
.project-card__content {
width: 100%;
max-width: 100%;
padding: 30px 20px;
}
}
.project-card__title {
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
/* 35px */
margin: 0;
}
@media (max-width: 768px) {
.project-card__title {
font-size: 20px;
}
}
.project-card__description {
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
margin: 0;
}
@media (max-width: 768px) {
.project-card__description {
font-size: 16px;
}
}
.project-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
/* .project-card:hover::before {
background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(46, 40, 104, 0.9) 100%);
} */
.project-card:hover .project-card__image img {
transform: scale(1.1);
}
.projects-slider-wrapper {
width: 100%;
position: relative;
}
.projects-swiper {
width: 100%;
overflow: hidden;
}
.projects-swiper .swiper-wrapper {
display: flex;
}
.projects-swiper .swiper-slide {
width: 100% !important;
flex-shrink: 0;
}
.projects-slide {
position: relative;
width: 100% !important;
height: 400px !important;
border-radius: 45px;
overflow: hidden;
cursor: pointer;
display: block;
}
.projects-slide__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.projects-slide__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.projects-slide::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 200px;
background: linear-gradient(180deg,
rgba(34, 34, 34, 0) 0%,
rgba(34, 34, 34, 0.8) 100%);
pointer-events: none;
z-index: 1;
}
.projects-slide__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 30px 20px;
z-index: 2;
}
.projects-slide__title {
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
margin: 0;
}
.projects-slide__description {
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin: 0;
}
.projects-slider__pagination {
display: flex;
align-items: center;
gap: 10px;
align-self: stretch;
margin-top: 30px;
width: 100%;
}
.projects-view-all-button {
/* display: none; */
border: none;
cursor: pointer;
margin-top: 30px;
}
@media (max-width: 768px) {
.projects-view-all-button {
display: block;
width: 100%;
margin-top: 30px;
padding: 20px 35px;
text-align: center;
}
}
.stage-work-section {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.stage-work-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
.stage-work-section__title {
margin-bottom: 40px;
}
.stage-work-list {
display: flex;
flex-direction: row;
align-items: flex-start;
height: 600px;
}
.stage-work-list-static {
display: flex;
flex-direction: row;
align-items: flex-start;
height: 600px;
}
@media (max-width: 1200px) {
.stage-work-list {
flex-direction: column;
height: auto;
gap: 10px;
}
}
.stage-item {
cursor: pointer;
transition: flex 1.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s ease;
height: 100%;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
}
.stage-item-static {
cursor: pointer;
transition: flex 1.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s ease;
height: 100%;
display: flex;
overflow: hidden;
position: relative;
width: 100%;
padding: 10px;
}
@media (max-width: 1200px) {
.stage-item {
width: 100%;
height: auto;
min-height: 80px;
flex: none;
transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s ease;
}
}
.stage-item .stage-item__expanded {
display: flex;
padding: 10px;
align-items: center;
justify-content: flex-start;
gap: 32px;
align-self: stretch;
background: #ffffff;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transform: scale(0.97);
pointer-events: none;
z-index: 2;
will-change: opacity, transform;
transition: opacity 1.5s ease, transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.stage-item-static .stage-item__expanded {
display: flex;
gap: 32px;
width: 100%;
}
@media (max-width: 1200px) {
.stage-item .stage-item__expanded {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
flex-direction: column;
padding: 20px;
gap: 20px;
transform: scale(0.95);
will-change: opacity, transform;
transition: opacity 1.2s ease, transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.stage-item-static .stage-item__expanded{
flex-direction: column;
}
}
.stage-item .stage-item__collapsed {
display: flex;
padding: 20px 10px;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 40px;
align-self: stretch;
background: #ffffff;
user-select: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transform: scale(1);
pointer-events: auto;
z-index: 1;
will-change: opacity, transform;
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.stage-item:not(.active):hover {
transform: scale(1.05);
}
@media (max-width: 1200px) {
.stage-item .stage-item__collapsed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
width: 100%;
height: 80px;
flex-direction: row;
padding: 20px;
justify-content: space-between;
align-items: center;
gap: 10px;
border-radius: 30px;
will-change: opacity, transform;
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
}
.stage-item__number {
display: flex;
padding: 10px 15px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
background: #f2f4f8;
color: #2e2868;
font-size: 18px;
font-weight: 500;
line-height: 140%;
font-weight: 700;
}
@media (max-width: 1200px) {
.stage-item__number {
order: 2;
flex-shrink: 0;
padding: 10px 20px;
background: #f2f4f8;
color: #2e2868;
font-size: 18px;
line-height: 140%;
}
}
.stage-item__title-wrapper {
flex: 1;
display: flex;
align-items: flex-start;
justify-content: center;
overflow: hidden;
width: 100%;
}
@media (max-width: 1200px) {
.stage-item__title-wrapper {
order: 1;
flex: 1;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 10px;
}
}
.stage-item__title-vertical {
writing-mode: vertical-rl;
color: #222222;
font-size: 25px;
font-weight: 600;
line-height: 140%;
text-align: left;
color: var(--Black, #222);
}
.stage-item__title-vertical span,
.stage-item__title span {
text-wrap: nowrap;
}
@media (max-width: 1200px) {
.stage-item__title-vertical,
.stage-item__title {
writing-mode: horizontal-tb;
color: #222222;
font-family: Manrope;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-align: left;
}
}
@media (max-width: 1200px) {
.stage-item.active {
flex: none;
width: 100%;
min-height: 650px;
height: auto;
}
}
@media (max-width: 768px) {
.stage-item.active {
min-height: 700px;
}
.stage-work-list-static{
flex-direction: column;
}
.stage-work-list-static .stage-item__image{
height: 100%;
}
.stage-work-list-static {
grid-gap: 5px;
height: auto;
}
.stage-item-static .stage-item__expanded{
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 576px) {
.stage-work-list-static .stage-item__expanded{
grid-template-columns: 1fr;
grid-gap: 0;
}
.stage-work-list-static .stage-item__image{
height: 200px;
}
}
.stage-item.active .stage-item__collapsed {
opacity: 0;
transform: scale(0.97);
pointer-events: none;
}
@media (max-width: 1200px) {
.stage-item.active .stage-item__collapsed {
transform: translateY(-20px);
}
}
.stage-item.active .stage-item__expanded {
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
@media (max-width: 1200px) {
.stage-item.active .stage-item__expanded {
transform: scale(1);
padding: 5px 5px 20px 5px;
border-radius: 30px;
}
}
.stage-item.closing .stage-item__expanded {
opacity: 0 !important;
transform: scale(0.95) !important;
padding: 20px 5px;
}
@media (max-width: 1200px) {
.stage-item.closing .stage-item__expanded {
transform: scale(0.95) !important;
}
}
.stage-item.closing .stage-item__collapsed {
opacity: 0 !important;
transform: scale(0.97) !important;
}
@media (max-width: 1200px) {
.stage-item.closing .stage-item__collapsed {
transform: scale(0.97) !important;
}
}
.stage-item__image {
width: 50%;
max-width: 396px;
height: 100%;
flex-shrink: 0;
border-radius: 35px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1200px) {
.stage-item__image {
width: 100%;
max-width: 100%;
height: 300px;
margin: 0;
}
}
.stage-item__number-expanded {
display: flex;
padding: 10px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 500px;
background: #f2f4f8;
color: #2e2868;
font-size: 18px;
font-weight: 500;
line-height: 140%;
font-weight: 700;
z-index: 2;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
@media (max-width: 1200px) {
.stage-item__number-expanded {
position: relative;
top: auto;
left: auto;
margin-bottom: 10px;
align-self: flex-start;
}
}
.stage-item__info {
padding: 10px 0;
display: flex;
height: 100%;
flex-direction: column;
align-items: flex-start;
grid-gap: 20px;
justify-content: space-between;
flex: 1;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
.stage-item__info .zagzag {
height: 45px;
}
@media (max-width: 1200px) {
.stage-item__info {
flex-direction: column;
width: 100%;
gap: 20px;
padding: 15px;
}
.stage-item__info .zagzag {
height: 0px;
}
}
.stage-item__content {
display: flex;
/* width: 377px; */
flex-direction: column;
align-items: flex-start;
gap: 30px;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
@media (max-width: 1200px) {
.stage-item__content {
width: 100%;
margin: 0;
padding: 0;
}
}
.stage-item__text-block {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
.stage-item__title {
color: #222222;
font-family: "Manrope", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%;
/* 42px */
align-self: stretch;
margin: 0;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
.stage-item__description {
color: #222222;
font-size: 18px;
line-height: 140%;
font-weight: 500;
align-self: stretch;
margin: 0;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
}
.stage-item__buttons {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease;
text-decoration: none;
}
@media (max-width: 1200px) {
.stage-item__buttons {
width: 100%;
margin: 0;
}
}
.reviews-trust-desktop-container {
display: block;
padding: 100px 0;
}
@media (max-width: 768px) {
.reviews-trust-desktop-container {
display: none;
}
}
.reviews-trust-mobile-container {
display: none;
}
@media (max-width: 768px) {
.reviews-trust-mobile-container {
display: block;
}
}
.reviews-section-container {
padding: 100px;
background-color: #ffffff;
display: block;
}
@media (max-width: 992px) {
.reviews-section-container {
padding: 60px 40px;
}
}
@media (max-width: 768px) {
.reviews-section-container {
padding: 50px 0;
background-color: #ffffff;
}
}
.trust-partners-container {
padding: 100px;
background-color: #ffffff;
display: block;
}
@media (max-width: 768px) {
.trust-partners-container {
margin-top: 5px;
padding: 40px 0;
background-color: #f2f4f8;
overflow: visible;
}
}
.reviews-section {
padding: 100px 0;
}
@media (max-width: 768px) {
.reviews-section {
padding: 60px 0;
}
}
.reviews-content {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 60px;
}
@media (max-width: 1200px) {
.reviews-content {
flex-direction: column;
gap: 40px;
}
}
.reviews-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 0 0 auto;
max-width: 461px;
width: 100%;
}
.reviews-header__title {
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
@media (max-width: 768px) {
.reviews-header__title {
font-size: 30px;
}
}
.reviews-header__subtitle {
font-size: 22px;
font-weight: 600;
line-height: 150%;
font-weight: 400;
}
@media (max-width: 768px) {
.reviews-header__subtitle {
font-size: 16px;
}
}
.reviews-header__subtitle p {
margin: 15px 0;
}
.reviews-widget {
width: 100%;
height: 800px;
max-width: 832px;
border-radius: 38.364px;
}
.reviews-widget iframe {
width: 100%;
height: 800px;
max-width: 990px;
border-radius: 38.364px;
padding: 0 120px;
border: 1px solid var(--black-30, rgba(28, 49, 92, 0.3));
}
@media (max-width: 1400px) {
.reviews-widget iframe {
padding: 0 90px;
}
}
@media (max-width: 1200px) {
.reviews-widget {
max-width: 100%;
}
}
@media (max-width: 992px) {
.reviews-widget {
justify-content: center;
}
}
@media (max-width: 768px) {
.reviews-widget {
width: 100%;
height: 500px;
flex: none;
flex-shrink: 0;
}
.reviews-widget iframe {
padding: 0;
height: 500px;
}
}
.reviews-widget__container {
border-radius: 38.364px;
border: 1px solid rgba(28, 49, 92, 0.3);
padding: 68px 158px;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
}
@media (max-width: 1200px) {
.reviews-widget__container {
padding: 50px 100px;
}
}
@media (max-width: 992px) {
.reviews-widget__container {
padding: 40px 60px;
}
}
@media (max-width: 768px) {
.reviews-widget__container {
width: 100%;
height: 100%;
padding: 0;
border-radius: 20px;
border: none;
}
}
.reviews-widget__container iframe {
width: 100%;
height: 600px;
border: none;
}
@media (max-width: 768px) {
.reviews-widget__container iframe {
width: 100%;
height: 100%;
}
}
.reviews-content {
display: flex;
}
.trust-partners {
height: 414px;
margin-top: 100px;
}
@media (max-width: 768px) {
.trust-partners {
height: auto;
margin-top: 10px;
}
}
.trust-partners__wrapper {
display: flex;
justify-content: space-between;
gap: 78px;
background: #f2f4f8;
border-radius: 40px;
/* padding: 50px; */
overflow: hidden;
}
@media (max-width: 992px) {
.trust-partners__wrapper {
flex-direction: column;
gap: 40px;
}
}
@media (max-width: 768px) {
.trust-partners__wrapper {
padding: 10px 0px;
gap: 30px;
background: transparent;
overflow: visible;
}
}
.trust-partners__content {
display: flex;
flex-direction: column;
gap: 20px;
padding: 50px;
min-height: 400px;
max-width: 650px;
justify-content: space-between;
}
@media (max-width: 992px) {
.trust-partners__content {
max-width: 100%;
padding: 0px 0px;
min-height: auto;
padding: 40px 20px 20px 20px;
}
.trust-partners__title {
margin-bottom: 20;
}
}
.trust-partners__title {
color: #222222;
margin: 0;
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 0;
}
.trust-partners__text {
color: #222222;
margin: 0;
font-weight: 400;
}
.trust-partners__slider-container {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
margin-right: 30px;
}
@media (max-width: 992px) {
.trust-partners__slider-container {
margin-right: 0;
gap: 20px;
padding-bottom: 40px;
}
.trust-partners__slider-container {
flex-direction: column;
gap: 15px;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
margin: 0;
}
}
@media (max-width: 768px) {
.trust-partners__title {
font-size: 30px;
}
}
.trust-partners__slider-container .swiper {
height: 314px;
overflow: visible;
}
@media (max-width: 992px) {
.trust-partners__slider-container .swiper {
width: 100%;
}
}
@media (max-width: 992px) {
.trust-partners__slider-container .swiper {
width: 100%;
height: 100px;
overflow: visible;
}
}
.trust-partners__slider-container .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
object-fit: contain;
}
.trust-partners__slider-container .swiper-slide.mobile-slide {
display: none;
}
.trust-partners__slider-container .swiper.mobile-slide {
display: none;
}
@media (max-width: 992px) {
.trust-partners__slider-container .swiper.mobile-slide {
display: block;
}
.trust-partners__slider-container .swiper.desktop-slide {
display: none;
}
.trust-partners__slider-container .swiper-slide {
/* width: 142px !important;
height: 100px !important; */
padding: 19px 8.5px;
border-radius: 20px;
border: 0.58px solid #f2f4f8;
background: #ffffff;
}
}
@media (max-width: 768px) {
.trust-partners__slider-container .swiper-slide.mobile-slide {
display: block;
}
}
.trust-partners__slider-container .swiper-slide img {
max-width: 90%;
object-fit: contain;
}
@media (max-width: 768px) {
.trust-partners__slider-container .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
}
@media (max-width: 768px) {
.trust-partners__slider-container .swiper:nth-child(3) {
display: none;
}
}
.trust-swiper-up .swiper-wrapper,
.trust-swiper-down .swiper-wrapper {
transition-timing-function: linear !important;
}
.trust-swiper-up .swiper-slide,
.trust-swiper-down .swiper-slide {
will-change: transform;
}
.trust-partners__wrapper .swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.seo-text-block {
margin: 100px 0 0 0;
/* min-height: 148px; */
height: auto;
justify-content: center;
transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
align-items: center;
}
.seo-text-section-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 50px;
}
.seo-accordion {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 49px 50px;
width: 100%;
}
.seo-accordion__header {
display: flex;
align-items: center;
gap: 20px;
align-self: stretch;
cursor: pointer;
user-select: none;
width: 100%;
}
@media (max-width: 768px) {
.seo-text-section-container {
padding: 0 15px;
}
.seo-text-block {
margin: 50px 0 0 0;
}
.seo-accordion {
padding: 20px;
}
.seo-accordion__header {
gap: 15px;
}
}
.seo-accordion__title {
color: #161b25;
font-family: "Manrope", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%;
/* 42px */
text-transform: uppercase;
flex: 1 0 0;
margin: 0;
}
@media (max-width: 768px) {
.seo-accordion__title {
font-size: 16px;
}
}
.seo-accordion__icon {
width: 50px;
height: 50px;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.seo-accordion__icon svg {
display: block;
}
.seo-accordion__icon-line-1,
.seo-accordion__icon-line-2 {
transition: transform 0.3s ease;
}
.seo-accordion__content {
height: 0;
width: 100%;
opacity: 0;
transform: translateY(-10px);
overflow: hidden;
transition: height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.seo-accordion__text {
max-width: 1086px;
width: 100%;
color: #222222;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
padding-top: 20px;
/* 25.2px */
}
@media (max-width: 768px) {
.seo-accordion__text {
font-size: 16px;
}
.seo-accordion__text p {
font-size: 16px;
}
.seo-accordion__icon {
width: 35px;
height: 35px;
}
.seo-accordion__icon svg {
width: 100%;
height: 100%;
}
}
.seo-accordion__text p {
margin: 0 0 15px 0;
}
.seo-accordion__text p:last-child {
margin-bottom: 0;
}
.seo-accordion.active .seo-accordion__content {
height: auto;
animation: fadeInContent 0.4s ease forwards;
}
.seo-accordion.active .seo-accordion__icon {
transform: rotate(45deg);
}
.seo-accordion.closing .seo-accordion__content {
height: 0;
animation: fadeOutContent 0.4s ease forwards;
transform: translateY(-10px);
transition: height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.seo-accordion.closing .seo-accordion__icon {
transform: rotate(0deg);
transition: transform 0.3s ease;
}
@keyframes fadeInContent {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutContent {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-10px);
}
}
.feedback-static {
display: grid;
grid-template-columns: 797fr 1117fr;
grid-gap: 5px;
max-width: 100%;
color: #ffffff;
}
.feedback-static__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 1200px) {
.feedback-static {
display: flex;
flex-direction: column;
height: auto;
}
.feedback-static__image img {
aspect-ratio: 375/349;
border-radius: 30px;
max-height: 450px;
object-fit: cover;
}
.feedback-static__image.container-border {
border-radius: 30px;
}
}
.feedback-static__image {
flex: 1;
width: 100%;
overflow: hidden;
position: relative;
}
@media (max-width: 768px) {
.feedback-static__image {
max-width: 100%;
width: 100%;
height: 250px;
}
}
.feedback-static__form-block {
padding: 70px 50px;
background-color: #2e2868;
width: 100%;
min-height: 530px;
}
@media (max-width: 992px) {
.feedback-static__form-block {
padding: 30px 20px;
}
.feedback-static__image {
max-width: 100%;
width: 100%;
}
.feedback-static__form-block {
max-width: 100%;
width: 100%;
}
}
.feedback-static__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
align-self: stretch;
width: 100%;
height: 100%;
justify-content: space-between;
}
.feedback-static__data {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
align-self: stretch;
}
.feedback-static__form-block {
flex: 2;
}
.feedback-static__inputs {
display: flex;
align-items: flex-end;
gap: 5px;
align-self: stretch;
flex-wrap: wrap;
}
@media (max-width: 992px) {
.feedback-static__inputs {
flex-direction: column;
align-items: stretch;
gap: 15px;
}
.feedback-static__form-block {
min-height: auto;
}
}
.feedback-static__inputs .input-label {
color: #ffffff;
}
.feedback-static__inputs .input {
flex: 2;
min-width: 200px;
}
.feedback-static__inputs .input.input-container {
width: auto;
flex: 2;
}
.feedback-static__inputs .input__error {
min-height: 20px;
margin-top: 5px;
}
.feedback-static__inputs .input__error-text {
color: #ffcccc;
font-size: 13px;
margin: 0;
}
.feedback-static__inputs .input--error .input-field {
border-color: #fd4166;
}
.feedback-static__submit-button {
font-weight: 700;
line-height: 130%;
/* 23.4px */
text-transform: uppercase;
padding: 0px 20px;
height: 55px;
flex-shrink: 0;
width: auto;
color: #2e2868;
}
.feedback-static__input {
height: 55px;
flex: 1;
}
.feedback-static__form {
width: 100%;
}
.feedback-static__checkboxes {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.feedback-static__checkboxes .checkbox-container {
position: relative;
}
.feedback-static__checkboxes .checkbox-container label {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.feedback-static__checkboxes .checkbox-container label a {
color: rgba(255, 255, 255, 0.8);
}
/* .feedback-static__checkboxes .checkbox-container label a:hover {
text-decoration: underline;
} */
.feedback-static__checkboxes .checkbox-container .input__error-text {
display: block;
color: #ffcccc;
font-size: 13px;
margin-top: 5px;
}
.feedback-static__checkboxes .checkbox-container.input--error .custom-checkbox+label {
color: #ffcccc;
}
.feedback-static__captcha {
margin-top: 20px;
display: none;
}
.feedback-static__confirm {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 40px;
}
.feedback-static__confirm-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
.content-footer {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
color: #ffffff;
margin: 0;
max-width: 652px;
}
.container-border-right {
padding: 50px 15px 50px 50px;
background-color: #2e2868;
margin-left: 0;
}
.content-footer-wrapper {
display: grid;
grid-template-columns: 1263fr 652fr;
}
@media screen and (max-width: 1200px) {
.content-footer-wrapper {
grid-template-columns: 1fr;
}
.content-footer {
flex-direction: row;
max-width: 100%;
}
.container-border-right {
padding: 50px 15px;
}
}
@media (max-width: 768px) {
.content-footer {
flex-direction: column;
padding: 0;
}
}
.content-footer p {
margin: 0;
}
.content-footer .text-16 {
font-weight: 700;
}
.content-footer .social-button-default {
background-color: #ffffff;
color: #2e2868;
}
.footer-container {
margin-top: 100px;
}
.footer-container__contact-wrapper {
display: flex;
flex-direction: column;
gap: 30px;
flex: 1 0 0;
}
.footer-container__social-wrapper {
display: flex;
flex-direction: column;
gap: 30px;
width: 552px;
padding-right: 50px;
}
@media (max-width: 768px) {
.footer-container {
margin-top: 50px;
}
.footer-container__social-wrapper {
width: 100%;
padding-right: 0;
}
.footer-container__social-item .white-button-default {
width: 100%;
}
}
.footer-container__contact-item {
display: flex;
flex-direction: column;
gap: 5px;
}
.footer-container__soc-block {
display: flex;
align-items: flex-start;
gap: 30px;
}
.footer-container__soc-block-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.footer-container__soc-block-item-icons {
display: flex;
align-items: center;
gap: 10px;
}
.footer-container__soc-block-item-icons a {
transition: all 0.3s;
}
.footer-container__soc-block-item-icons a:hover {
background-color: #e2e7f1;
}
.footer-container__soc-block-item-icon {
width: 19px;
height: 19px;
}
.footer-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 17px 0;
}
.footer-info__copyright,
.footer-info__link,
.footer-info__created {
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
/* 20.8px */
color: rgba(28, 49, 92, 0.7);
transition: color 0.3s ease;
}
.footer-info__copyright {
flex-shrink: 0;
}
.footer-info__links {
display: flex;
align-items: center;
gap: 50px;
margin-left: 66px;
flex: 1;
}
.footer-info__link {
text-decoration: none;
white-space: nowrap;
}
.footer-info__created {
flex-shrink: 0;
margin-left: auto;
}
@media (max-width: 1200px) {
.footer-info__links {
flex-wrap: wrap;
}
.footer-info__created {
margin: 0;
}
.footer-info {
flex-direction: column;
}
}
@media (max-width: 992px) {
.footer-info__links {
flex-direction: column;
grid-gap: 10px;
align-items: flex-start;
margin-left: 0;
}
.footer-info {
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.footer-info__created {
margin-left: 0;
}
}
.footer-info__link:hover {
color: #2e2868;
}
.scroll-stack-section {
position: relative;
width: 100%;
background-color: #e2e7f1;
z-index: 1;
border-radius: 45px;
/* box-shadow: 0 0 25px 0 rgba(28, 49, 92, 0.1); */
}
@media screen and (max-width: 768px) {
.scroll-stack-section {
border-radius: 30px;
margin-bottom: 5px;
}
}
.footer-container__contact-item a {
color: #fff;
font-size: 22px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
/* переработка секции продуктов */
.products-grid--products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 27px;
width: 100%;
}
.products-grid--products .product-item .product-item__image {
top: 0px;
right: 0;
width: 100%;
max-width: 390px;
}
.products-grid--products .product-item__image img {
height: 100%;
width: 100%;
object-fit: contain;
object-position: top;
}
.products-grid--products .product-item {
min-height: 315px;
height: auto;
text-decoration: none;
}
.products-grid--products .product-item:nth-child(1) {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
}
.products-grid--products .product-item:nth-child(1) .product-item__image {
max-width: 100%;
}
.products-grid--products .product-item:nth-child(2) {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 2;
grid-column-end: 4;
}
.products-grid--products .product-item:nth-child(2) .product-item__image,
.products-grid--products .product-item:nth-child(4n + 6) .product-item__image,
.products-grid--products.products-grid--6 .product-item:nth-child(6) .product-item__image {
max-width: 390px;
}
.products-grid--products .product-item:nth-child(4n + 6),
.products-grid--products.products-grid--6 .product-item:nth-child(6) {
grid-column-start: 2;
grid-column-end: 4;
}
.products-grid--products .product-item:nth-child(4n + 7) {
grid-column-start: 1;
grid-column-end: 3;
}
.products-grid--products.products-grid--5 .product-item:last-child,
.products-grid--products.products-grid--7 .product-item:last-child {
grid-column-start: 1;
grid-column-end: 4;
}
.products-grid--products.products-grid--9 .product-item:nth-child(7),
.products-grid--products.products-grid--9 .product-item:nth-child(8),
.products-grid--products.products-grid--9 .product-item:nth-child(9) {
grid-column-start: auto;
grid-column-end: auto;
}
@media screen and (max-width: 1200px) {
.products-grid--products .product-item {
min-height: 242px;
height: auto;
}
.products-grid--products {
grid-template-columns: repeat(2, 1fr);
}
.products-grid--products .product-item:nth-child(1) {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 2;
}
.products-grid--products .product-item:nth-child(2),
.products-grid--products .product-item:nth-child(3),
.products-grid--products .product-item:nth-child(4) {
grid-column-start: 2;
grid-column-end: 3;
}
.products-grid--products .product-item,
.products-grid--products .product-item:nth-child(4n + 6),
.products-grid--products.products-grid--6 .product-item:nth-child(6),
.products-grid--products.products-grid--9 .product-item:nth-child(7),
.products-grid--products.products-grid--9 .product-item:nth-child(8),
.products-grid--products.products-grid--9 .product-item:nth-child(9) {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media screen and (max-width: 992px) {
.products-grid--products .product-item:nth-child(1) .product-item__image {
max-width: 390px;
}
.products-grid--products {
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.products-grid--products .product-item .product-item__image {
height: 100%;
width: 100%;
}
.products-grid--products .product-item {
min-height: 255px;
height: auto;
}
}
img.other-banner-container__image.full-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.section-title {
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
h2.feedback-static__title,
h2.reviews-header__title,
h2.projects-section__title,
h2.stage-work-section__title,
.feedback-static__confirm-title,
.consultation-modal__confirm-title,
h2.reviews-header__title,
h2.services-section__title {
font-size: 50px;
text-transform: uppercase;
}
@media (max-width: 768px) {
h2.feedback-static__title,
h2.reviews-header__title,
h2.projects-section__title,
h2.stage-work-section__title,
.feedback-static__confirm-title,
h2.reviews-header__title,
.consultation-modal__confirm-title,
h2.services-section__title,
.section-title,
.products-section__title {
font-size: 30px;
}
.products-section__title,
.services-section__title {
margin-bottom: 20px;
}
}
.privacy-policy-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
pointer-events: none;
}
.privacy-policy-modal.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 10000;
}
.privacy-policy-modal__content-wrapper {
position: relative;
overflow-y: auto;
padding: 20px 0 20px 20px;
background-color: #fff;
border-radius: 10px;
width: 100%;
max-width: 800px;
}
.privacy-policy-modal__content {
width: 100%;
max-height: 80vh;
max-width: 800px;
padding-right: 40px;
}
.privacy-policy-modal__close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1001;
border: none;
background-color: transparent;
}
.privacy-policy-modal__close span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #2e2868;
}
.privacy-policy-modal__close span:nth-child(1) {
transform: rotate(45deg);
}
.privacy-policy-modal__close span:nth-child(2) {
transform: rotate(-45deg);
}
.privacy-policy-modal__content p.privacy-policy-modal__title {
font-size: 24px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
}
.privacy-policy-modal__content p.privacy-policy-modal__subtitle {
font-size: 20px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
}
.privacy-policy-modal__content p {
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin: 0;
margin-bottom: 10px;
}
.privacy-policy-modal__content ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
.privacy-policy-modal__content {
max-height: 80vh;
overflow-y: auto;
padding-right: 20px;
}
.privacy-policy-modal__content::-webkit-scrollbar {
width: 10px;
}
.privacy-policy-modal__content::-webkit-scrollbar-thumb {
background-color: #2e2868;
border-radius: 10px;
}
.privacy-policy-modal__content::-webkit-scrollbar-track {
background-color: #f2f4f8;
border-radius: 10px;
}
.privacy-policy-modal__content a {
color: #2e2868;
text-decoration: underline;
}
.privacy-policy-modal__contenttable {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
font-size: 0.95rem;
}
.privacy-policy-modal__content th,
.privacy-policy-modal__content td {
border: 1px solid #dcdfe4;
padding: 0.75rem 1rem;
vertical-align: top;
text-align: left;
}
.privacy-policy-modal__content th {
background: #f5f7fa;
font-weight: 600;
color: #2b2f3a;
}
.privacy-policy-modal__content tr:nth-child(every) {
background: #fff;
}
.privacy-policy-modal__content tr:nth-child(even) {
background: #fafbfc;
}
@media (max-width: 768px) {
.privacy-policy-modal__content table,
.privacy-policy-modal__content tbody,
.privacy-policy-modal__content tr,
.privacy-policy-modal__content th,
.privacy-policy-modal__content td {
display: block;
width: 100%;
}
.privacy-policy-modal__content tr {
margin-bottom: 1rem;
border: 1px solid #e3e6eb;
border-radius: 6px;
overflow: hidden;
}
.privacy-policy-modal__content th {
border: none;
border-bottom: 1px solid #e3e6eb;
}
.privacy-policy-modal__content td {
border: none;
border-bottom: 1px solid #eef1f5;
}
.privacy-policy-modal__content td:last-child {
border-bottom: none;
}
}
.second-page .container-border.first {
border-radius: 0;
margin-bottom: 0;
}
.second-page .second-page-container-border {
border-radius: 0 0 45px 45px;
padding: 40px 0 50px 0;
background: #ffffff;
margin: 0px;
margin-bottom: 2.5px;
}
.second-page .second-page-container-border .top-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.second-page .second-page-container-border .top-content h1 {
margin-top: 30px;
}
.second-page .container-border-second {
padding: 100px 0;
}
.container-border.second-page-container-border.with-content {
border-radius: 0;
margin-bottom: 0;
padding-bottom: 20px;
}
@media screen and (max-width: 992px) {
.second-page .container-border-second {
padding: 10px 0 50px 0;
border-radius: 0 0 30px 30px;
margin-top: 0;
}
.second-page .second-page-container-border {
border-radius: 0;
margin-bottom: 0;
padding: 10px 0;
}
.second-page .second-page-container-border .top-content {
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.history__thumb-slide.swiper-slide {
padding: 15px 0;
}
}
.after-header-with-content {
background-color: #fff;
padding-bottom: 50px;
border-radius: 0 0 45px 45px;
}
.after-header-text {
margin: 0;
margin-top: 20px;
max-width: 990px;
}
@media screen and (max-width: 992px) {
.after-header-with-content {
border-radius: 0 0 30px 30px;
}
.after-header-text {
margin-top: 10px;
}
}
.text-block * {
margin: 0;
}
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.detail__title-h2,
.detail__title-h3,
.detail__title-h2,
.detail__title-h4,
.detail__title-h5,
.detail__title-h6 {
color: #161B25;
font-style: normal;
font-weight: 600;
line-height: 140%;
margin-bottom: 20px;
}
.text-block h2,
.detail__title-h2 {
font-size: 30px;
}
.text-block h3,
.detail__title-h3 {
font-size: 25px;
}
.text-block h4,
.detail__title-h4 {
font-size: 22px;
}
.content-container-small {
max-width: 1138px;
}
.text-block img {
width: 100%;
aspect-ratio: 1138/500;
border-radius: 45px;
}
.text-block {
margin-bottom: 40px;
}
.text-block p,
.text-block ol,
.text-block ul,
.text-block img {
margin: 0;
margin-bottom: 40px;
}
.text-block ol,
.text-block ul {
padding: 0 0 0 20px;
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.text-block h1 {
margin-bottom: 40px;
}
.select-block {
padding: 30px 40px;
border-radius: 20px;
border-left: 5px solid #2E2868;
background: #E2E7F1;
margin-bottom: 30px;
}
.select-block p,
.text-block .select-block p {
margin-bottom: 0;
}
ol::marker {
color: #2E2868;
font-size: 18px;
font-weight: bold;
}
ul::marker {
color: #2E2868;
font-size: 18px;
}
.padding-container {
padding: 100px 0;
}
section.policy.container-border {
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.text-block h1 {
margin-bottom: 10px;
}
.text-block img {
aspect-ratio: 345/180;
border-radius: 30px;
}
.select-block {
padding: 10px 20px;
border-radius: 20px;
}
.padding-container {
padding: 50px 0;
}
.text-block h2,
.detail__title-h2 {
font-size: 25px;
}
.text-block h3,
.detail__title-h3 {
font-size: 22px;
}
.text-block h4,
.detail__title-h4 {
font-size: 28px;
}
.text-block p{
font-size: 16px;
}
}
.search-container {
background-color: #fff;
}
.search-container form {
width: 100%;
border-radius: 500px;
background: #F2F4F8;
display: flex;
padding: 0 15px 0 15px;
}
.search-container form #title-search-input {
width: 100%;
border: none;
background: transparent;
padding: 0;
margin: 0;
outline: none;
color: #161B25;
font-size: 18px;
font-weight: 500;
line-height: 140%;
padding: 12px 0;
}
.search-container form #title-search-input::placeholder {
color: var(--black-30, rgba(28, 49, 92, 0.30));
/* Text 18 */
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
/* 25.2px */
}
.search-container form .search-button {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0 15px;
}
.search-container.main {
padding-bottom: 30px;
border-radius: 0 0 30px 30px;
}
.second-page .search-container {
padding: auto;
}
.search-results-container {
display: block !important;
border-radius: 20px;
overflow: hidden;
background-color: #fff;
margin-top: 187px;
}
.header__main.z-index-1004 {
position: relative;
z-index: 1004;
}
.second-page .header__main.z-index-1004 .header-search-class {
border-radius: 0 0 30px 30px;
/* overflow: hidden; */
padding-bottom: 20px;
}
.run-line.z-index-1004 {
z-index: 1004;
}
.title-search-result {
/* display: block !important; */
z-index: 1003;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100%;
background-color: #1C315C80;
}
.search-results-container .title-search-result {
z-index: initial;
left: initial;
top: initial;
width: initial !important;
height: initial !important;
background-color: initial !important;
overflow: auto;
max-height: calc(100vh - 300px);
}
.search-results-container .title-search-result::-webkit-scrollbar {
width: 5px;
}
.search-results-container .title-search-result::-webkit-scrollbar-track {
background: #E2E7F1;
}
.search-results-container .title-search-result::-webkit-scrollbar-thumb {
background: #2E2868;
}
body.runline.admin .search-results-container {
margin-top: 266px;
}
body.second-page.runline.admin .search-results-container {
margin-top: 256px;
}
body.runline .search-results-container,
body.admin .search-results-container {
margin-top: 227px;
}
body.second-page.runline .search-results-container,
body.second-page.admin .search-results-container {
margin-top: 216px;
}
body.admin{
margin-top: 40px;
}
.runline.admin .mobile-header {
top: 80px;
}
body.runline.admin .content {
overflow: visible;
}
#panel{
z-index: 1003;
}
body.admin .content #panel,
body.runline.admin .content #panel {
position: fixed;
top: 0px;
width: 100%;
}
.runline .mobile-header {
top: 40px;
}
.title-search-item-section {
color: #2E2868;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
min-width: 230px;
}
.title-search-item-result {
color: #161B25;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
padding: 20px 0;
display: block;
width: 100%;
}
.title-search-item-content {
display: flex;
align-items: center;
gap: 32px;
}
.title-search-item {
border-bottom: 1px solid #E2E7F1;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.title-search-item:hover {
background-color: #f2f4f8;
}
.title-search-item:last-child:hover {
background-color: #2e2868;
}
.title-search-item:last-child:hover * {
color: #fff;
}
.title-search-item:last-child {
border-bottom: none;
}
.header__main .container-border {
margin-top: 0;
}
body.second-page .search-results-container {
margin-top: 226px;
}
@media screen and (max-width: 992px) {
.search-results-container .title-search-result{
max-height: 40vh;
}
.search-container .mobile-header__phone-btn {
display: flex;
}
.title-search-item-section{
min-width: auto;
}
.search-container {
left: 0;
top: -200px;
position: fixed;
width: 100%;
height: 78px;
z-index: 1003;
background-color: #fff;
transition: all 0.3s;
border-radius: 0 0 30px 30px;
}
.search-container.active {
top: 0px;
padding: 15px 15px;
}
.title-search-item:last-child .title-search-item-content{
gap: 0;
}
body.runline.admin .search-container.active {
top: 80px;
}
body.runline .search-container.active {
top: 40px;
}
body.runline.admin .search-results-container {
margin-top: 163px;
}
body.runline .search-results-container,
body.admin .search-results-container {
margin-top: 123px;
}
.search-results-container {
margin-top: 83px;
}
body.second-page.runline.admin .search-results-container {
margin-top: 163px;
}
body.second-page.runline .search-results-container,
body.second-page.admin .search-results-container {
margin-top: 123px;
}
body.second-page .search-results-container {
margin-top: 83px;
}
header.header__main.z-index-1004 .mobile-header {
opacity: 0;
pointer-events: none;
}
}
/* стили для модалки галереи */
body .glightbox-container .gslider {
background-color: #fff;
}
body .glightbox-clean .gslide-media {
-webkit-box-shadow: none;
box-shadow: none;
}
body .glightbox-clean .gclose,
body .glightbox-clean .gclose:hover {
background-color: transparent;
opacity: 1;
z-index: 100000;
}
body .glightbox-clean .gclose path,
body .glightbox-clean .gclose:hover path {
fill: #1C315C;
transition: all 0.3s;
fill-opacity: 0.7;
}
body .glightbox-clean .gclose:hover path {
fill-opacity: 1;
}
body .glightbox-clean .gnext,
body .glightbox-clean .gprev {
background-color: transparent;
opacity: 1;
width: 50%;
height: 100%;
top: 0;
}
body .glightbox-clean .gnext {
display: flex;
justify-content: center;
align-items: flex-end;
}
body .glightbox-clean .gprev {
display: flex;
justify-content: center;
align-items: flex-start;
}
body .glightbox-clean .gnext::after {
content: '';
display: block;
width: 50px;
height: 50px;
background-image: url('/upload/images/next.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .glightbox-clean .gprev::after {
content: '';
display: block;
width: 50px;
height: 50px;
background-image: url('/upload/images/prev.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .glightbox-clean .gnext:hover::after {
background-image: url('/upload/images/next-hover.svg');
}
body .glightbox-clean .gprev:hover::after {
background-image: url('/upload/images/prev-hover.svg');
}
body .glightbox-clean .gnext svg,
body .glightbox-clean .gprev svg {
display: none;
}
body .glightbox-clean .gnext:hover,
body .glightbox-clean .gprev:hover {
background-color: transparent;
opacity: 1;
}
@media screen and (max-width: 768px) {
body .glightbox-clean .gclose {
background-color: #2e2868;
width: 35px;
height: 35px;
border-radius: 50%;
}
body .glightbox-clean .gclose:hover {
background-color: #2e2868;
}
body .glightbox-clean .gclose path {
fill: #fff;
fill-opacity: 1;
}
body .glightbox-clean .gclose:hover path {
fill: #fff;
fill-opacity: 1;
}
}
.header__basket-button {
background-color: #2E2868;
border-radius: 50%;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
height: inherit;
padding: 12.5px;
}
.header__logo-svg-mobile {
display: none;
}
.header__logo-svg-mobile path {
fill: #2e2868;
}
.header-phone__button-link {
display: none;
}
@media screen and (max-width: 1380px) {
.header__logo-svg-desktop {
display: none;
}
.header__logo-svg-mobile {
display: block;
}
.header-phone__button-link {
display: flex;
align-items: center;
justify-content: center;
background-color: #F2F4F8;
border-radius: 50%;
height: inherit;
padding: 12px;
aspect-ratio: 1/1;
}
.header-container .header-phone__button {
display: none;
}
svg.header-phone__button-svg path {
fill: transparent;
stroke: #2e2868;
}
.header-container .header-phone .header-phone__dropdown {
min-width: 240px;
left: 50%;
transform: translateX(-50%);
}
.header-container .header-phone:hover .header-phone__dropdown {
transform: translateX(-50%);
}
.header-container .header-phone .header-phone__dropdown::before {
content: '';
position: absolute;
left: 50%;
top: -10px;
transform: translateX(-50%) rotate(45deg);
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 2px;
}
}
.content-container.container-border.background-white-color.seo-text-block {
padding: 0;
}
.btn__switcher,
.btn__switcher:hover,
.btn__switcher.active {
border: none;
}
.phones__modal {
position: fixed;
top: 0;
left: -200%;
width: 100%;
height: 100%;
background-color: #fff;
padding: 15px;
transition: all 0.3s;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
}
.runline.admin .phones__modal {
top: 80px;
}
.admin .phones__modal,
.runline .phones__modal {
top: 40px;
}
.phones__modal.active {
left: 0;
opacity: 1;
pointer-events: all;
z-index: 900;
}
.phones__modal-close {
position: absolute;
right: 15px;
top: 15px;
background: none;
border: none;
padding: 0;
outline: none;
cursor: pointer;
}
.phones__modal-close * {
transition: all 0.3s;
}
.phones__modal-close:hover rect {
fill: #f2f4f8;
}
.phones__modal-close:hover path {
fill: #2e2868;
}
.phones__modal-wrapper {
display: flex;
flex-direction: column;
gap: 50px;
justify-content: center;
align-items: center;
}
.phones__modal-item {
display: flex;
flex-direction: column;
grid-gap: 10px;
align-items: center;
justify-content: center;
}
.phones__modal-item-number {
color: #161B25;
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.phones__modal-item-label {
color: rgba(28, 49, 92, 0.70);
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 140%;
}
.footer-container__social-item p.text-16{
color: #fff;
text-decoration: none;
}
/* End */
/* Start:/local/components/mediamint/run.line/templates/.default/style.css?1771327694789*/
.runline{
padding-top: 40px;
}
.runline .consultation-modal__close-btn{
top: 55px;
}
.runline .mobile-header{
top: 40px;
}
.runline .mobile-menu__content{
padding-top: 118px;
}
.run-line {
background-color: #2e2868;
color: #fff;
padding: 10px;
overflow: hidden;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
}
.admin .run-line {
top: 40px;
}
.run-line .swiper-slide {
font-size: 16px;
color: #fff;
width: auto !important;
flex-shrink: 0;
white-space: nowrap;
}
.run-line .swiper-slide a {
color: #fff;
text-decoration: underline;
pointer-events: all;
}
.run-line .swiper-wrapper {
display: flex;
transition-timing-function: linear !important;
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/menu/header-menu/style.css?17742484872164*/
.header-menu__list {
display: flex;
gap: 30px;
align-items: center;
list-style-type: none;
padding: 0;
}
.header-menu__list li a {
color: #222;
font-size: 16px;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.header-menu__list li a:hover {
color: #2e2868;
}
.header-menu__nav{
margin-left: 50px;
}
.mobile-menu__content .header-menu__list {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
.mobile-menu__content .header-menu__nav {
margin: 0;
padding: 0 15px;
}
.header-menu__list-item{
position: relative;
display: flex;
align-items: center;
gap: 7px;
}
.header-menu__list-submenu{
min-width: 260px;
max-width: 430px;
width: max-content;
position: absolute;
top: 100%;
left: 0;
display: none;
list-style-type: none;
padding: 0;
margin: 0;
background: #fff;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 10px;
z-index: 100;
}
.header-menu__list-submenu-item{
padding: 10px 15px;
}
.header-menu__list-item:hover .header-menu__list-submenu{
display: block;
}
.header-menu__list-item svg {
transition: all 0.5s ease;
}
.header-menu__list-item:hover svg {
transform: rotate(180deg);
}
@media screen and (max-width: 1400px) {
.header-menu__list{
gap: 20px;
}
}
@media (max-width: 992px) {
.header-menu__list-item{
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.header-menu__list-submenu{
position: relative;
top: 0;
left: 0;
display: none;
width: 100%;
min-width: 100%;
box-shadow: none;
}
.header-menu__list-submenu.active{
display: block;
}
.header-menu__list-item:hover svg {
transform: rotate(0deg);
}
.header-menu__list-item.active svg {
transform: rotate(180deg);
}
.header-menu__list-item:hover .header-menu__list-submenu{
display: none;
}
.header-menu__list-item.active .header-menu__list-submenu{
display: block;
}
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/breadcrumb/breadcrumb/style.css?1770733746545*/
.bx-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
overflow-x: scroll;
}
.bx-breadcrumb::-webkit-scrollbar {
display: none;
}
.bx-breadcrumb .bx-breadcrumb-item {
display: flex;
gap: 10px;
align-items: center;
white-space: nowrap;
}
.bx-breadcrumb .bx-breadcrumb-item span {
color: rgba(28, 49, 92, 0.4);
font-size: 16px;
line-height: 130%;
}
.bx-breadcrumb .bx-breadcrumb-item a {
border-bottom: none;
text-decoration: none;
}
.bx-breadcrumb .bx-breadcrumb-item span.bx-breadcrumb-item-active {
color: #2e2868;
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/menu/footer-menu/style.css?17714159753923*/
.footer-menu__list {
/* display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px; */
/* align-items: flex-start; */
column-count: 3;
/* break-inside: avoid; */
list-style-type: none;
padding: 0;
margin: 0;
gap: 50px;
}
.footer-menu__list li a {
color: rgba(28, 49, 92, 0.70);
font-size: 16px;
font-weight: 400;
line-height: 130%;
transition: all 0.3s;
text-decoration: none;
}
.footer-menu__list li a:hover{
color: #2E2868;
}
.footer-menu__nav {
padding: 50px 50px 50px 50px;
max-width: 1163px;
width: 100%;
margin-left: auto;
}
.footer-menu__list-item-content {
display: flex;
align-items: center;
gap: 7px;
}
.footer-menu__list-item-icon {
display: none;
}
.mobile-menu__content .footer-menu__list {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
.mobile-menu__content .footer-menu__nav {
margin: 0;
padding: 0 15px;
}
.footer-menu__list-item {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 30px;
break-inside: avoid;
page-break-inside: avoid
}
.footer-menu__list-submenu {
list-style-type: none;
padding: 0;
margin: 0;
background: #fff;
border-radius: 10px;
z-index: 100;
}
.footer-menu__list-submenu-item {
padding: 10px 0px;
}
.footer-menu__list-item svg {
transition: all 0.5s ease;
}
.footer-menu__list-item.active svg {
transform: rotate(180deg);
}
.footer-menu__list-item-content .footer-menu__list-item-content-link {
color: #161B25;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.footer-menu__nav {
padding: 50px 50px 50px 15px;
}
.footer-menu__list {
column-count: 2;
}
}
@media screen and (max-width: 1200px) {
.footer-menu__list {
column-count: 3;
}
.footer-menu__nav {
padding: 50px 15px;
max-width: 100%;
}
}
@media (max-width: 992px) {
.footer-menu__list-item {
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-menu__list {
column-count: 2;
}
.footer-menu__nav {
padding-left: 15px;
}
.footer-menu__list-item:hover svg {
transform: rotate(0deg);
}
.footer-menu__list-item.active svg {
transform: rotate(180deg);
}
}
@media screen and (max-width: 640px) {
.footer-menu__list {
display: flex;
flex-direction: column;
gap: 0;
}
.footer-menu__list-submenu {
height: 0;
overflow: hidden;
}
.footer-menu__list-item svg {
display: block;
}
.footer-menu__list-item {
margin-bottom: 0;
gap: 0;
padding: 20px 0;
border-bottom: 1px solid var(--Gray, #E2E7F1);
}
.footer-menu__list-item-content {
justify-content: space-between;
}
.footer-menu__list-item-content:last-child {
border-bottom: none;
}
.footer-menu__list-item.active .footer-menu__list-submenu {
height: auto;
}
.footer-menu__list-submenu.active {
display: block;
}
.footer-menu__list-submenu {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.footer-menu__list-item.active .footer-menu__list-submenu {
max-height: 1000px;
opacity: 1;
}
.footer-menu__list-submenu-item {
opacity: 0;
transform: translateY(-5px);
transition: opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;
}
.footer-menu__list-item.active .footer-menu__list-submenu-item {
opacity: 1;
transform: translateY(0);
}
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/main.feedback/consultation-modal/style.css?17713951944538*/
.consultation-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c315c66;
z-index: 1000;
padding: 80px 15px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.consultation-modal.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.consultation-modal__form-block {
border-radius: 45px;
background: #fff;
display: flex;
width: 844px;
padding: 50px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
position: relative;
overflow: auto;
max-height: 100%;
}
.consultation-modal__form-block::-webkit-scrollbar {
display: none;
width: 5px;
height: 90%;
}
.consultation-modal__form-block::-webkit-scrollbar-track {
background: #e2e7f1;
}
.consultation-modal__form-block::-webkit-scrollbar-thumb {
background: #2e2868;
}
.consultation-modal__title {
color: #222;
font-size: 30px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
}
.consultation-modal__close-btn {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
.consultation-modal__inputs .input-container {
display: flex;
flex-direction: column;
grid-gap: 5px;
width: 100%;
}
.consultation-modal__inputs {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.consultation-modal__form {
width: 100%;
}
.consultation-modal__inputs .input-container textarea.input-field {
height: 110px;
}
.consultation-modal__checkboxes {
display: flex;
flex-direction: column;
grid-gap: 15px;
margin-top: 5px;
}
.consultation-modal__checkboxes .checkbox-container label {
color: #161b25;
font-size: 14px;
font-weight: 600;
line-height: 130%;
cursor: pointer;
}
.consultation-modal__checkboxes .checkbox-container label a {
color: #2e2868;
text-decoration: none;
}
.consultation-modal__submit-button {
width: fit-content;
}
.consultation-modal__checkboxes input.custom-checkbox {
border-radius: 5px;
border: 1px solid #f2f4f8;
background: #f2f4f8;
}
@media screen and (max-width: 768px) {
.consultation-modal {
padding: 60px 15px;
}
.consultation-modal {
background-color: #fff;
}
.consultation-modal__form-block {
padding: 0px 0;
position: static;
}
.consultation-modal__form-block {
border-radius: 0;
}
.consultation-modal__form-block .input-container .input-label {
font-size: 14px;
}
.consultation-modal__form-block .input-container .input-field {
padding: 12px 20px;
font-size: 14px;
}
.consultation-modal__submit-button {
width: 100%;
}
.consultation-modal__submit-button {
padding: 12px 20px;
}
.consultation-modal__close-btn svg path {
fill: #fff;
fill-opacity: 1;
}
.consultation-modal__close-btn svg {
width: 17px;
height: 17px;
}
.consultation-modal__close-btn {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 35px;
height: 35px;
background-color: #2E2868;
top: 15px;
right: 15px;
}
.runline.admin .consultation-modal__close-btn {
top: 90px;
}
.admin .consultation-modal__close-btn,
.runline .consultation-modal__close-btn {
top: 40px;
}
.consultation-modal__checkboxes .checkbox-container {
position: relative;
}
.consultation-modal__checkboxes .checkbox-container .alert {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.consultation-modal__wrapper {
overflow-x: hidden;
}
}
.form__confirm.consultation-modal__confirm {
flex-direction: column;
align-items: center;
gap: 20px;
margin: 0 auto;
}
.form__confirm.consultation-modal__confirm * {
text-align: center;
}
.consultation-modal__confirm-content {
display: flex;
flex-direction: column;
align-items: center;
}
.consultation-modal__inputs .input--error input,
.consultation-modal__inputs .input--error textarea {
border-color: #fd4166;
}
.consultation-modal__inputs .input__error-text {
display: block;
color: #fd4166;
font-size: 13px;
margin-top: 5px;
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/main.feedback/feedback-modal/style.css?17713954904797*/
.feedback-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c315c66;
z-index: 1000;
padding: 80px 15px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.feedback-modal.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.feedback-modal__form-block {
max-height: 100%;
border-radius: 45px;
background: #fff;
display: flex;
width: 844px;
padding: 50px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
position: relative;
overflow: auto;
}
.feedback-modal__form-block::-webkit-scrollbar {
display: none;
width: 5px;
height: 90%;
}
.feedback-modal__form-block::-webkit-scrollbar-track {
background: #e2e7f1;
}
.feedback-modal__form-block::-webkit-scrollbar-thumb {
background: #2e2868;
}
.feedback-modal__title {
color: #222;
font-size: 30px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
}
.feedback-modal__close-btn {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
.feedback-modal__stars-container {
display: flex;
}
.feedback-modal__input .feedback-modal__rating-input {
display: none;
}
svg.feedback-modal__star {
cursor: pointer;
}
.feedback-modal__inputs .input-container {
display: flex;
flex-direction: column;
grid-gap: 5px;
width: 100%;
}
.feedback-modal__inputs {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.feedback-modal__form {
width: 100%;
}
.feedback-modal__inputs .input-container textarea.input-field {
height: 110px;
}
.feedback-modal__checkboxes {
display: flex;
flex-direction: column;
grid-gap: 15px;
margin-top: 5px;
}
.feedback-modal__star {
transition: all 0.3s ease-in-out;
}
.feedback-modal__star.active path {
fill: #2E2868;
}
.input-container .input-field.feedback-modal__file-input{
display: none;
}
.feedback-modal__checkboxes .checkbox-container label {
color: #161b25;
font-size: 14px;
font-weight: 600;
line-height: 130%;
cursor: pointer;
}
.feedback-modal__checkboxes .checkbox-container label a {
color: #2e2868;
text-decoration: none;
}
.feedback-modal__submit-button {
width: fit-content;
}
.feedback-modal__checkboxes input.custom-checkbox {
border-radius: 5px;
border: 1px solid #f2f4f8;
background: #f2f4f8;
}
.feedback-modal__file-button {
display: flex;
height: 110px;
padding: 15px 20px;
justify-content: center;
align-items: center;
border-radius: 20px;
background: #F2F4F8;
color: rgba(28, 49, 92, 0.40);
text-align: center;
cursor: pointer;
font-size: 18px;
font-weight: 500;
line-height: 140%;
width: 100%;
}
@media screen and (max-width: 768px) {
.feedback-modal {
background-color: #fff;
}
.feedback-modal__form-block {
padding: 50px 0;
position: static;
border-radius: 0;
}
.feedback-modal__form-block .input-container .input-label {
font-size: 14px;
}
.feedback-modal__form-block .input-container .input-field {
padding: 12px 20px;
font-size: 14px;
}
.feedback-modal__submit-button {
width: 100%;
}
.feedback-modal__submit-button {
padding: 12px 20px;
}
.feedback-modal__close-btn svg path {
fill: #fff;
fill-opacity: 1;
}
.feedback-modal__close-btn svg {
width: 17px;
height: 17px;
}
.feedback-modal__close-btn {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 35px;
height: 35px;
background-color: #2E2868;
top: 15px;
right: 15px;
z-index: 1000;
}
.runline.admin .feedback-modal__close-btn{
top: 90px;
}
.admin .feedback-modal__close-btn,
.runline .feedback-modal__close-btn{
top: 40px;
}
.feedback-modal__wrapper {
overflow-x: hidden;
}
}
.form__confirm.feedback-modal__confirm {
flex-direction: column;
align-items: center;
gap: 20px;
margin: 0 auto;
}
.form__confirm.feedback-modal__confirm * {
text-align: center;
}
.feedback-modal__confirm-content {
display: flex;
flex-direction: column;
align-items: center;
}
.feedback-modal__inputs .input--error input,
.feedback-modal__inputs .input--error textarea {
border-color: #fd4166;
}
.feedback-modal__inputs .input__error-text {
display: block;
color: #fd4166;
font-size: 13px;
margin-top: 5px;
}
/* End */
/* Start:/local/templates/SmartLamps/components/bitrix/main.feedback/subscription-modal/style.css?17707898964064*/
.subscription-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c315c66;
z-index: 1000;
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.subscription-modal.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.subscription-modal__form-block {
border-radius: 45px;
background: #fff;
display: flex;
width: 844px;
padding: 50px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
position: relative;
overflow: auto;
max-height: 100%;
}
.subscription-modal__form-block::-webkit-scrollbar {
display: none;
width: 5px;
height: 90%;
}
.subscription-modal__form-block::-webkit-scrollbar-track {
background: #e2e7f1;
}
.subscription-modal__form-block::-webkit-scrollbar-thumb {
background: #2e2868;
}
.subscription-modal__title {
color: #222;
font-size: 30px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
}
.subscription-modal__close-btn {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
.subscription-modal__inputs .input-container {
display: flex;
flex-direction: column;
grid-gap: 5px;
width: 100%;
}
.subscription-modal__inputs {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.subscription-modal__form {
width: 100%;
}
.subscription-modal__inputs .input-container textarea.input-field {
height: 110px;
}
.subscription-modal__checkboxes {
display: flex;
flex-direction: column;
grid-gap: 15px;
margin-top: 5px;
}
.subscription-modal__checkboxes .checkbox-container label {
color: #161b25;
font-size: 14px;
font-weight: 600;
line-height: 130%;
cursor: pointer;
}
.subscription-modal__checkboxes .checkbox-container label a {
color: #2e2868;
text-decoration: none;
}
.subscription-modal__submit-button {
width: fit-content;
}
.subscription-modal__checkboxes input.custom-checkbox {
border-radius: 5px;
border: 1px solid #f2f4f8;
background: #f2f4f8;
}
@media screen and (max-width: 768px) {
.subscription-modal{
background-color: #fff;
}
.subscription-modal__form-block{
padding: 100px 0;
position: static;
}
.subscription-modal__form-block .input-container .input-label{
font-size: 14px;
}
.subscription-modal__form-block .input-container .input-field{
padding: 12px 20px;
font-size: 14px;
}
.subscription-modal__submit-button {
width: 100%;
}
.subscription-modal__submit-button{
padding: 12px 20px;
}
.subscription-modal__close-btn svg path{
fill: #fff;
fill-opacity: 1;
}
.subscription-modal__close-btn svg{
width: 17px;
height: 17px;
}
.subscription-modal__close-btn{
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 35px;
height: 35px;
background-color: #2E2868;
top: 15px;
right: 15px;
z-index: 1000;
}
.runline.admin .subscription-modal__close-btn{
top: 90px;
}
.admin .subscription-modal__close-btn,
.runline .subscription-modal__close-btn{
top: 40px;
}
}
.form__confirm.subscription-modal__confirm{
flex-direction: column;
align-items: center;
gap: 20px;
margin: 0 auto;
}
.form__confirm.subscription-modal__confirm * {
text-align: center;
}
.subscription-modal__confirm-content{
display: flex;
flex-direction: column;
align-items: center;
}
.subscription-modal__inputs .input--error input,
.subscription-modal__inputs .input--error textarea{
border-color: #fd4166;
}
.subscription-modal__inputs .input__error-text{
display: block;
color: #fd4166;
font-size: 13px;
margin-top: 5px;
}
/* End */
/* Start:/local/components/mediamint/alerts/templates/cookie/style.css?1770370342930*/
.cookie-section-container {
position: fixed;
bottom: 56px;
left: 50%;
transform: translateX(-50%);
padding: 0 15px;
width: 100%;
}
.cookie-section-container {
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 1100;
}
.cookie-section-container.hidden {
opacity: 0;
transform: translateY(-20px);
pointer-events: none;
}
.cookie__wrapper {
display: flex;
max-width: 1720px;
width: 100%;
padding: 30px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 20px;
border-radius: 30px;
background: #FFF;
margin: 0 auto;
box-shadow: 0 0 25px 0 rgba(28, 49, 92, 0.10);
}
.cookie__top {
display: flex;
justify-content: space-between;
grid-gap: 30px;
}
.cookie__close-icon {
cursor: pointer;
}
@media screen and (max-width: 768px) {
.cookie__close-icon {
display: none;
}
}
/* End */
/* /upload/fonts/manrope/stylesheet.css?17645820502902 */
/* /local/templates/SmartLamps/node_modules/swiper/swiper-bundle.min.css?176458205113920 */
/* /local/templates/SmartLamps/less_compile/styles.css?1774615253124988 */
/* /local/components/mediamint/run.line/templates/.default/style.css?1771327694789 */
/* /local/templates/SmartLamps/components/bitrix/menu/header-menu/style.css?17742484872164 */
/* /local/templates/SmartLamps/components/bitrix/breadcrumb/breadcrumb/style.css?1770733746545 */
/* /local/templates/SmartLamps/components/bitrix/menu/footer-menu/style.css?17714159753923 */
/* /local/templates/SmartLamps/components/bitrix/main.feedback/consultation-modal/style.css?17713951944538 */
/* /local/templates/SmartLamps/components/bitrix/main.feedback/feedback-modal/style.css?17713954904797 */
/* /local/templates/SmartLamps/components/bitrix/main.feedback/subscription-modal/style.css?17707898964064 */
/* /local/components/mediamint/alerts/templates/cookie/style.css?1770370342930 */