/* Start:/local/templates/molga/js/carousel/assets/owl.carousel.min.css?17066095132926*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/molga/js/carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/molga/js/aos/aos.css?170660951326053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/molga/js/fb/jquery.fancybox.min.css?170660951312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/molga/css/main.css?1706633090191355*/ /*! * Bootstrap v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .black li, .black li a { color: #000 !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a, a:hover, a:active { border: none; } input, textarea { outline: none; } .content_, .phone, .email { -ms-user-select: inherit; -moz-user-select: inherit; -webkit-user-select: inherit; user-select: inherit; } .c_fix:after { content: '.'; clear: both; display: block; height: 0; width: 100%; visibility: hidden; } /*@font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Thin.ttf") format("ttf"); font-weight: 100; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-ExtraLight.ttf") format("ttf"); font-weight: 200; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Light.ttf") format("ttf"); font-weight: 300; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Regular.ttf") format("ttf"); font-weight: 400; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Regular.ttf") format("ttf"); font-weight: normal; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Medium.ttf") format("ttf"); font-weight: 500; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-SemiBold.ttf") format("ttf"); font-weight: 600; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Bold.ttf") format("ttf"); font-weight: 700; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Black.ttf") format("ttf"); font-weight: 900; font-style: normal; font-display:swap; } @font-face { font-family: 'Fira Sans Condensed'; src: url("/local/templates/molga/css/fonts/FiraSansCondensed-Black.ttf") format("ttf"); font-weight: bold; font-style: normal; font-display:swap; }*/ @font-face { font-family: 'Myriad Pro'; src: url("/local/templates/molga/css/fonts/subset-MyriadPro-Regular.woff2") format("woff2"), url("/local/templates/molga/css/fonts/subset-MyriadPro-Regular.woff") format("woff"), url("/local/templates/molga/css/fonts/subset-MyriadPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } body { color: #303030; font-family: 'Fira Sans Condensed', sans-serif; min-height: 100%; } a { color: inherit; } @media screen and (min-width: 1200px) { .container { max-width: 1200px; } } /* menu */ menu { background: #fff; opacity: 1; position: relative; transition: ease 300ms; width: 100%; z-index: 9; } menu nav { width: 100%; } menu nav a { font-size: 16px; font-weight: 500; line-height: 42px; letter-spacing: 0.075em; text-transform: uppercase; text-decoration: none; transition: ease 300ms; } menu nav a:hover { color: #c30f1a; } menu nav ul, .menu-wrap { display: flex; justify-content: space-between; align-items: center; } .menu-search { padding-left: 88px; height: 42px; } .menu-search_box { position: relative; z-index: 100; } .menu-search_btn { cursor: pointer; position: absolute; top: 0; right: 0; height: 42px; width: 47px; } .menu-search form button:before, .menu-search_btn:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -150px -102px; background-size: 217px 170px; width: 21px; height: 21px; content: ''; display: block; margin-top: -10.5px; position: absolute; right: 11px; top: 50%; } .menu-search form { border: 1px solid #bdbdbd; border-radius: 3px; height: 34px; overflow: hidden; opacity: 0; position: absolute; top: 56px; right: 0; width: 0; transition: ease 400ms; } .menu-search form.active { opacity: 1; width: 193px; } .menu-search_overlay.active { background: transparent; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .menu-search form input { background: #fff; box-sizing: border-box; border: none; height: 32px; padding: 0 10px 0 20px; position: absolute; top: 0; left: 0; width: calc(100% - 47px); } .menu-search form button { background: #fff; border: none; border-left: 1px solid #bdbdbd; cursor: pointer; outline: none; height: 100%; position: absolute; top: 0; right: 0; width: 47px; } .menu-search form button:before { } menu.loader { opacity: 0; } menu.fixed { opacity: 1; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } .menu-services, .menu-phone, .menu-logo { display: none; } menu.fixed .menu-wrap nav { max-width: 1200px; } .menu-wrap { height: 70px; } .menu-container { display: none; } nav > ul > li:hover .menu-container { display: block; } .menu-container { background: rgba(255, 255, 255, 0.9); margin-top: 30px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 9; } .menu-container_services .menu-container { height: 540px; } .menu-container:before { content: ''; position: absolute; top: -30px; left: 0; height: 30px; width: 100%; } .menu-container_title { font-size: 24px; font-weight: 500; padding-left: 25px; padding-top: 36px; padding-bottom: 26px; } .menu-container li.ttl > a { font-size: 18px; font-weight: 500; font-family: 'Fira Sans Condensed', sans-serif; text-decoration: none; padding: 8px 0; display: block; } ul.menu-container_main { margin-left: -15px; padding-left: 15px; } ul.menu-container_main li.ttl > a { padding-right: 20px; position: relative; display: block; } ul.menu-container_main li.parent > a:before, .menu-container_main li.parent > span:before { background: transparent; border-top: 1px solid #303030; border-right: 1px solid #303030; content: ''; display: block; margin-top: -3px; position: absolute; top: 50%; right: 10px; transform: rotate(45deg); height: 7px; width: 7px; } @media screen and (min-width: 769px) { .menu-container div { position: static; } } .menu-container .menu-container_parent { display: none; } .menu-container .parent:hover .menu-container_parent { flex-wrap: wrap; flex-flow: row wrap; display: flex; padding: 14px 0; position: absolute; top: 0; left: 26%; height: 100%; width: 74%; } .menu-container .menu-container_parent ul { width: 50%; } .menu-container_list { padding-left: 25px; } .menu-container a { font-size: 14px; font-weight: 400; line-height: 1.5; text-transform: none; white-space: normal; } .menu-container_parent li { padding: 10px 15px; } .menu-container ul { display: block; } .menu-container .container { width: 1200px; } .menu-container_list li { max-width: 300px; } .menu-container_list li + li { margin-top: 22px; } .menu-container_parent:before { background: transparent; content: ''; position: absolute; left: -30px; top: 0; height: 100%; width: 30px; } @media screen and (min-width: 992px) { menu.fixed .container { max-width: 100%; } } menu.fixed .menu-services, menu.fixed .menu-phone, menu.fixed a.menu-logo { display: block; } .menu-logo { background: url("/local/templates/molga/css/imgs/logo-header.png") center center no-repeat; background-size: contain; height: 100%; min-width: 100px; margin: 0 10px; width: 125px; } .menu-phone { font-size: 18px; line-height: 25px; letter-spacing: 0.03em; margin: 0 3%; white-space: nowrap; } .menu-phone a { text-decoration: none; } .menu-phone a:hover { text-decoration: underline; } .menu-services { background: #223572; color: #fff; cursor: pointer; font-size: 16px; line-height: 42px; letter-spacing: .08em; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; min-width: 220px; width: 220px; } .menu-services span { position: relative; z-index: 2; white-space: nowrap; } .menu-services:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .menu-services:hover:before { opacity: 1; height: 280px; width: 280px; } @media screen and (max-width: 1440px) { menu.fixed .menu-phone { margin: 0 20px 0 10px; } menu.fixed .menu-search { margin-right: 0; padding-left: 40px; } } @media screen and (max-width: 1366px) { menu.fixed .menu-phone { display: none; } menu.fixed .menu-search { margin-right: 20px; } } @media screen and (max-width: 1024px) { menu.fixed .menu-services { display: none; } menu.fixed .menu-search { display: none; } } @media screen and (max-width: 1200px) { menu nav a { font-size: 13px; } menu.fixed .menu-search { margin-right: 10px; } .menu-search { padding-left: 58px; } .menu-services { font-size: 13px; min-width: 160px; width: 160px; } } @media screen and (max-width: 992px) { .menu-search { display: none; } menu.fixed a.menu-logo { display: none; } } @media screen and (max-width: 768px) { menu.before { background: #fff; border-top: 1px solid #e4e4e4; display: block; overflow-y: scroll; padding-bottom: 80px; position: fixed; top: 60px; left: 0; visibility: hidden; opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); height: 100%; width: 100%; z-index: 999; transition: ease 300ms; } menu.before nav ul { overflow: hidden; } menu.before.active { visibility: visible; opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } menu.before nav ul { display: block; } menu.before nav li { border-bottom: 1px solid #f1f1f1; text-align: left; } menu.before nav li:nth-child(even) { background: #fbfbfb; } menu.before nav li a { font-weight: 600; color: #333; } menu.before nav li { -webkit-transform: translateX(-100%); transform: translateX(-100%); } menu.before.active nav li { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } menu.before nav li:nth-child(1) { transition-delay: .15s; } menu.before nav li:nth-child(2) { transition-delay: .20s; } menu.before nav li:nth-child(3) { transition-delay: .25s; } menu.before nav li:nth-child(4) { transition-delay: .30s; } menu.before nav li:nth-child(5) { transition-delay: .35s; } menu.before nav li:nth-child(6) { transition-delay: .40s; } menu.before nav li:nth-child(7) { transition-delay: .45s; } menu.before nav li:nth-child(8) { transition-delay: .50s; } menu.before nav li:nth-child(9) { transition-delay: .55s; } menu.before nav li:nth-child(10) { transition-delay: .60s; } .menu-opened { overflow: hidden; } nav > ul > li.parent > span { position: absolute; top: 0; right: 0; display: block; height: 43px; width: 43px; z-index: 2; } nav > ul > li.parent { display: flex; justify-content: space-between; } nav > ul > li.parent > span:before { background: transparent; border-top: 1px solid #303030; border-right: 1px solid #303030; content: ''; display: block; margin-top: -3px; position: absolute; top: 50%; right: 19px; transform: rotate(45deg); transition: ease 300ms; height: 7px; width: 7px; } nav > ul > li.parent.active > span:before { transform: rotate(135deg); } .menu-container_services .menu-container, .menu-wrap { height: auto; } .menu-banner, .menu-container:before, nav > ul > li:hover .menu-container { display: none; } nav > ul > li.active .menu-container { display: block; } ul.menu-container_main li.ttl > a { font-size: 13px; font-weight: 600; color: #333; text-transform: uppercase; } menu.before nav li { border-bottom: none; } ul.menu-container_main { margin-left: -30px; padding-left: 35px; background: #fbfbfb; } } /* header */ header { padding-top: 23px; height: 97px; position: relative; z-index: 5; } .header-logo { background: url("/local/templates/molga/css/imgs/logo-header.png?01") center center no-repeat; background-size: contain; display: block; height: 53px; width: 160px; } .header-dsc { color: #223572; font-family: 'Roboto'; font-size: 17px; line-height: 1.45; letter-spacing: 0.07em; padding-top: 3px; } .header-phone { color: #9e9e9e; font-size: 16px; letter-spacing: 0.05em; padding-top: 12px; } .header-phone span { color: #2f2f2f; display: block; font-size: 22px; margin-top: 5px; letter-spacing: 0.035em; } .header-order { background: #223572; color: #fff; cursor: pointer; font-size: 16px; line-height: 48px; letter-spacing: 0.08em; overflow: hidden; position: relative; margin-top: 6px; text-align: center; text-transform: uppercase; width: 100%; } .header-order span { position: relative; z-index: 2; } .header-order:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .header-order:hover:before { opacity: 1; height: 280px; width: 280px; } .header-mobile_phone, .menu-open { display: none; } .white .header-phone span, .white .header-phone, .white .header-dsc { color: #fff; } @media screen and (max-width: 1200px) { .header-dsc { font-size: 15px; } } @media screen and (max-width: 768px) { .header-phone, .header-order, .header-dsc { display: none; } header { background: #fff; padding: 0; margin: 0; position: fixed; top: 0; left: 0; height: 60px; width: 100%; z-index: 99; } a.header-logo { background-size: contain; margin: 0 auto; position: relative; top: 10px; height: 40px; width: 140px; } .header-mobile_phone { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px 0px; background-size: 217px 170px; width: 36px; height: 36px; display: block; position: absolute; top: 13px; right: 18px; } .header-mobile_phone, .menu-open { opacity: .6; -webkit-transform: scale(0.85); transform: scale(0.85); } .menu-open { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -122px -130px; background-size: 217px 170px; width: 36px; height: 36px; cursor: pointer; display: block; margin-top: 11px; position: absolute; top: 1px; left: 18px; z-index: 999; } .menu-open span, .menu-open:after, .menu-open:before { background: #fff; border-radius: 2px; height: 2px; margin-left: -10px; position: absolute; top: 50%; left: 50%; width: 20px; transition: ease-in 300ms; } .menu-open span { opacity: 1; margin-top: -1px; } .menu-open:after, .menu-open:before { content: ''; margin-top: -7px; } .menu-open:after { margin-top: 5px; } .menu-open.active:after, .menu-open.active:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 0; margin-left: -11px; width: 22px; } .menu-open.active:after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .menu-open.active span { opacity: 0; } .menu-container { margin: 0; position: relative; top: 0; left: 0; transform: translate(0); } nav > ul > li.parent { display: block; position: relative; } } /* main */ .main { background: #d7d6d7; background: url(/local/templates/molga/css/imgs/mainsliderbackground.png) center center no-repeat; background-size: cover; height: calc(100vh - 70px); overflow: hidden; margin-top: 0px; padding-top: 0px; position: relative; } .main-wrap { padding-top: 90px; position: relative; } .main-title { color: #303030; font-size: 48px; font-family: 'Fira Sans Condensed'; line-height: 1.25; letter-spacing: 0.032em; padding-bottom: 22px; font-weight: 500; } .main-title .first_word { color: #EE1C21; } .main-carousel { /*margin-bottom: 37px;*/ height: auto; } a.main-btn { background: #223572; color: #fff; font-size: 16px; display: inline-block; /*line-height: 40px;*/ padding: 15px 60px; position: relative; overflow: hidden; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; } a.main-btn span { position: relative; z-index: 2; } a.main-btn:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } a.main-btn:hover:before { /*opacity: 1;*/ height: 280px; width: 280px; } .main-carousel .owl-dots { /*position: absolute; bottom: 11px; left: 1px;*/ position: absolute; bottom: 50%; right: -100px; display: flex; flex-direction: column; display: none; } .main-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid #cc2229; border-radius: 50%; display: inline-block; margin-right: 30px; margin-bottom: 30px; transition: ease 300ms; height: 10px; width: 10px; } .main-carousel .owl-dots .owl-dot.active { background: #cc2229; } .main-carousel .owl-nav { font-size: 0; } .main-carousel .owl-nav .owl-next, .main-carousel .owl-nav .owl-prev { background: transparent; height: 38px; margin-left: -35px; position: absolute; bottom: 50%; width: 22px; } .main-carousel .owl-nav .owl-prev { left: 0; } .main-carousel .owl-nav .owl-next { left: 100%; } .main-carousel .owl-nav .owl-next:before, .main-carousel .owl-nav .owl-prev:before { background: transparent; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; top: 7px; left: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: ease 300ms; height: 25px; width: 25px; } .main-carousel .owl-nav .owl-next { margin-left: 15px; } .main-carousel .owl-nav .owl-next:before { left: -10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .main-carousel .owl-nav .owl-next:hover:before, .main-carousel .owl-nav .owl-prev:hover:before { color: #223572; } .main-info { color: #303030; font-family: 'Roboto'; font-size: 18px; line-height: 24px; letter-spacing: .02em; z-index: 9; margin-bottom: 5px } .main-red_box { background: #F7F7F7; color: #EE1C21; position: absolute; left: 0; top: calc(100% + 60px); height: 260px; width: 230px; z-index: 3; } .main-red_box-wrap { margin-top: -3px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 85%; } .main-red_box-wrap .num { font-size: 100px; font-weight: 500; display: inline-block; height: 100px; width: 179px; } .main-red_box-wrap .dsc { font-size: 18px; display: block; font-family: 'Roboto'; line-height: 1.3; margin-top: 5px; } /*.main-box_wrap { border: 2px solid #dfdfdf; color: #fff; position: relative; text-align: center; height: 185px; width: 100%; }*/ .main-box_wrap { border: 0; color: #fff; position: relative; text-align: left; } .main-box_wrap { border: 0; color: #fff; position: relative; text-align: left; } .main-box_wrap.background-blue { width: 150px; height: 130px; position: absolute; top: calc(100% + 190px); left: 230px; } .main-box_wrap .pro-ttl_random { font-weight: 500; font-size: 24px; line-height: 29px; } .main-box_wrap .dsc { font-size: 16px; line-height: 22px; } .main-box_wrap.background-gray { width: 250px; height: 130px; position: absolute; top: calc(100% + 60px); left: 380px; margin-top: 0 !important; } @media all and (min-width: 1024px) and (max-width: 1200px) { .main-wrap { padding-left: 60px; } .main-red_box { left: 60px; top: calc(100% + 35px); } .main-box_wrap.background-blue { top: calc(100% + 155px); left: 310px; } .main-box_wrap.background-gray { top: calc(100% + 25px); left: 460px; } } @media all and (min-width: 1366px) and (max-width: 1440px) { .main-red_box { top: 100%; } .main-box_wrap.background-blue { top: calc(100% + 120px); } .main-box_wrap.background-gray { top: calc(100% - 10px); } } .main-box_wrap:first-child { margin-top: 128px; } .main-box_wrap i { color: #fff; font-size: 30px; display: inline-block; padding-right: 10px; } .main-box_wrap .num { font-size: 72px; height: 88px; width: 133px; } .main-box_wrap .dsc { font-family: 'Roboto'; } .main-box_line { white-space: nowrap; } .main-box_wrap + .main-box_wrap { margin-top: 32px; } .main video { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } @media screen and (max-width: 1200px) { .main-title { font-size: 38px; } .main-red_box .num { font-size: 69px; padding-right: 60px; } .main-box_wrap .num { font-size: 55px; } .main-red_box { height: 250px; width: 250px; } } @media screen and (max-width: 992px) { .main-carousel { /*margin-bottom: 37px;*/ height: auto; } .main { height: 590px; } } @media screen and (max-width: 768px) { .main-box_wrap { display: none; } .main-red_box { margin: 20px auto; position: relative; top: 0; left: 0; } .main { height: auto; } .main-title { margin-top: 20px; font-size: 29px; } .main-carousel .owl-dots { display: none; } .main-red_box { display: none; } .main-info { text-align: left; /*padding-bottom: 30px;*/ } } /* biznes */ .biznes { background-color: #f7f7f7; background-image: url('/local/templates/molga/css/imgs/biznes-bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: bottom center; min-height: 880px; padding: 65px 0 122px; } .biznes-title { color: #303030; font-size: 74px; font-weight: 500; line-height: 1.1; letter-spacing: .027em; padding-bottom: 4px; } .biznes-dsc { color: #ac0000; font-size: 48px; font-weight: 400; letter-spacing: 0.032em; } .biznes-info { font-family: 'Roboto'; font-size: 16px; line-height: 26px; letter-spacing: 0.065em; padding-top: 19px; max-width: 400px; } .biznes-enum { padding-top: 76px; } .biznes-item { overflow: hidden; position: relative; background: rgba(255,255,255, 0.5); height: 540px; } .biznes-item01 { overflow: hidden; position: relative; height: 324px; } .biznes-item img, .biznes-item_img { position: absolute; top: 0; left: 0; -webkit-transform: scale(1); transform: scale(1); transition: ease 300ms; height: 100%; width: 100%; } .biznes-item:hover .biznes-item_img { -webkit-transform: scale(1.06); transform: scale(1.06); } .biznes-item img { -o-object-fit: cover; object-fit: cover; } .biznes-item_wrap { color: #fff; padding: 33px 30px; position: absolute; bottom: 0; left: 0; } .biznes-item_title { font-family: 'Fira Sans Condensed', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: 0.05em; padding-bottom: 16px; max-width: 290px; } .biznes-item_title01 { color: #000000; font-family: 'Fira Sans Condensed', sans-serif; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: 0.05em; padding-bottom: 16px; max-width: 290px; text-align: left; } .biznes-item_dsc { font-family: 'Roboto'; font-size: 17px; line-height: 1.5; letter-spacing: 0.03em; max-width: 270px; } .biznes-item_dsc01 { color: #000000; font-family: 'Roboto'; font-size: 17px; line-height: 1.5; letter-spacing: 0.03em; max-width: 270px; } .biznes-custom { margin-top: -40px; } @media screen and (max-width: 1200px) { .biznes-title { font-size: 50px; } .biznes-dsc { font-size: 31.5px; } .biznes-info { font-size: 15px; } .biznes-item { height: 450px; } .biznes-item img { object-position: top; } .biznes-item_dsc { font-size: 15px; } .biznes-item_title { font-size: 24px; } .biznes { height: 750px; padding: 65px 0 50px; } } @media screen and (max-width: 992px) { .biznes { height: auto; } .biznes-title { text-align: center; } .biznes-dsc { text-align: center; margin-bottom: 30px; } .biznes-info { max-width: 100%; } .biznes-custom { margin-top: 0px; } .biznes-item { margin-bottom: 30px; } .item-news.box-4 { margin-top: 0 !important; } } @media screen and (max-width: 768px) { .biznes { padding: 65px 0 140px; } .biznes-title { font-size: 35px; } .biznes-dsc { font-size: 22px; padding-top: 17px; } .biznes-info { text-align: center; } .biznes-enum { padding-top: 55px; } } /* news */ .news { padding: 30px 0; } .news-title { font-size: 64px; font-weight: 500; letter-spacing: 0.027em; padding-bottom: 47px; } .news-title span { color: #0c3274; } .news-more a { color: #303030; font-weight: 600; text-decoration: none; } .news-more a:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -54px -65px; background-size: 217px 170px; width: 57px; height: 57px; content: ''; position: absolute; top: -11px; left: 0; } .news-more { font-family: 'Fira Sans Condensed'; font-size: 16px; font-weight: 500; display: block; height: 81px; letter-spacing: 0.065em; padding-top: 10px; padding-left: 79px; position: relative; } .item-news { display: block; overflow: hidden; margin-bottom: 30px; position: relative; text-decoration: none; } .item-news:before { background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(31, 31, 31, 0.8) 100%); content: ''; height: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .item-news.big:before { background: linear-gradient(to top, rgba(125, 185, 232, 0) 0%, rgba(31, 31, 31, 0.8) 100%); } .item-news_img img, .item-news_img { -webkit-transform: scale(1); transform: scale(1); transition: ease 300ms; height: 100%; width: 100%; } .item-news:hover .item-news_img { -webkit-transform: scale(1.06); transform: scale(1.06); } .item-news_img img { min-height: 392px; display: block; -o-object-fit: cover; object-fit: cover; } .item-news.box-1 { font-family: 'Myriad Pro'; } .item-news_wrap { color: #fff; padding: 38px 30px; position: absolute; left: 0; bottom: 0; z-index: 2; } .item-news.big .item-news_wrap { top: 0; left: 0; } .item-news.big .item-news_more { position: absolute; left: 30px; bottom: 38px; z-index: 2; } .item-news_date { font-family: 'Roboto'; font-size: 16px; line-height: 23px; letter-spacing: 0.03em; padding-bottom: 7px; } .box-2 .item-news_date { color: #666666; } .item-news_title { font-size: 24px; font-weight: 500; line-height: 34px; letter-spacing: 0.03em; margin-bottom: 31px; max-width: 360px; } .box-1 .item-news_title { font-weight: 400; } .item-news_dsc { color: #666666; font-family: 'Roboto'; font-size: 16px; letter-spacing: .06em; line-height: 1.45; padding-bottom: 9px; } .item-news_more { background: #223572; color: #fff; display: inline-block; font-weight: 500; font-size: 16px; line-height: 36px; padding: 0 25px; letter-spacing: 0.065em; transition: ease 300ms; } .item-news_more:hover { background: #5774d0; } .box-1 .item-news_more { font-weight: 400; } .box-1 img { -o-object-fit: cover; object-fit: cover; height: 587px; } .item-news.box-2 { border: 1px solid #dcdcdc; } .item-news.box-2:before { display: none; } .item-news.box-2 .item-news_wrap { color: #303030; position: relative; } .item-news.box-4 img { height: 318px; } .item-news.box-5 { border: 1px solid #dcdcdc; } .item-news.box-5 .item-news_wrap { color: #303030; position: relative; } .item-news.box-5:before { display: none; } .box-5 .item-news_date { color: #a3a3a3; font-size: 12px; padding-bottom: 5px; } .box-5 .item-news_title { font-size: 18px; line-height: 24px; margin-bottom: 0; } .item-news.box-2 .item-news_wrap { padding: 31px 30px 38px; } .item-news.box-4 { margin-top: 45px; } .box-5 .item-news_wrap { padding: 18px 30px 27px; } @media screen and (max-width: 1200px) { .news-title { font-size: 45px; } .item-news_title { font-size: 20px; line-height: 27px; } .box-3 img { height: 290px; } .box-5 .item-news_title { font-size: 16px; } } @media screen and (max-width: 768px) { .news { padding: 50px 0; overflow: hidden; } .news-title { font-size: 35px; } .item-news_wrap { padding: 20px; } .item-news_introtext { font-size: 15px; line-height: 1.4; margin-bottom: 24px; } .item-news_title { font-size: 19px; margin-bottom: 20px; } } /* partner */ .partner { overflow: hidden; padding-top: 15px; position: relative; } .partner-wrap { position: relative; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .partner .container { padding-top: 183px; padding-bottom: 76px; position: relative; z-index: 2; } .partner .container:before { background: url("/local/templates/molga/css/imgs/partner-bg.jpg") top right no-repeat; background-size: contain; content: ''; opacity: 1; height: 100%; position: absolute; top: 0; right: -125px; width: 100%; z-index: -1; } .partner .container:after { background: url("/local/templates/molga/css/imgs/macbook.png") top center no-repeat; background-size: contain; content: ''; position: absolute; top: -15px; right: 0; height: 354px; width: 406px; } .partner-title { font-size: 64px; font-weight: 500; line-height: 1.01; margin-bottom: 57px; letter-spacing: 0.024em; } .partner-title span { color: #ac0000; } .partner-dsc { border-left: 1px solid #e0e0e0; color: #303030; font-size: 16px; font-family: 'Roboto'; font-weight: 300; line-height: 24px; padding-left: 33px; letter-spacing: .03em; max-width: 410px; } .partner-dsc p + p { padding-top: 24px; } @media screen and (max-width: 1500px) { .partner { position: relative; } } @media screen and (max-width: 1200px) { .partner .container { padding-top: 75px; padding-bottom: 60px; } .partner-title { font-size: 55px; margin-bottom: 45px; } .partner-dsc { font-size: 15px; line-height: 23px; } .partner .container:after { height: 354px; width: 315px; } } @media screen and (max-width: 992px) { .partner .container:after { height: 234px; width: 315px; } } @media screen and (max-width: 768px) { .partner-title { font-size: 45px; } .partner .container:after { display: none; } } .cloud-right { background: url("/local/templates/molga/css/cloud/cloud_1.png") center center no-repeat; background-size: contain; content: ''; position: absolute; top: -180px; left: 20%; height: 500px; width: 1171px; z-index: 8; } .cloud-left { background: url("/local/templates/molga/css/cloud/cloud_2.png") center center no-repeat; background-size: contain; content: ''; position: absolute; top: -150px; right: 20%; height: 913px; width: 1680px; z-index: 8; } .cloud-2-left { background: url("/local/templates/molga/css/cloud/cloud_1.png") center center no-repeat; background-size: contain; content: ''; position: absolute; top: 180px; right: 20%; height: 500px; width: 1171px; z-index: 8; } .cloud-2-right { background: url("/local/templates/molga/css/cloud/cloud_2.png") center center no-repeat; background-size: contain; content: ''; position: absolute; top: 150px; left: 20%; height: 913px; width: 1680px; z-index: 8; } .cloud-3-left { background: url("/local/templates/molga/css/ccloud/cloud_1.png") center center no-repeat; background-size: contain; content: ''; position: absolute; bottom: 0px; right: 20%; height: 500px; width: 1171px; z-index: 8; } .cloud-3-right { background: url("/local/templates/molga/css/cloud/cloud_2.png") center center no-repeat; background-size: contain; content: ''; position: absolute; bottom: 0px; left: 20%; height: 913px; width: 1680px; z-index: 8; } /* advantages */ .advantages { background: url("/local/templates/molga/css/imgs/advantages-bg.jpg") left bottom no-repeat; padding-top: 71px; padding-bottom: 71px; position: relative; overflow: hidden; } .advantages-title { color: #303030; font-size: 64px; font-weight: 500; padding-bottom: 42px; } .advantages-red_box { background: #ac0000; color: #fff; font-size: 18px; font-family: 'Roboto'; padding: 31px 30px 33px 30px; line-height: 34px; letter-spacing: .03em; } .advantages-transparent_box { color: #303030; font-size: 18px; font-family: 'Roboto'; padding: 27px 20px 27px 31px; line-height: 34px; letter-spacing: 0.02em; } .advantages-transparent_box { padding: 30px 30px 27px 31px; } .advantages-info { font-size: 18px; font-family: 'Roboto'; line-height: 32px; padding-top: 30px; padding-bottom: 100px; position: relative; } .advantages-info span { color: #c00000; } .advantages-info:before { background: #e0e0e0; content: ''; height: 3px; position: absolute; bottom: 0; left: 0; width: 170px; } .advantages-img img { display: block; width: 100%; } .advantages-text { color: #303030; font-size: 18px; font-family: 'Roboto'; line-height: 34px; letter-spacing: 0.03em; padding-top: 33px; padding-bottom: 24px; max-width: 415px; } .advantages-enum { display: flex; justify-content: space-between; flex-wrap: wrap; flex-flow: row wrap; margin-bottom: 25px; } .advantages-item { border: 2px solid #d6d6d6; color: #ac0000; font-size: 20px; font-family: 'Roboto'; margin-bottom: 15px; line-height: 36px; letter-spacing: 0.08em; text-align: center; width: calc(50% - 8px); } .advantages-balun { color: #4c4c4c; font-size: 20px; font-family: 'Roboto'; letter-spacing: 0.03em; line-height: 1.3; padding-top: 5px; padding-left: 82px; position: relative; } .advantages-balun:before { background: url("/local/templates/molga/css/imgs/balun.png") center center no-repeat; content: ''; position: absolute; top: 0; left: 0; height: 62px; width: 62px; } .advantages-box { display: flex; justify-content: space-between; } .advantages-wave img { display: block; margin-bottom: 35px; width: 100%; } .advantages-wave { color: #ac0000; font-size: 20px; font-family: 'Roboto'; line-height: 28px; max-width: 370px; } @media screen and (max-width: 1200px) { .advantages { background-size: 90%; } .advantages-title { font-size: 45px; } .advantages-red_box { font-size: 16px; } .advantages-transparent_box { font-size: 16px; } .advantages-balun { font-size: 16px; padding-top: 11px; padding-right: 24px; } .advantages-info { font-size: 16px; } .advantages-text { font-size: 16px; line-height: 28px; } .advantages-item { font-size: 17px; } .advantages-wave { font-size: 18px; } } @media screen and (max-width: 992px) { .advantages-info { padding-top: 0; padding-bottom: 20px; margin-bottom: 30px; } .advantages-item { width: 100%; } .advantages-box { display: none; } } @media screen and (max-width: 768px) { .advantages { padding: 70px 0; } .advantages-title { font-size: 35px; } } /* pro */ .pro { background: url("/local/templates/molga/css/imgs/main-bg.jpg") center center no-repeat; background-size: cover; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 76px 0 66px; } .pro-title { font-size: 64px; font-weight: 500; line-height: 1.03; letter-spacing: 0.027em; margin-bottom: 24px; } .pro-title span { color: #0c3274; display: block; } .pro-dsc { color: #303030; font-size: 28px; font-weight: 600; letter-spacing: .044em; margin-bottom: 30px; } .pro-item { margin-bottom: 42px; position: relative; height: 270px; width: 270px; } .pro-item:before { -webkit-animation-name: cog; animation-name: cog; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; border: 1px dashed #ac0000; border-radius: 50%; content: ''; display: block; position: absolute; height: 100%; width: 100%; } .pro-item.blue:before { border: 1px dashed #0c3274; } .pro-item:after { background: url("/local/templates/molga/css/imgs/pro-red.png") center center no-repeat; content: ''; height: 267px; position: absolute; top: 11px; left: 48px; width: 175px; } .pro-item.blue:after { background: url("/local/templates/molga/css/imgs/pro-blue.png") center center no-repeat; } .pro-item_wrap { color: #fff; position: absolute; bottom: 47px; left: 77px; z-index: 2; } .pro-item_title { font-family: 'Roboto'; font-size: 18px; letter-spacing: 0.03em; line-height: 28px; } .pro-item_dsc { font-size: 16px; font-family: 'Myriad Pro'; line-height: 22px; padding-top: 13px; width: 120px; } .pro-ttl { font-size: 28px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 20px; } .pro-ttl_random { font-size: 36px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 20px; } .pro-enum { display: flex; justify-content: space-between; flex-wrap: wrap; flex-flow: row wrap; } .pro-directions { border: 2px solid #dfdfdf; color: #303030; cursor: pointer; font-size: 18px; letter-spacing: 0.03em; line-height: 48px; margin-bottom: 15px; text-align: center; transition: ease 300ms; } .pro-directions.active { background: #dfdfdf; } .pro-box { position: absolute; opacity: 0; transition: opacity ease 500ms; width: 100%; z-index: -1; } .pro-box.active { position: relative; opacity: 1; z-index: 1; } .pro-container { overflow: hidden; position: relative; } @-webkit-keyframes cog { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cog { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .pro-mobule_carousel.owl-carousel.owl-loaded, .pro-mobule_carousel { display: none; } @media screen and (max-width: 1200px) { .pro-title { font-size: 45px; } .pro-item { margin: 0 auto 42px; } } @media screen and (max-width: 992px) { .mobile-nav { font-size: 0; } .mobile-nav .owl-prev, .mobile-nav .owl-next { background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; top: 50%; transition: ease 300ms; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 16px; z-index: 3; } .mobile-nav .owl-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 10px; } .mobile-nav .owl-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 10px; } .mobile-nav .owl-prev:hover, .mobile-nav .owl-next:hover { color: #283d7c; } } @media screen and (max-width: 768px) { .pro-mobule_carousel.owl-carousel.owl-loaded, .pro-mobule_carousel { display: block; } .pro .owl-nav { display: none; } .pro-item { margin: 0 auto; } .pro-mobule_carousel { margin-bottom: 40px; } .pro-mobule_carousel .pro-item { display: block; } .pro { padding: 50px 0; } .pro-title { font-size: 35px; } .pro-dsc { font-size: 22px; } .pro-ttl { font-size: 22px; } } /* brands-title */ .brands { padding: 78px 0; } .brands-title { color: #303030; font-size: 64px; font-weight: 500; letter-spacing: 0.03em; margin-bottom: 10px; padding: 50px 0; } .brands-title span { color: #0c3274; } .brands-item { max-width: 271px; padding-bottom: 35px; position: relative; } .brands-item_img { border: 2px solid #e0e0e0; height: 220px; margin-bottom: 39px; position: relative; } .brands-item_img img { display: block; max-width: 80%; position: absolute; top: 50%; left: 50%; transition: ease 300ms; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .team-listing .brands-item_img img { max-height: 100%; } .brands-item:hover .brands-item_img img { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .brands-item_title { font-size: 24px; font-weight: 500; letter-spacing: 0.03em; margin-bottom: 20px; } .brands-item_dsc { color: #666666; font-size: 16px; font-family: 'Roboto'; line-height: 23px; margin-bottom: 35px; /*text-align-last: justify;*/ text-align: justify; } .team-listing .brands-item_dsc { height: 50px; } .brands-item_more { background: #cc2226; color: #fff; display: block; font-size: 16px; font-weight: 500; overflow: hidden; line-height: 44px; letter-spacing: 0.08em; position: relative; text-align: center; text-decoration: none; transition: ease 300ms; } .brands-item_more:hover { color: #666666; } .brands-item_more span { position: relative; z-index: 2; } .brands-item_more:before { background: #ebebeb; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .brands-item_more.revers { background: #cc2226; color: #fff; } .brands-item_more.revers:hover { color: #666666; } .brands-item_more.revers:before { background: #ebebeb; } .brands-item_more:hover:before { opacity: 1; height: 280px; width: 280px; } .brands-carousel .owl-nav { display: block; font-size: 0; } .brands-carousel .owl-stage { display: flex; } .brands-carousel .brands-item, .brands-carousel .item { height: 100%; position: relative; } .brands-carousel .brands-item { padding-bottom: 44px; } a.brands-item_more { position: absolute; bottom: 0; left: 0; right: 0; } .brands-carousel .owl-nav .owl-prev, .brands-carousel .owl-nav .owl-next { background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; transition: ease 300ms; height: 16px; width: 16px; z-index: 3; } .brands-carousel .owl-nav .owl-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -90px; right: 0; } .brands-carousel .owl-nav .owl-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 30px; top: -90px; } .brands-carousel .owl-nav .owl-prev:hover, .brands-carousel .owl-nav .owl-next:hover { color: #283d7c; } .brands-carousel .owl-dots { display: block; position: absolute; top: -76px; right: 0; width: 254px; } .brands-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid #1c3274; border-radius: 50%; display: inline-block; margin-right: 10px; transition: ease 300ms; height: 10px; width: 10px; } .brands-carousel .owl-dots .owl-dot.active { background: #1c3274; } .brands.partners { border-top: 1px solid #e0e0e0; padding: 71px 0 40px; } .partners .brands-title { margin-bottom: 42px; } .partners .brands-carousel .owl-nav .owl-next, .partners .brands-carousel .owl-nav .owl-prev { top: -77px; } .partners .brands-item_img { height: 200px; } @media screen and (max-width: 1200px) { .brands-title { font-size: 45px; } .brands-carousel .owl-dots { top: -85px; } .brands-carousel .owl-nav .owl-next, .brands-carousel .owl-nav .owl-prev { top: -83px; } .brands.partners { padding: 40px 0 40px; } .brands.partners .brands-carousel .owl-dots { top: -76px; } } @media screen and (max-width: 992px) { .brands .owl-dots { display: none; } .brands-item { max-width: 100%; } } @media screen and (max-width: 768px) { .brands { padding: 50px 0; } .brands-title { font-size: 35px; margin-bottom: 60px; } .partners .brands-carousel .owl-nav .owl-next, .partners .brands-carousel .owl-nav .owl-prev, .brands-carousel .owl-nav .owl-next, .brands-carousel .owl-nav .owl-prev { top: -40px; } .partners .brands-title { margin-bottom: 60px; } } /* prefooter */ .prefooter { background: #f5f5f5; border-top: 1px solid #e0e0e0; text-align: center; } menu.prefooter nav a { line-height: 50px; } @media screen and (max-width: 768px) { .prefooter { display: none; } } /* activity-title */ .activity { background: #fcfcfc; border-top: 1px solid #e0e0e0; padding: 71px 0 80px; } .activity-title { color: #0c3274; font-weight: 500; font-size: 64px; letter-spacing: 0.03em; margin-bottom: 63px; text-align: center; } .activity-info { color: #303030; display: inline-block; font-weight: 600; text-decoration: none; margin-bottom: 67px; letter-spacing: 0.09em; padding-left: 81px; position: relative; } a.activity-info:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -54px -65px; background-size: 217px 170px; width: 57px; height: 57px; content: ''; position: absolute; top: -21px; left: 0; } .activity-main { display: block; overflow: hidden; position: relative; } .activity-main:before { background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(31, 31, 31, 0.8) 100%); content: ''; height: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .activity-main_img img { display: block; -webkit-transform: scale(1); transform: scale(1); transition: ease 300ms; } .activity-main:hover .activity-main_img img { -webkit-transform: scale(1.05); transform: scale(1.05); } .activity-main_main { color: #fff; position: absolute; left: 39px; bottom: 40px; z-index: 1; } .activity-main_status { background: #0c3274; display: inline-block; font-size: 12px; font-family: 'Roboto'; line-height: 25px; padding: 0 10px; margin-bottom: 20px; letter-spacing: .04em; text-transform: uppercase; } .activity-main_date { font-size: 16px; font-family: 'Myriad Pro'; letter-spacing: .08em; margin-bottom: 11px; } .activity-main_title { font-size: 24px; font-weight: 600; line-height: 34px; letter-spacing: 0.03em; margin-bottom: 19px; } .activity-main_map { font-family: 'Roboto'; font-size: 16px; line-height: 23px; max-width: 420px; margin-bottom: 40px; letter-spacing: 0.04em; padding-left: 39px; position: relative; } .activity-main_map:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px -112px; background-size: 217px 170px; width: 20px; height: 28px; content: ''; display: block; position: absolute; top: 8px; left: 4px; } .activity-main_more { background: #223572; color: #fff; display: inline-block; font-weight: 500; font-size: 16px; line-height: 36px; padding: 0 25px; letter-spacing: 0.065em; text-decoration: none; transition: ease 300ms; } .activity-main_more:hover { background: #5774d0; } .activity-item { display: block; overflow: hidden; position: relative; max-width: 273px; position: relative; transition: ease 700ms; text-decoration: none; } .owl-item.active .activity-item { top: -80px; } .owl-item.active + .owl-item.active .activity-item { top: 0px; } .activity-carousel { margin-top: -80px; } .activity .owl-stage-outer { padding-top: 80px; } .activity-item_image:before { background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(31, 31, 31, 0.8) 100%); content: ''; height: 100%; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .activity-item_image { position: relative; margin-bottom: 38px; } .activity-item_image img { object-fit: cover; height: 230px; display: block; -webkit-transform: scale(1); transform: scale(1); transition: ease 300ms; } .activity-main:hover .activity-item_image img { -webkit-transform: scale(1.05); transform: scale(1.05); } .activity-item_status { background: #cc2226; color: #fff; font-size: 12px; display: inline-block; line-height: 24px; padding: 0 11px; position: absolute; left: 30px; bottom: 33px; letter-spacing: .17em; text-transform: uppercase; z-index: 2; } .activity-item_date { color: #666666; font-size: 16px; font-family: 'Roboto'; letter-spacing: 0.04em; margin-bottom: 7px; } .activity-item_title { font-size: 24px; font-weight: 600; line-height: 34px; letter-spacing: 0.03em; margin-bottom: 20px; } .activity-item_dsc { color: #666666; font-size: 16px; font-family: 'Roboto'; line-height: 23px; letter-spacing: 0.04em; margin-bottom: 21px; max-width: 250px; } @media all and (max-width: 767px) { .activity-item_dsc { max-width: 100%; text-align: justify; } } .activity-item_more { background: #223572; color: #fff; display: inline-block; font-weight: 500; font-size: 16px; line-height: 36px; padding: 0 25px; letter-spacing: 0.065em; text-decoration: none; transition: ease 300ms; } .activity-item_more:hover { background: #5774d0; } /**/ .activity-carousel .owl-nav { display: block; font-size: 0; } .activity-carousel .owl-nav .owl-prev, .activity-carousel .owl-nav .owl-next { background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; transition: ease 300ms; height: 16px; width: 16px; z-index: 3; } .activity-carousel .owl-nav .owl-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 0px; right: 0; } .activity-carousel .owl-nav .owl-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 30px; top: 0px; } .activity-carousel .owl-nav .owl-prev:hover, .activity-carousel .owl-nav .owl-next:hover { color: #283d7c; } .activity-carousel .owl-dots { display: block; position: absolute; top: 0; right: 0; width: 256px; } .activity-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid #1c3274; border-radius: 50%; display: inline-block; margin-right: 10px; transition: ease 300ms; height: 10px; width: 10px; } .activity-carousel .owl-dots .owl-dot.active { background: #1c3274; } @media screen and (max-width: 1200px) { .activity-title { font-size: 45px; } .activity { padding: 50px 0 50px; } .activity-main_title { font-size: 21px; line-height: 30px; } .owl-item.active .activity-item { top: 0px; } } @media screen and (max-width: 992px) { .activity .owl-dots { display: none; } .activity-item { max-width: 100%; } .activity-item img { -o-object-fit: cover; object-fit: cover; height: 250px; width: 100%; } .activity-main_map { font-size: 14px; padding-right: 15px; } } @media screen and (max-width: 768px) { .activity-main { margin-bottom: 30px; } .activity-main_main { left: 25px; bottom: 25px; } .activity-carousel .owl-nav .owl-next, .activity-carousel .owl-nav .owl-prev { top: auto; bottom: 0; } } /* top */ .top { border-top: 1px solid #e0e0e0; padding: 80px 0 79px; } .top-image { position: relative; } .top-text { max-width: 290px; margin: 95px auto 0; } .top-image img { display: block; width: 100%; } .top-text_title { color: #303030; font-size: 28px; font-weight: 600; line-height: 32px; letter-spacing: 0.05em; margin-bottom: 25px; } .top-text_title span { color: #ac0000; } .top-text_dsc { color: #303030; font-size: 18px; font-family: 'Roboto'; line-height: 30px; letter-spacing: 0.03em; } .top-adviser-place { position: absolute; right: 15px; top: 110px; font-family: 'Roboto ExtraBold'; font-size: 180px; line-height: 22px; color: rgba(255, 255, 255, 0.1); font-weight: bold; letter-spacing: -0.04em; } .top-tadviser_title { position: absolute; top: 250px; left: 35px; width: 100%; color: #FFFFFF; } .top-tadviser_title h4 { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 500; font-size: 28px; line-height: 22px; margin-bottom: 15px; } .top-tadviser_title span { font-family: 'Roboto'; font-size: 16px; line-height: 22px; } .top-image_title { letter-spacing: 0.05em; position: absolute; top: 200px; left: 30px; /* width: 100%;*/ color: #FFFFFF; } .top-image_title h4 { font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 34px; margin-bottom: 10px; } .top-image_title span { font-family: 'Roboto'; font-size: 16px; line-height: 22px; margin-bottom: 10px; } .top-image_more { background: #ac0000; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; overflow: hidden; letter-spacing: 0.08em; line-height: 44px; margin: 0 auto; max-width: 295px; padding: 0 22px; position: absolute; bottom: 40px; left: 0; right: 0; text-transform: uppercase; text-decoration: none; width: auto; } .top-image_more span { position: relative; z-index: 2; } .top-image_more:before { background: #e03434; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .top-image_more:hover:before { opacity: 1; height: 300px; width: 300px; } @media screen and (max-width: 1200px) { .top-text_title { font-size: 22px; } .top-text_dsc { font-size: 17px; } .top-image_title { font-size: 24px; } a.top-image_more { font-size: 14px; letter-spacing: .03em; max-width: 254px; } } @media screen and (max-width: 992px) { .top-image.first { display: none; } } @media screen and (max-width: 768px) { .top { padding: 50px 0; } .top-text { margin: 0 20px 30px; } } /* footer */ footer { background: #303030; } .footer-top { padding: 40px 0 30px; } .footer-logo { background: url("/local/templates/molga/css/imgs/logo-footer.png") center center no-repeat; display: block; height: 53px; width: 160px; } .footer-dsc { color: #f2f2f2; font-family: 'Roboto'; font-size: 18px; padding-top: 28px; line-height: 24px; } .footer-box { color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 14px; letter-spacing: 0.03em; } .footer-box a { color: #fff; font-size: 22px; display: block; margin-top: 12px; text-decoration: none; } .footer-box a[href^="tel:"] { font-family: 'Fira Sans Condensed'; } .footer-box + .footer-box { margin-top: 26px; } .footer-menu a { color: #fff; font-size: 14px; font-family: 'Fira Sans Condensed'; letter-spacing: 0.01em; line-height: 1.2; text-transform: uppercase; text-decoration: none; } .footer-menu li + li { margin-top: 20px; } .footer-menu a:hover { text-decoration: underline; } .footer-bottom { background: #292929; padding: 24px 0 28px; } .footer-info { color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: 'Roboto'; line-height: 20px; } .footer-copy { color: #fff; font-size: 14px; font-family: 'Roboto'; padding-top: 18px; } @media screen and (max-width: 1200px) { .footer-dsc { font-size: 15px; } .footer-box a { font-size: 20px; } .footer-menu a { font-size: 13px; } } @media screen and (max-width: 992px) { ul.footer-menu { display: none; } } @media screen and (max-width: 768px) { a.footer-logo { margin: 0 auto; } .footer-dsc { text-align: center; margin-bottom: 15px; } .footer-box { text-align: center; } .footer-info { display: none; } .footer-copy { text-align: center; padding: 0; } } /* partner */ .cloud:before { height: 300px; width: 80%; } /* breadcrumb */ .breadcrumb { font-family: 'Roboto'; letter-spacing: 0.04em; position: absolute; width: 100%; top: 120px; z-index: 5; } .breadcrumb li { color: #fff; font-size: 14px; display: inline; } .breadcrumb li + li:before { content: '/'; font-size: 14px; display: inline-block; margin: 0 5px 0 3px; } .breadcrumb li a { color: #fff; font-size: 14px; line-height: 24px; text-decoration: none; } .breadcrumb li a:hover { text-decoration: underline; } .breadcrumb.gray li a { color: #9f9f9f; } .breadcrumb.gray li { color: #666666; } @media screen and (max-width: 768px) { .breadcrumb { margin-top: -30px; position: absolute; width: 100%; } } /* news_banner */ .news_banner { background: url("/local/templates/molga/css/imgs/news_banner.jpg") center center no-repeat; background-size: cover; overflow: hidden; min-height: 600px; margin-top: 0px; padding-top: 140px; padding-bottom: 80px; position: relative; height: calc(100vh - 70px); } .news_banner-title { color: #fff; font-size: 48px; line-height: 1.25; letter-spacing: 0.043em; margin-bottom: 29px; } .news_banner-dsc { color: #fff; font-size: 18px; font-family: 'Roboto'; line-height: 1.5; letter-spacing: 0.04em; margin-bottom: 84px; max-width: 770px; } .news_banner-btn_box { position: relative; } .news_banner-video { display: inline-block; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 0.08em; padding-left: 67px; position: absolute; right: 0; text-decoration: none; } .news_banner-video:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -130px 0px; background-size: 217px 170px; width: 50px; height: 50px; content: ''; position: absolute; left: 0px; top: -19px; } .page .news_banner-title { margin: 0 auto; text-align: left; } .page a.news_banner-video { position: relative; } .page .news_banner-btn_box { text-align: center; } @media screen and (max-width: 768px) { .news_banner { margin-top: 0; padding-top: 150px; } .news_banner-title { font-size: 35px; } .news_banner-dsc { font-size: 16px; margin-bottom: 40px; } a.news_banner-video { display: none; } .news_banner.page .news_banner-video { display: inline-block; } } /* news-page */ .news-page { padding-top: 70px; padding-bottom: 80px; } .news-nav .owl-next, .news-nav .owl-prev { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -130px -51px; background-size: 217px 170px; width: 50px; height: 50px; cursor: pointer; font-size: 0; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .news-nav .owl-prev { left: 30px; -webkit-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); } .news-page_gallery { margin-top: 35px; margin-bottom: 60px; } .news-page_single img { max-width: 100%; } .news-page_social { padding-top: 10px; line-height: 39px; margin-bottom: 35px; } .news-page_social span { color: #0c3274; font-size: 24px; font-weight: 600; letter-spacing: 0.03em; } .news-page_social a { display: inline-block; vertical-align: top; margin-left: 14px; } .social-whatsapp { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: 0px -130px; background-size: 217px 170px; width: 40px; height: 40px; } .social-facebook { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -41px -130px; background-size: 217px 170px; width: 40px; height: 40px; } .social-vk { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -82px -130px; background-size: 217px 170px; width: 39px; height: 39px; } .news-page_back a { color: #a0a0a0; letter-spacing: 0.08em; padding-left: 34px; position: relative; text-transform: uppercase; text-decoration: none; } .news-page_back a:before { background: transparent; border-left: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; content: ''; display: block; position: absolute; top: 2px; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 15px; width: 15px; } .news-pop_ttl { color: #0c3274; font-size: 48px; font-weight: 600; letter-spacing: 0.03em; padding-bottom: 27px; } .news-pop_detail { margin-top: -87px; } .news-pop_detail .box-5 .item-news_wrap { padding: 18px 25px 22px; } @media screen and (max-width: 992px) { .news-page_carousel img { width: 100%; } .news-page_single { display: none; } .news-pop_detail { margin-top: 50px; } .news-pop_detail { display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between; } .news-pop_ttl { width: 100%; } .news-pop_detail .item-news { width: calc(50% - 15px); } } @media screen and (max-width: 768px) { .news-page { padding: 50px 0; } .news-page_social span { display: block; font-size: 18px; } .news-page_social span + a { margin: 0; } .news-pop_detail { display: block; } .news-pop_detail .item-news { width: 100%; } .news-pop_ttl { font-size: 35px; } } /* news-page_tags */ .news-page_tags { font-style: 0; margin-top: 35px; } .news-page_tags span { background: #002e77; color: #fff; display: inline-block; font-size: 12px; font-family: 'Roboto'; margin-right: 15px; margin-bottom: 20px; display: inline-block; line-height: 25px; letter-spacing: 0.04em; padding: 0 9px; text-transform: uppercase; } .news-page_tags span:nth-child(even) { background: #ee1c21; } /* news-subscription */ .news-subscription { background: #022e77 url(/local/templates/molga/css/imgs/news-subscription-bg.jpg) center right no-repeat; background-size: contain; padding: 91px 0; } .news-subscription_title { color: #fff; font-size: 48px; font-weight: 600; letter-spacing: 0.03em; } .news-subscription_item { width: calc(100% - 300px); } .news-subscription_item input { background: transparent; border: 2px solid #fff; color: #fff; font-size: 16px; font-family: 'Roboto'; outline: none; line-height: 40px; letter-spacing: 0.04em; padding: 0 18px; height: 44px; width: 100%; } .news-subscription_item input::-webkit-input-placeholder { color: #fff; } .news-subscription_item input:-moz-placeholder { color: #fff; } .news-subscription form { margin-top: 30px; display: flex; justify-content: space-between; } .news-subscription button { background: #fff; color: #0c3274; cursor: pointer; display: inline-block; font-size: 16px; border: 0; outline: 0; line-height: 44px; height: 44px; max-width: 270px; text-align: center; text-transform: uppercase; width: 100%; } @media screen and (max-width: 768px) { .news-subscription { background-size: cover; } .news-subscription_title { font-size: 35px; text-align: center; } .news-subscription form { display: block; text-align: center; } .news-subscription_item { margin-bottom: 30px; width: 100%; } } /* content */ .content_ { color: #2c2c2c; font-size: 18px; font-family: 'Roboto'; line-height: 1.7; letter-spacing: 0.04em; word-wrap: break-word; } .content_ b, .content_ strong { font-weight: 700; } @media screen and (max-width: 768px) { .content_ { font-size: 16px; line-height: 1.6; } } /* services */ .services { background: #d7d6d7; overflow: hidden; margin-top: 0px; padding-top: 140px; padding-bottom: 80px; position: relative; height: calc(100vh - 70px); } .services.page { margin-bottom: 50PX; } .services.avtomatisation { background: url(/local/templates/molga/css/imgs/news_banner_edited.jpg) center center no-repeat; background-size: cover; min-height: 600px; } .services video { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .services-tag { background: #fff; display: inline-block; color: #2c2c2c; font-family: 'Roboto'; font-size: 16px; line-height: 40px; letter-spacing: 0.04em; padding: 0 22px; margin-bottom: 25px; } .services-title { color: #333; font-size: 48px; font-family: 'Fira Sans Condensed'; font-weight: 600; line-height: 1.25; letter-spacing: .032em; padding-bottom: 80px; } .avtomatisation .services-title { color: #fff; } a.services-btn { background: #ca0000; color: #fff; font-size: 16px; display: inline-block; line-height: 40px; padding: 0 34px; position: relative; overflow: hidden; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; } a.services-btn span { position: relative; z-index: 2; } a.services-btn:before { background: #dd3838; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } a.services-btn:hover:before { opacity: 1; height: 280px; width: 280px; } .services-wrap .main-carousel { padding-right: 25px; height: auto; margin-bottom: 0; } .services-wrap .main-carousel .owl-dots .owl-dot { display: block; margin-right: 0; } .services-wrap .main-carousel .owl-dots .owl-dot + .owl-dot { margin-top: 30px; } .services-wrap .main-carousel .owl-dots { right: 0; left: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .services-wrap .main-carousel .owl-nav .owl-prev { bottom: 4px; left: 230px; } .services-wrap .main-carousel .owl-nav .owl-next { bottom: 4px; left: 230px; } @media screen and (max-width: 768px) { .services { /* margin-top: 0px; padding-top: 50px; padding-bottom: 60px;*/ } .services-title { font-size: 30px; padding-bottom: 40px; } } /* automation */ .automation { padding: 75px 0 65px; } .automation-title { color: #2c2c2c; font-size: 64px; font-weight: 600; padding-bottom: 30px; } .automation-dsc { color: #2c2c2c; font-family: 'Myriad Pro'; line-height: 1.75; letter-spacing: 0.04em; padding-bottom: 53px; max-width: 370px; } .automation-item { color: #2c2c2c; font-family: 'Roboto'; font-size: 20px; letter-spacing: 0.04em; margin-bottom: 35px; padding: 5px 10px 5px 44px; position: relative; } .automation-item:before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .automation-item.icon-1:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -202px -112px; background-size: 217px 170px; width: 12px; height: 24px; left: 3px; } .automation-item.icon-2:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px -87px; background-size: 217px 170px; width: 24px; height: 24px; left: 0px; } .automation-item.icon-3:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px -141px; background-size: 217px 170px; width: 24px; height: 23px; left: 0px; } .automation-item.icon-4:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px -62px; background-size: 217px 170px; width: 24px; height: 24px; left: 0px; } .automation-item.icon-5:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -181px -37px; background-size: 217px 170px; width: 24px; height: 24px; left: 0px; } .automation-item.icon-6:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -130px -102px; background-size: 217px 170px; width: 19px; height: 24px; left: 2px; } .automation-wrap { background: url("/local/templates/molga/css/imgs/automation-bg.jpg") 80% center no-repeat; background-size: contain; } .automation-red_box { background: #ac0000; color: #fff; position: absolute; right: 15px; top: 100px; height: 250px; width: 270px; z-index: 3; } .automation-red_box-wrap { margin-top: -3px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .automation-red_box-wrap .num { font-size: 80px; font-weight: 500; display: inline-block; height: 78px; width: 210px; white-space: nowrap; } .automation-red_box-wrap .num i { font-size: 44px; font-weight: 100; } .automation-red_box-wrap .dsc { font-size: 18px; display: block; font-family: 'Roboto'; line-height: 1.6; margin-top: 5px; } .automation-box_wrap { border: 2px solid #dfdfdf; color: #333; padding: 55px 29px; position: relative; width: 100%; } .automation-box_wrap { margin-top: 35px; } .automation-box_wrap .main-red_box-wrap { position: relative; top: 0; left: 0; -webkit-transform: translate(0); transform: translate(0); } .automation-box_wrap .main-red_box-wrap .num { font-size: 64px; height: 70px; } .automation-box_wrap .main-red_box-wrap i { font-size: 48px; padding-right: 10px; } .automation-box_wrap + .automation-box_wrap { margin-top: 30px; } @media screen and (max-width: 1200px) { .automation-red_box { top: auto; bottom: 19px; } } @media screen and (max-width: 992px) { .automation-box_wrap { min-height: 255px; } } @media screen and (max-width: 768px) { .automation-title { font-size: 35px; } .automation { padding: 55px 0; } .automation-red_box { margin-bottom: 15px; position: relative; right: 0; width: 100%; } .automation-box_wrap { margin-top: 0; margin-bottom: 30px; } .automation-enum { margin-bottom: 55px; } } /* service */ .service { background: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 75px 0 80px; } .service-title { color: #2c2c2c; font-weight: 600; font-size: 64px; margin-bottom: 35px; text-align: center; } .service-title span { color: #0c3274; } .service-wrap { background: #0c3274 url("/local/templates/molga/css/imgs/service-bg.png") center center no-repeat; min-height: 343px; position: relative; } .service-box { color: #fff; position: absolute; top: 50%; left: 33px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 66px); } .service-box_title { font-size: 24px; font-weight: 600; margin-bottom: 25px; letter-spacing: 0.03em; } .service-box_dsc { font-family: 'Roboto'; font-size: 16px; line-height: 28px; max-width: 740px; } @media screen and (max-width: 768px) { .service { padding: 55px 0; } .service-title { font-size: 35px; } .service-title span { display: block; } } /* advantages-business */ .advantages-business { background: url("/local/templates/molga/css/imgs/advantages-business.jpg") center center no-repeat; background-size: cover; padding: 70px 0 127px; } .advantages-business_title { font-size: 54px; font-weight: 600; line-height: 1.1; max-width: 470px; padding-bottom: 46px; } .advantages-business_item { background: rgba(255, 255, 255, 0.5); color: #2c2c2c; cursor: pointer; font-family: 'Roboto'; font-size: 18px; max-width: 270px; margin-bottom: 15px; line-height: 52px; letter-spacing: 0.03em; text-align: center; } .advantages-business_item.active { background: #fff; color: #ee1c21; } .advantages-business_list { background: #fff; font-size: 18px; font-family: 'Roboto'; line-height: 30px; letter-spacing: 0.03em; margin-bottom: 1px; padding: 34px 55px 32px 124px; position: relative; } .advantages-business_list:before { content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 34px; } .advantages-business_list.icon-1:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: 0px 0px; background-size: 217px 170px; width: 64px; height: 64px; } .advantages-business_list.icon-2:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: 0px -65px; background-size: 217px 170px; width: 53px; height: 64px; left: 42px; } .advantages-business_list.icon-3:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -65px 0px; background-size: 217px 170px; width: 64px; height: 62px; left: 35px; } .advantages-business_box { display: none; } .advantages-business_box.active { display: block; } @media screen and (max-width: 992px) { .advantages-business_title { text-align: center; max-width: 100%; } .advantages-business_item { margin: 0 auto 15px; } } @media screen and (max-width: 768px) { .advantages-business { background-position: top right; padding: 55px 0; } .advantages-business_title { font-size: 35px; } .advantages-business_list { font-size: 16px; line-height: 23px; padding: 34px 30px 32px 124px; } } /* experts */ .experts { background: #f5f5f5; border-bottom: 1px solid #e1e1e1; padding: 78px 0 0; } .experts-title { color: #2c2c2c; font-weight: 600; font-size: 64px; margin-bottom: 15px; } .experts-title span { color: #0c3274; } .experts-carousel { padding-top: 35px; } .experts-item_title { color: #343434; font-size: 24px; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 13px; } .experts-item_status { background: #e1e1e1; color: #0d3274; //font-size: 12px; font-size: 10px; font-family: 'Roboto'; display: inline-block; margin-bottom: 20px; line-height: 26px; letter-spacing: 0.04em; padding: 0 13px; text-transform: uppercase; } .experts-item_img img { object-fit: cover; object-position: top; height: 350px; width: 275px; } .experts-item_img { padding-bottom: 30px; } .experts-enum { height: 500px; overflow: hidden; } .experts-stairs { position: relative; top: 0; transition: ease 300ms; } .experts-item_dsc { color: #2c2c2c; font-size: 16px; font-family: 'Roboto'; line-height: 28px; margin-bottom: 37px; max-width: 250px; } .experts-carousel { max-width: 275px; } .experts-carousel .owl-nav { display: block; font-size: 0; } .experts-carousel .owl-nav .owl-next, .experts-carousel .owl-nav .owl-prev { background: 0 0; //border-top: 2px solid; //border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; //bottom: 13px; bottom: 3px; transition: ease 300ms; //height: 16px; //width: 16px; height: 46px; width: 28px; z-index: 3; } .experts-carousel .owl-nav .owl-prev { //-webkit-transform: rotate(-45deg); //transform: rotate(-45deg); //right: 30px; right: 28px; background-image: url('/local/templates/molga/img/left-arrow-2.jpg'); background-size: cover; } .experts-carousel .owl-nav .owl-next { //-webkit-transform: rotate(135deg); //transform: rotate(135deg); right: 0; background-image: url('/local/templates/molga/img/right-arrow-2.jpg'); background-size: cover; } .experts-wrap { background: url("/local/templates/molga/css/imgs/experts-bg.png") right bottom no-repeat; padding-bottom: 78px; } .experts-list { cursor: pointer; border: 2px solid #dcdcdc; opacity: .3; padding: 28px 38px 24px; } .experts-list.active { opacity: .7; } .experts-list .experts-item_dsc { margin: 0; max-width: 395px; } .experts-list + .experts-list { margin-top: 30px; } @media screen and (max-width: 992px) { .experts-list + .experts-list { margin-top: 0; } .experts-list { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .experts { padding-top: 55px; } .experts-title { font-size: 35px; } .experts-wrap { background-size: 45%; } } /* consultation */ .consultation { background: #f5f5f5; } .consultation .container { background: url("/local/templates/molga/css/imgs/consultation-bg.jpg") 100% 80% no-repeat; background-size: contain; padding-top: 70px; padding-bottom: 115px; } .consultation-title { font-size: 64px; font-weight: 600; line-height: 1.1; margin-bottom: 20px; } .consultation-title span { display: block; color: #ee1c21; } .consultation-dsc { color: #2c2c2c; font-size: 48px; font-weight: 100; line-height: 1.1; max-width: 380px; padding-bottom: 26px; } .consultation-form { max-width: 470px; } .consultation-form_item { margin-bottom: 20px; } .consultation-form_item input { background: #ededed; border: none; font-family: 'Roboto'; font-size: 18px; line-height: 56px; letter-spacing: 0.03em; padding: 0 30px; height: 56px; width: 100%; } .consultation-form_btn { background: #0c3274; border: none; cursor: pointer; line-height: 56px; overflow: hidden; outline: none; position: relative; height: 56px; width: 100%; } .consultation-form_btn span { color: #fff; font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.08em; padding-left: 32px; position: relative; z-index: 2; } .consultation-form_btn span:before { background-image: url(/local/templates/molga/css/imgs/sprite.png); background-position: -112px -65px; background-size: 217px 170px; width: 16px; height: 16px; content: ''; position: absolute; top: 0; left: 0; } .consultation-form_btn:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .consultation-form_btn:hover:before { opacity: 1; height: 470px; width: calc(100% + 30px); } @media screen and (max-width: 992px) { .consultation .container { background-position: bottom right; background-size: 70%; } } @media screen and (max-width: 768px) { .consultation .container { padding-top: 55px; padding-bottom: 55px; } .consultation-title { font-size: 35px; } .consultation-dsc { font-size: 25px; } } /* service-list */ .service-list { background: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 75px 0 80px; } /*.service-list_item { background-color: #0c3274; background-position: center center; background-repeat: no-repeat; color: #fff; height: calc(100% - 30px); min-height: 340px; margin-bottom: 30px; padding: 26px 30px; position: relative; } .service-list_title { font-size: 24px; font-weight: 600; display: flex; flex-direction: column; justify-content: center; line-height: 34px; margin-bottom: 5px; min-height: 175px; } .service-list_dsc { font-size: 16px; font-family: 'Roboto'; line-height: 28px; letter-spacing: 0.04em; }*/ .service-list_hot { background: #ee1c21; color: #fff; font-size: 12px; font-family: 'Roboto'; display: inline-block; letter-spacing: 0.04em; line-height: 25px; padding: 0 16px; position: absolute; top: 0; right: 0; text-transform: uppercase; } /*.service-list_item.white { background-color: #fff; color: #343434; }*/ .service-list_item.center { text-align: center; } .icon-center.service-list_item .service-list_title { padding-top: 80px; padding-bottom: 20px; line-height: 28px; min-height: 0px; position: relative; } .service-list_title.icon-1:before { background: url("/local/templates/molga/css/imgs/file.png") center center no-repeat; content: ''; margin-left: -30.5px; position: absolute; top: 0; left: 50%; height: 69px; width: 61px; } .icon-center.service-list_item .service-list_dsc { line-height: 24px; } /*.service-list_item.red { background-color: #ee1c21; }*/ .service-list_item.icon-left .service-list_title { padding-left: 125px; position: relative; max-width: 425px; } .service-list_item.icon-left .service-list_dsc { max-width: 415px; } .service-list_title.icon-2:before { background: url("/local/templates/molga/css/imgs/time.png") center center no-repeat; content: ''; height: 99px; margin-top: -49.5px; position: absolute; top: 50%; left: 0; width: 94px; } @media screen and (max-width: 992px) { .service-title { font-size: 55px; } } /* service-dsc */ .service-dsc { padding: 60px 0 65px; } .service-dsc_title { color: #2c2c2c; font-size: 64px; font-weight: 600; line-height: 1.1; margin-bottom: 28px; text-align: center; } .service-dsc_title span { color: #0c3274; } .service-dsc_content { color: #2c2c2c; font-family: 'Roboto'; font-size: 18px; line-height: 1.6; letter-spacing: 0.04em; max-width: 1050px; margin: 0 auto; text-align: justify; } .service-dsc_img { display: block; margin: 0 auto 25px; max-width: 100%; transition: ease 300ms; } .service-dsc_img:hover { transform: scale(0.9); } .service-dsc_content p { margin-bottom: 35px; } .service-dsc_content p:last-child { margin-bottom: 0; } @media screen and (max-width: 992px) { .service-dsc_title { font-size: 45px; } } @media screen and (max-width: 768px) { .service-dsc_title { font-size: 35px; } } /* service-info */ .service-info { background: #fbfbfb; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 60px 0 75px; } .service-info_title { color: #303030; font-size: 64px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 30px; } .service-info_title span { color: #ca0000; display: block; } .service-info_dsc { color: #303030; font-size: 24px; font-weight: 600; padding-bottom: 80px; letter-spacing: 0.03em; } .service-info_item { margin-bottom: 70px; position: relative; padding-top: 195px; padding-bottom: 35px; } .service-info_item:after { background: url("/local/templates/molga/css/imgs/service-info-1.png") center center no-repeat; content: ''; height: 148px; position: absolute; left: 0; top: 3px; width: 173px; } .service-info_item.item-2:after { background: url("/local/templates/molga/css/imgs/service-info-2.png") center center no-repeat; top: 0; height: 148px; width: 195px; } .service-info_item.item-3:after { background: url("/local/templates/molga/css/imgs/service-info-3.png") center center no-repeat; top: 0; height: 140px; width: 251px; } .service-info_item:before { background: #ca0000; content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 95px; } .service-info_ttl { font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0.04em; } .service-info_content { color: #2c2c2c; font-size: 18px; font-family: 'Roboto'; line-height: 1.6; letter-spacing: 0.04em; } .service-info_content p { margin-bottom: 30px; } .service-info_content p:last-child { margin-bottom: 0; } @media screen and (max-width: 992px) { .service-info_title { font-size: 45px; } .service-info_ttl { font-size: 23px; } } @media screen and (max-width: 768px) { .service-info_title { font-size: 35px; } .service-info_dsc { font-size: 21px; line-height: 1.3; padding-bottom: 30px; } .service-info_item:after { display: none; } .service-info_item { margin-bottom: 30px; padding-top: 0; padding-bottom: 10px; } .service-info_ttl { font-size: 18px; } .service-info_content { font-size: 16px; } } /* service-list */ .service-listing { padding: 77px 0 64px; } .service-listing_title { color: #2c2c2c; font-size: 64px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 40px; text-align: center; } a.service-listing_item, .service-listing_item { color: #fff; display: block; margin-bottom: 30px; overflow: hidden; position: relative; text-decoration: none; } .service-listing_item img { display: block; width: 100%; transition: ease 300ms; } .service-listing_item:hover img { transform: scale(1.1); } .service-listing_item span { color: #fff; font-size: 24px; font-weight: 600; line-height: 1.4; padding: 30px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; } @media screen and (max-width: 992px) { .service-listing_title { font-size: 45px; } } @media screen and (max-width: 768px) { .service-listing { padding: 50px 0; } .service-listing_title { font-size: 35px; } } /* feedback */ .feedback { background: #0c3274 url("/local/templates/molga/css/imgs/feedback-bg.png") 0% 100% no-repeat; color: #fff; padding: 82px 0 96px; } .feedback-title { font-size: 64px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 35px; } .feedback-dsc { font-family: 'Roboto'; letter-spacing: 0.04em; line-height: 1.65; margin-bottom: 30px; max-width: 400px; } .feedback-dsc a { font-family: 'Fira Sans Condensed', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0.04em; text-decoration: none; } .feedback-dsc a:hover { text-decoration: underline; } .feedback-form_wrap { border: 2px solid #fff; display: flex; flex-wrap: wrap; flex-flow: row wrap; } .feedback-form_item { width: 100%; } .feedback-form textarea, .feedback-form input { background: transparent; border: none; color: rgba(255, 255, 255, 0.4); font-family: 'Roboto'; font-size: 18px; outline: none; height: 52px; line-height: 52px; letter-spacing: 0.03em; padding: 0 28px; width: 100%; } .feedback-form textarea { line-height: 1.1; height: 260px; resize: none; padding: 28px; } .feedback-form_item.input-1 { max-width: 45%; border-bottom: 2px solid #fff; } .feedback-form_item.input-2 { border-bottom: 2px solid #fff; border-left: 2px solid #fff; max-width: 55%; } .feedback-form_item.input-4, .feedback-form_item.input-3 { border-right: 2px solid #fff; border-bottom: 2px solid #fff; max-width: 30%; } .feedback-form_item.input-5 { border-bottom: 2px solid #fff; max-width: 40%; } .feedback-form_btn_box { margin-top: 30px; text-align: right; } .feedback-form_btn_box button { background: #ffffff; color: #0c3274; cursor: pointer; display: inline-block; font-family: 'Fira Sans Condensed', sans-serif; font-size: 18px; font-weight: 600; border: none; outline: none; line-height: 56px; height: 56px; max-width: 377px; text-align: center; text-transform: uppercase; width: 100%; } @media screen and (max-width: 992px) { .feedback-title { font-size: 45px; } .feedback-dsc { margin-bottom: 40px; max-width: 530px; } } @media screen and (max-width: 768px) { .feedback { padding: 50px 0; } .feedback-title { font-size: 35px; } .feedback-form_item { border-left: none !important; border-right: none !important; max-width: 100% !important; } } /* service-banner */ .service-banner { background: url("/local/templates/molga/css/imgs/service-banner-bg-edited.jpg") center center no-repeat; background-size: cover; margin-top: 0px; padding-top: 140px; padding-bottom: 80px; height: calc(100vh - 70px); } .service-banner_wrap { display: flex; flex-direction: column; justify-content: center; min-height: 249px; position: relative; } .service-banner_wrap img { position: absolute; top: 0; left: 0; } .service-banner_title { color: #fff; box-sizing: content-box; font-size: 56px; font-weight: 700; line-height: 1.25; letter-spacing: 0.04em; padding-left: 300px; } .service-banner_subtitle { color: #fff; box-sizing: content-box; font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: 0.04em; padding-left: 300px; } .service-banner_box { margin-top: 60px; } .service-banner_box .main-btn:hover:before { opacity: 1; height: 300px; width: 300px; } @media screen and (max-width: 768px) { .service-banner { margin-top: 0; } .service-banner_wrap { display: block; } .service-banner_wrap img { display: block; position: relative; margin: 30px auto; width: auto; max-width: 50%; } .service-banner_title { font-size: 24px; padding-left: 0; text-align: center; } .service-banner_box { text-align: center; margin-top: 30px; } } /* service-main */ .service-main { padding: 60px 0 30px; } .service-main_title { color: #0c3274; font-size: 40px; font-weight: 600; line-height: 1.1; margin-bottom: 25px; } .service-main_list { background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; padding: 27px 40px 25px 60px; position: relative; } .service-main_list span { color: #0c3274; font-size: 24px; font-weight: 600; position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service-main_text { color: #2c2c2c; font-size: 18px; font-family: 'Roboto'; line-height: 1.5; } .service-main_content { color: #2c2c2c; font-size: 18px; font-family: 'Roboto'; line-height: 1.5; margin-top: 0px; } .service-main_content p { margin-bottom: 25px; } @media screen and (max-width: 768px) { .service-main_title { font-size: 35px; } .service-main_text { font-size: 16px; } .service-main_list { padding: 16px 25px 15px 66px; } .service-main_content { font-size: 16px; margin-top: 30px; } .service-main { padding: 60px 0 50px; } } /* service-carousel */ .service-carousel { background: #f5f5f5; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 60px 0 80px; } .service-carousel_title { color: #303030; font-size: 64px; font-weight: 700; line-height: 1.1; letter-spacing: 0.04em; padding-bottom: 40px; } .service-carousel_title span { color: #ca0000; } .service-carousel_js { background: #fff; padding-right: 60px; } .service-carousel_item { background: #fff; height: 450px; padding: 30px; position: relative; } .service-carousel_item-counter { color: #c0c0c0; font-size: 24px; font-weight: 600; padding-bottom: 13px; } .service-carousel_item-counter span { color: #ca0000; } .service-carousel_item-title { font-size: 48px; font-weight: 100; margin-bottom: 20px; } .service-carousel_item-dsc { color: #2c2c2c; font-size: 16px; font-family: 'Roboto'; line-height: 26px; letter-spacing: 0.04em; max-width: 660px; } a.service-carousel_item-balun { background: #0c3274; color: #fff; display: inline-block; font-size: 14px; font-family: 'Roboto'; line-height: 30px; letter-spacing: 0.04em; margin-top: -15px; padding: 0 19px; position: absolute; top: 50%; right: 10px; text-decoration: none; } a.service-carousel_item-balun:before { background: transparent; border-color: transparent; border-style: solid; border-width: 7px; border-left-color: #0c3274; content: ''; height: 0; position: absolute; top: 8px; right: -14px; width: 0; } .service-carousel .owl-nav { font-size: 0; } .service-carousel .owl-prev, .service-carousel .owl-next { background: transparent; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; transition: ease 300ms; height: 16px; width: 16px; z-index: 3; } .service-carousel .owl-prev { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 30px; top: 32px; } .service-carousel .owl-next { -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 30px; top: 60px; } .service-carousel .owl-prev:hover, .service-carousel .owl-next:hover { color: #ca0000; } .service-carousel .owl-dots .owl-dot { background: transparent; border: 1px solid #cc2229; border-radius: 50%; display: inline-block; margin-bottom: 10px; transition: ease 300ms; height: 10px; width: 10px; } .service-carousel .owl-dots .owl-dot.active { background: #cc2229; } .service-carousel .owl-dots { -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 32px; width: 12px; } @media screen and (max-width: 1200px) { a.service-carousel_item-balun { float: right; position: relative; top: 18px; } .service-carousel_title { font-size: 45px; padding-bottom: 10px; } } @media screen and (max-width: 768px) { .service-carousel_title { font-size: 35px; } .service-carousel_item-title { font-size: 25px; font-weight: 200; } .service-carousel_item-dsc { font-size: 15px; line-height: 21px; } a.service-carousel_item-balun { float: none; line-height: 1.3; margin-top: 12px; top: 0; right: 0; padding: 6px 15px; } .service-carousel_js { padding-right: 40px; } .service-carousel .owl-next, .service-carousel .owl-prev { right: 16px; } .service-carousel .owl-dots { right: 18px; } .service-carousel_item { height: auto; padding: 20px; } } /* service-document */ .service-document { padding: 40px 0 40px; } .service-document_title { color: #303030; font-size: 64px; font-weight: 600; line-height: 1.1; letter-spacing: 0.04em; margin-bottom: 28px; } .service-document_title span { color: #0c3274; } .service-document_dsc { font-family: 'Roboto'; font-size: 20px; letter-spacing: 0.03em; margin-bottom: 60px; } .service-document_item { background: #002e77; display: flex; flex-direction: column; justify-content: center; margin-bottom: 30px; min-height: 220px; position: relative; transition: ease 300ms; } .service-document_item:hover { background: #154798; } .service-document_item span { background: #002765; border-radius: 50%; color: #fff; font-size: 24px; font-weight: 600; position: absolute; left: 40px; line-height: 122px; text-align: center; transition: ease 300ms; height: 122px; width: 122px; } .service-document_item:hover span { background: #002e77; transform: scale(1.08); } .service-document_item-text { color: #fff; font-size: 20px; font-family: 'Roboto'; line-height: 1.4; letter-spacing: 0.03em; padding-left: 220px; } .service-document_enum { padding-bottom: 54px; } .service-document_text { color: #3b3b3b; font-size: 18px; font-family: 'Roboto'; line-height: 2; letter-spacing: 0.03em; margin-bottom: 55px; } .service-document_text p + p { margin-top: 12px; } .service-document_file { background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; justify-content: center; margin-top: 50px; min-height: 210px; padding: 35px 70px 35px 180px; position: relative; } .service-document_file:after { background: #002e77; content: ''; position: absolute; top: -50px; left: 0; height: 2px; width: 75%; } .service-document_file-wrap { color: #3b3b3b; font-size: 16px; font-family: 'Roboto'; line-height: 1.75; letter-spacing: 0.03em; } .service-document_file-wrap a { border-bottom: 1px solid #e1e1e1; display: inline-block; text-decoration: none; } .service-document_file.pdf:before { background: url("/local/templates/molga/css/imgs/pdf.png") center center no-repeat; background-size: contain; content: ''; position: absolute; top: 50%; left: 48px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 73px; width: 64px; } .service-document_file-download { background: #002e77; color: #fff; font-size: 12px; display: inline-block; line-height: 28px; letter-spacing: 0.04em; padding: 0 16px; position: absolute; bottom: 0; left: 32px; text-decoration: none; text-transform: uppercase; width: auto; } @media screen and (max-width: 1200px) { .service-document_title { font-size: 45px; } .service-document_file { padding: 35px 30px 35px 140px; } .service-document_dsc { line-height: 1.3; } } @media screen and (max-width: 992px) { .service-document_item { min-height: 170px; } .service-document_file { margin-top: 20px; } .service-document_file:after { top: 0px; width: 100%; } .service-document_text { margin-bottom: 30px; } .service-document_text { font-size: 16px; line-height: 1.6; } } @media screen and (max-width: 768px) { .service-document_title { font-size: 35px; } .service-document_dsc { font-size: 17px; line-height: 1.4; margin-bottom: 34px; } .service-document_item span { left: 20px; line-height: 70px; height: 70px; width: 70px; } .service-document_item-text { font-size: 20px; padding-left: 115px; font-size: 16px; } .service-document_item { min-height: 120px; } .service-document_enum { padding-bottom: 15px; } .service-document_file.pdf:before { -webkit-transform: scale(0.8) translateY(-50%); transform: scale(0.8) translateY(-50%); left: 18px; } .service-document_file { padding: 35px 30px 40px 101px; } .service-document_file-wrap { font-size: 15px; line-height: 1.5; } .service-document_file { margin-top: 30px; } } /* modules */ .modules { background: url("/local/templates/molga/css/imgs/modules-bg.jpg") center bottom no-repeat; background-size: cover; padding: 75px 0 80px; } .modules-title { color: #2c2c2c; font-size: 64px; font-weight: 600; letter-spacing: 0.05em; padding-bottom: 55px; } .modules-carousel_item { padding: 34px 15px 50px; } .modules-carousel_item img { display: block; margin: 0 auto 23px; animation: heart 2s ease-in-out infinite; } .modules-carousel_title { color: #2c2c2c; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.4; text-align: center; } .modules-nav { font-size: 0; } .modules-nav .owl-prev, .modules-nav .owl-next { background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; bottom: -50px; transition: ease 300ms; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 16px; z-index: 3; } .modules-nav .owl-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 10px; } .modules-nav .owl-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 40px; } .modules-nav .owl-prev:hover, .modules-nav .owl-next:hover { color: #283d7c; } @media screen and (max-width: 1200px) { .modules-title { font-size: 45px; padding-bottom: 50px; } } @media screen and (max-width: 768px) { .modules { padding: 50px 0; } .modules-title { font-size: 35px; } } /* news-sort */ .news-sort { padding: 73px 0 41px; } .news-sort_title { color: #0c3274; font-size: 48px; font-weight: 600; margin-bottom: 28px; line-height: 1; letter-spacing: 0.03em; } .news-sort_enum { background: #fff; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3); opacity: 0; left: 0px; min-width: 100%; position: absolute; visibility: hidden; transition: ease 300ms; z-index: 3; } @media all and (max-width: 767px) { .news-sort_enum { width: 100%; } .news-sort_enum a { white-space: normal; line-height: 30px; } } .news-sort_select:hover .news-sort_enum { opacity: 1; visibility: visible; } .news-sort_ttl { color: #0c3274; font-size: 24px; font-weight: 600; display: inline-block; margin-right: 5px; letter-spacing: 0.03em; } .news-sort_select { display: inline-block; position: relative; } .news-sort_enum a { display: block; white-space: nowrap; } .news-sort_select span { color: #2c2c2c; cursor: pointer; display: inline-block; font-size: 24px; letter-spacing: 0.03em; position: relative; } .news-sort_select span { border-bottom: 1px solid #e1e1e1; padding-right: 22px; } .news-sort_select span:before { background: transparent; border-left: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; content: ''; display: block; position: absolute; top: 4px; right: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 10px; width: 10px; } .news-sort_enum a { color: #656565; font-size: 17px; display: block; letter-spacing: 0.03em; line-height: 40px; padding: 0 15px; transition: ease 300ms; text-decoration: none; } .news-sort_enum a:nth-child(even) { background: #f3f3f3; } .news-sort_enum a:nth-child(even):hover, .news-sort_enum a:hover { background: #0c3274; color: #fff; } .news-sort_select + .news-sort_ttl { margin-left: 100px; } .item-news_introtext { font-size: 16px; font-family: 'Roboto'; line-height: 23px; letter-spacing: 0.04em; max-width: 430px; margin-bottom: 32px; } .news-item_activity { overflow: hidden; position: relative; margin-bottom: 30px; } .news-item_activity .activity-item_title, .news-item_activity .activity-item_dsc { max-width: 340px; } .news-list { margin-bottom: 50px; } .news-list .item-news { margin-bottom: 40px; } @media screen and (max-width: 992px) { .news-sort_select + .news-sort_ttl { margin-left: 0px; margin-top: 30px; } .news-sort_ttl, .news-sort_select { display: block; } .news-sort_title { font-size: 45px; } } @media screen and (max-width: 768px) { .news-sort { padding: 50px 0 35px; } .news-sort_title { font-size: 35px; } .news-sort_ttl { font-size: 20px; } .news-sort_select span { font-size: 18px; margin-top: 5px; padding: 5px 28px 5px 0; } } /* news-pop */ .news-pop { background: #f6f6f6; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 72px 0 74px; } .news-pop_title { color: #0c3274; font-size: 64px; font-weight: 600; letter-spacing: 0.03em; padding-bottom: 43px; } .news-pop { font-size: 0; } .news-pop .owl-prev, .news-pop .owl-next { background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; content: ''; display: block; position: absolute; bottom: -50px; transition: ease 300ms; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 16px; z-index: 3; } .news-pop .owl-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 10px; } .news-pop .owl-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 40px; } .news-pop .owl-prev:hover, .news-pop .owl-next:hover { color: #283d7c; } .activity-item_image img { width: 100%; } @media screen and (max-width: 992px) { .news-pop { padding: 50px 0; } .news-pop_title { font-size: 45px; } .news-pop .owl-next, .news-pop .owl-prev { bottom: -14px; } } @media screen and (max-width: 768px) { .news-pop_title { font-size: 35px; } } /* news-listing */ .news-listing { padding-top: 80px; } .news-listing_more { margin-top: 51px; margin-bottom: 25px; text-align: center; } .news-listing_more a { background: #223572; color: #fff; font-size: 16px; display: inline-block; line-height: 49px; padding: 0 85px; position: relative; overflow: hidden; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; } .news-listing_more a:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .news-listing_more a:hover:before { opacity: 1; height: 280px; width: 280px; } .news-listing_more span { position: relative; z-index: 2; } @media screen and (max-width: 768px) { .news-listing_more { margin-top: 35px; } } /* listing */ .listing { text-align: center; padding-bottom: 79px; } .listing li { display: inline-block; line-height: 46px; position: relative; margin: 0 9px; width: 43px; } .listing li:hover { background: #e1e1e1; } } .listing li a { color: #666666; font-size: 16px; font-family: 'Roboto'; text-decoration: none; } .listing li.next a, .listing li.prev a { color: #a0a0a0; font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .listing li.prev { padding-right: 82px; width: auto; background: transparent; } .listing li.next { padding-left: 82px; width: auto; background: transparent; } .listing li.next a:before, .listing li.prev a:before { background: transparent; border-left: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; content: ''; display: block; position: absolute; top: 15px; right: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 15px; width: 15px; } .listing li.next a:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 39px; } /*.listing li:after { background: #e1e1e1; content: ''; margin-left: -7.5px; position: absolute; bottom: -79px; left: 50%; transition: ease 300ms; height: 14px; width: 15px; } .listing li.next:after, .listing li.prev:after { display: none; } .listing li.active:after { background: #e30714; height: 77px; } */ .listing li.active { background: #e1e1e1; text-align: center; width: 43px; } @media all and (max-width: 767px) { .listing li { margin: 0 !important; line-height: 2; width: 35px; height: 35px; } .listing li.active { width: 35px; } .listing li.next a:before, .listing li.prev a:before { top: 10px !important; } } .listing li.active { background: #e1e1e1; } @media screen and (max-width: 768px) { .listing li.next a, .listing li.prev a { font-size: 13px; } .listing li.prev { padding-right: 25px; } .listing li.next { padding-left: 25px; } .listing li.prev a:before { right: -6px; } .listing li.next a:before { left: -6px; } .listing li { display: none; margin: 0 8px; } .listing li.prev, .listing li.next, .listing li.active { display: inline-block; } .listing li.active + li + li + li, .listing li.active + li + li, .listing li.active + li { display: inline-block; } .listing li.next a:before, .listing li.prev a:before { border-left: 2px solid #a0a0a0; border-bottom: 2px solid #a0a0a0; top: 17px; height: 13px; width: 13px; } } /* contacts-banner */ .contacts-banner { background: url("/local/templates/molga/css/imgs/contacts-bg.jpg") bottom center no-repeat; background-size: cover; color: #fff; margin-top: -190px; padding-top: 190px; padding-bottom: 105px; } .contacts-banner_title { font-size: 64px; font-weight: 600; letter-spacing: 0.06em; margin-bottom: 70px; margin-top: 80px; } .contacts-banner_wrap { display: flex; } .contacts-banner_wrap + .contacts-banner_wrap { margin-top: 25px; } .contacts-banner_ttl { font-size: 18px; font-family: 'Roboto'; letter-spacing: 0.03em; padding-top: 9px; width: 150px; } .contacts-banner_dsc { font-size: 24px; line-height: 1.5; width: calc(100% - 150px); } .contacts-banner_image { position: relative; height: 100%; } .contacts-banner_image img { position: absolute; bottom: 0; right: 0; max-width: 100%; } @media screen and (max-width: 992px) { .contacts-banner_image { display: none; } } @media screen and (max-width: 768px) { .contacts-banner { margin-top: 0; padding-top: 140px; padding-bottom: 50px; } .contacts-banner_title { font-size: 35px; margin-bottom: 40px; } .contacts-banner_wrap { display: block; } .contacts-banner_ttl { margin-bottom: 10px; padding-top: 0; width: 100%; } .contacts-banner_dsc { width: 100%; } } /* contacts-map */ .contacts-map { position: relative; } #map { height: 645px; } .contacts-map .container { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 3; } .contacts-map_wrap { background: #fff; margin-top: 10px; padding: 43px 40px; } .contacts-map_title { color: #2c2c2c; font-size: 48px; font-weight: 600; letter-spacing: 0.04em; } .contacts-map_ttl { color: #061939; font-size: 28px; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 15px; } .contacts-map_box { padding-top: 38px; } .contacts-map_dsc { font-size: 16px; font-family: 'Roboto'; line-height: 1.75; } @media screen and (max-width: 768px) { .contacts-map_wrap { padding: 30px; } .contacts-map_ttl { font-size: 22px; } #map { height: 1200px; } } /* popup */ .popup { background: url("/local/templates/molga/css/imgs/main-bg.jpg") center center no-repeat; background-size: cover; display: none; } .popup-title { color: #303030; font-size: 40px; font-weight: 500; letter-spacing: 0.03em; margin-bottom: 20px; } .popup-dsc { color: #0c3274; font-size: 18px; font-family: 'Roboto'; letter-spacing: 0.04em; line-height: 1.3; margin-bottom: 20px; } .popup-item { margin-bottom: 15px; } .popup-item label { color: #333; font-size: 15px; font-family: 'Roboto'; display: block; margin-bottom: 10px; } .popup-item label span { color: #ac0000; } .popup-item textarea, .popup-item input { background: #fff; border: 1px solid #e0e0e0; font-family: 'Roboto'; font-size: 17px; color: #333; height: 40px; line-height: 40px; padding: 0 15px; width: 100%; } .popup-item textarea { font-family: 'Roboto'; font-size: 17px; height: 150px; line-height: 1.2; padding: 15px; resize: none; } .popup-button { text-align: center; } .popup-btn { background: #223572; border: none; display: inline-block; color: #fff; cursor: pointer; font-size: 16px; line-height: 48px; letter-spacing: 0.08em; outline: none; overflow: hidden; margin-top: 6px; position: relative; padding: 0 55px; text-align: center; text-transform: uppercase; } .popup-btn span { position: relative; z-index: 2; } .popup-btn:before { background: #5774d0; border-radius: 50%; content: ''; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: ease 400ms; height: 0; width: 0; z-index: 1; } .popup-btn:hover:before { opacity: 1; height: 280px; width: 280px; } /* feild wrapper */ .feild_wrapper { display: inline-block; position: relative; width: 100%; } .feild_wrapper input, .feild_wrapper textarea { transition: ease-in 1000ms; } .feild_wrapper.wrong input, .feild_wrapper.wrong textarea { border-color: red; box-shadow: 0 0 5px red; transition: ease-in 1000ms; } .feild_wrapper .error_label { background: #ff3019; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ border-radius: 4px; bottom: 100%; box-shadow: 1px 1px 3px #c9c9c9; color: #fff; font-size: 14px; font-family: 'Roboto'; left: 50%; margin-left: -120px; margin-bottom: 10px; padding: 6px; position: absolute; text-align: center; visibility: hidden; width: 240px; z-index: 3; } .feild_wrapper .error_label:after { content: ''; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 4px solid #cf0404; position: absolute; bottom: -4px; left: 50%; margin-left: -2px; } .right_lebel .feild_wrapper .error_label { bottom: 50%; left: 100%; margin-left: 9px; margin-bottom: -14px; } .right_lebel .feild_wrapper .error_label:after { border-left: 5px solid transparent; border-right: 4px solid #cf0404; border-top: 5px solid transparent; border-bottom: 5px solid transparent; bottom: 7px; left: -7px; margin-left: -2px; } .left_lebel .feild_wrapper .error_label { bottom: 50%; left: auto; right: 100%; margin-right: 9px; margin-bottom: -14px; } .left_lebel .feild_wrapper .error_label:after { border-right: 5px solid transparent; border-left: 4px solid #cf0404; border-bottom: 5px solid transparent; border-top: 5px solid transparent; bottom: 7px; left: auto; right: -7px; margin-right: -2px; } .feild_wrapper.wrong .error_label { visibility: visible; -webkit-animation: 400ms bounceIn; animation: 400ms bounceIn; } /**/ .jobs-feedback { background: url("/local/templates/molga/css/imgs/main-bg.jpg") center center no-repeat; background-size: cover; border-top: 1px solid #e1e1e1; padding: 60px 0; } .jobs-feedback_title { color: #303030; font-size: 40px; font-weight: 500; letter-spacing: 0.03em; margin-bottom: 40px; } .jobs-feedback_file, .jobs-feedback_item textarea, .jobs-feedback_item input[type=text] { background: #fff; border: 1px solid #e0e0e0; font-family: 'Roboto'; font-size: 17px; color: #333; height: 40px; line-height: 40px; padding: 0 15px; width: 100%; } .jobs-feedback_item textarea { font-family: 'Roboto'; font-size: 17px; height: 180px; line-height: 1.2; padding: 15px; resize: none; } .jobs-feedback_item { margin-bottom: 30px; } .jobs-feedback_file span { font-family: 'Roboto'; font-size: 17px; color: #757575; } .jobs-feedback_file { position: relative; } .jobs-feedback_file input[type=file] { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .jobs-feedback_file:before { background: #c9c9c9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACySURBVBiVY2CAAo3d2wVgbAa2vx29T+G8/AIGhvkJMKlvQILzEUwKLLwTLiWxDCgGk2I82zeBQR8mJXOQ5ROUB5Q6I8D4hSEPLsXA+YDhJFyKYZ4B2Aao1GOG+QEQqXNgqW9QqcdgqQSolAF2qXiw1HyIFMNNBh6g1DeGerC7PzNwA6USwF5iYPgE8tg3qJcYnjEwIKQY+gyQpBg4X5ish0sBJf9fgUuBAes3JA4DG0wKAHgdSOQmK4/jAAAAAElFTkSuQmCC') no-repeat center center; content: ''; cursor: pointer; height: 34px; position: absolute; top: 2px; right: 2px; width: 80px; } .jobs-feedback_btn button { background: #223572; border: none; display: inline-block; color: #fff; cursor: pointer; font-size: 16px; line-height: 48px; letter-spacing: 0.08em; outline: none; overflow: hidden; margin-top: 6px; position: relative; padding: 0 55px; text-align: center; text-transform: uppercase; } .jobs-feedback_btn { text-align: right; } /* social */ .social { transform: translateY(-50%); position: fixed; top: 50%; left: 69px; z-index: 9; } .social a { background: #223572; border-radius: 50%; display: block; position: relative; transition: ease 300ms; height: 42px; width: 42px; } .social a:hover { background: #ac0000; } .social a + a { margin-top: 10px; } .social a:before { content: ''; position: absolute; top: 50%; left: 50%; } .social-vk:before { background: url('/local/templates/molga/css/imgs/social.png'); margin-top: -6px; margin-left: -10px; height: 11px; width: 19px; } .social-fb:before { background: url('/local/templates/molga/css/imgs/social.png') 0 -16px; margin-top: -9.5px; margin-left: -5.5px; height: 19px; width: 11px; } .social-tw:before { background: url('/local/templates/molga/css/imgs/social.png') 0 -38px; margin-top: -8px; margin-left: -10px; height: 16px; width: 20px; } @media screen and (max-width: 1440px) { .social { left: 30px; } } @media screen and (max-width: 1360px) { .row { margin-right: 0; margin-left: 0; } } @media screen and (max-width: 1280px) { .social { left: 20px; display: none; } .row { margin-right: 15px; } } @media screen and (max-width: 960px) { .social { display: none; } } .colorroyalblue { color: #223572; } /* End */ /* Start:/local/templates/molga/css/custom.css?17066330909289*/ #bx-panel { position: fixed !important; bottom: 0; width: 100% !important; } .search-title a { color: #222; font-size: 16px; font-weight: 700; } .search-dsc { margin-top: 15px; line-height: 1.5; } .search-image { float: right; max-width: 360px; margin-top: 15px; width: 100%; } .search-item { border-bottom: 10px solid #eaeaea; margin-bottom: 25px; padding-bottom: 25px; } div.title-search-result { margin-left: 0; padding-top: 40px; margin-left: 0 !important; margin-top: -30px !important; z-index: 9 !important; } a.service-list_item { display: block; text-decoration: none; } div.service-list_item { display: block; text-decoration: none; } .service-listing_item img { object-fit: cover; height: 340px; } .content_ h3 { font-size: 30px; line-height: 1.3; margin-bottom: 20px; } .content_ p, .content_ div { margin-bottom: 20px; text-align: justify; } .content_ p.text-align-last { text-align-last: justify; } .content_ img { display: block; height: auto; margin: 0 auto 20px; max-width: 100%; } .content_ img.fb { cursor: pointer; } .content_ ul { margin-bottom: 20px; } .content_ ul li { position: relative; padding-left: 50px; } .content_ li:before { background: #223572; border-radius: 50%; content: ""; display: block; position: absolute; left: 17px; top: 9px; height: 8px; width: 8px; } .content_ ul ul, .content_ ol ul { margin: 15px 0 15px 30px; } .content_ ul ul li:before, .content_ ol ul li:before { background: #ffffff; border: 2px solid #223572; } a.modules-carousel_item { text-decoration: none; } .service-listing_item:before { background: rgba(13, 50, 116, 0.38); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } menu nav a { white-space: nowrap; } .header-phone a { color: #2f2f2f; display: block; font-size: 22px; margin-top: 5px; letter-spacing: 0.035em; text-decoration: none; transition: ease 300ms; } .white .header-phone a { color: #fff; } .header-phone a:hover { color: #223572; } a.news-item_activity { display: block; text-decoration: none; } .brands-page .brands-item { margin-bottom: 50px; } .service-document_item-text { padding-right: 30px; } a.service-document_item { text-decoration: none; } .news_page-listing { margin-top: 40px; } .team-listing { padding-top: 0; } .team-listing .brands-item { margin-bottom: 15px; } .team-listing .brands-item_img img { object-fit: cover; object-position: 0% 10%; max-width: 100%; height: 100%; width: 100%; } .team-listing .brands-item_img { height: 390px; } .experts.custom { background-image: url(/local/templates/molga/css/imgs/biznes-bg.png); background-repeat: no-repeat; background-size: 80%; background-position: center bottom; margin-top: -50px; } .experts.custom .experts-wrap { background: none; } .experts.custom .experts-list.active { opacity: 1; text-shadow: 1px 1px 2px #dcdcdc; } @media screen and (max-width: 768px) { .experts.custom { background-image: none; } } .many_img img { display: inline-block; } .news-page_carousel img { object-fit: cover; height: 393px; width: 100%; } .news-page_single img { height: 393px; object-fit: cover; width: 100%; max-width: 100%; } .brands-listing .brands-item { position: relative; padding-bottom: 30px; height: calc(100% - 30px); margin-bottom: 30px; } .project-listing.news-sort { padding-top: 0; } .brands-listing a.brands-item_more { position: absolute; bottom: 0px; left: 0; right: 0; } .big .item-news_img img { height: 540px; } .service-banner_wrap img { animation: heart 2s ease-in-out infinite; } @keyframes heart { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); } 100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .news-pop_carousel .owl-stage { display: flex; } .news-pop_carousel .item { height: calc(100% - 30px); } .news-pop_carousel .news-item_activity { padding-bottom: 44px; height: 100%; } .news-pop_carousel .brands-item_more { position: absolute; left: 0; right: 0; bottom: 0; } .menu-banner { padding: 15px 0; } .menu-container .menu-container_parent ul { width: 100%; } .biznes-item_wrap { position: initial; } @media screen and (max-width: 1200px) { .biznes { height: auto; } .biznes-item { height: auto; } } @media screen and (max-width: 768px) { .biznes { padding: 65px 0 50px; } } .brands.custom { padding: 0 0 78px 0; } .brands.custom .brands-carousel .brands-item { padding-bottom: 0px; } .brands.custom .brands-item_img { margin-bottom: 0px; } .brands-carousel .brands-item, .brands-carousel .item { margin-left: 1px; } .advantages { padding-top: 30px; } .pro-item:before { border: 1px dashed #0c3274; } .pro-item.blue:before { border: 1px dashed #ac0000; } menu.fixed nav a { font-size: 15px; } menu.fixed .menu-services { font-size: 14px; min-width: 185px; width: 185px; } .service-main h2 { color: #0c3274; font-size: 36px; font-weight: bold; line-height: 1.2; margin: 20px 0 25px; } .service-main ol { counter-reset: list; } .service-main ol > li:before { counter-increment: list; content: counter(list) "."; position: static; background: transparent; margin-right: 24px; margin-left: 17px; color: #223572; font-weight: bold; display: inline-block; } table { width: 100%; } table tr th { font-size: 24px; color: #223572; font-weight: 900; padding: 20px 0; border: 1px solid #223572; } table tr th { background: #f5f5f5; } table tr td { padding: 20px; border: 1px solid #223572; } .sap { display: flex; justify-content: flex-start; align-items: center; margin: 15px 0; } .sap img { margin-right: 15px; } .background-blue { background: #0c3274; color: #ffffff; } .background-gray { background: #f7f7f7; color: #303030; } .text-blue { color: #0c3274; } .text-red { color: #ee1c21; } .text-darkgray { color: #666666; } .text-gray { color: #f7f7f7; } .static { position: static; } .text-color_black, .text-color_black a, .text-color_black p, .text-color_black span, .text-color_black li { color: #303030 !important; } .page-404 { margin: 7vw 0 10vw; } .page-404_code-error { font-weight: bold; font-family: "Roboto ExtraBold"; font-size: 20vw; display: flex; } .page-404_text { display: flex; flex-direction: column; justify-content: center; height: 100%; } .page-404_title { font-size: 3vw; padding: 50px 20px 0; font-weight: 400; } .page-404_desc { font-size: 1.6vw; padding: 20px; font-weight: 300; line-height: 1.2; } @media all and (max-width: 767px) { .page-404 { margin: 30vw 0 10vw; text-align: center; } .page-404_code-error { display: block; } .page-404_title { font-size: 5vw; padding: 0; } .page-404_desc { font-size: 4.6vw; padding: 20px; line-height: 1.4; } } .first_p { margin-top: -40px; } b { font-weight: 600; } .z_h4 { font-size: 24px; font-weight: 600; margin: 18px 0; } .spisok li { margin: 9px 0; } .spisok li:last-child { margin-bottom: -40px; } .zagolovok_m { font-family: "Fira Sans Condensed"; font-weight: 500; color: #0c3274; margin: 18px 0; font-size: 21pt; text-align: left; } .zagolovok_m span { color: #ff0000; } div.spisok-7 li { text-align: left; margin: 10px 20px; } div.spisok-8 li { text-align: left; margin: 10px 20px; } .title-p-m { margin-bottom: 24px; font-weight: 500; font-size: 14pt; text-align: left; } .num-p span { padding: 5pt 11pt; border-radius: 50%; background: #0c3274; color: #ffffff; font-weight: 600; font-size: 18pt; } .page-body__text ol { margin-bottom: 20px; color: #050505; font-size: 16px; font-weight: 400; line-height: 22px; margin-left: 15px; } .page-body__text ol li { margin-bottom: 10px; padding-left: 15px; position: relative; font-weight: 600; } .page-body__text ol li span { font-weight: 400; } .page-body__text ol li:before { font-weight: 600; color: #333; } .page-body__text h3 { margin-bottom: 20px; color: #050505; font-size: 20px; font-weight: 500; line-height: 22px; } .page-body__text h4 { margin-bottom: 20px; font-size: 16px; font-weight: 600; line-height: 22px; text-transform: uppercase; } .page-body__text ul li:after { content: "\f00c" !important; font-family: FontAwesome !important; display: block !important; position: absolute !important; top: 0 !important; left: 0; color: #333333; width: auto !important; height: auto !important; background-color: transparent !important; } .page-body__text ul li { padding-left: 30px !important; } .page-body__inner { width: 110%; } .page-body:after { opacity: 0.5; } @media all and (max-width: 767px) { .page-body__inner { width: 100%; } } /* End */ /* Start:/local/templates/molga/styles/main.css?170660951110077*/ .new-menu-container { position: fixed; top: 70px; left: 0; max-width: 1218px; border-top: 4px solid #c80813; border-bottom: 4px solid #043075; background-color: #ffffff; max-height: calc(100vh - 70px); overflow: scroll; } .new-menu { margin-bottom: 35px; } .new-menu .new-menu__item-top { margin-bottom: 15px; height: auto; line-height: initial; } .new-menu .new-menu__item-top a { color: #222222; white-space: normal; font-size: 14px; line-height: 18px; font-weight: 500; display: inline-block; text-transform: none; } .new-menu .new-menu__item-top a:hover { color: #c30f1a; } .new-menu .new-menu__item-top a img { display: block; width: 50px; margin-bottom: 18px; } .new-menu .new-menu__item { margin-bottom: 5px; height: auto; line-height: initial; } .new-menu .new-menu__item a { color: #222222; white-space: normal; font-size: 14px; line-height: 18px; font-weight: 400; display: inline-block; text-transform: none; } .new-menu .new-menu__item a:hover { color: #c30f1a; } .new-menu__col-1 > .row { padding: 44px 30px 44px 15px; } .new-menu__col-2 { background-color: #233771; } .new-menu__col-2 > .row { padding: 44px 0 44px 0; } .new-menu__col-2 > .row .new-menu__item-top { margin-bottom: 30px; } .new-menu__col-2 > .row .new-menu__item-top a { display: block; text-align: center; font-size: 16px; color: #ffffff; font-weight: 400; } .new-menu__col-2 > .row .new-menu__item-top a img { margin-left: auto; margin-right: auto; } .new-menu__col-2 > .row .new-menu__item-top a:hover { color: #c30f1a; } .new-menu__list { display: block; } .new-menu-container { display: none; } menu nav > ul > li:hover > a { color: #c30f1a; } .menu-container_parent li { line-height: initial; } .page-top { padding: 105px 0 123px 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .page-top__header { color: #ffffff; font-size: 44px; font-weight: 700; margin-bottom: 15px; } .page-top__text { color: #ffffff; font-size: 16px; font-weight: 400; margin-bottom: 50px; line-height: 20px; max-width: 500px; } .page-top__img { width: 249px; animation: heart 2s ease-in-out infinite; } .side-menu { position: relative; height: 100%; } .side-menu:after { content: " "; display: block; position: absolute; z-index: 1; top: -55px; left: -224px; width: 184px; height: 394px; background-image: url("/local/templates/molga/styles/../img/dots.png"); background-repeat: no-repeat; background-position: center; } .side-menu:before { content: " "; display: block; position: absolute; z-index: 1; top: 0; right: -15px; width: 50vw; height: 100%; background-color: #223572; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 10%); } .side-menu__inner { position: relative; z-index: 2; padding: 80px 0 180px 0; } .side-menu__header { color: #adc8f5; font-size: 18px; font-weight: 400; text-transform: uppercase; margin-bottom: 35px; } .side-menu__list li { border-bottom: 1px solid #1d4b96; } .side-menu__list li:last-child { border-bottom: none; } .side-menu__list li a { display: block; position: relative; padding: 20px 30px 20px 30px; color: #ffffff; font-size: 16px; font-weight: 400; text-decoration: none; } .side-menu__list li a:after { content: " "; display: block; position: absolute; top: 27px; left: 0; width: 20px; height: 1px; background-color: #5781a3; } .side-menu__list li a:hover { text-decoration: underline; } .side-menu__list li.active a { background-image: url("/local/templates/molga/styles/../img/act.png"); background-repeat: no-repeat; background-position: right center; background-size: 24px; } html, body { overflow-x: hidden; } .page-body { position: relative; height: 100%; padding: 32px 0px 32px 40px; } .page-body:before { content: " "; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 80vw; height: 100%; background-image: linear-gradient(89deg, #ffffff 0%, #d6e4fb 100%); } .page-body:after { content: " "; display: block; position: absolute; z-index: 1; right: -164px; bottom: -55px; width: 195px; height: 225px; background-image: url("/local/templates/molga/styles/../img/dash.png"); background-repeat: no-repeat; background-position: center; } .page-body .breadcrumb { position: relative; top: auto; margin-bottom: 22px; } .page-body .breadcrumb .container { padding: 0; } .page-body .breadcrumb li { color: #050505; font-size: 14px; } .page-body .breadcrumb li a { color: #050505; font-size: 14px; } .page-body .breadcrumb li + li:before { font-size: 14px; color: #050505; } .page-body__inner { position: relative; z-index: 2; } .page-body__header { color: #050505; font-size: 24px; font-weight: 600; margin-bottom: 35px; } .page-body__text p, .page-body__text ul { margin-bottom: 20px; color: #050505; font-size: 16px; font-weight: 400; line-height: 22px; } .page-body__text ul li { margin-bottom: 10px; padding-left: 40px; position: relative; } .page-body__text ul li:after { content: " "; display: block; position: absolute; top: 10px; left: 0; width: 20px; height: 1px; background-color: #c80813; } .page-body__img { float: right; width: 40%; padding-left: 10px; padding-bottom: 10px; } .page-body__img img { width: 100%; box-shadow: 0 15px 38px rgba(12, 51, 116, 0.2); } .brands { background-color: #f5f5f5; padding: 30px 0 73px 0; } .brands .brands-title { color: #050505; font-size: 44px; font-weight: 500; line-height: 15px; } .brands .brands-title span { color: #223572; } .brands-item_more.revers { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: none; opacity: 0; } .brands-item_more.revers span { display: none; } .brands-carousel .brands-item { padding: 28px; background-color: #ffffff; } .brands-item_img img { max-width: 100%; max-height: 140px; } .brands-item_img { height: 140px; } .brands-item_img { border: none; } .brands-item_title { display: none; } .brands-item_dsc { color: #050505; font-size: 16px; font-weight: 400; text-align: left; } .brands-item_dsc { margin-bottom: 15px; } .page-solutions { position: relative; padding: 95px 0 100px 0; background-image: url("/local/templates/molga/styles/../img/wdots.png"); background-size: 184px 394px; background-position: 62px 62px; background-repeat: no-repeat; } .page-solutions__title { color: #050505; font-size: 44px; font-weight: 500; margin-bottom: 49px; } .page-solutions__img { position: relative; height: 280px; background-size: cover; background-position: center; background-repeat: no-repeat; } .page-solutions__img a { display: block; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .page-solutions__img span { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 0 30px 24px 30px; color: #ffffff; font-size: 24px; font-weight: 700; transition: all ease 300ms; } .page-solutions__img:hover span { bottom: 10px; } .page-solutions__carusel .owl-nav .owl-prev, .page-solutions__carusel .owl-nav .owl-next { content: ""; display: block; position: absolute; z-index: 3; width: 16px; height: 16px; transition: ease 300ms; background: 0 0; border-top: 2px solid; border-left: 2px solid; color: #333; } .page-solutions__carusel .owl-nav .owl-next { position: absolute; top: -90px; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .page-solutions__carusel .owl-nav .owl-prev { top: -90px; right: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .page-solutions__carusel .owl-nav .owl-prev:hover, .page-solutions__carusel .owl-nav .owl-next:hover { color: #283d7c; } .page-solutions__carusel .owl-nav { display: block; font-size: 0; } .page-solutions__carusel .owl-dots { display: block; position: absolute; top: -76px; right: 0; width: 254px; } .page-solutions__carusel .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; border: 1px solid #1c3274; transition: ease 300ms; background: transparent; border-radius: 50%; margin-right: 10px; } .page-solutions__carusel .owl-dots .owl-dot.active { background: #1c3274; } @media (min-width: 769px) { nav > ul > li:hover .new-menu-container { display: block; } menu nav > ul { height: 70px; } menu nav > ul > li { height: 70px; line-height: 70px; } } @media screen and (max-width: 1200px) { .page-solutions__carusel .owl-dots { top: -85px; } } @media screen and (max-width: 992px) { .page-solutions .owl-dots { display: none; } } @media (max-width: 991px) { .page-solutions__title { font-size: 32px; } .brands .brands-title { font-size: 32px; } .page-top__header { font-size: 36px; } .page-body__img { padding-bottom: 30px; margin-right: 0; } .page-body__img img { width: 100%; } .page-body__img{ float: none; padding: 0 0 20px 0; width: 100%; } } @media (max-width: 768px) { .page-top__header { font-size: 28px; } .page-solutions__title { font-size: 24px; } .brands .brands-title { font-size: 24px; } .page-solutions { background-image: none; } .page-body:before { width: 100vw; } .page-body:after { display: none; } .page-body { padding: 0; } .page-body .breadcrumb { margin-top: 0; padding-top: 30px; } .brands .brands-title { font-size: 24px; padding: 0; margin-bottom: 49px; } .page-solutions__carusel .owl-nav .owl-prev, .page-solutions__carusel .owl-nav .owl-next { top: -40px; } .page-top { padding: 105px 0 80px 0; } } @media screen and (max-width: 768px) { .page-solutions { padding: 50px 0; } } .side-menu__header a { text-decoration: none; } /* End */ /* Start:/local/templates/molga/components/bitrix/menu/main/style.css?17066095113865*/ menu nav a { position: relative; } .menu-container_services .menu-container { height: auto; } menu nav li.parent > a:before { background: transparent; border-top: 1px solid #303030; border-right: 1px solid #303030; content: ''; display: block; margin-top: -4px; position: absolute; top: 50%; right: -10px; transform: rotate(135deg); height: 6px; width: 6px; } .menu-wrap menu .menu-container { margin-top: 0; border-top: 2px solid #AC0000; left: auto; padding: 35px 0 35px 20px; transform: translateX(0%); background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-top: -5px; } .menu-wrap menu ul.menu-container_main li.ttl > a { padding-right: 30px; position: relative; display: block; font-family: 'Fira Sans Condensed'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; font-weight: 500; } .menu-container_main li.parent > span:before{ content: none; } ul.menu-container_main li.parent > a:before, .menu-container_main li.parent > span.active:before{ transform: rotate(135deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: 20px; } ul.menu-container_main li.parent > a:hover:before, .menu-container_main li.parent > span:before { transform: rotate(45deg); } .menu-container .parent:hover .menu-container_parent { flex-wrap: wrap; flex-flow: row wrap; display: flex; padding: 25px 20px; position: absolute; top: -35px; left: 100%; height: auto; width: 150%; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-top: 2px solid #AC0000; margin-top: 10px; margin-left: -5px; } @media all and (min-width:1440px) { .menu-container .parent:hover .menu-container_parent{ width: 175%; } } .menu-container:before { top: 0; } .parent.ttl{ position: relative; } @media all and (max-width: 991px) { menu nav li.parent > a:before { border: 0; } .menu-container:before { top: -30px; } .menu-container .parent:hover .menu-container_parent { position: static; background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; display: none; width: 100%; } .menu-wrap menu .menu-container { padding: 15px 0 15px 20px; } } @media all and (min-width: 768px) and (max-width: 1199px) { .menu-wrap menu nav ul > li.parent { position: relative; } .menu-wrap menu .menu-container { left: -90px; width: 300px; } } @media all and (max-width: 767px) { .menu-container .menu-container_parent ul { width: 100%; } .menu-wrap menu ul.menu-container_main li.parent.ttl > span{ position: absolute; top: 5px; right: 0px; height: 24px; width: 24px; } .menu-wrap menu ul.menu-container_main li.ttl > a{ width: 90%; } ul.menu-container_main li.parent > a:before{ content: none; } .menu-container_main li.parent > span:before{ content: ''; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.parent.ttl >.menu-container_parent{ display: none; } li.parent.ttl.active >.menu-container_parent{ display: block; } .menu-container_main li.parent > span.active:before{ right: 10px; } } /* End */ /* Start:/local/templates/molga/template_styles.css?1760455024357*/ .new-menu-container { width: 100%; } .new-menu .new-menu__item a { letter-spacing: 0; } .new-menu .new-menu__item { margin-bottom: 10px; } menu.before nav li a { font-weight: 400; } menu.before nav .menu-container_parent li { -webkit-text-size-adjust: 100%; } menu.before nav .menu-container_parent li a { font-size: 14px; white-space: inherit; } /* End */ /* /local/templates/molga/js/carousel/assets/owl.carousel.min.css?17066095132926 */ /* /local/templates/molga/js/aos/aos.css?170660951326053 */ /* /local/templates/molga/js/fb/jquery.fancybox.min.css?170660951312795 */ /* /local/templates/molga/css/main.css?1706633090191355 */ /* /local/templates/molga/css/custom.css?17066330909289 */ /* /local/templates/molga/styles/main.css?170660951110077 */ /* /local/templates/molga/components/bitrix/menu/main/style.css?17066095113865 */ /* /local/templates/molga/template_styles.css?1760455024357 */