/* Start:/local/templates/solfer/sass/single-article.min.css?175491415934121*/ @font-face{font-family:"Pretendard";src:url(/local/templates/solfer/sass/../fonts/Pretendard-Regular.woff2)format("woff2"),url(/local/templates/solfer/sass/../fonts/Pretendard-Regular.woff)format("woff"),url(/local/templates/solfer/sass/../fonts/Pretendard-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:"Pretendard";src:url(/local/templates/solfer/sass/../fonts/Pretendard-SemiBold.woff2)format("woff2"),url(/local/templates/solfer/sass/../fonts/Pretendard-SemiBold.woff)format("woff"),url(/local/templates/solfer/sass/../fonts/Pretendard-SemiBold.ttf)format("truetype");font-weight:600}@font-face{font-family:"Montserrat";src:url(/local/templates/solfer/sass/../fonts/Montserrat-Bold.woff2)format("woff2"),url(/local/templates/solfer/sass/../fonts/Montserrat-Bold.woff)format("woff"),url(/local/templates/solfer/sass/../fonts/Montserrat-Bold.ttf)format("truetype");font-weight:600}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}@media (max-width:480px){*{outline:0}}body,html{text-size-adjust:none;scroll-behavior:smooth}body{background:#000313;min-width:320px}body.lock{overflow:hidden}body.light{background:#fff}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button,input[type=button]{border:0;background:0 0;padding:0;cursor:pointer}a{text-decoration:none;color:inherit}input{border:0;background:0 0}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none}label{color:#fff}.hidden{display:none}li{list-style:none}.content{overflow:hidden}section.section_first{margin-top:210px}@media (max-width:1023px){section.section_first{margin-top:195px}}@media (max-width:640px){section.section_first{margin-top:171px}}@media (max-width:480px){section.section_first{margin-top:121px}}.swiper-horizontal{touch-action:pan-y}.paralax-section{position:relative;z-index:3}.img-paralax,.paralax-section{will-change:transform}.reveal{transform:translateY(75px);opacity:0;transition:transform 1.5s ease,opacity 1.5s ease}.reveal.active{transform:translateY(0);opacity:1}.bxcompprop-label{color:#000}div[id^=wait_]{display:none!important}.grecaptcha-badge{display:none}.header{position:fixed;z-index:20;width:100%;padding:20px 0;background-color:#000313;transition:transform .3s ease-out,background-color .15s ease-out}@media (max-width:640px){.header{padding:10px 0}}.header .logo{color:#fff;pointer-events:all}.header .logo svg{width:138px;height:auto;transition:height .5s ease 0s,width .5s ease 0s}@media (max-width:1439px){.header .logo svg{width:128px;height:auto}}@media (max-width:1023px){.header .logo svg{width:139px;height:auto}}@media (max-width:640px){.header .logo svg{width:105px;height:auto}}.header .container{display:flex;justify-content:space-between;align-items:center}.header .burger{pointer-events:all;position:relative;width:56px;height:56px;cursor:pointer}@media (max-width:640px){.header .burger{width:44px;height:44px}}@media (min-width:1024px){.header .burger:hover::after,.header .burger:hover::before{background-color:rgba(255,255,255,.6)}}.header .burger::after,.header .burger::before{width:100%;height:4px;content:"";left:0;background-color:#fff;position:absolute;transition:background-color .15s ease-out;top:calc(50% - 5px);transform:translateY(-50%)}.header .burger::after{top:calc(50% + 5px)}.header_hidden{transform:translateY(-100%);overflow:hidden}.header_opacity{pointer-events:none;background-color:transparent}@media (min-width:1024px){.header_top .logo svg{width:139px;height:auto}}@media (min-width:1440px){.header_top .logo svg{width:192px;height:auto}}body.light .header{background-color:#fff}body.light .header .logo svg{color:#000313}@media (min-width:1024px){body.light .header .burger:hover::after,body.light .header .burger:hover::before{background-color:rgba(0,3,19,.6)}}.footer,body.light .header .burger::after,body.light .header .burger::before{background-color:#000313}.footer{color:#fff;padding-bottom:35px;z-index:4;position:relative}@media (max-width:480px){.footer{padding-bottom:20px}}.footer .container_grid{padding-top:40px;border-top:1px solid #42a3e8;grid-row-gap:80px}@media (max-width:1439px){.footer .container_grid{grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:40px}}@media (max-width:1023px){.footer .container_grid{grid-row-gap:0}}.footer__question{grid-column-start:1;grid-column-end:3}@media (max-width:1023px){.footer__question{margin-bottom:40px}}@media (max-width:480px){.footer__question{grid-column-end:4}}.footer__question-title{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;color:rgba(255,255,255,.4);margin-bottom:12px}@media (max-width:1023px){.footer__question-title{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}.footer__info_products{grid-column-start:3;grid-column-end:5}@media (max-width:1023px){.footer__info_products{margin-bottom:40px;grid-column-start:1}}.footer__info_contacts{grid-column-start:5;grid-column-end:6}@media (max-width:1439px){.footer__info_contacts{grid-column-start:3;grid-column-end:4}}@media (max-width:1023px){.footer__info_contacts{margin-bottom:30px;grid-column-start:1;grid-column-end:3}}.footer__info_media{grid-column-start:6;grid-column-end:7}@media (max-width:1439px){.footer__info_media{grid-column-start:4;grid-column-end:5}}@media (max-width:1023px){.footer__info_media{grid-column-start:3;grid-column-end:5}}.footer__info-title{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:20px;color:rgba(255,255,255,.5)}.footer__info-list{display:flex;flex-direction:column}.footer__info-list_products{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:20px;}.footer__info-link{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:10px;max-width:230px;transition:color .15s ease-out}@media (min-width:1024px){.footer__info-link:hover{color:rgba(255,255,255,.5)}}.footer__info-link_tel{white-space:nowrap}@media (min-width:1024px){.footer__info-link_address:hover{color:#fff}}.footer__info-link:last-child{margin:0}@media (max-width:480px){.footer__info-link{max-width:140px}}.footer__text{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:130%;color:rgba(255,255,255,.4)}.footer__text_link{cursor:pointer;transition:color .15s ease-out}@media (min-width:1024px){.footer__text_link:hover{color:#fff}}.footer__text_copyright{grid-column-start:1;grid-column-end:2}@media (max-width:1023px){.footer__text_copyright{margin-bottom:10px}}@media (max-width:480px){.footer__text_copyright{grid-column-end:3}}.footer__text_column1{grid-column-start:3;grid-column-end:4}@media (max-width:1439px){.footer__text_column1{grid-column-start:2;grid-column-end:3}}@media (max-width:1023px){.footer__text_column1{grid-column-start:1}}.footer__text_column2{grid-column-start:4;grid-column-end:5}@media (max-width:1439px){.footer__text_column2{grid-column-start:3;grid-column-end:4}}@media (max-width:1023px){.footer__text_column2{grid-column-end:5}}.footer__text_author{grid-column-start:6;grid-column-end:7;justify-self:end}.footer__text_author a{color:#fff}@media (min-width:1024px){.footer__text_author a:hover{color:rgba(255,255,255,.5)}}@media (max-width:1439px){.footer__text_author{grid-column-start:4;grid-column-end:5}}@media (max-width:1023px){.footer__text_author{grid-row:4;justify-self:start;grid-column-start:3}}.footer_white{background-color:#fff;color:#000313}.footer_white .footer__question-title{color:rgba(0,3,19,.4)}.footer_white .footer__info-title{color:rgba(0,3,19,.5)}@media (min-width:1024px){.footer_white .footer__info-link:hover{color:rgba(0,3,19,.5)}.footer_white .footer__info-link_address:hover{color:#000313}}.footer_white .footer__text{color:rgba(0,3,19,.4)}@media (min-width:1024px){.footer_white .footer__text_link:hover{color:#000313}}.footer_white .footer__text_author a,.pop-up{color:#000313}@media (min-width:1024px){.footer_white .footer__text_author a:hover{color:rgba(0,3,19,.5)}.footer_white .footer__button:hover{color:#060a20}.footer_white .footer__button:hover svg path{fill:#060a20}}.pop-up{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:opacity .15s ease-out;overflow:auto}.pop-up_open{visibility:visible;opacity:1}.pop-up__content{background-color:#fff;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:40px;border-radius:20px;width:63%;min-width:790px;max-width:950px;overflow-y:auto}@media (max-width:1023px){.pop-up__content{transform:translate(-50%,0);top:40px;width:100%;min-width:initial;max-width:580px}}@media (max-width:640px){.pop-up__content{border-radius:0;transform:translate(0,0);top:0;bottom:0;left:0;right:0;width:100%;padding:20px 10px;min-width:initial;max-width:initial}}.pop-up_feedback .pop-up__content{display:grid;grid-template-columns:1fr 1fr}@media (max-width:1023px){.pop-up_feedback .pop-up__content{display:block}}.pop-up__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;grid-column-start:1;grid-column-end:3}@media (max-width:480px){.pop-up__header{margin-bottom:35px}}.pop-up__title{font-family:Pretendard;font-size:56px;font-style:normal;font-weight:600;line-height:110%}@media (max-width:1023px){.pop-up__title{font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:110%}}@media (max-width:640px){.pop-up__title{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%}}.pop-up__close-btn{cursor:pointer;padding:15px}.footer__text_author a,.pop-up__close-btn svg{transition:color .15s ease-out}@media (min-width:1024px){.pop-up__close-btn:hover svg{color:rgba(0,3,19,.6)}}@media (max-width:640px){.pop-up__close-btn{padding:10px}.pop-up__close-btn svg{width:20px;height:20px}}.pop-up__descr{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;grid-column-start:1;grid-column-end:2;max-width:300px}@media (max-width:1023px){.pop-up__descr{max-width:230px;margin-bottom:20px}}@media (max-width:640px){.pop-up__descr{max-width:initial}}.pop-up__buttons{margin-bottom:50px;display:flex;max-width:287px;gap:15px;flex-wrap:wrap;grid-column-start:2;grid-column-end:3;align-self:flex-start}@media (max-width:1023px){.pop-up__buttons{gap:10px;margin-bottom:40px}}@media (max-width:640px){.pop-up__buttons{margin-bottom:30px}}.pop-up__form{grid-column-start:2;grid-column-end:3}.pop-up__form .input:last-of-type{margin-bottom:12px}.pop-up__form .checkbox{margin-bottom:40px}@media (max-width:640px){.pop-up__form .checkbox{margin-bottom:30px}}.pop-up__form .button{width:100%}.pop-up__success-message{display:none;grid-column-start:2;grid-column-end:3;max-width:305px;margin-bottom:90px}.pop-up__success-message-title{margin-bottom:8px;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}.pop-up__success-message-text{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}.pop-up__success-message-text a{cursor:pointer;color:#42a3e8;text-decoration-line:underline}.cookie{background-color:#fff;position:fixed;bottom:20px;right:20px;padding:20px;display:flex;align-items:center;gap:10px;color:#000313;z-index:20;transition:transform .15s ease-out}@media (max-width:640px){.cookie{bottom:0;right:0;width:100%}}.cookie__message{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;max-width:300px}@media (max-width:640px){.cookie__message{max-width:initial}}@media (max-width:480px){.cookie__message{font-family:Pretendard;font-size:12px;font-style:normal;font-weight:400;line-height:130%}}.cookie__message a{color:#42a3e8;cursor:pointer}@media (max-width:480px){.cookie__button{font-size:12px!important}.cookie__button svg{width:16px;height:16px}}.cookie_accepted{display:none}.menu{top:-150%;height:100%;width:100%;position:fixed;z-index:50;background:#000313;transition:top .3s ease-out}.menu .container{display:grid;align-items:start;max-height:100svh;padding-bottom:20px}.menu__header{grid-column-start:1;grid-column-end:7;display:flex;justify-content:space-between;align-items:center;padding:30px 0}@media (max-width:1023px){.menu__header{grid-column-start:1;grid-column-end:5}}@media (max-width:640px){.menu__header{padding:20px 0}}.menu nav,.menu__logo{color:#fff}.menu__logo svg{width:139px;height:auto}@media (max-width:640px){.menu__logo svg{width:105px;height:auto}}.menu__header-burger{padding:15px;color:#fff;transition:color .15s ease-out}@media (min-width:1024px){.menu__header-burger:hover{color:rgba(255,255,255,.6)}}@media (max-width:640px){.menu__header-burger{padding:10px}.menu__header-burger svg{height:23px;width:23px}}.menu__wrapper{grid-column-start:1;grid-column-end:7;overflow-y:auto;display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:24px;padding-top:10px;max-height:calc(100svh - 171px)}@media (max-width:1023px){.menu__wrapper{grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-column-start:1;grid-column-end:5;padding-top:10px;max-height:calc(100svh - 140px)}}@media (max-width:640px){.menu__wrapper{max-height:calc(100svh - 100px)}}.menu nav{display:flex;flex-direction:column;grid-column-start:1;grid-column-end:5}@media (max-width:1023px){.menu nav{margin-bottom:35px}}@media (max-width:480px){.menu nav{margin-bottom:5px}}.menu__item{font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:110%;cursor:pointer;padding-bottom:25px;transition:color .15s ease-out}@media (max-width:1023px){.menu__item{font-family:Pretendard;font-size:32px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:480px){.menu__item{padding-bottom:15px;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%}}.menu__item:last-child{margin-bottom:0}.menu__link,.menu__point a{transition:color .15s ease-out}@media (min-width:1024px){.menu__link:hover{color:#42a3e8}}.menu__point{display:flex;align-items:center}.menu__point a{margin-right:10px}@media (max-width:640px){.menu__point a{margin-right:8px}}.menu__point svg{transition:transform .15s ease-out,color .15s ease-out}@media (max-width:640px){.menu__point svg{width:20px;height:20px}}@media (min-width:1024px){.menu__point:hover a{color:#42a3e8}.menu__point:hover svg{transform:rotate(90deg);color:#42a3e8}}.menu__button{margin-bottom:10px}.menu__list.menu__list_active .menu__point a{color:#42a3e8}.menu__list.menu__list_active .menu__point svg{transform:rotate(90deg);color:#42a3e8}.menu_active .menu__point svg,.menu_active nav,.menu_hovered .menu__point svg,.menu_hovered nav{color:rgba(255,255,255,.5)}@media (min-width:1024px){.menu_active .menu__point:hover svg,.menu_hovered .menu__point:hover svg{color:#42a3e8}}.menu .submenu{max-height:0;overflow:hidden;transition:max-height .35s ease-out;color:#fff}.menu .submenu__wrapper{padding-top:25px;margin-left:70px;max-height:274px;display:flex;flex-direction:column;flex-wrap:wrap;column-gap:60px}@media (max-width:1439px){.menu .submenu__wrapper{flex-wrap:nowrap;max-height:initial}}.menu .submenu__item{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;max-width:330px;cursor:pointer;padding-bottom:12px}@media (max-width:480px){.menu .submenu__item{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}.menu .submenu__item:last-child{padding-bottom:0}.menu__info{grid-column-start:5;grid-column-end:7}@media (max-width:1023px){.menu__info{grid-column-start:1;grid-column-end:5}}@media (max-width:480px){.menu__info{display:flex;flex-direction:column-reverse;align-items:start}}.menu__img{max-width:484px;border-radius:30px 0;overflow:hidden;margin-bottom:20px}@media (max-width:1023px){.menu__img{display:none}}.menu__img img{width:100%;height:auto}.menu__contacts-wrapper{display:flex;column-gap:24px;margin-bottom:20px}@media (max-width:480px){.menu__contacts-wrapper{margin:0;display:block}}.menu__contacts{display:flex;flex-direction:column}@media (max-width:480px){.menu__contacts{margin:20px 0}}.menu__contacts-title{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;color:rgba(255,255,255,.4);margin-bottom:20px}@media (max-width:480px){.menu__contacts-title{margin-bottom:15px}}.menu__contacts-item{font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;color:#fff;max-width:230px;margin-bottom:12px;transition:color .15s ease-out}@media (min-width:1024px){.menu__contacts-item:hover{color:rgba(255,255,255,.5)}}.menu__contacts-item:last-child{margin-bottom:0}@media (min-width:1024px){.menu__contacts-item_address:hover{color:#fff}}.menu_open{top:0}.container{width:100%;max-width:1540px;padding:0 20px;margin:0 auto}@media (max-width:1439px){.container{max-width:1240px}}@media (max-width:640px){.container{padding:0 10px}}.container_grid{display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:24px}@media (max-width:1023px){.container_grid{grid-template-columns:repeat(4,1fr);grid-column-gap:20px}}.button{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px;border-radius:100px;padding:8px 20px;color:#fff;text-transform:uppercase;border:1px solid #42a3e8;transition:color .15s ease-out,background .15s ease-out;z-index:2;white-space:nowrap}.button svg{transition:transform .15s ease-out,color .15s ease-out}@media (min-width:1024px){.button:hover{background:#42a3e8}.button:hover svg{transform:scaleX(1.2) translateX(2px)}}.button_filled{background:#42a3e8}@media (min-width:1024px){.button_filled:hover{background:initial}}.button_link{border:0;padding:0}@media (min-width:1024px){.button_link:hover{background:initial}}.button_black{color:#060a20}.button_black50{color:rgba(0,3,19,.5)}.button_white50{color:rgba(255,255,255,.5)}.button_blue{color:#42a3e8}@media (min-width:1024px){.button_white-hover:hover{color:#fff}.button_black-hover:hover{color:#000313}}.button_start{align-self:flex-start;justify-self:flex-start}.button_active{color:#fff;background:#42a3e8}.path{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:#42a3e8;margin-top:35px}@media (max-width:1023px){.path{margin-top:0}}.path a{margin:0 8px}.path a:first-child{margin-left:0}.link{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;color:#42a3e8;padding-bottom:4px;position:relative;justify-self:start}@media (max-width:640px){.link{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:480px){.link{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}}.link::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-bottom:1px solid #42a3e8;opacity:1;transition:opacity .15s ease-out}@media (min-width:1024px){.link:hover::before{opacity:0}}.list__item{display:flex;align-items:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;color:#000313;margin-bottom:10px}.list__item:last-child{margin-bottom:0}.list__item svg{min-width:6px;min-height:6px;margin-right:10px}.list_white .list__item{color:#fff}.input input{padding:12px 20px;border:0;border-bottom:1px solid rgba(66,163,232,.4);width:100%;transition:border-color .15s ease-out;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:#000313}.input input::placeholder{text-transform:uppercase;color:rgba(0,3,19,.4);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}.input input:focus{outline:0;border-color:#42a3e8}.input_error input{border-color:rgba(255,45,45,.4)}.input_error input:focus{border-color:rgba(255,45,45,.4)}.checkbox_error .checkbox__err-message,.input_error .input__err-message{display:block}.input_phone{margin-bottom:12px}.checkbox__err-message,.input__err-message{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;display:none;margin-top:10px;margin-left:20px;color:rgba(255,45,45,.4)}.checkbox input{position:absolute;z-index:-1;opacity:0}.checkbox input:checked+label::before{background-image:url(/local/templates/solfer/img/checkbox.svg);background-color:#42a3e8}.checkbox label,.tag{font-family:Pretendard;font-style:normal;font-weight:400}.checkbox label{white-space:nowrap;cursor:pointer;display:inline-flex;user-select:none;align-items:flex-start;color:rgba(0,3,19,.4);font-size:12px;line-height:18px}.checkbox label a{color:#000313;transition:color .15s ease-out;white-space:normal}@media (min-width:1024px){.checkbox label a:hover{color:rgba(0,3,19,.4)}}.checkbox label::before{content:"";display:inline-block;min-width:16px;min-height:16px;border:1px solid #42a3e8;margin-right:10px}.tag{font-size:16px;line-height:130%;color:#fff;position:absolute;padding:8px 16px;background:rgba(255,255,255,.1);backdrop-filter:blur(16.5px)}.slider-arrows{display:flex}.slider-arrows__arrow{cursor:pointer;padding:10px;width:78px;height:42px;border:1px solid rgba(66,163,232,.4);border-radius:10px;position:relative;transition:border .15s ease-out}.slider-arrows__arrow.swiper-button-lock{display:none}.slider-arrows__arrow svg{color:#42a3e8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.slider-arrows__arrow:hover{border-color:#42a3e8}}.slider-arrows__arrow.swiper-button-disabled{cursor:default;border:1px solid rgba(66,163,232,.4)}.slider-arrows__arrow.swiper-button-disabled svg{color:rgba(66,163,232,.4)}@media (min-width:1024px){.slider-arrows__arrow.swiper-button-disabled:hover{border:1px solid rgba(66,163,232,.4)}}.slider-arrows__arrow_prev{margin-right:20px}.drop-down{cursor:pointer;position:relative}.drop-down__header{padding:15px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);transition:background-color .15s ease-out}.drop-down__header span{margin-right:4px}.drop-down__header span,.drop-down__header svg{transition:color .15s ease-out}@media (min-width:1024px){.drop-down__header:hover span,.drop-down__header:hover svg{color:#42a3e8}}.drop-down__body{position:absolute;width:100%;display:flex;flex-direction:column;background-color:#42a3e8;overflow:hidden;max-height:0;z-index:20;transition:max-height .15s ease-out}.drop-down__header span,.drop-down__link{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}.drop-down__link{color:#fff;padding:7px 15px}.drop-down__link:last-child{padding-bottom:10px}.drop-down__link:first-child{padding-top:10px}.drop-down_active .drop-down__header{background-color:#42a3e8}.drop-down_active .drop-down__header span,.drop-down_active .drop-down__header svg{color:#fff}.citation{padding:20px;border-radius:20px;border:1px solid #42a3e8}.citation__text{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;margin-bottom:40px}@media (max-width:1439px){.citation__text{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:480px){.citation__text{font-family:Pretendard;font-size:16px;font-style:normal;line-height:130%;font-weight:700}}.citation__author{display:flex;gap:24px}@media (max-width:480px){.citation__author{gap:10px;flex-direction:column}}.citation__author-name{min-width:189px;display:flex;gap:6px}.citation__author-name span,.citation__author-position{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}@media (max-width:480px){.citation__author-name span{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}}.citation__author-position{font-size:16px;font-weight:400;line-height:130%;color:rgba(0,3,19,.5)}.single-article{margin-top:210px;margin-bottom:180px}@media (max-width:1439px){.single-article{margin-top:195px}}@media (max-width:1023px){.single-article{margin-top:171px}}@media (max-width:640px){.single-article{margin-top:121px;margin-bottom:100px}}@media (max-width:480px){.single-article{margin-bottom:90px}}.single-article .path{grid-column-start:1;grid-column-end:3}@media (max-width:480px){.single-article .path{grid-column-end:5}}.single-article__title{font-family:Pretendard;font-size:56px;font-style:normal;font-weight:600;line-height:110%;grid-column-start:3;grid-column-end:7;margin-bottom:20px}@media (max-width:1439px){.single-article__title{font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:110%}}@media (max-width:1023px){.single-article__title{font-family:Pretendard;font-size:32px;font-style:normal;font-weight:600;line-height:120%;margin-top:20px;margin-bottom:10px;grid-column-start:1;grid-column-end:5}}@media (max-width:640px){.single-article__title{margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid #42a3e8}}.single-article__tag{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase;color:#42a3e8;grid-column-start:3;grid-column-end:4;align-self:center}@media (max-width:1023px){.single-article__tag{grid-column-start:1;grid-column-end:2}}@media (max-width:640px){.single-article__tag{padding-left:15px;grid-column-end:5;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #42a3e8}}.single-article__date{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:rgba(0,3,19,.5);grid-column-start:4;grid-column-end:5;align-self:center}@media (max-width:1023px){.single-article__date{grid-column-start:3;grid-column-end:4}}@media (max-width:640px){.single-article__date{padding-left:15px;grid-column-start:1;grid-column-end:5;padding-bottom:15px;border-bottom:1px solid #42a3e8}}.single-article__share{grid-column-start:6;grid-column-end:7;justify-self:end}@media (max-width:1023px){.single-article__share{justify-self:initial;grid-column-start:4;grid-column-end:5}}@media (max-width:640px){.single-article__share{grid-column-start:1;grid-column-end:5;border-bottom:1px solid #42a3e8}}.single-article__main-img{margin-top:25px;border-radius:20px;grid-column-start:1;grid-column-end:3;grid-row-end:8;grid-row-start:3;overflow:hidden;aspect-ratio:1/1;position:relative;margin-right:64px}@media (max-width:1439px){.single-article__main-img{margin-right:0}}@media (max-width:1023px){.single-article__main-img{display:none}}.single-article__img img,.single-article__main-img img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-article__h3{font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:110%;grid-column-start:3;grid-column-end:7;text-indent:25.5%;margin-bottom:20px;margin-top:25px}@media (max-width:1439px){.single-article__h3{text-indent:0;font-family:Pretendard;font-size:32px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:1023px){.single-article__h3{grid-column-start:1;grid-column-end:5;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:640px){.single-article__h3{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:480px){.single-article__h3{margin-top:40px}}.single-article__paragraph{font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;grid-column-start:3;grid-column-end:6;margin-bottom:10px}.single-article__paragraph strong{font-weight:700}.single-article__paragraph a{cursor:pointer;color:#42a3e8;text-decoration-line:underline}@media (max-width:1023px){.single-article__paragraph{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__paragraph{grid-column-end:5}}.single-article__img{grid-column-start:3;grid-column-end:6;position:relative;overflow:hidden;border-radius:20px;height:550px;margin:50px 0 15px}@media (max-width:1439px){.single-article__img{margin-top:30px;height:440px;margin-bottom:10px}}@media (max-width:1023px){.single-article__img{margin-top:20px;grid-column-start:1;grid-column-end:4;height:360px}}@media (max-width:640px){.single-article__img{margin-top:10px;grid-column-end:5}}@media (max-width:480px){.single-article__img{height:224px}}@media (max-width:1023px){.single-article__img img{width:100%}}.single-article__img-description{grid-column-start:3;grid-column-end:6;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;color:rgba(0,3,19,.5);margin-bottom:10px}@media (max-width:1439px){.single-article__img-description{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%}}@media (max-width:1023px){.single-article__img-description{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__img-description{grid-column-end:5}}.single-article__h4{font-family:Pretendard;font-size:32px;font-style:normal;font-weight:600;line-height:120%;margin:70px 0 20px;grid-column-start:3;grid-column-end:6}@media (max-width:1439px){.single-article__h4{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;margin-top:50px}}@media (max-width:1023px){.single-article__h4{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__h4{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%;margin:30px 0 10px;grid-column-end:5}}@media (max-width:480px){.single-article__h4{margin:20px 0}}.single-article__citation{grid-column-start:3;grid-column-end:6;margin-bottom:10px;margin-top:30px}@media (max-width:1439px){.single-article__citation{margin-top:10px}}@media (max-width:1023px){.single-article__citation{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__citation{grid-column-end:5}}.single-article__list{grid-column-start:3;grid-column-end:6;margin-bottom:10px}@media (max-width:1023px){.single-article__list{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__list{grid-column-end:5}}.single-article__slider{margin-top:80px;margin-bottom:10px;grid-column-start:3;grid-column-end:6}@media (max-width:1439px){.single-article__slider{margin-top:60px}}@media (max-width:1023px){.single-article__slider{grid-column-start:1;grid-column-end:4}}@media (max-width:640px){.single-article__slider{margin-top:40px;grid-column-end:5}}.single-article__slider .swiper-wrapper{display:flex;margin-bottom:15px}@media (max-width:640px){.single-article__slider .swiper-wrapper{margin-bottom:10px}}.single-article__slide{max-width:fit-content;max-height:360px;flex-shrink:0;overflow:hidden;border-radius:20px;transform:translateZ(0);width:100%;height:100%}@media (max-width:1439px){.single-article__slide{max-height:290px}}@media (max-width:640px){.single-article__slide{max-height:220px}}.single-article__slide img{width:auto;height:360px;object-fit:cover}@media (max-width:1439px){.single-article__slide img{height:290px}}@media (max-width:640px){.single-article__slide img{height:220px}}.single-article__slider-descr{font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;color:rgba(0,3,19,.5);margin-bottom:40px}@media (max-width:640px){.single-article__slider-descr{margin-bottom:30px}}.single-article__scrollbar{margin-bottom:40px;height:2px;width:100%;background:rgba(66,163,232,.4);position:relative}@media (max-width:640px){.single-article__scrollbar{margin-bottom:20px}}.single-article__scrollbar .swiper-scrollbar-drag{height:2px;background-color:#42a3e8}.other-articles{margin-bottom:180px}@media (max-width:640px){.other-articles{margin-bottom:100px}}@media (max-width:480px){.other-articles{margin-bottom:90px}}.other-articles__title{font-family:Pretendard;font-size:56px;font-style:normal;font-weight:600;line-height:110%;grid-column-start:3;grid-column-end:7;margin-bottom:40px}@media (max-width:1023px){.other-articles__title{font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:110%;grid-column-start:2;grid-column-end:5}}@media (max-width:640px){.other-articles__title{font-family:Pretendard;font-size:32px;font-style:normal;font-weight:600;line-height:120%;grid-column-start:1;margin-bottom:30px}}.other-articles__list{grid-column-start:1;grid-column-end:7}.other-articles__list .swiper-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width:380px){.other-articles__list .swiper-wrapper{flex-wrap:nowrap}}@media (max-width:1023px){.other-articles__list{grid-column-start:1;grid-column-end:5}}.other-articles__item{cursor:pointer;width:18.7%;position:relative}@media (max-width:1439px){.other-articles__item{width:23.3%}.other-articles__item:last-child{display:none}}@media (max-width:1023px){.other-articles__item{width:48.8%;margin-bottom:20px}}@media (max-width:380px){.other-articles__item{min-width:200px;margin-bottom:30px}}@media (min-width:1024px){.other-articles__item:hover .other-articles__item-title span{background-image:linear-gradient(#000313,#000313);background-size:100% 2px}.other-articles__item:hover .other-articles__item-img img{transform:translate(-50%,-50%) scale(1.1)}}.other-articles__item-img{margin-bottom:15px;position:relative;overflow:hidden;width:100%;aspect-ratio:28/30;border-radius:20px}.other-articles__item-img img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease-out}.other-articles__item-tag{font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:130%;top:20px;left:20px;z-index:9}.other-articles__item-title{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:600;line-height:120%;margin-bottom:20px}.other-articles__item-title span{color:#000313;text-decoration:none;background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s linear}@media (max-width:1439px){.other-articles__item-title{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:120%}}@media (max-width:640px){.other-articles__item-title{font-size:18px}}.other-articles__item-date{font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase;color:rgba(0,3,19,.5)} /* End */ /* Start:/local/templates/solfer/components/bitrix/news.detail/solfer_articles/style.css?175491415943620*/ @font-face { font-family: "Pretendard"; src: url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-Regular.woff2") format("woff2"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-Regular.woff") format("woff"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-Regular.ttf") format("truetype"); font-weight: 400; } @font-face { font-family: "Pretendard"; src: url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-SemiBold.woff") format("woff"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Pretendard-SemiBold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: "Montserrat"; src: url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Montserrat-Bold.woff2") format("woff2"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Montserrat-Bold.woff") format("woff"), url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: 600; } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; } @media (max-width: 480px) { * { outline: none; } } html, body { text-size-adjust: none; scroll-behavior: smooth; } body { background: #000313; min-width: 320px; } body.lock { overflow: hidden; } body.light { background: #ffffff; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } button, input[type=button] { border: none; background: none; padding: 0; cursor: pointer; } a { text-decoration: none; color: inherit; } input { border: none; background: none; } input, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .hidden { display: none; } li { list-style: none; } .content { overflow: hidden; } section.section_first { margin-top: 210px; } @media (max-width: 1023px) { section.section_first { margin-top: 195px; } } @media (max-width: 640px) { section.section_first { margin-top: 171px; } } @media (max-width: 480px) { section.section_first { margin-top: 121px; } } .swiper-horizontal { touch-action: pan-y; } .paralax-section { position: relative; z-index: 3; will-change: transform; } .img-paralax { will-change: transform; } .reveal { transform: translateY(75px); opacity: 0; transition: transform 1.5s ease, opacity 1.5s ease; } .reveal.active { transform: translateY(0); opacity: 1; } .header { position: fixed; z-index: 20; width: 100%; padding: 20px 0; background-color: #000313; transition: transform 0.3s ease-out, background-color 0.15s ease-out; } @media (max-width: 640px) { .header { padding: 10px 0; } } .header .logo { color: #ffffff; pointer-events: all; } .header .logo svg { width: 138px; height: auto; transition: height 0.5s ease 0s, width 0.5s ease 0s; } @media (max-width: 1439px) { .header .logo svg { width: 128px; height: auto; } } @media (max-width: 1023px) { .header .logo svg { width: 139px; height: auto; } } @media (max-width: 640px) { .header .logo svg { width: 105px; height: auto; } } .header .container { display: flex; justify-content: space-between; align-items: center; } .header .burger { pointer-events: all; position: relative; width: 56px; height: 56px; cursor: pointer; } @media (max-width: 640px) { .header .burger { width: 44px; height: 44px; } } @media (min-width: 1024px) { .header .burger:hover::before, .header .burger:hover::after { background-color: rgba(255, 255, 255, 0.6); } } .header .burger::before, .header .burger::after { width: 100%; height: 4px; content: ""; left: 0; background-color: #ffffff; position: absolute; transition: background-color 0.15s ease-out; } .header .burger::before { top: calc(50% - 5px); transform: translateY(-50%); } .header .burger::after { top: calc(50% + 5px); transform: translateY(-50%); } .header_hidden { transform: translateY(-100%); overflow: hidden; } .header_opacity { pointer-events: none; background-color: rgba(0, 3, 19, 0); } @media (min-width: 1024px) { .header_top .logo svg { width: 139px; height: auto; } } @media (min-width: 1440px) { .header_top .logo svg { width: 192px; height: auto; } } body.light .header { background-color: #ffffff; } body.light .header .logo svg { color: #000313; } @media (min-width: 1024px) { body.light .header .burger:hover::before, body.light .header .burger:hover::after { background-color: rgba(0, 3, 19, 0.6); } } body.light .header .burger::before, body.light .header .burger::after { background-color: #000313; } .footer { background-color: #000313; color: #ffffff; padding-bottom: 35px; z-index: 4; position: relative; } @media (max-width: 480px) { .footer { padding-bottom: 20px; } } .footer .container_grid { padding-top: 40px; border-top: 1px solid #42a3e8; grid-row-gap: 80px; } @media (max-width: 1439px) { .footer .container_grid { grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 40px; } } @media (max-width: 1023px) { .footer .container_grid { grid-row-gap: 0; } } .footer__question { grid-column-start: 1; grid-column-end: 3; } @media (max-width: 1023px) { .footer__question { margin-bottom: 40px; } } @media (max-width: 480px) { .footer__question { grid-column-end: 4; } } .footer__question-title { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; color: rgba(255, 255, 255, 0.4); margin-bottom: 12px; } @media (max-width: 1023px) { .footer__question-title { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } .footer__info_products { grid-column-start: 3; grid-column-end: 5; } @media (max-width: 1023px) { .footer__info_products { margin-bottom: 40px; grid-column-start: 1; } } .footer__info_contacts { grid-column-start: 5; grid-column-end: 6; } @media (max-width: 1439px) { .footer__info_contacts { grid-column-start: 3; grid-column-end: 4; } } @media (max-width: 1023px) { .footer__info_contacts { margin-bottom: 30px; grid-column-start: 1; grid-column-end: 3; } } .footer__info_media { grid-column-start: 6; grid-column-end: 7; } @media (max-width: 1439px) { .footer__info_media { grid-column-start: 4; grid-column-end: 5; } } @media (max-width: 1023px) { .footer__info_media { grid-column-start: 3; grid-column-end: 5; } } .footer__info-title { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; margin-bottom: 20px; color: rgba(255, 255, 255, 0.5); } .footer__info-list { display: flex; flex-direction: column; } .footer__info-list_products { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } .footer__info-link { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; margin-bottom: 10px; max-width: 230px; transition: color 0.15s ease-out; } @media (min-width: 1024px) { .footer__info-link:hover { color: rgba(255, 255, 255, 0.5); } } .footer__info-link_tel { white-space: nowrap; } @media (min-width: 1024px) { .footer__info-link_address:hover { color: #ffffff; } } .footer__info-link:last-child { margin: 0; } @media (max-width: 480px) { .footer__info-link { max-width: 140px; } } .footer__text { font-family: Pretendard, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; color: rgba(255, 255, 255, 0.4); } .footer__text_link { cursor: pointer; transition: color 0.15s ease-out; } @media (min-width: 1024px) { .footer__text_link:hover { color: #ffffff; } } .footer__text_copyright { grid-column-start: 1; grid-column-end: 2; } @media (max-width: 1023px) { .footer__text_copyright { margin-bottom: 10px; } } @media (max-width: 480px) { .footer__text_copyright { grid-column-end: 3; } } .footer__text_policy { grid-column-start: 3; grid-column-end: 4; } @media (max-width: 1439px) { .footer__text_policy { grid-column-start: 2; grid-column-end: 3; } } @media (max-width: 1023px) { .footer__text_policy { grid-column-start: 1; } } .footer__text_agreement { grid-column-start: 4; grid-column-end: 5; } @media (max-width: 1439px) { .footer__text_agreement { grid-column-start: 3; grid-column-end: 4; } } @media (max-width: 1023px) { .footer__text_agreement { grid-column-end: 5; } } .footer__text_author { grid-column-start: 6; grid-column-end: 7; justify-self: end; } .footer__text_author a { color: #ffffff; transition: color 0.15s ease-out; } @media (min-width: 1024px) { .footer__text_author a:hover { color: rgba(255, 255, 255, 0.5); } } @media (max-width: 1439px) { .footer__text_author { grid-column-start: 4; grid-column-end: 5; } } @media (max-width: 1023px) { .footer__text_author { grid-row: 4; justify-self: start; grid-column-start: 3; } } .footer_white { background-color: #ffffff; color: #000313; } .footer_white .footer__question-title { color: rgba(0, 3, 19, 0.4); } .footer_white .footer__info-title { color: rgba(0, 3, 19, 0.5); } @media (min-width: 1024px) { .footer_white .footer__info-link:hover { color: rgba(0, 3, 19, 0.5); } } @media (min-width: 1024px) { .footer_white .footer__info-link_address:hover { color: #000313; } } .footer_white .footer__text { color: rgba(0, 3, 19, 0.4); } @media (min-width: 1024px) { .footer_white .footer__text_link:hover { color: #000313; } } .footer_white .footer__text_author a { color: #000313; } @media (min-width: 1024px) { .footer_white .footer__text_author a:hover { color: rgba(0, 3, 19, 0.5); } } @media (min-width: 1024px) { .footer_white .footer__button:hover { color: #060A20; } .footer_white .footer__button:hover svg path { fill: #060A20; } } .pop-up { position: fixed; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; transition: opacity 0.15s ease-out; color: #000313; overflow: auto; } .pop-up_open { visibility: visible; opacity: 1; } .pop-up__content { background-color: #fff; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); padding: 40px; border-radius: 20px; display: grid; grid-template-columns: 1fr 1fr; width: 63%; min-width: 790px; max-width: 950px; overflow-y: auto; } @media (max-width: 1023px) { .pop-up__content { transform: translate(-50%, 0); top: 40px; width: 100%; min-width: initial; max-width: 580px; display: block; } } @media (max-width: 640px) { .pop-up__content { border-radius: 0; transform: translate(0, 0); top: 0; bottom: 0; left: 0; right: 0; width: 100%; padding: 20px 10px; min-width: initial; max-width: initial; } } .pop-up__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; grid-column-start: 1; grid-column-end: 3; } @media (max-width: 480px) { .pop-up__header { margin-bottom: 35px; } } .pop-up__title { font-family: Pretendard, sans-serif; font-size: 56px; font-style: normal; font-weight: 600; line-height: 110%; } @media (max-width: 1023px) { .pop-up__title { font-family: Pretendard, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; } } @media (max-width: 640px) { .pop-up__title { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; } } .pop-up__close-btn { cursor: pointer; padding: 15px; } .pop-up__close-btn svg { transition: color 0.15s ease-out; } @media (min-width: 1024px) { .pop-up__close-btn:hover svg { color: rgba(0, 3, 19, 0.6); } } @media (max-width: 640px) { .pop-up__close-btn { padding: 10px; } .pop-up__close-btn svg { width: 20px; height: 20px; } } .pop-up__descr { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; grid-column-start: 1; grid-column-end: 2; max-width: 300px; } @media (max-width: 1023px) { .pop-up__descr { max-width: 230px; margin-bottom: 20px; } } @media (max-width: 640px) { .pop-up__descr { max-width: initial; } } .pop-up__buttons { margin-bottom: 50px; display: flex; max-width: 287px; gap: 15px; flex-wrap: wrap; grid-column-start: 2; grid-column-end: 3; align-self: flex-start; } @media (max-width: 1023px) { .pop-up__buttons { gap: 10px; margin-bottom: 40px; } } @media (max-width: 640px) { .pop-up__buttons { margin-bottom: 30px; } } .pop-up__form { grid-column-start: 2; grid-column-end: 3; } .pop-up__form .input:last-of-type { margin-bottom: 12px; } .pop-up__form .checkbox { margin-bottom: 40px; } @media (max-width: 640px) { .pop-up__form .checkbox { margin-bottom: 30px; } } .pop-up__form .button { width: 100%; } .pop-up__success-message { display: none; grid-column-start: 2; grid-column-end: 3; max-width: 305px; margin-bottom: 90px; } .pop-up__success-message-title { margin-bottom: 8px; font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } .pop-up__success-message-text { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } .pop-up__success-message-text a { cursor: pointer; color: #42a3e8; text-decoration-line: underline; } .cookie { background-color: #fff; position: fixed; bottom: 20px; right: 20px; padding: 20px; display: flex; align-items: center; gap: 10px; color: #000313; z-index: 20; transition: transform 0.15s ease-out; } @media (max-width: 640px) { .cookie { bottom: 0; right: 0; width: 100%; } } .cookie__message { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; max-width: 300px; } @media (max-width: 640px) { .cookie__message { max-width: initial; } } @media (max-width: 480px) { .cookie__message { font-family: Pretendard, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; } } .cookie__message a { color: #42a3e8; cursor: pointer; } @media (max-width: 480px) { .cookie__button { font-size: 12px !important; } .cookie__button svg { width: 16px; height: 16px; } } .cookie_accepted { display: none; } .menu { top: -150%; height: 100%; width: 100%; position: fixed; z-index: 50; background: #000313; transition: top 0.3s ease-out; } .menu .container { display: grid; align-items: start; max-height: 100svh; padding-bottom: 20px; } .menu__header { grid-column-start: 1; grid-column-end: 7; display: flex; justify-content: space-between; align-items: center; padding: 30px 0; } @media (max-width: 1023px) { .menu__header { grid-column-start: 1; grid-column-end: 5; } } @media (max-width: 640px) { .menu__header { padding: 20px 0; } } .menu__logo { color: #ffffff; } .menu__logo svg { width: 139px; height: auto; } @media (max-width: 640px) { .menu__logo svg { width: 105px; height: auto; } } .menu__header-burger { padding: 15px; color: #ffffff; transition: color 0.15s ease-out; } @media (min-width: 1024px) { .menu__header-burger:hover { color: rgba(255, 255, 255, 0.6); } } @media (max-width: 640px) { .menu__header-burger { padding: 10px; } .menu__header-burger svg { height: 23px; width: 23px; } } .menu__wrapper { grid-column-start: 1; grid-column-end: 7; overflow-y: auto; display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 24px; padding-top: 10px; max-height: calc(100svh - 171px); } @media (max-width: 1023px) { .menu__wrapper { grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-column-start: 1; grid-column-end: 5; padding-top: 10px; max-height: calc(100svh - 140px); } } @media (max-width: 640px) { .menu__wrapper { max-height: calc(100svh - 100px); } } .menu nav { color: #ffffff; display: flex; flex-direction: column; grid-column-start: 1; grid-column-end: 5; } @media (max-width: 1023px) { .menu nav { margin-bottom: 35px; } } @media (max-width: 480px) { .menu nav { margin-bottom: 5px; } } .menu__item { font-family: Pretendard, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; cursor: pointer; padding-bottom: 25px; transition: color 0.15s ease-out; } @media (max-width: 1023px) { .menu__item { font-family: Pretendard, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 480px) { .menu__item { padding-bottom: 15px; font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; } } .menu__item:last-child { margin-bottom: 0; } .menu__link { transition: color 0.15s ease-out; } @media (min-width: 1024px) { .menu__link:hover { color: #42a3e8; } } .menu__point { display: flex; align-items: center; } .menu__point a { margin-right: 10px; transition: color 0.15s ease-out; } @media (max-width: 640px) { .menu__point a { margin-right: 8px; } } .menu__point svg { transition: transform 0.15s ease-out, color 0.15s ease-out; } @media (max-width: 640px) { .menu__point svg { width: 20px; height: 20px; } } @media (min-width: 1024px) { .menu__point:hover a { color: #42a3e8; } .menu__point:hover svg { transform: rotate(90deg); color: #42a3e8; } } .menu__button { margin-bottom: 10px; } .menu__list.menu__list_active .menu__point a { color: #42a3e8; } .menu__list.menu__list_active .menu__point svg { transform: rotate(90deg); color: #42a3e8; } .menu_hovered nav, .menu_active nav { color: rgba(255, 255, 255, 0.5); } .menu_hovered .menu__point svg, .menu_active .menu__point svg { color: rgba(255, 255, 255, 0.5); } @media (min-width: 1024px) { .menu_hovered .menu__point:hover svg, .menu_active .menu__point:hover svg { color: #42a3e8; } } .menu .submenu { max-height: 0; overflow: hidden; transition: max-height 0.35s ease-out; color: #ffffff; } .menu .submenu__wrapper { padding-top: 25px; margin-left: 70px; max-height: 274px; display: flex; flex-direction: column; flex-wrap: wrap; column-gap: 60px; } @media (max-width: 1439px) { .menu .submenu__wrapper { flex-wrap: nowrap; max-height: initial; } } .menu .submenu__item { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; max-width: 330px; cursor: pointer; padding-bottom: 12px; } @media (max-width: 480px) { .menu .submenu__item { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } .menu .submenu__item:last-child { padding-bottom: 0; } .menu__info { grid-column-start: 5; grid-column-end: 7; } @media (max-width: 1023px) { .menu__info { grid-column-start: 1; grid-column-end: 5; } } @media (max-width: 480px) { .menu__info { display: flex; flex-direction: column-reverse; align-items: start; } } .menu__img { max-width: 484px; border-radius: 30px 0px; overflow: hidden; margin-bottom: 20px; } @media (max-width: 1023px) { .menu__img { display: none; } } .menu__img img { width: 100%; height: auto; } .menu__contacts-wrapper { display: flex; column-gap: 24px; margin-bottom: 20px; } @media (max-width: 480px) { .menu__contacts-wrapper { margin: 0; display: block; } } .menu__contacts { display: flex; flex-direction: column; } @media (max-width: 480px) { .menu__contacts { margin: 20px 0 20px 0; } } .menu__contacts-title { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; color: rgba(255, 255, 255, 0.4); margin-bottom: 20px; } @media (max-width: 480px) { .menu__contacts-title { margin-bottom: 15px; } } .menu__contacts-item { font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; color: #ffffff; max-width: 230px; margin-bottom: 12px; transition: color 0.15s ease-out; } @media (min-width: 1024px) { .menu__contacts-item:hover { color: rgba(255, 255, 255, 0.5); } } .menu__contacts-item:last-child { margin-bottom: 0; } @media (min-width: 1024px) { .menu__contacts-item_address:hover { color: #ffffff; } } .menu_open { top: 0; } .container { width: 100%; max-width: 1540px; padding: 0 20px; margin: 0 auto; } @media (max-width: 1439px) { .container { max-width: 1240px; } } @media (max-width: 640px) { .container { padding: 0 10px; } } .container_grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 24px; } @media (max-width: 1023px) { .container_grid { grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; } } .button { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 6px; border-radius: 100px; padding: 8px 20px; color: #ffffff; text-transform: uppercase; border: 1px solid #42a3e8; transition: color 0.15s ease-out, background 0.15s ease-out; z-index: 2; white-space: nowrap; } .button svg { transition: transform 0.15s ease-out, color 0.15s ease-out; } @media (min-width: 1024px) { .button:hover { background: #42a3e8; } .button:hover svg { transform: scaleX(1.2) translateX(2px); } } .button_filled { background: #42a3e8; } @media (min-width: 1024px) { .button_filled:hover { background: initial; } } .button_link { border: 0; padding: 0; } @media (min-width: 1024px) { .button_link:hover { background: initial; } } .button_black { color: #060A20; } .button_black50 { color: rgba(0, 3, 19, 0.5); } .button_white50 { color: rgba(255, 255, 255, 0.5); } .button_blue { color: #42a3e8; } @media (min-width: 1024px) { .button_white-hover:hover { color: #ffffff; } } @media (min-width: 1024px) { .button_black-hover:hover { color: #000313; } } .button_start { align-self: flex-start; justify-self: flex-start; } .path { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: #42a3e8; margin-top: 35px; } @media (max-width: 1023px) { .path { margin-top: 0; } } .path a { margin: 0 8px; } .path a:first-child { margin-left: 0; } .link { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; color: #42a3e8; padding-bottom: 4px; position: relative; justify-self: start; } @media (max-width: 640px) { .link { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 480px) { .link { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } } .link::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #42a3e8; opacity: 1; transition: opacity 0.15s ease-out; } @media (min-width: 1024px) { .link:hover::before { opacity: 0; } } .list__item { display: flex; align-items: center; font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; color: #000313; margin-bottom: 10px; } .list__item:last-child { margin-bottom: 0; } .list__item svg { min-width: 6px; min-height: 6px; margin-right: 10px; } .list_white .list__item { color: #ffffff; } .input input { padding: 12px 20px; border: none; border-bottom: 1px solid rgba(66, 163, 232, 0.4); width: 100%; transition: border-color 0.15s ease-out; font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: #000313; } .input input::placeholder { text-transform: uppercase; color: rgba(0, 3, 19, 0.4); font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } .input input:focus { outline: none; border-color: #42a3e8; } .input_error input { border-color: rgba(255, 45, 45, 0.4); } .input_error input:focus { border-color: #42a3e8; } .input_error input:focus + span { display: none; } .input_error .input__err-message { display: block; } .input_phone { margin-bottom: 12px; } .input__err-message { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; display: none; margin-top: 10px; margin-left: 20px; color: rgba(255, 45, 45, 0.4); } .checkbox input { position: absolute; z-index: -1; opacity: 0; } .checkbox input:checked + label::before { background-image: url("/local/templates/solfer/components/bitrix/news.detail/solfer_articles/../img/checkbox.svg"); background-color: #42a3e8; } .checkbox label { white-space: nowrap; cursor: pointer; display: inline-flex; user-select: none; align-items: flex-start; color: rgba(0, 3, 19, 0.4); font-family: Pretendard, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; line-height: 18px; } .checkbox label a { color: #000313; transition: color 0.15s ease-out; white-space: normal; } @media (min-width: 1024px) { .checkbox label a:hover { color: rgba(0, 3, 19, 0.4); } } .checkbox label::before { content: ""; display: inline-block; min-width: 16px; min-height: 16px; border: 1px solid #42a3e8; margin-right: 10px; } .tag { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: #ffffff; position: absolute; padding: 8px 16px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(16.5px); } .slider-arrows { display: flex; } .slider-arrows__arrow { cursor: pointer; padding: 10px 10px; width: 78px; height: 42px; border: 1px solid rgba(66, 163, 232, 0.4); border-radius: 10px; position: relative; transition: border 0.15s ease-out; } .slider-arrows__arrow.swiper-button-lock { display: none; } .slider-arrows__arrow svg { color: #42a3e8; } @media (min-width: 1024px) { .slider-arrows__arrow:hover { border-color: #42a3e8; } } .slider-arrows__arrow.swiper-button-disabled { cursor: default; border: 1px solid rgba(66, 163, 232, 0.4); } .slider-arrows__arrow.swiper-button-disabled svg { color: rgba(66, 163, 232, 0.4); } @media (min-width: 1024px) { .slider-arrows__arrow.swiper-button-disabled:hover { border: 1px solid rgba(66, 163, 232, 0.4); } } .slider-arrows__arrow svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .slider-arrows__arrow_prev { margin-right: 20px; } .drop-down { cursor: pointer; position: relative; } .drop-down__header { padding: 15px; display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.4); transition: background-color 0.15s ease-out; } .drop-down__header span { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; margin-right: 4px; transition: color 0.15s ease-out; } .drop-down__header svg { transition: color 0.15s ease-out; } @media (min-width: 1024px) { .drop-down__header:hover span { color: #42a3e8; } .drop-down__header:hover svg { color: #42a3e8; } } .drop-down__body { position: absolute; width: 100%; display: flex; flex-direction: column; background-color: #42a3e8; overflow: hidden; max-height: 0; z-index: 20; transition: max-height 0.15s ease-out; } .drop-down__link { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: #ffffff; padding: 7px 15px; } .drop-down__link:last-child { padding-bottom: 10px; } .drop-down__link:first-child { padding-top: 10px; } .drop-down_active .drop-down__header { background-color: #42a3e8; } .drop-down_active .drop-down__header span { color: #ffffff; } .drop-down_active .drop-down__header svg { color: #ffffff; } .citation { padding: 20px; border-radius: 20px; border: 1px solid #42a3e8; } .citation__text { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; margin-bottom: 40px; } @media (max-width: 1439px) { .citation__text { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 480px) { .citation__text { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; font-weight: 700; } } .citation__author { display: flex; gap: 24px; } @media (max-width: 480px) { .citation__author { gap: 10px; flex-direction: column; } } .citation__author-name { min-width: 189px; display: flex; gap: 6px; } .citation__author-name span { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } @media (max-width: 480px) { .citation__author-name span { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } } .citation__author-position { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: rgba(0, 3, 19, 0.5); } .single-article { margin-top: 210px; margin-bottom: 180px; } @media (max-width: 1439px) { .single-article { margin-top: 195px; } } @media (max-width: 1023px) { .single-article { margin-top: 171px; } } @media (max-width: 640px) { .single-article { margin-top: 121px; margin-bottom: 100px; } } @media (max-width: 480px) { .single-article { margin-bottom: 90px; } } .single-article__path { grid-column-start: 1; grid-column-end: 3; } @media (max-width: 480px) { .single-article__path { grid-column-end: 5; } } .single-article__title { font-family: Pretendard, sans-serif; font-size: 56px; font-style: normal; font-weight: 600; line-height: 110%; grid-column-start: 3; grid-column-end: 7; margin-bottom: 20px; } @media (max-width: 1439px) { .single-article__title { font-family: Pretendard, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; } } @media (max-width: 1023px) { .single-article__title { font-family: Pretendard, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; margin-top: 20px; margin-bottom: 10px; grid-column-start: 1; grid-column-end: 5; } } @media (max-width: 640px) { .single-article__title { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #42a3e8; } } .single-article__tag { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; text-transform: uppercase; color: #42a3e8; grid-column-start: 3; grid-column-end: 4; align-self: center; } @media (max-width: 1023px) { .single-article__tag { grid-column-start: 1; grid-column-end: 2; } } @media (max-width: 640px) { .single-article__tag { padding-left: 15px; grid-column-end: 5; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #42a3e8; } } .single-article__date { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; color: rgba(0, 3, 19, 0.5); grid-column-start: 4; grid-column-end: 5; align-self: center; } @media (max-width: 1023px) { .single-article__date { grid-column-start: 3; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__date { padding-left: 15px; grid-column-start: 1; grid-column-end: 5; padding-bottom: 15px; border-bottom: 1px solid #42a3e8; } } .single-article__share { grid-column-start: 6; grid-column-end: 7; justify-self: end; } @media (max-width: 1023px) { .single-article__share { justify-self: initial; grid-column-start: 4; grid-column-end: 5; } } @media (max-width: 640px) { .single-article__share { grid-column-start: 1; grid-column-end: 5; border-bottom: 1px solid #42a3e8; } } .single-article__main-img { margin-top: 25px; border-radius: 20px; grid-column-start: 1; grid-column-end: 3; grid-row-end: 8; grid-row-start: 3; overflow: hidden; aspect-ratio: 1/1; position: relative; margin-right: 64px; } @media (max-width: 1439px) { .single-article__main-img { margin-right: 0; } } @media (max-width: 1023px) { .single-article__main-img { display: none; } } .single-article__main-img img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single-article__h3 { font-family: Pretendard, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; grid-column-start: 3; grid-column-end: 7; text-indent: 25.5%; margin-bottom: 20px; margin-top: 25px; } @media (max-width: 1439px) { .single-article__h3 { text-indent: 0; font-family: Pretendard, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 1023px) { .single-article__h3 { grid-column-start: 1; grid-column-end: 5; font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 640px) { .single-article__h3 { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 480px) { .single-article__h3 { margin-top: 40px; } } .single-article__paragraph { font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; grid-column-start: 3; grid-column-end: 6; margin-bottom: 10px; } .single-article__paragraph b { font-weight: 700; } .single-article__paragraph a { cursor: pointer; color: #42a3e8; text-decoration-line: underline; } @media (max-width: 1023px) { .single-article__paragraph { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__paragraph { grid-column-end: 5; } } .single-article__img { grid-column-start: 3; grid-column-end: 6; position: relative; overflow: hidden; border-radius: 20px; height: 550px; margin: 50px 0 15px 0; } @media (max-width: 1439px) { .single-article__img { margin-top: 30px; height: 440px; margin-bottom: 10px; } } @media (max-width: 1023px) { .single-article__img { margin-top: 20px; grid-column-start: 1; grid-column-end: 4; height: 360px; } } @media (max-width: 640px) { .single-article__img { margin-top: 10px; grid-column-end: 5; } } @media (max-width: 480px) { .single-article__img { height: 224px; } } .single-article__img img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 1023px) { .single-article__img img { width: 100%; } } .single-article__img-description { grid-column-start: 3; grid-column-end: 6; font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; color: rgba(0, 3, 19, 0.5); margin-bottom: 10px; } @media (max-width: 1439px) { .single-article__img-description { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; } } @media (max-width: 1023px) { .single-article__img-description { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__img-description { grid-column-end: 5; } } .single-article__h4 { font-family: Pretendard, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; margin: 70px 0 20px 0; grid-column-start: 3; grid-column-end: 6; } @media (max-width: 1439px) { .single-article__h4 { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; margin-top: 50px; } } @media (max-width: 1023px) { .single-article__h4 { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__h4 { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; margin: 30px 0 10px 0; grid-column-end: 5; } } @media (max-width: 480px) { .single-article__h4 { margin: 20px 0 20px 0; } } .single-article__citation { grid-column-start: 3; grid-column-end: 6; margin-bottom: 10px; margin-top: 30px; } @media (max-width: 1439px) { .single-article__citation { margin-top: 10px; } } @media (max-width: 1023px) { .single-article__citation { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__citation { grid-column-end: 5; } } .single-article__list { grid-column-start: 3; grid-column-end: 6; margin-bottom: 10px; } @media (max-width: 1023px) { .single-article__list { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__list { grid-column-end: 5; } } .single-article__slider { margin-top: 80px; grid-column-start: 3; grid-column-end: 6; } @media (max-width: 1439px) { .single-article__slider { margin-top: 60px; } } @media (max-width: 1023px) { .single-article__slider { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 640px) { .single-article__slider { margin-top: 40px; grid-column-end: 5; } } .single-article__slider .swiper-wrapper { display: flex; margin-bottom: 15px; } @media (max-width: 640px) { .single-article__slider .swiper-wrapper { margin-bottom: 10px; } } .single-article__slide { max-width: fit-content; max-height: 360px; flex-shrink: 0; overflow: hidden; border-radius: 20px; transform: translateZ(0); width: 100%; height: 100%; } @media (max-width: 1439px) { .single-article__slide { max-height: 290px; } } @media (max-width: 640px) { .single-article__slide { max-height: 220px; } } .single-article__slide img { width: auto; height: 360px; object-fit: cover; } @media (max-width: 1439px) { .single-article__slide img { height: 290px; } } @media (max-width: 640px) { .single-article__slide img { height: 220px; } } .single-article__slider-descr { font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; color: rgba(0, 3, 19, 0.5); margin-bottom: 40px; } @media (max-width: 640px) { .single-article__slider-descr { margin-bottom: 30px; } } .single-article__scrollbar { margin-bottom: 40px; height: 2px; width: 100%; background: rgba(66, 163, 232, 0.4); position: relative; } @media (max-width: 640px) { .single-article__scrollbar { margin-bottom: 20px; } } .single-article__scrollbar .swiper-scrollbar-drag { height: 2px; background-color: #42a3e8; } .other-articles { margin-bottom: 180px; } @media (max-width: 640px) { .other-articles { margin-bottom: 100px; } } @media (max-width: 480px) { .other-articles { margin-bottom: 90px; } } .other-articles__title { font-family: Pretendard, sans-serif; font-size: 56px; font-style: normal; font-weight: 600; line-height: 110%; grid-column-start: 3; grid-column-end: 7; margin-bottom: 40px; } @media (max-width: 1023px) { .other-articles__title { font-family: Pretendard, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: 110%; grid-column-start: 2; grid-column-end: 5; } } @media (max-width: 640px) { .other-articles__title { font-family: Pretendard, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; grid-column-start: 1; margin-bottom: 30px; } } .other-articles__list { grid-column-start: 1; grid-column-end: 7; } .other-articles__list .swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 380px) { .other-articles__list .swiper-wrapper { flex-wrap: nowrap; } } @media (max-width: 1023px) { .other-articles__list { grid-column-start: 1; grid-column-end: 5; } } .other-articles__item { cursor: pointer; width: 18.7%; position: relative; } @media (max-width: 1439px) { .other-articles__item { width: 23.3%; } .other-articles__item:last-child { display: none; } } @media (max-width: 1023px) { .other-articles__item { width: 48.8%; margin-bottom: 20px; } } @media (max-width: 380px) { .other-articles__item { min-width: 200px; margin-bottom: 30px; } } @media (min-width: 1024px) { .other-articles__item:hover .other-articles__item-title span { background-image: linear-gradient(#000313, #000313); background-size: 100% 2px; } .other-articles__item:hover .other-articles__item-img img { transform: translate(-50%, -50%) scale(1.1); } } .other-articles__item-img { margin-bottom: 15px; position: relative; overflow: hidden; width: 100%; aspect-ratio: 28/30; border-radius: 20px; } .other-articles__item-img img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.3s ease-out; } .other-articles__item-tag { font-family: Pretendard, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 130%; top: 20px; left: 20px; z-index: 9; } .other-articles__item-title { font-family: Pretendard, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; margin-bottom: 20px; } .other-articles__item-title span { color: #000313; text-decoration: none; background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.3s linear; } @media (max-width: 1439px) { .other-articles__item-title { font-family: Pretendard, sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%; } } @media (max-width: 640px) { .other-articles__item-title { font-size: 18px; } } .other-articles__item-date { font-family: Pretendard, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; text-transform: uppercase; color: rgba(0, 3, 19, 0.5); } /* End */ /* Start:/local/templates/solfer/components/sprint.editor/blocks/solfer/style.min.css?17549141598110*/ .link{font-family:"Montserrat",Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:20px;font-style:normal;padding:8px 0}@media (max-width:1219px){.link{font-family:"Montserrat",Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:20px;font-style:normal}}@media (max-width:999px){.link{font-family:"Montserrat",Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:20px;font-style:normal}}.link_color_black{color:#1b1b1b}.link_color_white{color:#fff}.link_border_black,.link_border_white{border-bottom:1px solid rgba(0,0,0,.15);transition:border-bottom-color .2s ease-in-out}@media (min-width:1000px){.link_border_black:hover{border-bottom-color:rgba(0,0,0,.5)}}.link_border_white{border-bottom:1px solid rgba(255,255,255,.15)}@media (min-width:1000px){.link_border_white:hover{border-bottom-color:rgba(255,255,255,.5)}}.link_arrow{display:flex;gap:10px;align-items:center}.list__list{display:flex;flex-direction:column;gap:15px}.list__link{font-family:"Montserrat",Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:normal;color:rgba(0,0,0,.5)}@media (min-width:1000px){.list__link:hover{background:linear-gradient(90deg,#ee0979 0,red 44.97%,#ff6a00 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.text-block{display:flex;flex-direction:column}.text-block_extra-top_60{padding-top:60px}@media (max-width:767px){.text-block_extra-top_60{padding-top:40px}}.text-block_extra-top_120{padding-top:120px}@media (max-width:1219px){.text-block_extra-top_120{padding-top:60px}}.text-block_flat .text-block__item .text-block__column:last-child{padding:0}.text-block__item{display:flex;gap:20px}.text-block__item:not(:first-child){margin-top:50px}@media (max-width:767px){.text-block__item:not(:first-child){margin-top:40px}.text-block__item{gap:10px;flex-direction:column}.text-block__item_reverse{flex-direction:column-reverse;gap:40px}}.text-block__column{flex-basis:calc(50% - 10px)}.text-block__column:last-child{padding-top:20px}@media (max-width:999px){.text-block__column:last-child{padding-top:0}}.text-block__title h2{font-family:"Montserrat",Helvetica,sans-serif;font-size:40px;font-weight:500;line-height:117%;font-style:normal;margin-right:20px}@media (max-width:1219px){.text-block__title h2{font-family:"Montserrat",Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:normal}}.text-block__title_color_black{color:#1b1b1b}.text-block__title_color_white{color:#fff}.text-block__text_big a:hover,.text-block__title_color_gradient{background:linear-gradient(90deg,#ee0979 0,red 44.97%,#ff6a00 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-block__text{color:#1b1b1b}.text-block__text:not(:first-child){margin-top:30px}@media (max-width:1219px){.text-block__text:not(:first-child){margin-top:15px}}.text-block__text_big a,.text-block__text_big p{font-family:"Montserrat",Helvetica,sans-serif;font-size:24px;font-weight:500;line-height:26px;font-style:normal}@media (max-width:1219px){.text-block__text_big p{font-family:"Montserrat",Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:normal}}@media (max-width:767px){.text-block__text_big p{margin-top:30px}}.text-block__text_big a{color:#1b1b1b;text-decoration:underline}@media (max-width:1219px){.text-block__text_big a{font-family:"Montserrat",Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:normal}}.text-block__text_medium p{font-family:"Montserrat",Helvetica,sans-serif;font-size:24px;font-weight:500;line-height:26px;font-style:normal}@media (max-width:1219px){.text-block__text_medium p{font-family:"Montserrat",Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:20px;font-style:normal}}.text-block__text_small p{font-family:"PT Sans",Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:22px;font-style:normal}.text-block__text_small p:not(:first-child),.text-block__text_small ul li:not(:first-child){margin-top:10px}.text-block__text_small a{font-family:"PT Sans",Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:22px;font-style:normal;color:#1b1b1b}.text-block__contacts p:not(:first-child),.text-block__text_small a:not(:first-child),.text-block__text_small ol:not(:first-child),.text-block__text_small ul:not(:first-child){margin-top:15px}.text-block__text_small a.underlined{font-family:"PT Sans",Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:20px;font-style:normal;text-decoration:underline}@media (min-width:1000px){.text-block__text_small a.document:hover{text-decoration:underline}}@media (max-width:999px){.text-block__text_small a.document{text-decoration:underline}}.text-block__text_small a:not(.document){text-decoration:underline}@media (min-width:1000px){.text-block__text_small a:not(.document):hover{background:linear-gradient(90deg,#ee0979 0,red 44.97%,#ff6a00 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.text-block__text_small ol,.text-block__text_small ul{font-family:"PT Sans",Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:22px;font-style:normal;margin-left:20px}.text-block__text_small ol li{list-style-type:decimal}.text-block__text_small ul li{list-style:initial}.text-block__text_small_extra-top:not(:first-child){margin-top:40px}@media (max-width:1219px){.text-block__text_small_extra-top:not(:first-child){margin-top:30px}}@media (max-width:767px){.text-block__text_small_extra-top:not(:first-child){margin-top:20px}.text-block__text_small_extra-top:first-child{margin-top:10px}}.text-block__contacts p{font-family:"Montserrat",Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:20px;font-style:normal;color:rgba(0,0,0,.5)}.text-block__contacts a,.text-block__contacts button,.text-block__contacts span{font-family:"PT Sans",Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:22px;font-style:normal;color:#1b1b1b;margin-top:5px;display:inline-block}.text-block__contacts a,.text-block__contacts button{font-size:15px;line-height:20px;display:block;text-decoration:underline}.text-block__row{padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.5)}.text-block__row:not(:first-child){margin-top:15px}.text-block__img{margin:50px 0}.text-block__img img{width:100%;object-fit:cover}.gallery{position:relative}@media (min-width:1000px){.gallery:hover .gallery__controls{opacity:1}}.gallery_extra-top{margin-top:120px}@media (max-width:1219px){.gallery_extra-top{margin-top:60px}}.gallery__title{font-family:"Montserrat",Helvetica,sans-serif;font-size:40px;font-weight:500;line-height:117%;font-style:normal;background:linear-gradient(90deg,#ee0979 0,red 44.97%,#ff6a00 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px}@media (max-width:1219px){.gallery__title{font-family:"Montserrat",Helvetica,sans-serif;font-size:20px;font-weight:500;font-style:normal;margin-bottom:20px}}.gallery__slider.swiper{padding:0 15px}.gallery__slide.swiper-slide{width:auto}.gallery__img{height:480px;display:block;cursor:pointer}.gallery__img img{height:100%;object-fit:cover}@media (max-width:1219px){.gallery__img{height:270px}}.gallery__info{margin:15px 15px 0}@media (max-width:1219px){.gallery__info{margin:8px 8px 0}}.gallery__info-header{display:flex;gap:15px;margin-bottom:20px}@media (max-width:1219px){.gallery__info-header{margin-bottom:10px}}.gallery__category,.gallery__info-body p,.gallery__year{font-family:"PT Sans",Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:17px;font-style:normal}.gallery__category,.gallery__year{color:rgba(0,0,0,.5)}.gallery__info-body p{color:#1b1b1b}.gallery__controls{position:absolute;top:240px;left:50%;z-index:10;transform:translate(-50%,-50%);display:flex;justify-content:space-between}@media (min-width:1000px){.gallery__controls{opacity:1;transition:opacity .2s ease-in-out}}@media (max-width:1219px){.gallery__controls{top:135px}}@media (max-width:767px){.gallery__controls{display:none}}.gallery__next-btn,.gallery__prev-btn{position:absolute;top:-22px}.gallery__next-btn{right:0} /* End */ /* /local/templates/solfer/sass/single-article.min.css?175491415934121 */ /* /local/templates/solfer/components/bitrix/news.detail/solfer_articles/style.css?175491415943620 */ /* /local/templates/solfer/components/sprint.editor/blocks/solfer/style.min.css?17549141598110 */