/* Theme Name: Radar */ .proekt-page__left video { max-width: 100%; margin-top: 30px; margin-bottom: 30px; } .blog-pagination { margin-top: 30px; text-align: center; } .blog-pagination .page-numbers { display: inline-block; padding: 8px 16px; margin: 0 4px; border: 1px solid #ddd; text-decoration: none; color: #333; } .blog-pagination .page-numbers.current { background-color: #fe6a00; color: white; border-color: #fe6a00; } .blog-pagination .page-numbers:hover { background-color: #f0f0f0; } @import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap); [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } .contacts__item-ico { min-height: 36px; display: flex; justify-content: center; align-items: center; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; transition-delay: .3s } .footer__logo { margin-right: 30rem; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75); transition-timing-function: cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; 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] { -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045); 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] { -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); 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] { -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); 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] { -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715); 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] { -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1); 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] { -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95); 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] { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); 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] { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); 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] { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); 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] { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); 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] { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); 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] { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); 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] { -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53); 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] { -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); 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] { -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0) } .header__logo { position: relative; z-index: 2; } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } [data-aos=zoom-in] { -webkit-transform: scale(.6); transform: scale(.6) } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(.6); transform: translate3d(0, 100px, 0) scale(.6) } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(.6); transform: translate3d(0, -100px, 0) scale(.6) } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(.6); transform: translate3d(-100px, 0, 0) scale(.6) } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(.6); transform: translate3d(100px, 0, 0) scale(.6) } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2) } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2) } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2) } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2) } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0) } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") } :root { --swiper-theme-color: #007aff } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1 } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1 } .swiper-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); width: 100%; z-index: 1 } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-slide { -ms-flex-negative: 0; display: block; flex-shrink: 0; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100% } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-backface-hidden .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { -ms-overflow-style: none; overflow: auto; scrollbar-width: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-css-mode.swiper-vertical>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none } .swiper-css-mode.swiper-centered>.swiper-wrapper:before { -ms-flex-negative: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; content: ""; flex-shrink: 0; order: 9999 } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before) } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100% } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-lazy-preloader { border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; width: 42px; z-index: 10 } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; left: 0; pointer-events: none; position: absolute; top: 0 } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { height: var(--swiper-virtual-size); width: 1px } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size)/2); position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/44*27); z-index: 10 } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next svg, .swiper-button-prev svg { height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; transform-origin: center; width: 100% } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-lock { display: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: normal; letter-spacing: 0; line-height: 1; text-transform: none !important } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px) } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-pagination { position: absolute; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0; top: var(--swiper-pagination-top, auto); width: 100% } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); display: inline-block; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) } button.swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0 } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0 } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: top .2s, -webkit-transform .2s; transition: top .2s, -webkit-transform .2s; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: left .2s, -webkit-transform .2s; transition: left .2s, -webkit-transform .2s; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: right .2s, -webkit-transform .2s; transition: right .2s, -webkit-transform .2s; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25)); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; width: 100% } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; width: 100% } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { height: 100%; left: 0; top: 0; width: var(--swiper-pagination-progressbar-size, 4px) } .swiper-pagination-lock { display: none } .swiper-scrollbar { background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1)); border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; touch-action: none } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: var(--swiper-scrollbar-bottom, 4px); height: var(--swiper-scrollbar-size, 4px); left: var(--swiper-scrollbar-sides-offset, 1%); position: absolute; top: var(--swiper-scrollbar-top, auto); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); z-index: 50 } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); left: var(--swiper-scrollbar-left, auto); position: absolute; right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); width: var(--swiper-scrollbar-size, 4px); z-index: 50 } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); height: 100%; left: 0; position: relative; top: 0; width: 100% } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; text-align: center; width: 100% } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; touch-action: none } .swiper .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-grid>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper.swiper-cube { overflow: visible } .swiper-cube .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; pointer-events: none; -webkit-transform-origin: 0 0; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1 } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-cube-shadow { bottom: 0; height: 100%; left: 0; opacity: .6; position: absolute; width: 100%; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { background: #000; bottom: 0; content: ""; -webkit-filter: blur(50px); filter: blur(50px); left: 0; position: absolute; right: 0; top: 0 } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper.swiper-flip { overflow: visible } .swiper-flip .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform } .swiper.swiper-cards { overflow: visible } .swiper-cards .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform-origin: center bottom; transform-origin: center bottom } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, .1); --f-spinner-color-2: rgba(17, 24, 28, .8); --f-spinner-stroke: 2.75 } .f-spinner { height: var(--f-spinner-height); margin: auto; padding: 0; width: var(--f-spinner-width) } .f-spinner svg { -webkit-animation: f-spinner-rotate 2s linear infinite; animation: f-spinner-rotate 2s linear infinite; height: 100%; vertical-align: top; width: 100% } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none } .f-spinner svg :first-child { stroke: var(--f-spinner-color-1) } .f-spinner svg :last-child { stroke: var(--f-spinner-color-2); -webkit-animation: f-spinner-dash 2s ease-in-out infinite; animation: f-spinner-dash 2s ease-in-out infinite } @-webkit-keyframes f-spinner-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes f-spinner-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } .f-throwOutUp { -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp; animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp } .f-throwOutDown { -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown; animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown } @-webkit-keyframes f-throwOutUp { to { opacity: 0; -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0); transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0) } } @keyframes f-throwOutUp { to { opacity: 0; -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0); transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0) } } @-webkit-keyframes f-throwOutDown { to { opacity: 0; -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); transform: translate3d(0, var(--f-throw-out-distance, 150px), 0) } } @keyframes f-throwOutDown { to { opacity: 0; -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); transform: translate3d(0, var(--f-throw-out-distance, 150px), 0) } } .f-zoomInUp { -webkit-animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp; animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp } .f-zoomOutDown { -webkit-animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown; animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown } @-webkit-keyframes f-zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.975) translate3d(0, 16px, 0); transform: scale(.975) translate3d(0, 16px, 0) } to { opacity: 1; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0) } } @keyframes f-zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.975) translate3d(0, 16px, 0); transform: scale(.975) translate3d(0, 16px, 0) } to { opacity: 1; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0) } } @-webkit-keyframes f-zoomOutDown { to { opacity: 0; -webkit-transform: scale(.975) translate3d(0, 16px, 0); transform: scale(.975) translate3d(0, 16px, 0) } } @keyframes f-zoomOutDown { to { opacity: 0; -webkit-transform: scale(.975) translate3d(0, 16px, 0); transform: scale(.975) translate3d(0, 16px, 0) } } .f-fadeIn { -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2 } .f-fadeOut { -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1 } @-webkit-keyframes f-fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes f-fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes f-fadeOut { to { opacity: 0 } } @keyframes f-fadeOut { to { opacity: 0 } } .f-fadeFastIn { -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn; animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn; z-index: 2 } .f-fadeFastOut { -webkit-animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut; animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut; z-index: 2 } @-webkit-keyframes f-fadeFastIn { 0% { opacity: .75 } to { opacity: 1 } } @keyframes f-fadeFastIn { 0% { opacity: .75 } to { opacity: 1 } } @-webkit-keyframes f-fadeFastOut { to { opacity: 0 } } @keyframes f-fadeFastOut { to { opacity: 0 } } .f-fadeSlowIn { -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn; animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn; z-index: 2 } .f-fadeSlowOut { -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut; animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut; z-index: 1 } @-webkit-keyframes f-fadeSlowIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes f-fadeSlowIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes f-fadeSlowOut { to { opacity: 0 } } @keyframes f-fadeSlowOut { to { opacity: 0 } } .f-crossfadeIn { -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn; animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn; z-index: 2 } .f-crossfadeOut { -webkit-animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut; animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut; z-index: 1 } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes f-crossfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes f-crossfadeOut { to { opacity: 0 } } @keyframes f-crossfadeOut { to { opacity: 0 } } .f-slideIn.from-next { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext } .f-slideIn.from-prev { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev } .f-slideOut.to-next { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext } .f-slideOut.to-prev { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev } @-webkit-keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes f-slideOutNext { to { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes f-slideOutNext { to { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @-webkit-keyframes f-slideOutPrev { to { -webkit-transform: translateX(100%); transform: translateX(100%) } } @keyframes f-slideOutPrev { to { -webkit-transform: translateX(100%); transform: translateX(100%) } } .f-classicIn.from-next { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext; z-index: 2 } .f-classicIn.from-prev { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev; z-index: 2 } .f-classicOut.to-next { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext; z-index: 1 } .f-classicOut.to-prev { -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev; animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev; z-index: 1 } @-webkit-keyframes f-classicInNext { 0% { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes f-classicInNext { 0% { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes f-classicInPrev { 0% { opacity: 0; -webkit-transform: translateX(75px); transform: translateX(75px) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes f-classicInPrev { 0% { opacity: 0; -webkit-transform: translateX(75px); transform: translateX(75px) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes f-classicOutNext { to { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } } @keyframes f-classicOutNext { to { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } } @-webkit-keyframes f-classicOutPrev { to { opacity: 0; -webkit-transform: translateX(75px); transform: translateX(75px) } } @keyframes f-classicOutPrev { to { opacity: 0; -webkit-transform: translateX(75px); transform: translateX(75px) } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65 } .f-button { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--f-button-bg); border: var(--f-button-border); border-radius: var(--f-button-border-radius); -webkit-box-shadow: var(--f-button-shadow); box-shadow: var(--f-button-shadow); -webkit-box-sizing: content-box; box-sizing: content-box; color: var(--f-button-color); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--f-button-height); justify-content: center; margin: 0; padding: 0; pointer-events: all; position: relative; -webkit-transition: var(--f-button-transition); transition: var(--f-button-transition); width: var(--f-button-width) } @media(hover:hover) { .f-button:hover:not([disabled]) { background-color: var(--f-button-hover-bg); color: var(--f-button-hover-color) } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: none } .f-button:focus-visible { -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); outline: none } .f-button svg { fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; -webkit-filter: var(--f-button-svg-filter); filter: var(--f-button-svg-filter); height: var(--f-button-svg-height); pointer-events: none; -webkit-transform: var(--f-button-transform); transform: var(--f-button-transform); -webkit-transition: opacity .15s ease; transition: opacity .15s ease; width: var(--f-button-svg-width) } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-next, .f-carousel__nav .f-button.is-prev, .fancybox__nav .f-button.is-next, .fancybox__nav .f-button.is-prev { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { left: var(--f-button-prev-pos); right: auto } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev { left: 50%; top: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none } html.with-fancybox { overflow: visible; scroll-behavior: auto; width: auto } html.with-fancybox body { -ms-touch-action: none; touch-action: none } html.with-fancybox body.hide-scrollbar { margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none; width: auto } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, .98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: hsla(0, 0%, 100%, .1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #f8f8f8; direction: ltr; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: 0; margin: 0; outline: none; overflow: visible; overscroll-behavior-y: contain; padding: 0; position: fixed; right: 0; top: 0; -webkit-transform-origin: top left; transform-origin: top left; z-index: var(--fancybox-zIndex, 1050) } .fancybox__container *, .fancybox__container :after, .fancybox__container :before { -webkit-box-sizing: inherit; box-sizing: inherit } .fancybox__container::-webkit-backdrop { background-color: transparent } .fancybox__container::backdrop { background-color: transparent } .fancybox__backdrop { background: var(--fancybox-bg); bottom: 0; left: 0; opacity: var(--fancybox-opacity, 1); position: fixed; right: 0; top: 0; will-change: opacity; z-index: -1 } .fancybox__carousel { -webkit-box-flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 1; flex: 1; min-height: 0; overflow-x: clip; overflow-y: visible; position: relative; z-index: 10 } .fancybox__viewport { height: 100%; width: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: -webkit-grab; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: -webkit-grabbing; cursor: grabbing } .fancybox__track { margin: 0 auto } .fancybox__slide, .fancybox__track { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .fancybox__slide { -webkit-box-flex: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; -ms-scroll-chaining: none; align-items: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-direction: column; flex-direction: column; margin: 0 var(--fancybox-slide-gap) 0 0; overflow: auto; overscroll-behavior: contain; padding: 4px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100% } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-html5video, .fancybox__slide.has-iframe, .fancybox__slide.has-image, .fancybox__slide.has-video { overflow: hidden } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide:after, .fancybox__slide:before { -webkit-box-flex: 0; content: ""; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto } .fancybox__backdrop:empty, .fancybox__slide:empty, .fancybox__track:empty, .fancybox__viewport:empty { display: block } .fancybox__content { -ms-flex-item-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-self: center; background: var(--fancybox-content-bg, #fff); border-radius: 0; color: var(--fancybox-content-color, #374151); cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; max-width: 100%; padding: 2rem; position: relative; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: -webkit-grab; cursor: grab } .can-zoom_in .fancybox__content { cursor: -webkit-zoom-in; cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: -webkit-zoom-out; cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: -webkit-grabbing; cursor: grabbing } .fancybox__content [contenteditable], .fancybox__content [data-selectable] { cursor: auto } .fancybox__slide.has-image>.fancybox__content { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-position: 50%; background-repeat: no-repeat; background-size: contain; min-height: 1px; padding: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: none; transition: none } .fancybox__slide.has-image>.fancybox__content>picture>img { height: auto; max-height: 100%; width: 100% } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform, width, height } .fancybox-image { display: block; -webkit-filter: blur(0); filter: blur(0); height: 100%; margin: auto; min-height: 0; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox__caption { -ms-flex-item-align: center; -ms-flex-negative: 0; align-self: center; color: var(--fancybox-color, currentColor); cursor: auto; flex-shrink: 0; line-height: 1.375; margin: 0; max-width: 100%; opacity: var(--fancybox-opacity, 1); overflow-wrap: anywhere; padding: 14px 0 4px; visibility: visible } .is-closing .fancybox__caption, .is-loading .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; right: 8px; top: 0; z-index: 40 } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; opacity: .75; position: absolute; right: 0; top: -38px } .is-loading .fancybox__content>.f-button.is-close-btn, .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { margin: 0; padding: 0; position: relative } .fancybox__footer .fancybox__caption { opacity: var(--fancybox-opacity, 1); padding: 24px; -webkit-transition: all .25s ease; transition: all .25s ease; width: 100% } .is-compact .fancybox__footer { background: rgba(24, 24, 27, .5); bottom: 0; left: 0; position: absolute; right: 0; z-index: 20 } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, .6); --f-button-active-bg: rgba(0, 0, 0, .6); --f-button-hover-bg: rgba(0, 0, 0, .6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; right: 5px; top: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, .3); --f-button-active-bg: rgba(24, 24, 27, .5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { bottom: -30px; content: ""; left: -20px; position: absolute; right: -20px; top: -30px; z-index: 1 } .is-idle .fancybox__nav, .is-idle.is-compact .fancybox__footer { -webkit-animation: f-fadeOut .15s ease-out both; animation: f-fadeOut .15s ease-out both } .is-idle.is-compact .fancybox__footer { pointer-events: none } .fancybox__slide>.f-spinner { cursor: pointer; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-.5)); position: absolute; top: 50%; z-index: 30 } .fancybox-protected { bottom: 0; right: 0 } .fancybox-ghost, .fancybox-protected { left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 40 } .fancybox-ghost { height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; pointer-events: none; width: 100% } .fancybox-focus-guard { opacity: 0; outline: none; pointer-events: none; position: fixed } .fancybox__container:not([aria-hidden]) { opacity: 0 } .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) { -webkit-animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn; animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { -webkit-animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn; animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) { -webkit-animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut; animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { -webkit-animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut; animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut } .has-html5video .fancybox__content, .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; min-height: 1px; overflow: visible } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { height: 90%; width: calc(100% - 120px) } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { height: 100%; width: 100% } .has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { height: 540px; max-height: 100%; max-width: 100%; width: 960px } .has-html5video .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { background: rgba(24, 24, 27, .9); color: #fff; padding: 0 } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video, .fancybox__iframe { background: transparent; border: 0; display: block; height: 100%; width: 100% } .fancybox-placeholder { clip: rect(1px, 1px, 1px, 1px) !important; border: 0 !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px } .f-thumbs { -webkit-box-flex: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .f-thumbs .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0)); background-image: linear-gradient(#ebeff2, #e2e8f0); border-radius: 2px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { height: auto; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100% } .f-thumbs__slide, .f-thumbs__track { display: -webkit-box; display: -ms-flexbox; display: flex } .f-thumbs__slide { -webkit-box-flex: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; -ms-flex: 0 0 auto; flex: 0 0 auto; height: var(--f-thumb-height); justify-content: center; margin: 0; overflow: visible; padding: 0; position: relative; width: var(--f-thumb-width) } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: -webkit-max-content; width: -moz-max-content; width: max-content } .is-modern .f-thumbs__track:before { bottom: 0; content: ""; cursor: pointer; left: calc(var(--f-thumb-clip-width, 0)*-.5); position: absolute; top: 0; width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0)) } .is-modern .f-thumbs__slide { pointer-events: none; -webkit-transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0); transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0); -webkit-transition: none; transition: none; width: var(--f-thumb-clip-width) } .is-modern.is-resting .f-thumbs__slide { -webkit-transition: -webkit-transform .33s ease; transition: -webkit-transform .33s ease; transition: transform .33s ease; transition: transform .33s ease, -webkit-transform .33s ease } .is-modern.is-resting .f-thumbs__slide__button { -webkit-transition: -webkit-clip-path .33s ease; transition: -webkit-clip-path .33s ease; transition: clip-path .33s ease; transition: clip-path .33s ease, -webkit-clip-path .33s ease } .is-using-tab .is-modern .f-thumbs__slide:focus-within { -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color)); filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color)) } .f-thumbs__slide__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; border-radius: var(--f-thumb-border-radius); cursor: pointer; height: 100%; margin: 0 -100%; opacity: var(--f-thumb-opacity); outline: none; overflow: hidden; padding: 0; pointer-events: auto; position: relative; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: var(--f-thumb-width) } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none } .f-thumbs__slide__button:focus-visible { opacity: var(--f-thumb-selected-opacity); outline: none } .is-modern .f-thumbs__slide__button { --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*(1 - var(--progress, 0))*0.5) round var(--f-thumb-border-radius, 0)); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path) } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-classic .is-nav-selected .f-thumbs__slide__button:after { -webkit-animation: f-fadeIn .2s ease-out; animation: f-fadeIn .2s ease-out; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); content: ""; height: auto; z-index: 10 } .f-thumbs__slide__img, .is-classic .is-nav-selected .f-thumbs__slide__button:after { border-radius: var(--f-thumb-border-radius); bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .f-thumbs__slide__img { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0; -o-object-fit: cover; object-fit: cover; overflow: hidden; padding: var(--f-thumb-offset); pointer-events: none; width: 100% } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; opacity: var(--fancybox-opacity, 1); position: relative; -webkit-transition: max-height .35s cubic-bezier(.23, 1, .32, 1); transition: max-height .35s cubic-bezier(.23, 1, .32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .1)), to(hsla(0, 0%, 100%, .05))); background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .1)), to(hsla(0, 0%, 100%, .05))); background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0 !important } .is-closing .fancybox__thumbs { -webkit-transition: none !important; transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, .94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, .65); --f-button-hover-bg: rgba(70, 70, 73, .65); --f-button-active-bg: rgba(90, 90, 93, .65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; color: var(--fancybox-color, currentColor); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif; justify-content: space-between; margin: 0; opacity: var(--fancybox-opacity, 1); padding: 0; pointer-events: none; text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5)); z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { left: 0; position: absolute; right: 0; top: 0 } .is-idle .fancybox__toolbar { -webkit-animation: f-fadeOut .15s ease-out both; animation: f-fadeOut .15s ease-out both; pointer-events: none } .fancybox__toolbar__column { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { -webkit-box-flex: 1; -ms-flex-positive: 1; -ms-flex-preferred-size: 0; flex-basis: 0; flex-grow: 1 } .fancybox__toolbar__column.is-right { -webkit-box-pack: end; -ms-flex-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-end } .fancybox__infobar { -webkit-font-smoothing: subpixel-antialiased; cursor: default; font-size: 17px; font-variant-numeric: tabular-nums; line-height: var(--f-button-height); padding: 0 5px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child, [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child, [data-fancybox-toggle-fullscreen] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: flex } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -ms-flexbox; display: flex } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex } .f-progress { background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); height: 3px; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 30 } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } @media(prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); margin: 0; text-align: var(--bs-body-text-align) } hr { background-color: currentColor; border: 0; color: inherit; margin: 1rem 0; opacity: .25 } hr:not([size]) { height: 1px } h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.2; margin-bottom: .5rem; margin-top: 0 } h1 { font-size: calc(1.375rem + 1.5vw) } @media(min-width:1200px) { h1 { font-size: 2.5rem } } h2 { font-size: calc(1.325rem + .9vw) } @media(min-width:1200px) { h2 { font-size: 2rem } } h3 { font-size: calc(1.3rem + .6vw) } @media(min-width:1200px) { h3 { font-size: 1.75rem } } h4 { font-size: calc(1.275rem + .3vw) } @media(min-width:1200px) { h4 { font-size: 1.5rem } } h5 { font-size: 1.25rem } h6 { font-size: 1rem } p { margin-bottom: 1rem; margin-top: 0 } abbr[data-bs-original-title], abbr[title] { cursor: help; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit; margin-bottom: 1rem } ol, ul { padding-left: 2rem } dl, ol, ul { margin-bottom: 1rem; margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: .875em } mark { background-color: #fcf8e3; padding: .2em } sub, sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { direction: ltr; font-family: var(--bs-font-monospace); font-size: 1em; unicode-bidi: bidi-override } pre { display: block; font-size: .875em; margin-bottom: 1rem; margin-top: 0; overflow: auto } pre code { color: inherit; font-size: inherit; word-break: normal } code { word-wrap: break-word; color: #d63384; font-size: .875em } a>code { color: inherit } kbd { background-color: #212529; border-radius: .2rem; color: #fff; font-size: .875em; padding: .2rem .4rem } kbd kbd { font-size: 1em; font-weight: 700; padding: 0 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { border-collapse: collapse; caption-side: bottom } caption { color: #6c757d; padding-bottom: .5rem; padding-top: .5rem; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border: 0 solid; border-color: inherit } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { border-style: none; padding: 0 } textarea { resize: vertical } fieldset { border: 0; margin: 0; min-width: 0; padding: 0 } legend { float: left; font-size: calc(1.275rem + .3vw); line-height: inherit; margin-bottom: .5rem; padding: 0; width: 100% } @media(min-width:1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } output { display: inline-block } iframe { border: 0 } summary { cursor: pointer; display: list-item } progress { vertical-align: baseline } [hidden] { display: none !important } @font-face { font-family: Benzin-Medium; font-weight: 5000; src: url(data:application/vnd.ms-fontobject;base64,); src: url(data:application/vnd.ms-fontobject;base64,?#iefix) format("embedded-opentype"), url(./assets/fonts/benzin-medium.f3cae1a5b0fd88bcab50.woff2) format("woff2"), url(data:font/woff;base64,) format("woff"), url(./assets/fonts/benzin-medium.3303c3643fe21b4280c1.ttf) format("truetype"), url(./assets/fonts/benzin-medium.21970a2a381e896c824b.svg#benzin-medium) format("svg") } button { background: transparent; border: none; padding: 0 } a:focus, button:focus, input:focus, select:focus, textarea:focus { outline: none } html { overflow-x: hidden } html.locked { overflow: hidden } @media(max-width:991.98px) { html { font-size: 14px } } @media(max-width:767.98px) { html { font-size: 13px } } @media(max-width:575.98px) { html { font-size: 12px } } .sr-only { clip: rect(0, 0, 0, 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } h1 { font-weight: 700 } .modal__close { position: absolute; right: 25px; top: 25px } @media(max-width:575.98px) { .modal__close { right: 15px; top: 15px } } .breadcrumbs__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin-bottom: 0; padding: 0 } .form__group { margin-bottom: 1.25rem } .header { background: #fff; border-bottom: 1px solid #000; left: 0; position: fixed; right: 0; top: 0; z-index: 10; } .header__shape { bottom: 0; overflow: hidden; position: absolute; right: 0 } .header__shape img { margin-bottom: -2rem; width: 100% } .header__row { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .header__logo img { width: 277rem } .header__group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .header__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 17.76rem; font-weight: 400; letter-spacing: 6%; line-height: 24rem; margin-bottom: 12rem; text-align: left; text-transform: uppercase; -webkit-transform: translateY(8rem); transform: translateY(8rem) } .header__list { list-style: none; margin: 0; padding: 0 0 0 239rem } .header__list, .header__list li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .header__list > li { height: 100%; margin-right: 73rem; padding-bottom: 10rem; padding-top: 10rem; position: relative; max-width: 134rem; } .header__list li ul { background: #f6f6f6; -webkit-clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0); left: 0; opacity: 0; padding: 27rem 25rem 27rem 30rem; pointer-events: none; position: absolute; top: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; width: 307rem } .header__list li ul:after { background: #fe6a00; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; top: 0; width: 133rem } .header__list li ul li { margin-bottom: 16rem; margin-right: 0 } .header__list li ul li:last-child { margin-bottom: 0 } .header__list li ul a { color: #000; font-family: Manrope, sans-serif; font-size: 16rem; font-style: normal; font-weight: 400; line-height: 19rem } .header__list li:hover:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .header__list li:hover ul { opacity: 1; pointer-events: auto } .header__list li:last-child { margin-right: 0 } .header__list li.menu-item-has-children:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNSA2IDQuMzMtNkguNjdMNSA2WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) 50% no-repeat; background-size: cover; content: ""; display: inline-block; height: 8rem; left: -18rem; position: absolute; top: 14rem; width: 10rem } .header__list a, .header__list li.menu-item-has-children:before { -webkit-transition: all .3s ease; transition: all .3s ease } .header__list a { color: #000; font-size: 15rem; font-weight: 600; letter-spacing: 0; line-height: 19rem; text-align: left; text-decoration: none } .header__list a:hover { color: #fe6a00 } .header__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: #fe6a00; -webkit-clip-path: polygon(15% 0, 100% 0, 100% 65%, 85% 100%, 0 100%, 0 35%); clip-path: polygon(15% 0, 100% 0, 100% 65%, 85% 100%, 0 100%, 0 35%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 92rem; justify-content: center; padding-left: 21rem; padding-right: 21rem } .header__contacts-tel { color: #fff; display: inline-block; font-size: 19rem; font-weight: 400; letter-spacing: 5%; line-height: 26rem; margin-bottom: 3rem; text-align: left; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease } .header__contacts-tel:hover { color: #000 } .header__contacts-email { border-bottom: 1px dashed #fff; color: #fff; display: inline-block; font-family: Benzin-Medium, sans-serif; font-size: 14rem; font-weight: 400; letter-spacing: 5%; line-height: 19rem; text-align: left; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .header__contacts-email:hover { border-color: transparent; color: #000 } .header__left { margin-right: 117rem } .footer { background: #ececec; padding-top: 53rem; position: relative; padding-bottom: 53rem; } .footer__shape { bottom: 0; left: 0; position: absolute } .footer__shape img { width: 100% } .footer .container { padding-bottom: 28rem; position: relative } .footer__totop { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1rem solid #000; bottom: -46rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 42rem; justify-content: center; left: 0; position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease; width: 42rem } .hero__bg::after { position: absolute; content: ''; display: inline-block; left: 0; top: 0; bottom: 0; right: 0; background: #0000005e; } .footer__totop svg { width: 18rem } .footer__totop svg path { -webkit-transition: all .3s ease; transition: all .3s ease } .footer__totop:hover { background: #fe6a00; border-color: #fe6a00 } .footer__totop:hover path { stroke: #fff } .footer__row { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .footer__logo img { width: 246rem } .footer__title { margin-bottom: 9rem; padding-top: 15rem } .footer__title a { color: #000; display: inline-block; font-family: Benzin-Medium, sans-serif; font-size: 17rem; font-weight: 400; letter-spacing: 3%; line-height: 19rem; text-align: left; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .footer__title a:hover { color: #fe6a00 } .footer__list { list-style: none; margin: 0; padding: 0 } .footer__list li { color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 16rem; text-align: left } .footer__list li:last-child { margin-bottom: 0 } .footer__list li a { color: #000; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .footer__list li a:hover, .footer__tel { color: #fe6a00 } .footer__tel { display: inline-block; font-family: Benzin-Medium, sans-serif; font-size: 19rem; font-weight: 400; letter-spacing: 5%; line-height: 26rem; margin-bottom: 9rem; margin-top: 10rem; text-align: left; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease } .footer__tel:hover { color: #000 } .footer__email { color: #000; display: inline-block; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 16rem; text-align: left; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .footer__email:hover { color: #fe6a00 } .footer__adres { color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 0; text-align: left } .modal-gallery { background: #fff; height: 100vh; left: 50%; opacity: 0; overflow: auto; padding-bottom: 40rem; pointer-events: none; position: fixed; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease; transition: all .3s ease; width: 100vw; z-index: 100 } .modal-gallery.open { opacity: 1; pointer-events: auto } .modal-gallery__bg { left: 0; position: absolute; top: 69rem } .modal-gallery__bg img { width: 1810rem } .modal-gallery__close { background: #fff; position: absolute; right: 40rem; top: 44rem } .modal-gallery__close svg { width: 54rem } .modal-gallery__content { margin-left: auto; margin-right: auto; max-width: 1216rem; padding-top: 82rem } .modal-gallery__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 26rem; text-align: left; text-transform: uppercase } .modal-gallery__prev { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; left: 0; position: absolute; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .modal-gallery__prev svg { width: 24rem } .modal-gallery__prev:hover { background: #fe6a00 } .modal-gallery__prev.swiper-button-disabled { opacity: 0 } .modal-gallery__thumbs { margin-top: 14rem; overflow: visible } .modal-gallery__thumbs .swiper-slide { opacity: 0; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease } .modal-gallery__thumbs .swiper-slide:before { background: #fe6a00; content: ""; display: inline-block; height: 100%; left: 5rem; opacity: 0; position: absolute; top: 5rem; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100% } .modal-gallery__thumbs .swiper-slide-active, .modal-gallery__thumbs .swiper-slide-active+div, .modal-gallery__thumbs .swiper-slide-active+div+div, .modal-gallery__thumbs .swiper-slide-active+div+div+div, .modal-gallery__thumbs .swiper-slide-active+div+div+div+div, .modal-gallery__thumbs .swiper-slide.swiper-slide-thumb-active:before { opacity: 1 } .modal-gallery__item { height: 683rem; overflow: hidden; width: 100% } .modal-gallery__item img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .modal-gallery__thumb { height: 130rem; overflow: hidden; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100% } .modal-gallery__thumb img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; position: relative; width: 100%; z-index: 2 } .modal-gallery__next { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position: absolute; right: 0; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .modal-gallery__next svg { width: 24rem } .modal-gallery__next:hover { background: #fe6a00 } .modal-gallery__next.swiper-button-disabled { opacity: 0 } html { font-size: .05209vw; scroll-behavior: smooth } .homepage { min-height: calc(100vh - 180rem) } body { font-family: Manrope, sans-serif; font-size: 16rem } .container { margin-left: auto; margin-right: auto; max-width: 1754rem } .hero__wrap { height: 970rem; min-height: 970rem; padding-top: 351rem; position: relative } .hero__arrow { position: absolute; left: 50%; bottom: 20rem; transform: translatex(-50%); transition: .3s all ease; } .hero__arrow:hover { transform: scale(1.1); } .hero__arrow svg { width: 60rem; } .hero__wrap .container { position: relative; z-index: 3 } .hero__shape { left: 0; overflow: hidden; position: absolute; top: 276rem; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; width: 0; z-index: 2 } .hero__shape.animate { width: 909rem } .hero__shape img { max-width: 909rem } .hero__bg { -webkit-clip-path: polygon(100% 0, 100% 80%, 90% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 80%, 90% 100%, 0 100%, 0 0); height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .hero__bg img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .hero__title { color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 44rem; font-weight: 400; letter-spacing: 6%; line-height: 61rem; margin-bottom: 0; text-align: left; text-transform: uppercase } .proektir__wrap { padding-bottom: 118rem; padding-top: 119rem } .proektir__wrap, .proektir__wrap .container { position: relative } .proektir__shape { left: 0; position: absolute; top: 0 } .proektir__shape img { width: 271rem } .proektir__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 48rem; text-align: left; text-transform: uppercase } .proektir__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .proektir__col, .proektir__row { padding-left: 5rem; padding-right: 5rem } .proektir__col { width: 25% } .proektir__item { display: block; height: 343rem; overflow: hidden; position: relative } .proektir__item:after { background: #fe6a00; bottom: 0; -webkit-clip-path: polygon(85% 0, 100% 45%, 100% 100%, 0 100%, 0 0); clip-path: polygon(85% 0, 100% 45%, 100% 100%, 0 100%, 0 0); content: ""; display: inline-block; height: 128rem; left: 0; opacity: 0; position: absolute; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1 } .proektir__item-img { overflow: hidden } .proektir__item-img, .proektir__item-img:after { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .proektir__item-img:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(180deg, transparent, #000 100%); content: ""; display: inline-block } .proektir__item-img:after, .proektir__item-img img { -webkit-transition: all .3s ease; transition: all .3s ease } .proektir__item-img img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .proektir__item-count { -webkit-text-stroke: 1px #fff; color: transparent; font-family: Benzin-Medium, sans-serif; font-size: 200rem; font-weight: 400; left: -21rem; letter-spacing: 3%; line-height: 275rem; position: absolute; text-align: left; top: -46rem; -webkit-transition: all .3s ease; transition: all .3s ease } .proektir__item-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 32rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 72rem; left: 28rem; position: absolute; right: 32rem; z-index: 3 } .proektir__item-title span { color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 21rem; font-weight: 400; letter-spacing: 3%; line-height: 24rem; text-align: left } .proektir__item-title i { margin-right: 22rem } .proektir__item-title i svg { width: 23rem } .proektir__item:hover:after { opacity: 1 } .proektir__item:hover .proektir__item-count { color: #fff } .proektir__item:hover .proektir__item-img:after { opacity: .5 } .proektir__item:hover .proektir__item-img img { -webkit-transform: scale(1.1); transform: scale(1.1) } .equipment__wrap { padding-bottom: 118rem; padding-top: 118rem; position: relative } .equipment__wrap:before { background: #ececec; bottom: 0; -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 9%); clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 9%); content: ""; display: inline-block; left: 0; position: absolute; right: 0; top: 0; z-index: -1 } .equipment__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5rem; margin-right: -5rem } .equipment__col { margin-bottom: 10rem; padding-left: 5rem; padding-right: 5rem; width: 50% } .equipment__col_12 { width: 100% } .equipment__heading { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; margin: 0; padding-left: 97rem } .equipment__heading-title { color: #000; font-size: 35rem; letter-spacing: 6%; line-height: 48rem; position: relative; text-transform: uppercase } .equipment__heading-title, .equipment__heading-title span { font-family: Benzin-Medium, sans-serif; font-weight: 400; text-align: left } .equipment__heading-title span { -webkit-text-stroke: 1px #6c6c6c; color: transparent; font-size: 200rem; left: -97rem; letter-spacing: 3%; line-height: 275rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .1s ease; transition: all .1s ease; z-index: -1 } .equipment__heading-title.hovered span { -webkit-text-stroke: 1px #fe6a00; color: #fe6a00 } .equipment__item { display: block; height: 343rem; overflow: hidden; position: relative; width: 100% } .equipment__item:before { background: #fe6a00; bottom: 0; -webkit-clip-path: polygon(85% 0, 100% 25%, 100% 100%, 0 100%, 0 0); clip-path: polygon(85% 0, 100% 25%, 100% 100%, 0 100%, 0 0); content: ""; display: inline-block; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 472rem; z-index: 1 } .equipment__item-img { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0 } .equipment__item-img img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .equipment__item-content { left: 71rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } .equipment__item-title { color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 21rem; font-weight: 400; letter-spacing: 3%; line-height: 24rem; margin-bottom: 12rem; position: relative; text-align: left } .equipment__item-title, .equipment__item-title i { -webkit-transition: all .3s ease; transition: all .3s ease } .equipment__item-title i { display: inline-block; left: -42rem; position: absolute; top: 8rem } .equipment__item-title i svg { width: 23rem } .equipment__item-txt { color: #fff; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 25rem; margin-bottom: 0; max-width: 429rem; text-align: left; -webkit-transition: all .3s ease; transition: all .3s ease } .equipment__item:hover:before { opacity: 1 } .equipment__item:hover .equipment__item-title { color: #fff } .equipment__item:hover .equipment__item-title i path { stroke: #fff } .equipment__item:hover .equipment__item-txt { color: #fff } .equipment__item_2 { background: #fff } .equipment__item_2 .equipment__item-img { display: -webkit-box; display: -ms-flexbox; display: flex; left: auto; min-height: 1px; min-width: 1px; width: 456rem } .equipment__item_2 .equipment__item-title { color: #000 } .equipment__item_2 .equipment__item-txt { color: #000; max-width: 480rem } .equipment__item_2:before { width: 550rem } .equipment__item_3 { background: linear-gradient(211.06deg, #494949 22.617%, #2c2c2c 81.881%) } .equipment__item_3 .equipment__item-img { display: -webkit-box; display: -ms-flexbox; display: flex; left: auto; min-height: 1px; min-width: 1px; width: 410rem } .equipment__item_4 .equipment__item-txt { max-width: 505rem } .equipment__item_4:before { width: 640rem } .equipment__item_5 { -webkit-box-align: start; -ms-flex-align: start; align-items: start; background: #fff } .equipment__item_5 .equipment__item-img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; left: auto; min-height: 1px; min-width: 1px; right: 76rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; } .equipment__item_5 .equipment__item-img img { height: auto; min-height: 1px; width: 100% } .equipment__item_5 .equipment__item-content { top: 64rem } .equipment__item_5 .equipment__item-title { color: #000 } .equipment__item_6:before { width: 550rem } .contacts__wrap { padding-bottom: 35rem; padding-top: 112rem } .contacts__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5rem; margin-right: -5rem } .contacts__col { margin-bottom: 10rem; padding-left: 5rem; padding-right: 5rem; width: 18.75% } .contacts__col:nth-child(1) { width: 25%; } .contacts__title { background: #fe6a00; -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 26%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 26%); padding: 29rem 41rem } .contacts__title-title { color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 0; text-align: left; text-transform: uppercase } .contacts__title-txt { color: #fff; font-size: 18rem; font-weight: 600; letter-spacing: 0; line-height: 24rem; margin-bottom: 0; text-align: left } .contacts__item { border: 1rem solid #000; height: 100%; padding-top: 42rem; text-align: center; width: 100% } .contacts__item-ico { margin-bottom: 12rem } .contacts__item-ico svg { width: 36rem } .contacts__item-tel { color: #000; display: inline-block; font-size: 28rem; font-weight: 700; letter-spacing: 0; line-height: 38rem; text-align: center; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .contacts__item-tel:hover { color: #fe6a00 } .contacts__item-email { border-bottom: 1rem dashed #000; color: #000; display: inline-block; font-size: 25rem; font-weight: 700; letter-spacing: 0; line-height: 34rem; margin-top: 10rem; text-align: center; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .contacts__item-email:hover { color: #fe6a00 } .contacts__item-adres { padding-right: 20rem; padding-left: 20rem; color: #000; font-size: 25rem; font-weight: 600; letter-spacing: 0; line-height: 28rem; text-align: center } .contacts__map { -webkit-clip-path: polygon(100% 0, 100% 50%, 85% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 50%, 85% 100%, 0 100%, 0 0); overflow: hidden } .contacts__map iframe { height: 463rem } .pageheader__wrap { margin-bottom: 36rem; padding-top: 108rem } .breadcrumbs a { color: #000; display: inline-block; font-size: 14rem; font-weight: 300; letter-spacing: 0; line-height: 19rem; margin-right: 20rem; position: relative; text-align: left; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .breadcrumbs a:after { color: #8b8b8b; content: "/"; position: absolute; right: -15rem; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%) } .breadcrumbs a:hover { color: #fe6a00 } .breadcrumbs span { color: #8b8b8b; font-size: 14rem; font-weight: 300; letter-spacing: 0; line-height: 19rem; text-align: left } .proekt-page__wrap { margin-bottom: 100rem; margin-top: 36rem } .proekt-page__row { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .proekt-page__aside { margin-right: 30rem; min-width: 380rem; width: 380rem } .proekt-page__content { max-width: calc(100% - 410rem); width: 100% } .proekt-page__content_horizontal .proekt-page__window { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .proekt-page__content_horizontal .proekt-page__left { max-width: 939rem } .proekt-page__content_horizontal .proekt-page__gallery-wrap { margin-top: 47rem } .proekt-page__nav { list-style: none; margin: 0; padding: 0; position: sticky; top: 120rem } .proekt-page__nav li { margin-bottom: 5rem } .proekt-page__nav a { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; min-height: 86rem; padding: 10rem 18rem 10rem 22rem; text-decoration: none } .proekt-page__nav a, .proekt-page__nav a span { -webkit-transition: all .3s ease; transition: all .3s ease } .proekt-page__nav a span { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 15rem; font-weight: 400; letter-spacing: 6%; line-height: 21rem; text-align: left; text-transform: uppercase } .proekt-page__nav a i { margin-left: 17rem } .proekt-page__nav a i svg { height: 25rem; width: 23rem } .proekt-page__nav a i svg path { -webkit-transition: all .3s ease; transition: all .3s ease } .proekt-page__nav a.active { background: #fe6a00 } .proekt-page__nav a.active span { color: #fff } .proekt-page__nav a.active path { stroke: #fff; -webkit-transition: all .3s ease; transition: all .3s ease } .proekt-page__nav a:hover { background: #fe6a00 } .proekt-page__nav a:hover span { color: #fff } .proekt-page__nav a:hover path { stroke: #fff } .proekt-page__window { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .proekt-page__left { margin-right: 30rem; max-width: 773rem; width: 100% } .proekt-page__left h1 { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 16rem; text-align: left; text-transform: uppercase } .proekt-page__left p { color: #000; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; margin-bottom: 20rem; text-align: left } .proekt-page__left ul, .proekt-page__left ol { color: #000; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; margin-bottom: 20rem; padding-left: 30rem; text-align: left } .proekt-page__pictures { min-width: 540rem; width: 540rem } .proekt-page__pictures-item { display: block; height: 318rem; margin-bottom: 5rem; overflow: hidden; width: 100% } .proekt-page__pictures-item img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .proekt-page__pictures-item:last-child { margin-bottom: 0 } .proekt-page__slider { position: relative } .proekt-page__slider-wrap { min-width: 540rem; position: relative; width: 540rem } .proekt-page__slider-prev, .proekt-page__slider-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .proekt-page__slider-prev { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); top: 0; height: 318rem; justify-content: center; left: 0; position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .proekt-page__slider-prev svg { width: 24rem } .proekt-page__slider-prev:hover { background: #fe6a00 } .proekt-page__slider-prev.swiper-button-disabled { opacity: 0 } .proekt-page__slider-next { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 318rem; justify-content: center; position: absolute; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .proekt-page__slider-next svg { width: 24rem } .proekt-page__slider-next:hover { background: #fe6a00 } .proekt-page__slider-next.swiper-button-disabled { opacity: 0 } .proekt-page__slide { display: block; height: 318rem; overflow: hidden; width: 100% } .proekt-page__slide img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .proekt-page__gallery-wrap { position: relative } .proekt-page__gallery-item { display: block; height: 318rem; overflow: hidden; width: 100% } .proekt-page__gallery-item img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .proekt-page__gallery-prev { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; left: 0; position: absolute; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .proekt-page__gallery-prev svg { width: 24rem } .proekt-page__gallery-prev:hover { background: #fe6a00 } .proekt-page__gallery-prev.swiper-button-disabled { opacity: 0 } .proekt-page__gallery-next { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(254, 106, 0, .7); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position: absolute; right: 0; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 52rem; z-index: 2 } .proekt-page__gallery-next svg { width: 24rem } .proekt-page__gallery-next:hover { background: #fe6a00 } .proekt-page__gallery-next.swiper-button-disabled { opacity: 0 } .proekt-page__video { margin-top: 44rem } .proekt-page__video-descr { color: #000; font-size: 20rem; font-weight: 600; letter-spacing: 0; line-height: 24rem; margin-bottom: 0; text-align: left } .proekt-page__frame { margin-bottom: 23rem; max-width: 935rem } .proekt-page__frame video { width: 100%; height: 525rem; } .zoomitem { position: relative } .zoomitem:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNDIuNSIgY3k9IjQyLjUiIHI9IjQyLjUiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNDAuNjY2IDU4LjMzMmMxMC4zMSAwIDE4LjY2Ni04LjM1NyAxOC42NjYtMTguNjY2QzU5LjMzMiAyOS4zNTcgNTAuOTc1IDIxIDQwLjY2NiAyMSAzMC4zNTcgMjEgMjIgMjkuMzU3IDIyIDM5LjY2NmMwIDEwLjMxIDguMzU3IDE4LjY2NiAxOC42NjYgMTguNjY2Wk02NCA2MyA1My44NSA1Mi44NU00MC42NjYgMzIuNjY1djE0bS03LTYuOTk5aDE0IiBzdHJva2U9IiMzNzM3MzciIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) 50% no-repeat; background-size: cover; content: ""; display: inline-block; height: 85rem; left: 50%; opacity: 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease; transition: all .3s ease; width: 85rem } .zoomitem:hover:after { opacity: 1 } .proekt-table__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 31rem; text-align: left; text-transform: uppercase } .proekt-table__item { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f6f6f6; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 15rem; min-height: 358rem; padding: 40rem } .proekt-table__item:last-child { margin-bottom: 0 } .proekt-table__content h2 { color: #000; font-size: 22rem; font-weight: 800; letter-spacing: 0; line-height: 27rem; margin-bottom: 11rem; text-align: left } .proekt-table__content p { color: #000; font-size: 18rem; font-weight: 300; letter-spacing: 1%; line-height: 25rem; margin-bottom: 26rem; text-align: left } .proekt-table__content h3, .proekt-table__content h4, .proekt-table__content h5 { color: #000; font-size: 18rem; font-weight: 600; letter-spacing: 0; line-height: 25rem; margin-bottom: 10rem; text-align: left } .proekt-table__content ul { color: #000; font-size: 18rem; font-weight: 300; letter-spacing: 1%; line-height: 22rem; list-style: none; margin: 0; padding: 0; text-align: left } .proekt-table__content ul li { margin-bottom: 21rem; padding-left: 13rem; position: relative } .proekt-table__content ul li:before { background: #000; border-radius: 50%; content: ""; display: inline-block; height: 3rem; left: 0; position: absolute; top: 10rem; width: 3rem } .proekt-table__content ul li:last-child { margin-bottom: 0 } .aboutpage__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 16rem; text-align: left; text-transform: uppercase } .aboutpage__row { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 111rem } .aboutpage__content { width: 100% } .aboutpage__content-query { color: #000; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; text-align: left } .aboutpage__aside { margin-left: 30rem; min-width: 540rem; width: 540rem } .aboutpage__aside-img { height: 445rem; overflow: hidden; width: 100% } .aboutpage__aside-img img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .aboutpage__quote { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1rem solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 219rem; justify-content: space-between; margin-top: 58rem } .aboutpage__quote-ico { margin-right: 18rem } .aboutpage__quote-ico svg { width: 81rem } .aboutpage__quote-info { color: #000; font-size: 22rem; font-weight: 700; letter-spacing: 0; line-height: 27rem; margin-bottom: 0; text-align: left } .aboutpage__quote-txt { color: #000; font-size: 20rem; font-weight: 400; letter-spacing: 0; line-height: 32rem; margin: 0; padding-right: 35rem; text-align: left } .aboutpage__quote-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; -webkit-clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0 100%, 0 0); clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0 100%, 0 0); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin-right: 40.5rem; min-width: 300rem; padding-left: 29rem; width: 300rem } .aboutpage__contacts { background: #f5f5f5; -webkit-clip-path: polygon(84% 0, 100% 16%, 100% 100%, 0 100%, 0 0); clip-path: polygon(84% 0, 100% 16%, 100% 100%, 0 100%, 0 0); margin-bottom: 30rem; padding: 46rem 128rem } .aboutpage__contacts-item { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: center; margin-bottom: 35rem; text-align: center } .aboutpage__contacts-item:last-child { margin-bottom: 0 } .aboutpage__contacts-ico { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1rem solid #000; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 46rem; justify-content: center; margin-bottom: 5rem; width: 46rem } .aboutpage__contacts-ico svg { width: 23rem } .aboutpage__contacts-info { color: #000; font-size: 24rem; font-weight: 600; letter-spacing: 0; line-height: 31rem; text-align: center } .aboutpage__contacts-info a { color: #000; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .aboutpage__contacts-info a:hover { color: #fe6a00 } .aboutpage__contacts-info a.mail { border-bottom: 1px dashed #828282 } .aboutpage__gallery-title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 53rem; text-align: left; text-transform: uppercase } .aboutpage__gallery-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -33rem; margin-right: -33rem } .aboutpage__gallery-wrap { margin-top: -14rem } .aboutpage__gallery-more, .aboutpage__gallery-wrap { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center } .aboutpage__gallery-more { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fe6a00; color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 17rem; font-weight: 400; height: 74rem; letter-spacing: 6%; line-height: 23rem; text-align: left; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; width: 336rem } .aboutpage__gallery-more:hover { background: #b84d00 } .aboutpage__gallery-item:hover .aboutpage__gallery-img:after, .aboutpage__gallery-item:hover .aboutpage__gallery-img span { opacity: 1 } .aboutpage__gallery-item:hover .aboutpage__gallery-titleitem { color: #fe6a00 } .aboutpage__gallery-item:hover .aboutpage__gallery-titleitem path { stroke: #fe6a00 } .aboutpage__gallery-col { margin-bottom: 100rem; padding-left: 33rem; padding-right: 33rem; width: 33.333% } .aboutpage__gallery-img { height: 304rem; overflow: hidden; position: relative; width: 100% } .aboutpage__gallery-img img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .aboutpage__gallery-img:after { background: rgba(254, 106, 0, .7); -webkit-clip-path: polygon(65% 0, 100% 57%, 100% 100%, 0 100%, 0 0); clip-path: polygon(65% 0, 100% 57%, 100% 100%, 0 100%, 0 0); content: ""; display: inline-block; height: 100%; left: 0; top: 0; width: 100% } .aboutpage__gallery-img:after, .aboutpage__gallery-img span { opacity: 0; position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease } .aboutpage__gallery-img span { -webkit-box-pack: center; -ms-flex-pack: center; border: 1rem solid #fff; color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 15rem; font-weight: 400; height: 64rem; justify-content: center; left: 50%; letter-spacing: 6%; line-height: 21rem; text-transform: uppercase; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 210rem; z-index: 3 } .aboutpage__gallery-img span, .aboutpage__gallery-titleitem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left } .aboutpage__gallery-titleitem { color: #000; font-size: 25rem; font-weight: 700; letter-spacing: 0; line-height: 34rem; margin-top: 17rem; -webkit-transition: all .3s ease; transition: all .3s ease } .aboutpage__gallery-titleitem i { margin-right: 12rem } .aboutpage__gallery-titleitem svg { width: 24rem } .aboutpage__gallery-titleitem path { -webkit-transition: all .3s ease; transition: all .3s ease } .eqip__wrap { margin-bottom: 63rem; min-height: 970rem; padding-bottom: 108rem; padding-top: 108rem; position: relative } .eqip__bg { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .eqip__bg img, .eqip__bg video { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .eqip__bg:after { background: #00000089; bottom: 0; content: ""; display: inline-block; left: 0; position: absolute; right: 0; top: 0 } .eqip .breadcrumbs a, .eqip .breadcrumbs a:after { color: #fff } .eqip .breadcrumbs span { color: #b6b6b6; position: relative } .eqip__nav { list-style: none; margin: 0 61rem 0 0; min-width: 380rem; padding: 0; position: sticky; top: 110rem; width: 380rem } .eqip__nav li { margin-bottom: 5rem } .eqip__nav li:last-child { margin-bottom: 0 } .eqip__nav li button { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff95; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; min-height: 86rem; padding: 10rem 24rem; width: 100% } .eqip__nav li button, .eqip__nav li button span { -webkit-transition: all .3s ease; transition: all .3s ease } .eqip__nav li button span { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 15rem; font-weight: 400; letter-spacing: 6%; line-height: 21rem; text-align: left; text-transform: uppercase } .eqip__nav li button i, .eqip__nav li button i path { -webkit-transition: all .3s ease; transition: all .3s ease } .eqip__nav li button i { margin-left: 15rem; } .eqip__nav li button.open { background: #fe6a00; color: #fff } .eqip__nav li button.open span { color: #fff } .eqip__nav li button.open path { stroke: #fff } .eqip__nav li button.open i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .eqip__nav li button.open+ul { display: block } .eqip__nav li button:hover { background: #fe6a00; color: #fff } .eqip__nav li button:hover span { color: #fff } .eqip__nav li button:hover path { stroke: #fff } .eqip__nav li ul { background: #f4f4f4; display: none; list-style: none; margin: 0; padding: 14rem 23rem; width: 100% } .eqip__nav li ul li:last-child a { border: none } .eqip__nav li ul a { border-bottom: 1px solid #d9d9d9; color: #000; display: block; font-size: 17rem; font-weight: 400; letter-spacing: 0; line-height: 20rem; padding-bottom: 9rem; padding-top: 9rem; text-align: left; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease } .eqip__nav li ul a:hover { border-color: #fe6a00; color: #fe6a00 } .eqip__row { -webkit-box-align: start; -ms-flex-align: start; align-items: start; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 44rem; position: relative; z-index: 2 } .eqip__content { padding-top: 267rem } .eqip__subtitle { font-size: 30rem; letter-spacing: 0; line-height: 41rem; margin-bottom: 20rem } .eqip__subtitle, .eqip__title { color: #fff; font-weight: 400; text-align: left } .eqip__title { font-family: Benzin-Medium, sans-serif; font-size: 38rem; letter-spacing: 6%; line-height: 53rem; max-width: 775rem; text-transform: uppercase } .header__burger, .mobnav { display: none } @media(max-width:991px) { .mobnav a br { display: none } body { overflow-x: hidden } .mobnav { background: #fff; display: block; height: 100%; left: 0; opacity: 0; overflow: auto; padding-left: 10px; padding-right: 10px; padding-top: 50px; pointer-events: none; position: fixed; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; z-index: 10 } .mobnav.open { opacity: 1; pointer-events: auto } .mobnav .menu-item-has-children { padding-left: 18rem; position: relative } .mobnav .menu-item-has-children:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNSA2IDQuMzMtNkguNjdMNSA2WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) 50% no-repeat; background-size: cover; content: ""; display: inline-block; height: 9rem; left: 0; min-width: 10rem; position: absolute; top: 13rem; width: 10rem } .mobnav li { margin-bottom: 15rem } .mobnav .mobnav__contacts { margin-top: 20rem } .mobnav .mobnav__contacts a { color: #000; font-size: 19px; font-weight: 600; letter-spacing: 0; line-height: 24px; text-align: left; text-decoration: none } .mobnav__list { margin-bottom: 20px } .mobnav__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: start } .mobnav__contacts a { margin-bottom: 10px } .header__burger { display: block; position: relative; z-index: 2 } .header__burger span { background: #000; display: block; height: 2px; margin-bottom: 7px; -webkit-transition: all .3s ease; transition: all .3s ease; width: 30px } .header__burger span:last-child { margin-bottom: 0 } .header__burger.open span { margin: 0 } .header__burger.open span:last-child { display: none } .header__burger.open span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .header__burger.open span:nth-child(2) { margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } html { font-size: .7px } .header__left { display: none } .container { padding-left: 10px; padding-right: 10px } .header__contacts { display: none } .header__shape { left: -140px; right: auto } .footer__title a { font-size: 18px; line-height: 22px } .footer__title a br { display: none } .footer__list li { font-size: 16px; line-height: 23px } .footer__list li br { display: none } .footer__tel { font-size: 18px; line-height: 24px } .header__shape img { display: none; width: 1543px } .footer__adres, .footer__email { font-size: 16px; line-height: 19px } .footer__adres br { display: none } .footer__logo img { width: 246px } .header { padding-bottom: 5px; padding-top: 5px; z-index: 15 } .header__logo { position: relative; z-index: 2 } .aboutpage__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px } .aboutpage__aside { margin-left: 0; margin-top: 30px; min-width: 1px; width: 100% } .aboutpage__gallery-col { margin-bottom: 40px; width: 100% } .modal-gallery__bg { top: 0 } .modal-gallery { padding-left: 10px; padding-right: 10px } .modal-gallery__item { height: 250px } .modal-gallery__thumb { height: 50px } .eqip .breadcrumbs span { color: #fff } .eqip__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px } .eqip__nav { width: 100% } .eqip__content { padding-top: 30px } .eqip__subtitle { font-size: 18px; line-height: 120% } .modal-gallery__close { right: 10px; top: 10px } .aboutpage__quote { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: start; -ms-flex-direction: column; flex-direction: column; height: auto; justify-content: start; margin-top: 25px; padding-bottom: 20px } .aboutpage__quote-txt { margin-top: 10px; padding-left: 10px; padding-right: 10px } .hero__title { font-size: 20px; line-height: 29px } .hero__wrap { height: 80vh; min-height: 1px; padding-bottom: 150px; padding-top: 150px } .hero__shape { top: 100px } .proektir__title { font-size: 18px; line-height: 24px } .proektir__shape img { width: 100px } .proektir__wrap { padding-bottom: 50px; padding-top: 50px } .proektir__col { margin-bottom: 20rem; width: 100% } .equipment__wrap { padding-bottom: 50px; padding-top: 50px } .equipment__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .equipment__col { width: 100% } .equipment__heading { margin-bottom: 40rem } .equipment__item_2 .equipment__item-img { opacity: .5 } .equipment__item-txt br { display: none } .contacts__wrap { padding-top: 50px } .contacts__col { margin-bottom: 20px; width: 100%!important } .contacts__item { padding-bottom: 30px; padding-top: 30px } .contacts__map iframe { height: 200px } .footer__totop { bottom: -30px; left: 10px } .footer__shape img { width: 800px } .footer__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .footer__col { margin-top: 20px } .footer { padding-bottom: 40px } .eqip__title { font-size: 19px; line-height: 120% } .proekt-page__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .proekt-page__aside { margin-bottom: 30px; margin-right: 0; width: 100% } .proekt-page__content { max-width: 100% } .proekt-page__gallery-item { height: 130px } .proekt-page__window { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .proekt-page__pictures, .proekt-page__slider-wrap { margin-top: 30px; min-width: 1px; width: 100% } .proekt-table__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .proekt-table__img { margin-top: 20px; width: 100% } .proekt-table__img img { width: 100% } .proekt-page__frame iframe { height: 250px } .proekt-page__frame video { height: 250px } } .proekt-page__video video { max-width: 100%; } .eqip__nav-list a.active { border-color: #fe6a00; color: #fe6a00; } .eqip__content { width: 100%; } .eqip__title { position: relative; /* Для абсолютного позиционирования спанов */ } .eqip__title span { position: absolute; /* Абсолютное позиционирование для наложения */ opacity: 0; /* Скрываем все спаны по умолчанию */ transition: opacity 1s ease; /* Плавный переход для анимации */ } .eqip__title span.active { opacity: 1; /* Устанавливаем полную непрозрачность для активного спана */ } .hero__title { max-width: 1200rem; position: relative; /* Для абсолютного позиционирования спанов */ } .hero__title span { position: absolute; /* Абсолютное позиционирование для наложения */ opacity: 0; /* Скрываем все спаны по умолчанию */ transition: opacity 1s ease; /* Плавный переход для анимации */ } .hero__title span.active { opacity: 1; /* Устанавливаем полную непрозрачность для активного спана */ } .proekt-page__bgfon { position: relative; } .proekt-page__bgfon .breadcrumbs a { color: #fff; } .proekt-page__bgfon .breadcrumbs a:after { color: #fff; } .proekt-page__bgfon .breadcrumbs span { color: #b6b6b6; } .proekt-page__bgfon .proekt-page__left h1 { color: #fff; } .proekt-page__bgfon .proekt-page__left p { color: #fff; } .proekt-page__bgfon .proekt-page__left ul { padding-left: 30rem; color: #fff; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; margin-bottom: 0; text-align: left; } .eqip__nav > li { background: #ECECEC; } .proekt-page__bgimg:after { background: #00000089; bottom: 0; content: ""; display: inline-block; left: 0; position: absolute; right: 0; top: 0; } .proekt-page__bgfon .proekt-page__wrap { margin-bottom: 0; padding-bottom: 80rem; padding-top: 108rem; } .proekt-page__bgfon .proekt-page__wrap .breadcrumbs { margin-bottom: 36rem; } .proekt-page__bgimg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .proekt-page__bgimg img { min-width: 100%; min-height: 100%; width: 100%; object-fit: cover; } .equipment__item_5 svg path { stroke: #000; } .equipment__item_2 svg path { stroke: #000; } .footer__totop { position: fixed; bottom: 10rem; left: 90rem; z-index: 6; transition: .3s all ease; transform: translatey(200%); } @media(min-width: 992px) { .header__shape img { width: auto; height: 62rem; } } .footer__totop.active { transform: none; } .hero__bg video { width: 100%; min-width: 100%; min-height: 100%; object-fit: cover; } .hidden_nabar { display: none; } .fancybox__container { max-width: 100vw; max-height: 100vh; } .pdf-documents-block { margin-top: 40px; margin-bottom: 40px; } .pdf-grid { display: flex; flex-wrap: wrap; } .pdf-item { width: 297rem; height: 210rem; display: block; overflow: hidden; margin-right: 10rem; margin-bottom: 10rem; } .pdf-item img { width: 100%; height: 100%; object-fit: cover; } .page-blog__row { display: flex; justify-content: space-between; } .page-blog__content { width: 100%; } .page-blog__aside { width: 500rem; min-width: 500rem; margin-left: 30rem; } .page-blog__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 32rem; text-align: left; text-transform: uppercase; } .page-blog__banner { margin-bottom: 20rem; } .page-blog__banner { max-width: 1100rem; } .page-blog__banner img { width: 100%; } .page-blog__info { display: flex; margin-bottom: 50rem; max-width: 1100rem; justify-content: space-between; } .page-blog .proekt-page__left { max-width: 1000rem; } .blog-services { margin-top: 40px; margin-bottom: 40px; } .blog-services__row { display: flex; flex-wrap: wrap; gap: 20rem; } .blog-faq__row { display: flex; align-items: start; flex-wrap: wrap; gap: 20rem; } .page-blog__footer { display: flex; justify-content: space-between; } .article-rate__title, .share-block__title { color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 10rem; } .article-rate__buttons { display: flex; } .article-rate__btn { margin-right: 15px; } .article-rate__btn path { transition: .3s all ease; } .article-rate__btn.active path { fill: #fe6a00; } .share-block__links { display: flex; align-items: center; } .share-block__links a { margin-left: 10px; } .page-blog__aside-title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 20rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 26rem; text-align: left; text-transform: uppercase; } .page-blog__aside-item { display: flex; margin-bottom: 30rem; text-decoration: none; } .page-blog__aside-item .page-blog__aside-title { font-size: 16rem; line-height: 24rem; } .page-blog__aside-date { display: flex; gap: 10rem; color: #000; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; align-items: center; } .page-blog__aside-content { display: flex; flex-direction: column; justify-content: space-between; } .page-blog__aside-img { width: 150rem; min-width: 150px; height: 150rem; margin-right: 12px; overflow: hidden; } .page-blog__aside-img img { width: 100%; height: 100%; object-fit: cover; } .blog-faq__item { width: 100%; box-sizing: border-box; border: 1rem solid #000; } .blog-faq__button { display: flex; align-items: center; justify-content: space-between; padding: 20rem; color: #000; font-size: 25rem; font-weight: 600; box-sizing: border-box; width: 100%; letter-spacing: 0; text-decoration: none; line-height: 28rem; text-align: center; transition: .3s all ease; } .blog-faq__content { padding-left: 20px; padding-left: 20px; padding-bottom: 20px; color: #000; font-size: 18rem; font-weight: 400; letter-spacing: 0; line-height: 28rem; text-align: left; } .blog-faq__body { overflow: hidden; transition: .3s all ease; } .blog-services__item { display: flex; align-items: center; justify-content: space-between; padding: 20rem; color: #000; font-size: 25rem; font-weight: 600; flex: 0 0 calc(50% - 10rem); /* 50% ширины минус половина gap */ box-sizing: border-box; letter-spacing: 0; text-decoration: none; border: 1rem solid #000; line-height: 28rem; text-align: center; transition: .3s all ease; } .blog-services__item i { margin-left: 20rem; } .blog-services__item i path { stroke: #000; transition: .3s all ease; } .blog-services__item:hover { background: #fe6a00; color: #fff; border-color: #fe6a00; } .blog-services__item:hover i path { stroke: #fff; } .blog-faq { margin-top: 40rem; margin-bottom: 40rem; } .blog-faq__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 24rem; font-weight: 400; letter-spacing: 6%; line-height: 32rem; margin-bottom: 18rem; text-align: left; text-transform: uppercase; } .page-blog__date { display: flex; align-items: center; } .page-blog__date i { margin-right: 10rem; } .blogpage { margin-bottom: 70rem; } .blogpage__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 35rem; font-weight: 400; letter-spacing: 6%; line-height: 48rem; margin-bottom: 16rem; text-align: left; text-transform: uppercase; } .blogpage-item__img { width: 30%; height: 300rem; min-width: 30%; overflow: hidden; margin-right: 40rem; } .blogpage-item__img img { width: 100%; height: 100%; object-fit: cover; } .blogpage-item { margin-top: 40rem; display: flex; text-decoration: none; } .blogpage-item__title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 28rem; font-weight: 400; letter-spacing: 6%; line-height: 36rem; margin-bottom: 16rem; text-align: left; } .blogpage-item__date { color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 16rem; } .blogpage-item__txt { max-width: 600px; color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 24rem; } .page-blog__form { margin-top: 40px; } .page-blog__form-title { color: #000; font-family: Benzin-Medium, sans-serif; font-size: 24rem; font-weight: 400; letter-spacing: 6%; line-height: 32rem; margin-bottom: 18rem; text-align: left; text-transform: uppercase; } .page-blog__form-txt { color: #000; font-size: 16rem; font-weight: 400; letter-spacing: 0; line-height: 19rem; margin-bottom: 16rem; } .article-form { display: flex; flex-wrap: wrap; margin-left: -6rem; margin-right: -6rem; } .article-form__col { padding-left: 6px; padding-right: 6px; width: 50%; margin-bottom: 12px; } .article-form__col input { padding-left: 20rem; width: 100%; color: #000; font-size: 20rem; height: 60rem; border: 1rem solid #000; line-height: 28rem; } .article-form textarea { padding-left: 20rem; width: 100%; color: #000; font-size: 20rem; height: 100rem; border: 1rem solid #000; line-height: 28rem; resize: none; padding-top: 20rem; } .article-form__col button { height: 60rem; width: 100%; display: flex; justify-content: center; align-items: center; background: #fe6a00; color: #fff; font-family: Benzin-Medium, sans-serif; font-size: 20rem; font-weight: 400; letter-spacing: 6%; line-height: 32rem; } .article-form__col:nth-child(3) { width: 100%; } @media(max-width: 991px) { .article-form__col { width: 100%; } .blogpage-item { flex-direction: column-reverse; } .blogpage-item__img { width: 100%; height: 40vh; margin-right: 0; margin-top: 30px; } .page-blog__row { flex-direction: column; } .blog-faq__item { flex: auto; width: 100%; } .blog-services__item { width: 100%; flex: auto; } .page-blog__aside { margin-left: 0; margin-top: 40px; } }