/* Start:/bitrix/templates/ru_y/css/libs.min.css?173046827435303*/ /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ @keyframes tooltipster-fading{0%{opacity:0}to{opacity:1}}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}to{transform:scale(1)}}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:0!important;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity,.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:0!important}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity-wrap:before{content:'';height:100%;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-height:100%;outline:0!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade],[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate,[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-down].aos-animate,[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow,.tooltipster-swing{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall,.tooltipster-slide{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-update-fade{animation:tooltipster-fading .4s}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/bitrix/templates/ru_y/css/style.css?1731936085218030*/ :root { --color-main: #08c649; --color-blue: #1464FF; --font-inter: Inter, Tahoma, sans-serif; --font-rfdewiext: RFDewiExtended, Inter, Tahoma, sans-serif; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Regular.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Regular.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Regular.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Regular.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Regular.svg') format('svg'); font-weight: 400; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Italic.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Italic.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Italic.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Italic.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Italic.svg') format('svg'); font-weight: 400; font-style: italic; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraLightBETA.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraLightBETA.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraLightBETA.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraLightBETA.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraLightBETA.svg') format('svg'); font-weight: 200; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-LightBETA.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-LightBETA.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-LightBETA.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-LightBETA.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-LightBETA.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Medium.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Medium.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Medium.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Medium.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Medium.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-SemiBold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-SemiBold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-SemiBold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-SemiBold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-SemiBold.svg') format('svg'); font-weight: 600; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Bold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Bold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Bold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Bold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Bold.svg') format('svg'); font-weight: 700; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraBold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraBold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraBold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraBold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-ExtraBold.svg') format('svg'); font-weight: 800; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: Inter; src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Black.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/Inter-Black.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Black.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Black.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/Inter-Black.svg') format('svg'); font-weight: 900; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: RFDewiExtended; src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Ultrabold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Ultrabold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Ultrabold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Ultrabold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Ultrabold.svg') format('svg'); font-weight: 800; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: RFDewiExtended; src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Bold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Bold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Bold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Bold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Bold.svg') format('svg'); font-weight: 700; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: RFDewiExtended; src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Semibold.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Semibold.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Semibold.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Semibold.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Semibold.svg') format('svg'); font-weight: 600; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } @font-face { font-family: RFDewiExtended; src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Regular.eot'); src: url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Regular.woff') format('woff'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Regular.otf') format('otf'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Regular.ttf') format('truetype'), url('/bitrix/templates/ru_y/css/../fonts/RFDewiExtended-Regular.svg') format('svg'); font-weight: 400; font-style: normal; font-display: swap; text-rendering: optimizeLegibility; } /* БАЗОВЫЕ НАСТРОЙКИ */ body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, abbr { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ul li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } legend { color: #212121; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } img, svg { width: 100%; display: block; height: auto; } mark { background: none; color: inherit; } html { font-size: 3.88888889vw; } @media (min-width: 1070px) { html { font-size: 0.83333333vw; } } body { position: relative; font-family: var(--font-inter); line-height: 1.3; font-size: 4.44444444vw; font-weight: 400; font-style: normal; background: #DBE3EA; color: #000; letter-spacing: 0.01em; scroll-behavior: smooth; } @media (min-width: 1070px) { body { font-size: 0.83vw; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100000px; } a { color: inherit; outline: none; text-decoration: none; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } button, [role="button"] { cursor: pointer; } strong { font-weight: 700; } .main { min-height: 80vh; min-width: 320px; } .container { position: relative; z-index: 2; margin: 0 4.44vw; } @media (min-width: 1070px) { .container { max-width: 89.58333333vw; margin: 0 auto; } } .text-center { text-align: center; } .d-ib { display: inline-block; } [hidden], .hidden { display: none !important; } .nowrap { white-space: nowrap; } .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-self-center { -ms-flex-item-align: center; align-self: center; } @media (max-width: 1069px) { .mobile-hidden { display: none !important; } } @media (min-width: 1070px) { .desktop-hidden { display: none !important; } } .fill-currentcolor { fill: currentColor; stroke: none; } .stroke-currentcolor { fill: none; stroke: currentColor; } .overflow-hidden { overflow: hidden; } @media (min-width: 1070px) { .overflow-hidden { padding-right: 17px; } } .logo { display: block; } .burger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-transition: 0.3s color; transition: 0.3s color; cursor: pointer; outline: none; background: none; border: 0; padding: 0; } .burger:hover i::after { left: 0%; } .burger i { display: block; position: relative; overflow: hidden; width: 8.33333333vw; background: var(--color-main); border-radius: 50%; } .burger i::after { content: ''; display: block; position: absolute; z-index: 0; left: 101%; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#00d047), to(#00e1d4)); background: linear-gradient(90deg, #00d047 0%, #00e1d4 100%); -webkit-transition: 0.3s left; transition: 0.3s left; } .burger i svg { stroke: currentColor; position: relative; z-index: 1; } @media (min-width: 1070px) { .burger i { width: 2.70833333vw; } } .burger span { display: none; } @media (min-width: 1070px) { .burger span { display: block; padding: 0 1.1em 0 0.7em; font-weight: 500; font-size: 1.15vw; letter-spacing: 0.01em; color: #000; } } .lang { position: relative; z-index: 5; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 300; } .lang__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #DBE3EA; background: rgba(255, 255, 255, 0.3); padding: 1.38888889vw; border-radius: 5.55555556vw; letter-spacing: 0.01em; } @media (min-width: 1070px) { .lang__title { padding: 0.42vw; border-radius: 1.77083333vw; font-size: 1.15vw; } } .lang__title:hover i { background: var(--color-main); color: #fff; } .lang__title::after { content: ''; display: block; width: 2.77777778vw; -webkit-box-flex: 0; -ms-flex: 0 0 2.77777778vw; flex: 0 0 2.77777778vw; aspect-ratio: 1.66666667; background: url(/bitrix/templates/ru_y/css/../img/svg/drop-1.svg) center / contain no-repeat; margin-right: 1.38888889vw; } @media (min-width: 1070px) { .lang__title::after { width: 0.78125vw; -ms-flex-preferred-size: 0.78125vw; flex-basis: 0.78125vw; margin-right: 0.52083333vw; } } .lang__title i { display: block; width: 8.33333333vw; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333333vw; flex: 0 0 8.33333333vw; background: #fff; border-radius: 50%; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; color: var(--color-main); } @media (min-width: 1070px) { .lang__title i { width: 2.70833333vw; -ms-flex-preferred-size: 2.70833333vw; flex-basis: 2.70833333vw; } } .lang__title i svg { fill: currentColor; stroke: currentColor; } .lang__title span { display: block; padding: 0 0.6em 0 0.6em; font-size: 3.88888889vw; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 1070px) { .lang__title span { display: block; padding: 0 0.9em 0 0.7em; font-size: 1.15vw; } } .lang__tooltip { display: none; position: absolute; left: 0; width: 100%; top: 100%; margin-top: 4px; background: #fff; padding: 1em 1.1em; border-radius: 1em; color: #000; font-size: 3.88888889vw; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; opacity: 0; } @media (min-width: 1070px) { .lang__tooltip { margin-top: 9px; font-size: 1.15vw; } } .lang__tooltip.active { opacity: 1; display: block; } .lang__tooltip li { margin-bottom: 3vw; } @media (min-width: 1070px) { .lang__tooltip li { margin-bottom: 0.83vw; } } .lang__tooltip li:last-child { margin-bottom: 0; } .lang__tooltip li a { display: inline-block; -webkit-transition: 0.3s color; transition: 0.3s color; } .lang__tooltip li a:hover { color: var(--color-main); } .lang__tooltip li span { color: var(--color-main); font-weight: 600; } .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 0.8em; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.4em; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s color; transition: 0.3s color; } .link:hover { color: var(--color-main); } .link i { display: block; margin-left: 0.5em; width: 1em; -webkit-box-flex: 0; -ms-flex: 0 0 1em; flex: 0 0 1em; } .link i svg { fill: currentColor; } @media (min-width: 1070px) { .link { font-size: 0.73vw; } } .map, .map-2 { position: relative; width: 100%; height: 60vh; } @media (min-width: 1070px) { .map { height: 36.97916667vw; } .map-2 { height: 53.75vw; } } .icon-marker { width: 4.2rem; height: 4.7rem; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .pos-abs { position: absolute; left: -99999px; top: 0; } .dots ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } @media (min-width: 1070px) { .dots ul { gap: 0.4vw; } } .dots ul li { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dots ul li span, .dots ul li a { display: block; background: rgba(8, 198, 73, 0.2); border: 0; cursor: pointer; outline: none; font-size: 0; color: transparent; height: 4px; border-radius: 2px; -webkit-transition: 0.3s background; transition: 0.3s background; padding: 0; width: 100%; } @media (min-width: 1070px) { .dots ul li span, .dots ul li a { height: 0.42vw; border-radius: 0.21vw; } } .dots ul li span, .dots ul li a:hover { background: var(--color-main); } .fixmenu { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; -webkit-transition: 0.5s opacity, 0.5s -webkit-transform, 0.5s -webkit-box-shadow; transition: 0.5s opacity, 0.5s -webkit-transform, 0.5s -webkit-box-shadow; transition: 0.5s opacity, 0.5s transform, 0.5s box-shadow; transition: 0.5s opacity, 0.5s transform, 0.5s box-shadow, 0.5s -webkit-transform, 0.5s -webkit-box-shadow; } .fixmenu.active { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .fixmenu.active .header__contacts, .fixmenu.active .header__burgers, .fixmenu.active .header__group, .fixmenu.active .lang__title { background: #ffffff; -webkit-transition: 0.3s background 0.3s; transition: 0.3s background 0.3s; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } @media (min-width: 1070px) { .fixmenu { padding-top: 0.2vh; } } @media (max-width: 1069px) { .fixmenu .header__contacts { display: none; } } .fixmenu .header { padding-bottom: 0; } .ellipse { display: block; position: absolute; z-index: 51; pointer-events: none; padding-top: 10%; width: 100%; left: 0; overflow: hidden; } .ellipse.ellipse_top { top: -3px; } .ellipse.ellipse_bottom { bottom: -3px; } .ellipse__top { position: absolute; top: 0; left: 50%; height: 100%; width: 242.04204204vw; -webkit-transform: translate(-50%, 0) scale(1, 1); -ms-transform: translate(-50%, 0) scale(1, 1); transform: translate(-50%, 0) scale(1, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .ellipse__top::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 4030/1665; border-radius: 50%; background: #DBE3EA; } .ellipse__bottom { position: absolute; top: 0; left: 50%; height: 100%; width: 242.04204204vw; -webkit-transform: translate(-50%, 0) scale(1, 1); -ms-transform: translate(-50%, 0) scale(1, 1); transform: translate(-50%, 0) scale(1, 1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ellipse__bottom::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 4030/1665; border-radius: 50%; background: #DBE3EA; } .js-simplecounter { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; position: relative; text-align: left; overflow: hidden; } .js-simplecounter div:nth-child(2) { width: 0.65em; } .js-simplecounter div span { display: block; } .js-simplecounter div span:nth-child(1) { position: absolute; right: 0; top: 100%; } #projects-hover { position: relative; z-index: 2; } .header { padding: 4vw 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__contacts, .header__burgers, .header__group { background: #DBE3EA; background: rgba(255, 255, 255, 0.3); padding: 1.38888889vw; border-radius: 5.55555556vw; -webkit-transition: 0.3s background; transition: 0.3s background; } .header__contacts, .header__y-nav { display: none; } .header__box-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 500; letter-spacing: 0.01em; color: #000; } .header__box-icon i { display: block; width: 11.11111111vw; -webkit-box-flex: 0; -ms-flex: 0 0 11.11111111vw; flex: 0 0 11.11111111vw; margin-right: 3vw; background: rgba(255, 255, 255, 0.3); border-radius: 50%; } .header__box-icon i svg { fill: #fff; } .header__box-icon small { display: block; margin-top: 0.5em; color: rgba(255, 255, 255, 0.4); font-size: 3.33333333vw; text-decoration: none !important; font-weight: 400; } .header__box-icon strong { font-weight: inherit; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; font-weight: 600; } .header__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.77777778vw; } .header__logo { width: 22.22222222vw; margin-left: -4px; margin-top: -2vw; margin-right: auto; } .header__special { display: none; } @media (min-width: 1070px) { .header { padding: 1vh 0; } .header__logo { width: 11.04166667vw; margin: 0 0 0 -0.2vw; } .header__contacts, .header__burgers, .header__group { padding: 0.42vw; border-radius: 1.77083333vw; } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 0 5vw; } .header__group { gap: 0.83vw; } .header__box-icon { font-size: 1.15vw; } .header__box-icon:hover strong { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .header__box-icon:hover i { background: var(--color-main); } .header__box-icon:hover i svg { fill: #fff; } .header__box-icon i { width: 2.70833333vw; -ms-flex-preferred-size: 2.70833333vw; flex-basis: 2.70833333vw; margin-right: 0.73vw; background: #fff; -webkit-transition: 0.3s background; transition: 0.3s background; } .header__box-icon i svg { fill: #000; -webkit-transition: 0.3s fill; transition: 0.3s fill; } .header__box-icon small { font-size: 0.94vw; } .header__box-icon strong { text-decoration-thickness: 2px; } .header__phone { margin-right: 1.5vw; } .header__btns { position: relative; margin-left: 2.9vw; padding-left: 3vw; } .header__btns::before { content: ''; display: block; position: absolute; left: 0; top: 5px; bottom: 5px; width: 2px; background: #fff; } .header__y-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; gap: 3vw; font-size: 1.25vw; } .header__y-nav a { display: inline-block; text-decoration: underline; text-decoration-thickness: 2px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.2em; } .header__y-nav a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .header__special { display: block; margin-right: 2.5rem; -ms-flex-item-align: center; align-self: center; } .header__eye { display: block; width: 3.7em; border-radius: 1.85em; } .header__eye svg { fill: #fff; stroke: #fff; } } @media (max-width: 1070px) { .header__contacts { display: block; padding: 0; background: none; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-left: auto; margin-top: 1.8vw; } .header__contacts .header__box-icon { display: none; } } .footer { position: relative; overflow: hidden; padding: 6vw 0; } .footer__wrap { padding: 8vw 6vw; border-radius: 6vw; background: url(/bitrix/templates/ru_y/css/../img/footer/bg.webp) center / cover no-repeat; color: #fff; } .footer__title { display: block; font-weight: 600; font-size: 1.4em; line-height: 1.08; } .footer__subtitle { display: block; margin-top: 4vw; color: rgba(255, 255, 255, 0.8); line-height: 1.67; font-size: 0.8em; font-weight: 300; } .footer__col-1-2 { margin-top: 8vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__worktime { margin-top: 4vw; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; line-height: 1.75; font-size: 0.8em; font-weight: 300; } .footer__langs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer__langs .lang__title span { color: #fff; } .footer__search { margin-top: 2vw; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .footer__row-2 { margin-top: 10vw; } .footer__col-2-2 { margin-top: 12vw; } .footer__menu { display: grid; grid-template-columns: 50% 30%; gap: 6vw; font-weight: 600; } .footer__menu li a { display: inline-block; text-decoration: underline; text-decoration-thickness: 2px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.3em; } .footer__menu li a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .footer__links { font-size: 0.8em; font-weight: 300; } .footer__links li { margin-bottom: 4vw; } .footer__links li a { display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.2em; } .footer__links li a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .footer__design { margin: 10vw 0 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: block; padding: 0.4em 1.4em 0.45em; border-radius: 2em; border: 1px solid rgba(255, 255, 255, 0.4); font-size: 0.8em; -webkit-transition: 0.3s color, 0.3s background, 0.3s border-color; transition: 0.3s color, 0.3s background, 0.3s border-color; } .footer__design:hover { background: #FCEF00; border-color: #FCEF00; color: #000; } .footer__row-3 { margin-top: 10vw; padding-top: 10vw; border-top: 2px solid rgba(255, 255, 255, 0.2); } .footer__box { margin-bottom: 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.77777778vw; font-size: 0.8em; font-weight: 500; line-height: 1.4; background: rgba(255, 255, 255, 0.2); border-radius: 3em; -webkit-transition: 0.5s background, 0.5s color; transition: 0.5s background, 0.5s color; } .footer__box:hover { background: #ffffff; color: #000; } .footer__box > i { display: block; width: 12vw; -webkit-box-flex: 0; -ms-flex: 0 0 12vw; flex: 0 0 12vw; margin-right: 4vw; border-radius: 50%; overflow: hidden; } .footer__box > i img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } .footer__txt-10 { color: rgba(255, 255, 255, 0.7); font-size: 0.8em; line-height: 1.55; font-weight: 300; } @media (min-width: 1070px) { .footer { padding: 3.45vw 0 3vw; } .footer__wrap { margin: 0 -3vw; border-radius: 5.2vw; padding: 5.1vw 5.2vw 4.6vw 5.1vw; } .footer__row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4vw; } .footer__col-1-1 { width: 55vw; } .footer__col-1-2 { margin: 0 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 27.08333333vw; padding-top: 1.2vw; } .footer__title { font-size: 5vw; letter-spacing: 0.012em; } .footer__subtitle { margin-top: 2.3vw; font-size: 1.3vw; letter-spacing: 0.025em; } .footer__worktime { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; text-align: right; font-size: 1.25vw; margin-bottom: auto; } .footer__search { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 1vw; } .footer__search .search__submit { top: 0.5vw; left: 0.53vw; width: 3.17708333vw; } .footer__search .search__input { height: 4.16666667vw; border-radius: 2.08vw; } .footer__langs { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; } .footer__langs .lang__title { padding: 0.53vw; border-radius: 2.08vw; } .footer__langs .lang__title i { width: 3.17708333vw; -ms-flex-preferred-size: 3.17708333vw; flex-basis: 3.17708333vw; } .footer__langs .lang__title span { font-size: 1.35vw; } .footer__langs .lang__title::after { width: 1vw; -ms-flex-preferred-size: 1vw; flex-basis: 1vw; } .footer__row-2 { margin-top: 19vh; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__col-2-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; width: 66vw; } .footer__col-2-2 { margin: 0; padding-top: 0.1vw; } .footer__menu { text-align: right; gap: 2.4vw 4.7vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 2.23958333vw; letter-spacing: 0.012em; } .footer__menu li { min-width: 11vw; } .footer__links { font-size: 0.83vw; } .footer__links li { margin-bottom: 0.94vw; } .footer__design { margin: auto 0 0 auto; font-size: 0.83vw; padding: 0.75em 1.8em; } .footer__row-3 { margin: 3.8vw -1vw 0; padding-top: 3.6vw; border-top-width: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.1vw; } .footer__box { margin: 0; padding: 0.73vw 2.2vw 0.73vw 0.63vw; border-radius: 2.44791667vw; font-size: 0.94vw; } .footer__box > i { width: 3.54166667vw; -ms-flex-preferred-size: 3.54166667vw; flex-basis: 3.54166667vw; margin-right: 1vw; } .footer__txt-10 { padding-top: 0.3vw; margin-bottom: 2vw; font-size: 0.94vw; } } .section { position: relative; overflow: hidden; padding: 12vw 0; } .section__title { position: relative; z-index: 5; display: block; margin: 0; line-height: 102%; letter-spacing: 0.01em; font-weight: 600; font-size: 6.5vw; } .section__title strong { display: inline-block; font-weight: inherit; color: var(--color-main); } .section__title mark { display: inline-block; position: relative; } .section__title mark::after { content: ''; display: block; position: absolute; pointer-events: none; border: 1px solid; border-radius: 1em; top: -0.05em; right: -0.4em; bottom: -0.14em; left: -0.5em; opacity: 0.4; } .section__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 9vw; padding-bottom: 3vw; border-bottom: 1px solid #c3d2e4; } .section__head-icon { width: 12vw; -webkit-box-flex: 0; -ms-flex: 0 0 12vw; flex: 0 0 12vw; margin-right: 4vw; } .section__head-icon img { aspect-ratio: 1; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .section__head-title { width: calc(100% - 16vw); font-size: 3em; font-weight: 600; line-height: 1; letter-spacing: 0.01em; } .section__head .section__subtitle { margin-left: 16vw; } .section__subtitle { display: block; margin-top: 3vw; line-height: 1.4; font-size: 0.8em; letter-spacing: 0.01em; font-weight: 300; } .section__subtitle-2 { display: block; margin-top: 3vw; line-height: 1.4; font-size: 0.8em; letter-spacing: 0.01em; font-weight: 300; } .section__subtitle-2 { display: block; margin-top: 3vw; line-height: 1.55; font-size: 0.8em; color: #99a6b7; } .section__btns-2-2 { margin-top: 6vw; } .section__btns-20 { margin-top: 10vw; } .section.section_promo { background: #dbe3ea; } .section.section_benef.section.section_benef-v2 { padding-bottom: 6vw; } .section.section_demo { padding-top: 18vw; padding-bottom: 18vw; background: url(/bitrix/templates/ru_y/css/../img/view/bg@mob.webp) center top / cover no-repeat; color: #fff; } .section.section_vacancies { padding: 12vw 0; color: #fff; } .section.section_vacancies::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 90vw; background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg.webp) 20% top / cover no-repeat; } .section.section_services { overflow: visible; } @media (min-width: 1070px) { .section { padding: 5vw 0; } .section__title { font-size: 4.6875vw; } .section__title mark::after { border-width: 2px; } .section__head { margin-bottom: 5.2vw; padding-bottom: 2.6vw; border-bottom-width: 4px; } .section__head-icon { width: 8.33333333vw; -ms-flex-preferred-size: 8.33333333vw; flex-basis: 8.33333333vw; margin-right: 2.6vw; } .section__head-title { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 7.70833333vw; } .section__head .section__subtitle { margin-top: 1.3vw; text-align: right; width: 25vw; margin-left: 0; } .section__head-2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .section__head-2 .section__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: right; margin-left: auto; width: 55vw; } .section__head-2 .section__subtitle { width: 26.04166667vw; margin-top: 0; } .section__btns-2-2 { margin-top: 2.7vw; } .section__subtitle { margin-top: 1vw; margin-left: 0; font-size: 1.56vw; } .section__subtitle.section__subtitle_y { margin-top: 1.56vw; font-size: 1.66666667vw; } .section__subtitle-2 { margin: 0; position: absolute; top: 1vw; right: 0; text-align: right; font-size: 1.15vw; } .section__box-20 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0.73vw; } .section__btns-20 { margin-top: auto; } .section.section_promo { position: relative; z-index: 2; overflow: visible; padding-top: 6.6vw; padding-bottom: 8vw; } .section.section_promo .section__title { max-width: 50vw; } .section.section_benef { padding-bottom: 8.8vw; } .section.section_benef .section__title { width: 50vw; } .section.section_benef.section.section_benef-v2 { padding-top: 6.6vw; } .section.section_demo { padding-top: 14.35vw; padding-bottom: 13vw; background-image: url(/bitrix/templates/ru_y/css/../img/view/bg.webp); } .section.section_news { padding-top: 9.3vw; padding-bottom: 6vw; } .section.section_news .section__head .section__subtitle { width: 28vw; } .section.section_vacancies { padding: 11.4vw 0 8vw; background-position: center top; } .section.section_vacancies::after { bottom: 23.7vw; } .section.section_vacancies .section__head .section__subtitle { width: 31vw; } .section.section_covid { padding-top: 9.1vw; padding-bottom: 8vw; } .section.section_covid .section__title { max-width: 50vw; } .section.section_faq, .section.section_faq-2 { overflow: visible; } .section.section_projects-item { padding-bottom: 5.9vw; } .section.section_services { padding-bottom: 8.8vw; } .section.section_services .section__title { width: 47vw; } .section.section_chars { padding-top: 9.1vw; } .section.section_chars .section__title { width: 50vw; position: absolute; left: 0; top: 0; } .section.section_vcat .section__head .section__subtitle { width: 31vw; } .section.section_y-serv { padding-bottom: 6.85vw; } .section.section_y-serv .section__title { max-width: 65vw; } .section.section_y-adv { padding-bottom: 6.7vw; } .section.section_y-adv .section__subtitle { width: 50vw; } .section.section_y-portf { padding-bottom: 6.8vw; } .section.section_y-portf .section__title { width: 80vw; } .section.section_y-demo { padding-bottom: 3.4vw; } .section.section_y-demo .section__subtitle { width: 40vw; } .section.section_y-news { padding-bottom: 6.85vw; } .section.section_y-faq .section__title { width: 70vw; } } .preloader { position: fixed; z-index: 150; width: 100%; height: 100vh; top: 0; left: 0; background: #08c649; color: #fff; overflow: hidden; } .preloader .header, .preloader .top__label { visibility: hidden; } .preloader .top__title { position: relative; -webkit-transform: translate(0, 0) scale(0.79); -ms-transform: translate(0, 0) scale(0.79); transform: translate(0, 0) scale(0.79); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; overflow: hidden; padding-bottom: 0.2em; margin-bottom: -0.2em; } .preloader .top__title-inside { display: block; -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); transform: translate(0, 150%); } .preloader__label { position: absolute; z-index: 10; top: 4vw; left: 0; } .preloader__title-out { position: relative; display: block; overflow: hidden; } .preloader__title { position: relative; display: block; -webkit-transform: translate(0, 110%); -ms-transform: translate(0, 110%); transform: translate(0, 110%); font-family: var(--font-rfdewiext); font-size: 31vw; text-transform: uppercase; font-weight: 600; line-height: 1; overflow: hidden; } .preloader__title span { display: block; position: relative; z-index: 1; top: 0; left: 0; opacity: 0.3; } .preloader__title span:nth-child(2) { position: absolute; z-index: 2; color: #fff; opacity: 1; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .preloader__footer { display: block; position: absolute; bottom: 16vw; width: 100%; text-align: center; overflow: hidden; } .preloader__footer-in { -webkit-transform: translate(0, 200%); -ms-transform: translate(0, 200%); transform: translate(0, 200%); } .preloader__txt { font-weight: 500; letter-spacing: 0.01em; } .preloader__progress { display: block; position: relative; margin-top: 3vw; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.3); overflow: hidden; width: 100%; } .preloader__progress i { display: block; position: absolute; left: 0; top: 0; height: 100%; border-radius: inherit; background: #fff; width: 0; } @media (min-width: 1070px) { .preloader { padding-right: 17px; } .preloader__title { font-size: 17.23958333vw; } .preloader__label { top: -1.6vh; left: -1.04vw; } .preloader__footer { bottom: 3.6vw; } .preloader__progress { margin: 1.8vw auto 0; width: 55.10416667vw; height: 0.52vw; border-radius: 0.26vw; } .preloader__txt { font-size: 1.09vw; } } .slider__control { margin: 6vw 0 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4vw; } .slider__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 16vw; border-radius: 8vw; border: 1px solid var(--color-main); -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; background: transparent; cursor: pointer; outline: none; font-weight: 700; font-family: var(--font-inter); font-size: 0.8em; letter-spacing: 0.01em; line-height: 1.36; } .slider__arrow svg { display: block; width: 6vw; fill: currentColor; } .slider__arrow.slick-disabled { opacity: 0.5; cursor: default; } .slider__arrow_prev { width: 16vw; color: var(--color-main); } .slider__arrow_prev:not(.slick-disabled):hover { background: var(--color-main); color: #fff; } .slider__arrow_next { width: 50vw; background: var(--color-main); color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.8em; text-align: left; } .slider__arrow_next:not(.slick-disabled):hover { background: transparent; color: var(--color-main); } .slider__arrow_next-b { width: 50vw; background: #fff; color: var(--color-main); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.8em; text-align: left; } .slider__arrow_next-b:not(.slick-disabled):hover { background: var(--color-main); color: #fff; } @media (min-width: 1070px) { .slider__control { width: 24.73958333vw; gap: 1vw; } .slider__arrow { height: 5.52083333vw; border-width: 2px; } .slider__arrow svg { width: 1.97916667vw; } .slider__arrow_prev { width: 5.52083333vw; } .slider__arrow_next, .slider__arrow_next-b { width: 17.86458333vw; font-size: 1.15vw; } } /* НАВИГАЦИЯ */ .nav { display: none; position: fixed; z-index: 100; width: 100%; top: 0; left: 0; padding: 20px 0 20px; background: #fff; -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .nav.active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 500; font-size: 5.27777778vw; line-height: 1.35; } .menu li { min-width: 50%; margin-bottom: 2.8vh; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .menu li a { display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-underline-offset: 0.2em; -webkit-transition: 0.3s letter-spacing, 0.3s -webkit-text-decoration-color; transition: 0.3s letter-spacing, 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color, 0.3s letter-spacing; transition: 0.3s text-decoration-color, 0.3s letter-spacing, 0.3s -webkit-text-decoration-color; } .menu li a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } @media (min-width: 1070px) { .menu { font-size: 1.56vw; } .menu li { margin-bottom: 3.4vh; width: 37vw; min-width: 1px; } .menu li:nth-child(odd) { width: 23vw; } .menu li a { text-decoration-thickness: 3px; } .menu li a:hover { letter-spacing: 0.08em; } } .aside { display: none; position: fixed; z-index: 110; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; overflow: auto; color: #fff; } .aside.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .aside__overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .aside__wrap { position: relative; z-index: 3; height: 99vh; height: 99dvh; padding: 1.2vh 4.44vw 1.3vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: url(/bitrix/templates/ru_y/css/../img/footer/bg-menu@mob.webp) center / cover no-repeat, #EFF3F6; } .aside__head { margin-bottom: 4vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aside__logo { width: 24.44444444vw; } .aside__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.3em 2em; border-radius: 2em; width: 36.66666667vw; height: 10.55555556vw; border: 0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background: rgba(255, 255, 255, 0.3); cursor: pointer; outline: none; color: #fff; font-family: var(--font-inter); font-weight: 500; line-height: 1.15; letter-spacing: 0.01em; font-size: 3.88888889vw; -webkit-transition: 0.3s background; transition: 0.3s background; } .aside__close:hover { background: var(--color-main); } .aside__close i { display: block; width: 0.78571429em; -webkit-box-flex: 0; -ms-flex: 0 0 0.78571429em; flex: 0 0 0.78571429em; margin-left: 0.7em; } .aside__close i svg { stroke: currentColor; } .aside__footer { margin-top: auto; } .aside .header__box-icon { color: #fff; font-size: 5vw; } .aside .header__phone { margin-bottom: 3vh; } .aside .header__email { margin-bottom: 6vh; } .aside__title { display: block; line-height: 0.9; font-weight: 500; font-size: 28.61111111vw; } @media (min-width: 1070px) { .aside { padding: 3.5vw 5vw; } .aside__wrap { height: 100%; padding-top: 3.9vh; padding-bottom: 4.9vh; background-image: url(/bitrix/templates/ru_y/css/../img/footer/bg-menu.webp); border-radius: 2vw; } .aside__logo { width: 11.04166667vw; } .aside__close { width: 10vw; height: 2.91666667vw; font-size: 0.94vw; } .aside__title { position: absolute; right: 3.2vw; bottom: 3vh; font-size: 10.41666667vw; } .aside__menu { margin-left: 1vw; width: 60vw; } .aside__footer { margin-left: 1vw; } .aside .header__box-icon { font-size: 1.3vw; } .aside .header__box-icon i { width: 2.91666667vw; -ms-flex-preferred-size: 2.91666667vw; flex-basis: 2.91666667vw; margin-right: 1vw; } .aside .header__box-icon:not(:hover) i { background: rgba(255, 255, 255, 0.3); } .aside .header__box-icon:not(:hover) i svg { fill: #fff; } .aside .header__email { margin-bottom: 0; } .aside .header__phone { margin-bottom: 4vh; } } .messengers { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2vw; } .messengers__item { display: block; padding: 0; width: 14vw; color: #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: color, border-color; transition-property: color, border-color; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 50%; cursor: pointer; outline: none; } .messengers__item:hover, .messengers__item.active { color: var(--color-blue); border-color: var(--color-blue); } .messengers__item[data-title="Telegram"] { --color-blue: #00A6FC; } .messengers__item[data-title="Email"] { --color-blue: #00B7AC; } .messengers__item[data-title="Viber"] { --color-blue: #7953FD; } .messengers__item[data-title="Whatsapp"] { --color-blue: #34DB3F; } .messengers__item svg { display: block; fill: currentColor; } @media (min-width: 1070px) { .messengers { gap: 0.52vw; } .messengers__item { width: 4.6875vw; } } .btn1 { display: block; position: relative; padding: 0.8em 1.55em 0.8em; border-radius: 2em; border: none; cursor: pointer; outline: none; background: var(--color-main); text-align: center; text-decoration: none; color: #fff; font-family: var(--font-inter); font-weight: 600; font-size: 3.88888889vw; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: background, border-color, color; transition-property: background, border-color, color; overflow: hidden; } .btn1::after { content: ''; display: block; position: absolute; z-index: 0; left: 101%; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#00d047), to(#00e1d4)); background: linear-gradient(90deg, #00d047 0%, #00e1d4 100%); -webkit-transition: 0.3s left; transition: 0.3s left; } .btn1:hover { text-decoration: none; } .btn1:hover::after { left: 0%; } .btn1 span { position: relative; z-index: 1; pointer-events: none; } .btn1.btn1_border { background: transparent; color: var(--color-main); -webkit-box-shadow: inset 0 0 0 1px var(--color-main); box-shadow: inset 0 0 0 1px var(--color-main); } .btn1.btn1_border::after { display: none; } .btn1.btn1_border:hover { color: #fff; background: var(--color-main); } @media (min-width: 1070px) { .btn1 { font-size: 0.94vw; border-width: 2px; } .btn1.btn1_middle { padding: 0.83em 1.78em 0.9em; font-size: 1.15vw; } .btn1.btn1_border { -webkit-box-shadow: inset 0 0 0 2px var(--color-main); box-shadow: inset 0 0 0 2px var(--color-main); } } .btn2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; background: none; border: 0; text-align: center; cursor: pointer; outline: none; font-weight: 600; font-size: 3.88888889vw; line-height: 1.1; letter-spacing: 0.015em; font-family: var(--font-inter); } .btn2:hover .btn2__icon, .btn2:hover .btn2__txt { background: var(--color-main); color: #fff; } .btn2__icon { display: block; width: 13.33333333vw; -webkit-box-flex: 0; -ms-flex: 0 0 13.33333333vw; flex: 0 0 13.33333333vw; background: #fff; color: #000; border-radius: 50%; -webkit-transition: 0.4s background, 0.4s color, 0.3s border-color; transition: 0.4s background, 0.4s color, 0.3s border-color; } .btn2__icon svg { fill: currentColor; -webkit-animation: 3s moving-btn-arrow linear infinite; animation: 3s moving-btn-arrow linear infinite; } .btn2__txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 6.66666667vw; padding: 0.3em 2.4em; color: #000; -webkit-transition: 0.4s background, 0.4s color, 0.3s border-color; transition: 0.4s background, 0.4s color, 0.3s border-color; } .btn2.btn2_green .btn2__txt, .btn2.btn2_green .btn2__icon { background: var(--color-main); color: #fff; } .btn2.btn2_green:hover .btn2__txt, .btn2.btn2_green:hover .btn2__icon { background: #fff; color: #000; } .btn2.btn2_green-b .btn2__txt, .btn2.btn2_green-b .btn2__icon { background: var(--color-main); color: #fff; } .btn2.btn2_green-b:hover .btn2__txt, .btn2.btn2_green-b:hover .btn2__icon { background: #004B1C; } .btn2.btn2_back .btn2__icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } @media (min-width: 1070px) { .btn2 { max-width: none; font-size: 0.94vw; } .btn2__icon { width: 3.38541667vw; -ms-flex-preferred-size: 3.38541667vw; flex-basis: 3.38541667vw; } .btn2__txt { border-radius: 1.71875vw; } .btn2.btn2_big { font-size: 1.56vw; } .btn2.btn2_big .btn2__icon { width: 5.625vw; -ms-flex-preferred-size: 5.625vw; flex-basis: 5.625vw; } .btn2.btn2_big .btn2__txt { border-radius: 2.8125vw; padding-left: 1.6em; padding-right: 1.6em; } .btn2.btn2_middle { font-size: 1.05vw; } .btn2.btn2_middle .btn2__icon { width: 4.0625vw; -ms-flex-preferred-size: 4.0625vw; flex-basis: 4.0625vw; } .btn2.btn2_middle .btn2__txt { border-radius: 2.03125vw; padding-left: 2em; padding-right: 2em; } } .btn3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40vw; aspect-ratio: 1; position: relative; border-radius: 50%; background: var(--color-main); color: #fff; border: none; cursor: pointer; outline: none; letter-spacing: 0.015em; font-weight: 500; font-family: var(--font-inter); line-height: 1.42; font-size: 0.8em; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; overflow: hidden; } .btn3:hover { color: #000; background: #fff; } .btn3 > div { position: relative; z-index: 1; } .btn3__icon { display: block; margin: 3vw auto 0; width: 8vw; -webkit-transform: translateY(0.8em); -ms-transform: translateY(0.8em); transform: translateY(0.8em); } .btn3__icon svg { fill: currentColor; } @media (min-width: 1070px) { .btn3 { width: 12.86458333vw; font-size: 1.25vw; } .btn3__icon { margin-top: 0.52vw; width: 2.44791667vw; } } .btn4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 13.33333333vw; border-radius: 6.66666667vw; background: none; border: 1px solid var(--color-main); text-align: center; cursor: pointer; outline: none; font-weight: 500; font-size: 3.88888889vw; line-height: 1.71; letter-spacing: 0.015em; padding: 0.3em 2.4em; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; color: var(--color-main); } .btn4:hover { background: var(--color-main); color: #fff; } @media (min-width: 1070px) { .btn4 { border-width: 2px; font-size: 0.94vw; } .btn4.btn4_big { font-size: 1.56vw; height: 5.625vw; border-radius: 2.8125vw; padding-left: 2em; padding-right: 2em; } } .btn5 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20vw; border-radius: 10vw; background: var(--color-main); color: #fff; border: 0; outline: none; padding: 0; cursor: pointer; padding: 0.5em 2em; font-family: var(--font-inter); font-size: 4vw; font-weight: 500; line-height: 1.36; letter-spacing: 0.01em; overflow: hidden; text-align: left; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; } .btn5::after { content: ''; display: block; position: absolute; z-index: 0; left: 101%; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#00d047), to(#00e1d4)); background: linear-gradient(90deg, #00d047 0%, #00e1d4 100%); -webkit-transition: 0.3s left; transition: 0.3s left; } .btn5:hover { text-decoration: none; } .btn5:hover::after { left: 0%; } .btn5__txt { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; z-index: 1; } .btn5__icon { position: relative; z-index: 1; width: 10vw; -webkit-box-flex: 0; -ms-flex: 0 0 10vw; flex: 0 0 10vw; margin-left: 4vw; } .btn5__icon svg { stroke: currentColor; } .btn5.btn5_white { background: #ffff; border-color: #fff; color: #000; } .btn5.btn5_white::after { display: none; } .btn5.btn5_white:hover { color: var(--color-main); } .btn5.btn5_border { background: #fff; border: 2px solid; color: var(--color-main); } .btn5.btn5_border:hover { background: var(--color-main); color: #fff; } .btn5.btn5_border::after { display: none; } @media (min-width: 1070px) { .btn5 { height: 5.52083333vw; border-radius: 2.76041667vw; font-size: 1.15vw; } .btn5__icon { width: 2.70833333vw; -ms-flex-preferred-size: 2.70833333vw; flex-basis: 2.70833333vw; margin-left: 1vw; } } .btn-circle { display: block; border: 0; background: #fff; border-radius: 50%; width: 8.33333333vw; cursor: pointer; outline: none; color: var(--color-main); padding: 0; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; } .btn-circle:hover { background: var(--color-main); color: #fff; } @media (min-width: 1070px) { .btn-circle { width: 2.70833333vw; } } @media (min-width: 1070px) { .btn-circle.btn-circle_big { width: 3.125vw; } } .btn-circle svg { fill: currentColor; stroke: currentColor; } /* ФОРМА */ .form__box-input, .form__box-textarea { position: relative; margin-bottom: 6vw; } .form__box-input-2 { position: relative; margin-bottom: 3vw; } .form__box-submit { margin: 0 auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .form__input, .form__textarea { width: 100%; height: 14vw; display: block; color: #fff; padding: 0.3em 1.9em 0.25em; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 7vw; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background: rgba(255, 255, 255, 0.2); font-family: var(--font-inter); outline: none; font-size: 0.8em; letter-spacing: 0.01em; font-weight: 300; } .form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder { color: #fff; } .form__input::-moz-placeholder, .form__textarea::-moz-placeholder { color: #fff; } .form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder { color: #fff; } .form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder { color: #fff; } .form__input::placeholder, .form__textarea::placeholder { color: #fff; } .form__textarea { height: 35vw; padding-top: 1.5em; } .form__submit { -webkit-appearance: none; width: 100%; border: none; font-family: inherit; } .form__submit[disabled] { background: #004d00; cursor: not-allowed; } .form__policy { display: block; margin-top: 4vw; font-size: 0.8em; line-height: 1.44; font-weight: 300; text-align: center; } .form__policy a { display: inline; font-weight: 500; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } .form__policy a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .form__upload { display: block; cursor: pointer; position: relative; } .form__upload:hover .form__upload-wrap { background: var(--color-main); color: #fff; } .form__upload-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; width: 100%; border-radius: 7vw; height: 14vw; background: #fff; color: var(--color-main); font-size: 0.8em; letter-spacing: 0.01em; padding: 0.3em 1em 0.25em; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; } .form__upload-icon { display: block; width: 1.875em; -webkit-box-flex: 0; -ms-flex: 0 0 1.875em; flex: 0 0 1.875em; } .form__upload-icon svg { fill: currentColor; } .form__upload-txt { display: block; text-align: left; } @media (min-width: 1070px) { .form__input, .form__textarea { border-width: 2px; height: 4.6875vw; border-radius: 2.34375vw; font-size: 1.25vw; } .form__textarea { height: 10.72916667vw; } .form__row-1 { gap: 0 1.4vw; display: grid; grid-template-areas: 'l-t r' 'l-b r'; grid-template-columns: 39.21875vw 36.82291667vw; } .form__row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1vw; } .form__row-3 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2vw; } .form__row-3 .form__box-input, .form__row-3 .form__box-submit, .form__row-3 .form__box-input-2 { margin-bottom: 1vw; } .form__row-3 .form__policy { margin-left: auto; } .form__col-1-1 { grid-area: l-t; } .form__col-1-3 { grid-area: l-b; } .form__col-1-2 { grid-area: r; width: 36.82291667vw; } .form__col-2-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form__box-input, .form__box-textarea, .form__box-input-2 { margin-bottom: 1.4vw; } .form__box-submit { margin: 0; } .form__footer { margin-top: 2.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form__policy { margin-top: 0; margin-left: 3.2vw; font-size: 0.94vw; width: 25vw; text-align: left; } .form__col-3-1 { margin-right: auto; width: 50vw; } .form__col-3-1 .form__box-input_v3-1 { width: 39.21875vw; } .form__col-3-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: right; } .form__col-3-2 .form__box-submit { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: auto; } .form__row-4 { display: -webkit-box; display: -ms-flexbox; display: flex; } .form__row-4 .form__box-input, .form__row-4 .form__box-submit { margin-bottom: 1vw; } .form__row-4 .form__policy { margin-left: auto; } .form__col-4-1 { width: 28.28125vw; margin-right: 1.4vw; } .form__col-4-2 { width: 19.79166667vw; margin-right: auto; } .form__upload-wrap { height: 4.6875vw; border-radius: 2.34375vw; font-size: 1.25vw; } } .modal { position: relative; width: 96vw; margin: 0 auto; background: center / cover no-repeat #DBE3EA; border-radius: 6vw; overflow: hidden; } .modal.modal_bg-1, .modal.modal_bg-2 { background-image: url(/bitrix/templates/ru_y/css/../img/footer/bg-menu@mob.webp); color: #fff; } .modal__wrap { max-height: calc(100vh - 80px); overflow: auto; overflow-y: auto; padding: 10vw 6vw 10vw; } .modal__close { position: absolute; z-index: 5; top: 4vw; right: 4vw; width: 10vw; aspect-ratio: 1.46428571; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 3vw; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.4); color: #fff; padding: 0; cursor: pointer; outline: none; border: 0; -webkit-transition: 0.3s background; transition: 0.3s background; } .modal__close.modal__close_v2:not(:hover) { background: #c4d0db; } .modal__close:hover, .modal__close.modal__close_green { background: var(--color-main); } .modal__close svg { display: block; width: 21.95121951%; stroke: currentColor; pointer-events: none; } .modal__title { display: block; font-weight: 600; line-height: 1.24; font-size: 1.2em; letter-spacing: 0.015em; } .modal__title strong { color: var(--color-main); font-weight: inherit; } .modal__title mark { display: inline-block; position: relative; } .modal__title mark::after { content: ''; display: block; position: absolute; pointer-events: none; border: 1px solid; border-radius: 1em; top: -0.05em; right: -0.5em; bottom: -0.14em; left: -0.5em; opacity: 0.4; } .modal__title-2 { display: block; font-weight: 600; line-height: 1.24; font-size: 1.2em; letter-spacing: 0.015em; } .modal__title-2 strong { color: var(--color-main); font-weight: inherit; } .modal__fl-box { margin-top: 4vw; margin-bottom: 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.58; font-size: 0.8em; font-weight: 300; } .modal__fl-box i { display: block; width: 16vw; -webkit-box-flex: 0; -ms-flex: 0 0 16vw; flex: 0 0 16vw; margin-right: 4vw; } .modal__content { position: relative; } .modal-gallery { overflow: hidden; position: relative; width: 90vw; border-radius: 6vw; } .modal-gallery img { aspect-ratio: 1185/950; -o-object-fit: cover; object-fit: cover; } .modal-gallery .slick-slide { cursor: -webkit-grab; cursor: grab; } .modal-gallery__control { margin: 0; padding: 4vw 6vw; z-index: 10; background: #fff; } @media (min-width: 1070px) { .modal { width: 86.40625vw; border-radius: 5.2vw; } .modal.modal_w-1825 { width: 95.05208333vw; } .modal.modal_w-1730 { width: 90.10416667vw; } .modal.modal_w-1660 { width: 86.45833333vw; } .modal.modal_w-1042 { width: 54.27083333vw; } .modal.modal_bg-1 { background-image: url(/bitrix/templates/ru_y/css/../img/modals/bg-1.webp); } .modal.modal_bg-2 { background-image: url(/bitrix/templates/ru_y/css/../img/modals/bg-2.webp); } .modal__wrap { padding: 3.5vw 4.2vw 3vw; overflow: hidden; } .modal__title { font-size: 3.22916667vw; } .modal__title-2 { font-size: 2.08333333vw; } .modal__close { top: 3vw; right: 3vw; width: 4.27083333vw; } .modal__fl-box { margin-top: 1.3vw; margin-bottom: 4vw; width: 43vw; font-size: 1.25vw; } .modal__fl-box i { width: 4.6875vw; -ms-flex-preferred-size: 4.6875vw; flex-basis: 4.6875vw; margin-right: 1.2vw; } .modal__scrollbox { max-height: 80vh; overflow-y: auto; padding-right: 3.5vw; margin-right: -2vw; scroll-behavior: smooth; } .no-cssscrollbar .modal__scrollbox { scrollbar-color: var(--color-main) rgba(8, 198, 73, 0.2); scrollbar-width: thin; } .cssscrollbar .modal__scrollbox::-webkit-scrollbar-track { border-radius: 10px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .modal__scrollbox::-webkit-scrollbar { width: 12px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .modal__scrollbox::-webkit-scrollbar-thumb { border-radius: 6px; background-color: var(--color-main); } .modal__scrollbox.modal__scrollbox_v2 { max-height: 80vh; } .modal__scrollbox.modal__scrollbox_v3 { margin-bottom: -2.9vw; } .modal__btns-100 { margin: 0; position: absolute; z-index: 5; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 2vw; } .modal__btns-100 .btn2 { margin: 0 auto; } .modal-gallery { height: calc(100vh - 2.56vw); aspect-ratio: 1185/950; width: auto; border-radius: 3.64583333vw; } .modal-gallery .modal__close { top: 1.56vw; right: 1.56vw; } .modal-gallery__control { background: none; position: absolute; z-index: 10; bottom: 1.56vw; padding: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modal-gallery__control .slider__arrow_prev:not(:hover) { background: var(--color-main); color: #fff; } .modal-gallery__control .slider__arrow_prev:hover { background: #fff; color: var(--color-main); } } @media (max-width: 1070px) { .modal__close { background: var(--color-main); -webkit-backdrop-filter: none; backdrop-filter: none; } } .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs.tabs_v2 li { width: 100%; } .tabs li { width: 50%; margin-bottom: 2vw; } .tabs li a { display: block; padding: 1.1em 2em; text-align: center; border: 1px solid; color: #99a6b7; font-weight: 400; line-height: 1.13; font-size: 0.8em; border-radius: 2em; letter-spacing: 0.01em; -webkit-transition: 0.3s color, 0.3s border-color, 0.3s background; transition: 0.3s color, 0.3s border-color, 0.3s background; } .tabs li a:hover, .tabs li a.active { color: var(--color-main); } .tabs li a sup { display: inline-block; font-size: 0.66666667em; margin-left: 0.5em; font-family: var(--font-rfdewiext); } @media (min-width: 1070px) { .tabs.tabs_v2 li { width: auto; } .tabs.tabs_v2 li a { padding: 1.1em 3.3em; } .tabs li { margin: 0; } .tabs li a { border-width: 2px; font-size: 1.56vw; } } .maincalls { margin-top: 6vw; letter-spacing: 0.01em; } .maincalls__item { margin-bottom: 4vw; padding: 6vw; border-radius: 6vw; background: #fff; } .maincalls__photo { width: 20vw; margin-bottom: 2vw; } .maincalls__title { display: block; font-weight: 600; line-height: 1.27; margin-bottom: 4vw; } .maincalls__phone + .maincalls__phone { margin-top: 4vw; } .maincalls__phone .header__phone, .maincalls__phone .header__email { margin: 0; } .maincalls__phone .header__phone > i, .maincalls__phone .header__email > i { background: #eff3f6; } .maincalls__phone .header__phone > i svg, .maincalls__phone .header__email > i svg { fill: #000; } .maincalls__phone .header__phone strong, .maincalls__phone .header__email strong { color: var(--color-main); font-weight: 600; } .maincalls__phone .header__phone small, .maincalls__phone .header__email small { color: #8f9db0; margin-top: 0.2em; } @media (min-width: 1070px) { .maincalls { margin-top: 3vw; display: grid; gap: 1vw; max-height: 60vh; overflow-y: auto; padding-right: 2.8vw; margin-right: -1.6vw; } .no-cssscrollbar .maincalls { scrollbar-color: var(--color-main) rgba(8, 198, 73, 0.2); scrollbar-width: thin; } .cssscrollbar .maincalls::-webkit-scrollbar-track { border-radius: 10px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .maincalls::-webkit-scrollbar { width: 12px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .maincalls::-webkit-scrollbar-thumb { border-radius: 6px; background-color: var(--color-main); } .maincalls__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 2.1vw 2vw 2.1vw 2vw; border-radius: 3.125vw; } .maincalls__photo { width: 6.5625vw; -webkit-box-flex: 0; -ms-flex: 0 0 6.5625vw; flex: 0 0 6.5625vw; margin-right: 1.6vw; margin-bottom: 0; } .maincalls__title { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 2vw; font-size: 1.56vw; } .maincalls__phone { width: 24.7vw; } .maincalls__phone + .maincalls__phone { margin-top: 0; margin-left: 2vw; } .maincalls__phone .header__box-icon i { width: 3.64583333vw; -ms-flex-preferred-size: 3.64583333vw; flex-basis: 3.64583333vw; margin-right: 1.15vw; } .maincalls__phone .header__box-icon strong { font-size: 1.56vw; } .maincalls__phone .header__box-icon small { font-size: 1.04vw; } } .breadcrumbs { font-size: 0.8em; } .breadcrumbs.breadcrumbs_light ul li:not(:last-child)::after { background-image: url(/bitrix/templates/ru_y/css/../img/svg/bread-white.svg); } .breadcrumbs__back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__back:hover .breadcrumbs__back-t { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .breadcrumbs__back-arr { display: block; width: 1em; margin-right: 0.5em; } .breadcrumbs__back-t { display: block; font-weight: 600; text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-decoration-thickness: 1px; text-underline-offset: 0.2em; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs ul li:not(:last-child) { margin-right: 1em; } .breadcrumbs ul li:not(:last-child)::after { content: ''; display: inline-block; margin-left: 1em; width: 1em; height: 1em; background: url(/bitrix/templates/ru_y/css/../img/svg/bread.svg) center / contain no-repeat; vertical-align: baseline; position: relative; top: 0.2em; } .breadcrumbs ul li a, .breadcrumbs ul li span { display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s opacity, 0.3s -webkit-text-decoration-color; transition: 0.3s opacity, 0.3s -webkit-text-decoration-color; transition: 0.3s opacity, 0.3s text-decoration-color; transition: 0.3s opacity, 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.3em; } .breadcrumbs ul li a { opacity: 0.3; } .breadcrumbs ul li a:hover { opacity: 1; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } @media (min-width: 1070px) { .breadcrumbs { margin-top: 4vh; font-size: 0.83vw; } } @-webkit-keyframes outer-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 80% { -webkit-transform: scale(3); transform: scale(3); filter: alpha(opacity=0); opacity: 0; } 100% { -webkit-transform: scale(3); transform: scale(3); filter: alpha(opacity=0); opacity: 0; } } @keyframes outer-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 80% { -webkit-transform: scale(3); transform: scale(3); filter: alpha(opacity=0); opacity: 0; } 100% { -webkit-transform: scale(3); transform: scale(3); filter: alpha(opacity=0); opacity: 0; } } @-webkit-keyframes inner-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 30% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 100% { -webkit-transform: scale(2); transform: scale(2); filter: alpha(opacity=0); opacity: 0; } } @keyframes inner-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 30% { -webkit-transform: scale(1); transform: scale(1); filter: alpha(opacity=50); opacity: 0.5; } 100% { -webkit-transform: scale(2); transform: scale(2); filter: alpha(opacity=0); opacity: 0; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); filter: alpha(opacity=50); opacity: 0.5; } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=1); opacity: 1; } 20% { -webkit-transform: scale(0.9); transform: scale(0.9); filter: alpha(opacity=1); opacity: 1; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); filter: alpha(opacity=50); opacity: 1; } } @keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); filter: alpha(opacity=50); opacity: 0.5; } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=1); opacity: 1; } 20% { -webkit-transform: scale(0.9); transform: scale(0.9); filter: alpha(opacity=1); opacity: 1; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); filter: alpha(opacity=50); opacity: 1; } } @-webkit-keyframes fly-v { 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fly-v { 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes moving-btn-arrow { 0%, 100% { -webkit-transform: translate(3%, 3%); transform: translate(3%, 3%); } 50% { -webkit-transform: translate(-3%, -3%); transform: translate(-3%, -3%); } } @keyframes moving-btn-arrow { 0%, 100% { -webkit-transform: translate(3%, 3%); transform: translate(3%, 3%); } 50% { -webkit-transform: translate(-3%, -3%); transform: translate(-3%, -3%); } } @-webkit-keyframes animate-top-lines-1 { 0%, 10% { stroke-dashoffset: 500; } 100% { stroke-dashoffset: 0; } } @keyframes animate-top-lines-1 { 0%, 10% { stroke-dashoffset: 500; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes animate-top-lines-2 { 0%, 20% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes animate-top-lines-2 { 0%, 20% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } .content { font-size: 0.8em; line-height: 1.58; letter-spacing: 0.01em; } .content > *:first-child { margin-top: 0; } .content > *:last-child { margin-bottom: 0; } .content strong { font-weight: 600; } .content p { margin: 0.9em 0; } .content img { margin: 1.7em 0; border-radius: 6vw; } .content h2 { margin: 2em 0 1em; font-weight: 600; font-size: 1.3em; line-height: 1.25; } .content a { color: var(--color-main); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: var(--color-main); text-decoration-color: var(--color-main); text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } .content a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .content ul { margin: 0; } .content ul li { margin: 0.75em 0; position: relative; padding-left: 2.5em; } .content ul li::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 1.83333333em; aspect-ratio: 1/1; background: url(/bitrix/templates/ru_y/css/../img/svg/li.svg) center / contain no-repeat; } .content ol { margin: 1.5em 0; padding: 0; counter-reset: cntNN; list-style: none; } .content ol li { margin: 0.75em 0; position: relative; padding-left: 2.5em; counter-increment: cntNN; } .content ol li::before { content: counter(cntNN, decimal-leading-zero); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0; width: 1.83333333em; aspect-ratio: 1/1; font-weight: 700; font-size: 0.75em; line-height: 1; color: var(--color-main); } .content blockquote { position: relative; margin: 1.7em 0; padding: 1em 1em 1em 5em; border-radius: 4vw; border: 2px solid #c3d2e4; } .content blockquote::before { content: ''; display: block; position: absolute; left: 1em; top: 1em; width: 3em; aspect-ratio: 76/86; background: url(/bitrix/templates/ru_y/css/../img/news/quote.svg) center / contain no-repeat; } .content blockquote p { font-size: 1.1em; margin: 0 0 0.6em; line-height: 1.33; font-weight: 500; } .content blockquote footer { color: #7A8EA7; font-size: 0.9em; font-weight: 600; } @media (min-width: 1070px) { .content { font-size: 1.25vw; } .content img { border-radius: 4.16666667vw; } .content h2 { font-size: 2.08vw; margin-right: 20.4vw; } .content a { text-decoration-thickness: 2px; } .content ul { margin-left: 1.9em; margin-right: 20vw; } .content ul li { padding-left: 3em; } .content ul li::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .content ol { margin-left: 0.3em; margin-right: 20vw; } .content ol li { margin: 0.9em 0; padding-left: 3em; } .content ol li::before { width: 2.29166667vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .content blockquote { width: 58.22916667vw; border-width: 3px; border-radius: 2.60416667vw; padding: 1.7em 3em 1.5em 7em; } .content blockquote::before { width: 3.95833333vw; left: 2em; top: 1.3em; } .content blockquote p { font-size: 1.56vw; } .content blockquote footer { font-size: 1.04vw; } } .head-search { position: fixed; z-index: 110; top: 5vw; left: 0; width: 100vw; padding: 0 4.44vw; opacity: 0; -webkit-transform: translateY(-100vw); -ms-transform: translateY(-100vw); transform: translateY(-100vw); -webkit-transition: 0.5s opacity, 0.5s -webkit-transform; transition: 0.5s opacity, 0.5s -webkit-transform; transition: 0.5s opacity, 0.5s transform; transition: 0.5s opacity, 0.5s transform, 0.5s -webkit-transform; } .head-search.active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .head-search__form { position: relative; display: block; } .head-search__input { display: block; position: relative; z-index: 1; border: 0; background: #fff; width: 100%; height: 11.11111111vw; border-radius: 5.55555556vw; padding: 0.2em 3em 0.2em 14vw; font-size: 4vw; font-weight: 500; font-family: var(--font-inter); letter-spacing: 0.01em; outline: none; } .head-search__input::-webkit-input-placeholder { color: #99a6b7; } .head-search__input::-moz-placeholder { color: #99a6b7; } .head-search__input:-ms-input-placeholder { color: #99a6b7; } .head-search__input::-ms-input-placeholder { color: #99a6b7; } .head-search__input::placeholder { color: #99a6b7; } .head-search__submit { display: block; position: absolute; z-index: 4; left: 1.38888889vw; top: 1.38888889vw; width: 8.33333333vw; padding: 0; border: 0; background: var(--color-main); color: #fff; border-radius: 50%; cursor: pointer; outline: none; } .head-search__submit svg { fill: currentColor; } .head-search__modal { margin-top: 2vw; width: 100%; background: #fff; border-radius: 5.55555556vw; padding: 4vw 4.44vw; } .head-search__wrap { min-height: 15vh; max-height: 50vh; overflow-y: auto; } .no-cssscrollbar .head-search__wrap { scrollbar-color: var(--color-main) rgba(8, 198, 73, 0.2); scrollbar-width: thin; } .cssscrollbar .head-search__wrap::-webkit-scrollbar-track { border-radius: 6px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .head-search__wrap::-webkit-scrollbar { width: 6px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .head-search__wrap::-webkit-scrollbar-thumb { border-radius: 3px; background-color: var(--color-main); } .head-search__list { font-size: 0.8em; font-weight: 500; line-height: 1; } .head-search__list li { margin-bottom: 1.1em; } .head-search__list li a { -webkit-transition: 0.3s color; transition: 0.3s color; } .head-search__list li a:hover { color: var(--color-main); } .head-search__empty { height: 15vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #99a6b7; font-weight: 500; font-size: 0.8em; } .head-search__overlay { display: none; position: fixed; z-index: 109; top: 0; left: 0; width: 100%; height: 100%; } .head-search.active + .head-search__overlay { display: block; } @media (min-width: 1070px) { .head-search { top: 2.8vh; right: 4.6vw; left: auto; width: 25.20833333vw; padding: 0; } .head-search__input { height: 3.64583333vw; border-radius: 1.82291667vw; font-size: 1.04vw; padding-left: 4.2vw; } .head-search__submit { width: 2.65625vw; top: 0.52vw; left: 0.52vw; } .head-search__modal { margin-top: 0.42vw; border-radius: 1.56vw; padding: 1.25vw 1.1vw 1vw 1.4vw; } .head-search__list { font-size: 1.04vw; } .head-search__wrap { max-height: 7.8125vw; min-height: 1px; } .head-search__empty { font-size: 1.04vw; height: 7vw; } } .t-cookie { position: fixed; z-index: 80; left: 4.44vw; bottom: 2vw; right: 4.44vw; border-radius: 3vw; background: #fff; padding: 4vw; -webkit-box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translate(0, 50vh); -ms-transform: translate(0, 50vh); transform: translate(0, 50vh); -webkit-transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s transform; transition: 0.3s opacity, 0.3s transform, 0.3s -webkit-transform; } .t-cookie.show { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .t-cookie__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .t-cookie__txt { width: 100%; margin-bottom: 4vw; font-size: 0.7em; line-height: 1.5; } .t-cookie__btns { width: calc(50% - 2vw); } .t-cookie__btns:nth-child(3) { margin-left: auto; } .t-cookie__btns .btn1 { width: 100%; } .t-cookie__modal { margin-top: 8vw; } .t-cookie__item { margin-bottom: 6vw; } .t-cookie__txt-2 { margin-top: 4vw; font-weight: 300; font-size: 0.8em; line-height: 1.44; } .t-cookie__ch-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-bottom: 2vw; padding: 2vw 3vw 2vw; height: 8vw; background: var(--color-main); color: #fff; border-radius: 2vw; font-size: 0.6em; font-weight: 700; white-space: nowrap; } .t-cookie__title { display: block; font-weight: 600; line-height: 1.33; font-size: 1.1em; } .t-cookie__label { display: block; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; cursor: pointer; } .t-cookie__label input { position: absolute; left: -9999px; top: 0; } .t-cookie__label input:checked + .t-cookie__checker svg { opacity: 1; } .t-cookie__check { margin-bottom: 2vw; } .t-cookie__checker { width: 8vw; border-radius: 2vw; background: var(--color-main); display: block; } .t-cookie__checker svg { opacity: 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; pointer-events: none; } .t-cookie__footer { margin-top: 12vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2vw; } @media (min-width: 1070px) { .t-cookie { width: 55.98958333vw; right: auto; left: 2vw; bottom: 2vh; padding: 2vw 2vw 2vw 2vw; border-radius: 2.1875vw; } .t-cookie__txt { margin-bottom: 0; margin-right: auto; width: 28.64583333vw; font-size: 0.88541667vw; } .t-cookie__btns { width: auto; } .t-cookie__btns:nth-child(3) { margin-left: 1vw; } .t-cookie__modal { margin-top: 2.25vw; } .t-cookie__item { margin-bottom: 2.4vw; } .t-cookie__check { margin-bottom: 0; margin-right: 1vw; } .t-cookie__ch-1 { height: 1.97916667vw; font-size: 0.73vw; margin-right: 1vw; border-radius: 0.53vw; margin-bottom: 0; padding: 0.3em 1em; } .t-cookie__checker { border-radius: 0.53vw; width: 1.97916667vw; margin-bottom: 0; } .t-cookie__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .t-cookie__title { font-size: 1.56vw; } .t-cookie__txt-2 { margin-top: 0.94vw; font-size: 0.93vw; } .t-cookie__footer { margin-top: 3.4vw; } } .search { position: relative; display: block; } .search__input { display: block; position: relative; z-index: 1; width: 100%; border: 0; height: 11.11111111vw; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.3); border-radius: 5.55555556vw; padding: 0.3em 1.5em 0.3em 13.88888889vw; font-size: 0.8em; color: #fff; font-family: var(--font-inter); font-weight: 300; letter-spacing: 0.01em; outline: none; } @media (min-width: 1070px) { .search__input { font-size: 1.15vw; padding-left: 5vw; height: 3.54166667vw; border-radius: 1.77083333vw; } } .search__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } .search__input::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .search__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .search__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .search__input::placeholder { color: rgba(255, 255, 255, 0.8); } .search__submit { position: absolute; z-index: 3; left: 1.38888889vw; top: 1.38888889vw; } @media (min-width: 1070px) { .search__submit { top: 0.42vw; left: 0.42vw; } } .search__modal { display: none; position: absolute; z-index: 4; top: 100%; left: 0; margin-top: 2vw; width: 100%; background: #fff; border-radius: 5.55555556vw; padding: 4vw 4.44vw; color: #000; } .search__wrap { min-height: 15vh; max-height: 50vh; overflow-y: auto; } .no-cssscrollbar .search__wrap { scrollbar-color: var(--color-main) rgba(8, 198, 73, 0.2); scrollbar-width: thin; } .cssscrollbar .search__wrap::-webkit-scrollbar-track { border-radius: 6px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .search__wrap::-webkit-scrollbar { width: 6px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .search__wrap::-webkit-scrollbar-thumb { border-radius: 3px; background-color: var(--color-main); } .search__list { font-size: 0.8em; font-weight: 500; line-height: 1; } .search__list li { margin-bottom: 1.1em; } .search__list li a { -webkit-transition: 0.3s color; transition: 0.3s color; } .search__list li a:hover { color: var(--color-main); } .search__empty { height: 15vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(0, 0, 0, 0.8); font-weight: 500; font-size: 0.8em; } .search__item { margin-bottom: 6vw; padding: 6vw; border-radius: 6vw; background: #fff; } .search__item-pic { display: block; margin-bottom: 6vw; border-radius: 4vw; overflow: hidden; max-width: 284px; } .search__item-pic img { aspect-ratio: 284/176; } .search__item-title { display: block; margin-bottom: 4vw; font-weight: 700; font-size: 1em; } a.search__item-title { color: var(--color-main); text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } a.search__item-title:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .search__item-title-2 { display: block; margin-bottom: 4vw; font-weight: 600; font-size: 1em; } .search__item-title-2 span { display: inline-block; } .search__item-title-2 span:not(:last-child)::after { content: '>'; display: inline-block; margin: 0 0.7em; } .search__item-txt { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.8em; line-height: 1.42; } .search__item-txt mark { background: none; font-weight: 700; color: var(--color-main); } .search__item-btns { margin-top: 6vw; } .search__item-publish { margin-top: 3vw; display: block; font-size: 0.7em; color: #99a6b7; } .search__info { margin-bottom: 6vw; font-size: 0.8em; line-height: 1.33; } .search__info mark { background: none; font-weight: 700; color: var(--color-main); } @media (min-width: 1070px) { .search__modal { margin-top: 0.42vw; border-radius: 1.56vw; padding: 1.25vw 1.1vw 1vw 1.4vw; } .search__list { font-size: 1.04vw; } .search__wrap { max-height: 7.8125vw; min-height: 1px; } .search__empty { font-size: 1.04vw; height: 7vw; } .search__item { margin-bottom: 1.35vw; padding: 2vw 3.1vw 2vw 2vw; border-radius: 3.12vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search__item-pic { margin-bottom: 0; margin-right: 2.7vw; max-width: none; width: 14.79166667vw; -webkit-box-flex: 0; -ms-flex: 0 0 14.79166667vw; flex: 0 0 14.79166667vw; border-radius: 1.77083333vw; } .search__item-desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search__item-btns { margin-top: 0; margin-left: 6vw; width: 17.86458333vw; -webkit-box-flex: 0; -ms-flex: 0 0 17.86458333vw; flex: 0 0 17.86458333vw; } .search__item-title { margin-bottom: 1.2vw; height: 1.3em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 1.56vw; } a.search__item-title { text-decoration-thickness: 2px; } .search__item-title-2 { margin-bottom: 1.2vw; font-size: 1.56vw; } .search__item-publish { margin-top: 1vw; font-size: 0.94vw; } .search__item-txt { font-size: 1.25vw; -webkit-line-clamp: 2; } .search__info { margin-bottom: 2vw; font-size: 1.56vw; } .search__footer.news__footer { margin-top: 3.7vw; } } .lity { background: rgba(0, 0, 0, 0.5); } .lity-close { opacity: 0; } .lity-content:after { -webkit-box-shadow: none; box-shadow: none; } html.lity-active { overflow: hidden; } @media (min-width: 1070px) { html.lity-active { padding-right: 17px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { text-align: center; } .slick-dots li { display: inline-block; margin: 0 6px; } .slick-dots li button { width: 6px; height: 6px; padding: 0; border-radius: 50%; background: #000; border: 1px solid green; } .tooltipster-copy.tooltipster-sidetip .tooltipster-box { border: 0; background: none; } .tooltipster-copy.tooltipster-sidetip .tooltipster-content { font-size: 3.5vw; background: #72c68e; color: #fff; font-weight: 700; line-height: 1.5; letter-spacing: 0.012em; padding: 0.5em 1.2em; border-radius: 0.4em; } @media (min-width: 1070px) { .tooltipster-copy.tooltipster-sidetip .tooltipster-content { font-size: 0.83vw; } } .bvi-active .tooltipster-copy.tooltipster-sidetip .tooltipster-content { background: #000 !important; color: #fff !important; } .tooltipster-mess.tooltipster-sidetip .tooltipster-box { border: 0; background: none; } .tooltipster-mess.tooltipster-sidetip .tooltipster-content { font-size: 3.5vw; background: #fff; color: #000; font-weight: 700; line-height: 1.5; letter-spacing: 0.012em; padding: 0.5em 1.2em; border-radius: 0.4em; } @media (min-width: 1070px) { .tooltipster-mess.tooltipster-sidetip .tooltipster-content { font-size: 0.83vw; } } .bvi-active .tooltipster-mess.tooltipster-sidetip .tooltipster-content { background: #000 !important; color: #fff !important; } .top { position: relative; overflow: hidden; color: #fff; } .top.top_v2, .top.top_v3 { color: #000; } .top__container { padding: 0 0 20vw; } .top__container.top__container_v2 { padding-bottom: 0; } .top__pics { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .top__pics > img, .top__pics picture img { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .top__lines { display: none; } .top__wrap { margin-top: 40vw; } .top__title { display: block; font-weight: 500; line-height: 0.9; letter-spacing: 0.015em; font-size: 11.94444444vw; } .top__title h1 { font-weight: inherit; } .top__title strong { color: var(--color-main); } .top__title.top__title_v2 { font-size: 8.33333333vw; } .top__label { display: none; } .top__box { margin-top: 10vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.01em; line-height: 1.25; font-weight: 600; font-size: 4.44444444vw; } .top__box i { display: block; width: 11.66666667vw; -webkit-box-flex: 0; -ms-flex: 0 0 11.66666667vw; flex: 0 0 11.66666667vw; margin-right: 4vw; } .top__sub { margin-top: 2vw; letter-spacing: 0.02em; font-weight: 300; font-size: 3.88888889vw; text-align: left; } .top__btns { margin-top: 7vw; } .top__desc { margin-top: 17vw; letter-spacing: 0.015em; font-size: 3.88888889vw; line-height: 1.5; font-weight: 300; } .top__desc-t { display: block; margin-bottom: 2vw; line-height: 1.25; font-weight: 600; font-size: 4.44444444vw; } .top__head-2 { margin-top: 12vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10vw; } .top__head-2-icon { width: 12vw; -webkit-box-flex: 0; -ms-flex: 0 0 12vw; flex: 0 0 12vw; margin-right: 4vw; } .top__head-2-icon img { aspect-ratio: 1; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .top__head-2-title { width: calc(100% - 16vw); font-size: 11.94vw; font-weight: 600; line-height: 1; letter-spacing: 0.01em; color: #000; } .top__head-2-subtitle { display: block; margin-top: 4vw; line-height: 1.4; font-size: 0.8em; } .top__head-2-btns { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 8vw auto 0; } .top__search { position: absolute; right: 0; top: 0; width: 14vw; overflow: hidden; -webkit-transition: 0.3s width; transition: 0.3s width; border-radius: 7vw; } .top__search.active { width: 101%; } .top__search.active .top__search-open { background: #C4D0DB; border-color: #C4D0DB; } .top__search.active .top__search-open .opn { opacity: 0; } .top__search.active .top__search-open .cls { opacity: 1; } .top__search.active .top__search-form { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .top__search.top__search_v3 { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; right: 0; left: 0; bottom: 0; margin: 6vw 0 0; width: 100%; } .top__search.top__search_v3 .top__search-form { -webkit-transform: none; -ms-transform: none; transform: none; } .top__search.top__search_v3 .top__search-open { position: absolute; z-index: 5; right: 0; top: 0; background: var(--color-main); color: #fff; } .top__search.top__search_v3 .top__search-open:hover { background: #fff !important; color: var(--color-main); } .top__search.top__search_v3 .top__search-inp { padding-left: 2.2em; } .top__search-toggles { position: absolute; top: 0; right: 0; z-index: 5; } .top__search-open { width: 14vw; display: block; padding: 0; background: #DBE3EA; border: 1px solid var(--color-main); color: var(--color-main); cursor: pointer; outline: none; border-radius: 50%; -webkit-transition: 0.3s color, 0.3s background; transition: 0.3s color, 0.3s background; } .top__search-open:hover { color: #fff; background: var(--color-main) !important; } .top__search-open .opn, .top__search-open .cls { -webkit-transition: 0.3s opacity; transition: 0.3s opacity; } .top__search-open .opn { fill: currentColor; } .top__search-open .cls { stroke: #fff; opacity: 0; } .top__search-form { display: block; position: relative; z-index: 1; width: 100%; -webkit-transition: 0.5s -webkit-transform; transition: 0.5s -webkit-transform; transition: 0.5s transform; transition: 0.5s transform, 0.5s -webkit-transform; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 95% 50%; -ms-transform-origin: 95% 50%; transform-origin: 95% 50%; } .top__search-sbm { position: absolute; width: 10vw; border-radius: 50%; padding: 0; border: 0; cursor: pointer; outline: none; background: var(--color-main); color: #fff; top: 2vw; left: 2vw; } .top__search-sbm svg { fill: currentColor; } .top__search-inp { width: 100%; height: 14vw; border-radius: 7vw; border: 0; background: #fff; padding: 0.3em 18vw 0.3em 14vw; color: #000; font-family: var(--font-inter); letter-spacing: 0.012em; font-size: 4vw; font-weight: 400; outline: none; } .top__search-inp::-webkit-input-placeholder { color: #99a6b7; } .top__search-inp::-moz-placeholder { color: #99a6b7; } .top__search-inp:-ms-input-placeholder { color: #99a6b7; } .top__search-inp::-ms-input-placeholder { color: #99a6b7; } .top__search-inp::placeholder { color: #99a6b7; } .top__footer-2 { position: relative; } .top__tabs { margin-top: 8vw; } .top__scroll { display: none; } .top__subtitle { display: block; margin-top: 6vw; line-height: 1.28; font-weight: 500; font-size: 0.8em; } .top__wrap-y-1 { margin-top: 12vw; } .top__label-2 { display: block; margin-bottom: 4vw; font-size: 1em; font-weight: 500; } .top__desc-y { margin-top: 10vw; } .top.top_404 .top__title { font-size: 25vw; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-family: var(--font-rfdewiext); } .top.top_404 .top__title sup { position: absolute; top: 2vw; left: 100%; margin-left: 3vw; letter-spacing: 0.01em; line-height: 1.25; font-family: var(--font-inter); font-weight: 700; font-size: 3.88888889vw; white-space: nowrap; } @media (min-width: 1070px) { .top { padding-bottom: 8.7vw; } .top.top_v3 { padding-bottom: 4.3vw; } .top .ellipse { z-index: 2; } .top__lines { display: block; position: absolute; top: 0; left: 0; } .top__lines svg { stroke-linecap: square; stroke: #fff; opacity: 0.4; } .top__lines.top__lines-1 { width: 48.28125vw; margin-top: -21.7%; margin-left: 3.9%; } .top__lines.top__lines-1 svg { stroke-dashoffset: 500; stroke-dasharray: 500; stroke-width: 2; -webkit-animation: 4s animate-top-lines-1 linear infinite; animation: 4s animate-top-lines-1 linear infinite; } .top__lines.top__lines-2 { width: 18.54166667vw; margin-top: 27.8%; margin-left: 61.9%; } .top__lines.top__lines-2 svg { stroke-dashoffset: 500; stroke-dasharray: 500; -webkit-animation: 4s animate-top-lines-1 linear infinite 1s; animation: 4s animate-top-lines-1 linear infinite 1s; } .top__lines.top__lines-3 { width: 40.57291667vw; margin-top: -16.1%; margin-left: 73%; } .top__lines.top__lines-3 svg { stroke-dashoffset: 1000; stroke-dasharray: 1000; -webkit-animation: 4s animate-top-lines-2 linear infinite 2s; animation: 4s animate-top-lines-2 linear infinite 2s; } .top__lines.top__lines-4 { width: 42.03125vw; margin-top: 7.5%; margin-left: 27%; } .top__lines.top__lines-4 svg { stroke-dashoffset: 1000; stroke-dasharray: 1000; opacity: 0.2; stroke-width: 2; -webkit-animation: 4s animate-top-lines-2 linear infinite 3s; animation: 4s animate-top-lines-2 linear infinite 3s; } .top__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; padding-bottom: 3vh; } .top__container.top__container_v2 { min-height: 1px; } .top__wrap { margin-top: auto; position: relative; } .top__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 3vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid rgba(255, 255, 255, 0.4); padding: 0.62vw 1.84vw 0.72vw 1.84vw; border-radius: 2vw; font-weight: 500; font-size: 1.45vw; letter-spacing: 0.015em; } .top__label i { display: block; width: 1em; margin-right: 0.83vw; } .top__title { margin-right: 15vw; font-size: 5.98958333vw; } .top__title.top__title_v2 { font-size: 3.28125vw; } .top__footer { position: absolute; right: 0; bottom: 0.6vw; width: 19vw; } .top__footer.top__footer_v2 { width: 29.16666667vw; } .top__footer.top__footer_v3 { width: 38.85416667vw; } .top__footer.top__footer_v3 .top__box, .top__footer.top__footer_v3 .top__sub { width: 21vw; margin-left: auto; text-align: right; } .top__footer.top__footer_v3 .top__box { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .top__footer.top__footer_v3 .top__box i { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; margin-left: 1vw; } .top__footer.top__footer_y { text-align: right; bottom: 0; width: 29.1vw; } .top__footer.top__footer_y .top__box { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .top__footer.top__footer_y .top__box p { font-size: 1.75em; font-weight: 700; } .top__footer.top__footer_y .top__sub { margin-left: auto; margin-top: 1.5vw; text-align: right; font-size: 1.75em; font-weight: 400; } .top__btns { margin-top: 3vw; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-left: auto; } .top__sub { margin-top: 0.93vw; font-size: 1.15vw; } .top__box { margin-top: 0; font-size: 1.35vw; } .top__box i { width: 5.5vw; -ms-flex-preferred-size: 5.5vw; flex-basis: 5.5vw; margin-right: 1vw; } .top__desc { margin: 0; position: absolute; left: 0; top: 24vh; text-align: left; font-size: 0.88541667vw; width: 15.625vw; } .top__desc.top__desc-2 { width: 20vw; } .top__desc-t { margin-bottom: 1.6vh; font-size: 1.09vw; } .top__head-2 { margin: 4vw 0 4.2vw; } .top__head-2.top__head-2_v2 { margin-bottom: 3.2vw; } .top__head-2.top__head-2_v3 { margin-bottom: 0; } .top__head-2-icon { width: 8.33333333vw; -ms-flex-preferred-size: 8.33333333vw; flex-basis: 8.33333333vw; margin-right: 2.6vw; } .top__head-2-title { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 7.70833333vw; } .top__head-2-subtitle { width: 40vw; text-align: right; font-size: 1.56vw; margin-left: 2vw; margin-top: 0; } .top__head-2-btns { margin-right: 0; margin-top: 9vh; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .top__tabs { margin-top: 9vh; } .top__search { width: 6.05vw; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 5.625vw; } .top__search.top__search_v2 { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 0; } .top__search.top__search_v3 { margin: 2.2vw 0 0; } .top__search.top__search_v3 .top__search-inp { padding-left: 1.6em; } .top__search-open { width: 6.04166667vw; border-width: 2px; } .top__search-inp { height: 6.04166667vw; padding: 0.3em 8.33333333vw 0.3em 6.15vw; font-size: 1.56vw; } .top__search-sbm { width: 3.4375vw; left: 1.24vw; top: 1.24vw; } .top__scroll { display: block; position: absolute; right: -0.35vw; top: 50%; -webkit-transform: translateY(-190%); -ms-transform: translateY(-190%); transform: translateY(-190%); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 400; font-size: 0.73vw; line-height: 1; text-align: right; padding-bottom: 1.56vw; } .top__scroll::before, .top__scroll::after { content: ''; display: block; position: absolute; width: 2px; top: 100%; background: #fff; height: 4.7vw; } .top__scroll::before { left: 0.4vw; } .top__scroll::after { right: 0.2vw; } .top__subtitle { margin-top: 2vw; max-width: 50vw; font-size: 1.30208333vw; padding-bottom: 0.6vw; } .top__wrap-y-1 { margin-top: 7vh; } .top__wrap-y-1 .top__title { font-weight: 600; font-size: 6.04166667em; line-height: 1.03; letter-spacing: 0.01em; } .top__label-2 { margin-bottom: 1.7vh; font-size: 2.23958333em; } .top__desc-y { margin-top: 0; font-size: 1.45em; line-height: 1.57; width: 30vw; } .top__desc-y .top__desc-t { font-size: 1em; margin-bottom: 0.2em; } .top.top_404 { padding-bottom: 0; } .top.top_404 .top__container { padding-bottom: 8vh; } .top.top_404 .top__title { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 20.3125vw; } .top.top_404 .top__title sup { top: 2vw; margin-left: 0.8vw; font-size: 1.66666667vw; } } @media (max-width: 1070px) { .top__title.top__title_v1 { font-size: 10vw; } .top.top_404 .top__container { min-height: 100dvh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 6vh; } .top.top_404 .top__wrap { margin-top: auto; } } @media (min-width: 1070px) and (max-height: 700px) { .top__title { font-size: 5vw; margin-right: 22vw; } .top__label { font-size: 1vw; } } @media (min-width: 1700px) and (max-height: 900px) { .top__title { font-size: 5vw; margin-right: 22vw; } .top__label { font-size: 1vw; } } .promo { margin-top: 6vw; } .promo__subtitle { display: block; margin-bottom: 3vw; font-size: 0.8em; font-weight: 300; line-height: 1.5; } .promo__fig { margin: 0; position: relative; } .promo__pic { margin: 0 -10vw; } .promo__pic svg .main { stroke: #fff; fill: transparent; } .promo__pic svg g { -webkit-transition: 1s fill 0.5s, 1s stroke 0.5s; transition: 1s fill 0.5s, 1s stroke 0.5s; fill: transparent; stroke: transparent; position: relative; z-index: 1; } .promo__pic svg g.active { -webkit-transition: 1s fill, 1s stroke; transition: 1s fill, 1s stroke; fill: var(--color-main); stroke: var(--color-main); z-index: 5; } .promo__pic svg g.active circle { opacity: 1; -webkit-transition: 1s opacity; transition: 1s opacity; } .promo__pic svg circle { opacity: 0; -webkit-transition: 1s opacity 0.5s; transition: 1s opacity 0.5s; } .promo__label { display: block; white-space: nowrap; position: absolute; bottom: 0; right: 8vw; font-weight: 700; font-size: 0.8em; line-height: 1.25; text-align: right; } .promo__label strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 12em; font-weight: 600; line-height: 0.9; letter-spacing: -0.03em; font-family: var(--font-rfdewiext); } .promo__label strong small { display: inline-block; -webkit-transform: translate(21%, 14%); -ms-transform: translate(21%, 14%); transform: translate(21%, 14%); font-size: 0.84725051em; } .promo__label > span { display: block; position: absolute; top: 0; right: -2em; } .promo__btns { display: none; } .promo__slider-wrap { margin-top: 10vw; padding: 0 4.44vw; } .promo__slider { position: relative; z-index: 1; counter-reset: cntPr; } .promo__slider .slick-dots { margin-top: 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2vw; } .promo__slider .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .promo__slider .slick-dots li button { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; outline: none; background: rgba(8, 198, 73, 0.2); font-size: 0; color: transparent; height: 4px; border-radius: 2px; -webkit-transition: 0.3s background; transition: 0.3s background; } .promo__slider .slick-dots li.slick-active button { background: #08c649; } .promo__slide { position: relative; z-index: 4; top: 0; left: 0; padding: 8vw 6vw 6vw; border-radius: 6vw; background: #fff; counter-increment: cntPr; width: 100%; margin-bottom: 6vw; } .promo__slide:last-child { margin-bottom: 0; } .promo__slide-pics { position: relative; } .promo__slide-diag { display: block; position: absolute; top: -1vw; left: -1vw; width: 24.19354839%; aspect-ratio: 1.02094241; background: center / contain no-repeat; } .promo__slide-desc { margin-bottom: 12vw; } .promo__slide-title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; font-weight: 600; line-height: 1.02; font-size: 1.2em; } .promo__slide-title::before { content: '.' counter(cntPr, decimal-leading-zero); display: block; line-height: 0.65; font-size: 4.85185185em; letter-spacing: -0.03em; font-weight: 400; margin-right: 0.18em; font-family: var(--font-rfdewiext); } .promo__slide-txt { margin-top: 8vw; line-height: 1.35; font-size: 0.8em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .promo__slide-txt strong { color: var(--color-main); font-weight: 600; } .promo__slide-list { margin-top: 12vw; max-width: 100%; } .promo__slide-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .promo__slide-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4vw; } .promo__slide-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; font-weight: 300; line-height: 1.42; } .promo__slide-item i { display: block; width: 10vw; -webkit-box-flex: 0; -ms-flex: 0 0 10vw; flex: 0 0 10vw; margin-right: 3vw; background: #EFF3F6; border-radius: 50%; } .promo__next { position: absolute; z-index: 4; right: 0; bottom: 0; width: 30.76923077%; } .promo__next:hover .z1 { fill: #eff3f6; } .promo__next:hover .z2 { fill: var(--color-main); } .promo__next .z1, .promo__next .z2 { -webkit-transition: 0.3s fill; transition: 0.3s fill; } .promo__next .z1 { fill: var(--color-main); } .promo__next .z2 { fill: #fff; } @media (min-width: 1070px) { .promo { margin-top: 0; position: relative; padding-top: 8vw; } .promo__subtitle { font-size: 1.25vw; margin-bottom: 0; } .promo__fig { margin: 0; padding: 0; position: absolute; top: -25.2vw; right: 7.7vw; width: 41.77083333vw; } .promo__pic { margin: 0; } .promo__label { top: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -3vw; -webkit-transform: translateX(-38%); -ms-transform: translateX(-38%); transform: translateX(-38%); font-size: 1.66666667vw; } .promo__label strong { font-size: 25.57291667vw; } .promo__label > span { top: 3.5vw; right: -1.7vw; } .promo__btns { display: block; } .promo__btns.prehover { position: absolute; z-index: 80; margin: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); top: 0; left: 0; margin-top: -6.40625vw; margin-left: -6.40625vw; opacity: 0; pointer-events: none; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .promo__slider-wrap { margin: 11.8vw auto 0; width: 95.83333333vw; padding: 0; } .promo__slider .slick-dots { margin-top: 2.7vw; margin-right: 2vw; gap: 1vw; } .promo__slider .slick-dots li button { height: 8px; border-radius: 4px; } .promo__slide { aspect-ratio: 1840/900; background: url(/bitrix/templates/ru_y/css/../img/services/bg-item.svg) top left / contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20vw, transparent), color-stop(20vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/services/bg-item.svg) top left / contain no-repeat, linear-gradient(180deg, transparent 0%, transparent 20vw, #fff 20vw, #fff 100%); padding: 3.5vw 3.6vw 3.7vw 5.2vw; border-radius: 5.2vw; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0; } .promo__slide:nth-child(2) { top: 0; left: 0; } .promo__slide:nth-child(1) .promo__slide-title { font-size: 2.29166667vw; } .promo__slide-diag { top: 0; left: 0; } .promo__slide-pics { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 41.97916667vw; -ms-flex-item-align: start; align-self: flex-start; } .promo__slide-pics img { aspect-ratio: 807/760; } .promo__slide-desc { margin: 0 auto 0 0; width: 38.22916667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 1.2vw; } .promo__slide-title { font-size: 2.8125vw; margin-left: -0.25vw; letter-spacing: 0.01em; } .promo__slide-title::before { font-size: 13.64583333vw; } .promo__slide-txt { margin-top: 4vw; font-size: 1.66666667vw; letter-spacing: 0.01em; } .promo__slide-list { margin-top: auto; margin-right: -2vw; max-width: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .promo__slide-list > div { position: relative; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .promo__slide-row { gap: 1.6vw 3vw; } .promo__slide-item { font-size: 1.25vw; } .promo__slide-item i { width: 3.33333333vw; -ms-flex-preferred-size: 3.33333333vw; flex-basis: 3.33333333vw; margin-right: 1vw; } } .benef { margin-top: 6vw; } .benef__title { display: block; margin-bottom: 15vw; color: #99a6b7; line-height: 1.55; font-size: 0.8em; } .benef__graph { position: relative; } .benef__figure { display: none; } .benef__way { display: block; width: 1vw; position: absolute; z-index: 0; left: 3.5vw; top: 0; height: calc(100% - 20vw); background: -webkit-gradient(linear, left top, left bottom, from(#08c64900), to(#08c649)); background: linear-gradient(180deg, #08c64900, #08c649); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .benef__list { position: relative; } .benef__list li { margin: 0; position: relative; z-index: 1; padding-left: 14vw; padding-bottom: 8vw; } .benef__list li::before { content: ''; display: block; position: absolute; z-index: 1; left: 0; top: 10vw; width: 8vw; aspect-ratio: 1; border-radius: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 220, 157, 0.1)), to(rgba(72, 203, 117, 0.3))), radial-gradient(circle at 50%, #08c649 0%, #08c649 30%, transparent 30%, transparent 100%); background: linear-gradient(180deg, rgba(124, 220, 157, 0.1) 0%, rgba(72, 203, 117, 0.3) 100%), radial-gradient(circle at 50%, #08c649 0%, #08c649 30%, transparent 30%, transparent 100%); } .benef__cnt { display: block; font-size: 0.8em; color: #99a6b7; line-height: 1; font-family: var(--font-rfdewiext); } .benef__label { display: block; font-size: 4em; font-weight: 600; font-family: var(--font-rfdewiext); line-height: 1; } .benef__txt { line-height: 1.25; } .benef__views { margin-top: 0; position: relative; } .benef__slider { position: relative; z-index: 5; border-radius: 11vw; overflow: hidden; } .benef__slider .slick-dots { position: absolute; z-index: 5; left: 10vw; right: 10vw; bottom: 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .benef__slider .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .benef__slider .slick-dots li button { display: block; width: 100%; padding: 0; border: 0; height: 4px; border-radius: 2px; cursor: pointer; outline: none; background: rgba(255, 255, 255, 0.3); font-size: 0; color: transparent; -webkit-transition: 0.3s background; transition: 0.3s background; border-radius: 0; } .benef__slider .slick-dots li.slick-active button { background: #ffffff; } .benef__slide { position: relative; } .benef__pic { position: relative; z-index: 1; cursor: -webkit-grab; cursor: grab; } .benef__pic img { aspect-ratio: 0.77012835; -o-object-fit: cover; object-fit: cover; } .benef__point { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; top: 6vw; right: 6vw; max-width: 70%; font-weight: 600; font-size: 0.6em; line-height: 1.1; pointer-events: none; } .benef__point i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; background: #fff; border-radius: 50%; } .benef__point span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.6em 1.6em; background: #fff; border-radius: 4vw; } .benef__count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; padding: 10vw 4vw 12vw 10vw; background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 163, 62, 0)), to(rgba(10, 160, 61, 0.49))); background: linear-gradient(180deg, rgba(10, 163, 62, 0) 0%, rgba(10, 160, 61, 0.49) 100%); color: #fff; font-weight: 600; line-height: 1.27; pointer-events: none; } .benef__count strong { display: block; font-size: 4.96666667em; font-weight: 600; margin-right: 0.2em; line-height: 0.9; letter-spacing: -0.03em; font-family: var(--font-rfdewiext); } .benef__map { position: relative; z-index: 1; margin: -8vw -4vw 0 -32vw; } .benef__map #gebit { opacity: 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; } .benef__map .circles { fill: #ADBED2; } .benef__dot { position: absolute; z-index: 5; top: 0; left: 0; width: 3.7630662%; cursor: pointer; } .benef__dot.benef__dot_1 { margin-top: 45%; margin-left: 58.3%; } .benef__dot.benef__dot_2 { margin-top: 62.1%; margin-left: 82.2%; } .benef__dot.benef__dot_3 { margin-top: 68.8%; margin-left: 25.6%; } .benef__dot.benef__dot_4 { margin-top: 50.6%; margin-left: 30.7%; } .benef__dot.benef__dot_5 { margin-top: 26.6%; margin-left: 74.6%; } .benef__dot.benef__dot_6 { margin-top: 45%; margin-left: 79.9%; } .benef__dot.active span { -webkit-transform: scale(1.26086957); -ms-transform: scale(1.26086957); transform: scale(1.26086957); } .benef__dot::after { content: ''; display: block; aspect-ratio: 1/1; background: url(/bitrix/templates/ru_y/css/../img/benef/pic-point.svg) center / contain no-repeat; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .benef__dot span { display: block; position: absolute; width: 350%; aspect-ratio: 1/1; background: center / contain no-repeat; bottom: 90%; left: 100%; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: 0.5s -webkit-transform; transition: 0.5s -webkit-transform; transition: 0.5s transform; transition: 0.5s transform, 0.5s -webkit-transform; } @media (min-width: 1070px) { .benef { margin-top: -23vw; } .benef__title { margin: 0 0 4.3vw auto; text-align: right; font-size: 1.15vw; width: 22.39583333vw; } .benef__wrap { position: relative; z-index: 3; margin-bottom: 10vw; } .benef__cnt { margin-bottom: 0.9vw; font-size: 1.35vw; } .benef__label { margin-bottom: 0.63vw; font-size: 8.38541667vw; } .benef__txt { font-size: 1.66666667vw; } .benef__graph { margin-bottom: 6vw; } .benef__figure { display: block; } .benef__way { display: none; } .benef__figure-point { display: block; position: absolute; z-index: 3; aspect-ratio: 1/1; background: url(/bitrix/templates/ru_y/css/../img/benef/pic-point.svg) center / contain no-repeat; width: 4.89583333vw; top: 0; left: 0; } .benef__figure-point.benef__figure-point-1 { margin-top: 8.6%; margin-left: 68.5%; } .benef__figure-point.benef__figure-point-2 { margin-top: 40.3%; margin-left: 50.4%; } .benef__figure-point.benef__figure-point-3 { margin-top: 40.3%; margin-left: 0; } .benef__list li { padding: 0; margin: 0; } .benef__list li:nth-child(1) { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 -0.4vw 13.65vw auto; } .benef__list li:nth-child(1) .benef__txt { text-align: right; } .benef__list li:nth-child(2) { width: 49.6%; margin-left: auto; } .benef__list li:nth-child(3) { position: absolute; left: 0; bottom: 0; } .benef__list li::before, .benef__list li::after { display: none !important; } .benef__figure { display: block; position: absolute; z-index: 0; width: 89.79166667vw; top: 7vw; left: 0; } .benef__figure .line-1 { fill: none; stroke: #C3D2E4; } .benef__figure .line-2 { fill: none; stroke-dashoffset: 3100; stroke-dasharray: 3100; } .benef__views { margin-top: 11.8vw; z-index: 0; } .benef__slider { width: 34.375vw; position: relative; z-index: 3; border-radius: 4vw; } .benef__slider .slick-dots { left: 3.1vw; right: 3.1vw; bottom: 3.1vw; } .benef__slider .slick-dots li button { height: 0.42vw; border-radius: 0.21vw; } .benef__map { position: absolute; z-index: 0; right: -5vw; top: -12.8vw; width: 74.73958333vw; margin: 0; } .benef__point { top: 3.1vw; right: 3.1vw; font-size: 0.94vw; } .benef__point i { height: 2.76041667vw; width: 2.76041667vw; -ms-flex-preferred-size: 2.76041667vw; flex-basis: 2.76041667vw; } .benef__dot span { width: 255.55555556%; } .benef__count { padding: 4.3vw 3.1vw 5.9vw 3.1vw; font-size: 1.56vw; } } .portf { position: relative; } .portf__tabs { margin-bottom: 6vw; } .portf__point { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; top: 4vw; right: 4vw; max-width: 90%; font-weight: 600; font-size: 0.6em; line-height: 1.1; } .portf__point i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; background: #fff; border-radius: 50%; } .portf__point span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em; background: #fff; border-radius: 4vw; } .portf__pics { position: relative; } .portf__gallery { border-radius: 6vw 6vw 0 0; overflow: hidden; } .portf__gallery, .inst__gallery, .news__pic{ isolation: isolate; } .portf__gallery img { aspect-ratio: 1185 / 784; -o-object-fit: cover; object-fit: cover; } .portf__gallery .slick-dots { position: absolute; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 4vw; left: 4vw; right: 4vw; gap: 4px; } .portf__gallery .slick-dots li { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .portf__gallery .slick-dots li button { display: block; height: 4px; width: 100%; border: 0; background: rgba(255, 255, 255, 0.3); -webkit-transition: 0.3s background; transition: 0.3s background; font-size: 0; color: transparent; border-radius: 2px; } .portf__gallery .slick-dots li.slick-active button { background: #ffffff; } .portf__gerb { width: 40vw; margin-bottom: auto; } .portf__gerb img { aspect-ratio: 1 / 1; -o-object-fit: cover; object-fit: cover; } .portf__slide { position: relative; } .portf__slide.portf__slide_v2 .portf__right { height: auto; } .portf__right { background: #fff; border-radius: 6vw; padding: 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 106vw; margin-bottom: 2vw; } .portf__col-1-1 { margin-top: 4vw; } .portf__label { display: block; line-height: 1.44; font-weight: 600; color: #bfcbda; font-size: 0.8em; } .portf__name { display: block; line-height: 1.46; font-weight: 500; } .portf__name.portf__name_v1 { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; } .portf__desc { padding: 6vw; background: #fff; border-radius: 0 0 6vw 6vw; } .portf__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portf__head > i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; border: 1px solid #c1cfe0; } .portf__status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; } .portf__year { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; } .portf__footer { margin-top: 8vw; position: relative; } .portf__overtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 7.3em; } .portf__title { display: block; font-weight: 600; line-height: 1.46; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .portf__link { margin-top: 8vw; } .portf__btns { margin: 12vw auto 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .portf__zooms { margin-top: 10vw; } @media (min-width: 1070px) { .portf__tabs { width: 52.29166667vw; margin: 0 0 2.6vw auto; } .portf__point { top: 2.1vw; right: 2.1vw; max-width: 26vw; font-size: 0.94vw; } .portf__point i { height: 2.76041667vw; width: 2.76041667vw; -ms-flex-preferred-size: 2.76041667vw; flex-basis: 2.76041667vw; } .portf__slider { position: relative; min-height: 40.83333333vw; } .portf__slide { display: -webkit-box; display: -ms-flexbox; display: flex; width: 89.58333333vw; } .portf__slide.portf__slide_v2 .portf__right { height: auto; } .portf__slide.portf__slide_v2 .portf__title { margin-right: 3vw; } .portf__slide.portf__slide_v2 .portf__title::after { display: none; } .portf__slide.portf__slide_revert .portf__left { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: 1vw; } .portf__slide.portf__slide_revert .portf__right { background: url(/bitrix/templates/ru_y/css/../img/portf/bg-r.svg) center top / contain no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0vw, transparent), color-stop(12vw, transparent), color-stop(12vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/portf/bg-r.svg) center top / contain no-repeat, linear-gradient(180deg, transparent 0vw, transparent 12vw, #fff 12vw, #fff); text-align: right; } .portf__slide.portf__slide_revert .portf__gerb { margin-left: auto; } .portf__left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 61.71875vw; margin-right: auto; position: relative; } .portf__right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 26.82291667vw; height: 32.1875vw; background: url(/bitrix/templates/ru_y/css/../img/portf/bg.svg) center top / contain no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0vw, transparent), color-stop(12vw, transparent), color-stop(12vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/portf/bg.svg) center top / contain no-repeat, linear-gradient(180deg, transparent 0vw, transparent 12vw, #fff 12vw, #fff); padding: 2.65vw 2.7vw 2.7vw 2.65vw; border-radius: 3.64583333vw; margin: 0; } .portf__gallery { border-radius: 3.64583333vw; } .portf__gallery img { width: 61.71875vw; } .portf__gallery .slick-dots { max-width: 28vw; bottom: auto; top: 3.5vw; left: 2.1vw; right: auto; gap: 0.52vw; } .portf__gallery .slick-dots li { width: 4.6875vw; } .portf__gallery .slick-dots li button { height: 0.42vw; border-radius: 0.21vw; } .portf__gerb { margin-bottom: auto; width: 8.95833333vw; } .portf__label { margin-top: 0.35vw; font-size: 0.94vw; } .portf__name { font-size: 1.35vw; } .portf__col-1-1 { margin-top: 3.35vw; } .portf__col-1-1 + .portf__col-1-1 { margin-top: 2vw; } .portf__desc { position: absolute; z-index: 5; margin: 0; left: 1vw; bottom: 1vw; padding: 1.8vw 2vw 2vw 2vw; border-radius: 2.8125vw; height: 11.19791667vw; width: 55.72916667vw; } .portf__head { margin-bottom: 1.85vw; } .portf__head > i { height: 2.13541667vw; width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .portf__status, .portf__year { font-size: 0.89vw; } .portf__footer { margin-top: 0; } .portf__overtitle { height: 2.92em; min-height: 1px; font-size: 1.35vw; } .portf__title { -webkit-line-clamp: 2; } .portf__link { margin: 0 0 0 auto; -ms-flex-item-align: center; align-self: center; } .portf__control { position: absolute; z-index: 10; bottom: 0; right: 0; } .portf__btns { position: absolute; z-index: 10; margin: 0; top: 0; left: 0; } .portf__zooms { margin-top: 2vw; } } @media (max-width: 1070px) { .portf__title br { display: none; } } .demo { margin-top: 20vw; } .demo__label { display: block; margin-bottom: 2vw; font-size: 4em; font-weight: 700; font-family: var(--font-rfdewiext); line-height: 1; } .demo__txt { line-height: 1.25; font-size: 0.8em; } .demo__items li { margin-bottom: 20vw; } .demo__items li:nth-child(2) { text-align: right; } .demo__btns-2 { margin: 8vw 0 0; } @media (min-width: 1070px) { .demo { margin-top: 10.3vw; position: relative; } .demo__label { margin-bottom: 0.83vw; font-size: 15.3125vw; } .demo__txt { font-size: 1.66666667vw; letter-spacing: 0.02em; } .demo__items li { margin-bottom: 0; } .demo__items li:nth-child(1) { margin-bottom: 0.6vh; } .demo__items li:nth-child(2) { margin-bottom: -3.5vh; } .demo__txt { height: 2.5em; } .demo__btns-2 { margin: 0.53vw 0 0; position: relative; } } .faq { margin-top: 6vw; } .faq__item { margin-bottom: 4vw; } .faq__item:last-child { margin-bottom: 0; } .faq__ask { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #bfcbda; border-radius: 10em; padding: 4vw 6vw 4vw 8vw; -webkit-transition: 0.5s background, 0.5s border-color; transition: 0.5s background, 0.5s border-color; } .faq__ask:hover { background: #fff; border-color: #fff; } .faq__ask.active { background: #fff; border-color: #fff; } .faq__ask.active .faq__tab { font-weight: 600; } .faq__ask.active .faq__drop::after { -webkit-transform: rotate(90deg) scaleX(0); -ms-transform: rotate(90deg) scaleX(0); transform: rotate(90deg) scaleX(0); } .faq__curr { display: none; -ms-flex-item-align: start; align-self: flex-start; color: #99a6b7; font-size: 0.7em; margin-right: 1em; position: relative; top: -0.2em; font-family: var(--font-rfdewiext); } .faq__tab { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1em; line-height: 1.33; font-size: 0.8em; } .faq__answer { background: #fff; border-radius: 6vw; padding: 6vw 6vw 3vw; } .faq__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4vw; } .faq__head > i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; border: 1px solid #c1cfe0; } .faq__head > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; } .faq__quest-2 { display: block; font-weight: 600; line-height: 1.1; font-size: 1.2em; } .faq__txt { margin-bottom: 4vw; font-size: 0.8em; line-height: 1.42; } .faq__txt a { display: inline-block; font-weight: 700; color: var(--color-main); text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } .faq__txt a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .faq__txt p + p { margin-top: 0.8em; } .faq__pic { border-radius: 4vw; overflow: hidden; } .faq__pic img { aspect-ratio: 658/364; -o-object-fit: cover; object-fit: cover; } .faq__hiddens { display: none; } .faq__mores { margin-top: 8vw; } @media (min-width: 1070px) { .faq { margin-top: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .faq__tabs { width: 42.70833333vw; margin-right: auto; margin-bottom: 0; } .faq__answers { width: 43.125vw; position: sticky; top: 5vh; } .faq__item { margin-bottom: 1.15vw; } .faq__ask { padding: 2.3vw 3vw 2.3vw 3vw; border-width: 2px; } .faq__curr { display: block; font-size: 1.04vw; } .faq__tab { font-size: 1.56vw; } .faq__answer { padding: 3.2vw 3.2vw 1.5vw; border-radius: 3.56vw; height: 41.66666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: url(/bitrix/templates/ru_y/css/../img/faq/bg-head.png) top left / contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10vw, transparent), color-stop(10vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/faq/bg-head.png) top left / contain no-repeat, linear-gradient(180deg, transparent 0%, transparent 10vw, #fff 10vw, #fff 100%); } .faq__head { margin-bottom: 2vw; } .faq__head > i { height: 2.13541667vw; width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .faq__head > span { font-size: 0.89vw; } .faq__quest-2 { font-size: 2.29166667vw; } .faq__body { margin-top: 1.2vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; padding-right: 2.56vw; } .no-cssscrollbar .faq__body { scrollbar-color: var(--color-main) rgba(8, 198, 73, 0.2); scrollbar-width: thin; } .cssscrollbar .faq__body::-webkit-scrollbar-track { border-radius: 10px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .faq__body::-webkit-scrollbar { width: 12px; background: rgba(8, 198, 73, 0.2); } .cssscrollbar .faq__body::-webkit-scrollbar-thumb { border-radius: 6px; background-color: var(--color-main); } .faq__txt { margin-bottom: 2.5vw; font-size: 1.25vw; } .faq__pic { border-radius: 2.6vw; } .faq__mores { margin-top: 3vw; } } .inst { padding: 12vw 0; overflow: hidden; position: relative; } .inst__gallery { position: relative; border-radius: 6vw; overflow: hidden; } .inst__gallery .inst__thumb { position: absolute; z-index: 3; top: 6vw; right: 6vw; } .inst__thumb { display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 16vw; padding: 2vw; border-radius: 50%; overflow: hidden; border: 2px solid #fff; -webkit-transition: 0.3s border-color, 0.3s -webkit-transform; transition: 0.3s border-color, 0.3s -webkit-transform; transition: 0.3s border-color, 0.3s transform; transition: 0.3s border-color, 0.3s transform, 0.3s -webkit-transform; margin: 0 auto; } .inst__thumb.active { border-color: rgba(255, 255, 255, 0.3); } .inst__thumb[tabindex] { cursor: pointer; } @media (hover: hover) { .inst__thumb:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .inst__thumb img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .inst__slide { position: relative; } .inst__desc { position: relative; border-radius: 6vw; padding: 6vw 6vw 6vw; background: url(/bitrix/templates/ru_y/css/../img/subs/bg.webp) center bottom no-repeat; color: #fff; } .inst__title { display: block; font-weight: 600; font-size: 1.2em; letter-spacing: 0.02em; line-height: 1.26; } .inst__title mark { display: inline-block; position: relative; } .inst__title mark::after { content: ''; display: block; position: absolute; pointer-events: none; border: 1px solid; border-radius: 1em; top: -0.15em; right: -0.4em; bottom: -0.2em; left: -0.6em; opacity: 0.4; } .inst__txt { margin-top: 4vw; font-size: 0.8em; line-height: 1.58; letter-spacing: 0.015em; } .inst__footer { margin-top: 10vw; } .inst__thumbs { display: none; } @media (min-width: 1070px) { .inst { padding: 3vw 0 7.2vw; position: relative; z-index: 52; } .inst.inst_v1 { margin-top: -8.3vw; } .inst__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .inst__gallery { -ms-flex-item-align: start; align-self: flex-start; border-radius: 4.47916667vw; width: 27.13541667vw; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .inst__gallery .inst__thumb { top: 2vw; right: 2vw; } .inst__thumb { width: 4.16666667vw; padding: 0.52vw; border-width: 4px; } .inst__desc { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 4.47916667vw; padding: 4vw 4.7vw 4.7vw 4.7vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-size: 110%; } .inst__title { font-size: 3.22916667vw; } .inst__title mark::after { border-width: 2px; } .inst__txt { margin-top: 1.9vw; margin-bottom: auto; margin-right: 18vw; font-size: 1.25vw; } .inst__footer { margin-top: 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .inst__thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; width: 18.64583333vw; gap: 0.8vw; } } .call { position: relative; overflow: hidden; padding: 12vw 0; } .call__wrap { position: relative; padding: 10vw 6vw; border-radius: 6vw; background: url(/bitrix/templates/ru_y/css/../img/call/bg-1.webp) center / cover no-repeat; color: #fff; } .call__title { display: block; position: relative; z-index: 1; font-weight: 600; font-size: 1.4em; line-height: 1.24; letter-spacing: 0.015em; } .call__title mark { display: inline-block; position: relative; } .call__title mark::after { content: ''; display: block; position: absolute; pointer-events: none; border: 1px solid; border-radius: 1em; top: -0.1em; right: -0.5em; bottom: -0.14em; left: -0.4em; opacity: 0.4; } .call__form { margin-top: 10vw; position: relative; z-index: 1; } .call__pics { position: relative; margin: 14vw -6vw -10vw; } .call__pic-1-2 { position: absolute; z-index: 2; top: 0; left: 0; margin-top: -15.3%; margin-left: 16.7%; width: 50.45226131%; -webkit-animation: 10s fly-v linear infinite; animation: 10s fly-v linear infinite; } @media (min-width: 1070px) { .call { padding: 2.6vw 0 4vw; overflow: visible; } .call > .container { position: static; } .call__wrap { position: static; margin: 0 -3vw; border-radius: 5.2vw; padding: 5vw 5vw 4.6vw 4.6vw; } .call__title { font-size: 3.22916667vw; } .call__title mark::after { border-width: 2px; } .call__form { margin-top: 3.8vw; } .call__pics { position: absolute; z-index: 0; right: 0; top: -0.7vw; margin: 0; width: 51.82291667vw; } } .news { margin-top: 6vw; position: relative; } .news__item { display: block; margin-bottom: 8vw; position: relative; cursor: pointer; } .news__page { padding-bottom: 12vw; } .news__pic { display: block; position: relative; overflow: hidden; border-radius: 6vw; } .news__pic img { aspect-ratio: 812/500; -o-object-fit: cover; object-fit: cover; } .news__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: 0; left: 0; padding: 4vw 4vw 0; width: 100%; letter-spacing: 0.022em; } .news__head i { display: block; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; background: #fff; } .news__publish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.2em 1.6em 0.2em; height: 8vw; border-radius: 4vw; background: #fff; font-size: 0.6em; line-height: 1.1; } .news__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2vw; margin-top: 2vw; width: 100%; } .news__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 8vw; padding: 0.2em 1.6em 0.2em; border-radius: 4vw; background: #fff; font-size: 0.6em; line-height: 1.1; } .news__title { margin-top: 4vw; display: block; line-height: 1.35; height: 1.35em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 600; } .news__excerpt { margin-top: 3vw; font-size: 0.8em; color: #7a8ea7; line-height: 1.42; height: 2.84em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news__btns { margin-top: 12vw; } .news__btn { margin: 0 auto; } .news__demo { position: relative; } .news__count { display: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 0 6vw auto; font-size: 0.8em; text-align: right; } .news__count strong { display: block; font-size: 5.03125em; font-weight: 600; position: relative; line-height: 1.1; font-family: var(--font-rfdewiext); } .news__count strong i { display: inline-block; position: relative; top: -0.1em; margin-right: 0.1em; width: 0.13043478em; aspect-ratio: 1/1; vertical-align: super; border-radius: 50%; background: var(--color-main); } .news__count strong i::before, .news__count strong i::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: var(--color-main); } .news__count strong i::before { -webkit-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite; opacity: 0.2; } .news__count strong i::after { -webkit-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite; opacity: 0.1; } .news__row-2 { margin-top: 12vw; } .news__footer { margin-top: 6vw; } .news__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1.25; font-weight: 500; font-size: 0.7em; color: #000; } .news__panel strong { display: block; font-size: 4.375em; font-weight: 600; margin-right: 0.2em; line-height: 0.8; font-family: var(--font-rfdewiext); } .news__btns-more { margin-top: 10vw; } .news__more { margin: 0 auto; } .news__control { display: none; } @media (min-width: 1070px) { .news { margin-top: 4vw; letter-spacing: 0.015em; } .news__page { padding-bottom: 0; } .news__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.56vw; } .news__row-2 { margin-top: 5.7vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4.5vw 2.6vw; } .news__item { width: 42.29166667vw; margin-bottom: 0; } .news__item.news__item_main { margin-right: auto; } .news__item.news__item_small { width: 21.77083333vw; } .news__item.news__item_small .news__head { padding: 1.6vw 1.6vw 0; } .news__item.news__item_small .news__head i { width: 2.29166667vw; -ms-flex-preferred-size: 2.29166667vw; flex-basis: 2.29166667vw; height: 2.29166667vw; } .news__item.news__item_small .news__tag, .news__item.news__item_small .news__publish { height: 2.29166667vw; font-size: 0.83vw; } .news__item.news__item_small .news__title { margin-top: 1.6vw; font-size: 1.56vw; } .news__item.news__item_small .news__excerpt { margin-top: 0.55vw; font-size: 0.94vw; } .news__item.news__item_small .news__pic img { aspect-ratio: 418/306; } .news__item.news__item_demo { width: 58.59375vw; } .news__item.news__item_demo .news__pic { border-radius: 3.64583333vw; } .news__item.news__item_demo .news__pic img { aspect-ratio: 1125/692; } .news__item.news__item_demo .news__head { padding: 3.1vw 3.1vw 0; } .news__item.news__item_demo .news__title { margin-top: 2.15vw; font-size: 2.8125vw; letter-spacing: 0.012em; } .news__item.news__item_demo .news__excerpt { font-size: 1.66666667vw; line-height: 1.25; letter-spacing: 0.01em; } .news__item.news__item_thumb { width: 28.07291667vw; } .news__item.news__item_thumb .news__pic { border-radius: 3.54166667vw; } .news__item.news__item_thumb .news__pic img { aspect-ratio: 539/394; } .news__item.news__item_thumb .news__tags { margin-top: 0.52vw; width: 100%; } .news__item.news__item_thumb .news__title { margin-top: 1.9vw; -webkit-line-clamp: 2; height: auto; line-height: 1.25; } .news__item.news__item_thumb .news__excerpt { font-size: 1.15vw; line-height: 1.55; margin-right: 2vw; } .news__item:hover .news__read, .news__item:hover .news__pic::after { opacity: 1; } .news__item:hover .news__head { opacity: 0; } .news__pic { border-radius: 2.6vw; } .news__pic::after { content: ''; display: block; position: absolute; z-index: 9; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 198, 73, 0.1)), to(rgba(8, 198, 73, 0.6))); background: linear-gradient(180deg, rgba(8, 198, 73, 0.1) 0%, rgba(8, 198, 73, 0.6) 100%); opacity: 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; } .news__head { padding: 2.1vw 2.1vw 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; } .news__head i { height: 2.76041667vw; width: 2.76041667vw; -ms-flex-preferred-size: 2.76041667vw; flex-basis: 2.76041667vw; } .news__publish { font-size: 0.93vw; height: 2.76041667vw; margin-right: 1.1vw; } .news__tags { gap: 0.52vw; margin-top: 0; width: auto; } .news__tag { font-size: 0.93vw; height: 2.76041667vw; } .news__title { margin-top: 2.5vw; font-size: 2.08vw; text-decoration-thickness: 2px; } .news__excerpt { margin-top: 0.7vw; font-size: 1.25vw; } .news__btns { margin: 0; position: absolute; bottom: 0.52vw; right: 0; } .news__demo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__count { display: block; position: absolute; right: 0; bottom: 0.52vw; margin: 0; font-size: 1.66666667vw; } .news__read { position: absolute; bottom: 3vw; z-index: 10; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; } .news__read:hover .btn2__icon, .news__read:hover .btn2__txt { background: #fff; color: #000; } .news__footer { margin-top: 5.9vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .news__control { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5.2vw; } .news__btns-more { margin-top: 0; } .news__panel { font-size: 0.83vw; } .news__panel span { position: relative; display: block; top: 0.1vw; } } @media (max-width: 1070px) { .news__read { display: none !important; } } .vacancies { margin-top: 6vw; } .vacancies__item { display: block; margin-bottom: 10vw; position: relative; } .vacancies__label { display: block; margin-bottom: 3vw; color: rgba(255, 255, 255, 0.4); font-weight: 600; line-height: 1.42; font-size: 0.7em; } .vacancies__label.vacancies__label_v2 { text-align: right; } .vacancies__txt { line-height: 1.41; font-weight: 400; font-size: 0.8em; } .vacancies__txt p + p { margin-top: 1em; } .vacancies__txt a { text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } .vacancies__txt a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .vacancies__advants { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 2vw; font-size: 0.8em; line-height: 1.62; font-weight: 300; } .vacancies__advants li { padding: 0.5em 1.5em 0.6em; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 2em; } .vacancies__gallery { margin-top: 16vw; } .vacancies__gallery .slick-list { overflow: visible; } .vacancies__gallery .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .vacancies__gallery .slick-slide { padding-right: 4vw; height: auto; } .vacancies__slide { position: relative; height: 100%; width: 80vw; padding: 6vw; border-radius: 6vw; background: #fff; color: #000; } .vacancies__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vacancies__head-i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; border: 1px solid #c1cfe0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .vacancies__head-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 8vw; margin-right: 2vw; max-width: 100%; padding: 0.25em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-weight: 300; } .vacancies__head-t { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .vacancies__links { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 4vw; width: 100%; } .vacancies__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 4vw; font-weight: 600; line-height: 1.2; height: 4.8em; font-size: 0.8em; } .vacancies__title { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; } .vacancies__footer { margin-top: 6vw; } .vacancies__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 4vw; line-height: 1.25; font-weight: 500; font-size: 0.7em; color: #000; } .vacancies__panel strong { display: block; font-size: 4.375em; font-weight: 600; margin-right: 0.2em; line-height: 0.8; font-family: var(--font-rfdewiext); } .vacancies__btns { margin-top: 10vw; } .vacancies__btn { margin: 0 auto; } .vacancies__dots .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .vacancies__dots .slick-dots li { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .vacancies__dots .slick-dots li button { display: block; background: rgba(8, 198, 73, 0.2); border: 0; cursor: pointer; outline: none; font-size: 0; color: transparent; height: 4px; border-radius: 2px; -webkit-transition: 0.3s background; transition: 0.3s background; padding: 0; width: 100%; } .vacancies__dots .slick-dots li.slick-active button { background: var(--color-main); } .vacancies__count { display: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 0 6vw auto; font-size: 0.8em; text-align: right; } .vacancies__count strong { display: block; font-size: 5.03125em; font-weight: 600; position: relative; line-height: 1.1; font-family: var(--font-rfdewiext); } .vacancies__count strong i { display: inline-block; position: relative; top: -0.1em; margin-right: 0.1em; width: 0.13043478em; aspect-ratio: 1/1; vertical-align: super; border-radius: 50%; background: var(--color-main); } .vacancies__count strong i::before, .vacancies__count strong i::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: var(--color-main); } .vacancies__count strong i::before { -webkit-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite; opacity: 0.2; } .vacancies__count strong i::after { -webkit-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite; opacity: 0.1; } .vacancies__item-2 { display: block; padding: 6vw; border-radius: 6vw; background: #fff; margin-bottom: 4vw; } .vacancies__item-2:hover .btn5 { background: var(--color-main); color: #fff; } .vacancies__item-2:hover .btn5.btn5_white { background: #fff; color: var(--color-main); } .vacancies__item-2:first-child { background: var(--color-main); color: #fff; } .vacancies__body-2 { margin-top: 10vw; } .vacancies__btns-2 { margin-top: 6vw; } .vacancies__title-2 { display: block; font-weight: 500; line-height: 1.2; } @media (min-width: 1070px) { .vacancies { margin-top: 4vw; } .vacancies__wrap { width: 42.5vw; margin: 0 0 0 auto; } .vacancies__item { margin-bottom: 4.3vw; } .vacancies__label { position: absolute; left: -16.3vw; width: 14vw; top: 0; font-size: 1.25vw; margin: 0; } .vacancies__label.vacancies__label_v2 { text-align: left; } .vacancies__txt { font-size: 1.77083333vw; letter-spacing: 0.011em; margin-right: -2vw; } .vacancies__advants { gap: 1vw; font-size: 1.35vw; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .vacancies__advants li { border-width: 2px; } .vacancies__gallery { margin-top: 5.9vw; } .vacancies__gallery .slick-slide { padding-right: 1.1vw; } .vacancies__slide { width: 40.36458333vw; padding: 2.4vw 2.4vw 2.4vw; border-radius: 3.64583333vw; } .vacancies__head { margin-right: 15vw; } .vacancies__head-i { height: 2.13541667vw; width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .vacancies__head-s { height: 2.13541667vw; font-size: 0.89vw; margin-right: 0; } .vacancies__head-t { margin-top: 0.6vw; } .vacancies__links { width: auto; margin-top: 0; position: absolute; z-index: 3; top: 2.8vw; right: 2.4vw; } .vacancies__link { font-size: 0.89vw; } .vacancies__link i { width: 1.11764706em; margin-left: 0.9em; } .vacancies__body { margin-top: 2vw; font-size: 1.56vw; } .vacancies__footer { margin-top: 3.6vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vacancies__footer.vacancies__footer_v2 { margin-top: 5.8vw; } .vacancies__control { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5.2vw; } .vacancies__btns { margin-top: 0; } .vacancies__panel { margin-bottom: 2.2vw; font-size: 0.83vw; } .vacancies__dots .slick-dots { gap: 0.4vw; } .vacancies__dots .slick-dots li button { height: 0.42vw; border-radius: 0.21vw; } .vacancies__count { display: block; position: absolute; right: 0; top: 0.52vw; margin: 0; font-size: 1.66666667vw; } .vacancies__wrap-2 { position: relative; } .vacancies__items-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.8vw; } .vacancies__item-2 { margin: 0; width: 28.64583333vw; padding: 2.4vw 2.4vw 2.2vw 2.4vw; border-radius: 3.64583333vw; } .vacancies__item-2 .vacancies__head-t { width: 100%; } .vacancies__item-2 .vacancies__head { margin-right: 0; } .vacancies__item-2:first-child { width: 67.03125vw; min-height: 21.40625vw; background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-item.svg) top right / auto 100% no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20vw, transparent), color-stop(20vw, var(--color-main)), to(var(--color-main))); background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-item.svg) top right / auto 100% no-repeat, linear-gradient(180deg, transparent, transparent 20vw, var(--color-main) 20vw, var(--color-main)); } .vacancies__item-2:first-child .vacancies__title-2 { font-size: 2.08vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5vw; } .vacancies__item-2:first-child .vacancies__body-2 { margin-top: 2.2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vacancies__item-2:first-child .vacancies__btns-2 { width: 21.45833333vw; -webkit-box-flex: 0; -ms-flex: 0 0 21.45833333vw; flex: 0 0 21.45833333vw; margin-bottom: 0.2vw; } .vacancies__item-2:first-child .vacancies__head-t { margin-top: 0; margin-left: 1vw; width: auto; } .vacancies__title-2 { font-size: 1.56vw; height: 6em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vacancies__title-2-in { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .vacancies__btns-2 { margin-top: 2.2vw; } .vacancies__body-2 { margin-top: 3.2vw; } } @media (max-width: 1070px) { .vacancies__link { font-size: 0.6em; } } .info { padding: 12vw 0 6vw; } .info__contacts { margin-bottom: 6vw; padding: 6vw; border-radius: 6vw; background: #fff; } .info__contact { margin-bottom: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info__contact:last-child { margin-bottom: 0; } .info__contact > i { display: block; width: 12vw; -webkit-box-flex: 0; -ms-flex: 0 0 12vw; flex: 0 0 12vw; margin-right: 4vw; background: #eff3f6; border-radius: 50%; } .info__contact a { display: inline-block; font-weight: 600; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 0.2em; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; } .info__contact a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .info__contact small { font-size: 0.7em; display: block; color: #a7b8ce; font-weight: 400; } .info__slide.vacancies__slide { position: absolute; width: 100%; z-index: 5; bottom: 0; left: 0; height: auto; } .info__slide.vacancies__slide .vacancies__links { width: auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 0 0 auto; -ms-flex-item-align: center; align-self: center; } .info__slide.vacancies__slide .vacancies__body { font-size: 1em; height: 3.6em; } .info__map { overflow: hidden; border-radius: 6vw; margin-bottom: 6vw; } .info__btns { width: 100%; } .info__btns .btn2__txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .info__btns-2 { margin-top: 2vw; text-align: center; } .info__btn-1 { width: 100%; } .info__btn-2 { margin: 0 auto; width: 100%; } @media (min-width: 1070px) { .info { padding: 5vw 0 0; } .info__wrap { margin: 0 -3vw; display: grid; grid-template-areas: 'map contacts' 'map btns'; grid-template-columns: 57.5vw 31.92708333vw; gap: 2vw 3.2vw; } .info__contacts { grid-area: contacts; border-radius: 3.64583333vw; margin-bottom: 0; padding: 3.2vw 2.9vw 1.5vw; background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-info.svg) center top / contain no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(45%, transparent), color-stop(45%, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-info.svg) center top / contain no-repeat, linear-gradient(180deg, transparent 0%, transparent 45%, #fff 45%, #fff 100%); } .info__map { grid-area: map; border-radius: 3.64583333vw; margin-bottom: 0; } .info__map .vacancies__head { margin-right: 0; } .info__btns { grid-area: btns; align-self: flex-end; } .info__btns-2 { margin-top: 1.3vw; } .info__contact { margin-bottom: 2.3vw; } .info__contact > i { width: 3.54166667vw; -ms-flex-preferred-size: 3.54166667vw; flex-basis: 3.54166667vw; margin-right: 1.4vw; } .info__contact a { font-size: 1.56vw; text-decoration-thickness: 2px; } .info__contact small { font-size: 0.94vw; } .info__slide.vacancies__slide { width: 29.6875vw; left: 1vw; bottom: 1vw; padding: 1.9vw 1.8vw 1.7vw; } .info__slide.vacancies__slide .vacancies__body { font-size: 1.56vw; height: 2.8em; } .info__slide.vacancies__slide .vacancies__link { font-size: 0.73vw; } } .cvd { position: relative; } .cvd__pic { position: relative; margin-right: -4.4vw; } .cvd__pic.aos-init img { position: relative; z-index: 1; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: 1s -webkit-transform 0.6s; transition: 1s -webkit-transform 0.6s; transition: 1s transform 0.6s; transition: 1s transform 0.6s, 1s -webkit-transform 0.6s; } .cvd__pic.aos-init.aos-animate img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cvd__circles { position: absolute; z-index: 0; aspect-ratio: 1/1; width: 37.72727273%; border-radius: 50%; border: 2px solid #6CD790; top: 30%; left: 50%; } .cvd__circles_1 { -webkit-animation: 15s inner-ripple linear infinite -5s; animation: 15s inner-ripple linear infinite -5s; } .cvd__circles_2 { border-color: #90D7A8; -webkit-animation: 15s inner-ripple linear infinite -10s; animation: 15s inner-ripple linear infinite -10s; } .cvd__circles_3 { border-color: #B2D4CE; -webkit-animation: 15s inner-ripple linear infinite; animation: 15s inner-ripple linear infinite; } .cvd__header { display: block; margin-bottom: 4vw; color: #99a6b7; font-size: 0.8em; line-height: 1.42; font-weight: 500; } .cvd__desc { margin-top: 6vw; } .cvd__txt { font-weight: 300; line-height: 1.41; letter-spacing: 0.012em; } .cvd__txt p + p { margin-top: 1.2em; } .cvd__adv { margin-top: 12vw; } .cvd__adv-head { display: block; margin-bottom: 6vw; text-align: right; } .cvd__adv-head strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 5.03125em; font-family: var(--font-rfdewiext); font-weight: 600; line-height: 1.1; } .cvd__adv-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4vw; font-size: 0.7em; } .cvd__adv-list li { display: -webkit-box; display: -ms-flexbox; display: flex; } .cvd__adv-list li i { display: block; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; border-radius: 50%; background: #fff; } .cvd__adv-list li p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.5em 0.3em; border-radius: 2em; background: #fff; } @media (min-width: 1070px) { .cvd__header { margin-bottom: 3vw; font-size: 1.25vw; } .cvd__pic { position: absolute; top: -18.9vw; right: -0.9vw; width: 57.29166667vw; } .cvd__desc { width: 37vw; margin-top: 4.3vw; min-height: 37vw; } .cvd__txt { font-size: 1.77083333vw; } .cvd__adv { margin-top: 0.4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cvd__adv-head { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; margin-bottom: 0; text-align: right; font-size: 1.66666667vw; -webkit-box-flex: 0; -ms-flex: 0 0 20vw; flex: 0 0 20vw; } .cvd__adv-list { gap: 1.8vw 2vw; font-size: 1.35vw; letter-spacing: 0.012em; } .cvd__adv-list li i { width: 3.95833333vw; -ms-flex-preferred-size: 3.95833333vw; flex-basis: 3.95833333vw; } } .contacts { padding-bottom: 12vw; } .contacts__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6vw; } .contacts__items + .contacts__items { margin-top: 6vw; } .contacts__item { position: relative; display: block; width: 100%; padding: 6vw; border-radius: 6vw; background: #fff; } .contacts__item.contacts__item_1-1 { background: var(--color-main); color: #fff; } .contacts__item.contacts__item_1-1 .contacts__item-phone > i { background: rgba(255, 255, 255, 0.2); color: #fff; } .contacts__item.contacts__item_1-1 .contacts__item-phone a, .contacts__item.contacts__item_1-1 .contacts__item-phone small { color: #fff; } .contacts__item.contacts__item_1-1 .contacts__item-phone mark { color: rgba(255, 255, 255, 0.6); } .contacts__item.contacts__item_1-1 .contacts__item-photo { width: 30vw; -ms-flex-preferred-size: 30vw; flex-basis: 30vw; } .contacts__item-title, .contacts__item-title-2 { display: block; font-weight: 500; line-height: 1.23; letter-spacing: 0.012em; } .contacts__item-photo { display: block; width: 26vw; -webkit-box-flex: 0; -ms-flex: 0 0 26vw; flex: 0 0 26vw; margin-bottom: 4vw; border-radius: 50%; overflow: hidden; } .contacts__item-photo img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } .contacts__item-body { margin-top: 10vw; } .contacts__item-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__item-phone + .contacts__item-phone { margin-top: 6vw; } .contacts__item-phone > i { display: block; width: 12vw; -webkit-box-flex: 0; -ms-flex: 0 0 12vw; flex: 0 0 12vw; margin-right: 4vw; background: #eff3f6; border-radius: 50%; } .contacts__item-phone a { display: inline-block; font-size: 1.2em; font-weight: 600; color: var(--color-main); text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.2em; } .contacts__item-phone a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .contacts__item-phone small { display: block; font-size: 0.8em; line-height: 1; margin-top: 0.5em; color: #8f9db0; } .contacts__item-phone p { font-size: 0.9em; } .contacts__item-phone mark { margin-top: 0.7em; display: block; font-size: 0.7em; color: #8f9db0; font-weight: 500; } .contacts__wrap { margin-top: 24vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6vw; } .contacts__map { border-radius: 6vw; overflow: hidden; width: 100%; } .contacts__box { padding: 10vw 6vw; border-radius: 6vw; background: #fff; width: 100%; } .contacts__box-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 1.2em; line-height: 1.1; } .contacts__box-head > i { display: block; width: 10vw; -webkit-box-flex: 0; -ms-flex: 0 0 10vw; flex: 0 0 10vw; margin-right: 4vw; border-radius: 50%; background: #eff3f6; } .contacts__box-item { margin-top: 6vw; } .contacts__box-txt { margin-bottom: 0.6em; line-height: 1.25; } .contacts__box-label { display: block; color: #8f9db0; font-size: 0.7em; } .contacts__box-reqs { margin-top: 8vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6vw; font-size: 0.8em; line-height: 1.25; } .contacts__box-reqs i { display: inline-block; width: 1.2em; vertical-align: sub; margin-left: 0.6em; cursor: pointer; } .contacts__box-toolts { display: inline-block; margin-bottom: 0.4em; } .contacts__foot { margin-top: 8vw; padding-top: 8vw; border-top: 2px solid #dbe3ea; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6vw; } @media (min-width: 1070px) { .contacts { padding-bottom: 0; } .contacts__items { gap: 2.2vw; } .contacts__items + .contacts__items { margin-top: 6.9vw; } .contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3.1vw 5vw 3vw 3.2vw; border-radius: 3.64583333vw; overflow: hidden; width: calc(50% - 1.6vw); } .contacts__item.contacts__item_1 { width: 100%; } .contacts__item.contacts__item_1 .contacts__item-body { gap: 5.5vw; } .contacts__item.contacts__item_1 .contacts__item-title { margin-right: 20vw; } .contacts__item.contacts__item_1 .contacts__item-photo { width: 8vw; -ms-flex-preferred-size: 8vw; flex-basis: 8vw; } .contacts__item.contacts__item_1.contacts__item.contacts__item_1-1 { background: url(/bitrix/templates/ru_y/css/../img/contacts/bg-1-1.svg) right center / contain no-repeat, -webkit-gradient(linear, right top, left top, from(transparent), color-stop(20%, transparent), color-stop(20%, var(--color-main)), to(var(--color-main))); background: url(/bitrix/templates/ru_y/css/../img/contacts/bg-1-1.svg) right center / contain no-repeat, linear-gradient(-90deg, transparent 0%, transparent 20%, var(--color-main) 20%, var(--color-main) 100%); } .contacts__item.contacts__item_1.contacts__item.contacts__item_1-1 .contacts__item-title { font-size: 2.29166667vw; } .contacts__item.contacts__item_1.contacts__item.contacts__item_1-1 .contacts__item-phone p { font-size: 1.56vw; } .contacts__item.contacts__item_2 { width: 100%; } .contacts__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__item-photo { width: 5.625vw; -ms-flex-preferred-size: 5.625vw; flex-basis: 5.625vw; margin-right: 2.1vw; margin-bottom: 0; } .contacts__item-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.93vw; } .contacts__item-title-2 { min-height: 2.4em; font-size: 2.08333333vw; margin-bottom: auto; } .contacts__item-body { margin-top: 2.2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.8vw 5.5vw; } .contacts__item-phone { margin: 0 !important; } .contacts__item-phone > i { width: 5vw; -ms-flex-preferred-size: 5vw; flex-basis: 5vw; margin-right: 1.9vw; } .contacts__item-phone a { font-size: 1.88vw; text-decoration-thickness: 2px; } .contacts__item-phone small { font-size: 1.25vw; } .contacts__item-phone p { font-size: 1.45vw; } .contacts__item-phone mark { font-size: 0.94vw; } .contacts__wrap { margin-top: 10.5vw; gap: 3vw; border-radius: 4.16666667vw; } .contacts__box { width: calc(50% - 1.5vw); padding: 3.7vw 3.7vw 3.7vw 3.7vw; border-radius: 4.6875vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__box.contacts__box_1 { width: 100%; } .contacts__box-head { margin-bottom: auto; font-size: 2.29166667vw; } .contacts__box-head > i { width: 4.0625vw; -ms-flex-preferred-size: 4.0625vw; flex-basis: 4.0625vw; margin-right: 2vw; } .contacts__box-item { margin-top: 3vw; } .contacts__box-txt { font-size: 1.56vw; } .contacts__box-label { font-size: 1.15vw; } .contacts__box-reqs { width: 45vw; margin-top: 3vw; gap: 3.1vw 4vw; } .contacts__box-toolts { font-size: 1.56vw; letter-spacing: 0.012em; } .contacts__foot { border-top-width: 4px; padding-top: 2.5vw; margin-top: 3vw; } .contacts__foot-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .projects__slider { position: relative; } .projects__gallery { position: relative; z-index: 2; overflow: hidden; } .projects__gall img { aspect-ratio: 1/1.5; -o-object-fit: cover; object-fit: cover; } .projects__ellipse { display: block; position: absolute; z-index: 12; padding-top: 10%; width: 100%; left: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; overflow: hidden; } .projects__ellipse.projects__ellipse_b { bottom: -5vw; } .projects__ellipse.projects__ellipse_b::after { top: 0; } .projects__ellipse.projects__ellipse_t { top: -4.5vw; } .projects__ellipse.projects__ellipse_t::after { bottom: 0; } .projects__ellipse::after { content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 209.89583333vw; aspect-ratio: 1/.4; border-radius: 50%; background: #DBE3EA; } .projects__box { position: absolute; left: 4.44vw; top: 16vw; max-width: calc(100% - 8.88vw); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.6em; line-height: 1.1; font-weight: 600; } .projects__box > i { display: block; width: 10vw; -webkit-box-flex: 0; -ms-flex: 0 0 10vw; flex: 0 0 10vw; border-radius: 50%; background: #fff; } .projects__box p { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4vw; padding: 0.3em 1.7em; } .projects__finish { position: absolute; z-index: 5; bottom: 14vw; right: 4.44vw; text-align: right; font-size: 0.8em; font-weight: 600; color: #fff; } .projects__finish strong { display: block; font-weight: 600; font-size: 6.46875em; line-height: 1.1; font-family: var(--font-rfdewiext); text-shadow: 8px 8px 48px rgba(0, 0, 0, 0.1); overflow: hidden; } .projects__next-btns { display: none; } .projects__wrap { position: relative; z-index: 10; margin-top: -8vw; padding-bottom: 10vw; } .projects__footer { position: relative; } .projects__desc { padding: 6vw; border-radius: 6vw; background: #fff; } .projects__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2vw; font-size: 0.6em; } .projects__head li { display: -webkit-box; display: -ms-flexbox; display: flex; } .projects__head li > i { display: block; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; border-radius: 50%; background: #fff; border: 1px solid #c1cfe0; } .projects__head li > p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 4vw; padding: 0.25em 1.2em 0.2em; border: 1px solid #c1cfe0; } .projects__title { margin-top: 6vw; display: block; font-weight: 600; line-height: 1.27; } .projects__items .projects__item { margin-bottom: 10vw; } .projects__items .projects__item:last-child { margin-bottom: 0; } .projects__dots { display: none; } @media (min-width: 1070px) { .projects__gall img { aspect-ratio: 1920/1080; } .projects__box { left: auto; right: 4.81vw; top: 11vw; max-width: 89.58vw; font-size: 0.94vw; } .projects__box > i { width: 2.76041667vw; -ms-flex-preferred-size: 2.76041667vw; flex-basis: 2.76041667vw; } .projects__finish { bottom: 4.8vw; right: 4.84vw; font-size: 1.66666667vw; } .projects__next-btns { display: block; position: absolute; z-index: 80; margin: 0; margin-top: -6.40625vw; margin-left: -6.40625vw; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); top: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .projects__next-btns .btn3 .btn3__icon { margin: 0; width: 3.59375vw; -webkit-transform: none; -ms-transform: none; transform: none; } .projects__wrap { margin-top: -4.8vw; padding-bottom: 5.5vw; } .projects__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .projects__control { margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .projects__desc { width: 58.48958333vw; border-radius: 2.8125vw; padding: 1.9vw 2vw 1.8vw 1.9vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 15.78125vw; } .projects__gallery .ellipse.ellipse_bottom { bottom: -4.6875vw; } .projects__head { gap: 1.3vw; margin-bottom: auto; } .projects__head li { font-size: 0.89vw; } .projects__head li > i { width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .projects__head li > p { border-radius: 1.04vw; } .projects__title { margin-top: 2vw; font-size: 1.56vw; letter-spacing: 0.01em; } .projects__items .projects__item { margin-bottom: 5.7vw; } .projects__footer-2.news__footer { margin-top: 5.2vw; } .projects__dots { display: block; position: absolute; z-index: 10; top: 12vw; left: 4.44vw; width: 40vw; } .projects__dots .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.53vw; font-size: 0; color: transparent; } .projects__dots .slick-dots li { display: block; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .projects__dots .slick-dots li button { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; outline: none; background: #fff; font-size: 0; color: transparent; -webkit-transition: 0.3s background; transition: 0.3s background; border-radius: 0; height: 0.42vw; border-radius: 0.21vw; } .projects__dots .slick-dots li.slick-active button { background: var(--color-main); } } .services { margin-top: 6vw; position: relative; } .services__header { margin-bottom: 6vw; } .services__subtitle { display: block; margin-bottom: 4vw; color: #99a6b7; line-height: 1.55; } .services__count { margin: 0 0 6vw auto; font-size: 0.8em; text-align: right; } .services__count strong { display: block; font-size: 5.03125em; font-weight: 600; position: relative; line-height: 0.8; font-family: var(--font-rfdewiext); } .services__items { margin-top: 8vw; position: relative; } .services__item { margin-bottom: 6vw; padding: 6vw 6vw 3vw; position: relative; z-index: 3; border-radius: 6vw; background: #fff; } .services__item:last-child { margin-bottom: 0; } .services__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4vw; } .services__head > i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; border: 1px solid #c1cfe0; } .services__head > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; } .services__pic { margin: 0 -3vw 0; border-radius: 4vw; overflow: hidden; } .services__pic img { aspect-ratio: 728/276; -o-object-fit: cover; object-fit: cover; } .services__title { display: block; margin-bottom: 6vw; line-height: 1.41; } .services__label { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60vh; position: sticky; top: 0; z-index: 0; width: 100%; text-align: center; left: 0; font-weight: 600; font-size: 2.8125vw; padding-bottom: 25vh; } .services__label strong { display: block; line-height: 1.03; font-weight: 600; font-size: 21.875vw; font-family: var(--font-rfdewiext); } @media (min-width: 1070px) { .services { margin: -18.6vw 0 0; } .services__header { margin: 0 0 4.3vw auto; text-align: right; width: 22.39583333vw; } .services__subtitle { margin-bottom: 3.4vw; font-size: 1.15vw; } .services__count { margin: 0; font-size: 1.66666667vw; } .services__count strong { line-height: 1.1; } .services__items { margin-top: 0; } .services__item { margin-bottom: 0; width: 40.625vw; border-radius: 4.16666667vw; padding: 3.2vw 3.2vw 1.3vw; overflow: hidden; background: url(/bitrix/templates/ru_y/css/../img/about/bg-services.svg) top center / 100% auto no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15vw, transparent), color-stop(15vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/about/bg-services.svg) top center / 100% auto no-repeat, linear-gradient(180deg, transparent, transparent 15vw, #fff 15vw, #fff); } .services__item:nth-child(even) { margin-left: auto; } .services__head { margin-bottom: 1.8vw; } .services__head > i { height: 2.13541667vw; width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .services__head > span { font-size: 0.89vw; } .services__pic { margin: 0 -1.8vw 0; border-radius: 2.6vw; } .services__title { margin-bottom: 3.7vw; margin-right: 5vw; font-size: 1.77083333vw; } .services__label { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; } } .team { color: #fff; position: relative; overflow: hidden; padding: 0 ; } .team__head { position: absolute; z-index: 5; width: 100%; left: 0; top: 0; padding-top: 16vw; } .team__gallery { position: relative; z-index: 1; } .team__gallery img { aspect-ratio: 1/1.8; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .team__footer { position: absolute; z-index: 5; width: 100%; bottom: 0; padding-bottom: 12vw; } .team__count { font-weight: 700; font-size: 0.8em; } .team__count strong { display: block; margin-top: -0.05em; line-height: 0.9; text-shadow: 8px 8px 48px rgba(0, 0, 0, 0.1); overflow: hidden; font-size: 8em; font-weight: 600; font-family: var(--font-rfdewiext); } .team__thumbs { display: none; } .team__thumb { display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 16vw; padding: 2vw; border-radius: 50%; overflow: hidden; border: 2px solid #fff; -webkit-transition: 0.3s border-color; transition: 0.3s border-color; margin: 0 auto; } .team__thumb img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .team__next-btns { display: none; } @media (min-width: 1070px) { .team.team_v2 .team__footer { padding-bottom: 4vw; } .team.team_v2 .team__thumbs { bottom: 5vw; } .team__head { padding-top: 9vw; } .team__gallery img { width: 100%; height: 115vh; } .team__footer { padding-bottom: 2vw; } .team__footer-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .team__count { font-size: 2.29166667vw; text-align: left; } .team__count strong { margin-left: -0.7vw; } .team__thumbs { position: absolute; z-index: 5; bottom: 3vw; right: 4vw; width: 29.16666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1vw; } .team__thumb { width: 4.6875vw; padding: 0.52vw; border-width: 4px; cursor: pointer; } .team__thumb.active { border-color: rgba(255, 255, 255, 0.3); } .team__next-btns { display: block; position: absolute; z-index: 49; margin: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); top: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .team__next-btns .btn3 { -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } .team__next-btns .btn3 .btn3__icon { margin: 0; width: 3.59375vw; -webkit-transform: none; -ms-transform: none; transform: none; } } .run { position: relative; } .run__bg { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .run__bg video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .run__box-svg { position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; } .run__box-title { position: relative; z-index: 3; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(5, 54, 97, 0.16); } .run__title { margin: auto; width: 90%; font-weight: 500; line-height: 1.02; font-size: 7.8125vw; color: #ffffff; text-align: center; } .run__title i { font-style: normal; } @media (min-width: 1070px) { .run { margin-bottom: 6vw; height: 100vh; } } .chars { margin-top: 6vw; position: relative; } .chars__item { margin-bottom: 4vw; } .chars__item:last-child { margin-bottom: 0; } .chars__desc { position: relative; z-index: 1; padding: 6vw; border-radius: 6vw; background: #fff; } .chars__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4vw; } .chars__head > i { display: block; -ms-flex-item-align: center; align-self: center; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; border: 1px solid #c1cfe0; } .chars__head > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3em 1.6em 0.2em; border-radius: 4vw; border: 1px solid #c1cfe0; font-size: 0.6em; line-height: 1.1; } .chars__title { display: block; margin-top: 10vw; font-size: 1.2em; font-weight: 600; } .chars__txt { margin-top: 4vw; line-height: 1.42; } .chars__count { display: none; margin: 0 0 0 auto; font-size: 0.8em; text-align: right; } .chars__count strong { display: block; font-size: 5.03125em; font-weight: 600; position: relative; line-height: 0.8; font-family: var(--font-rfdewiext); } @media (min-width: 1070px) { .chars { padding-left: 37.5vw; padding-top: 0.5vw; margin: 0; } .chars__items { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.2vw; } .chars__item { margin: 0; width: 25.41666667vw; } .chars__item:last-child:nth-child(odd) { width: 29.27083333vw; } .chars__item:last-child:nth-child(odd)::after { content: ''; display: block; position: absolute; z-index: 0; left: -37.5vw; bottom: 0; height: 100%; width: 51.30208333vw; background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-chars.png) center / contain no-repeat; } .chars__desc { padding: 2.6vw 2.6vw 2.2vw 2.6vw; border-radius: 3.64583333vw; } .chars__head { margin-bottom: 2vw; } .chars__head > i { height: 2.13541667vw; width: 2.13541667vw; -ms-flex-preferred-size: 2.13541667vw; flex-basis: 2.13541667vw; } .chars__head > span { font-size: 0.89vw; } .chars__count { display: block; position: absolute; bottom: 0; right: 0; margin: 0; font-size: 1.66666667vw; } .chars__count strong { line-height: 1.1; } .chars__title { margin-top: 0; font-size: 2.08vw; letter-spacing: 0.012em; } .chars__txt { margin-top: 1.1vw; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 5.68em; font-size: 1.15vw; } } .vbenef { padding: 12vw 4.44vw; } .vbenef__slider { position: relative; border-radius: 6vw; background: #fff; padding-bottom: 6vw; } .vbenef__slider .slick-dots { padding: 0 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2vw; } .vbenef__slider .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .vbenef__slider .slick-dots li button { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; outline: none; background: rgba(8, 198, 73, 0.2); font-size: 0; color: transparent; height: 4px; border-radius: 2px; -webkit-transition: 0.3s background; transition: 0.3s background; } .vbenef__slider .slick-dots li.slick-active button { background: #08c649; } .vbenef__slide { display: block; position: relative; padding: 8vw 6vw 6vw; border-radius: 6vw; background: #fff; height: 100%; } .vbenef__desc { margin-bottom: 10vw; } .vbenef__title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; font-weight: 600; line-height: 1.02; font-size: 1.2em; } .vbenef__title strong { display: block; line-height: 0.65; font-size: 4.85185185em; letter-spacing: -0.03em; font-weight: 400; margin-right: 0.18em; font-family: var(--font-rfdewiext); } .vbenef__block { margin-top: 8vw; } .vbenef__subtitle { margin-bottom: 3vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } .vbenef__subtitle > i { display: block; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; margin-right: 4vw; background: #eff3f6; border-radius: 50%; } .vbenef__txt { font-size: 0.8em; line-height: 1.42; } @media (min-width: 1070px) { .vbenef { padding: 5.5vw 0 7.2vw; } .vbenef__slider { background: none; padding: 0; margin: 0 auto; max-width: 95.83333333vw; } .vbenef__slider .slick-dots { width: 50vw; position: absolute; z-index: 5; left: -0.8vw; bottom: 3.6vw; gap: 1vw; } .vbenef__slider .slick-dots li button { height: 8px; border-radius: 4px; } .vbenef__slide { padding: 3.6vw 3.7vw 3.6vw 5.1vw; border-radius: 5.2vw; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-vbenef.svg) center left / contain no-repeat, -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20vw, transparent), color-stop(20vw, #fff), to(#fff)); background: url(/bitrix/templates/ru_y/css/../img/vacancies/bg-vbenef.svg) center left / contain no-repeat, linear-gradient(90deg, transparent, transparent 20vw, #fff 20vw, #fff); } .vbenef__pic { width: 42.03125vw; margin-left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .vbenef__desc { margin: 0; width: 38.22916667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 4.2vw; padding-top: 3vw; } .vbenef__title { font-size: 2.8125vw; margin-left: -0.25vw; letter-spacing: 0.01em; } .vbenef__block { margin-top: auto; } .vbenef__subtitle { margin-bottom: 1.2vw; font-size: 2.08vw; } .vbenef__subtitle > i { width: 3.33333333vw; -ms-flex-preferred-size: 3.33333333vw; flex-basis: 3.33333333vw; margin-right: 1.4vw; } .vbenef__txt { margin-right: 7vw; font-size: 1.25vw; } } .vacancy__title { margin-bottom: 6vw; display: block; font-weight: 600; line-height: 1.24; font-size: 1.2em; letter-spacing: 0.015em; } .vacancy__title strong { color: var(--color-main); font-weight: inherit; } .vacancy__items { margin-top: 6vw; } .vacancy__item { margin-bottom: 6vw; padding: 6vw; border-radius: 6vw; background: #fff; } .vacancy__head { margin-bottom: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; line-height: 1.1; font-size: 1.2em; } .vacancy__head > i { display: block; width: 10vw; -webkit-box-flex: 0; -ms-flex: 0 0 10vw; flex: 0 0 10vw; margin-right: 4vw; border-radius: 50%; background: #eff3f6; } .vacancy__list { display: block; font-size: 0.8em; line-height: 1.58; } .vacancy__list strong { color: var(--color-main); } .vacancy__list li { margin-bottom: 1.3em; position: relative; padding-left: 2.5em; } .vacancy__list li:last-child { margin-bottom: 0; } .vacancy__list li::before { content: ''; display: block; width: 1.83333333em; aspect-ratio: 1/1; position: absolute; top: 0; left: 0; background: url(/bitrix/templates/ru_y/css/../img/svg/li.svg) center / contain no-repeat; } @media (min-width: 1070px) { .vacancy__wrap { max-width: 76.19791667vw; margin: 0 auto; } .vacancy__title { margin-bottom: 2vw; font-size: 3.22916667vw; } .vacancy__items { margin-top: 3.2vw; padding-bottom: 3.6vw; } .vacancy__item { margin-bottom: 2vw; padding: 3.5vw 3.5vw 3.5vw 3.5vw; border-radius: 4.16666667vw; } .vacancy__item:last-child { margin-bottom: 5.8vw; } .vacancy__head { margin-bottom: 2.8vw; font-size: 2.29166667vw; } .vacancy__head i { width: 4.0625vw; -ms-flex-preferred-size: 4.0625vw; flex-basis: 4.0625vw; margin-right: 1.6vw; } .vacancy__list { margin-right: 7vw; font-size: 1.25vw; } .vacancy__list li { padding-left: 3.8vw; } .vacancy__list li::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .article { position: relative; } .article__title { margin-bottom: 6vw; display: block; font-weight: 600; line-height: 1.24; font-size: 1.4em; letter-spacing: 0.015em; } .article__title strong { color: var(--color-main); font-weight: inherit; } .article__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; letter-spacing: 0.022em; } .article__head i { display: block; width: 8vw; -webkit-box-flex: 0; -ms-flex: 0 0 8vw; flex: 0 0 8vw; height: 8vw; border-radius: 50%; background: #fff; } .article__publish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.2em 1.6em 0.2em; height: 8vw; border-radius: 4vw; background: #fff; font-size: 0.6em; line-height: 1.1; } .article__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2vw; margin-left: auto; } .article__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 8vw; padding: 0.2em 1.6em 0.2em; border-radius: 4vw; background: #fff; font-size: 0.6em; line-height: 1.1; } .article__body { margin-top: 6vw; } .article__gallery { padding: 12vw 0 0; position: relative; overflow: hidden; } .article__gallery .news__item { margin: 0; } .article__gallery .slick-dots { margin-top: 6vw; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .article__gallery .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .article__gallery .slick-dots li button { display: block; width: 100%; padding: 0; border: 0; height: 4px; border-radius: 2px; cursor: pointer; outline: none; background: rgba(8, 198, 73, 0.2); font-size: 0; color: transparent; -webkit-transition: 0.3s background; transition: 0.3s background; border-radius: 0; } .article__gallery .slick-dots li.slick-active button { background: #08c649; } @media (min-width: 1070px) { .article__wrap { max-width: 73.4375vw; margin: 0 auto; } .article__title { margin-bottom: 2.6vw; font-size: 3.22916667vw; } .article__head i { height: 2.76041667vw; width: 2.76041667vw; -ms-flex-preferred-size: 2.76041667vw; flex-basis: 2.76041667vw; } .article__publish { font-size: 0.93vw; height: 2.76041667vw; margin-right: 1.1vw; } .article__tags { gap: 0.52vw; margin-left: 0; } .article__tag { font-size: 0.93vw; height: 2.76041667vw; } .article__body { margin-top: 3.7vw; } .article__gallery { padding-top: 6.3vw; margin-right: -2vw; } .article__gallery .article__title { margin-right: 25vw; margin-bottom: 3.2vw; } .article__gallery .news__item { width: 21.77083333vw; } .article__gallery .news__pic { border-radius: 2.6vw; } .article__gallery .news__head { padding: 1.5vw 1.5vw 0; } .article__gallery .news__head i { width: 2.29166667vw; -ms-flex-preferred-size: 2.29166667vw; flex-basis: 2.29166667vw; height: 2.29166667vw; } .article__gallery .news__publish { height: 2.29166667vw; border-radius: 1.14583333vw; font-size: 0.83vw; } .article__gallery .news__title { margin-top: 1.56vw; font-size: 1.56vw; } .article__gallery .news__excerpt { font-size: 0.94vw; } .article__gallery .news__read { font-size: 0.83vw; bottom: 2vw; } .article__gallery .news__read .btn2__icon { width: 2.5vw; -ms-flex-preferred-size: 2.5vw; flex-basis: 2.5vw; } .article__gallery .slick-dots { display: none; } } .page { position: relative; } .page__title { margin-bottom: 6vw; display: block; font-weight: 600; line-height: 1.24; font-size: 1.4em; letter-spacing: 0.015em; } .page__title strong { color: var(--color-main); font-weight: inherit; } .page__wrap { margin-top: 6vw; } @media (min-width: 1070px) { .page__wrap { max-width: 73.4375vw; margin: 3.7vw auto 0; } .page__title { margin-bottom: 2.6vw; font-size: 3.22916667vw; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/bitrix/templates/ru_y/css/bvi.css?173046827455593*/ /*! * Button visually impaired v1.0.0 (https://bvi.isvek.ru/) * Copyright 2014-2021 * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md) */ html:not(.bvi-panel) { font-size: 100%; } html:not(.bvi-panel) *, html:not(.bvi-panel) ::after, html:not(.bvi-panel) ::before { box-sizing: border-box; } html body .bvi-panel { font-family: Arial, serif !important; font-size: 1rem !important; padding: 0.5rem; color: black; top: 0; left: 0; right: 0; letter-spacing: 0; position: relative; text-shadow: none; line-height: normal; border: 0; margin-bottom: 0.3rem; background-color: #f7f7f7; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23); z-index: 999999 !important; } html body .bvi-panel * { font-family: Arial, serif !important; font-size: 1rem !important; } html body .bvi-panel.bvi-fixed-top { position: sticky; top: 0; right: 0; left: 0; z-index: 999999; } html body .bvi-panel.bvi-panel-hide { display: none; } html body .bvi-panel a { color: black !important; outline: 0 !important; background-color: transparent !important; text-decoration: none !important; } html body .bvi-panel a:hover, html body .bvi-panel a:focus { color: black !important; outline: 0 !important; background-color: transparent !important; text-decoration: none !important; } html body .bvi-panel a.bvi-link { display: inline-block; line-height: 1.5; font-size: 0.875rem !important; color: #212529 !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #e0e0e0 !important; border: 1px solid #c6c6c6 !important; padding: 0.375rem 0.75rem; border-radius: 0.25rem; position: relative; font-weight: bold; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } html body .bvi-panel a.bvi-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } html body .bvi-panel a.bvi-link:hover, html body .bvi-panel a.bvi-link:focus { background-color: #b6b6b6 !important; } html body .bvi-panel a.bvi-link.active { color: #212529 !important; background-color: #b6b6b6 !important; } html body .bvi-panel a.bvi-link.bvi-theme-white { background-color: #ffffff !important; color: #000000 !important; } html body .bvi-panel a.bvi-link.bvi-theme-black { background-color: #000000 !important; color: #ffffff !important; } html body .bvi-panel a.bvi-link.bvi-theme-blue { background-color: #9DD1FF !important; color: #063462 !important; } html body .bvi-panel a.bvi-link.bvi-theme-brown { background-color: #F7F3D6 !important; color: #4D4B43 !important; } html body .bvi-panel a.bvi-link.bvi-theme-green { background-color: #3B2716 !important; color: #A9E44D !important; } html body .bvi-panel .bvi-blocks { margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap; } html body .bvi-panel .bvi-blocks.bvi-block-start { justify-content: flex-start; } html body .bvi-panel .bvi-blocks.bvi-block-center { justify-content: center; } html body .bvi-panel .bvi-blocks.bvi-block-end { justify-content: flex-end; } html body .bvi-panel .bvi-block { padding: 0.688rem 0.938rem; } html body .bvi-panel .bvi-block .bvi-block-title { text-align: center; font-weight: 600 !important; font-size: 1rem !important; display: block; margin-bottom: 0.8rem; } html body .bvi-panel .bvi-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; visibility: hidden; z-index: 1050; outline: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } html body .bvi-panel .bvi-modal.show { visibility: visible; opacity: 1; } html body .bvi-panel .bvi-modal .bvi-modal-dialog { max-width: 500px; margin: 1.75rem auto; display: flex; align-items: center; height: calc(100% - 3.5rem); pointer-events: none; } html body .bvi-panel .bvi-modal .bvi-modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; max-height: 100%; overflow: hidden; } html body .bvi-panel .bvi-modal .bvi-modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0.8rem 0.8rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } html body .bvi-panel .bvi-modal .bvi-modal-title { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.25rem; font-weight: 600; color: black; } html body .bvi-panel .bvi-modal .bvi-modal-body { position: relative; flex: 1 1 auto; padding: 1rem; overflow-y: auto; } html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar { width: 0.5rem; background-color: transparent; opacity: 0; } html body .bvi-panel .bvi-modal .bvi-modal-body::-webkit-scrollbar-thumb { background-color: #dee2e6; border-radius: 0.25rem; } html body .bvi-panel .bvi-modal .bvi-modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.8rem 0.8rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); } html body .bvi-panel .bvi-modal .bvi-modal-close { float: right; font-size: 1.2rem !important; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: 0.5; } html body .bvi-panel .bvi-modal .bvi-modal-close:focus, html body .bvi-panel .bvi-modal .bvi-modal-close:hover { cursor: pointer; opacity: 0.75; } body.bvi-active { margin: 0; padding: 0; top: 0; left: 0; } body.bvi-active.bvi-noscroll { overflow: hidden !important; } body .bvi-body { padding: 0 0.5rem; } body .bvi-body[data-bvi-theme=white]:not(.bvi-no-styles) { background-color: #ffffff; color: #000000; fill: #000000; border-color: #000000; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) { background-color: #ffffff; color: #000000; fill: #000000; border-color: #000000; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #000000; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #000000 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(0, 0, 0, 0.5) !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(0, 0, 0, 0.5) !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #ffffff !important; background-color: #000000 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #000000 !important; background-color: #ffffff !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: #000000 !important; color: #000000 !important; fill: #000000 !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0; color: #000000; background-color: transparent; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #000000; background-color: #ffffff; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #ffffff; background-color: #000000; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #ffffff; background-color: #000000; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #ffffff; background-color: #000000; } body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button:hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=white] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #ffffff; background-color: #000000; } body .bvi-body[data-bvi-theme=black]:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; fill: #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) { background-color: #000000 !important; color: #ffffff !important; fill: #ffffff !important; border-color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #ffffff; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #ffffff !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #000000 !important; background-color: #ffffff !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #ffffff !important; background-color: #000000 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-color: #ffffff !important; color: #ffffff !important; fill: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #ffffff !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #ffffff !important; color: #000000 !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #ffffff !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #ffffff !important; background-color: #000000 !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #000000 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=black] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #000000 !important; background-color: #ffffff !important; } body .bvi-body[data-bvi-theme=blue]:not(.bvi-no-styles) { background-color: #9DD1FF !important; color: #063462 !important; fill: #063462 !important; border-color: #063462 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) { background-color: #9DD1FF !important; color: #063462 !important; fill: #063462 !important; border-color: #063462 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #063462; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #063462 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(6, 52, 98, 0.5) !important; border: 1px solid rgba(6, 52, 98, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(6, 52, 98, 0.5) !important; border: 1px solid rgba(6, 52, 98, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #9DD1FF !important; background-color: #063462 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #063462 !important; background-color: #9DD1FF !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #9DD1FF !important; box-shadow: none !important; text-shadow: none !important; border-color: #063462 !important; color: #063462 !important; fill: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #063462 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #063462 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #063462 !important; color: #9DD1FF !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #063462 !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #063462 !important; background-color: #9DD1FF !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #9DD1FF !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #9DD1FF !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=blue] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #9DD1FF !important; background-color: #063462 !important; } body .bvi-body[data-bvi-theme=brown]:not(.bvi-no-styles) { background-color: #F7F3D6 !important; color: #4D4B43 !important; fill: #4D4B43 !important; border-color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) { background-color: #F7F3D6 !important; color: #4D4B43 !important; fill: #4D4B43 !important; border-color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #4D4B43; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #4D4B43 !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(77, 75, 67, 0.5) !important; border: 1px solid rgba(77, 75, 67, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(77, 75, 67, 0.5) !important; border: 1px solid rgba(77, 75, 67, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #F7F3D6 !important; background-color: #4D4B43 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #4D4B43 !important; background-color: #F7F3D6 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #F7F3D6; box-shadow: none !important; text-shadow: none !important; border-color: #4D4B43; color: #4D4B43; fill: #4D4B43; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #4D4B43 !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #4D4B43 !important; color: #F7F3D6 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #4D4B43 !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #4D4B43 !important; background-color: #F7F3D6 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #F7F3D6 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #F7F3D6 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=brown] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #F7F3D6 !important; background-color: #4D4B43 !important; } body .bvi-body[data-bvi-theme=green]:not(.bvi-no-styles) { background-color: #3B2716; color: #A9E44D; fill: #A9E44D; border-color: #A9E44D; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) { background-color: #3B2716; color: #A9E44D; fill: #A9E44D; border-color: #A9E44D; box-shadow: none !important; text-shadow: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-link, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-speech-text { border-color: #A9E44D; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles) { color: #A9E44D !important; background-color: transparent !important; text-underline: none !important; outline: 0 !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled { color: rgba(169, 228, 77, 0.5) !important; border: 1px solid rgba(169, 228, 77, 0.5) !important; pointer-events: none; cursor: no-drop; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles).disabled:focus { color: rgba(169, 228, 77, 0.5) !important; border: 1px solid rgba(169, 228, 77, 0.5) !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):hover { color: #3B2716 !important; background-color: #A9E44D !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) .bvi-link:not(.bvi-no-styles):focus { color: #A9E44D !important; background-color: #3B2716 !important; text-underline: none !important; text-decoration: none !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :checked:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :disabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :empty:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :enabled:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :focus:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :indeterminate:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :hover:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :link:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-last-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :nth-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-child:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :only-of-type:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :optional:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :read-write:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :required:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :root:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :target:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :valid:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :visited:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :first-child:first-letter:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) :default:not(.bvi-no-styles) { background-color: #3B2716; box-shadow: none !important; text-shadow: none !important; border-color: #A9E44D; color: #A9E44D; fill: #A9E44D; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::after:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::before:not(.bvi-no-styles) { background-color: rgba(255, 255, 255, 0) !important; color: #A9E44D !important; box-shadow: none !important; text-shadow: none !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles)::selection:not(.bvi-no-styles) { background-color: #A9E44D !important; color: #3B2716 !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles) { outline: 0 !important; color: #A9E44D !important; background-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles).active { color: #A9E44D !important; background-color: #3B2716 !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles) { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):after { background-color: rgba(255, 255, 255, 0) !important; color: #3B2716 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) a:not(.bvi-no-styles):hover:not(.bvi-no-styles):before { background-color: rgba(255, 255, 255, 0) !important; color: #3B2716 !important; border-color: transparent !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:not(.bvi-no-styles), body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:not(.bvi-no-styles) { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover.active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles).active, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles).active { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button:hover:hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=button]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) input[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=submit]:hover:not(.bvi-no-styles):hover, body .bvi-body[data-bvi-theme=green] *:not(.bvi-no-styles) button[type=button]:hover:not(.bvi-no-styles):hover { color: #3B2716 !important; background-color: #A9E44D !important; } body .bvi-body[data-bvi-fontsize="40"] * { font-size: 40px; } body .bvi-body[data-bvi-fontsize="39"] * { font-size: 39px; } body .bvi-body[data-bvi-fontsize="38"] * { font-size: 38px; } body .bvi-body[data-bvi-fontsize="37"] * { font-size: 37px; } body .bvi-body[data-bvi-fontsize="36"] * { font-size: 36px; } body .bvi-body[data-bvi-fontsize="35"] * { font-size: 35px; } body .bvi-body[data-bvi-fontsize="34"] * { font-size: 34px; } body .bvi-body[data-bvi-fontsize="33"] * { font-size: 33px; } body .bvi-body[data-bvi-fontsize="32"] * { font-size: 32px; } body .bvi-body[data-bvi-fontsize="31"] * { font-size: 31px; } body .bvi-body[data-bvi-fontsize="30"] * { font-size: 30px; } body .bvi-body[data-bvi-fontsize="29"] * { font-size: 29px; } body .bvi-body[data-bvi-fontsize="28"] * { font-size: 28px; } body .bvi-body[data-bvi-fontsize="27"] * { font-size: 27px; } body .bvi-body[data-bvi-fontsize="26"] * { font-size: 26px; } body .bvi-body[data-bvi-fontsize="25"] * { font-size: 25px; } body .bvi-body[data-bvi-fontsize="24"] * { font-size: 24px; } body .bvi-body[data-bvi-fontsize="23"] * { font-size: 23px; } body .bvi-body[data-bvi-fontsize="22"] * { font-size: 22px; } body .bvi-body[data-bvi-fontsize="21"] * { font-size: 21px; } body .bvi-body[data-bvi-fontsize="20"] * { font-size: 20px; } body .bvi-body[data-bvi-fontsize="19"] * { font-size: 19px; } body .bvi-body[data-bvi-fontsize="18"] * { font-size: 18px; } body .bvi-body[data-bvi-fontsize="17"] * { font-size: 17px; } body .bvi-body[data-bvi-fontsize="16"] * { font-size: 16px; } body .bvi-body[data-bvi-fontsize="15"] * { font-size: 15px; } body .bvi-body[data-bvi-fontsize="14"] * { font-size: 14px; } body .bvi-body[data-bvi-fontsize="13"] * { font-size: 13px; } body .bvi-body[data-bvi-fontsize="12"] * { font-size: 12px; } body .bvi-body[data-bvi-fontsize="11"] * { font-size: 11px; } body .bvi-body[data-bvi-fontsize="10"] * { font-size: 10px; } body .bvi-body[data-bvi-fontsize="9"] * { font-size: 9px; } body .bvi-body[data-bvi-fontsize="8"] * { font-size: 8px; } body .bvi-body[data-bvi-fontsize="7"] * { font-size: 7px; } body .bvi-body[data-bvi-fontsize="6"] * { font-size: 6px; } body .bvi-body[data-bvi-fontsize="5"] * { font-size: 5px; } body .bvi-body[data-bvi-fontsize="4"] * { font-size: 4px; } body .bvi-body[data-bvi-fontsize="3"] * { font-size: 3px; } body .bvi-body[data-bvi-fontsize="2"] * { font-size: 2px; } body .bvi-body[data-bvi-fontsize="1"] * { font-size: 1px; } body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=true]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { -webkit-filter: grayscale(0); filter: grayscale(0); visibility: visible; } body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=false]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { display: none; position: relative; border: 1px dashed; } body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) .bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-background-image:not(.bvi-no-styles), body .bvi-body[data-bvi-images=grayscale]:not(.bvi-no-styles) img.bvi-img:not(.bvi-no-styles) { -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(1); visibility: visible; } body .bvi-body[data-bvi-lineheight=normal]:not(.bvi-no-styles) { line-height: 1.3 !important; } body .bvi-body[data-bvi-lineheight=average]:not(.bvi-no-styles) { line-height: 1.7 !important; } body .bvi-body[data-bvi-lineheight=big]:not(.bvi-no-styles) { line-height: 2.2 !important; } /* body .bvi-body[data-bvi-letterspacing=normal]:not(.bvi-no-styles) { letter-spacing: 0 !important; } */ body .bvi-body[data-bvi-letterspacing=average]:not(.bvi-no-styles) { letter-spacing: 2px !important; } body .bvi-body[data-bvi-letterspacing=big]:not(.bvi-no-styles) { letter-spacing: 4px !important; } body .bvi-body[data-bvi-fontfamily=arial]:not(i):not(span):not(.bvi-no-styles) { font-family: Arial, sans-serif !important; } body .bvi-body[data-bvi-fontfamily=times]:not(i):not(span):not(.bvi-no-styles) { font-family: "Times New roman", serif !important; } body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) .wp-audio-shortcode, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) iframe, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) object, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) video, body .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) figure { display: block !important; } body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) .wp-audio-shortcode, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) iframe, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) object, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) video, body .bvi-body[data-bvi-builtelements=false]:not(.bvi-no-styles) figure { display: none !important; } body .bvi-body .bvi-speech { margin-bottom: 1.5rem; } body .bvi-body .bvi-speech .bvi-speech-link { display: inline-block; border: 1px dashed transparent; border-bottom: 0; padding: 0.7rem; } body .bvi-body .bvi-speech .bvi-speech-text { border: 1px dashed transparent; padding: 0.7rem; } body .bvi-body .bvi-speech .bvi-highlighting mark { font-weight: bold; text-decoration: underline; } body .bvi-body a.bvi-link { display: inline-block; font-weight: 400; line-height: 1.5; font-size: 0.875rem !important; color: #212529 !important; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #e0e0e0 !important; border: 1px solid #c6c6c6 !important; padding: 0.375rem 0.75rem; border-radius: 0.25rem; position: relative; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } body .bvi-body a.bvi-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } body .bvi-body .bvi-link-fixed-top { position: fixed !important; top: 2.5rem !important; right: 1.5rem !important; z-index: 999999 !important; } body .bvi-body .bvi-hide { display: none !important; } body .bvi-body .bvi-show { display: block !important; } .bvi-images { width: 18px; height: 18px; letter-spacing: normal; display: inline-block; vertical-align: middle; z-index: 1; background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } .bvi-images.bvi-images-cog { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/cog.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-eye-slash { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/eye-slash.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-volume-up { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/volume-up.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-volume-off { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/volume-off.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-adjust { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/adjust.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-minus-circle { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/minus-circle.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-image { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/image.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-minus { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/minus.svg"); background-repeat: no-repeat; } .bvi-images.bvi-images-eye { background-image: url("/bitrix/templates/ru_y/css/../img/bvi/eye.svg"); background-repeat: no-repeat; fill: green; } .bvi-images.bvi-images-size-32 { width: 32px !important; height: 32px !important; } /*# sourceMappingURL=bvi.css.map */ /* End */ /* Start:/bitrix/templates/ru_y/css/y.css?173046827427582*/ .page-y { background: #fff; --color-main: #008531; --color-main-2: #004B1C; } .page-y .btn-circle, .page-y .lang__title i { background: var(--color-main) !important; color: #fff; } .page-y .btn-circle:hover, .page-y .lang__title:hover i { background: var(--color-main-2) !important; } .page-y .lang__title::after { background-image: url(/bitrix/templates/ru_y/css/../img/svg/drop-1-y.svg); aspect-ratio: 29/15; } .page-y .burger span, .page-y .lang__title span { font-weight: 500; } .page-y .lang__tooltip { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .page-y .fixmenu.active .header__contacts, .page-y .fixmenu.active .header__burgers, .page-y .fixmenu.active .header__group, .page-y .fixmenu.active .lang__title { border-width: 0; } .page-y .header__contacts { overflow: hidden; } .page-y .slider__arrow_prev { background: var(--color-main); color: #fff; } .page-y .slider__arrow_prev:hover { background: #fff; color: var(--color-main); } .page-y .burger i::after, .page-y .btn1::after, .page-y .btn5::after { background: var(--color-main-2); left: 0; opacity: 0; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; } .page-y .burger:hover i::after, .page-y .btn1:hover::after, .page-y .btn5:hover::after { opacity: 1; } .page-y .aside__wrap { background: #fff; color: #000; height: 100dvh; } .page-y .aside__close { color: #000; } .page-y .btn1 { background: var(--color-main); } .page-y .btn1 span { background: transparent; color: #fff; } .page-y .header__eye { background: var(--color-main); -webkit-transition: 0.3s background; transition: 0.3s background; } .page-y .header__eye:hover { background: var(--color-main-2, --color-main) !important; } .page-y svg, .page-y img { background: none !important; } .page-y strong, .page-y mark { font-size: inherit; } .page-y .btn2:hover { --color-main: var(--color-main-2); } .page-y .btn2 .btn2__txt, .page-y .btn2 .btn2__icon, .page-y .btn4, .page-y .slider__arrow { background: var(--color-main); color: #fff; } .page-y .btn2 .btn2__icon svg, .page-y .slider__arrow svg { fill: #fff; } .page-y .slider__arrow { border-width: 0; } .page-y .slider__arrow:hover { background: var(--color-main-2, --color-main) !important; } .page-y .slider__arrow span { background: transparent; color: #fff; } .page-y .btn4 { font-weight: 600; border-width: 0; } .page-y .btn4:hover { background: var(--color-main-2, --color-main); } .page-y .lity { background: rgba(0, 0, 0, 0.5); } .page-y .modal__close { background: var(--color-main); } .page-y .modal__close svg { stroke: #fff; } .page-y .modal__title { font-size: 1.6em; } .page-y .modal__title strong, .page-y .modal__title mark { font-size: 1em; } .page-y .modal__title mark::after { display: none; } .special .page-y { margin-top: 0; } .page-y .top { color: #000; } .page-y .maincalls { gap: 0; } .page-y .maincalls__item { padding-left: 0; padding-right: 0; border-bottom: 1px solid #000; border-radius: 0; } .page-y .maincalls__item:last-child { border-bottom-width: 0; } .page-y .breadcrumbs ul li a { opacity: 1; font-weight: 600; } .page-y .breadcrumbs ul li:not(:last-child)::after { background-image: url(/bitrix/templates/ru_y/css/../img/svg/bread-black.svg); } .page-y .contacts__item, .page-y .contacts__box { border: 1px solid; } .page-y .maincalls__phone .header__phone > i, .page-y .maincalls__phone .header__email > i { background: var(--color-main) !important; } .page-y .maincalls__phone .header__phone > i svg, .page-y .maincalls__phone .header__email > i svg { fill: #fff; } .page-y .contacts__item-phone > i { background: var(--color-main) !important; } .page-y .contacts__item-phone > i .fill-currentcolor { fill: #fff; color: #fff; } .page-y .contacts__item-phone > i .fill-currentcolor * { color: inherit; fill: currentColor; } .page-y .contacts__item-phone > i .stroke-currentcolor { stroke: #fff; color: #fff; } .page-y .contacts { margin-top: 10vw; } .page-y .tabs li a:hover, .page-y .tabs li a.active, .page-y .modal__close { background: var(--color-main) !important; border-color: var(--color-main) !important; color: #fff !important; } .page-y .tabs li a * { background: none !important; color: inherit !important; } .page-y .messengers__item:not(.active) { color: var(--color-main-2); } .page-y .form__input { border-color: #000; color: #000; } .page-y .form__input::-webkit-input-placeholder { color: #000; } .page-y .form__input::-moz-placeholder { color: #000; } .page-y .form__input:-ms-input-placeholder { color: #000; } .page-y .form__input::-ms-input-placeholder { color: #000; } .page-y .form__input::placeholder { color: #000; } .page-y .section_projects-item { padding-top: 0; } .page-y .bvi-link[data-bvi=close] { display: none !important; } .page-y html { font-size: 16px; } .page-y .fixmenu { display: none !important; } .page-y .footer__wrap { background: none; border: 1px solid; border-color: rgba(0, 0, 0, 0.2) !important; } .page-y ymaps { background: none !important; } .page-y .bvi-body ymaps.ymaps3x0--zoom-control__out { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDEyYTEgMSAwIDAgMSAxLTFoMTJhMSAxIDAgMSAxIDAgMkg2YTEgMSAwIDAgMS0xLTF6IiBmaWxsPSIjNGQ0ZDRkIi8+PC9zdmc+Cg==) 50% no-repeat !important; } .page-y .bvi-body ymaps.ymaps3x0--zoom-control__in { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1Ljk5MmMwLS41MzcuNDQ4LS45OTIgMS0uOTkyLjU1NiAwIDEgLjQ0NCAxIC45OTJWMTFoNS4wMDhjLjUzNyAwIC45OTIuNDQ4Ljk5MiAxIDAgLjU1Ni0uNDQ0IDEtLjk5MiAxSDEzdjUuMDA4YzAgLjUzNy0uNDQ4Ljk5Mi0xIC45OTItLjU1NiAwLTEtLjQ0NC0xLS45OTJWMTNINS45OTJDNS40NTUgMTMgNSAxMi41NTIgNSAxMmMwLS41NTYuNDQ0LTEgLjk5Mi0xSDExVjUuOTkyeiIgZmlsbD0iIzRkNGQ0ZCIvPjwvc3ZnPgo=) 50% no-repeat !important; } .page-y .modal { background: #fff !important; color: #000 !important; } .page-y .footer__subtitle, .page-y .footer__links, .page-y .footer__txt-10 { font-weight: 400; } @media (min-width: 1070px) { .page-y .top { padding-bottom: 4.4vw; } .page-y .top__container:not(.top__container_v2) { min-height: 88vh; } .page-y .footer__wrap { border-width: 2px; } .page-y .header__contacts { border-radius: 4.375vw; border: 2px solid rgba(0, 0, 0, 0.2); background: none; } .page-y .header__contacts { margin-left: 1.6vw; padding-left: 1.9vw; } .page-y .header__box-icon { font-size: 1.35vw; } .page-y .header .header__phone { position: relative; padding-right: 1.3vw; margin-right: 1.3vw; } .page-y .header .header__phone::after { content: ''; right: 0; position: absolute; width: 2px; top: -0.3vw; bottom: -0.2vw; background: rgba(0, 0, 0, 0.2); } .page-y .header__btns { padding-left: 0; } .page-y .header__group { margin: 0 0.8vw 0 2.1vw; gap: 0.53vw; border-radius: 4.375vw; } .page-y .header__burgers { display: none; } .page-y .btn1 { padding: 0.75em 1.45em 0.75em; font-size: 1.25vw; } .page-y .btn2 { font-weight: 600; font-size: 1.56vw; } .page-y .btn2__icon { width: 5.3125vw; -ms-flex-preferred-size: 5.3125vw; flex-basis: 5.3125vw; } .page-y .btn2__txt { padding: 0.3em 2.1em; border-radius: 2.65625vw; } .page-y .btn-circle, .page-y .lang__title i, .page-y .burger i { width: 3.48958333vw; -ms-flex-preferred-size: 3.48958333vw; flex-basis: 3.48958333vw; } .page-y .lang__title { border-radius: 4.375vw; } .page-y .lang__title::after { width: 1.3vw; -ms-flex-preferred-size: 1.3vw; flex-basis: 1.3vw; } .page-y .burger span, .page-y .lang__title span { font-size: 1.35vw; } .page-y .lang__title span { padding-right: 0.2em; padding-left: 0.55em; } .page-y .burger span { padding: 0 0.9em 0 0.9em; } .page-y .top__btns { margin-top: 3.25vw; } .page-y .head-search { top: 2.15vh; width: 31.71vw; } .page-y .head-search__input { height: 4.375vw; border-radius: 2.1875vw; padding-left: 5vw; } .page-y .head-search__submit { width: 3.5vw; } .page-y .maincalls__phone { width: 35%; } .page-y .maincalls__title { width: calc(65% - 2vw); } .page-y .contacts__item { width: 100%; } .page-y .header__btns::before { display: none; } .page-y .contacts { margin-top: 3vw; } .page-y .contacts__item-title-2 { min-height: 1px; } .page-y .modal__title { font-size: 3.5em; } .page-y .t-cookie { background: #ccc !important; } .page-y .t-cookie__row, .page-y .t-cookie__txt { background: none !important; } } @media (max-width: 1070px) { .page-y .top__wrap { margin-top: 12vw; } .page-y .top__container { padding-bottom: 10vw; } .page-y .header__contacts { margin-top: 0; } } .y-serv { margin-top: 6vw; } .y-serv__item { margin-bottom: 8vw; border: 1px solid; border-color: rgba(0, 0, 0, 0.2) !important; border-radius: 6vw; padding: 8vw 6vw; } .y-serv__item:last-child { margin-bottom: 0; } .y-serv__title { display: block; font-weight: 600; font-size: 1.4em; line-height: 1.16; color: var(--color-main) !important; letter-spacing: 0.01em; } .y-serv__subtitle { margin-top: 4vw; line-height: 1.33; letter-spacing: 0.01em; } .y-serv__body { margin-top: 8vw; } .y-serv__body ul, .y-serv__body ul li { font-size: inherit !important; } .y-serv__body ul li { margin-bottom: 4vw; position: relative; padding-left: 1.2em; line-height: 1.42; } .y-serv__body ul li::before { content: ''; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background: currentColor; width: 0.5em; aspect-ratio: 1/1; } .y-serv__btns { margin-top: 10vw; } @media (min-width: 1070px) { .y-serv { margin-top: 5vw; } .y-serv__item { border-width: 2px; padding: 3vw 4.2vw 3.5vw; margin-bottom: 3.1vw; border-radius: 5.2vw; } .y-serv__title { font-size: 3.33333333vw; } .y-serv__subtitle { margin-top: 1.5vw; width: 39.0625vw; font-size: 1.56vw; } .y-serv__body { margin-top: 2.5vw; position: relative; } .y-serv__body ul li { margin: 0 0 1.2vw; padding-right: 5vw; font-size: 1.25vw; } .y-serv__btns { margin-top: 3vw; } } .y-adv { margin-top: 10vw; } .y-adv__list li { margin-bottom: 6vw; } .y-adv__list li strong { display: block; font-weight: 600; letter-spacing: 0.01em; line-height: 1.03; } .y-adv__gall { margin-top: 12vw; } .y-adv__left { margin-bottom: 6vw; } .y-adv__header { display: block; margin-bottom: 4vw; font-weight: 700; } .y-adv__item { position: relative; } .y-adv__fieldset li { margin-bottom: 2vw; } .y-adv__fieldset li:last-child { margin-bottom: 0; } .y-adv__label-check { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .y-adv__label-check input { position: absolute; left: -9999px; top: 0; } .y-adv__label-check input:checked + .rd .r { opacity: 1; } .y-adv__label-check .rd { display: block; position: relative; top: -0.1em; width: 1.625em; height: auto; margin-right: 0.6em; } .y-adv__label-check .rd .r { opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity; } .y-adv__slider { position: relative; overflow: hidden; border-radius: 6vw; } .y-adv__slider .slick-slide img { aspect-ratio: 660/857; -o-object-fit: cover; object-fit: cover; } .y-adv__bottom { margin-top: 6vw; } .y-adv__title { display: block; font-size: 0.9em; } .y-adv__name { display: block; font-size: 1.2em; font-weight: 600; } .y-adv__desc { margin-top: 6vw; } @media (min-width: 1070px) { .y-adv { margin-top: 4.9vw; } .y-adv__list { font-size: 1.66666667vw; } .y-adv__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8.9vw; } .y-adv__list li { margin-bottom: 0; } .y-adv__list li strong { margin-bottom: 0.33vw; } .y-adv__gall { margin-top: 6.25vw; display: -webkit-box; display: -ms-flexbox; display: flex; } .y-adv__right { width: 34.375vw; margin-right: 4.4vw; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .y-adv__left { margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .y-adv__header { margin-bottom: 3.1vw; font-size: 1.66666667vw; } .y-adv__slider { border-radius: 3.95833333vw; } .y-adv__fieldset li { margin-bottom: 0.95vw; } .y-adv__label-check { font-size: 1.66666667vw; } .y-adv__label-check .rd { top: 0; } .y-adv__bottom { margin-top: 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .y-adv__desc { position: absolute; left: 100%; bottom: 7.6vw; width: 30vw; -webkit-transform: translate(4.4vw, 0); -ms-transform: translate(4.4vw, 0); transform: translate(4.4vw, 0); } .y-adv__control { margin: 2vw auto 0; width: 17.86458333vw; } .y-adv__title { font-size: 1.15vw; } .y-adv__name { margin-top: 0.4vw; font-size: 1.66666667vw; } } @media (max-width: 1070px) { .y-adv .btn5 { font-size: 5vw; } } .y-portf { margin-top: 6vw; position: relative; } .y-portf__header { display: block; margin-bottom: 4vw; font-weight: 700; } .y-portf__fieldset li { margin-bottom: 4vw; } .y-portf__fieldset li:last-child { margin-bottom: 0; } .y-portf__label-check { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .y-portf__label-check input { position: absolute; left: -9999px; top: 0; } .y-portf__label-check input:checked + .rd .r { opacity: 1; } .y-portf__label-check .rd { display: block; position: relative; top: -0.1em; width: 1.625em; height: auto; margin-right: 0.6em; } .y-portf__label-check .rd .r { opacity: 0; -webkit-transition: 0.2s opacity; transition: 0.2s opacity; } .y-portf__wrap { margin-top: 6vw; } .y-portf__gallery { margin-bottom: 6vw; overflow: hidden; } .y-portf__gallery img { aspect-ratio: 1185/784; border-radius: 6vw; -o-object-fit: cover; object-fit: cover; } .y-portf__gallery .slick-dots { margin-top: 2vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2vw; } .y-portf__gallery .slick-dots li { margin: 0; padding: 0; } .y-portf__gallery .slick-dots li button { display: block; width: 2.5em; height: 2.5em; padding: 0; border-radius: 1.25em; border: 1px solid; cursor: pointer; font-size: 1em !important; color: transparent; -webkit-transition: 0.3s border-color, 0.3s color; transition: 0.3s border-color, 0.3s color; font-weight: 600; } .y-portf__gallery .slick-dots li.slick-active button { background: var(--color-main) !important; border-color: var(--color-main) !important; color: #fff !important; } .y-portf__name { display: block; margin-top: 4vw; font-size: 0.9em; } .y-portf__title { display: block; margin-top: 3vw; line-height: 1.47; font-weight: 600; } .y-portf__box { margin-top: 6vw; } .y-portf__txt { line-height: 1.47; } .y-portf__header-2 { display: block; margin-top: 2vw; font-size: 0.8em; color: #838383 !important; } .y-portf__btns { margin-top: 12vw; } .y-portf__btn { margin: 0 auto; } .y-portf__control { margin-top: 6vw; } @media (min-width: 1070px) { .y-portf { margin-top: 5.3vw; } .y-portf__header { margin-bottom: 1.1vw; font-size: 1.66666667vw; } .y-portf__fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3.1vw; } .y-portf__fieldset li { margin-bottom: 0; } .y-portf__label-check { font-size: 1.66666667vw; } .y-portf__label-check .rd { top: 0; } .y-portf__btns { position: absolute; z-index: 5; top: 0.2vw; right: 0; margin: 0; } .y-portf__wrap { margin-top: 5.1vw; } .y-portf__slider { margin-top: 4.75vw; } .y-portf__slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .y-portf__gallery { width: 50vw; margin-bottom: 0; position: relative; } .y-portf__gallery img { border-radius: 3.95833333vw; } .y-portf__gallery .slick-dots li button { border-width: 2px !important; } .y-portf__desc { margin-left: auto; width: 33vw; padding-top: 0.1vw; } .y-portf__name { margin-top: 2vw; font-size: 1.15vw; } .y-portf__title { margin-top: 1.3vw; font-size: 1.66666667vw; } .y-portf__box { margin-top: 0; margin-bottom: 5.4vw; } .y-portf__txt { font-size: 1.66666667vw; } .y-portf__header-2 { margin-top: 1vw; font-size: 1.15vw; } .y-portf__control { position: absolute; bottom: 0; right: 0; margin: 0; z-index: 4; } } .y-demo { margin-top: 6vw; } .y-demo__pic { position: relative; margin-bottom: 6vw; overflow: hidden; border-radius: 6vw; } .y-demo__pic img { aspect-ratio: 1072/779; } .y-demo__list li { margin-bottom: 6vw; } .y-demo__list li:last-child { margin-bottom: 0; } .y-demo__list li strong { display: block; font-size: 3em; font-weight: 600; } .y-demo__bottom { margin-top: 12vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4vw; } @media (min-width: 1070px) { .y-demo { margin-top: 4.3vw; } .y-demo__desc { margin: 0; } .y-demo__bottom { margin-top: 5vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; gap: 2.2vw; } .y-demo__list { font-size: 1.66666667vw; } .y-demo__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5vw; } .y-demo__list li { margin: 0; font-size: 1.6em; } } .y-news { border-radius: 6vw; overflow: hidden; position: relative; background: #dbe3ea; } .y-news__pic { overflow: hidden; border-radius: 6vw; } .y-news__pic img { aspect-ratio: 589/754; -o-object-fit: cover; object-fit: cover; } .y-news__desc { padding: 8vw; } .y-news__title { display: block; line-height: 1.11; font-weight: 600; font-size: 1.4em; } .y-news__txt { margin-top: 6vw; line-height: 1.47; } .y-news__btns { margin-top: 10vw; } @media (min-width: 1070px) { .y-news { border-radius: 4.47916667vw; display: -webkit-box; display: -ms-flexbox; display: flex; } .y-news__pic { border-radius: 4.47916667vw; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 30.67708333vw; -webkit-box-flex: 0; -ms-flex: 0 0 30.67708333vw; flex: 0 0 30.67708333vw; } .y-news__desc { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 3.3vw 4.5vw 3vw 3.6vw; } .y-news__title { font-size: 3.64583333vw; letter-spacing: 0.01em; } .y-news__txt { margin-top: 3vw; font-size: 1.66666667vw; letter-spacing: 0.01em; } .y-news__btns { margin-top: 4vw; } } .y-faq { margin-top: 8vw; counter-reset: cntFaq; } .y-faq__item { margin-bottom: 8vw; position: relative; padding-left: 14vw; counter-increment: cntFaq; } .y-faq__item:last-child { margin-bottom: 0; } .y-faq__item::before { content: counter(cntFaq, decimal-leading-zero); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; width: 10vw; aspect-ratio: 1/1; border-radius: 50%; background: var(--color-main); color: #fff; font-weight: 600; line-height: 1; } .y-faq__quest { display: block; margin-bottom: 3vw; font-size: 1.1em; font-weight: 600; line-height: 1.1; letter-spacing: 0.01em; } .y-faq__answer { line-height: 1.46; letter-spacing: 0.01em; } .y-faq__answer a { display: inline-block; font-weight: 700; font-size: inherit !important; color: var(--color-main) !important; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; -webkit-transition: 0.3s -webkit-text-decoration-color; transition: 0.3s -webkit-text-decoration-color; transition: 0.3s text-decoration-color; transition: 0.3s text-decoration-color, 0.3s -webkit-text-decoration-color; text-underline-offset: 0.2em; background: none !important; } .y-faq__answer a:hover { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } @media (min-width: 1070px) { .y-faq { margin-top: 4.9vw; width: 70.3125vw; } .y-faq__item { margin-bottom: 3vw; padding-left: 7vw; } .y-faq__item::before { width: 4.58333333vw; font-size: 1.82291667vw; } .y-faq__quest { margin-bottom: 1.3vw; font-size: 2.29166667vw; } .y-faq__answer { font-size: 1.66666667vw; } .y-faq__answer a { text-decoration-thickness: 2px; } } .y-types { margin-top: 6vw; } .y-types ul li { margin-bottom: 1em; list-style: disc; list-style-position: inside; } @media (min-width: 1070px) { .y-types { margin-top: 4vw; } } body .bvi-body .top__title h1 { font-size: 2em; } body .bvi-body[data-bvi-theme=white] .header__contacts { border-color: rgba(0, 0, 0, 0.2); } body .bvi-body[data-bvi-theme=black] .logo { background: #fff; } body .bvi-body[data-bvi-theme=black] .footer__wrap { border-color: currentColor !important; } body .bvi-body[data-bvi-theme=black] .y-portf__header-2 { color: currentColor !important; } body .bvi-body[data-bvi-theme=green] .logo { background: #A9E44D; } body .bvi-body[data-bvi-theme=green] .footer__wrap { border-color: currentColor !important; } body .bvi-body[data-bvi-theme=green] .y-portf__header-2 { color: currentColor !important; } body .bvi-body .y-adv__list li strong, body .bvi-body .y-demo__list li strong { font-size: 1.6em; } body .bvi-body .y-portf__gallery .slick .slick-dots li button { background: #fff !important; border-color: var(--color-main) !important; color: #000 !important; } body .bvi-body .y-portf__gallery .slick .slick-dots li.slick-active button { background: var(--color-main) !important; color: #fff !important; } body .bvi-body .y-faq .y-faq__answer a { color: var(--color-main) !important; } body .bvi-body .y-faq .y-faq__answer a:hover { background: none !important; } body .bvi-body .map-2 ymaps ymaps ymaps.ymaps3x0--zoom-control, body .bvi-body .map-2 ymaps .ymaps3x0--controls { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; background: none !important; } body .bvi-body button.ymaps3x0--button, body .bvi-body .ymaps3x0--control { background: none !important; } body .bvi-body .header__box-icon { color: inherit; } @media (min-width: 1070px) { body .bvi-body .top__title h1 { font-size: 6em; } body .bvi-body .y-adv__list li strong, body .bvi-body .y-demo__list li strong { font-size: 7.25em; } body .bvi-body .btn1 { padding: 1em 1.75em 0.9em; } body .bvi-body .btn1:hover { background: var(--color-main-2); } body .bvi-body .btn1::after { display: none; } body .bvi-body .btn1 span { font-size: 1.5em; } body .bvi-body .btn2 { font-weight: 600; } body .bvi-body .btn2__icon { width: 5.3125vw; -ms-flex-preferred-size: 5.3125vw; flex-basis: 5.3125vw; } body .bvi-body .btn2__txt { padding: 0.3em 2.1em; border-radius: 2.65625em; font-size: 1.875em; } body .bvi-body .btn4.btn4_big { height: 5.3125vw; border-radius: 2.91666667vw; } body .bvi-body .btn-circle, body .bvi-body .lang__title i, body .bvi-body .burger i { width: 3.48958333vw; -ms-flex-preferred-size: 3.48958333vw; flex-basis: 3.48958333vw; } body .bvi-body .section__title { font-size: 5.625em; } body .bvi-body .section__title strong { font-size: 1em; color: var(--color-main) !important; } body .bvi-body .slider__arrow span, body .bvi-body .y-portf__header-2, body .bvi-body .y-portf__name, body .bvi-body .fz-22 { font-size: 1.375em; } body .bvi-body .header__y-nav a, body .bvi-body .fz-24 { font-size: 1.5em; } body .bvi-body .header__phone span strong, body .bvi-body .header__email strong, body .bvi-body .fz-26 { font-size: 1.625em; } body .bvi-body .top__box p, body .bvi-body .top__sub.aside__close, body .bvi-body .fz-28 { font-size: 1.75em; } body .bvi-body .btn4, body .bvi-body .fz-30 { font-size: 1.875em; } body .bvi-body .section__subtitle, body .bvi-body .y-adv__list p, body .bvi-body .y-adv__header, body .bvi-body .y-adv__label-check span, body .bvi-body .y-adv__label-check svg, body .bvi-body .y-adv__name, body .bvi-body .y-portf__header, body .bvi-body .y-portf__label-check svg, body .bvi-body .y-portf__label-check span, body .bvi-body .y-portf__txt, body .bvi-body .y-portf__title, body .bvi-body .y-demo__list li p, body .bvi-body .fz-32 { font-size: 2em; } body .bvi-body .top__label-2 p, body .bvi-body .fz-43 { font-size: 2.6875em; } body .bvi-body .fz-44 { font-size: 2.75em; } body .bvi-body .fz-64 { font-size: 4em; } body .bvi-body .fz-70 { font-size: 4.375em; } body .bvi-body .fz-96 { font-size: 6em; } body .bvi-body .fz-116 { font-size: 7.25em; } body .bvi-body .section__subtitle, body .bvi-body .top__label-2 p { font-weight: 500; } } /*# sourceMappingURL=y.css.map */ /* End */ /* /bitrix/templates/ru_y/css/libs.min.css?173046827435303 */ /* /bitrix/templates/ru_y/css/style.css?1731936085218030 */ /* /bitrix/templates/ru_y/css/bvi.css?173046827455593 */ /* /bitrix/templates/ru_y/css/y.css?173046827427582 */