.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{transition:all 0s}.tns-slider>.tns-item{box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float:left} /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ [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)}/* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @charset "UTF-8"; /*! * Bootstrap Grid v5.0.0-alpha1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ .container, .mobile-nav .mobile-nav__inner, .container-fluid, .container-fhd, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 568px) { .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 748px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 1039px; } } @media (min-width: 1024px) { .container-lg, .container-md, .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 935px; } } @media (min-width: 1280px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 1100px; } } @media (min-width: 1440px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 1215px; } } @media (min-width: 1920px) { .container-fhd, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .mobile-nav .mobile-nav__inner { max-width: 1415px; } } .row { --bs-gutter-x: 15px; --bs-gutter-y: 0; display: flex; flex: 1 0 100%; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-5, .gx-5 { --bs-gutter-x: 5px; } .g-5, .gy-5 { --bs-gutter-y: 5px; } .g-10, .gx-10 { --bs-gutter-x: 10px; } .g-10, .gy-10 { --bs-gutter-y: 10px; } .g-15, .gx-15 { --bs-gutter-x: 15px; } .g-15, .gy-15 { --bs-gutter-y: 15px; } .g-20, .gx-20 { --bs-gutter-x: 20px; } .g-20, .gy-20 { --bs-gutter-y: 20px; } .g-25, .gx-25 { --bs-gutter-x: 25px; } .g-25, .gy-25 { --bs-gutter-y: 25px; } .g-30, .gx-30 { --bs-gutter-x: 30px; } .g-30, .gy-30 { --bs-gutter-y: 30px; } .g-35, .gx-35 { --bs-gutter-x: 35px; } .g-35, .gy-35 { --bs-gutter-y: 35px; } .g-40, .gx-40 { --bs-gutter-x: 40px; } .g-40, .gy-40 { --bs-gutter-y: 40px; } .g-45, .gx-45 { --bs-gutter-x: 45px; } .g-45, .gy-45 { --bs-gutter-y: 45px; } .g-50, .gx-50 { --bs-gutter-x: 50px; } .g-50, .gy-50 { --bs-gutter-y: 50px; } .g-55, .gx-55 { --bs-gutter-x: 55px; } .g-55, .gy-55 { --bs-gutter-y: 55px; } .g-60, .gx-60 { --bs-gutter-x: 60px; } .g-60, .gy-60 { --bs-gutter-y: 60px; } .g-65, .gx-65 { --bs-gutter-x: 65px; } .g-65, .gy-65 { --bs-gutter-y: 65px; } .g-70, .gx-70 { --bs-gutter-x: 70px; } .g-70, .gy-70 { --bs-gutter-y: 70px; } .g-75, .gx-75 { --bs-gutter-x: 75px; } .g-75, .gy-75 { --bs-gutter-y: 75px; } .g-80, .gx-80 { --bs-gutter-x: 80px; } .g-80, .gy-80 { --bs-gutter-y: 80px; } .g-85, .gx-85 { --bs-gutter-x: 85px; } .g-85, .gy-85 { --bs-gutter-y: 85px; } .g-90, .gx-90 { --bs-gutter-x: 90px; } .g-90, .gy-90 { --bs-gutter-y: 90px; } .g-95, .gx-95 { --bs-gutter-x: 95px; } .g-95, .gy-95 { --bs-gutter-y: 95px; } .g-100, .gx-100 { --bs-gutter-x: 100px; } .g-100, .gy-100 { --bs-gutter-y: 100px; } @media (min-width: 568px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 5px; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 5px; } .g-sm-10, .gx-sm-10 { --bs-gutter-x: 10px; } .g-sm-10, .gy-sm-10 { --bs-gutter-y: 10px; } .g-sm-15, .gx-sm-15 { --bs-gutter-x: 15px; } .g-sm-15, .gy-sm-15 { --bs-gutter-y: 15px; } .g-sm-20, .gx-sm-20 { --bs-gutter-x: 20px; } .g-sm-20, .gy-sm-20 { --bs-gutter-y: 20px; } .g-sm-25, .gx-sm-25 { --bs-gutter-x: 25px; } .g-sm-25, .gy-sm-25 { --bs-gutter-y: 25px; } .g-sm-30, .gx-sm-30 { --bs-gutter-x: 30px; } .g-sm-30, .gy-sm-30 { --bs-gutter-y: 30px; } .g-sm-35, .gx-sm-35 { --bs-gutter-x: 35px; } .g-sm-35, .gy-sm-35 { --bs-gutter-y: 35px; } .g-sm-40, .gx-sm-40 { --bs-gutter-x: 40px; } .g-sm-40, .gy-sm-40 { --bs-gutter-y: 40px; } .g-sm-45, .gx-sm-45 { --bs-gutter-x: 45px; } .g-sm-45, .gy-sm-45 { --bs-gutter-y: 45px; } .g-sm-50, .gx-sm-50 { --bs-gutter-x: 50px; } .g-sm-50, .gy-sm-50 { --bs-gutter-y: 50px; } .g-sm-55, .gx-sm-55 { --bs-gutter-x: 55px; } .g-sm-55, .gy-sm-55 { --bs-gutter-y: 55px; } .g-sm-60, .gx-sm-60 { --bs-gutter-x: 60px; } .g-sm-60, .gy-sm-60 { --bs-gutter-y: 60px; } .g-sm-65, .gx-sm-65 { --bs-gutter-x: 65px; } .g-sm-65, .gy-sm-65 { --bs-gutter-y: 65px; } .g-sm-70, .gx-sm-70 { --bs-gutter-x: 70px; } .g-sm-70, .gy-sm-70 { --bs-gutter-y: 70px; } .g-sm-75, .gx-sm-75 { --bs-gutter-x: 75px; } .g-sm-75, .gy-sm-75 { --bs-gutter-y: 75px; } .g-sm-80, .gx-sm-80 { --bs-gutter-x: 80px; } .g-sm-80, .gy-sm-80 { --bs-gutter-y: 80px; } .g-sm-85, .gx-sm-85 { --bs-gutter-x: 85px; } .g-sm-85, .gy-sm-85 { --bs-gutter-y: 85px; } .g-sm-90, .gx-sm-90 { --bs-gutter-x: 90px; } .g-sm-90, .gy-sm-90 { --bs-gutter-y: 90px; } .g-sm-95, .gx-sm-95 { --bs-gutter-x: 95px; } .g-sm-95, .gy-sm-95 { --bs-gutter-y: 95px; } .g-sm-100, .gx-sm-100 { --bs-gutter-x: 100px; } .g-sm-100, .gy-sm-100 { --bs-gutter-y: 100px; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-5, .gx-md-5 { --bs-gutter-x: 5px; } .g-md-5, .gy-md-5 { --bs-gutter-y: 5px; } .g-md-10, .gx-md-10 { --bs-gutter-x: 10px; } .g-md-10, .gy-md-10 { --bs-gutter-y: 10px; } .g-md-15, .gx-md-15 { --bs-gutter-x: 15px; } .g-md-15, .gy-md-15 { --bs-gutter-y: 15px; } .g-md-20, .gx-md-20 { --bs-gutter-x: 20px; } .g-md-20, .gy-md-20 { --bs-gutter-y: 20px; } .g-md-25, .gx-md-25 { --bs-gutter-x: 25px; } .g-md-25, .gy-md-25 { --bs-gutter-y: 25px; } .g-md-30, .gx-md-30 { --bs-gutter-x: 30px; } .g-md-30, .gy-md-30 { --bs-gutter-y: 30px; } .g-md-35, .gx-md-35 { --bs-gutter-x: 35px; } .g-md-35, .gy-md-35 { --bs-gutter-y: 35px; } .g-md-40, .gx-md-40 { --bs-gutter-x: 40px; } .g-md-40, .gy-md-40 { --bs-gutter-y: 40px; } .g-md-45, .gx-md-45 { --bs-gutter-x: 45px; } .g-md-45, .gy-md-45 { --bs-gutter-y: 45px; } .g-md-50, .gx-md-50 { --bs-gutter-x: 50px; } .g-md-50, .gy-md-50 { --bs-gutter-y: 50px; } .g-md-55, .gx-md-55 { --bs-gutter-x: 55px; } .g-md-55, .gy-md-55 { --bs-gutter-y: 55px; } .g-md-60, .gx-md-60 { --bs-gutter-x: 60px; } .g-md-60, .gy-md-60 { --bs-gutter-y: 60px; } .g-md-65, .gx-md-65 { --bs-gutter-x: 65px; } .g-md-65, .gy-md-65 { --bs-gutter-y: 65px; } .g-md-70, .gx-md-70 { --bs-gutter-x: 70px; } .g-md-70, .gy-md-70 { --bs-gutter-y: 70px; } .g-md-75, .gx-md-75 { --bs-gutter-x: 75px; } .g-md-75, .gy-md-75 { --bs-gutter-y: 75px; } .g-md-80, .gx-md-80 { --bs-gutter-x: 80px; } .g-md-80, .gy-md-80 { --bs-gutter-y: 80px; } .g-md-85, .gx-md-85 { --bs-gutter-x: 85px; } .g-md-85, .gy-md-85 { --bs-gutter-y: 85px; } .g-md-90, .gx-md-90 { --bs-gutter-x: 90px; } .g-md-90, .gy-md-90 { --bs-gutter-y: 90px; } .g-md-95, .gx-md-95 { --bs-gutter-x: 95px; } .g-md-95, .gy-md-95 { --bs-gutter-y: 95px; } .g-md-100, .gx-md-100 { --bs-gutter-x: 100px; } .g-md-100, .gy-md-100 { --bs-gutter-y: 100px; } } @media (min-width: 1024px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 5px; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 5px; } .g-lg-10, .gx-lg-10 { --bs-gutter-x: 10px; } .g-lg-10, .gy-lg-10 { --bs-gutter-y: 10px; } .g-lg-15, .gx-lg-15 { --bs-gutter-x: 15px; } .g-lg-15, .gy-lg-15 { --bs-gutter-y: 15px; } .g-lg-20, .gx-lg-20 { --bs-gutter-x: 20px; } .g-lg-20, .gy-lg-20 { --bs-gutter-y: 20px; } .g-lg-25, .gx-lg-25 { --bs-gutter-x: 25px; } .g-lg-25, .gy-lg-25 { --bs-gutter-y: 25px; } .g-lg-30, .gx-lg-30 { --bs-gutter-x: 30px; } .g-lg-30, .gy-lg-30 { --bs-gutter-y: 30px; } .g-lg-35, .gx-lg-35 { --bs-gutter-x: 35px; } .g-lg-35, .gy-lg-35 { --bs-gutter-y: 35px; } .g-lg-40, .gx-lg-40 { --bs-gutter-x: 40px; } .g-lg-40, .gy-lg-40 { --bs-gutter-y: 40px; } .g-lg-45, .gx-lg-45 { --bs-gutter-x: 45px; } .g-lg-45, .gy-lg-45 { --bs-gutter-y: 45px; } .g-lg-50, .gx-lg-50 { --bs-gutter-x: 50px; } .g-lg-50, .gy-lg-50 { --bs-gutter-y: 50px; } .g-lg-55, .gx-lg-55 { --bs-gutter-x: 55px; } .g-lg-55, .gy-lg-55 { --bs-gutter-y: 55px; } .g-lg-60, .gx-lg-60 { --bs-gutter-x: 60px; } .g-lg-60, .gy-lg-60 { --bs-gutter-y: 60px; } .g-lg-65, .gx-lg-65 { --bs-gutter-x: 65px; } .g-lg-65, .gy-lg-65 { --bs-gutter-y: 65px; } .g-lg-70, .gx-lg-70 { --bs-gutter-x: 70px; } .g-lg-70, .gy-lg-70 { --bs-gutter-y: 70px; } .g-lg-75, .gx-lg-75 { --bs-gutter-x: 75px; } .g-lg-75, .gy-lg-75 { --bs-gutter-y: 75px; } .g-lg-80, .gx-lg-80 { --bs-gutter-x: 80px; } .g-lg-80, .gy-lg-80 { --bs-gutter-y: 80px; } .g-lg-85, .gx-lg-85 { --bs-gutter-x: 85px; } .g-lg-85, .gy-lg-85 { --bs-gutter-y: 85px; } .g-lg-90, .gx-lg-90 { --bs-gutter-x: 90px; } .g-lg-90, .gy-lg-90 { --bs-gutter-y: 90px; } .g-lg-95, .gx-lg-95 { --bs-gutter-x: 95px; } .g-lg-95, .gy-lg-95 { --bs-gutter-y: 95px; } .g-lg-100, .gx-lg-100 { --bs-gutter-x: 100px; } .g-lg-100, .gy-lg-100 { --bs-gutter-y: 100px; } } @media (min-width: 1280px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 5px; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 5px; } .g-xl-10, .gx-xl-10 { --bs-gutter-x: 10px; } .g-xl-10, .gy-xl-10 { --bs-gutter-y: 10px; } .g-xl-15, .gx-xl-15 { --bs-gutter-x: 15px; } .g-xl-15, .gy-xl-15 { --bs-gutter-y: 15px; } .g-xl-20, .gx-xl-20 { --bs-gutter-x: 20px; } .g-xl-20, .gy-xl-20 { --bs-gutter-y: 20px; } .g-xl-25, .gx-xl-25 { --bs-gutter-x: 25px; } .g-xl-25, .gy-xl-25 { --bs-gutter-y: 25px; } .g-xl-30, .gx-xl-30 { --bs-gutter-x: 30px; } .g-xl-30, .gy-xl-30 { --bs-gutter-y: 30px; } .g-xl-35, .gx-xl-35 { --bs-gutter-x: 35px; } .g-xl-35, .gy-xl-35 { --bs-gutter-y: 35px; } .g-xl-40, .gx-xl-40 { --bs-gutter-x: 40px; } .g-xl-40, .gy-xl-40 { --bs-gutter-y: 40px; } .g-xl-45, .gx-xl-45 { --bs-gutter-x: 45px; } .g-xl-45, .gy-xl-45 { --bs-gutter-y: 45px; } .g-xl-50, .gx-xl-50 { --bs-gutter-x: 50px; } .g-xl-50, .gy-xl-50 { --bs-gutter-y: 50px; } .g-xl-55, .gx-xl-55 { --bs-gutter-x: 55px; } .g-xl-55, .gy-xl-55 { --bs-gutter-y: 55px; } .g-xl-60, .gx-xl-60 { --bs-gutter-x: 60px; } .g-xl-60, .gy-xl-60 { --bs-gutter-y: 60px; } .g-xl-65, .gx-xl-65 { --bs-gutter-x: 65px; } .g-xl-65, .gy-xl-65 { --bs-gutter-y: 65px; } .g-xl-70, .gx-xl-70 { --bs-gutter-x: 70px; } .g-xl-70, .gy-xl-70 { --bs-gutter-y: 70px; } .g-xl-75, .gx-xl-75 { --bs-gutter-x: 75px; } .g-xl-75, .gy-xl-75 { --bs-gutter-y: 75px; } .g-xl-80, .gx-xl-80 { --bs-gutter-x: 80px; } .g-xl-80, .gy-xl-80 { --bs-gutter-y: 80px; } .g-xl-85, .gx-xl-85 { --bs-gutter-x: 85px; } .g-xl-85, .gy-xl-85 { --bs-gutter-y: 85px; } .g-xl-90, .gx-xl-90 { --bs-gutter-x: 90px; } .g-xl-90, .gy-xl-90 { --bs-gutter-y: 90px; } .g-xl-95, .gx-xl-95 { --bs-gutter-x: 95px; } .g-xl-95, .gy-xl-95 { --bs-gutter-y: 95px; } .g-xl-100, .gx-xl-100 { --bs-gutter-x: 100px; } .g-xl-100, .gy-xl-100 { --bs-gutter-y: 100px; } } @media (min-width: 1440px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 5px; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 5px; } .g-xxl-10, .gx-xxl-10 { --bs-gutter-x: 10px; } .g-xxl-10, .gy-xxl-10 { --bs-gutter-y: 10px; } .g-xxl-15, .gx-xxl-15 { --bs-gutter-x: 15px; } .g-xxl-15, .gy-xxl-15 { --bs-gutter-y: 15px; } .g-xxl-20, .gx-xxl-20 { --bs-gutter-x: 20px; } .g-xxl-20, .gy-xxl-20 { --bs-gutter-y: 20px; } .g-xxl-25, .gx-xxl-25 { --bs-gutter-x: 25px; } .g-xxl-25, .gy-xxl-25 { --bs-gutter-y: 25px; } .g-xxl-30, .gx-xxl-30 { --bs-gutter-x: 30px; } .g-xxl-30, .gy-xxl-30 { --bs-gutter-y: 30px; } .g-xxl-35, .gx-xxl-35 { --bs-gutter-x: 35px; } .g-xxl-35, .gy-xxl-35 { --bs-gutter-y: 35px; } .g-xxl-40, .gx-xxl-40 { --bs-gutter-x: 40px; } .g-xxl-40, .gy-xxl-40 { --bs-gutter-y: 40px; } .g-xxl-45, .gx-xxl-45 { --bs-gutter-x: 45px; } .g-xxl-45, .gy-xxl-45 { --bs-gutter-y: 45px; } .g-xxl-50, .gx-xxl-50 { --bs-gutter-x: 50px; } .g-xxl-50, .gy-xxl-50 { --bs-gutter-y: 50px; } .g-xxl-55, .gx-xxl-55 { --bs-gutter-x: 55px; } .g-xxl-55, .gy-xxl-55 { --bs-gutter-y: 55px; } .g-xxl-60, .gx-xxl-60 { --bs-gutter-x: 60px; } .g-xxl-60, .gy-xxl-60 { --bs-gutter-y: 60px; } .g-xxl-65, .gx-xxl-65 { --bs-gutter-x: 65px; } .g-xxl-65, .gy-xxl-65 { --bs-gutter-y: 65px; } .g-xxl-70, .gx-xxl-70 { --bs-gutter-x: 70px; } .g-xxl-70, .gy-xxl-70 { --bs-gutter-y: 70px; } .g-xxl-75, .gx-xxl-75 { --bs-gutter-x: 75px; } .g-xxl-75, .gy-xxl-75 { --bs-gutter-y: 75px; } .g-xxl-80, .gx-xxl-80 { --bs-gutter-x: 80px; } .g-xxl-80, .gy-xxl-80 { --bs-gutter-y: 80px; } .g-xxl-85, .gx-xxl-85 { --bs-gutter-x: 85px; } .g-xxl-85, .gy-xxl-85 { --bs-gutter-y: 85px; } .g-xxl-90, .gx-xxl-90 { --bs-gutter-x: 90px; } .g-xxl-90, .gy-xxl-90 { --bs-gutter-y: 90px; } .g-xxl-95, .gx-xxl-95 { --bs-gutter-x: 95px; } .g-xxl-95, .gy-xxl-95 { --bs-gutter-y: 95px; } .g-xxl-100, .gx-xxl-100 { --bs-gutter-x: 100px; } .g-xxl-100, .gy-xxl-100 { --bs-gutter-y: 100px; } } @media (min-width: 1920px) { .col-fhd { flex: 1 0 0%; } .row-cols-fhd-auto > * { flex: 0 0 auto; width: auto; } .row-cols-fhd-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-fhd-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-fhd-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-fhd-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-fhd-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-fhd-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-fhd-auto { flex: 0 0 auto; width: auto; } .col-fhd-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-fhd-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-fhd-3 { flex: 0 0 auto; width: 25%; } .col-fhd-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-fhd-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-fhd-6 { flex: 0 0 auto; width: 50%; } .col-fhd-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-fhd-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-fhd-9 { flex: 0 0 auto; width: 75%; } .col-fhd-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-fhd-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-fhd-12 { flex: 0 0 auto; width: 100%; } .offset-fhd-0 { margin-left: 0; } .offset-fhd-1 { margin-left: 8.3333333333%; } .offset-fhd-2 { margin-left: 16.6666666667%; } .offset-fhd-3 { margin-left: 25%; } .offset-fhd-4 { margin-left: 33.3333333333%; } .offset-fhd-5 { margin-left: 41.6666666667%; } .offset-fhd-6 { margin-left: 50%; } .offset-fhd-7 { margin-left: 58.3333333333%; } .offset-fhd-8 { margin-left: 66.6666666667%; } .offset-fhd-9 { margin-left: 75%; } .offset-fhd-10 { margin-left: 83.3333333333%; } .offset-fhd-11 { margin-left: 91.6666666667%; } .g-fhd-0, .gx-fhd-0 { --bs-gutter-x: 0; } .g-fhd-0, .gy-fhd-0 { --bs-gutter-y: 0; } .g-fhd-5, .gx-fhd-5 { --bs-gutter-x: 5px; } .g-fhd-5, .gy-fhd-5 { --bs-gutter-y: 5px; } .g-fhd-10, .gx-fhd-10 { --bs-gutter-x: 10px; } .g-fhd-10, .gy-fhd-10 { --bs-gutter-y: 10px; } .g-fhd-15, .gx-fhd-15 { --bs-gutter-x: 15px; } .g-fhd-15, .gy-fhd-15 { --bs-gutter-y: 15px; } .g-fhd-20, .gx-fhd-20 { --bs-gutter-x: 20px; } .g-fhd-20, .gy-fhd-20 { --bs-gutter-y: 20px; } .g-fhd-25, .gx-fhd-25 { --bs-gutter-x: 25px; } .g-fhd-25, .gy-fhd-25 { --bs-gutter-y: 25px; } .g-fhd-30, .gx-fhd-30 { --bs-gutter-x: 30px; } .g-fhd-30, .gy-fhd-30 { --bs-gutter-y: 30px; } .g-fhd-35, .gx-fhd-35 { --bs-gutter-x: 35px; } .g-fhd-35, .gy-fhd-35 { --bs-gutter-y: 35px; } .g-fhd-40, .gx-fhd-40 { --bs-gutter-x: 40px; } .g-fhd-40, .gy-fhd-40 { --bs-gutter-y: 40px; } .g-fhd-45, .gx-fhd-45 { --bs-gutter-x: 45px; } .g-fhd-45, .gy-fhd-45 { --bs-gutter-y: 45px; } .g-fhd-50, .gx-fhd-50 { --bs-gutter-x: 50px; } .g-fhd-50, .gy-fhd-50 { --bs-gutter-y: 50px; } .g-fhd-55, .gx-fhd-55 { --bs-gutter-x: 55px; } .g-fhd-55, .gy-fhd-55 { --bs-gutter-y: 55px; } .g-fhd-60, .gx-fhd-60 { --bs-gutter-x: 60px; } .g-fhd-60, .gy-fhd-60 { --bs-gutter-y: 60px; } .g-fhd-65, .gx-fhd-65 { --bs-gutter-x: 65px; } .g-fhd-65, .gy-fhd-65 { --bs-gutter-y: 65px; } .g-fhd-70, .gx-fhd-70 { --bs-gutter-x: 70px; } .g-fhd-70, .gy-fhd-70 { --bs-gutter-y: 70px; } .g-fhd-75, .gx-fhd-75 { --bs-gutter-x: 75px; } .g-fhd-75, .gy-fhd-75 { --bs-gutter-y: 75px; } .g-fhd-80, .gx-fhd-80 { --bs-gutter-x: 80px; } .g-fhd-80, .gy-fhd-80 { --bs-gutter-y: 80px; } .g-fhd-85, .gx-fhd-85 { --bs-gutter-x: 85px; } .g-fhd-85, .gy-fhd-85 { --bs-gutter-y: 85px; } .g-fhd-90, .gx-fhd-90 { --bs-gutter-x: 90px; } .g-fhd-90, .gy-fhd-90 { --bs-gutter-y: 90px; } .g-fhd-95, .gx-fhd-95 { --bs-gutter-x: 95px; } .g-fhd-95, .gy-fhd-95 { --bs-gutter-y: 95px; } .g-fhd-100, .gx-fhd-100 { --bs-gutter-x: 100px; } .g-fhd-100, .gy-fhd-100 { --bs-gutter-y: 100px; } } .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; } .flex-fill { flex: 1 1 auto !important; } .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-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 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; } .justify-content-evenly { justify-content: space-evenly !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; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-55 { margin: 55px !important; } .m-60 { margin: 60px !important; } .m-65 { margin: 65px !important; } .m-70 { margin: 70px !important; } .m-75 { margin: 75px !important; } .m-80 { margin: 80px !important; } .m-85 { margin: 85px !important; } .m-90 { margin: 90px !important; } .m-95 { margin: 95px !important; } .m-100 { margin: 100px !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-55 { margin-top: 55px !important; } .mt-60 { margin-top: 60px !important; } .mt-65 { margin-top: 65px !important; } .mt-70 { margin-top: 70px !important; } .mt-75 { margin-top: 75px !important; } .mt-80 { margin-top: 80px !important; } .mt-85 { margin-top: 85px !important; } .mt-90 { margin-top: 90px !important; } .mt-95 { margin-top: 95px !important; } .mt-100 { margin-top: 100px !important; } .mt-auto { margin-top: auto !important; } .mr-0 { margin-right: 0 !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 25px !important; } .mr-30 { margin-right: 30px !important; } .mr-35 { margin-right: 35px !important; } .mr-40 { margin-right: 40px !important; } .mr-45 { margin-right: 45px !important; } .mr-50 { margin-right: 50px !important; } .mr-55 { margin-right: 55px !important; } .mr-60 { margin-right: 60px !important; } .mr-65 { margin-right: 65px !important; } .mr-70 { margin-right: 70px !important; } .mr-75 { margin-right: 75px !important; } .mr-80 { margin-right: 80px !important; } .mr-85 { margin-right: 85px !important; } .mr-90 { margin-right: 90px !important; } .mr-95 { margin-right: 95px !important; } .mr-100 { margin-right: 100px !important; } .mr-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-55 { margin-bottom: 55px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-65 { margin-bottom: 65px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-75 { margin-bottom: 75px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-85 { margin-bottom: 85px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-95 { margin-bottom: 95px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-auto { margin-bottom: auto !important; } .ml-0 { margin-left: 0 !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 25px !important; } .ml-30 { margin-left: 30px !important; } .ml-35 { margin-left: 35px !important; } .ml-40 { margin-left: 40px !important; } .ml-45 { margin-left: 45px !important; } .ml-50 { margin-left: 50px !important; } .ml-55 { margin-left: 55px !important; } .ml-60 { margin-left: 60px !important; } .ml-65 { margin-left: 65px !important; } .ml-70 { margin-left: 70px !important; } .ml-75 { margin-left: 75px !important; } .ml-80 { margin-left: 80px !important; } .ml-85 { margin-left: 85px !important; } .ml-90 { margin-left: 90px !important; } .ml-95 { margin-left: 95px !important; } .ml-100 { margin-left: 100px !important; } .ml-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-55 { padding: 55px !important; } .p-60 { padding: 60px !important; } .p-65 { padding: 65px !important; } .p-70 { padding: 70px !important; } .p-75 { padding: 75px !important; } .p-80 { padding: 80px !important; } .p-85 { padding: 85px !important; } .p-90 { padding: 90px !important; } .p-95 { padding: 95px !important; } .p-100 { padding: 100px !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-55 { padding-top: 55px !important; } .pt-60 { padding-top: 60px !important; } .pt-65 { padding-top: 65px !important; } .pt-70 { padding-top: 70px !important; } .pt-75 { padding-top: 75px !important; } .pt-80 { padding-top: 80px !important; } .pt-85 { padding-top: 85px !important; } .pt-90 { padding-top: 90px !important; } .pt-95 { padding-top: 95px !important; } .pt-100 { padding-top: 100px !important; } .pr-0 { padding-right: 0 !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 25px !important; } .pr-30 { padding-right: 30px !important; } .pr-35 { padding-right: 35px !important; } .pr-40 { padding-right: 40px !important; } .pr-45 { padding-right: 45px !important; } .pr-50 { padding-right: 50px !important; } .pr-55 { padding-right: 55px !important; } .pr-60 { padding-right: 60px !important; } .pr-65 { padding-right: 65px !important; } .pr-70 { padding-right: 70px !important; } .pr-75 { padding-right: 75px !important; } .pr-80 { padding-right: 80px !important; } .pr-85 { padding-right: 85px !important; } .pr-90 { padding-right: 90px !important; } .pr-95 { padding-right: 95px !important; } .pr-100 { padding-right: 100px !important; } .pb-0 { padding-bottom: 0 !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-55 { padding-bottom: 55px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-65 { padding-bottom: 65px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-75 { padding-bottom: 75px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-85 { padding-bottom: 85px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-95 { padding-bottom: 95px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-0 { padding-left: 0 !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 25px !important; } .pl-30 { padding-left: 30px !important; } .pl-35 { padding-left: 35px !important; } .pl-40 { padding-left: 40px !important; } .pl-45 { padding-left: 45px !important; } .pl-50 { padding-left: 50px !important; } .pl-55 { padding-left: 55px !important; } .pl-60 { padding-left: 60px !important; } .pl-65 { padding-left: 65px !important; } .pl-70 { padding-left: 70px !important; } .pl-75 { padding-left: 75px !important; } .pl-80 { padding-left: 80px !important; } .pl-85 { padding-left: 85px !important; } .pl-90 { padding-left: 90px !important; } .pl-95 { padding-left: 95px !important; } .pl-100 { padding-left: 100px !important; } @media (min-width: 568px) { .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; } .flex-sm-fill { flex: 1 1 auto !important; } .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-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 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; } .justify-content-sm-evenly { justify-content: space-evenly !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; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-5 { margin: 5px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-25 { margin: 25px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-35 { margin: 35px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-45 { margin: 45px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-55 { margin: 55px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-65 { margin: 65px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-75 { margin: 75px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-85 { margin: 85px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-95 { margin: 95px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-sm-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-sm-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-sm-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-sm-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-sm-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-sm-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-sm-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-sm-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-sm-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-sm-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-sm-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-sm-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-sm-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-sm-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-sm-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-sm-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-sm-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-sm-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-sm-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-sm-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-sm-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-sm-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-sm-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-sm-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-sm-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-sm-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-sm-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-sm-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-sm-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-sm-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-sm-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-sm-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-sm-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-sm-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-sm-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-sm-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-sm-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-sm-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-5 { margin-top: 5px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-25 { margin-top: 25px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-35 { margin-top: 35px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-45 { margin-top: 45px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-55 { margin-top: 55px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-65 { margin-top: 65px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-75 { margin-top: 75px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-85 { margin-top: 85px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-95 { margin-top: 95px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-0 { margin-right: 0 !important; } .mr-sm-5 { margin-right: 5px !important; } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-25 { margin-right: 25px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-35 { margin-right: 35px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-45 { margin-right: 45px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-55 { margin-right: 55px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-65 { margin-right: 65px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-75 { margin-right: 75px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-85 { margin-right: 85px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-95 { margin-right: 95px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-5 { margin-bottom: 5px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-25 { margin-bottom: 25px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-35 { margin-bottom: 35px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-45 { margin-bottom: 45px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-55 { margin-bottom: 55px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-65 { margin-bottom: 65px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-75 { margin-bottom: 75px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-85 { margin-bottom: 85px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-95 { margin-bottom: 95px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-0 { margin-left: 0 !important; } .ml-sm-5 { margin-left: 5px !important; } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-25 { margin-left: 25px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-35 { margin-left: 35px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-45 { margin-left: 45px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-55 { margin-left: 55px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-65 { margin-left: 65px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-75 { margin-left: 75px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-85 { margin-left: 85px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-95 { margin-left: 95px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-5 { padding: 5px !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-25 { padding: 25px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-35 { padding: 35px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-45 { padding: 45px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-55 { padding: 55px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-65 { padding: 65px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-75 { padding: 75px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-85 { padding: 85px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-95 { padding: 95px !important; } .p-sm-100 { padding: 100px !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-sm-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-sm-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-sm-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-sm-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-sm-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-sm-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-sm-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-sm-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-sm-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-sm-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-sm-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-sm-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-sm-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-sm-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-sm-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-sm-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-sm-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-sm-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-sm-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-sm-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-sm-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-sm-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-sm-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-sm-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-sm-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-sm-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-sm-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-sm-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-sm-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-sm-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-sm-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-sm-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-sm-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-sm-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-sm-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-sm-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-sm-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-sm-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-5 { padding-top: 5px !important; } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-25 { padding-top: 25px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-35 { padding-top: 35px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-45 { padding-top: 45px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-55 { padding-top: 55px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-65 { padding-top: 65px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-75 { padding-top: 75px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-85 { padding-top: 85px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-95 { padding-top: 95px !important; } .pt-sm-100 { padding-top: 100px !important; } .pr-sm-0 { padding-right: 0 !important; } .pr-sm-5 { padding-right: 5px !important; } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-25 { padding-right: 25px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-35 { padding-right: 35px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-45 { padding-right: 45px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-55 { padding-right: 55px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-65 { padding-right: 65px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-75 { padding-right: 75px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-85 { padding-right: 85px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-95 { padding-right: 95px !important; } .pr-sm-100 { padding-right: 100px !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-5 { padding-bottom: 5px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-25 { padding-bottom: 25px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-35 { padding-bottom: 35px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-45 { padding-bottom: 45px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-55 { padding-bottom: 55px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-65 { padding-bottom: 65px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-75 { padding-bottom: 75px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-85 { padding-bottom: 85px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-95 { padding-bottom: 95px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pl-sm-0 { padding-left: 0 !important; } .pl-sm-5 { padding-left: 5px !important; } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-25 { padding-left: 25px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-35 { padding-left: 35px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-45 { padding-left: 45px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-55 { padding-left: 55px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-65 { padding-left: 65px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-75 { padding-left: 75px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-85 { padding-left: 85px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-95 { padding-left: 95px !important; } .pl-sm-100 { padding-left: 100px !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; } .flex-md-fill { flex: 1 1 auto !important; } .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-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 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; } .justify-content-md-evenly { justify-content: space-evenly !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; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-5 { margin: 5px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-25 { margin: 25px !important; } .m-md-30 { margin: 30px !important; } .m-md-35 { margin: 35px !important; } .m-md-40 { margin: 40px !important; } .m-md-45 { margin: 45px !important; } .m-md-50 { margin: 50px !important; } .m-md-55 { margin: 55px !important; } .m-md-60 { margin: 60px !important; } .m-md-65 { margin: 65px !important; } .m-md-70 { margin: 70px !important; } .m-md-75 { margin: 75px !important; } .m-md-80 { margin: 80px !important; } .m-md-85 { margin: 85px !important; } .m-md-90 { margin: 90px !important; } .m-md-95 { margin: 95px !important; } .m-md-100 { margin: 100px !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-md-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-md-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-md-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-md-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-md-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-md-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-md-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-md-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-md-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-md-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-md-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-md-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-md-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-md-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-md-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-md-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-md-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-md-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-md-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-md-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-md-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-md-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-md-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-md-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-md-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-md-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-md-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-md-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-md-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-md-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-md-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-md-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-md-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-md-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-md-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-md-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-md-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-md-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-5 { margin-top: 5px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-25 { margin-top: 25px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-35 { margin-top: 35px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-45 { margin-top: 45px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-55 { margin-top: 55px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-65 { margin-top: 65px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-75 { margin-top: 75px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-85 { margin-top: 85px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-95 { margin-top: 95px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-0 { margin-right: 0 !important; } .mr-md-5 { margin-right: 5px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-25 { margin-right: 25px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-35 { margin-right: 35px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-45 { margin-right: 45px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-55 { margin-right: 55px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-65 { margin-right: 65px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-75 { margin-right: 75px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-85 { margin-right: 85px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-95 { margin-right: 95px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-5 { margin-bottom: 5px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-25 { margin-bottom: 25px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-35 { margin-bottom: 35px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-45 { margin-bottom: 45px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-55 { margin-bottom: 55px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-65 { margin-bottom: 65px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-75 { margin-bottom: 75px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-85 { margin-bottom: 85px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-95 { margin-bottom: 95px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-0 { margin-left: 0 !important; } .ml-md-5 { margin-left: 5px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-25 { margin-left: 25px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-35 { margin-left: 35px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-45 { margin-left: 45px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-55 { margin-left: 55px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-65 { margin-left: 65px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-75 { margin-left: 75px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-85 { margin-left: 85px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-95 { margin-left: 95px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-5 { padding: 5px !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-25 { padding: 25px !important; } .p-md-30 { padding: 30px !important; } .p-md-35 { padding: 35px !important; } .p-md-40 { padding: 40px !important; } .p-md-45 { padding: 45px !important; } .p-md-50 { padding: 50px !important; } .p-md-55 { padding: 55px !important; } .p-md-60 { padding: 60px !important; } .p-md-65 { padding: 65px !important; } .p-md-70 { padding: 70px !important; } .p-md-75 { padding: 75px !important; } .p-md-80 { padding: 80px !important; } .p-md-85 { padding: 85px !important; } .p-md-90 { padding: 90px !important; } .p-md-95 { padding: 95px !important; } .p-md-100 { padding: 100px !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-md-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-md-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-md-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-md-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-md-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-md-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-md-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-md-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-md-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-md-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-md-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-md-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-md-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-md-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-md-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-md-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-md-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-md-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-md-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-md-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-md-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-md-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-md-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-md-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-md-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-md-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-md-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-md-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-md-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-md-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-md-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-md-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-md-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-md-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-md-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-md-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-md-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-md-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-5 { padding-top: 5px !important; } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-25 { padding-top: 25px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-35 { padding-top: 35px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-45 { padding-top: 45px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-55 { padding-top: 55px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-65 { padding-top: 65px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-75 { padding-top: 75px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-85 { padding-top: 85px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-95 { padding-top: 95px !important; } .pt-md-100 { padding-top: 100px !important; } .pr-md-0 { padding-right: 0 !important; } .pr-md-5 { padding-right: 5px !important; } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-25 { padding-right: 25px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-35 { padding-right: 35px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-45 { padding-right: 45px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-55 { padding-right: 55px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-65 { padding-right: 65px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-75 { padding-right: 75px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-85 { padding-right: 85px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-95 { padding-right: 95px !important; } .pr-md-100 { padding-right: 100px !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-5 { padding-bottom: 5px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-25 { padding-bottom: 25px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-35 { padding-bottom: 35px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-45 { padding-bottom: 45px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-55 { padding-bottom: 55px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-65 { padding-bottom: 65px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-75 { padding-bottom: 75px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-85 { padding-bottom: 85px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-95 { padding-bottom: 95px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pl-md-0 { padding-left: 0 !important; } .pl-md-5 { padding-left: 5px !important; } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-25 { padding-left: 25px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-35 { padding-left: 35px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-45 { padding-left: 45px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-55 { padding-left: 55px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-65 { padding-left: 65px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-75 { padding-left: 75px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-85 { padding-left: 85px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-95 { padding-left: 95px !important; } .pl-md-100 { padding-left: 100px !important; } } @media (min-width: 1024px) { .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; } .flex-lg-fill { flex: 1 1 auto !important; } .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-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 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; } .justify-content-lg-evenly { justify-content: space-evenly !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; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-5 { margin: 5px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-25 { margin: 25px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-35 { margin: 35px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-45 { margin: 45px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-55 { margin: 55px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-65 { margin: 65px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-75 { margin: 75px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-85 { margin: 85px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-95 { margin: 95px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-lg-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-lg-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-lg-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-lg-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-lg-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-lg-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-lg-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-lg-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-lg-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-lg-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-lg-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-lg-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-lg-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-lg-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-lg-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-lg-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-lg-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-lg-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-lg-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-lg-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-lg-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-lg-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-lg-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-lg-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-lg-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-lg-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-lg-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-lg-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-lg-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-lg-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-lg-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-lg-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-lg-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-lg-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-lg-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-lg-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-lg-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-lg-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-5 { margin-top: 5px !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-25 { margin-top: 25px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-35 { margin-top: 35px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-45 { margin-top: 45px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-55 { margin-top: 55px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-65 { margin-top: 65px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-75 { margin-top: 75px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-85 { margin-top: 85px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-95 { margin-top: 95px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-0 { margin-right: 0 !important; } .mr-lg-5 { margin-right: 5px !important; } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-25 { margin-right: 25px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-35 { margin-right: 35px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-45 { margin-right: 45px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-55 { margin-right: 55px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-65 { margin-right: 65px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-75 { margin-right: 75px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-85 { margin-right: 85px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-95 { margin-right: 95px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-5 { margin-bottom: 5px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-25 { margin-bottom: 25px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-35 { margin-bottom: 35px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-45 { margin-bottom: 45px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-55 { margin-bottom: 55px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-65 { margin-bottom: 65px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-75 { margin-bottom: 75px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-85 { margin-bottom: 85px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-95 { margin-bottom: 95px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-0 { margin-left: 0 !important; } .ml-lg-5 { margin-left: 5px !important; } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-25 { margin-left: 25px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-35 { margin-left: 35px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-45 { margin-left: 45px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-55 { margin-left: 55px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-65 { margin-left: 65px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-75 { margin-left: 75px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-85 { margin-left: 85px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-95 { margin-left: 95px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-5 { padding: 5px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-25 { padding: 25px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-35 { padding: 35px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-45 { padding: 45px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-55 { padding: 55px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-65 { padding: 65px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-75 { padding: 75px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-85 { padding: 85px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-95 { padding: 95px !important; } .p-lg-100 { padding: 100px !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-lg-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-lg-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-lg-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-lg-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-lg-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-lg-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-lg-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-lg-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-lg-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-lg-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-lg-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-lg-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-lg-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-lg-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-lg-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-lg-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-lg-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-lg-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-lg-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-lg-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-lg-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-lg-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-lg-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-lg-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-lg-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-lg-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-lg-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-lg-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-lg-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-lg-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-lg-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-lg-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-lg-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-lg-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-lg-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-lg-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-lg-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-lg-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-5 { padding-top: 5px !important; } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-25 { padding-top: 25px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-35 { padding-top: 35px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-45 { padding-top: 45px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-55 { padding-top: 55px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-65 { padding-top: 65px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-75 { padding-top: 75px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-85 { padding-top: 85px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-95 { padding-top: 95px !important; } .pt-lg-100 { padding-top: 100px !important; } .pr-lg-0 { padding-right: 0 !important; } .pr-lg-5 { padding-right: 5px !important; } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-25 { padding-right: 25px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-35 { padding-right: 35px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-45 { padding-right: 45px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-55 { padding-right: 55px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-65 { padding-right: 65px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-75 { padding-right: 75px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-85 { padding-right: 85px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-95 { padding-right: 95px !important; } .pr-lg-100 { padding-right: 100px !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-5 { padding-bottom: 5px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-25 { padding-bottom: 25px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-35 { padding-bottom: 35px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-45 { padding-bottom: 45px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-55 { padding-bottom: 55px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-65 { padding-bottom: 65px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-75 { padding-bottom: 75px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-85 { padding-bottom: 85px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-95 { padding-bottom: 95px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pl-lg-0 { padding-left: 0 !important; } .pl-lg-5 { padding-left: 5px !important; } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-25 { padding-left: 25px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-35 { padding-left: 35px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-45 { padding-left: 45px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-55 { padding-left: 55px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-65 { padding-left: 65px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-75 { padding-left: 75px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-85 { padding-left: 85px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-95 { padding-left: 95px !important; } .pl-lg-100 { padding-left: 100px !important; } } @media (min-width: 1280px) { .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; } .flex-xl-fill { flex: 1 1 auto !important; } .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-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 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; } .justify-content-xl-evenly { justify-content: space-evenly !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; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-5 { margin: 5px !important; } .m-xl-10 { margin: 10px !important; } .m-xl-15 { margin: 15px !important; } .m-xl-20 { margin: 20px !important; } .m-xl-25 { margin: 25px !important; } .m-xl-30 { margin: 30px !important; } .m-xl-35 { margin: 35px !important; } .m-xl-40 { margin: 40px !important; } .m-xl-45 { margin: 45px !important; } .m-xl-50 { margin: 50px !important; } .m-xl-55 { margin: 55px !important; } .m-xl-60 { margin: 60px !important; } .m-xl-65 { margin: 65px !important; } .m-xl-70 { margin: 70px !important; } .m-xl-75 { margin: 75px !important; } .m-xl-80 { margin: 80px !important; } .m-xl-85 { margin: 85px !important; } .m-xl-90 { margin: 90px !important; } .m-xl-95 { margin: 95px !important; } .m-xl-100 { margin: 100px !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-xl-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-xl-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-xl-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-xl-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-xl-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-xl-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-xl-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-xl-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-xl-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-xl-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-xl-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-xl-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-xl-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-xl-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-xl-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-xl-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-xl-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-xl-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-xl-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-xl-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-xl-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-xl-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-xl-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-xl-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-xl-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-xl-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-xl-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-xl-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-xl-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-xl-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-xl-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-xl-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-xl-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-xl-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-xl-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-xl-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-xl-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-xl-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-5 { margin-top: 5px !important; } .mt-xl-10 { margin-top: 10px !important; } .mt-xl-15 { margin-top: 15px !important; } .mt-xl-20 { margin-top: 20px !important; } .mt-xl-25 { margin-top: 25px !important; } .mt-xl-30 { margin-top: 30px !important; } .mt-xl-35 { margin-top: 35px !important; } .mt-xl-40 { margin-top: 40px !important; } .mt-xl-45 { margin-top: 45px !important; } .mt-xl-50 { margin-top: 50px !important; } .mt-xl-55 { margin-top: 55px !important; } .mt-xl-60 { margin-top: 60px !important; } .mt-xl-65 { margin-top: 65px !important; } .mt-xl-70 { margin-top: 70px !important; } .mt-xl-75 { margin-top: 75px !important; } .mt-xl-80 { margin-top: 80px !important; } .mt-xl-85 { margin-top: 85px !important; } .mt-xl-90 { margin-top: 90px !important; } .mt-xl-95 { margin-top: 95px !important; } .mt-xl-100 { margin-top: 100px !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-0 { margin-right: 0 !important; } .mr-xl-5 { margin-right: 5px !important; } .mr-xl-10 { margin-right: 10px !important; } .mr-xl-15 { margin-right: 15px !important; } .mr-xl-20 { margin-right: 20px !important; } .mr-xl-25 { margin-right: 25px !important; } .mr-xl-30 { margin-right: 30px !important; } .mr-xl-35 { margin-right: 35px !important; } .mr-xl-40 { margin-right: 40px !important; } .mr-xl-45 { margin-right: 45px !important; } .mr-xl-50 { margin-right: 50px !important; } .mr-xl-55 { margin-right: 55px !important; } .mr-xl-60 { margin-right: 60px !important; } .mr-xl-65 { margin-right: 65px !important; } .mr-xl-70 { margin-right: 70px !important; } .mr-xl-75 { margin-right: 75px !important; } .mr-xl-80 { margin-right: 80px !important; } .mr-xl-85 { margin-right: 85px !important; } .mr-xl-90 { margin-right: 90px !important; } .mr-xl-95 { margin-right: 95px !important; } .mr-xl-100 { margin-right: 100px !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-5 { margin-bottom: 5px !important; } .mb-xl-10 { margin-bottom: 10px !important; } .mb-xl-15 { margin-bottom: 15px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .mb-xl-25 { margin-bottom: 25px !important; } .mb-xl-30 { margin-bottom: 30px !important; } .mb-xl-35 { margin-bottom: 35px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .mb-xl-45 { margin-bottom: 45px !important; } .mb-xl-50 { margin-bottom: 50px !important; } .mb-xl-55 { margin-bottom: 55px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .mb-xl-65 { margin-bottom: 65px !important; } .mb-xl-70 { margin-bottom: 70px !important; } .mb-xl-75 { margin-bottom: 75px !important; } .mb-xl-80 { margin-bottom: 80px !important; } .mb-xl-85 { margin-bottom: 85px !important; } .mb-xl-90 { margin-bottom: 90px !important; } .mb-xl-95 { margin-bottom: 95px !important; } .mb-xl-100 { margin-bottom: 100px !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-0 { margin-left: 0 !important; } .ml-xl-5 { margin-left: 5px !important; } .ml-xl-10 { margin-left: 10px !important; } .ml-xl-15 { margin-left: 15px !important; } .ml-xl-20 { margin-left: 20px !important; } .ml-xl-25 { margin-left: 25px !important; } .ml-xl-30 { margin-left: 30px !important; } .ml-xl-35 { margin-left: 35px !important; } .ml-xl-40 { margin-left: 40px !important; } .ml-xl-45 { margin-left: 45px !important; } .ml-xl-50 { margin-left: 50px !important; } .ml-xl-55 { margin-left: 55px !important; } .ml-xl-60 { margin-left: 60px !important; } .ml-xl-65 { margin-left: 65px !important; } .ml-xl-70 { margin-left: 70px !important; } .ml-xl-75 { margin-left: 75px !important; } .ml-xl-80 { margin-left: 80px !important; } .ml-xl-85 { margin-left: 85px !important; } .ml-xl-90 { margin-left: 90px !important; } .ml-xl-95 { margin-left: 95px !important; } .ml-xl-100 { margin-left: 100px !important; } .ml-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-5 { padding: 5px !important; } .p-xl-10 { padding: 10px !important; } .p-xl-15 { padding: 15px !important; } .p-xl-20 { padding: 20px !important; } .p-xl-25 { padding: 25px !important; } .p-xl-30 { padding: 30px !important; } .p-xl-35 { padding: 35px !important; } .p-xl-40 { padding: 40px !important; } .p-xl-45 { padding: 45px !important; } .p-xl-50 { padding: 50px !important; } .p-xl-55 { padding: 55px !important; } .p-xl-60 { padding: 60px !important; } .p-xl-65 { padding: 65px !important; } .p-xl-70 { padding: 70px !important; } .p-xl-75 { padding: 75px !important; } .p-xl-80 { padding: 80px !important; } .p-xl-85 { padding: 85px !important; } .p-xl-90 { padding: 90px !important; } .p-xl-95 { padding: 95px !important; } .p-xl-100 { padding: 100px !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-xl-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-xl-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-xl-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-xl-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-xl-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-xl-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-xl-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-xl-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-xl-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-xl-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-xl-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-xl-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-xl-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-xl-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-xl-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-xl-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-xl-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-xl-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-xl-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-xl-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-xl-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-xl-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-xl-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-xl-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-xl-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-xl-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-xl-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-xl-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-xl-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-xl-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-xl-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-xl-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-xl-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-xl-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-xl-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-xl-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-xl-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-xl-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-5 { padding-top: 5px !important; } .pt-xl-10 { padding-top: 10px !important; } .pt-xl-15 { padding-top: 15px !important; } .pt-xl-20 { padding-top: 20px !important; } .pt-xl-25 { padding-top: 25px !important; } .pt-xl-30 { padding-top: 30px !important; } .pt-xl-35 { padding-top: 35px !important; } .pt-xl-40 { padding-top: 40px !important; } .pt-xl-45 { padding-top: 45px !important; } .pt-xl-50 { padding-top: 50px !important; } .pt-xl-55 { padding-top: 55px !important; } .pt-xl-60 { padding-top: 60px !important; } .pt-xl-65 { padding-top: 65px !important; } .pt-xl-70 { padding-top: 70px !important; } .pt-xl-75 { padding-top: 75px !important; } .pt-xl-80 { padding-top: 80px !important; } .pt-xl-85 { padding-top: 85px !important; } .pt-xl-90 { padding-top: 90px !important; } .pt-xl-95 { padding-top: 95px !important; } .pt-xl-100 { padding-top: 100px !important; } .pr-xl-0 { padding-right: 0 !important; } .pr-xl-5 { padding-right: 5px !important; } .pr-xl-10 { padding-right: 10px !important; } .pr-xl-15 { padding-right: 15px !important; } .pr-xl-20 { padding-right: 20px !important; } .pr-xl-25 { padding-right: 25px !important; } .pr-xl-30 { padding-right: 30px !important; } .pr-xl-35 { padding-right: 35px !important; } .pr-xl-40 { padding-right: 40px !important; } .pr-xl-45 { padding-right: 45px !important; } .pr-xl-50 { padding-right: 50px !important; } .pr-xl-55 { padding-right: 55px !important; } .pr-xl-60 { padding-right: 60px !important; } .pr-xl-65 { padding-right: 65px !important; } .pr-xl-70 { padding-right: 70px !important; } .pr-xl-75 { padding-right: 75px !important; } .pr-xl-80 { padding-right: 80px !important; } .pr-xl-85 { padding-right: 85px !important; } .pr-xl-90 { padding-right: 90px !important; } .pr-xl-95 { padding-right: 95px !important; } .pr-xl-100 { padding-right: 100px !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-5 { padding-bottom: 5px !important; } .pb-xl-10 { padding-bottom: 10px !important; } .pb-xl-15 { padding-bottom: 15px !important; } .pb-xl-20 { padding-bottom: 20px !important; } .pb-xl-25 { padding-bottom: 25px !important; } .pb-xl-30 { padding-bottom: 30px !important; } .pb-xl-35 { padding-bottom: 35px !important; } .pb-xl-40 { padding-bottom: 40px !important; } .pb-xl-45 { padding-bottom: 45px !important; } .pb-xl-50 { padding-bottom: 50px !important; } .pb-xl-55 { padding-bottom: 55px !important; } .pb-xl-60 { padding-bottom: 60px !important; } .pb-xl-65 { padding-bottom: 65px !important; } .pb-xl-70 { padding-bottom: 70px !important; } .pb-xl-75 { padding-bottom: 75px !important; } .pb-xl-80 { padding-bottom: 80px !important; } .pb-xl-85 { padding-bottom: 85px !important; } .pb-xl-90 { padding-bottom: 90px !important; } .pb-xl-95 { padding-bottom: 95px !important; } .pb-xl-100 { padding-bottom: 100px !important; } .pl-xl-0 { padding-left: 0 !important; } .pl-xl-5 { padding-left: 5px !important; } .pl-xl-10 { padding-left: 10px !important; } .pl-xl-15 { padding-left: 15px !important; } .pl-xl-20 { padding-left: 20px !important; } .pl-xl-25 { padding-left: 25px !important; } .pl-xl-30 { padding-left: 30px !important; } .pl-xl-35 { padding-left: 35px !important; } .pl-xl-40 { padding-left: 40px !important; } .pl-xl-45 { padding-left: 45px !important; } .pl-xl-50 { padding-left: 50px !important; } .pl-xl-55 { padding-left: 55px !important; } .pl-xl-60 { padding-left: 60px !important; } .pl-xl-65 { padding-left: 65px !important; } .pl-xl-70 { padding-left: 70px !important; } .pl-xl-75 { padding-left: 75px !important; } .pl-xl-80 { padding-left: 80px !important; } .pl-xl-85 { padding-left: 85px !important; } .pl-xl-90 { padding-left: 90px !important; } .pl-xl-95 { padding-left: 95px !important; } .pl-xl-100 { padding-left: 100px !important; } } @media (min-width: 1440px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-5 { margin: 5px !important; } .m-xxl-10 { margin: 10px !important; } .m-xxl-15 { margin: 15px !important; } .m-xxl-20 { margin: 20px !important; } .m-xxl-25 { margin: 25px !important; } .m-xxl-30 { margin: 30px !important; } .m-xxl-35 { margin: 35px !important; } .m-xxl-40 { margin: 40px !important; } .m-xxl-45 { margin: 45px !important; } .m-xxl-50 { margin: 50px !important; } .m-xxl-55 { margin: 55px !important; } .m-xxl-60 { margin: 60px !important; } .m-xxl-65 { margin: 65px !important; } .m-xxl-70 { margin: 70px !important; } .m-xxl-75 { margin: 75px !important; } .m-xxl-80 { margin: 80px !important; } .m-xxl-85 { margin: 85px !important; } .m-xxl-90 { margin: 90px !important; } .m-xxl-95 { margin: 95px !important; } .m-xxl-100 { margin: 100px !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-xxl-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-xxl-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-xxl-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-xxl-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-xxl-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-xxl-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-xxl-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-xxl-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-xxl-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-xxl-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-xxl-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-xxl-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-xxl-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-xxl-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-xxl-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-xxl-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-xxl-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-xxl-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-xxl-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-xxl-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-xxl-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-xxl-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-xxl-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-xxl-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-xxl-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-xxl-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-xxl-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-xxl-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-xxl-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-xxl-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-xxl-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-xxl-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-xxl-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-xxl-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-xxl-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-xxl-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-xxl-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-xxl-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-5 { margin-top: 5px !important; } .mt-xxl-10 { margin-top: 10px !important; } .mt-xxl-15 { margin-top: 15px !important; } .mt-xxl-20 { margin-top: 20px !important; } .mt-xxl-25 { margin-top: 25px !important; } .mt-xxl-30 { margin-top: 30px !important; } .mt-xxl-35 { margin-top: 35px !important; } .mt-xxl-40 { margin-top: 40px !important; } .mt-xxl-45 { margin-top: 45px !important; } .mt-xxl-50 { margin-top: 50px !important; } .mt-xxl-55 { margin-top: 55px !important; } .mt-xxl-60 { margin-top: 60px !important; } .mt-xxl-65 { margin-top: 65px !important; } .mt-xxl-70 { margin-top: 70px !important; } .mt-xxl-75 { margin-top: 75px !important; } .mt-xxl-80 { margin-top: 80px !important; } .mt-xxl-85 { margin-top: 85px !important; } .mt-xxl-90 { margin-top: 90px !important; } .mt-xxl-95 { margin-top: 95px !important; } .mt-xxl-100 { margin-top: 100px !important; } .mt-xxl-auto { margin-top: auto !important; } .mr-xxl-0 { margin-right: 0 !important; } .mr-xxl-5 { margin-right: 5px !important; } .mr-xxl-10 { margin-right: 10px !important; } .mr-xxl-15 { margin-right: 15px !important; } .mr-xxl-20 { margin-right: 20px !important; } .mr-xxl-25 { margin-right: 25px !important; } .mr-xxl-30 { margin-right: 30px !important; } .mr-xxl-35 { margin-right: 35px !important; } .mr-xxl-40 { margin-right: 40px !important; } .mr-xxl-45 { margin-right: 45px !important; } .mr-xxl-50 { margin-right: 50px !important; } .mr-xxl-55 { margin-right: 55px !important; } .mr-xxl-60 { margin-right: 60px !important; } .mr-xxl-65 { margin-right: 65px !important; } .mr-xxl-70 { margin-right: 70px !important; } .mr-xxl-75 { margin-right: 75px !important; } .mr-xxl-80 { margin-right: 80px !important; } .mr-xxl-85 { margin-right: 85px !important; } .mr-xxl-90 { margin-right: 90px !important; } .mr-xxl-95 { margin-right: 95px !important; } .mr-xxl-100 { margin-right: 100px !important; } .mr-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-5 { margin-bottom: 5px !important; } .mb-xxl-10 { margin-bottom: 10px !important; } .mb-xxl-15 { margin-bottom: 15px !important; } .mb-xxl-20 { margin-bottom: 20px !important; } .mb-xxl-25 { margin-bottom: 25px !important; } .mb-xxl-30 { margin-bottom: 30px !important; } .mb-xxl-35 { margin-bottom: 35px !important; } .mb-xxl-40 { margin-bottom: 40px !important; } .mb-xxl-45 { margin-bottom: 45px !important; } .mb-xxl-50 { margin-bottom: 50px !important; } .mb-xxl-55 { margin-bottom: 55px !important; } .mb-xxl-60 { margin-bottom: 60px !important; } .mb-xxl-65 { margin-bottom: 65px !important; } .mb-xxl-70 { margin-bottom: 70px !important; } .mb-xxl-75 { margin-bottom: 75px !important; } .mb-xxl-80 { margin-bottom: 80px !important; } .mb-xxl-85 { margin-bottom: 85px !important; } .mb-xxl-90 { margin-bottom: 90px !important; } .mb-xxl-95 { margin-bottom: 95px !important; } .mb-xxl-100 { margin-bottom: 100px !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ml-xxl-0 { margin-left: 0 !important; } .ml-xxl-5 { margin-left: 5px !important; } .ml-xxl-10 { margin-left: 10px !important; } .ml-xxl-15 { margin-left: 15px !important; } .ml-xxl-20 { margin-left: 20px !important; } .ml-xxl-25 { margin-left: 25px !important; } .ml-xxl-30 { margin-left: 30px !important; } .ml-xxl-35 { margin-left: 35px !important; } .ml-xxl-40 { margin-left: 40px !important; } .ml-xxl-45 { margin-left: 45px !important; } .ml-xxl-50 { margin-left: 50px !important; } .ml-xxl-55 { margin-left: 55px !important; } .ml-xxl-60 { margin-left: 60px !important; } .ml-xxl-65 { margin-left: 65px !important; } .ml-xxl-70 { margin-left: 70px !important; } .ml-xxl-75 { margin-left: 75px !important; } .ml-xxl-80 { margin-left: 80px !important; } .ml-xxl-85 { margin-left: 85px !important; } .ml-xxl-90 { margin-left: 90px !important; } .ml-xxl-95 { margin-left: 95px !important; } .ml-xxl-100 { margin-left: 100px !important; } .ml-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-5 { padding: 5px !important; } .p-xxl-10 { padding: 10px !important; } .p-xxl-15 { padding: 15px !important; } .p-xxl-20 { padding: 20px !important; } .p-xxl-25 { padding: 25px !important; } .p-xxl-30 { padding: 30px !important; } .p-xxl-35 { padding: 35px !important; } .p-xxl-40 { padding: 40px !important; } .p-xxl-45 { padding: 45px !important; } .p-xxl-50 { padding: 50px !important; } .p-xxl-55 { padding: 55px !important; } .p-xxl-60 { padding: 60px !important; } .p-xxl-65 { padding: 65px !important; } .p-xxl-70 { padding: 70px !important; } .p-xxl-75 { padding: 75px !important; } .p-xxl-80 { padding: 80px !important; } .p-xxl-85 { padding: 85px !important; } .p-xxl-90 { padding: 90px !important; } .p-xxl-95 { padding: 95px !important; } .p-xxl-100 { padding: 100px !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-xxl-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-xxl-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-xxl-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-xxl-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-xxl-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-xxl-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-xxl-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-xxl-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-xxl-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-xxl-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-xxl-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-xxl-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-xxl-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-xxl-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-xxl-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-xxl-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-xxl-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-xxl-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-xxl-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-xxl-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-xxl-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-xxl-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-xxl-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-xxl-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-xxl-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-xxl-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-xxl-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-xxl-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-xxl-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-xxl-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-xxl-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-xxl-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-xxl-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-xxl-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-xxl-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-xxl-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-xxl-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-xxl-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-5 { padding-top: 5px !important; } .pt-xxl-10 { padding-top: 10px !important; } .pt-xxl-15 { padding-top: 15px !important; } .pt-xxl-20 { padding-top: 20px !important; } .pt-xxl-25 { padding-top: 25px !important; } .pt-xxl-30 { padding-top: 30px !important; } .pt-xxl-35 { padding-top: 35px !important; } .pt-xxl-40 { padding-top: 40px !important; } .pt-xxl-45 { padding-top: 45px !important; } .pt-xxl-50 { padding-top: 50px !important; } .pt-xxl-55 { padding-top: 55px !important; } .pt-xxl-60 { padding-top: 60px !important; } .pt-xxl-65 { padding-top: 65px !important; } .pt-xxl-70 { padding-top: 70px !important; } .pt-xxl-75 { padding-top: 75px !important; } .pt-xxl-80 { padding-top: 80px !important; } .pt-xxl-85 { padding-top: 85px !important; } .pt-xxl-90 { padding-top: 90px !important; } .pt-xxl-95 { padding-top: 95px !important; } .pt-xxl-100 { padding-top: 100px !important; } .pr-xxl-0 { padding-right: 0 !important; } .pr-xxl-5 { padding-right: 5px !important; } .pr-xxl-10 { padding-right: 10px !important; } .pr-xxl-15 { padding-right: 15px !important; } .pr-xxl-20 { padding-right: 20px !important; } .pr-xxl-25 { padding-right: 25px !important; } .pr-xxl-30 { padding-right: 30px !important; } .pr-xxl-35 { padding-right: 35px !important; } .pr-xxl-40 { padding-right: 40px !important; } .pr-xxl-45 { padding-right: 45px !important; } .pr-xxl-50 { padding-right: 50px !important; } .pr-xxl-55 { padding-right: 55px !important; } .pr-xxl-60 { padding-right: 60px !important; } .pr-xxl-65 { padding-right: 65px !important; } .pr-xxl-70 { padding-right: 70px !important; } .pr-xxl-75 { padding-right: 75px !important; } .pr-xxl-80 { padding-right: 80px !important; } .pr-xxl-85 { padding-right: 85px !important; } .pr-xxl-90 { padding-right: 90px !important; } .pr-xxl-95 { padding-right: 95px !important; } .pr-xxl-100 { padding-right: 100px !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-5 { padding-bottom: 5px !important; } .pb-xxl-10 { padding-bottom: 10px !important; } .pb-xxl-15 { padding-bottom: 15px !important; } .pb-xxl-20 { padding-bottom: 20px !important; } .pb-xxl-25 { padding-bottom: 25px !important; } .pb-xxl-30 { padding-bottom: 30px !important; } .pb-xxl-35 { padding-bottom: 35px !important; } .pb-xxl-40 { padding-bottom: 40px !important; } .pb-xxl-45 { padding-bottom: 45px !important; } .pb-xxl-50 { padding-bottom: 50px !important; } .pb-xxl-55 { padding-bottom: 55px !important; } .pb-xxl-60 { padding-bottom: 60px !important; } .pb-xxl-65 { padding-bottom: 65px !important; } .pb-xxl-70 { padding-bottom: 70px !important; } .pb-xxl-75 { padding-bottom: 75px !important; } .pb-xxl-80 { padding-bottom: 80px !important; } .pb-xxl-85 { padding-bottom: 85px !important; } .pb-xxl-90 { padding-bottom: 90px !important; } .pb-xxl-95 { padding-bottom: 95px !important; } .pb-xxl-100 { padding-bottom: 100px !important; } .pl-xxl-0 { padding-left: 0 !important; } .pl-xxl-5 { padding-left: 5px !important; } .pl-xxl-10 { padding-left: 10px !important; } .pl-xxl-15 { padding-left: 15px !important; } .pl-xxl-20 { padding-left: 20px !important; } .pl-xxl-25 { padding-left: 25px !important; } .pl-xxl-30 { padding-left: 30px !important; } .pl-xxl-35 { padding-left: 35px !important; } .pl-xxl-40 { padding-left: 40px !important; } .pl-xxl-45 { padding-left: 45px !important; } .pl-xxl-50 { padding-left: 50px !important; } .pl-xxl-55 { padding-left: 55px !important; } .pl-xxl-60 { padding-left: 60px !important; } .pl-xxl-65 { padding-left: 65px !important; } .pl-xxl-70 { padding-left: 70px !important; } .pl-xxl-75 { padding-left: 75px !important; } .pl-xxl-80 { padding-left: 80px !important; } .pl-xxl-85 { padding-left: 85px !important; } .pl-xxl-90 { padding-left: 90px !important; } .pl-xxl-95 { padding-left: 95px !important; } .pl-xxl-100 { padding-left: 100px !important; } } @media (min-width: 1920px) { .d-fhd-none { display: none !important; } .d-fhd-inline { display: inline !important; } .d-fhd-inline-block { display: inline-block !important; } .d-fhd-block { display: block !important; } .d-fhd-table { display: table !important; } .d-fhd-table-row { display: table-row !important; } .d-fhd-table-cell { display: table-cell !important; } .d-fhd-flex { display: flex !important; } .d-fhd-inline-flex { display: inline-flex !important; } .flex-fhd-fill { flex: 1 1 auto !important; } .flex-fhd-row { flex-direction: row !important; } .flex-fhd-column { flex-direction: column !important; } .flex-fhd-row-reverse { flex-direction: row-reverse !important; } .flex-fhd-column-reverse { flex-direction: column-reverse !important; } .flex-fhd-grow-0 { flex-grow: 0 !important; } .flex-fhd-grow-1 { flex-grow: 1 !important; } .justify-content-fhd-start { justify-content: flex-start !important; } .justify-content-fhd-end { justify-content: flex-end !important; } .justify-content-fhd-center { justify-content: center !important; } .justify-content-fhd-between { justify-content: space-between !important; } .justify-content-fhd-around { justify-content: space-around !important; } .justify-content-fhd-evenly { justify-content: space-evenly !important; } .align-items-fhd-start { align-items: flex-start !important; } .align-items-fhd-end { align-items: flex-end !important; } .align-items-fhd-center { align-items: center !important; } .align-items-fhd-baseline { align-items: baseline !important; } .align-items-fhd-stretch { align-items: stretch !important; } .align-content-fhd-start { align-content: flex-start !important; } .align-content-fhd-end { align-content: flex-end !important; } .align-content-fhd-center { align-content: center !important; } .align-content-fhd-between { align-content: space-between !important; } .align-content-fhd-around { align-content: space-around !important; } .align-content-fhd-stretch { align-content: stretch !important; } .align-self-fhd-auto { align-self: auto !important; } .align-self-fhd-start { align-self: flex-start !important; } .align-self-fhd-end { align-self: flex-end !important; } .align-self-fhd-center { align-self: center !important; } .align-self-fhd-baseline { align-self: baseline !important; } .align-self-fhd-stretch { align-self: stretch !important; } .order-fhd-first { order: -1 !important; } .order-fhd-0 { order: 0 !important; } .order-fhd-1 { order: 1 !important; } .order-fhd-2 { order: 2 !important; } .order-fhd-3 { order: 3 !important; } .order-fhd-4 { order: 4 !important; } .order-fhd-5 { order: 5 !important; } .order-fhd-last { order: 6 !important; } .m-fhd-0 { margin: 0 !important; } .m-fhd-5 { margin: 5px !important; } .m-fhd-10 { margin: 10px !important; } .m-fhd-15 { margin: 15px !important; } .m-fhd-20 { margin: 20px !important; } .m-fhd-25 { margin: 25px !important; } .m-fhd-30 { margin: 30px !important; } .m-fhd-35 { margin: 35px !important; } .m-fhd-40 { margin: 40px !important; } .m-fhd-45 { margin: 45px !important; } .m-fhd-50 { margin: 50px !important; } .m-fhd-55 { margin: 55px !important; } .m-fhd-60 { margin: 60px !important; } .m-fhd-65 { margin: 65px !important; } .m-fhd-70 { margin: 70px !important; } .m-fhd-75 { margin: 75px !important; } .m-fhd-80 { margin: 80px !important; } .m-fhd-85 { margin: 85px !important; } .m-fhd-90 { margin: 90px !important; } .m-fhd-95 { margin: 95px !important; } .m-fhd-100 { margin: 100px !important; } .m-fhd-auto { margin: auto !important; } .mx-fhd-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-fhd-5 { margin-right: 5px !important; margin-left: 5px !important; } .mx-fhd-10 { margin-right: 10px !important; margin-left: 10px !important; } .mx-fhd-15 { margin-right: 15px !important; margin-left: 15px !important; } .mx-fhd-20 { margin-right: 20px !important; margin-left: 20px !important; } .mx-fhd-25 { margin-right: 25px !important; margin-left: 25px !important; } .mx-fhd-30 { margin-right: 30px !important; margin-left: 30px !important; } .mx-fhd-35 { margin-right: 35px !important; margin-left: 35px !important; } .mx-fhd-40 { margin-right: 40px !important; margin-left: 40px !important; } .mx-fhd-45 { margin-right: 45px !important; margin-left: 45px !important; } .mx-fhd-50 { margin-right: 50px !important; margin-left: 50px !important; } .mx-fhd-55 { margin-right: 55px !important; margin-left: 55px !important; } .mx-fhd-60 { margin-right: 60px !important; margin-left: 60px !important; } .mx-fhd-65 { margin-right: 65px !important; margin-left: 65px !important; } .mx-fhd-70 { margin-right: 70px !important; margin-left: 70px !important; } .mx-fhd-75 { margin-right: 75px !important; margin-left: 75px !important; } .mx-fhd-80 { margin-right: 80px !important; margin-left: 80px !important; } .mx-fhd-85 { margin-right: 85px !important; margin-left: 85px !important; } .mx-fhd-90 { margin-right: 90px !important; margin-left: 90px !important; } .mx-fhd-95 { margin-right: 95px !important; margin-left: 95px !important; } .mx-fhd-100 { margin-right: 100px !important; margin-left: 100px !important; } .mx-fhd-auto { margin-right: auto !important; margin-left: auto !important; } .my-fhd-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-fhd-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-fhd-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-fhd-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-fhd-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-fhd-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-fhd-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .my-fhd-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .my-fhd-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-fhd-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .my-fhd-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .my-fhd-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .my-fhd-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-fhd-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .my-fhd-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .my-fhd-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .my-fhd-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .my-fhd-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .my-fhd-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .my-fhd-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .my-fhd-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .my-fhd-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-fhd-0 { margin-top: 0 !important; } .mt-fhd-5 { margin-top: 5px !important; } .mt-fhd-10 { margin-top: 10px !important; } .mt-fhd-15 { margin-top: 15px !important; } .mt-fhd-20 { margin-top: 20px !important; } .mt-fhd-25 { margin-top: 25px !important; } .mt-fhd-30 { margin-top: 30px !important; } .mt-fhd-35 { margin-top: 35px !important; } .mt-fhd-40 { margin-top: 40px !important; } .mt-fhd-45 { margin-top: 45px !important; } .mt-fhd-50 { margin-top: 50px !important; } .mt-fhd-55 { margin-top: 55px !important; } .mt-fhd-60 { margin-top: 60px !important; } .mt-fhd-65 { margin-top: 65px !important; } .mt-fhd-70 { margin-top: 70px !important; } .mt-fhd-75 { margin-top: 75px !important; } .mt-fhd-80 { margin-top: 80px !important; } .mt-fhd-85 { margin-top: 85px !important; } .mt-fhd-90 { margin-top: 90px !important; } .mt-fhd-95 { margin-top: 95px !important; } .mt-fhd-100 { margin-top: 100px !important; } .mt-fhd-auto { margin-top: auto !important; } .mr-fhd-0 { margin-right: 0 !important; } .mr-fhd-5 { margin-right: 5px !important; } .mr-fhd-10 { margin-right: 10px !important; } .mr-fhd-15 { margin-right: 15px !important; } .mr-fhd-20 { margin-right: 20px !important; } .mr-fhd-25 { margin-right: 25px !important; } .mr-fhd-30 { margin-right: 30px !important; } .mr-fhd-35 { margin-right: 35px !important; } .mr-fhd-40 { margin-right: 40px !important; } .mr-fhd-45 { margin-right: 45px !important; } .mr-fhd-50 { margin-right: 50px !important; } .mr-fhd-55 { margin-right: 55px !important; } .mr-fhd-60 { margin-right: 60px !important; } .mr-fhd-65 { margin-right: 65px !important; } .mr-fhd-70 { margin-right: 70px !important; } .mr-fhd-75 { margin-right: 75px !important; } .mr-fhd-80 { margin-right: 80px !important; } .mr-fhd-85 { margin-right: 85px !important; } .mr-fhd-90 { margin-right: 90px !important; } .mr-fhd-95 { margin-right: 95px !important; } .mr-fhd-100 { margin-right: 100px !important; } .mr-fhd-auto { margin-right: auto !important; } .mb-fhd-0 { margin-bottom: 0 !important; } .mb-fhd-5 { margin-bottom: 5px !important; } .mb-fhd-10 { margin-bottom: 10px !important; } .mb-fhd-15 { margin-bottom: 15px !important; } .mb-fhd-20 { margin-bottom: 20px !important; } .mb-fhd-25 { margin-bottom: 25px !important; } .mb-fhd-30 { margin-bottom: 30px !important; } .mb-fhd-35 { margin-bottom: 35px !important; } .mb-fhd-40 { margin-bottom: 40px !important; } .mb-fhd-45 { margin-bottom: 45px !important; } .mb-fhd-50 { margin-bottom: 50px !important; } .mb-fhd-55 { margin-bottom: 55px !important; } .mb-fhd-60 { margin-bottom: 60px !important; } .mb-fhd-65 { margin-bottom: 65px !important; } .mb-fhd-70 { margin-bottom: 70px !important; } .mb-fhd-75 { margin-bottom: 75px !important; } .mb-fhd-80 { margin-bottom: 80px !important; } .mb-fhd-85 { margin-bottom: 85px !important; } .mb-fhd-90 { margin-bottom: 90px !important; } .mb-fhd-95 { margin-bottom: 95px !important; } .mb-fhd-100 { margin-bottom: 100px !important; } .mb-fhd-auto { margin-bottom: auto !important; } .ml-fhd-0 { margin-left: 0 !important; } .ml-fhd-5 { margin-left: 5px !important; } .ml-fhd-10 { margin-left: 10px !important; } .ml-fhd-15 { margin-left: 15px !important; } .ml-fhd-20 { margin-left: 20px !important; } .ml-fhd-25 { margin-left: 25px !important; } .ml-fhd-30 { margin-left: 30px !important; } .ml-fhd-35 { margin-left: 35px !important; } .ml-fhd-40 { margin-left: 40px !important; } .ml-fhd-45 { margin-left: 45px !important; } .ml-fhd-50 { margin-left: 50px !important; } .ml-fhd-55 { margin-left: 55px !important; } .ml-fhd-60 { margin-left: 60px !important; } .ml-fhd-65 { margin-left: 65px !important; } .ml-fhd-70 { margin-left: 70px !important; } .ml-fhd-75 { margin-left: 75px !important; } .ml-fhd-80 { margin-left: 80px !important; } .ml-fhd-85 { margin-left: 85px !important; } .ml-fhd-90 { margin-left: 90px !important; } .ml-fhd-95 { margin-left: 95px !important; } .ml-fhd-100 { margin-left: 100px !important; } .ml-fhd-auto { margin-left: auto !important; } .p-fhd-0 { padding: 0 !important; } .p-fhd-5 { padding: 5px !important; } .p-fhd-10 { padding: 10px !important; } .p-fhd-15 { padding: 15px !important; } .p-fhd-20 { padding: 20px !important; } .p-fhd-25 { padding: 25px !important; } .p-fhd-30 { padding: 30px !important; } .p-fhd-35 { padding: 35px !important; } .p-fhd-40 { padding: 40px !important; } .p-fhd-45 { padding: 45px !important; } .p-fhd-50 { padding: 50px !important; } .p-fhd-55 { padding: 55px !important; } .p-fhd-60 { padding: 60px !important; } .p-fhd-65 { padding: 65px !important; } .p-fhd-70 { padding: 70px !important; } .p-fhd-75 { padding: 75px !important; } .p-fhd-80 { padding: 80px !important; } .p-fhd-85 { padding: 85px !important; } .p-fhd-90 { padding: 90px !important; } .p-fhd-95 { padding: 95px !important; } .p-fhd-100 { padding: 100px !important; } .px-fhd-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-fhd-5 { padding-right: 5px !important; padding-left: 5px !important; } .px-fhd-10 { padding-right: 10px !important; padding-left: 10px !important; } .px-fhd-15 { padding-right: 15px !important; padding-left: 15px !important; } .px-fhd-20 { padding-right: 20px !important; padding-left: 20px !important; } .px-fhd-25 { padding-right: 25px !important; padding-left: 25px !important; } .px-fhd-30 { padding-right: 30px !important; padding-left: 30px !important; } .px-fhd-35 { padding-right: 35px !important; padding-left: 35px !important; } .px-fhd-40 { padding-right: 40px !important; padding-left: 40px !important; } .px-fhd-45 { padding-right: 45px !important; padding-left: 45px !important; } .px-fhd-50 { padding-right: 50px !important; padding-left: 50px !important; } .px-fhd-55 { padding-right: 55px !important; padding-left: 55px !important; } .px-fhd-60 { padding-right: 60px !important; padding-left: 60px !important; } .px-fhd-65 { padding-right: 65px !important; padding-left: 65px !important; } .px-fhd-70 { padding-right: 70px !important; padding-left: 70px !important; } .px-fhd-75 { padding-right: 75px !important; padding-left: 75px !important; } .px-fhd-80 { padding-right: 80px !important; padding-left: 80px !important; } .px-fhd-85 { padding-right: 85px !important; padding-left: 85px !important; } .px-fhd-90 { padding-right: 90px !important; padding-left: 90px !important; } .px-fhd-95 { padding-right: 95px !important; padding-left: 95px !important; } .px-fhd-100 { padding-right: 100px !important; padding-left: 100px !important; } .py-fhd-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-fhd-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-fhd-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-fhd-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-fhd-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-fhd-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-fhd-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .py-fhd-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .py-fhd-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-fhd-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .py-fhd-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .py-fhd-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .py-fhd-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .py-fhd-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .py-fhd-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .py-fhd-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .py-fhd-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .py-fhd-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .py-fhd-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .py-fhd-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .py-fhd-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pt-fhd-0 { padding-top: 0 !important; } .pt-fhd-5 { padding-top: 5px !important; } .pt-fhd-10 { padding-top: 10px !important; } .pt-fhd-15 { padding-top: 15px !important; } .pt-fhd-20 { padding-top: 20px !important; } .pt-fhd-25 { padding-top: 25px !important; } .pt-fhd-30 { padding-top: 30px !important; } .pt-fhd-35 { padding-top: 35px !important; } .pt-fhd-40 { padding-top: 40px !important; } .pt-fhd-45 { padding-top: 45px !important; } .pt-fhd-50 { padding-top: 50px !important; } .pt-fhd-55 { padding-top: 55px !important; } .pt-fhd-60 { padding-top: 60px !important; } .pt-fhd-65 { padding-top: 65px !important; } .pt-fhd-70 { padding-top: 70px !important; } .pt-fhd-75 { padding-top: 75px !important; } .pt-fhd-80 { padding-top: 80px !important; } .pt-fhd-85 { padding-top: 85px !important; } .pt-fhd-90 { padding-top: 90px !important; } .pt-fhd-95 { padding-top: 95px !important; } .pt-fhd-100 { padding-top: 100px !important; } .pr-fhd-0 { padding-right: 0 !important; } .pr-fhd-5 { padding-right: 5px !important; } .pr-fhd-10 { padding-right: 10px !important; } .pr-fhd-15 { padding-right: 15px !important; } .pr-fhd-20 { padding-right: 20px !important; } .pr-fhd-25 { padding-right: 25px !important; } .pr-fhd-30 { padding-right: 30px !important; } .pr-fhd-35 { padding-right: 35px !important; } .pr-fhd-40 { padding-right: 40px !important; } .pr-fhd-45 { padding-right: 45px !important; } .pr-fhd-50 { padding-right: 50px !important; } .pr-fhd-55 { padding-right: 55px !important; } .pr-fhd-60 { padding-right: 60px !important; } .pr-fhd-65 { padding-right: 65px !important; } .pr-fhd-70 { padding-right: 70px !important; } .pr-fhd-75 { padding-right: 75px !important; } .pr-fhd-80 { padding-right: 80px !important; } .pr-fhd-85 { padding-right: 85px !important; } .pr-fhd-90 { padding-right: 90px !important; } .pr-fhd-95 { padding-right: 95px !important; } .pr-fhd-100 { padding-right: 100px !important; } .pb-fhd-0 { padding-bottom: 0 !important; } .pb-fhd-5 { padding-bottom: 5px !important; } .pb-fhd-10 { padding-bottom: 10px !important; } .pb-fhd-15 { padding-bottom: 15px !important; } .pb-fhd-20 { padding-bottom: 20px !important; } .pb-fhd-25 { padding-bottom: 25px !important; } .pb-fhd-30 { padding-bottom: 30px !important; } .pb-fhd-35 { padding-bottom: 35px !important; } .pb-fhd-40 { padding-bottom: 40px !important; } .pb-fhd-45 { padding-bottom: 45px !important; } .pb-fhd-50 { padding-bottom: 50px !important; } .pb-fhd-55 { padding-bottom: 55px !important; } .pb-fhd-60 { padding-bottom: 60px !important; } .pb-fhd-65 { padding-bottom: 65px !important; } .pb-fhd-70 { padding-bottom: 70px !important; } .pb-fhd-75 { padding-bottom: 75px !important; } .pb-fhd-80 { padding-bottom: 80px !important; } .pb-fhd-85 { padding-bottom: 85px !important; } .pb-fhd-90 { padding-bottom: 90px !important; } .pb-fhd-95 { padding-bottom: 95px !important; } .pb-fhd-100 { padding-bottom: 100px !important; } .pl-fhd-0 { padding-left: 0 !important; } .pl-fhd-5 { padding-left: 5px !important; } .pl-fhd-10 { padding-left: 10px !important; } .pl-fhd-15 { padding-left: 15px !important; } .pl-fhd-20 { padding-left: 20px !important; } .pl-fhd-25 { padding-left: 25px !important; } .pl-fhd-30 { padding-left: 30px !important; } .pl-fhd-35 { padding-left: 35px !important; } .pl-fhd-40 { padding-left: 40px !important; } .pl-fhd-45 { padding-left: 45px !important; } .pl-fhd-50 { padding-left: 50px !important; } .pl-fhd-55 { padding-left: 55px !important; } .pl-fhd-60 { padding-left: 60px !important; } .pl-fhd-65 { padding-left: 65px !important; } .pl-fhd-70 { padding-left: 70px !important; } .pl-fhd-75 { padding-left: 75px !important; } .pl-fhd-80 { padding-left: 80px !important; } .pl-fhd-85 { padding-left: 85px !important; } .pl-fhd-90 { padding-left: 90px !important; } .pl-fhd-95 { padding-left: 95px !important; } .pl-fhd-100 { padding-left: 100px !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; } } /*! destyle.css v1.0.14 | MIT License | https://github.com/nicolas-cusan/destyle.css */ /* Reset box-model */ /* ============================================ */ * { box-sizing: border-box; } ::before, ::after { box-sizing: inherit; } /* Document */ /* ============================================ */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Remove gray overlay on links for iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ } /* Sections */ /* ============================================ */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Vertical rhythm */ /* ============================================ */ p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; } /* Headings */ /* ============================================ */ h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; } /* Lists (enumeration) */ /* ============================================ */ ul, ol { margin: 0; padding: 0; list-style: none; } /* Lists (definition) */ /* ============================================ */ dt { font-weight: bold; } dd { margin-left: 0; } /* Grouping content */ /* ============================================ */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border: 0; border-top: 1px solid; margin: 0; clear: both; color: inherit; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } address { font-style: inherit; } /* Text-level semantics */ /* ============================================ */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration: none; color: inherit; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content */ /* ============================================ */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; vertical-align: bottom; } embed, object, iframe { border: 0; vertical-align: bottom; } /* Forms */ /* ============================================ */ /** * Reset form fields to make them styleable */ button, input, optgroup, select, textarea { appearance: none; vertical-align: middle; color: inherit; font: inherit; border: 0; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit; } /** * Reset radio and checkbox appearance to preserve their look in iOS. */ [type=checkbox] { appearance: checkbox; } [type=radio] { appearance: radio; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { cursor: pointer; appearance: none; } button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] { cursor: default; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Remove arrow in IE10 & IE11 */ select::-ms-expand { display: none; } /** * Remove padding */ option { padding: 0; } /** * Reset to invisible */ fieldset { margin: 0; padding: 0; border: 0; min-width: 0; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the outline style in Safari. */ [type=search] { outline-offset: -2px; /* 1 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Clickable labels */ label[for] { cursor: pointer; } /* Interactive */ /* ============================================ */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Remove outline for editable content. */ [contenteditable] { outline: none; } /* Table */ /* ============================================ */ table { border-collapse: collapse; border-spacing: 0; } caption { text-align: left; } td, th { vertical-align: top; padding: 0; } th { text-align: left; font-weight: bold; } /* Misc */ /* ============================================ */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* stylelint-disable color-no-hex */ /* stylelint-enable color-no-hex */ .text-alabaster { color: #fafafa !important; /* stylelint-disable-line declaration-no-important */ } .text-alabaster > * { color: inherit; } .bg-alabaster { background-color: #fafafa; } .text-alto { color: #d9d9d9 !important; /* stylelint-disable-line declaration-no-important */ } .text-alto > * { color: inherit; } .bg-alto { background-color: #d9d9d9; } .text-amber { color: #fb0 !important; /* stylelint-disable-line declaration-no-important */ } .text-amber > * { color: inherit; } .bg-amber { background-color: #fb0; } .text-boulder { color: #767676 !important; /* stylelint-disable-line declaration-no-important */ } .text-boulder > * { color: inherit; } .bg-boulder { background-color: #767676; } .text-cola { color: #000 !important; /* stylelint-disable-line declaration-no-important */ } .text-cola > * { color: inherit; } .bg-cola { background-color: #000; } .text-corn { color: #e5a800 !important; /* stylelint-disable-line declaration-no-important */ } .text-corn > * { color: inherit; } .bg-corn { background-color: #e5a800; } .text-dove-gray { color: #555 !important; /* stylelint-disable-line declaration-no-important */ } .text-dove-gray > * { color: inherit; } .bg-dove-gray { background-color: #555; } .text-dove-gray-light { color: #666 !important; /* stylelint-disable-line declaration-no-important */ } .text-dove-gray-light > * { color: inherit; } .bg-dove-gray-light { background-color: #666; } .text-dusty-gray { color: #979797 !important; /* stylelint-disable-line declaration-no-important */ } .text-dusty-gray > * { color: inherit; } .bg-dusty-gray { background-color: #979797; } .text-fun-green { color: #007e31 !important; /* stylelint-disable-line declaration-no-important */ } .text-fun-green > * { color: inherit; } .bg-fun-green { background-color: #007e31; } .text-gallery { color: #eaeaea !important; /* stylelint-disable-line declaration-no-important */ } .text-gallery > * { color: inherit; } .bg-gallery { background-color: #eaeaea; } .text-heavymetal { color: #292a29 !important; /* stylelint-disable-line declaration-no-important */ } .text-heavymetal > * { color: inherit; } .bg-heavymetal { background-color: #292a29; } .text-iron { color: #e3e4e4 !important; /* stylelint-disable-line declaration-no-important */ } .text-iron > * { color: inherit; } .bg-iron { background-color: #e3e4e4; } .text-milk { color: #fff !important; /* stylelint-disable-line declaration-no-important */ } .text-milk > * { color: inherit; } .bg-milk { background-color: #fff; } .text-mineshaft { color: #242424 !important; /* stylelint-disable-line declaration-no-important */ } .text-mineshaft > * { color: inherit; } .bg-mineshaft { background-color: #242424; } .text-mine-shaft { color: #555 !important; /* stylelint-disable-line declaration-no-important */ } .text-mine-shaft > * { color: inherit; } .bg-mine-shaft { background-color: #555; } .text-mongoose { color: #b8a284 !important; /* stylelint-disable-line declaration-no-important */ } .text-mongoose > * { color: inherit; } .bg-mongoose { background-color: #b8a284; } .text-mystic { color: #e3ecea !important; /* stylelint-disable-line declaration-no-important */ } .text-mystic > * { color: inherit; } .bg-mystic { background-color: #e3ecea; } .text-oatmeal { color: #f5ebd0 !important; /* stylelint-disable-line declaration-no-important */ } .text-oatmeal > * { color: inherit; } .bg-oatmeal { background-color: #f5ebd0; } .text-pampas { color: #f5ebd0 !important; /* stylelint-disable-line declaration-no-important */ } .text-pampas > * { color: inherit; } .bg-pampas { background-color: #f5ebd0; } .text-rollingstone { color: #808285 !important; /* stylelint-disable-line declaration-no-important */ } .text-rollingstone > * { color: inherit; } .bg-rollingstone { background-color: #808285; } .text-sandwisp { color: #f5e1a0 !important; /* stylelint-disable-line declaration-no-important */ } .text-sandwisp > * { color: inherit; } .bg-sandwisp { background-color: #f5e1a0; } .text-sliver-chalise { color: #b2b2b2 !important; /* stylelint-disable-line declaration-no-important */ } .text-sliver-chalise > * { color: inherit; } .bg-sliver-chalise { background-color: #b2b2b2; } .text-stardust { color: #9d9d9c !important; /* stylelint-disable-line declaration-no-important */ } .text-stardust > * { color: inherit; } .bg-stardust { background-color: #9d9d9c; } .text-stonegrey { color: #555 !important; /* stylelint-disable-line declaration-no-important */ } .text-stonegrey > * { color: inherit; } .bg-stonegrey { background-color: #555; } .text-thunderbird { color: #ca1c1c !important; /* stylelint-disable-line declaration-no-important */ } .text-thunderbird > * { color: inherit; } .bg-thunderbird { background-color: #ca1c1c; } .bg-stone { color: #fff; } :root { --size-bullet: 5px; --size-btn-play: 60px; --size-form-check-indicator: 20px; --size-accordion-indicator: 10px; --height-btn: 42px; --height-form-control: 42px; --py-section: 45px; --px-btn: 18px; --px-form-control: 13px; --py-form-control: 15px; --py-accordion: 15px; --pr-accordion: 15px; --pl-accordion: 45px; --font-size-base: 14px; --line-height-base: 21px; --speed-fast: .125s; --speed-default: .25s; --speed-slow: .5s; --speed-sluggish: 1s; --speed-snail: 2s; --cubic-bezier: cubic-bezier(.05, .69, .14, 1); --cubic-bezier-2: cubic-bezier(.215, .61, .355, 1); } @media (min-width: 768px) { :root { --size-accordion-indicator: 16px; --py-section: 70px; --py-accordion: 22px; --pr-accordion: 75px; --pl-accordion: 70px; } } @media (min-width: 1024px) { :root { --size-btn-play: 74px; } } @media (min-width: 1280px) { :root { --size-bullet: 6px; --size-btn-play: 92px; --height-btn: 50px; --height-form-control: 45px; --py-section: 85px; --px-btn: 25px; --px-form-control: 20px; --font-size-base: 16px; --line-height-base: 26px; } } @media (min-width: 1440px) { :root { --height-btn: 55px; --py-section: 100px; } } @media (min-width: 1920px) { :root { --size-bullet: 7px; --size-btn-play: 114px; --px-btn: 28px; --px-form-control: 28px; --font-size-base: 18px; --line-height-base: 30px; } } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 568px) { .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: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1280px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1920px) { .text-fhd-left { text-align: left !important; } .text-fhd-right { text-align: right !important; } .text-fhd-center { text-align: center !important; } } /* stylelint-disable plugin/no-low-performance-animation-properties */ /* stylelint-enable plugin/no-low-performance-animation-properties */ @font-face { font-family: "schieland-icons"; src: url("fonts/schieland-icons.woff2?uu1fus") format("woff2"), url("fonts/schieland-icons.ttf?uu1fus") format("truetype"), url("fonts/schieland-icons.woff?uu1fus") format("woff"), url("fonts/schieland-icons.svg?uu1fus#schieland-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "schieland-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\E920"; } .icon-rooms:before { content: "\E921"; } .icon-bedrooms:before { content: "\E91D"; } .icon-label:before { content: "\E91E"; } .icon-surface:before { content: "\E91F"; } .icon-map:before { content: "\E91A"; } .icon-filter:before { content: "\E91B"; } .icon-sort:before { content: "\E91C"; } .icon-close:before { content: "\E919"; } .icon-circle:before { content: "\E918"; } .icon-marker:before { content: "\E916"; } .icon-arrow-right:before { content: "\E917"; } .icon-twitter:before { content: "\E909"; } .icon-360-view:before { content: "\E900"; } .icon-check-circle:before { content: "\E901"; } .icon-chevron-down-small:before { content: "\E902"; } .icon-chevron-down-big:before { content: "\E903"; } .icon-chevron-left-rounded:before { content: "\E904"; } .icon-chevron-left:before { content: "\E905"; } .icon-chevron-right:before { content: "\E906"; } .icon-chevron-up:before { content: "\E907"; } .icon-facebook:before { content: "\E908"; } .icon-heart:before { content: "\E90A"; } .icon-instagram:before { content: "\E90B"; } .icon-linkedin:before { content: "\E90C"; } .icon-mail:before { content: "\E90D"; } .icon-overview:before { content: "\E90E"; } .icon-phone:before { content: "\E90F"; } .icon-pin:before { content: "\E910"; } .icon-play:before { content: "\E911"; } .icon-search:before { content: "\E912"; } .icon-vr-tour:before { content: "\E913"; } .icon-whatsapp:before { content: "\E914"; } .icon-youtube:before { content: "\E915"; } @font-face { font-family: "schieland-icons"; src: url("../fonts/schieland-icons.woff2?do8v6s") format("woff2"); font-weight: 400; font-style: normal; font-display: block; } .icon-chevron-down-big::before { content: "\E903"; } .icon-chevron-down-small::before { content: "\E902"; } .icon-chevron-left::before { content: "\E905"; } .icon-chevron-right::before { content: "\E906"; } .icon-search::before { content: "\E912"; } .icon-phone::before { content: "\E90F"; } .icon-mail::before { content: "\E90D"; } .icon-twitter::before { content: "\E909"; } .icon-instagram::before { content: "\E90B"; } .icon-pin::before { content: "\E910"; } .icon-play::before { content: "\E911"; } .icon-overview::before { content: "\E90E"; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a, .section--text-slide .text-slide__text .text-slide__text__item span, h1, h1 span, .h1, .section--detail .section--news-head h1, h2, h2 span, .h2, .gform_wrapper .gform_title, h3, h3 span, .h3, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title, h4, h4 span, .h4, .reference-item h5 span, h5, h5 span, .h5 { font-family: "Visby", sans-serif; font-weight: 300; color: #555; letter-spacing: -0.5px; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a strong, .section--text-slide .text-slide__text .text-slide__text__item span strong, h1 strong, .h1 strong, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a b, .section--text-slide .text-slide__text .text-slide__text__item span b, h1 b, .h1 b, .section--detail .section--news-head h1 strong, h2 strong, .h2 strong, .section--detail .section--news-head h1 b, h2 b, .h2 b, .gform_wrapper .gform_title strong, h3 strong, .h3 strong, .gform_wrapper .gform_title b, h3 b, .h3 b, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title strong, h4 strong, .h4 strong, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title b, h4 b, .h4 b, .reference-item h5 span strong, h5 strong, .h5 strong, .reference-item h5 span b, h5 b, .h5 b { font-family: "Visby", sans-serif; font-weight: 800; font-size: inherit; letter-spacing: inherit; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a strong span, .section--text-slide .text-slide__text .text-slide__text__item span strong span, h1 strong span, .h1 strong span, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a b span, .section--text-slide .text-slide__text .text-slide__text__item span b span, h1 b span, .h1 b span, .section--detail .section--news-head h1 strong span, h2 strong span, .h2 strong span, .section--detail .section--news-head h1 b span, h2 b span, .h2 b span, .gform_wrapper .gform_title strong span, h3 strong span, .h3 strong span, .gform_wrapper .gform_title b span, h3 b span, .h3 b span, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title strong span, h4 strong span, .h4 strong span, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title b span, h4 b span, .h4 b span, .reference-item h5 span strong span, h5 strong span, .h5 strong span, .reference-item h5 span b span, h5 b span, .h5 b span { display: block; margin-bottom: 10px; font-family: "Visby", sans-serif; font-weight: 800; font-size: inherit; letter-spacing: inherit; } @media (min-width: 1920px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a strong span, .section--text-slide .text-slide__text .text-slide__text__item span strong span, h1 strong span, .h1 strong span, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a b span, .section--text-slide .text-slide__text .text-slide__text__item span b span, h1 b span, .h1 b span, .section--detail .section--news-head h1 strong span, h2 strong span, .h2 strong span, .section--detail .section--news-head h1 b span, h2 b span, .h2 b span, .gform_wrapper .gform_title strong span, h3 strong span, .h3 strong span, .gform_wrapper .gform_title b span, h3 b span, .h3 b span, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title strong span, h4 strong span, .h4 strong span, .gform_wrapper .gform_body .gform_fields .gfield .gsection_title b span, h4 b span, .h4 b span, .reference-item h5 span strong span, h5 strong span, .h5 strong span, .reference-item h5 span b span, h5 b span, .h5 b span { margin-bottom: 20px; } } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a:not(.normal-heading), .section--text-slide .text-slide__text .text-slide__text__item span:not(.normal-heading), h1:not(.normal-heading), h1 span:not(.normal-heading), .h1:not(.normal-heading), .section--detail .section--news-head h1:not(.normal-heading), h2:not(.normal-heading), h2 span:not(.normal-heading), .h2:not(.normal-heading), .gform_wrapper .gform_title:not(.normal-heading), h3:not(.normal-heading), h3 span:not(.normal-heading), .h3:not(.normal-heading), .gform_wrapper .gform_body .gform_fields .gfield .gsection_title:not(.normal-heading), h4:not(.normal-heading), h4 span:not(.normal-heading), .h4:not(.normal-heading), h5:not(.normal-heading), h5 span:not(.normal-heading), .h5:not(.normal-heading) { text-transform: lowercase; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.milk, .section--text-slide .text-slide__text .text-slide__text__item span.milk, h1.milk, h1 span.milk, .milk.h1, .section--detail .section--news-head h1.milk, h2.milk, h2 span.milk, .milk.h2, .gform_wrapper .milk.gform_title, h3.milk, h3 span.milk, .milk.h3, .gform_wrapper .gform_body .gform_fields .gfield .milk.gsection_title, h4.milk, h4 span.milk, .milk.h4, h5.milk, h5 span.milk, .milk.h5 { color: #fff; } @keyframes heartbeat { 0% { transform: scale(1); } 30% { transform: scale(1.05); } 50% { transform: scale(1.03); } 70% { transform: scale(1.05); } 100% { transform: scale(1); } } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a, .section--text-slide .text-slide__text .text-slide__text__item span, h1, h1 span, .h1 { font-size: 32px; line-height: 32px; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.spacing, .section--text-slide .text-slide__text .text-slide__text__item span.spacing, h1.spacing, h1 span.spacing, .spacing.h1 { margin-bottom: 10px; } @media (min-width: 1920px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.spacing, .section--text-slide .text-slide__text .text-slide__text__item span.spacing, h1.spacing, h1 span.spacing, .spacing.h1 { margin-bottom: 20px; } } @media (min-width: 1024px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a, .section--text-slide .text-slide__text .text-slide__text__item span, h1, h1 span, .h1 { font-size: 38px; line-height: 39px; } } @media (min-width: 1280px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a, .section--text-slide .text-slide__text .text-slide__text__item span, h1, h1 span, .h1 { font-size: 45px; line-height: 47px; } } @media (min-width: 1920px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a, .section--text-slide .text-slide__text .text-slide__text__item span, h1, h1 span, .h1 { font-size: 51px; line-height: 53px; } } .section--detail .section--news-head h1, h2, h2 span, .h2 { font-size: 28px; line-height: 28px; } .section--detail .section--news-head h1.spacing, h2.spacing, h2 span.spacing, .spacing.h2 { margin-bottom: 10px; } @media (min-width: 1920px) { .section--detail .section--news-head h1.spacing, h2.spacing, h2 span.spacing, .spacing.h2 { margin-bottom: 20px; } } @media (min-width: 1024px) { .section--detail .section--news-head h1, h2, h2 span, .h2 { font-size: 32px; line-height: 32px; } } @media (min-width: 1280px) { .section--detail .section--news-head h1, h2, h2 span, .h2 { font-size: 40px; line-height: 38px; } } @media (min-width: 1920px) { .section--detail .section--news-head h1, h2, h2 span, .h2 { font-size: 45px; line-height: 45px; } } .gform_wrapper .gform_title, h3, h3 span, .h3 { font-size: 22px; line-height: 22px; } .gform_wrapper .spacing.gform_title, h3.spacing, h3 span.spacing, .spacing.h3 { margin-bottom: 10px; } @media (min-width: 1920px) { .gform_wrapper .spacing.gform_title, h3.spacing, h3 span.spacing, .spacing.h3 { margin-bottom: 20px; } } @media (min-width: 1280px) { .gform_wrapper .gform_title, h3, h3 span, .h3 { font-size: 28px; line-height: 31px; } } @media (min-width: 1920px) { .gform_wrapper .gform_title, h3, h3 span, .h3 { font-size: 32px; line-height: 36px; } } .gform_wrapper .gform_body .gform_fields .gfield .gsection_title, h4, h4 span, .h4 { font-size: 18px; } .gform_wrapper .gform_body .gform_fields .gfield .spacing.gsection_title, h4.spacing, h4 span.spacing, .spacing.h4 { margin-bottom: 5px; } @media (min-width: 1280px) { .gform_wrapper .gform_body .gform_fields .gfield .gsection_title, h4, h4 span, .h4 { font-size: 22px; } } @media (min-width: 1920px) { .gform_wrapper .gform_body .gform_fields .gfield .gsection_title, h4, h4 span, .h4 { font-size: 24px; } } .reference-item h5 span, h5, h5 span, .h5 { font-size: 11px; } @media (min-width: 1280px) { .reference-item h5 span, h5, h5 span, .h5 { font-size: 13px; } } @media (min-width: 1920px) { .reference-item h5 span, h5, h5 span, .h5 { font-size: 16px; } } div.yellow-circle, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.yellow-circle, .section--text-slide .text-slide__text .text-slide__text__item span.yellow-circle, h1.yellow-circle, h1 span.yellow-circle, .yellow-circle.h1, .section--detail .section--news-head h1.yellow-circle, h2.yellow-circle, h2 span.yellow-circle, .yellow-circle.h2, .gform_wrapper .yellow-circle.gform_title, h3.yellow-circle, h3 span.yellow-circle, .yellow-circle.h3, .gform_wrapper .gform_body .gform_fields .gfield .yellow-circle.gsection_title, h4.yellow-circle, h4 span.yellow-circle, .yellow-circle.h4, .reference-item h5 span.yellow-circle, h5.yellow-circle, h5 span.yellow-circle, .yellow-circle.h5 { position: relative; } @media (min-width: 1024px) { div.yellow-circle::before, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.yellow-circle::before, .section--text-slide .text-slide__text .text-slide__text__item span.yellow-circle::before, h1.yellow-circle::before, h1 span.yellow-circle::before, .yellow-circle.h1::before, .section--detail .section--news-head h1.yellow-circle::before, h2.yellow-circle::before, h2 span.yellow-circle::before, .yellow-circle.h2::before, .gform_wrapper .yellow-circle.gform_title::before, h3.yellow-circle::before, h3 span.yellow-circle::before, .yellow-circle.h3::before, .gform_wrapper .gform_body .gform_fields .gfield .yellow-circle.gsection_title::before, h4.yellow-circle::before, h4 span.yellow-circle::before, .yellow-circle.h4::before, .reference-item h5 span.yellow-circle::before, h5.yellow-circle::before, h5 span.yellow-circle::before, .yellow-circle.h5::before { width: 32px; height: 32px; border-radius: 50%; background-color: #fb0; content: ""; position: absolute; top: 0; left: -40px; animation: heartbeat 2.5s infinite; animation-delay: 1s; } } @media (min-width: 1280px) { div.yellow-circle::before, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.yellow-circle::before, .section--text-slide .text-slide__text .text-slide__text__item span.yellow-circle::before, h1.yellow-circle::before, h1 span.yellow-circle::before, .yellow-circle.h1::before, .section--detail .section--news-head h1.yellow-circle::before, h2.yellow-circle::before, h2 span.yellow-circle::before, .yellow-circle.h2::before, .gform_wrapper .yellow-circle.gform_title::before, h3.yellow-circle::before, h3 span.yellow-circle::before, .yellow-circle.h3::before, .gform_wrapper .gform_body .gform_fields .gfield .yellow-circle.gsection_title::before, h4.yellow-circle::before, h4 span.yellow-circle::before, .yellow-circle.h4::before, .reference-item h5 span.yellow-circle::before, h5.yellow-circle::before, h5 span.yellow-circle::before, .yellow-circle.h5::before { width: 40px; height: 40px; left: -50px; } } @media (min-width: 1920px) { div.yellow-circle::before, .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a.yellow-circle::before, .section--text-slide .text-slide__text .text-slide__text__item span.yellow-circle::before, h1.yellow-circle::before, h1 span.yellow-circle::before, .yellow-circle.h1::before, .section--detail .section--news-head h1.yellow-circle::before, h2.yellow-circle::before, h2 span.yellow-circle::before, .yellow-circle.h2::before, .gform_wrapper .yellow-circle.gform_title::before, h3.yellow-circle::before, h3 span.yellow-circle::before, .yellow-circle.h3::before, .gform_wrapper .gform_body .gform_fields .gfield .yellow-circle.gsection_title::before, h4.yellow-circle::before, h4 span.yellow-circle::before, .yellow-circle.h4::before, .reference-item h5 span.yellow-circle::before, h5.yellow-circle::before, h5 span.yellow-circle::before, .yellow-circle.h5::before { top: 4px; } } .download__brochure__content-wrapper ul.buttons li a, .more__info ul li a, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span, .section--text-image .text ol li, .section--text-image .text ul li, .section--hero .hero-content ul li a, .section--hero .hero-content ul li p, .section--hero .hero-content ol li a, .section--hero .hero-content ol li p, .section--hero .hero-content ul li, .section--hero .hero-content ol li, .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_description, .gform_wrapper .gform_description, p, a, span, p span, em, i { font-family: "Visby", sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; } .download__brochure__content-wrapper ul.buttons li a.bold, .more__info ul li a.bold, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span.bold, .section--text-image .text ol li.bold, .section--text-image .text ul li.bold, .section--hero .hero-content ul li a.bold, .section--hero .hero-content ul li p.bold, .section--hero .hero-content ol li a.bold, .section--hero .hero-content ol li p.bold, .section--hero .hero-content ul li.bold, .section--hero .hero-content ol li.bold, .gform_wrapper .gform_body .gform_fields .gfield input.bold.gform-text-input-reset::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input.bold[type=tel]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input.bold[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input.bold[type=email]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input.bold[type=password]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label.bold, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label.bold, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label.bold, .gform_wrapper .gform_body .gform_fields .gfield .bold.gfield_label, .gform_wrapper .gform_body .gform_fields .gfield .bold.gfield_description, .gform_wrapper .bold.gform_description, p.bold, a.bold, span.bold, em.bold, i.bold, .download__brochure__content-wrapper ul.buttons li a strong, .more__info ul li a strong, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span strong, .section--text-image .text ol li strong, .section--text-image .text ul li strong, .section--hero .hero-content ul li strong, .section--hero .hero-content ol li strong, .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder strong, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder strong, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder strong, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder strong, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder strong, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label strong, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label strong, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label strong, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label strong, .gform_wrapper .gform_body .gform_fields .gfield .gfield_description strong, .gform_wrapper .gform_description strong, p strong, a strong, span strong, em strong, i strong, .download__brochure__content-wrapper ul.buttons li a b, .more__info ul li a b, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span b, .section--text-image .text ol li b, .section--text-image .text ul li b, .section--hero .hero-content ul li b, .section--hero .hero-content ol li b, .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder b, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder b, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder b, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder b, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder b, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label b, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label b, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label b, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label b, .gform_wrapper .gform_body .gform_fields .gfield .gfield_description b, .gform_wrapper .gform_description b, p b, a b, span b, em b, i b { font-weight: 400; } @media (min-width: 1280px) { .download__brochure__content-wrapper ul.buttons li a, .more__info ul li a, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span, .section--text-image .text ol li, .section--text-image .text ul li, .section--hero .hero-content ul li a, .section--hero .hero-content ul li p, .section--hero .hero-content ol li a, .section--hero .hero-content ol li p, .section--hero .hero-content ul li, .section--hero .hero-content ol li, .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_description, .gform_wrapper .gform_description, p, a, span, p span, em, i { font-size: 16px; line-height: 28px; } } @media (min-width: 1920px) { .download__brochure__content-wrapper ul.buttons li a, .more__info ul li a, .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span, .section--text-image .text ol li, .section--text-image .text ul li, .section--hero .hero-content ul li a, .section--hero .hero-content ul li p, .section--hero .hero-content ol li a, .section--hero .hero-content ol li p, .section--hero .hero-content ul li, .section--hero .hero-content ol li, .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_description, .gform_wrapper .gform_description, p, a, span, p span, em, i { line-height: 30px; } } p.small-text { font-family: "Visby", sans-serif; font-weight: 300; font-size: 18px; line-height: 16px; color: #fb0; } p.small-text:not(.normal-heading) { text-transform: lowercase; } @media (min-width: 1280px) { p.small-text { font-size: 14px; line-height: 14px; } } @media (min-width: 1920px) { p.small-text { font-size: 18px; line-height: 18px; } } .section--cta-team .cta-content p.script, .script { overflow: visible; margin-bottom: 4px; font-family: "Visby", sans-serif; font-weight: 300; font-size: 20px; line-height: 22px; color: #fb0; text-transform: lowercase; letter-spacing: -0.5px; } .section--cta-team .cta-content p.milk.script, .milk.script { color: #fff; } @media (min-width: 1280px) { .section--cta-team .cta-content p.script, .script { font-size: 24px; line-height: 28px; } } @media (min-width: 1920px) { .section--cta-team .cta-content p.script, .script { font-size: 28px; line-height: 30px; } } .section--navbar .navbar__right__nav ul li a, .section--navbar .navbar__inner .navbar__left__contact, .section--navbar .navbar__inner .navbar__left__lang, .section--navbar .navbar__inner .navbar__right__lang { font-family: "Visby", sans-serif; font-weight: 500; font-size: 16px; color: #fff; text-transform: lowercase; } @media (min-width: 1920px) { .section--navbar .navbar__right__nav ul li a, .section--navbar .navbar__inner .navbar__left__contact, .section--navbar .navbar__inner .navbar__left__lang, .section--navbar .navbar__inner .navbar__right__lang { font-size: 18px; } } @media (min-width: 768px) { .section.section--services .services, .section--current .container .current, .section--current .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--current .mobile-nav__inner .current, .section--related-news .container .current, .section--related-news .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--related-news .mobile-nav__inner .current { padding: 165px 0 45px; } } @media (min-width: 1024px) { .section.section--services .services, .section--current .container .current, .section--current .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--current .mobile-nav__inner .current, .section--related-news .container .current, .section--related-news .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--related-news .mobile-nav__inner .current { padding: 45px 0; } } @media (min-width: 1280px) { .section.section--services .services, .section--current .container .current, .section--current .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--current .mobile-nav__inner .current, .section--related-news .container .current, .section--related-news .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--related-news .mobile-nav__inner .current { padding: 185px 0 65px; } } @media (min-width: 1920px) { .section.section--services .services, .section--current .container .current, .section--current .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--current .mobile-nav__inner .current, .section--related-news .container .current, .section--related-news .mobile-nav .mobile-nav__inner .current, .mobile-nav .section--related-news .mobile-nav__inner .current { padding: 205px 0 70px; } } .section--text-slider .tns-controls, .section--media-slider .tns-controls, .section--steps .tns-controls, .section.section--services .services .tns-controls { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 70px; } .section--text-slider .tns-controls button, .section--media-slider .tns-controls button, .section--steps .tns-controls button, .section.section--services .services .tns-controls button { width: 35px; height: 35px; border: 1px solid #555; border-radius: 50%; background-color: #555; color: #fff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08); position: relative; transition: var(--speed-default); } .section--text-slider .tns-controls button::before, .section--media-slider .tns-controls button::before, .section--steps .tns-controls button::before, .section.section--services .services .tns-controls button::before { display: flex; justify-content: center; align-items: center; height: 100%; margin: auto; content: "\E905"; font-family: "schieland-icons"; font-size: 11px; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 1280px) { .section--text-slider .tns-controls button::before, .section--media-slider .tns-controls button::before, .section--steps .tns-controls button::before, .section.section--services .services .tns-controls button::before { font-size: 12px; } } .section--text-slider .tns-controls button:hover, .section--media-slider .tns-controls button:hover, .section--steps .tns-controls button:hover, .section.section--services .services .tns-controls button:hover { background-color: #fff; } .section--text-slider .tns-controls button:hover::before, .section--media-slider .tns-controls button:hover::before, .section--steps .tns-controls button:hover::before, .section.section--services .services .tns-controls button:hover::before { color: #555; } .section--text-slider .tns-controls button:first-child, .section--media-slider .tns-controls button:first-child, .section--steps .tns-controls button:first-child, .section.section--services .services .tns-controls button:first-child { margin-right: 10px; } .section--text-slider .tns-controls button:nth-child(2)::before, .section--media-slider .tns-controls button:nth-child(2)::before, .section--steps .tns-controls button:nth-child(2)::before, .section.section--services .services .tns-controls button:nth-child(2)::before { content: "\E906"; } @media (min-width: 1280px) { .section--text-slider .tns-controls button, .section--media-slider .tns-controls button, .section--steps .tns-controls button, .section.section--services .services .tns-controls button { width: 40px; height: 40px; } } @media (min-width: 1920px) { .section--text-slider .tns-controls button, .section--media-slider .tns-controls button, .section--steps .tns-controls button, .section.section--services .services .tns-controls button { width: 45px; height: 45px; } } @media (min-width: 1920px) { .section--text-slider .tns-controls, .section--media-slider .tns-controls, .section--steps .tns-controls, .section.section--services .services .tns-controls { margin-top: 100px; } } @media (min-width: 768px) { .section--text-slider .tns-controls, .section--media-slider .tns-controls, .section--steps .tns-controls, .section.section--services .services .tns-controls { display: none; } } .section--news-detail .section--text-block p, .section--news-detail .section--text-block p span, .section--hero .hero-content p { padding-bottom: 10px; } @media (min-width: 768px) { .section--news-detail .section--text-block p, .section--news-detail .section--text-block p span, .section--hero .hero-content p { padding-bottom: 20px; } } @media (min-width: 1920px) { .section--news-detail .section--text-block p, .section--news-detail .section--text-block p span, .section--hero .hero-content p { padding-bottom: 30px; } } .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next, .section--search .search-results .container--search .search-result__result .arrow-button i, .section--return-share .return-share__return i, .section--hero.section--hero--contact .contact-info a i, .section--hero.section--hero--contact .contact-info p i, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom a, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a i, .return-share__socials a, .hero-content__share a, .section--hero .employee__info__return i, .section--hero .housesearch__return i { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #000; border-radius: 50%; transition: var(--speed-default); } @media (min-width: 1280px) { .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next, .section--search .search-results .container--search .search-result__result .arrow-button i, .section--return-share .return-share__return i, .section--hero.section--hero--contact .contact-info a i, .section--hero.section--hero--contact .contact-info p i, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom a, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a i, .return-share__socials a, .hero-content__share a, .section--hero .employee__info__return i, .section--hero .housesearch__return i { width: 35px; height: 35px; } } @media (min-width: 1920px) { .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next, .section--search .search-results .container--search .search-result__result .arrow-button i, .section--return-share .return-share__return i, .section--hero.section--hero--contact .contact-info a i, .section--hero.section--hero--contact .contact-info p i, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom a, .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a i, .return-share__socials a, .hero-content__share a, .section--hero .employee__info__return i, .section--hero .housesearch__return i { width: 40px; height: 40px; } } .reference-item .heart-rating, .section--reference-detail .section--reference-info .grade .grade__heart { display: flex; justify-content: center; align-items: center; width: 55px; height: 45px; } .reference-item .heart-rating span, .section--reference-detail .section--reference-info .grade .grade__heart span { font-family: "Visby", sans-serif; font-weight: 700; font-size: 17px; color: #fff; position: absolute; } @media (min-width: 1920px) { .reference-item .heart-rating span, .section--reference-detail .section--reference-info .grade .grade__heart span { font-size: 21px; } } .reference-item .heart-rating img, .section--reference-detail .section--reference-info .grade .grade__heart img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1920px) { .reference-item .heart-rating, .section--reference-detail .section--reference-info .grade .grade__heart { width: 68px; height: 55px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .section--image-text .image-text .image-text__text .accordions .accordion { border-top: 1px solid #d9d9d9; padding: 15px 0; padding-left: 35px; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title { font-size: 14px; position: relative; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::before, .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::after { width: 12px; height: 2px; margin: auto; border-radius: 10px; background-color: #fb0; content: ""; position: absolute; top: 0; bottom: 0; left: -35px; transition: 0.3s ease; } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::before, .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::after, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::after { width: 17px; height: 3px; left: -50px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title::before, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::before { transform: rotate(90deg); } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item .accordion__title, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title { font-size: 16px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .section--image-text .image-text .image-text__text .accordions .accordion p { overflow: hidden; max-height: 0; font-size: 14px; transition: 0.3s ease; } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item p, .section--image-text .image-text .image-text__text .accordions .accordion p { font-size: 16px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .open.wrapper__faqs__items__item .accordion__title::before, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .open.wrapper__faqs__items__item .accordion__title::before, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .open.wrapper__faqs__items__item .accordion__title::before, .section--image-text .image-text .image-text__text .accordions .open.accordion .accordion__title::before { transform: rotate(0deg); } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item:last-child, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item:last-child, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item:last-child, .section--image-text .image-text .image-text__text .accordions .accordion:last-child { border-bottom: 1px solid #d9d9d9; } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items .wrapper__faqs__items__item, .section--image-text .image-text .image-text__text .accordions .accordion { padding-left: 50px; } } .section--hero .employee__info__return, .section--hero .housesearch__return { display: flex; align-items: center; } .section--hero .employee__info__return h5, .section--hero .housesearch__return h5 { font-weight: 700; } .section--hero .employee__info__return i, .section--hero .housesearch__return i { margin-right: 10px; font-size: 8px; } @media (min-width: 1280px) { .section--hero .employee__info__return i, .section--hero .housesearch__return i { font-size: 10px; } } @media (min-width: 1920px) { .section--hero .employee__info__return i, .section--hero .housesearch__return i { width: 45px; height: 45px; font-size: 12px; } } .section--hero .employee__info__return:hover i, .section--hero .housesearch__return:hover i { background-color: #f5ebd0; } *:focus { outline: 0; } button { border: 0; } body { display: flex; flex-direction: column; min-height: 100vh; background-color: #fff; font-family: "Graphik", sans-serif; } body main { flex-grow: 1; } @media (max-width: 767.98px) { body main { overflow-x: hidden; } } body.navbar--open { overflow: hidden; } strong { font-weight: 700; } img { width: 100%; height: 100%; object-fit: contain; } .autocomplete-suggestions { display: none !important; } @media (min-width: 768px) { .container, .mobile-nav .mobile-nav__inner { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1440px) { .container, .mobile-nav .mobile-nav__inner { max-width: 1215px; } } @media (min-width: 1920px) { .container, .mobile-nav .mobile-nav__inner { max-width: 1415px; } } @media (min-width: 1024px) { .row { margin-right: calc(20px * -.5); margin-left: calc(20px * -.5); } .row .col, .row [class*=col-] { padding-right: calc(20px / 2); padding-left: calc(20px / 2); } } @media (min-width: 1280px) { .row { margin-right: calc(25px * -.5); margin-left: calc(25px * -.5); } .row .col, .row [class*=col-] { padding-right: calc(25px / 2); padding-left: calc(25px / 2); } } @media (min-width: 1920px) { .row { margin-right: calc(33px * -.5); margin-left: calc(33px * -.5); } .row .col, .row [class*=col-] { padding-right: calc(33px / 2); padding-left: calc(33px / 2); } } html { scroll-behavior: smooth; } .collapse { display: none; } .collapse.show { display: block; } .collapsing { overflow: hidden; height: 0; transition: height var(--speed-default) var(--cubic-bezier-2); /* stylelint-disable-line plugin/no-low-performance-animation-properties */ } picture.background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } picture.background img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .section.bg-white { background-color: #fff; } .section.bg-grey { background-color: #f5ebd0; } .section.bg-gradient { background: linear-gradient(180deg, #f5ebd0 0%, #fff 100%); } .swipe { width: 45px; padding-top: 35px; } .swipe.swipe--big { width: 65px; } a.full-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #energy-widget .form-group { flex-direction: column; } #energy-widget .form-group input[type=submit] { width: initial; border-radius: 99999px; } #energy-widget label, #energy-widget .form-input { width: 100%; } #energy-widget input[type=text], #energy-widget input[type=email] { border: 1px solid #d9d9d9 !important; padding: 10px !important; } #energy-widget .heapBox .holder { display: block; color: #000; position: relative; } #energy-widget .heapBox .holder::after { content: "\E902"; font-family: "schieland-icons" !important; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } #energy-widget .heap { margin-top: 8px; border: 1px solid #d9d9d9; border-radius: 8px; padding: 10px; } #energy-widget label[for=own-rates] { display: flex; align-items: center; } #energy-widget label[for=own-rates] input { width: 14px; height: 14px; margin-top: -5px; margin-right: 12px; border: none; padding: 0; } #energy-widget label[for=own-rates] i { margin-top: -4px; margin-left: 12px; } .tns-ovh { overflow: visible; } @font-face { font-family: "BonVivant"; src: url("../fonts/BonVivant-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Graphik"; src: url("../fonts/Graphik-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Graphik"; src: url("../fonts/Graphik-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: "Graphik"; src: url("../fonts/Graphik-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Univers-Condensed"; src: url("../fonts/Univers-Condensed-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Graphik"; src: url("../fonts/Graphik-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: "Univers-Condensed"; src: url("../fonts/Univers-Condensed-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "UniversLTStd"; src: url("../fonts/UniversLTStd-LightCn.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyThin.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyLight.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyRegular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyMedium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyBold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Visby"; src: url("../fonts/VisbyExtrabold.woff2") format("woff2"); font-weight: 800; font-style: normal; } body { font-weight: 400; font-size: var(--font-size-base); line-height: var(--line-height-base); letter-spacing: -0.01px; } body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul li, ol li { font-family: "Visby", sans-serif; } .btn, .gform_next_button, .button { display: inline-flex; justify-content: center; align-items: center; height: 40px; border-radius: 20px; padding: 0 20px; background-color: #fb0; font-family: "Visby", sans-serif; font-weight: 500; font-size: 14px; color: #fff; text-transform: lowercase; transition: var(--speed-default); } .btn:hover, .gform_next_button:hover, .button:hover { background-color: #555; color: #fff; } .btn.btn--il i, .gform_next_button.btn--il i, .button.btn--il i { margin-right: 8px; } .btn.btn--ir i, .gform_next_button.btn--ir i, .button.btn--ir i { margin-left: 8px; } .btn.btn--io, .gform_next_button.btn--io, .button.btn--io { width: 40px; padding: 0; } .btn.btn--block, .gform_next_button.btn--block, .button.btn--block { width: 100%; } .btn.btn--black, .gform_next_button.btn--black, .button.btn--black { background-color: #000; } .btn.btn--black:hover, .gform_next_button.btn--black:hover, .button.btn--black:hover { background-color: #fb0; } .btn.btn--outline, .gform_next_button.btn--outline, .button.btn--outline { border: 1px solid #555; background-color: transparent; color: #555; } .btn.btn--outline:hover, .gform_next_button.btn--outline:hover, .button.btn--outline:hover { background-color: #555; color: #fff; } .btn.btn--outline.white, .gform_next_button.btn--outline.white, .button.btn--outline.white { border-color: #fff; color: #fff; } .btn.btn--outline.btn--small, .gform_next_button.btn--outline.btn--small, .button.btn--outline.btn--small { border-color: #555; color: #555; } .btn.btn--outline.btn--small:hover, .gform_next_button.btn--outline.btn--small:hover, .button.btn--outline.btn--small:hover { color: #fff; } .btn.btn--outline.btn--outline-white, .gform_next_button.btn--outline.btn--outline-white, .button.btn--outline.btn--outline-white { border-color: #fff; color: #fff; } .btn.btn--outline.btn--outline-yellow, .gform_next_button.btn--outline.btn--outline-yellow, .button.btn--outline.btn--outline-yellow { border-color: #fb0; color: #fb0; } .btn.btn--text, .gform_next_button.btn--text, .button.btn--text { display: block; height: auto; padding: 0; background-color: transparent; font-weight: 400; font-size: 14px; color: #000; text-decoration: underline; text-transform: none; } .btn.btn--text:hover, .gform_next_button.btn--text:hover, .button.btn--text:hover { background-color: transparent; color: #fb0; } @media (min-width: 1920px) { .btn.btn--text, .gform_next_button.btn--text, .button.btn--text { font-size: 16px; } } .btn.btn--small, .gform_next_button.btn--small, .button.btn--small { height: 30px; padding: 0 15px; } @media (min-width: 1920px) { .btn.btn--small, .gform_next_button.btn--small, .button.btn--small { height: 35px; } } .btn.btn.btn--active, .gform_next_button.btn.btn--active, .button.btn.btn--active { border-color: #555; background-color: #555; color: #fff; } @media (min-width: 1920px) { .btn, .gform_next_button, .button { border-radius: 30px; } } @media (min-width: 1280px) { .btn, .gform_next_button, .button { height: 42px; } .btn.btn--io, .gform_next_button.btn--io, .button.btn--io { width: 42px; } } @media (min-width: 1920px) { .btn, .gform_next_button, .button { height: 48px; padding: 0 16px; font-size: 16px; } .btn.btn--io, .gform_next_button.btn--io, .button.btn--io { width: 48px; font-size: 20px; } } .button { border-color: #fb0 !important; background-color: #fb0 !important; } .button:hover { border-color: #000 !important; background-color: #555 !important; color: #fff !important; } .button:hover::after { color: #fff !important; } .gform_wrapper { margin: 150px 0; } .gform_wrapper .gform_required_legend { display: none !important; } .gform_wrapper .gform_title { margin-bottom: 10px; font-weight: 700; text-transform: none; } .gform_wrapper .gform_description { display: block; margin-bottom: 20px; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_description { margin: 0 0 20px; } .gform_wrapper .gform_body .gform_fields .gfield .gsection_title { font-weight: 700; text-transform: none; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { font-weight: 500; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent input, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input { display: none; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 0 10px; padding-left: 25px; line-height: 1; color: #000; position: relative; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label::before, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label::before, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label::before { width: 12px; height: 12px; border: 1px solid #d9d9d9; border-radius: 3px; background-color: #fff; content: ""; position: absolute; left: 0; } @media (min-width: 1440px) { .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label::before, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label::before, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label::before { width: 15px; height: 15px; } } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label input, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label input, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label input { height: 7px; margin-bottom: 0; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label span, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label a { font-size: 10px; } @media (min-width: 1440px) { .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label span, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label a { font-size: 14px; } } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label span, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label span { padding-left: 5px; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label a, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox label a { text-decoration: underline; } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input:checked + label::after { width: 8px; height: 8px; border-width: 0 3px 3px 0; background-color: #fb0; content: ""; position: absolute; top: 2px; left: 2px; transition: 0.3s ease; animation-name: fadeIn; animation-duration: 0.3s; } @media (min-width: 768px) { .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input:checked + label::after { top: 6px; } } @media (min-width: 1440px) { .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input:checked + label::after, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input:checked + label::after { width: 9px; height: 9px; top: 3px; left: 3px; } } .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent input:checked + label:disabled, .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input:checked + label:disabled, .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input:checked + label:disabled { opacity: 0.6; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label::before { border-radius: 100%; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input:checked + label::after { border-radius: 100%; top: 2px; } .gform_wrapper .gform_body .gform_fields .gfield textarea { width: 100%; height: 35px; max-height: 220px; margin-bottom: 5px; border: 1px solid #d9d9d9; border-radius: 8px; padding-top: 15px; padding-left: 15px; font-family: "Graphik", sans-serif; } .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], .gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .gform_wrapper .gform_body .gform_fields .gfield input[type=password] { width: 100%; height: 35px; margin-bottom: 5px; border: 1px solid #d9d9d9; border-radius: 8px; padding-left: 15px; font-family: "Graphik", sans-serif; } .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder, .gform_wrapper .gform_body .gform_fields .gfield input[type=password]::placeholder { opacity: 0.5; } @media (min-width: 1280px) { .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], .gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .gform_wrapper .gform_body .gform_fields .gfield input[type=password] { height: 45px; } } @media (min-width: 1920px) { .gform_wrapper .gform_body .gform_fields .gfield input.gform-text-input-reset, .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], .gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .gform_wrapper .gform_body .gform_fields .gfield input[type=password] { height: 50px; } } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select { padding: 8px 8px 8px 15px !important; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select, .gform_wrapper .gform_body .gform_fields .gfield .heapBox { display: block !important; height: 36px; margin: 0 0 5px; border: 1px solid #d9d9d9; border-radius: 5px; padding: 4px 0 3px; font-size: 14px; line-height: 1; position: relative; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select .heap, .gform_wrapper .gform_body .gform_fields .gfield .heapBox .heap { width: calc(100% + 2px); border-width: 1px; border-style: solid; border-color: #d9d9d9; border-radius: 0 0 5px 5px; background-color: #fff; position: absolute; left: -1px; z-index: 6; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select .heap ul, .gform_wrapper .gform_body .gform_fields .gfield .heapBox .heap ul { margin: 0; padding: 0; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select .heap ul li, .gform_wrapper .gform_body .gform_fields .gfield .heapBox .heap ul li { list-style: none; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select .heap a, .gform_wrapper .gform_body .gform_fields .gfield .heapBox .heap a { display: block; font-weight: 500; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select li::before, .gform_wrapper .gform_body .gform_fields .gfield .heapBox li::before { display: none; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select a, .gform_wrapper .gform_body .gform_fields .gfield .heapBox a { padding: 0 15px; font-family: "Graphik", sans-serif; font-size: 15px; line-height: 30px; color: #808285; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select a.handler, .gform_wrapper .gform_body .gform_fields .gfield .heapBox a.handler { padding: 0; font-size: 0; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select a.holder, .gform_wrapper .gform_body .gform_fields .gfield .heapBox a.holder { display: flex; align-items: center; height: 100%; position: relative; } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select a.holder::after, .gform_wrapper .gform_body .gform_fields .gfield .heapBox a.holder::after { width: 13px; height: 9px; background: url("../images/icons/angle-heap.svg"); content: ""; color: #808285; position: absolute; top: 10px; right: 15px; transition: var(--speed-default); } .gform_wrapper .gform_body .gform_fields .gfield .gfield_select.open, .gform_wrapper .gform_body .gform_fields .gfield .heapBox.open { margin: 0 0 5px; } @media (min-width: 1280px) { .gform_wrapper .gform_body .gform_fields .gfield .gfield_select, .gform_wrapper .gform_body .gform_fields .gfield .heapBox { height: 45px; } } @media (min-width: 1920px) { .gform_wrapper .gform_body .gform_fields .gfield .gfield_select, .gform_wrapper .gform_body .gform_fields .gfield .heapBox { height: 50px; } } .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit] { display: inline-flex; justify-content: center; align-items: center; height: 40px; border-radius: 20px; padding: 0 20px; background-color: #fb0; font-family: "Visby", sans-serif; font-weight: 700; font-size: 11px; color: #fff; transition: var(--speed-default); } .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { background-color: #000; color: #fff; } @media (min-width: 1920px) { .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit] { border-radius: 30px; } } @media (min-width: 1280px) { .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit] { height: 42px; font-size: 13px; } } @media (min-width: 1920px) { .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input[type=submit] { height: 50px; padding: 0 25px; font-size: 14px; } } .form-group { margin-bottom: 0; } @media (min-width: 768px) { .form-group .wpcf7-form-control-wrap:nth-child(2) { margin-left: 5px; } } .form-group input { height: 35px; } @media (min-width: 1280px) { .form-group input { height: 45px; } } @media (min-width: 1920px) { .form-group input { height: 50px; } } .form-group textarea { max-height: 110px; padding-top: 15px; } .form-group input:not([type=submit]), .form-group textarea:not([type=submit]) { width: 100%; margin-bottom: 5px; border: 1px solid #d9d9d9; border-radius: 8px; padding-left: 15px; } @media (min-width: 768px) { .form-group input:not([type=submit]), .form-group textarea:not([type=submit]) { margin-bottom: 0; } } @media (min-width: 1280px) { .form-group input:not([type=submit]), .form-group textarea:not([type=submit]) { padding-left: 20px; } } @media (min-width: 1920px) { .form-group input:not([type=submit]), .form-group textarea:not([type=submit]) { padding-left: 25px; } } .form-group input[type=submit] { border: none; } @media (min-width: 768px) { .form-group { display: flex; margin-bottom: 5px; } } .wpcf7-form-control-wrap { display: block; width: 100%; } .custom-checkbox label { overflow: hidden; line-height: 0; cursor: pointer; position: relative; } .custom-checkbox label::before { width: 12px; height: 12px; border: 1px solid #d9d9d9; border-radius: 3px; background-color: #fff; content: ""; position: absolute; top: 3px; left: 0; } @media (min-width: 1280px) { .custom-checkbox label::before { top: 4px; } } @media (min-width: 1440px) { .custom-checkbox label::before { width: 15px; height: 15px; top: 1px; } } .custom-checkbox label input { height: 7px; margin-bottom: 0; } .custom-checkbox label span, .custom-checkbox label a { font-size: 10px; } @media (min-width: 1440px) { .custom-checkbox label span, .custom-checkbox label a { font-size: 14px; } } .custom-checkbox label span { padding-left: 5px; } .custom-checkbox label a { text-decoration: underline; } .custom-checkbox label input:checked::before { width: 8px; height: 8px; border-width: 0 3px 3px 0; border-radius: 3px; background-color: #fb0; content: ""; position: absolute; top: 2px; left: 2px; transition: 0.3s ease; animation-name: fadeIn; animation-duration: 0.3s; } @media (min-width: 768px) { .custom-checkbox label input:checked::before { top: 6px; } } @media (min-width: 1440px) { .custom-checkbox label input:checked::before { width: 10px; height: 10px; top: 4px; left: 2px; } } .custom-checkbox label input:checked:disabled { opacity: 0.6; } @media (min-width: 1440px) { .custom-checkbox { margin-top: 10px; margin-bottom: 5px; } } .return-share__socials, .hero-content__share { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; } .return-share__socials h5, .hero-content__share h5 { margin-right: 15px; } .return-share__socials a, .hero-content__share a { opacity: 0.4; margin-right: 5px; transition: var(--speed-default); } .return-share__socials a i, .hero-content__share a i { font-size: 12px; } @media (min-width: 1280px) { .return-share__socials a i, .hero-content__share a i { font-size: 16px; } } @media (min-width: 1920px) { .return-share__socials a i, .hero-content__share a i { font-size: 18px; } } .return-share__socials a:hover, .hero-content__share a:hover { opacity: 0.7; } .return-share__socials a:last-child, .hero-content__share a:last-child { margin-right: 0; } @media (min-width: 768px) { .return-share__socials, .hero-content__share { justify-content: flex-end; border-bottom: none; } } .hero-content__share { margin-bottom: 20px; border-bottom: none; } .card { display: block; border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .card .short--info__bottom { margin-top: 5px; } .card .offer { background-color: #fff; } .card .offer .card-house__thumb { overflow: hidden; position: relative; } .card .offer .card-house__thumb img { width: 100%; border-radius: 15px 15px 0 0; transition: var(--speed-default); } .card .offer .card-house__thumb img:hover { transform: scale(1.1); } @media (min-width: 1024px) { .card .offer .card-house__thumb img { border-radius: 16px 16px 0 0; } } @media (min-width: 1440px) { .card .offer .card-house__thumb img { border-radius: 20px 20px 0 0; } } @media (min-width: 1920px) { .card .offer .card-house__thumb img { border-radius: 22px 22px 0 0; } } .card .offer .card-house__thumb .placeholder__img { height: 245px; padding: 20px; } @media (min-width: 1280px) { .card .offer .card-house__thumb .placeholder__img { height: 290px; } } .card .offer .card-house__thumb .has-video { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin: auto; border: 2px solid #fff; border-radius: 50%; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: var(--speed-default); } .card .offer .card-house__thumb .has-video i { font-size: 25px; color: #fff; transition: var(--speed-default); } .card .offer .card-house__thumb .has-video:hover { background-color: #fff; } .card .offer .card-house__thumb .has-video:hover i { color: #fb0; } .card .offer .card-house__status { width: auto; height: 32px; border-radius: 0 30px 30px 0; padding: 6px 11px 9px 9px; background-color: #fb0; position: absolute; top: 20px; left: 0; } .card .offer .card-house__status span { display: block; font-family: "Visby", sans-serif; font-weight: 700; font-size: 14px; line-height: 19px; color: #fff; } .card .offer .short--info { padding: 15px 15px 25px 20px; } .card .offer .short--info h4 { font-family: "Visby", sans-serif; font-weight: 700; color: #555; } @media (min-width: 1280px) { .card .offer .short--info h4 { line-height: 25px; } } @media (min-width: 1920px) { .card .offer .short--info h4 { margin-bottom: 4px; line-height: 25px; } } .card .offer .short--info p.small { font-family: "Visby", sans-serif; font-weight: 300; } .card .offer .short--info p.price { margin-top: 6px; font-family: "Visby", sans-serif; font-weight: 700; color: #555; } @media (min-width: 1920px) { .card .offer .short--info p.price { font-size: 20px; } } @media (min-width: 1920px) { .card .offer .short--info { padding: 17px 20px 27px 23px; } } .card .offer.hidden { display: none; } .card .offer.offer--employee { overflow: hidden; border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); position: relative; } @media (min-width: 1920px) { .card .offer.offer--employee p { font-size: 18px; } } .card .offer.offer--employee .hover-info { width: 100%; height: 100%; border-radius: 15px; padding: 30px 15px; background-color: #fff; position: absolute; top: 0; left: 0; transform: translateY(100%); transition: var(--speed-slow); } .card .offer.offer--employee .hover-info h4 { font-family: "Visby", sans-serif; font-weight: 700; } .card .offer.offer--employee .hover-info p { margin-bottom: 20px; font-family: "Visby", sans-serif; } .card .offer.offer--employee .hover-info .hover-info__phone { margin-bottom: 10px; } .card .offer.offer--employee .hover-info .hover-info__email i { font-size: 20px; } .card .offer.offer--employee .hover-info .hover-info__phone, .card .offer.offer--employee .hover-info .hover-info__email { display: flex; align-items: center; } .card .offer.offer--employee .hover-info .hover-info__phone i, .card .offer.offer--employee .hover-info .hover-info__email i { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 10px; border: 2px solid #000; border-radius: 50%; } .card .offer.offer--employee .hover-info .hover-info__phone span, .card .offer.offer--employee .hover-info .hover-info__email span { font-weight: 400; } @media (min-width: 1280px) { .card .offer.offer--employee .hover-info { padding: 50px 30px; } } .card .offer.offer--employee:hover .hover-info { transform: translateY(0); } .card.card--news { margin-bottom: 15px; } .card.card--news h4 { font-weight: 400; } .card.card--news h4 b, .card.card--news h4 strong { font-size: inherit; } .card.card--news .short--info { padding: 15px 20px 20px; } .card.card--news .short--info .small-text { color: #fb0; } .card.card--news .short--info h4 { font-weight: 700; color: #555; } .card.card--news .short--info h4 b, .card.card--news .short--info h4 strong { font-size: inherit; } @media (min-width: 1280px) { .card.card--news .short--info { padding: 20px 25px 25px; } } @media (min-width: 1920px) { .card.card--news .short--info { padding: 25px 30px 30px; } } .card.card--vacancy { height: 100%; } .card.card--vacancy h4 { font-weight: 400; } .card.card--vacancy h4 b, .card.card--vacancy h4 strong { font-size: inherit; } .card.card--vacancy .short--info { padding: 15px 15px 40px 20px; } .card.card--vacancy .short--info p.price { position: absolute; bottom: 10px; } .card.card--house--soon .card-house__thumb { overflow: hidden; } .card.card--house--soon .short--info--soon .short--info__row p.small-text { font-weight: 600; line-height: 12px; color: #555; } .card.card--house--soon .short--info--soon .short--info__row p.price { margin-bottom: 15px; font-weight: 400; color: #555; } .card.card--house--soon .short--info--soon .soon-text { margin-top: 10px; } .card.card--house--soon .short--info--soon .soon-text * { font-size: 12px; line-height: 18px; } @media (min-width: 1280px) { .card.card--house--soon .short--info--soon .soon-text * { font-size: 14px; line-height: 22px; } } .card.card--house--soon .short--info--soon a.btn { margin: 15px auto 0; } @media (min-width: 1024px) { .card { border-radius: 16px; } } @media (min-width: 1440px) { .card { border-radius: 20px; } } @media (min-width: 1920px) { .card { border-radius: 22px; } } .col-12.hidden { display: none; } .section--hero-home { padding: 80px 0 50px; background-color: #f5ebd0; } .section--hero-home .tns-controls { display: none; } .section--hero-home .hero__heart { width: 175px; height: 175px; border-radius: 50%; background-color: #fb0; position: absolute; right: -35px; bottom: -135px; animation: heartbeat 2.5s infinite; animation-delay: 1s; } @media (min-width: 768px) { .section--hero-home .hero__heart { width: 450px; height: 450px; bottom: -100px; } } @media (min-width: 1280px) { .section--hero-home .hero__heart { right: -45px; } } @media (min-width: 1920px) { .section--hero-home .hero__heart { overflow: hidden; width: 650px; height: 650px; right: -100px; } } .section--hero-home .hero { position: relative; } .section--hero-home .hero .hero__images { margin-bottom: 10px; } .section--hero-home .hero .hero__images svg { width: 100%; } .section--hero-home .hero .hero__text { margin-right: auto; position: relative; z-index: 1; } .section--hero-home .hero .hero__text h1 { margin-bottom: 16px; font-size: 48px; font-style: normal; line-height: 100%; color: #555; text-transform: unset; } @media (max-width: 567.98px) { .section--hero-home .hero .hero__text h1 { margin-bottom: 48px; } } @media (min-width: 1280px) { .section--hero-home .hero .hero__text h1 { margin-bottom: 32px; font-size: 74px; font-style: normal; line-height: 110%; } } .section--hero-home .hero .hero__text p.script { display: block; margin: 20px 0; } @media (min-width: 768px) { .section--hero-home .hero .hero__text p.script { margin: 25px 0; } } @media (min-width: 1920px) { .section--hero-home .hero .hero__text p.script { margin: 30px 0; } } .section--hero-home .hero .hero__text .btn--text { margin-top: 20px; text-decoration: none; } .section--hero-home .hero .hero__text .btn--text i { margin-right: 16px; } .section--hero-home .hero .hero__text .btn--text span { text-decoration: underline; } .section--hero-home .hero .hero__text .hero__text__categories a.btn { cursor: pointer; margin-right: 5px; margin-bottom: 10px; } @media (min-width: 768px) { .section--hero-home .hero .hero__text { max-width: 405px; } } @media (min-width: 1280px) { .section--hero-home .hero .hero__text { max-width: 50%; } } @media (min-width: 768px) { .section--hero-home .hero { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; } } .section--hero-home .hero-scroll { display: none; } .section--hero-home .hero-scroll .hero-scroll__arrow { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 2px solid #fff; border-radius: 50%; transition: var(--speed-default); } .section--hero-home .hero-scroll .hero-scroll__arrow i { font-size: 10px; color: #fff; } @media (min-width: 1280px) { .section--hero-home .hero-scroll .hero-scroll__arrow i { font-size: 12px; } } @media (min-width: 1920px) { .section--hero-home .hero-scroll .hero-scroll__arrow i { font-size: 14px; } } .section--hero-home .hero-scroll .hero-scroll__arrow:hover { background-color: #555; } @media (min-width: 1280px) { .section--hero-home .hero-scroll .hero-scroll__arrow { width: 40px; height: 40px; } } @media (min-width: 1920px) { .section--hero-home .hero-scroll .hero-scroll__arrow { width: 45px; height: 45px; } } @media (min-width: 768px) { .section--hero-home .hero-scroll { display: flex; justify-content: center; width: 100%; } } .section--hero-home #next { position: absolute; bottom: -100px; } @media (min-width: 1920px) { .section--hero-home #next { bottom: 50px; } } .section--hero-home.section--hero-404 { padding: 60px 0 50px; } .section--hero-home.section--hero-404 .error-text { padding: 10px 0 20px; } .section--hero-home.section--hero-404 p.script { margin: 0 !important; } .section--hero-home.section--hero-404 .error--search-wrap { max-width: 375px; margin-top: 30px; position: relative; } @media (min-width: 1280px) { .section--hero-home.section--hero-404 .error--search-wrap { margin-top: 40px; } } @media (min-width: 1920px) { .section--hero-home.section--hero-404 .error--search-wrap { margin-top: 50px; } } .section--hero-home.section--hero-404 .error--search .btn { height: 35px; margin: auto 0; padding: 0 10px; background-color: #fff; font-weight: 700; position: absolute; top: 0; right: 5px; bottom: 0; } .section--hero-home.section--hero-404 .error--search .btn i { margin: 0 !important; color: #000 !important; } @media (min-width: 768px) { .section--hero-home.section--hero-404 .error--search .btn { height: 30px; padding: 0 15px; } } @media (min-width: 1280px) { .section--hero-home.section--hero-404 .error--search .btn { height: 40px; } } @media (min-width: 1920px) { .section--hero-home.section--hero-404 .error--search .btn { padding: 0 12px; } } .section--hero-home.section--hero-404 .error--search input[type=text] { width: 100%; height: 45px; border: 1px solid #d9d9d9; border-radius: 40px; padding-left: 30px; background-color: #fff; font-family: "Visby", sans-serif; font-size: 16px; color: #808285; } @media (min-width: 768px) { .section--hero-home.section--hero-404 .error--search input[type=text] { height: 40px; } } @media (min-width: 1280px) { .section--hero-home.section--hero-404 .error--search input[type=text] { height: 50px; } } .section--hero-home.section--hero-404 .hero__images { transform: translateX(0) !important; } @media (min-width: 768px) { .section--hero-home.section--hero-404 { padding: 180px 0 40px; } } @media (min-width: 1280px) { .section--hero-home.section--hero-404 { padding: 160px 0 40px; } } @media (min-width: 1440px) { .section--hero-home.section--hero-404 { padding: 230px 0 45px; } } @media (min-width: 1920px) { .section--hero-home.section--hero-404 { padding: 295px 0 60px; } } @keyframes heartbeat { 0% { transform: scale(1); } 30% { transform: scale(1.05); } 50% { transform: scale(1.03); } 70% { transform: scale(1.05); } 100% { transform: scale(1); } } @media (max-width: 767.98px) { .section--hero-home:has(.hero .hero__heart) { margin-bottom: 48px; } } @media (max-width: 567.98px) { .section--hero-home { padding-top: 120px; } } @media (min-width: 768px) { .section--hero-home { padding: 150px 0 40px; } } @media (min-width: 1280px) { .section--hero-home { padding: 185px 0 40px; } } @media (min-width: 1920px) { .section--hero-home { padding: 275px 0 60px; } } .section--image-text .container, .section--image-text .mobile-nav .mobile-nav__inner, .mobile-nav .section--image-text .mobile-nav__inner { position: relative; z-index: 2; } .section--image-text .image-text { position: relative; z-index: 1; } .section--image-text .image-text .text-image-slider.text-image-slider--no-overlay .text-image-inner::before { display: none; } .section--image-text .image-text .image-text__image { margin-bottom: 40px; position: relative; } .section--image-text .image-text .image-text__image .text-image-inner { position: relative; } .section--image-text .image-text .image-text__image .text-image-inner::before { width: 100%; height: 100%; border-radius: 27px; background: linear-gradient(153.64deg, rgba(252, 170, 0, 0.56) 0%, rgba(252, 191, 0, 0) 60%); content: ""; position: absolute; z-index: 1; } @media (min-width: 1024px) { .section--image-text .image-text .image-text__image .text-image-inner::before { border-radius: 20px; } } .section--image-text .image-text .image-text__image .image-text__image__caption { position: absolute; top: -35px; left: 30px; z-index: 9; } .section--image-text .image-text .image-text__image .image-text__image__caption h2 { font-weight: 500; font-size: 50px; line-height: 40px; text-transform: lowercase; letter-spacing: -3px; } .section--image-text .image-text .image-text__image .image-text__image__caption h2 span { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; text-transform: lowercase; } .section--image-text .image-text .image-text__image .image-text__image__caption h2 span, .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { transition: var(--speed-default); } .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { display: block; margin-bottom: 5px; font-size: calc(50px + 3px); } @media (min-width: 768px) { .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { margin-bottom: 5px; } } @media (min-width: 1280px) { .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { margin-bottom: 10px; } } @media (min-width: 1280px) { .section--image-text .image-text .image-text__image .image-text__image__caption h2 { font-size: 60px; line-height: 50px; } .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { font-size: calc(60px + 3px); } } @media (min-width: 1920px) { .section--image-text .image-text .image-text__image .image-text__image__caption h2 { font-size: 74px; line-height: 58px; } .section--image-text .image-text .image-text__image .image-text__image__caption h2 strong { font-size: calc(74px + 3px); } } @media (min-width: 768px) { .section--image-text .image-text .image-text__image .image-text__image__caption { top: -55px; left: 70px; } } @media (min-width: 1280px) { .section--image-text .image-text .image-text__image .image-text__image__caption { top: -75px; } } @media (min-width: 1920px) { .section--image-text .image-text .image-text__image .image-text__image__caption { top: -90px; left: 90px; } } .section--image-text .image-text .image-text__image img { width: 100%; height: 100%; max-height: 700px; border-radius: 27px; object-fit: cover; } @media (min-width: 1024px) { .section--image-text .image-text .image-text__image img { border-radius: 20px; } } @media (min-width: 768px) { .section--image-text .image-text .image-text__image { margin-bottom: 0; } } .section--image-text .image-text .image-text__text .image-text__text__inner h2 { text-transform: lowercase; } .section--image-text .image-text .image-text__text .image-text__text__inner h2 b { display: block; } .section--image-text .image-text .image-text__text .image-text__text__inner p.script { margin-bottom: 4px; } .section--image-text .image-text .image-text__text .image-text__text__inner p:not(.script) { margin: 0; } .section--image-text .image-text .image-text__text .image-text__text__inner ul, .section--image-text .image-text .image-text__text .image-text__text__inner ol { margin: revert; padding: 0 0 0 20px; font-family: "Visby", sans-serif; font-weight: 300; list-style-type: revert; } .section--image-text .image-text .image-text__text .image-text__text__inner .image-text__text__inner__buttons { display: flex; flex-wrap: wrap; margin-top: 20px; gap: 10px; } @media (min-width: 768px) { .section--image-text .image-text .image-text__text .image-text__text__inner .image-text__text__inner__buttons { margin-top: 15px; } } @media (min-width: 1920px) { .section--image-text .image-text .image-text__text .image-text__text__inner .image-text__text__inner__buttons { margin-top: 25px; } } @media (min-width: 768px) { .section--image-text .image-text .image-text__text .image-text__text__inner { max-width: 340px; min-height: 500px; margin-top: 25px; margin-right: 35px; margin-left: auto; } } @media (min-width: 1280px) { .section--image-text .image-text .image-text__text .image-text__text__inner { max-width: 395px; min-height: 700px; margin-right: 45px; } } @media (min-width: 1920px) { .section--image-text .image-text .image-text__text .image-text__text__inner { max-width: 450px; margin-top: 60px; } } .section--image-text .image-text .image-text__text .accordions .accordion { padding: 10px 0; } .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::before, .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title::after { right: 0; left: auto; } @media (min-width: 1920px) { .section--image-text .image-text .image-text__text .accordions .accordion .accordion__title { font-size: 18px; } } .section--image-text .image-text .image-text__text .accordions .accordion p { padding: 0; } @media (min-width: 768px) { .section--image-text.section--switch .image-text .image-text__text .image-text__text__inner { margin-right: auto; margin-left: 0; } } @media (min-width: 768px) { .section--image-text.section--switch .image-text { flex-direction: row-reverse; } } .section--image-text.caption-spacing .image-text { margin-top: 20px; } @media (min-width: 768px) { .section--image-text.caption-spacing .image-text { margin-top: 60px; } } @media (min-width: 768px) { .section--image-text.caption-spacing .image-text { margin-top: 100px; } } @media (min-width: 768px) { .section--image-text.section--overflow .image-text { margin-bottom: -100px; } } @media (min-width: 1280px) { .section--image-text.section--overflow .image-text { margin-bottom: -180px; } } @media (min-width: 768px) { .section--image-text.section--overflow .image-text { margin-bottom: -155px; } } @media (min-width: 1280px) { .section--image-text.section--overflow .image-text { margin-bottom: -255px; } } @media (min-width: 1280px) { .home-2 .section--current, .home .section--current { margin-top: -100px; } } @media (min-width: 1920px) { .home-2 .section--current, .home .section--current { margin-top: -50px; } } .section--current, .section--related-news { background-color: #f5ebd0; position: relative; } .section--current::before, .section--related-news::before { width: 100%; height: 100%; background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(250, 250, 250, 0.7) 110%); content: ""; position: absolute; top: 0; left: 0; } .section--current .container, .section--current .mobile-nav .mobile-nav__inner, .mobile-nav .section--current .mobile-nav__inner, .section--related-news .container, .section--related-news .mobile-nav .mobile-nav__inner, .mobile-nav .section--related-news .mobile-nav__inner { position: relative; z-index: 1; } @media (min-width: 768px) { .section--current .container .related, .section--current .mobile-nav .mobile-nav__inner .related, .mobile-nav .section--current .mobile-nav__inner .related, .section--related-news .container .related, .section--related-news .mobile-nav .mobile-nav__inner .related, .mobile-nav .section--related-news .mobile-nav__inner .related { padding-top: 30px; } } .section--current .container .current .current__header, .section--current .mobile-nav .mobile-nav__inner .current .current__header, .mobile-nav .section--current .mobile-nav__inner .current .current__header, .section--current .container .current .related__header, .section--current .mobile-nav .mobile-nav__inner .current .related__header, .mobile-nav .section--current .mobile-nav__inner .current .related__header, .section--current .container .related .current__header, .section--current .mobile-nav .mobile-nav__inner .related .current__header, .mobile-nav .section--current .mobile-nav__inner .related .current__header, .section--current .container .related .related__header, .section--current .mobile-nav .mobile-nav__inner .related .related__header, .mobile-nav .section--current .mobile-nav__inner .related .related__header, .section--related-news .container .current .current__header, .section--related-news .mobile-nav .mobile-nav__inner .current .current__header, .mobile-nav .section--related-news .mobile-nav__inner .current .current__header, .section--related-news .container .current .related__header, .section--related-news .mobile-nav .mobile-nav__inner .current .related__header, .mobile-nav .section--related-news .mobile-nav__inner .current .related__header, .section--related-news .container .related .current__header, .section--related-news .mobile-nav .mobile-nav__inner .related .current__header, .mobile-nav .section--related-news .mobile-nav__inner .related .current__header, .section--related-news .container .related .related__header, .section--related-news .mobile-nav .mobile-nav__inner .related .related__header, .mobile-nav .section--related-news .mobile-nav__inner .related .related__header { margin-bottom: 30px; text-align: center; } .section--current .container .current .current__header .custom-select, .section--current .mobile-nav .mobile-nav__inner .current .current__header .custom-select, .mobile-nav .section--current .mobile-nav__inner .current .current__header .custom-select, .section--current .container .current .current__header .current__header__categories, .section--current .mobile-nav .mobile-nav__inner .current .current__header .current__header__categories, .mobile-nav .section--current .mobile-nav__inner .current .current__header .current__header__categories, .section--current .container .current .related__header .custom-select, .section--current .mobile-nav .mobile-nav__inner .current .related__header .custom-select, .mobile-nav .section--current .mobile-nav__inner .current .related__header .custom-select, .section--current .container .current .related__header .current__header__categories, .section--current .mobile-nav .mobile-nav__inner .current .related__header .current__header__categories, .mobile-nav .section--current .mobile-nav__inner .current .related__header .current__header__categories, .section--current .container .related .current__header .custom-select, .section--current .mobile-nav .mobile-nav__inner .related .current__header .custom-select, .mobile-nav .section--current .mobile-nav__inner .related .current__header .custom-select, .section--current .container .related .current__header .current__header__categories, .section--current .mobile-nav .mobile-nav__inner .related .current__header .current__header__categories, .mobile-nav .section--current .mobile-nav__inner .related .current__header .current__header__categories, .section--current .container .related .related__header .custom-select, .section--current .mobile-nav .mobile-nav__inner .related .related__header .custom-select, .mobile-nav .section--current .mobile-nav__inner .related .related__header .custom-select, .section--current .container .related .related__header .current__header__categories, .section--current .mobile-nav .mobile-nav__inner .related .related__header .current__header__categories, .mobile-nav .section--current .mobile-nav__inner .related .related__header .current__header__categories, .section--related-news .container .current .current__header .custom-select, .section--related-news .mobile-nav .mobile-nav__inner .current .current__header .custom-select, .mobile-nav .section--related-news .mobile-nav__inner .current .current__header .custom-select, .section--related-news .container .current .current__header .current__header__categories, .section--related-news .mobile-nav .mobile-nav__inner .current .current__header .current__header__categories, .mobile-nav .section--related-news .mobile-nav__inner .current .current__header .current__header__categories, .section--related-news .container .current .related__header .custom-select, .section--related-news .mobile-nav .mobile-nav__inner .current .related__header .custom-select, .mobile-nav .section--related-news .mobile-nav__inner .current .related__header .custom-select, .section--related-news .container .current .related__header .current__header__categories, .section--related-news .mobile-nav .mobile-nav__inner .current .related__header .current__header__categories, .mobile-nav .section--related-news .mobile-nav__inner .current .related__header .current__header__categories, .section--related-news .container .related .current__header .custom-select, .section--related-news .mobile-nav .mobile-nav__inner .related .current__header .custom-select, .mobile-nav .section--related-news .mobile-nav__inner .related .current__header .custom-select, .section--related-news .container .related .current__header .current__header__categories, .section--related-news .mobile-nav .mobile-nav__inner .related .current__header .current__header__categories, .mobile-nav .section--related-news .mobile-nav__inner .related .current__header .current__header__categories, .section--related-news .container .related .related__header .custom-select, .section--related-news .mobile-nav .mobile-nav__inner .related .related__header .custom-select, .mobile-nav .section--related-news .mobile-nav__inner .related .related__header .custom-select, .section--related-news .container .related .related__header .current__header__categories, .section--related-news .mobile-nav .mobile-nav__inner .related .related__header .current__header__categories, .mobile-nav .section--related-news .mobile-nav__inner .related .related__header .current__header__categories { margin: 30px auto 0; } .section--current .container .current .current__header .custom-select button, .section--current .mobile-nav .mobile-nav__inner .current .current__header .custom-select button, .mobile-nav .section--current .mobile-nav__inner .current .current__header .custom-select button, .section--current .container .current .current__header .current__header__categories button, .section--current .mobile-nav .mobile-nav__inner .current .current__header .current__header__categories button, .mobile-nav .section--current .mobile-nav__inner .current .current__header .current__header__categories button, .section--current .container .current .related__header .custom-select button, .section--current .mobile-nav .mobile-nav__inner .current .related__header .custom-select button, .mobile-nav .section--current .mobile-nav__inner .current .related__header .custom-select button, .section--current .container .current .related__header .current__header__categories button, .section--current .mobile-nav .mobile-nav__inner .current .related__header .current__header__categories button, .mobile-nav .section--current .mobile-nav__inner .current .related__header .current__header__categories button, .section--current .container .related .current__header .custom-select button, .section--current .mobile-nav .mobile-nav__inner .related .current__header .custom-select button, .mobile-nav .section--current .mobile-nav__inner .related .current__header .custom-select button, .section--current .container .related .current__header .current__header__categories button, .section--current .mobile-nav .mobile-nav__inner .related .current__header .current__header__categories button, .mobile-nav .section--current .mobile-nav__inner .related .current__header .current__header__categories button, .section--current .container .related .related__header .custom-select button, .section--current .mobile-nav .mobile-nav__inner .related .related__header .custom-select button, .mobile-nav .section--current .mobile-nav__inner .related .related__header .custom-select button, .section--current .container .related .related__header .current__header__categories button, .section--current .mobile-nav .mobile-nav__inner .related .related__header .current__header__categories button, .mobile-nav .section--current .mobile-nav__inner .related .related__header .current__header__categories button, .section--related-news .container .current .current__header .custom-select button, .section--related-news .mobile-nav .mobile-nav__inner .current .current__header .custom-select button, .mobile-nav .section--related-news .mobile-nav__inner .current .current__header .custom-select button, .section--related-news .container .current .current__header .current__header__categories button, .section--related-news .mobile-nav .mobile-nav__inner .current .current__header .current__header__categories button, .mobile-nav .section--related-news .mobile-nav__inner .current .current__header .current__header__categories button, .section--related-news .container .current .related__header .custom-select button, .section--related-news .mobile-nav .mobile-nav__inner .current .related__header .custom-select button, .mobile-nav .section--related-news .mobile-nav__inner .current .related__header .custom-select button, .section--related-news .container .current .related__header .current__header__categories button, .section--related-news .mobile-nav .mobile-nav__inner .current .related__header .current__header__categories button, .mobile-nav .section--related-news .mobile-nav__inner .current .related__header .current__header__categories button, .section--related-news .container .related .current__header .custom-select button, .section--related-news .mobile-nav .mobile-nav__inner .related .current__header .custom-select button, .mobile-nav .section--related-news .mobile-nav__inner .related .current__header .custom-select button, .section--related-news .container .related .current__header .current__header__categories button, .section--related-news .mobile-nav .mobile-nav__inner .related .current__header .current__header__categories button, .mobile-nav .section--related-news .mobile-nav__inner .related .current__header .current__header__categories button, .section--related-news .container .related .related__header .custom-select button, .section--related-news .mobile-nav .mobile-nav__inner .related .related__header .custom-select button, .mobile-nav .section--related-news .mobile-nav__inner .related .related__header .custom-select button, .section--related-news .container .related .related__header .current__header__categories button, .section--related-news .mobile-nav .mobile-nav__inner .related .related__header .current__header__categories button, .mobile-nav .section--related-news .mobile-nav__inner .related .related__header .current__header__categories button { margin-top: 5px; } .section--current .container .current .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4, .section--current .container .related .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4, .section--related-news .container .current .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4, .section--related-news .container .related .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 { padding-bottom: 20px; } .section--current .container .current .current__items .col-md-4 .card, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4 .card, .section--current .container .related .current__items .col-md-4 .card, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4 .card, .section--related-news .container .current .current__items .col-md-4 .card, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4 .card, .section--related-news .container .related .current__items .col-md-4 .card, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 .card { height: auto; } .section--current .container .current .current__items .col-md-4 .card .short--info, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .short--info, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4 .card .short--info, .section--current .container .related .current__items .col-md-4 .card .short--info, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .short--info, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4 .card .short--info, .section--related-news .container .current .current__items .col-md-4 .card .short--info, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .short--info, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4 .card .short--info, .section--related-news .container .related .current__items .col-md-4 .card .short--info, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .short--info, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 .card .short--info { padding-bottom: 25px; } .section--current .container .current .current__items .col-md-4 .card .offer, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .offer, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4 .card .offer, .section--current .container .related .current__items .col-md-4 .card .offer, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .offer, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4 .card .offer, .section--related-news .container .current .current__items .col-md-4 .card .offer, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .offer, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4 .card .offer, .section--related-news .container .related .current__items .col-md-4 .card .offer, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .offer, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 .card .offer { height: 100%; } .section--current .container .current .current__items .col-md-4 .card .offer .card-house__thumb img, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .offer .card-house__thumb img, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4 .card .offer .card-house__thumb img, .section--current .container .related .current__items .col-md-4 .card .offer .card-house__thumb img, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .offer .card-house__thumb img, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4 .card .offer .card-house__thumb img, .section--related-news .container .current .current__items .col-md-4 .card .offer .card-house__thumb img, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card .offer .card-house__thumb img, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4 .card .offer .card-house__thumb img, .section--related-news .container .related .current__items .col-md-4 .card .offer .card-house__thumb img, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card .offer .card-house__thumb img, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 .card .offer .card-house__thumb img { width: 100%; } @media (min-width: 1024px) { .section--current .container .current .current__items .col-md-4 .card, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4 .card, .section--current .container .related .current__items .col-md-4 .card, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4 .card, .section--related-news .container .current .current__items .col-md-4 .card, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4 .card, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4 .card, .section--related-news .container .related .current__items .col-md-4 .card, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4 .card, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 .card { height: 100%; } } @media (min-width: 1280px) { .section--current .container .current .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4, .section--current .container .related .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4, .section--related-news .container .current .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4, .section--related-news .container .related .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 { padding-bottom: 25px; } } @media (min-width: 1920px) { .section--current .container .current .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .current .current__items .col-md-4, .section--current .container .related .current__items .col-md-4, .section--current .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--current .mobile-nav__inner .related .current__items .col-md-4, .section--related-news .container .current .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .current .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .current .current__items .col-md-4, .section--related-news .container .related .current__items .col-md-4, .section--related-news .mobile-nav .mobile-nav__inner .related .current__items .col-md-4, .mobile-nav .section--related-news .mobile-nav__inner .related .current__items .col-md-4 { padding-bottom: 32px; } } .section--current .container .current .tns-controls, .section--current .mobile-nav .mobile-nav__inner .current .tns-controls, .mobile-nav .section--current .mobile-nav__inner .current .tns-controls, .section--current .container .related .tns-controls, .section--current .mobile-nav .mobile-nav__inner .related .tns-controls, .mobile-nav .section--current .mobile-nav__inner .related .tns-controls, .section--related-news .container .current .tns-controls, .section--related-news .mobile-nav .mobile-nav__inner .current .tns-controls, .mobile-nav .section--related-news .mobile-nav__inner .current .tns-controls, .section--related-news .container .related .tns-controls, .section--related-news .mobile-nav .mobile-nav__inner .related .tns-controls, .mobile-nav .section--related-news .mobile-nav__inner .related .tns-controls { display: none; } .section--current .container .current .current__bottom, .section--current .mobile-nav .mobile-nav__inner .current .current__bottom, .mobile-nav .section--current .mobile-nav__inner .current .current__bottom, .section--current .container .current .related__bottom, .section--current .mobile-nav .mobile-nav__inner .current .related__bottom, .mobile-nav .section--current .mobile-nav__inner .current .related__bottom, .section--current .container .related .current__bottom, .section--current .mobile-nav .mobile-nav__inner .related .current__bottom, .mobile-nav .section--current .mobile-nav__inner .related .current__bottom, .section--current .container .related .related__bottom, .section--current .mobile-nav .mobile-nav__inner .related .related__bottom, .mobile-nav .section--current .mobile-nav__inner .related .related__bottom, .section--related-news .container .current .current__bottom, .section--related-news .mobile-nav .mobile-nav__inner .current .current__bottom, .mobile-nav .section--related-news .mobile-nav__inner .current .current__bottom, .section--related-news .container .current .related__bottom, .section--related-news .mobile-nav .mobile-nav__inner .current .related__bottom, .mobile-nav .section--related-news .mobile-nav__inner .current .related__bottom, .section--related-news .container .related .current__bottom, .section--related-news .mobile-nav .mobile-nav__inner .related .current__bottom, .mobile-nav .section--related-news .mobile-nav__inner .related .current__bottom, .section--related-news .container .related .related__bottom, .section--related-news .mobile-nav .mobile-nav__inner .related .related__bottom, .mobile-nav .section--related-news .mobile-nav__inner .related .related__bottom { display: flex; justify-content: center; width: 100%; } .section--current .container .current .current__bottom img, .section--current .mobile-nav .mobile-nav__inner .current .current__bottom img, .mobile-nav .section--current .mobile-nav__inner .current .current__bottom img, .section--current .container .current .related__bottom img, .section--current .mobile-nav .mobile-nav__inner .current .related__bottom img, .mobile-nav .section--current .mobile-nav__inner .current .related__bottom img, .section--current .container .related .current__bottom img, .section--current .mobile-nav .mobile-nav__inner .related .current__bottom img, .mobile-nav .section--current .mobile-nav__inner .related .current__bottom img, .section--current .container .related .related__bottom img, .section--current .mobile-nav .mobile-nav__inner .related .related__bottom img, .mobile-nav .section--current .mobile-nav__inner .related .related__bottom img, .section--related-news .container .current .current__bottom img, .section--related-news .mobile-nav .mobile-nav__inner .current .current__bottom img, .mobile-nav .section--related-news .mobile-nav__inner .current .current__bottom img, .section--related-news .container .current .related__bottom img, .section--related-news .mobile-nav .mobile-nav__inner .current .related__bottom img, .mobile-nav .section--related-news .mobile-nav__inner .current .related__bottom img, .section--related-news .container .related .current__bottom img, .section--related-news .mobile-nav .mobile-nav__inner .related .current__bottom img, .mobile-nav .section--related-news .mobile-nav__inner .related .current__bottom img, .section--related-news .container .related .related__bottom img, .section--related-news .mobile-nav .mobile-nav__inner .related .related__bottom img, .mobile-nav .section--related-news .mobile-nav__inner .related .related__bottom img { max-width: 45px; height: 45px; } @media (min-width: 768px) { .section--current .container .current .current__bottom, .section--current .mobile-nav .mobile-nav__inner .current .current__bottom, .mobile-nav .section--current .mobile-nav__inner .current .current__bottom, .section--current .container .current .related__bottom, .section--current .mobile-nav .mobile-nav__inner .current .related__bottom, .mobile-nav .section--current .mobile-nav__inner .current .related__bottom, .section--current .container .related .current__bottom, .section--current .mobile-nav .mobile-nav__inner .related .current__bottom, .mobile-nav .section--current .mobile-nav__inner .related .current__bottom, .section--current .container .related .related__bottom, .section--current .mobile-nav .mobile-nav__inner .related .related__bottom, .mobile-nav .section--current .mobile-nav__inner .related .related__bottom, .section--related-news .container .current .current__bottom, .section--related-news .mobile-nav .mobile-nav__inner .current .current__bottom, .mobile-nav .section--related-news .mobile-nav__inner .current .current__bottom, .section--related-news .container .current .related__bottom, .section--related-news .mobile-nav .mobile-nav__inner .current .related__bottom, .mobile-nav .section--related-news .mobile-nav__inner .current .related__bottom, .section--related-news .container .related .current__bottom, .section--related-news .mobile-nav .mobile-nav__inner .related .current__bottom, .mobile-nav .section--related-news .mobile-nav__inner .related .current__bottom, .section--related-news .container .related .related__bottom, .section--related-news .mobile-nav .mobile-nav__inner .related .related__bottom, .mobile-nav .section--related-news .mobile-nav__inner .related .related__bottom { padding-top: 20px; } } .section--current picture.background, .section--related-news picture.background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .section--current picture.background img, .section--related-news picture.background img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .section--current.section--current-white-bg, .section--related-news.section--current-white-bg { background-color: #fff; } .section--current.section--current-white-bg::before, .section--related-news.section--current-white-bg::before { display: none; } @media (min-width: 768px) { .section--related-news { background-color: #fff; } } .section--current { background-size: 900px; } @media (min-width: 768px) { .section--current { background-size: auto; } } .employee-single .section--current { padding-top: 0; } .employee-single .section--current .current { padding-top: 0; } .section--cta-team { overflow: hidden; text-align: center; position: relative; } .section--cta-team .cta-content p { margin-bottom: 15px; } .section--cta-team .cta-content p.script { color: #fb0; } @media (min-width: 768px) { .section--cta-team .cta-content a.btn { margin-top: 20px; } } @media (min-width: 768px) { .section--cta-team .cta-content { max-width: 450px; margin: 0 auto; padding-top: 30px; } } @media (min-width: 1280px) { .section--cta-team .cta-content { max-width: 480px; } } @media (min-width: 1920px) { .section--cta-team .cta-content { max-width: 610px; } } .section--cta-team picture img { max-width: 200px; object-position: bottom; position: absolute; bottom: 0; transition: var(--speed-slow); } @media (min-width: 768px) { .section--cta-team picture img { max-width: 310px; } } @media (min-width: 1280px) { .section--cta-team picture img { max-width: 400px; } } @media (min-width: 1440px) { .section--cta-team picture img { max-width: 440px; } } @media (min-width: 1920px) { .section--cta-team picture img { max-width: 600px; } } .section--cta-team picture.cta-images__left img { left: 0; } .section--cta-team picture.cta-images__right img { right: 0; } .section--cta-team:hover picture img { transform: scale(1.05); } .section--cta-team.section.section--spacing { padding-bottom: 170px; } @media (min-width: 768px) { .section--cta-team.section.section--spacing { padding-bottom: 190px; } } @media (min-width: 1920px) { .section--cta-team.section.section--spacing { padding-bottom: 100px; } } .section--references { overflow: hidden; } @media (min-width: 1920px) { .section--references .view--more { margin-top: 30px; } } .section--references .container, .section--references .mobile-nav .mobile-nav__inner, .mobile-nav .section--references .mobile-nav__inner { text-align: center; } .section--references .container .tns-controls, .section--references .mobile-nav .mobile-nav__inner .tns-controls, .mobile-nav .section--references .mobile-nav__inner .tns-controls { display: none; } .section--references .container .tns-ovh, .section--references .mobile-nav .mobile-nav__inner .tns-ovh, .mobile-nav .section--references .mobile-nav__inner .tns-ovh { overflow: visible; } .section--references .container .reference_items, .section--references .mobile-nav .mobile-nav__inner .reference_items, .mobile-nav .section--references .mobile-nav__inner .reference_items { display: flex; } .section--references .container .reference_items .reference-item, .section--references .mobile-nav .mobile-nav__inner .reference_items .reference-item, .mobile-nav .section--references .mobile-nav__inner .reference_items .reference-item { height: auto; } .section--references .container .reference_items .reference-item p a, .section--references .mobile-nav .mobile-nav__inner .reference_items .reference-item p a, .mobile-nav .section--references .mobile-nav__inner .reference_items .reference-item p a { font-weight: inherit; font-size: inherit; color: #fb0; } .section--references .container .reference_items .reference-item h5, .section--references .mobile-nav .mobile-nav__inner .reference_items .reference-item h5, .mobile-nav .section--references .mobile-nav__inner .reference_items .reference-item h5 { position: absolute; bottom: 20px; } .section--references .container .reference_items .reference-item .reference-item__inner, .section--references .mobile-nav .mobile-nav__inner .reference_items .reference-item .reference-item__inner, .mobile-nav .section--references .mobile-nav__inner .reference_items .reference-item .reference-item__inner { height: 100%; } @media (min-width: 768px) { .section--references .container .reference_items, .section--references .mobile-nav .mobile-nav__inner .reference_items, .mobile-nav .section--references .mobile-nav__inner .reference_items { margin: 80px 0; } } @media (min-width: 768px) { .section--references.section.section--spacing { padding: 125px 0 50px; } } @media (min-width: 1280px) { .section--references.section.section--spacing { padding: 155px 0 65px; } } @media (min-width: 1920px) { .section--references.section.section--spacing { padding: 165px 0 130px; } } .section--numbers { overflow: hidden; } .section--numbers .numbers { display: flex; flex-wrap: wrap; justify-content: space-between; } .section--numbers .numbers .number { width: 33%; margin-top: 20px; text-align: center; } .section--numbers .numbers .number h2 { margin-bottom: 5px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 30px; color: #fb0; } .section--numbers .numbers .number h2 strong { font-weight: 700; } .section--numbers .numbers .number h2:nth-child(2) { font-weight: 700; } @media (min-width: 768px) { .section--numbers .numbers .number h2 { margin-bottom: 10px; } } .section--numbers .numbers .number a h2 { font-weight: 700 !important; } .section--numbers .numbers .number h4 { font-family: "Visby", sans-serif; font-size: 14px; line-height: 17px; } .section--numbers .numbers .number h4 strong { display: block; font-weight: 700; } @media (min-width: 768px) { .section--numbers .numbers .number h4 { font-size: 18px; line-height: normal; } } @media (min-width: 1280px) { .section--numbers .numbers .number h4 { font-size: 20px; } } @media (min-width: 1920px) { .section--numbers .numbers .number h4 { font-size: 24px; } } @media (min-width: 768px) { .section--numbers .numbers .number { width: auto; } } @media (min-width: 768px) { .section--numbers .numbers { flex-wrap: nowrap; margin: 0 20px; } } .section--numbers.section--spacing { padding-top: 0; } .section.section--services { overflow: hidden; } .section.section--services .services .tns-ovh { overflow: visible; } .section.section--services .services .tns-controls { display: none; } @media (min-width: 768px) { .section.section--services .services .tns-controls { display: flex; } } .section.section--services .services .services__items { display: flex; flex-grow: 1; } .section.section--services .services .services__items .services__items__item { opacity: 0.2; height: auto; transition: var(--speed-default); transition: opacity var(--speed-default) linear; } .section.section--services .services .services__items .services__items__item .services__items__item__inner { display: flex; flex-direction: column; height: 100%; border-radius: 21px; padding: 30px; background-color: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08); position: relative; gap: 16px; } @media (min-width: 1024px) { .section.section--services .services .services__items .services__items__item .services__items__item__inner h4 { font-weight: 800; font-size: 32px; font-style: normal; line-height: 110%; } } .section.section--services .services .services__items .services__items__item .services__items__item__inner a.btn { width: -moz-fit-content; width: fit-content; margin-top: auto; } @media (min-width: 1280px) { .section.section--services .services .services__items .services__items__item .services__items__item__inner { padding: 40px; } } @media (min-width: 1920px) { .section.section--services .services .services__items .services__items__item .services__items__item__inner { padding-top: 35px; padding-right: 65px; padding-bottom: 40px; padding-left: 40px; } } .section.section--services .services .services__items .services__items__item.tns-slide-active { opacity: 1; } @media (min-width: 768px) { .section.section--services .services .services__items { margin: 40px 0; } } .section.section--services.normal-bg { background-color: #f5ebd0; } .section--hero { padding-bottom: 30px; } .section--hero .hero-head { padding: 120px 0 165px; background-color: #f5ebd0; position: relative; } .section--hero .hero-head .container, .section--hero .hero-head .mobile-nav .mobile-nav__inner, .mobile-nav .section--hero .hero-head .mobile-nav__inner { text-align: center; position: relative; z-index: 2; } @media (min-width: 768px) { .section--hero .hero-head .container, .section--hero .hero-head .mobile-nav .mobile-nav__inner, .mobile-nav .section--hero .hero-head .mobile-nav__inner { text-align: left; } } .section--hero .hero-head .script { font-weight: 700; } .section--hero .hero-head h1, .section--hero .hero-head .hero-head__content { max-width: 400px; font-weight: 700; } .section--hero .hero-head h1 p, .section--hero .hero-head .hero-head__content p { margin-top: 16px; } .section--hero .hero-head h1.milk, .section--hero .hero-head .hero-head__content.milk { text-shadow: 0 0 15px rgba(0, 0, 0, 0.25); } .section--hero .hero-head h1.milk > p, .section--hero .hero-head .hero-head__content.milk > p { color: #fff; } @media (min-width: 1920px) { h1 .section--hero .hero-head h1, h1 .section--hero .hero-head .hero-head__content { line-height: 40px; } } .section--hero .hero-head .hero-head__slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .section--hero .hero-head .hero-head__slider .hero-head__slider__slide { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } @media (min-width: 768px) { .section--hero .hero-head { padding: 200px 0 40px; } } @media (min-width: 1280px) { .section--hero .hero-head { padding: 250px 0 50px; } } @media (min-width: 1920px) { .section--hero .hero-head { padding: 350px 0 60px; } } .section--hero .hero-content { margin-top: -135px; } .section--hero .hero-content .show-hearts ul, .section--hero .hero-content .show-hearts ol { margin-bottom: 20px; padding-left: 0; list-style-type: none; } .section--hero .hero-content .show-hearts ul li, .section--hero .hero-content .show-hearts ol li { display: flex; margin-bottom: 5px; counter-increment: item; } .section--hero .hero-content .show-hearts ul li::before, .section--hero .hero-content .show-hearts ol li::before { display: flex; justify-content: center; align-items: center; width: auto; min-width: 25px; max-width: 25px; height: auto; min-height: 20px; max-height: 25px; margin-top: 3px; margin-right: 10px; background-image: url("../images/heart.svg"); background-size: 22px; background-position: center; background-repeat: no-repeat; background-color: transparent; content: ""; font-family: "Visby", sans-serif; font-weight: 700; font-size: 9px; color: #fff; text-align: center; } @media (min-width: 1280px) { .section--hero .hero-content .show-hearts ul li::before, .section--hero .hero-content .show-hearts ol li::before { margin-right: 20px; } } .section--hero .hero-content .show-hearts ul li p, .section--hero .hero-content .show-hearts ol li p { margin-bottom: 0; } .section--hero .hero-content ul, .section--hero .hero-content ol { margin: revert; padding: 0 0 20px 15px; } .section--hero .hero-content ol { list-style-type: decimal; } .section--hero .hero-content ul { list-style-type: disc; } @media (min-width: 768px) { .section--hero .hero-content .row { flex-direction: row-reverse; } } .section--hero .hero-content .hero-buttons { margin-top: 10px; } .section--hero .hero-content .hero-buttons .btn:first-child { margin-right: 10px; } .section--hero .hero-content .hero-content__img, .section--hero .hero-content .hero-content__form { overflow: hidden; width: -moz-fit-content; width: fit-content; margin-bottom: 20px; border-radius: 30px; box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.07); z-index: 9; } @media (min-width: 1920px) { .section--hero .hero-content .hero-content__img h3, .section--hero .hero-content .hero-content__form h3 { line-height: 32px; } } .section--hero .hero-content .hero-content__img p, .section--hero .hero-content .hero-content__form p { padding: 0; } .section--hero .hero-content .hero-content__img form, .section--hero .hero-content .hero-content__form form { margin-top: 20px; } .section--hero .hero-content .hero-content__img picture img, .section--hero .hero-content .hero-content__form picture img { width: 100%; border-radius: 30px; position: relative; transition: var(--speed-slow); } .section--hero .hero-content .hero-content__img:hover picture img, .section--hero .hero-content .hero-content__form:hover picture img { transform: scale(1.1); } @media (min-width: 768px) { .section--hero .hero-content .hero-content__img, .section--hero .hero-content .hero-content__form { margin-top: -180px; } } @media (min-width: 1280px) { .section--hero .hero-content .hero-content__img, .section--hero .hero-content .hero-content__form { margin-top: -210px; } } @media (min-width: 1920px) { .section--hero .hero-content .hero-content__img, .section--hero .hero-content .hero-content__form { margin-top: -230px; } } .section--hero .hero-content .hero-content__form { padding: 30px 25px; background-color: #fff; position: relative; z-index: 1; } .section--hero .hero-content .hero-content__form .btn { margin-top: 20px; } @media (min-width: 768px) { .section--hero .hero-content .hero-content__form { padding: 35px; } } @media (min-width: 1280px) { .section--hero .hero-content .hero-content__form { padding: 45px; } } @media (min-width: 1920px) { .section--hero .hero-content .hero-content__form { padding: 60px; } } @media (min-width: 768px) { .section--hero .hero-content { margin-top: 30px; } } @media (min-width: 1920px) { .section--hero .hero-content { margin-top: 60px; } } .section--hero:has(.hero-content .hero-content__form) .hero-head h2 { max-width: 480px; } .section--hero.section--hero--employee h5.milk { color: #fff; } .section--hero.section--hero--employee .employee .employee__socials { margin-bottom: 30px; border-bottom: 1px solid #d9d9d9; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a { display: flex; align-items: center; margin-bottom: 10px; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a i { margin-right: 10px; border: none; background-color: #fb0; color: #fff; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__top a:hover i { color: #d9d9d9; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom { display: flex; align-items: center; margin: 30px 0; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom a { opacity: 0.4; margin-left: 10px; } .section--hero.section--hero--employee .employee .employee__socials .employee__socials__bottom a:hover { opacity: 0.7; } @media (min-width: 768px) { .section--hero.section--hero--employee .employee .employee__socials { margin-bottom: 50px; padding-bottom: 20px; } } .section--hero.section--hero--contact .contact-info a, .section--hero.section--hero--contact .contact-info p { display: flex; align-items: center; margin-bottom: 10px; padding-bottom: 0; font-weight: 400; } .section--hero.section--hero--contact .contact-info a i, .section--hero.section--hero--contact .contact-info p i { margin-right: 10px; border: none; background-color: #fb0; color: #fff; } .section--hero.section--hero--contact .contact-info a:hover i, .section--hero.section--hero--contact .contact-info p:hover i { color: #d9d9d9; } .section--hero.section--hero--contact .contact-info span { font-weight: 400; } .section--hero.section--hero--contact .contact-info p { align-items: start; } .section--hero.section--hero--contact .contact-info p a { text-decoration: underline; } .section--hero.section--hero--contact .contact-info .contact-bottom { margin: 30px 0 45px; } .section--hero.section--hero--contact .contact-info .contact-bottom p { margin-bottom: 0; } .section--hero.section--hero--contact .contact-info .times .times__time { flex-direction: row; max-width: 300px; } .section--hero.section--hero--contact .contact-info .times .times__time .col-6:nth-child(2) span { font-weight: 300; } @media (min-width: 768px) { .section--hero { padding-bottom: 50px; } } @media (min-width: 1280px) { .section--hero { padding-bottom: 70px; } } @media (min-width: 1920px) { .section--hero { padding-bottom: 100px; } } .section--steps { overflow: hidden; } .section--steps .tns-ovh { overflow: visible; } .section--steps .steps { display: flex; } .section--steps .steps .card { height: 100%; padding-bottom: 20px; background-color: #fff; } .section--steps .steps .card .offer { overflow: hidden; height: 100%; padding-bottom: 65px; background-color: #fff; position: relative; } .section--steps .steps .card .offer .short--info { width: 100%; height: auto; margin: 0; padding-right: 15px; background-color: #fff; position: absolute; bottom: 15px; z-index: 1; transition: var(--speed-slow); } .section--steps .steps .card .offer .short--info .short--info__text { display: none; padding-top: 10px; } @media (min-width: 768px) { .section--steps .steps .card .offer { padding-bottom: 75px; } } @media (min-width: 1280px) { .section--steps .steps .card .offer { padding-bottom: 95px; } } .section--steps .steps .card.card--steps--hover:hover .short--info { overflow: scroll; height: 100%; bottom: 0; } .section--steps .steps .card.card--steps--hover:hover .short--info .short--info__text { display: block; } .section--steps .tns-controls { display: none; } .section--steps .tns-controls button { border: 1px solid #555; background-color: #555; font-size: 0; color: #fff; } .section--steps .tns-controls button::before { color: #fff; } .section--steps .tns-controls button:disabled { opacity: 0.5; pointer-events: none; } .section--steps .tns-controls button:hover { border: 1px solid #555; background-color: #fff; color: #fff; } .section--steps .tns-controls button:hover::before { color: #555; } @media (min-width: 768px) { .section--steps .tns-controls { margin-top: 20px; } } @media (min-width: 1920px) { .section--steps .tns-controls { margin-top: 35px; } } @media (min-width: 768px) { .section--steps .tns-controls { display: flex; } } @media (min-width: 768px) { .section--steps.section--spacing.extra-spacing { padding-top: 165px; } } @media (min-width: 1024px) { .section--steps.section--spacing.extra-spacing { padding-top: 100px; } } @media (min-width: 1280px) { .section--steps.section--spacing.extra-spacing { padding-top: 185px; } } @media (min-width: 1920px) { .section--steps.section--spacing.extra-spacing { padding-top: 205px; } } .section--text-image a.btn { margin-top: 20px; } @media (min-width: 768px) { .section--text-image a.btn { margin-top: 15px; } } @media (min-width: 1920px) { .section--text-image a.btn { margin-top: 25px; } } .section--text-image .text ol, .section--text-image .text ul { margin-bottom: 15px; padding-left: 20px; } .section--text-image .text ol li, .section--text-image .text ul li { margin-bottom: 10px; } .section--text-image .text ul { list-style-type: disc; } .section--text-image .text ol { list-style-type: decimal; } .section--text-image img { border-radius: 13px; } @media (min-width: 768px) { .section--text-image.section.section--spacing { padding: 95px 0; } } @media (min-width: 1920px) { .section--text-image.section.section--spacing { padding: 130px 0; } } .section--cta-contact { border-top: 1px solid #e3e4e4; background-color: #fff; } .section--cta-contact a.btn { margin-top: 20px; } .section--cta-contact.section--cta-contact--search, .section--cta-contact.section--cta-contact--overview { max-width: 1395px; margin-right: auto; margin-left: auto; border-top: 1px solid #e3e4e4; background-color: #fff; } .section--form .form-wrapper .gform_wrapper { margin-top: 0; } .section--form .form-wrapper .head { margin-bottom: 20px; } @media (min-width: 1280px) { .section--form .form-wrapper .head { margin-bottom: 40px; } } @media (min-width: 768px) { .section--form .form-wrapper { max-width: 70%; } } .section--form.section--form--centered .form-wrapper { display: block; margin: 0 auto; } .section--text-slide { margin: 30px 0; position: relative; } .section--text-slide .text-slide__text { overflow: hidden; display: flex; align-items: center; z-index: 1; } .section--text-slide .text-slide__text .text-slide__text__item { opacity: 0.1; overflow: hidden; display: flex; width: 100%; margin: 0 auto; line-height: 20px; white-space: pre-wrap; } .section--text-slide .text-slide__text .text-slide__text__item span { display: inline-block; padding-left: 50%; font-weight: 500; font-size: 80px; line-height: 160px; color: #555; white-space: nowrap; animation: marquee 30s linear infinite; } @media (min-width: 768px) { .section--text-slide .text-slide__text .text-slide__text__item span { font-size: 120px; line-height: 120px; } } @media (min-width: 1024px) { .section--text-slide .text-slide__text .text-slide__text__item span { font-size: 213px; line-height: 213px; } } @media (min-width: 1280px) { .section--text-slide .text-slide__text .text-slide__text__item span { font-size: 300px; line-height: 300px; } } @media (min-width: 1920px) { .section--text-slide .text-slide__text .text-slide__text__item span { font-size: 400px; line-height: 400px; } } @media (min-width: 1280px) { .section--text-slide .text-slide__text .text-slide__text__item { line-height: 30px; } } @media (min-width: 1920px) { .section--text-slide .text-slide__text .text-slide__text__item { line-height: 40px; } } .section--text-slide.no-pt { padding-top: 0 !important; } .section--text-slide.no-pb { padding-bottom: 0 !important; } .section--text-slide.bg-oatmeal { margin: 0; padding: 30px 0; } @media (min-width: 768px) { .section--text-slide.bg-oatmeal { padding: 70px 0; } } @media (min-width: 1024px) { .section--text-slide.bg-oatmeal { padding: 145px 0; } } @media (min-width: 1280px) { .section--text-slide.bg-oatmeal { padding: 105px 0; } } @media (min-width: 768px) { .section--text-slide { margin: 70px 0; } } @media (min-width: 1024px) { .section--text-slide { margin: 145px 0; } } @media (min-width: 1280px) { .section--text-slide { margin: 105px 0; } } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .section-slider { overflow: hidden; margin-bottom: 80px; padding-top: 80px; padding-bottom: 80px; } .section-slider .head { margin-bottom: 32px; text-align: center; } .section-slider .head h2 { width: auto; margin-bottom: 0; } @media (min-width: 1280px) { .section-slider .head { margin-bottom: 48px; } } .section-slider .slick-track { display: flex; } .section-slider .slick-list { overflow: visible; } .section-slider .slick-list .slick-slide { height: auto; margin-right: 10px; } .section-slider .slick-list .slick-slide > div { height: 100%; } .section-slider .slick-list .slick-slide.hidden { display: none; } @media (min-width: 1280px) { .section-slider .slick-list .slick-slide { margin-right: 20px; } } @media (min-width: 1280px) { .section-slider .slick-list { overflow: visible; } } .section-slider .section-slider__slide { height: 100%; } .section-slider .slider-buttons { margin-top: 32px; text-align: center; gap: 4px; } .section-slider .slider-buttons .btn { width: 48px; height: 48px; border-radius: 50%; padding: 0; background-color: #555; color: #fff; cursor: pointer; } .section-slider .slider-buttons .btn i { font-size: 20px; } .section-slider .slider-buttons .btn.slide-prev i { transform: scaleX(-1); } .section-slider .slick-dots { max-width: 80%; margin-top: 40px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .section-slider .slick-dots { display: flex; justify-content: center; background-color: rgba(85, 85, 85, 0.2); } .section-slider .slick-dots li { overflow: hidden; flex: 1 0 auto; height: 2px; } .section-slider .slick-dots li.slick-active button { background-color: #fb0; } .section-slider .slick-dots button { display: block; width: 100%; height: 100%; text-indent: -999px; transform-origin: left; transition: background-color 0.3s linear; } } .section-slider .employee { overflow: hidden; display: flex; flex-direction: column; height: 100%; border-radius: 16px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); position: relative; } .section-slider .employee .employee__figure { position: relative; aspect-ratio: 1/1; } .section-slider .employee .employee__figure::before { display: block; padding-top: 71.4285714286%; content: ""; } .section-slider .employee .employee__figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .section-slider .employee .employee__content { display: flex; flex-direction: column; padding: 24px; background-color: #fff; position: relative; z-index: 2; gap: 8px; } .section-slider .employee .employee__content .employee-name { color: #555; font-weight: 800; font-size: 20px; } .section-slider .employee .employee__content .employee-function { line-height: 1; font-weight: 400; font-size: 16px; } .section-slider .button-wrapper { gap: 16px; } .section-slider .button-wrapper .btn + .btn { margin-left: 16px; } .section-slider.section--spacing--bg.no-spacing { margin-bottom: 0; } .section--news-detail .section--cta .cta__inner { overflow: hidden; margin: 0 -25px; padding: 30px 25px; background-color: #e3ecea !important; position: relative; } .section--news-detail .section--cta .cta__inner a:not(.contact) { text-decoration: underline; } @media (min-width: 1280px) { .section--news-detail .section--cta .cta__inner h3 { margin-bottom: 5px; } } .section--news-detail .section--cta .cta__inner p, .section--news-detail .section--cta .cta__inner p span { font-size: 12px; } @media (min-width: 1280px) { .section--news-detail .section--cta .cta__inner p, .section--news-detail .section--cta .cta__inner p span { font-size: 16px; } } .section--news-detail .section--cta .cta__inner img { width: 100%; max-width: 220px; position: absolute; right: -50px; bottom: 0; } @media (min-width: 768px) { .section--news-detail .section--cta .cta__inner img { max-width: 240px; right: -30px; } } @media (min-width: 1920px) { .section--news-detail .section--cta .cta__inner img { max-width: 280px; } } .section--news-detail .section--cta .cta__inner .contact { display: flex; align-items: center; margin: 10px 0; font-family: "Visby", sans-serif; font-weight: 700; font-size: 11px; position: relative; } .section--news-detail .section--cta .cta__inner .contact i { display: block; margin-right: 10px; border: 1px solid #000; border-radius: 50%; padding: 8px; font-size: 11px; } @media (min-width: 1024px) { .section--news-detail .section--cta .cta__inner .contact i { border: 2px solid #000; padding: 10px; font-size: 15px; } } @media (min-width: 1280px) { .section--news-detail .section--cta .cta__inner .contact i { margin-right: 15px; font-size: 18px; } } @media (min-width: 1024px) { .section--news-detail .section--cta .cta__inner .contact { font-size: 16px; } } @media (min-width: 1280px) { .section--news-detail .section--cta .cta__inner .contact { margin: 15px 0; font-size: 18px; } } @media (min-width: 768px) { .section--news-detail .section--cta .cta__inner { margin: 0; border-radius: 18px; padding: 30px 35px; } } .section--news-detail .section--images-big { margin: 0; padding: 0; } .section--news-detail .section--images { padding: 10px 0; } .section--news-detail .section--images .image { padding-bottom: 20px; } .section--news-detail .section--images .image img { width: 100%; border-radius: 13px; } .section--news-detail .section--intro-text { padding-bottom: 20px; } .section--news-detail .section--intro-text img { border-radius: 13px; } .section--news-detail .section--intro-text p, .section--news-detail .section--intro-text p span { margin-bottom: 15px; font-weight: 400; } .section--news-detail a.btn { margin-top: 15px; } .section.section--images-big { margin-bottom: 80px; } .section.section--images-big .title { margin-bottom: 24px; color: #fff !important; } .section.section--images-big .title p { font-size: 40px; line-height: 40px; color: #fff !important; text-transform: none !important; } @media (min-width: 768px) { .section.section--images-big .title p { font-size: 56px; line-height: 61.6px; } } .section--images-big { margin: 30px 0; } .section--images-big .images-big__inner { overflow: hidden; display: flex; align-items: flex-end; height: 100%; position: relative; } .section--images-big .images-big__inner::before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; z-index: 1; } .section--images-big .images-big__inner .circle-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 320px; height: 320px; border: 4px solid #f5ebd0; border-radius: 100%; } .section--images-big .images-big__inner .circle-wrapper .title, .section--images-big .images-big__inner .circle-wrapper .button-wrapper { width: 224px; } @media (min-width: 768px) { .section--images-big .images-big__inner .circle-wrapper { width: 456px; height: 456px; } .section--images-big .images-big__inner .circle-wrapper .title, .section--images-big .images-big__inner .circle-wrapper .button-wrapper { width: 276px; } } @media (min-width: 1280px) { .section--images-big .images-big__inner .circle-wrapper { width: 572px; height: 572px; } .section--images-big .images-big__inner .circle-wrapper .title, .section--images-big .images-big__inner .circle-wrapper .button-wrapper { width: 338px; } } .section--images-big .images-big__inner .container, .section--images-big .images-big__inner .mobile-nav .mobile-nav__inner, .mobile-nav .section--images-big .images-big__inner .mobile-nav__inner { display: flex; align-items: center; height: 100%; position: relative; z-index: 1; } .section--images-big .images-big__inner .button-wrapper { display: inline-flex; align-items: center; gap: 16px; } .section--images-big .images-big__inner .container--detail { display: flex; align-items: center; height: 500px; background-color: transparent; position: relative; z-index: 1; } .section--images-big .images-big__inner .container--detail::before, .section--images-big .images-big__inner .container--detail::after { content: ""; } @media (min-width: 1024px) { .section--images-big .images-big__inner .container--detail::before, .section--images-big .images-big__inner .container--detail::after { width: 100%; height: 30px; margin: 0 auto; border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; position: absolute; right: 0; left: 0; } } @media (min-width: 1280px) { .section--images-big .images-big__inner .container--detail::before, .section--images-big .images-big__inner .container--detail::after { height: 35px; } } @media (min-width: 1920px) { .section--images-big .images-big__inner .container--detail::before, .section--images-big .images-big__inner .container--detail::after { height: 45px; } } .section--images-big .images-big__inner .container--detail::before { border-radius: 0 0 18px 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); top: 0; } .section--images-big .images-big__inner .container--detail::after { border-radius: 18px 18px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); bottom: 0; } .section--images-big .images-big__inner .container--detail h2 { color: #fff; } .section--images-big .images-big__inner.black_overlay::before { background: linear-gradient(0deg, rgba(85, 85, 85, 0.4) 0%, rgba(85, 85, 85, 0.4) 100%); } .section--images-big .images-big__inner.yellow_overlay::before { background: linear-gradient(153.64deg, rgba(252, 170, 0, 0.56) 0%, rgba(252, 191, 0, 0) 60%); } .section--images-big .images-big__inner h2 + div { margin-top: 20px; margin-bottom: 20px; } .section--images-big.image-size { margin: 0; } .section--images-big.image-size--large { height: 260px; } @media (min-width: 768px) { .section--images-big.image-size--large { align-items: center; height: 365px; } } @media (min-width: 1280px) { .section--images-big.image-size--large { height: 425px; } } @media (min-width: 1920px) { .section--images-big.image-size--large { height: 530px; } } .section--images-big.image-size--huge { height: 365px; } @media (min-width: 768px) { .section--images-big.image-size--huge { height: 530px; } } @media (min-width: 1280px) { .section--images-big.image-size--huge { height: 676px; } } .section--images-big.black_overlay { margin: 0; } @media (min-width: 768px) { .section--images-big { margin: 0; } } .section--news-detail { position: relative; z-index: 1; } .section--news-detail .section--text-block img { border-radius: 13px; } .section--news-detail .section--text-block h1, .section--news-detail .section--text-block h2, .section--news-detail .section--text-block h3, .section--news-detail .section--text-block h4 { margin-bottom: 5px; font-family: "Visby", sans-serif; font-weight: 700; } .section--news-detail .section--text-block h1 b, .section--news-detail .section--text-block h2 b, .section--news-detail .section--text-block h3 b, .section--news-detail .section--text-block h4 b { font-weight: 700; } @media (min-width: 1440px) { .section--news-detail .section--text-block h1, .section--news-detail .section--text-block h2, .section--news-detail .section--text-block h3, .section--news-detail .section--text-block h4 { margin-bottom: 10px; } } .section--news-detail .section--text-block a:not(.btn) { text-decoration: underline; } .section--news-detail .section--text-block ol { margin: revert; margin-bottom: 20px; padding-left: 30px; } .section--news-detail .section--text-block ol li { list-style-type: decimal; } .section--news-detail .section--text-block ol li::marker { padding-left: 20px; font-family: "Visby", sans-serif; } .section--news-detail .section--text-block ol li::before { display: none; } .section--news-detail .section--text-block ul { margin-bottom: 20px; } .section--news-detail .section--text-block ul li { display: flex; margin-bottom: 5px; counter-increment: item; } .section--news-detail .section--text-block ul li::before { display: block; flex-shrink: 0; width: 8px; max-width: 8px; height: 8px; max-height: 8px; margin-top: 10px; margin-right: 10px; border-radius: 50%; background-color: #000; content: ""; font-weight: 700; font-size: 9px; } @media (min-width: 1280px) { .section--news-detail .section--text-block ul li::before { margin-right: 20px; } } .section--news-detail .section--text-block ul li p { padding-bottom: 0; } .section--news-detail .section--text-block.show-hearts ul li::before, .section--news-detail .section--text-block.show-hearts ol li::before { display: flex; justify-content: center; align-items: center; width: auto; min-width: 25px; max-width: 25px; height: auto; min-height: 20px; max-height: 25px; margin-top: 3px; margin-right: 10px; background-image: url("../images/heart.svg"); background-size: 22px; background-position: center; background-repeat: no-repeat; background-color: transparent; content: ""; font-family: "Visby", sans-serif; font-weight: 700; font-size: 9px; color: #fff; text-align: center; } @media (min-width: 1280px) { .section--news-detail .section--text-block.show-hearts ul li::before, .section--news-detail .section--text-block.show-hearts ol li::before { margin-right: 20px; } } @media (min-width: 768px) { .section--news-detail .section--text-block { padding: 15px 0; } } .section--video { display: block; margin-bottom: -100px; padding-bottom: 20px; transform: translateY(-100px); } .section--video .script { color: #fb0; } .section--video .video--placeholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .section--video .video--placeholder img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; } @media (min-width: 1280px) { .section--video .video--placeholder img { border-radius: 25px; } } .section--video .video--placeholder.active .play-video { display: none; } .section--video .embed-container { overflow: hidden; max-width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .section--video .embed-container iframe { border-radius: 15px; } .section--video .embed-container iframe, .section--video .embed-container object, .section--video .embed-container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .section--video .video-inner .play-video { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin: auto; border: 2px solid #fff; border-radius: 50%; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: var(--speed-default); } .section--video .video-inner .play-video i { font-size: 27px; color: #fff; transition: var(--speed-default); } .section--video .video-inner picture { width: 100%; z-index: 0; transition: var(--speed-slow); } .section--video .video-inner picture img { width: 100%; border-radius: 15px; } .section--video .video-inner picture.background { border-radius: 20px; } .section--video .video-inner.video-inner--play { overflow: hidden; display: flex; align-items: center; position: relative; transition: var(--speed-slow); } .section--video .video-inner.video-inner__rounded { border-radius: 27px; } .section--video .video-inner.active .play-video { display: none; } .section--video .video-inner.active picture { transform: translateY(-100%); } .section--video .video-inner.media--active { margin: 0 50px; transform: scale(1.3); } .section--video:not(.bg-milk)[class*=bg-] { padding: 30px 0; } @media (min-width: 1024px) { .section--video:not(.bg-milk)[class*=bg-] { padding: 50px 0; } } .section--video.bg-dusty-gray .script, .section--video.bg-dusty-gray .video-container, .section--video.bg-dusty-gray h2, .section--video.bg-dove-gray .script, .section--video.bg-dove-gray .video-container, .section--video.bg-dove-gray h2, .section--video.bg-amber .script, .section--video.bg-amber .video-container, .section--video.bg-amber h2 { color: #fff; } @media (max-width: 1023.98px) { .section--video .video-container { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 768px) { .section--video { margin-bottom: 0; padding: 20px 0; transform: translateY(0); } } .section--return-share .return-share__return { display: flex; align-items: center; } .section--return-share .return-share__return h5 { font-weight: 700; } .section--return-share .return-share__return i { margin-right: 10px; font-size: 8px; } @media (min-width: 1280px) { .section--return-share .return-share__return i { font-size: 10px; } } @media (min-width: 1920px) { .section--return-share .return-share__return i { width: 45px; height: 45px; font-size: 12px; } } .section--return-share .return-share__return:hover i { background-color: #f5ebd0; } .section--return-share .return-share__return, .section--return-share .return-share__socials { width: 100%; padding: 20px 0; } @media (min-width: 768px) { .section--return-share .return-share__return, .section--return-share .return-share__socials { padding: 0; } } @media (min-width: 768px) { .section--return-share { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-top: 35px; } } .section--quote-detail { padding: 50px 0; } .section--quote-detail img { max-width: 35px; margin-bottom: 25px; } .section--quote-detail p.quote-text { font-weight: 300; font-style: italic; } .section--quote-detail p.name { display: block; margin-top: 20px; font-family: "Univers-Condensed", sans-serif; font-weight: 800; } .section--quote-detail p.function { font-weight: 600; color: #9d9d9c; } @media (min-width: 768px) { .section--quote-detail p.function { font-size: 14px; } } .section--form-detail { padding: 35px 0 55px; } .section--form-detail .form-inner { border-top: 1px solid #d9d9d9; padding-top: 55px; } .section--form-detail .form-inner h2 { margin-bottom: 25px; } .section--form-detail form .form-group.custom-file { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 40px; border: 1px solid #d9d9d9; border-radius: 8px; cursor: pointer; position: relative; } .section--form-detail form .form-group.custom-file::after { width: 190px; height: 40px; border-radius: 0 8px 8px 0; padding: 0 25px; background-color: #000; content: "BESTAND SELECTEREN"; font-family: "Univers LT Std", sans-serif; font-weight: 700; font-size: 14px; line-height: 40px; color: #fff; position: absolute; top: 20px; right: 0; transform: translateY(-50%); } .section--form-detail form .form-group.custom-file label, .section--form-detail form .form-group.custom-file span:not(.cv) { padding-top: 5px; padding-left: 20px; font-family: "Visby", sans-serif; font-weight: 300; font-size: 15px; color: #808285; } .section--form-detail form .form-group.custom-file input { opacity: 0; width: 100%; height: 100%; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 1; } .section--form-detail form .form-group.custom-file span { overflow: hidden; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .section--navbar { width: 100%; position: fixed; z-index: 99; } .section--navbar::before { width: 100%; height: 70px; background-color: #fff; content: ""; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: -100px; transition: var(--speed-slow); } @media (min-width: 1280px) { .section--navbar::before { height: 80px; } } @media (min-width: 1920px) { .section--navbar::before { height: 100px; } } .section--navbar .navbar__inner { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; position: relative; z-index: 1; } .section--navbar .navbar__inner .navbar__left { display: flex; align-items: flex-end; } .section--navbar .navbar__inner .navbar__left .navbar__left__brand { display: block; margin-right: 15px; transition: var(--speed-slow); } .section--navbar .navbar__inner .navbar__left .navbar__left__brand img { width: 160px; transition: var(--speed-default); } .section--navbar .navbar__inner .navbar__left .navbar__left__brand img.logo--light { display: none; } @media (min-width: 1280px) { .section--navbar .navbar__inner .navbar__left .navbar__left__brand img { width: 220px; } } @media (min-width: 1920px) { .section--navbar .navbar__inner .navbar__left .navbar__left__brand img { width: 300px; } } @media (min-width: 768px) { .section--navbar .navbar__inner .navbar__left .navbar__left__brand { margin-right: 20px; } } @media (min-width: 1920px) { .section--navbar .navbar__inner .navbar__left .navbar__left__brand { margin-right: 30px; } } .section--navbar .navbar__inner .navbar__left .navbar__left__lang { display: none !important; } @media (max-width: 767.98px) { .section--navbar .navbar__inner .navbar__left { flex-grow: 1; justify-content: space-between; } } .section--navbar .navbar__inner .navbar__left__contact { color: #555; position: relative; } @media (max-width: 767.98px) { .section--navbar .navbar__inner .navbar__left__contact .contact__marker { width: 41px; height: 41px; margin-right: 8px; border: 1px solid #555; border-radius: 100%; padding: 10px; position: relative; top: -1px; } .section--navbar .navbar__inner .navbar__left__contact .contact__marker i { color: #555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover { display: none; width: 250px; padding-top: 30px; position: absolute; top: 20px; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner { width: 250px; border-radius: 13px; padding: 24px; background-color: #fff; box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.08); position: absolute; top: 20px; right: 41px; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner * { color: #555; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner p { margin-bottom: 16px; font-size: 14px; text-transform: none; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li { display: flex; justify-content: space-between; padding: 3px 0; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li > a { display: flex; align-items: center; font-family: "Visby", sans-serif; font-weight: 700; font-size: 14px; position: relative; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li > a::before { display: block; margin-right: 16px; content: "\E918"; font-family: "schieland-icons"; font-size: 11px; color: #fb0; transition: var(--speed-default); } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li > a:hover::before { transform: translateX(3px); } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li span { display: inline-flex; gap: 4px; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li span i { font-size: 12px; } .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li span a:nth-child(2) i { font-size: 15px; color: #fb0; } @media (min-width: 768px) { .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover .navbar__left__contact__hover__inner { width: 287px; padding: 15px 30px; right: unset; left: 0; } } @media (max-width: 767.98px) { .section--navbar .navbar__inner .navbar__left__contact .navbar__left__contact__hover { width: 100px; top: 50px; } } .section--navbar .navbar__inner .navbar__left__contact:hover .navbar__left__contact__hover { display: block; } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang { border-left: 1px solid #fff; padding: 0 25px; } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner { width: 140px; padding: 10px 20px; } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li a { transition: var(--speed-default); } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li a::after, .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li a::before { display: none; } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li a img { margin-right: 5px; } .section--navbar .navbar__inner .navbar__left__contact.navbar__left__contact--lang .navbar__left__contact__hover .navbar__left__contact__hover__inner ul li a:hover { color: #fb0; } .section--navbar .navbar__inner .navbar__left__contact, .section--navbar .navbar__inner .navbar__left__lang, .section--navbar .navbar__inner .navbar__right__lang { display: flex; align-items: center; } .section--navbar .navbar__inner .navbar__left__contact i, .section--navbar .navbar__inner .navbar__left__lang i, .section--navbar .navbar__inner .navbar__right__lang i { margin-right: 5px; font-size: 16px; color: #fb0; } @media (max-width: 567.98px) { .section--navbar .navbar__inner .navbar__left__contact .contact__name, .section--navbar .navbar__inner .navbar__left__lang .contact__name, .section--navbar .navbar__inner .navbar__right__lang .contact__name { display: none; } } .section--navbar .navbar__inner .navbar__left__contact .contact__marker, .section--navbar .navbar__inner .navbar__left__lang .contact__marker, .section--navbar .navbar__inner .navbar__right__lang .contact__marker { margin-left: 12px; position: relative; top: 1px; } .section--navbar .navbar__inner .navbar__left__contact a, .section--navbar .navbar__inner .navbar__left__lang a, .section--navbar .navbar__inner .navbar__right__lang a { display: flex; align-items: center; } .section--navbar .navbar__inner .navbar-content, .section--navbar .navbar__inner .navbar__right__search, .section--navbar .navbar__inner .navbar__right__lang, .section--navbar .navbar__inner .navbar__right__nav { display: none; } @media (min-width: 1024px) { .section--navbar .navbar__inner .navbar-content, .section--navbar .navbar__inner .navbar__right__search, .section--navbar .navbar__inner .navbar__right__lang, .section--navbar .navbar__inner .navbar__right__nav { display: block; } } .section--navbar .navbar__inner .navbar__right { display: flex; align-items: center; } .section--navbar .navbar__inner .navbar__right .navbar__right__search i { margin-right: 15px; font-size: 21px; color: #555; } @media (min-width: 1024px) { .section--navbar .navbar__inner .navbar__right .navbar__right__search i { margin-right: 20px; font-size: 13px; } } @media (min-width: 1920px) { .section--navbar .navbar__inner .navbar__right .navbar__right__search i { margin-right: 25px; font-size: 19px; } } .section--navbar .navbar__inner .navbar__right .navbar__right__lang::before { width: 1px; height: 35px; background-color: #fff; content: ""; position: absolute; left: 0; } @media (min-width: 1920px) { .section--navbar .navbar__inner .navbar__right .navbar__right__lang::before { height: 50px; } } .section--navbar .navbar__inner .navbar__right .navbar__right__lang a { font-family: "Visby", sans-serif; font-weight: 700; color: #fff; } .section--navbar .navbar__inner .navbar__right .navbar__right__lang a i { margin-right: 5px; font-size: 6px; color: #fff; } @media (min-width: 1024px) { .section--navbar .navbar__inner .navbar__right .navbar__right__lang { display: flex; align-items: center; padding: 0 20px; position: relative; } } @media (min-width: 1280px) { .section--navbar .navbar__inner .navbar__right .navbar__right__lang { padding: 0 25px; } } .section--navbar .navbar__inner .navbar__right .navbar__right__menu { display: flex; justify-content: center; align-items: center; height: 41px; border-radius: 30px; padding: 8px 15px; background-color: #555; cursor: pointer; } .section--navbar .navbar__inner .navbar__right .navbar__right__menu p { font-family: "Visby", sans-serif; font-weight: 500; font-size: 14px; line-height: 1em; color: #fff; text-transform: lowercase; } .section--navbar .navbar__inner .navbar__right .navbar__right__menu p i { font-size: 16px; position: relative; top: 2px; } @media (min-width: 1280px) { .section--navbar .navbar__inner .navbar__right .navbar__right__menu p { font-size: 16px; } } .section--navbar .navbar__inner .navbar__right .navbar__right__menu:has(> p > i) { width: 41px; padding: 10px; } @media (min-width: 1280px) { .section--navbar .navbar__inner .navbar__right .navbar__right__menu { padding: 10px 22px; } } @media (min-width: 1280px) { .section--navbar .navbar__inner { padding-top: 28px; } } .section--navbar.navbar--nav-open .mobile-nav { right: 0; } .section--navbar.navbar--nav-open .navbar-sub { margin-top: 10px; } .section--navbar.navbar--nav-open .navbar__left__contact--lang { display: block; border-left: 1px solid #000 !important; color: #000; } .section--navbar.navbar--nav-open .navbar__left__contact--lang * { border-color: #000; color: #000; } .section--navbar.navbar--nav-open .navbar__left__contact--lang i { color: #000; } .section--navbar.navbar--nav-open .navbar__left .navbar__left__lang { display: block; color: #555; } .section--navbar.navbar--nav-open .navbar__left .navbar__left__lang i { color: #555; } @media (min-width: 768px) { .section--navbar.navbar--nav-open .navbar__left .navbar__left__lang { display: none; } } .section--navbar.navbar--nav-open .navbar__right .navbar__right__nav { display: none; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__lang { color: #555; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__lang::before { background-color: #555; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__lang i { color: #555; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__menu { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); } .section--navbar.navbar--nav-open .navbar__right .navbar__right__menu span { transform: rotate(45deg); } .section--navbar.navbar--nav-open .navbar__right .navbar__right__menu span::before { top: 0; transform: rotate(-90deg); } .section--navbar.navbar--nav-open .navbar__right .navbar__right__menu span::after { display: none; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__search { display: block; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__search i { color: #555; } .section--navbar.navbar--nav-open .navbar__right .navbar__right__search button i { color: #000; } @media (max-width: 1023.98px) { .section--navbar.navbar--nav-open .navbar__right .navbar__right__search { display: none; } } .section--navbar.sticky::before { top: 0; } .section--navbar.sticky .navbar__inner { padding-top: 12px; } @media (min-width: 1280px) { .section--navbar.sticky .navbar__inner { padding-top: 16px; } } @media (min-width: 1920px) { .section--navbar.sticky .navbar__inner { padding-top: 24px; } } .section--navbar.sticky .navbar__left__contact--lang { border-left: 1px solid #000 !important; } .section--navbar.sticky .navbar__left *, .section--navbar.sticky .navbar__left i, .section--navbar.sticky .navbar__right *, .section--navbar.sticky .navbar__right i { color: #555; } .section--navbar.sticky .navbar__right .navbar__right__search i { color: #555; } .section--navbar.sticky .navbar__right .navbar__right__search button i { color: #000; } .section--navbar.sticky .navbar__right .navbar__right__lang::before { background-color: #555; } .section--navbar.sticky .navbar__right .navbar__right__menu { background-color: #fb0; } .section--navbar.sticky .navbar__right .navbar__right__menu p { color: #fff; } .section--navbar.sticky .navbar__right .navbar__right__menu span, .section--navbar.sticky .navbar__right .navbar__right__menu span::before, .section--navbar.sticky .navbar__right .navbar__right__menu span::after { background-color: #fff; } .wonen-single .section--navbar .navbar__right__nav ul li.nav-item--active a, .wonen-single .section--navbar .navbar__right__nav ul li:hover a { border-color: #fb0; color: #fb0; } .wonen-single .section--navbar .navbar__right__nav ul li.nav-item--active .navbar-sub a, .wonen-single .section--navbar .navbar__right__nav ul li:hover .navbar-sub a { border-color: initial; color: initial; } .wonen-single .section--navbar .navbar__right__nav ul li.nav-item--active .navbar-sub a:hover, .wonen-single .section--navbar .navbar__right__nav ul li:hover .navbar-sub a:hover { color: #fb0; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--light, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--light, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--light { display: block; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--dark, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--dark, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__brand .logo--dark { display: none; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__contact, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__contact, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__left .navbar__left__contact { color: #fff; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__search i, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__search i, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__search i { color: #fff; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu { background-color: #fff; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu p, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu p, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right__menu p { color: #555 !important; } .wonen-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav li:hover a, .nieuwbouw-single .section--navbar:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav li:hover a, .section--navbar.section--navbar--light:not(.section--navbar.sticky):not(.section--navbar.navbar--nav-open) .navbar__inner .navbar__right .navbar-menu__nav li:hover a { border-color: #fff; } .wonen-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--light, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--light, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--light { display: none; } .wonen-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--dark, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--dark, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__left .navbar__left__brand .logo--dark { display: block; } .wonen-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__contact, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__left .navbar__left__contact, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__left .navbar__left__contact { color: #555; } .wonen-single .section--navbar.sticky .navbar__inner .navbar-sub .nav-item a, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar-sub .nav-item a, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar-sub .nav-item a { border-color: #fff !important; } .wonen-single .section--navbar.sticky .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .wonen-single .section--navbar.sticky .navbar__inner .navbar__right__search i, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__right__search i, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__right .navbar-menu__nav .nav-link:not(.navbar-sub .nav-link), .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__right__search i { color: #555; } .wonen-single .section--navbar.sticky .navbar__inner .navbar__right .navbar-menu__nav li:hover a, .nieuwbouw-single .section--navbar.sticky .navbar__inner .navbar__right .navbar-menu__nav li:hover a, .section--navbar.section--navbar--light.sticky .navbar__inner .navbar__right .navbar-menu__nav li:hover a { border-color: #555; } .wonen-single .section--navbar.sticky .navbar__inner .nav-link, .nieuwbouw-single .section--navbar.sticky .navbar__inner .nav-link, .section--navbar.section--navbar--light.sticky .navbar__inner .nav-link { color: #555; } .section--navbar .navbar__right__nav { margin-right: 20px; } .section--navbar .navbar__right__nav ul { display: flex; } .section--navbar .navbar__right__nav ul li { padding: 0 15px; position: relative; } .section--navbar .navbar__right__nav ul li a { border-bottom: 2px solid transparent; color: #555; transition: var(--speed-default); } .section--navbar .navbar__right__nav ul li .navbar-sub { display: none; padding-top: 20px; position: absolute; top: 25px; left: -80px; } .section--navbar .navbar__right__nav ul li .navbar-sub::before { width: 0; height: 0; margin: 0 auto; border-right: 20px solid transparent; border-bottom: 20px solid #fff; border-left: 20px solid transparent; content: ""; position: absolute; top: 15px; right: 0; left: 0; } .section--navbar .navbar__right__nav ul li .navbar-sub ul { display: block; min-width: 220px; border-radius: 13px; padding: 24px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .section--navbar .navbar__right__nav ul li .navbar-sub ul li { width: 100%; margin-right: 0; padding: 0; } .section--navbar .navbar__right__nav ul li .navbar-sub ul li a { display: flex; align-items: center; margin-bottom: 3px; border-bottom: none; padding-bottom: 3px; font-size: 14px !important; color: #555; letter-spacing: -0.3px; position: relative; transition: var(--speed-default); } .section--navbar .navbar__right__nav ul li .navbar-sub ul li a::before { display: block; margin-right: 16px; content: "\E918"; font-family: "schieland-icons"; color: #fb0; } @media (min-width: 1920px) { .section--navbar .navbar__right__nav ul li .navbar-sub ul li a { font-size: 18px; } } .section--navbar .navbar__right__nav ul li .navbar-sub ul li:hover a { color: #000; } .section--navbar .navbar__right__nav ul li .navbar-sub ul li:last-child { border-bottom: none; padding-bottom: 0; } .section--navbar .navbar__right__nav ul li .navbar-sub ul li:last-child a { border-bottom: none; } .section--navbar .navbar__right__nav ul li .navbar-sub ul li:first-child { padding-top: 0; } @media (min-width: 1440px) { .section--navbar .navbar__right__nav ul li .navbar-sub ul { min-width: 250px; } } @media (min-width: 1920px) { .section--navbar .navbar__right__nav ul li .navbar-sub { left: -75px; } } @media (min-width: 1920px) { .section--navbar .navbar__right__nav ul li .navbar-sub { left: -75px; } } .section--navbar .navbar__right__nav ul li:hover .navbar-sub { display: block; } .section--navbar .navbar__right__nav ul li.nav-item--active::after, .section--navbar .navbar__right__nav ul li:hover::after { color: #000; } .section--navbar .navbar__right__nav ul li.nav-item--active a, .section--navbar .navbar__right__nav ul li:hover a { border-bottom: 2px solid #000; color: #000; } @media (min-width: 1920px) { .section--navbar .navbar__right__nav ul li { padding: 0 20px; } } .nieuwbouw-single .section--navbar .navbar__right__nav ul li .navbar-sub ul li a { border-color: rgba(0, 0, 0, 0.2); color: #000; } .nieuwbouw-single .section--navbar .navbar__right__nav ul li.nav-item--active::after, .nieuwbouw-single .section--navbar .navbar__right__nav ul li:hover::after { color: #fb0; } .nieuwbouw-single .section--navbar .navbar__right__nav ul li.nav-item--active a, .nieuwbouw-single .section--navbar .navbar__right__nav ul li:hover a { border-bottom: 2px solid #fb0; color: #fb0; } .navbar__right__search { position: relative; } .navbar__right__search i { cursor: pointer; } .navbar__right__search .close-search { width: 10px; height: 10px; margin: auto; position: absolute; top: 7px; right: 60px; bottom: 0; } .navbar__right__search .close-search::before, .navbar__right__search .close-search::after { width: 15px; height: 2px; background-color: #000; content: ""; position: absolute; transition: var(--speed-default); } .navbar__right__search .close-search::before { transform: rotate(45deg); } .navbar__right__search .close-search::after { transform: rotate(-45deg); } .navbar__right__search .close-search:hover::before, .navbar__right__search .close-search:hover::after { background-color: #fb0; } .navbar__right__search .navbar-search { display: none; position: absolute; top: -10px; right: 5px; transition: var(--speed-default); } .navbar__right__search .navbar-search button { height: 35px; margin: auto 0; padding: 0 10px; background-color: #fff; font-weight: 700; position: absolute; top: 0; right: 5px; bottom: 0; } .navbar__right__search .navbar-search button i { margin: 0 !important; color: #000 !important; } @media (min-width: 768px) { .navbar__right__search .navbar-search button { height: 30px; padding: 0 15px; } } @media (min-width: 1280px) { .navbar__right__search .navbar-search button { height: 40px; } } @media (min-width: 1920px) { .navbar__right__search .navbar-search button { padding: 0 12px; } } .navbar__right__search .navbar-search input { width: auto; height: 45px; border: 1px solid #d9d9d9; border-radius: 40px; padding-left: 30px; background-color: #fff; font-family: "Visby", sans-serif; font-size: 16px; color: #808285; } @media (min-width: 768px) { .navbar__right__search .navbar-search input { width: 400px; height: 40px; } } @media (min-width: 1280px) { .navbar__right__search .navbar-search input { width: 600px; height: 50px; } } .navbar__right__search .navbar-search.search--open { display: flex; animation-name: fadeIn; animation-duration: 0.3s; } .mobile-nav { overflow-x: hidden; overflow-y: scroll; width: 100%; height: 100%; padding-top: 110px; padding-bottom: 35px; background-color: #f5ebd0; position: fixed; top: 0; right: -100%; transition: 0.5s ease; } .mobile-nav .nav-item .nav-link { transition: var(--speed-default) color; } .mobile-nav .nav-item .nav-link:hover { color: #fb0; } .mobile-nav .mobile-nav__logo { height: 550px; position: absolute; right: 0; bottom: 40px; z-index: -1; } @media (max-width: 767.98px) { .mobile-nav .mobile-nav__logo { opacity: 0; display: flex; align-items: flex-end; width: 280px; right: -100%; bottom: 0; transition: opacity var(--speed-default) linear; } .navbar--nav-open .mobile-nav .mobile-nav__logo { opacity: 1; position: fixed; right: 0; } } .mobile-nav .mobile-nav__inner { text-align: left; } .mobile-nav .mobile-nav__inner .mobile-nav__search { margin-bottom: 40px; } .mobile-nav .mobile-nav__inner .mobile-nav__search form { display: inline-flex; width: 100%; border: 1px solid rgba(85, 85, 85, 0.2); border-radius: 25px; background-color: #f5ebd0; } .mobile-nav .mobile-nav__inner .mobile-nav__search form .btn--transparent { height: 48px; background-color: transparent; } .mobile-nav .mobile-nav__inner .mobile-nav__search form .btn--transparent i { color: #555; } .mobile-nav .mobile-nav__inner .mobile-nav__search form input { flex-grow: 1; height: 48px; } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__search { display: none; } } .mobile-nav .mobile-nav__inner .mobile-nav__top .nav-item:last-child { margin-bottom: 0; } .mobile-nav .mobile-nav__inner .mobile-nav__top .navbar-sub { display: none !important; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul { border-bottom: 1px solid rgba(85, 85, 85, 0.2); padding-bottom: 25px; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li { padding-bottom: 15px; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a { font-family: "Visby", sans-serif; font-size: 30px; color: #555; text-transform: unset !important; transition: var(--speed-default); } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a { font-weight: 700; font-size: 38px; } } @media (min-width: 1024px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li > a { font-weight: 800; font-size: 56px; font-style: normal; line-height: 110%; } } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; max-height: 0; transition: var(--speed-slow); } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul li { padding-bottom: 0; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul li a { display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-right: 5px; margin-bottom: 10px; border: 1px solid #555; border-radius: 25px; padding: 0 10px; font-weight: 700; font-size: 11px; line-height: 1; color: #555; letter-spacing: -0.4px; } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul li a:hover { color: #000; } @media (min-width: 1280px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul li a { font-size: 13px; } } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li ul { justify-content: flex-start; max-height: none; } } .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li:hover ul { max-height: 160px; } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li:hover ul { max-height: none; } } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li { padding-bottom: 20px; } } @media (min-width: 1920px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul > li { padding-bottom: 24px; } } @media (min-width: 1024px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul { max-width: 300px; margin: 0 auto; border-bottom: unset; padding-bottom: 0; } } @media (min-width: 1024px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul { max-width: 500px; } } @media (min-width: 1280px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul { max-width: 680px; } } @media (min-width: 1920px) { .mobile-nav .mobile-nav__inner .mobile-nav__top ul { max-width: 820px; } } .mobile-nav .mobile-nav__inner .mobile-nav__bottom { margin-top: 40px; border-bottom: 1px solid rgba(85, 85, 85, 0.2); padding-bottom: 40px; } .mobile-nav .mobile-nav__inner .mobile-nav__bottom ul { flex: 1 1; } .mobile-nav .mobile-nav__inner .mobile-nav__bottom ul li { padding-bottom: 10px; } .mobile-nav .mobile-nav__inner .mobile-nav__bottom ul li a { font-family: "Visby", sans-serif; font-weight: 700; font-size: 16px; color: #555; letter-spacing: -0.4px; } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__bottom ul li { padding-bottom: 16px; } } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner .mobile-nav__bottom { display: inline-flex; margin-top: 0; border-bottom: unset; padding-right: 100px; padding-bottom: 0; gap: 32px; } } @media (min-width: 768px) { .mobile-nav .mobile-nav__inner { display: flex; justify-content: space-between; text-align: left; } } .mobile-nav .mobile-nav__top ul li.nav-item--active a, .mobile-nav .mobile-nav__top ul li:hover a, .mobile-nav .mobile-nav__bottom ul li.nav-item--active a, .mobile-nav .mobile-nav__bottom ul li:hover a { color: #000; } .mobile-nav .mobile-nav__image { display: none; } @media (min-width: 768px) { .mobile-nav .mobile-nav__image { display: block; position: absolute; right: 45px; bottom: 50px; } } @media (min-width: 1280px) { .mobile-nav .mobile-nav__image { width: 305px; right: 30px; bottom: 30px; } } @media (min-width: 1440px) { .mobile-nav .mobile-nav__image { width: 395px; right: 100px; bottom: 80px; } } @media (min-width: 1920px) { .mobile-nav .mobile-nav__image { width: 450px; right: 115px; bottom: 100px; } } @media (min-width: 1024px) { .mobile-nav { display: flex; align-items: center; } } @media (min-width: 768px) { .mobile-nav { padding-top: 100px; } } @media (min-width: 1280px) { .mobile-nav { padding-top: 120px; } } @media (min-width: 1920px) { .mobile-nav { padding-top: 180px; } } .section--footer { padding-top: 5px; } .section--footer .tns-nav { display: none; } @media (min-width: 1024px) { .section--footer .container .row:nth-child(2), .section--footer .mobile-nav .mobile-nav__inner .row:nth-child(2), .mobile-nav .section--footer .mobile-nav__inner .row:nth-child(2) { padding-top: 50px; } } @media (min-width: 1920px) { .section--footer .container .row:nth-child(2), .section--footer .mobile-nav .mobile-nav__inner .row:nth-child(2), .mobile-nav .section--footer .mobile-nav__inner .row:nth-child(2) { padding-top: 75px; } } .section--footer .cta__footer { margin: 0 0 40px; border-radius: 15px; padding: 55px 50px 20px 20px; background-color: #f5ebd0; position: relative; } .section--footer .cta__footer img { position: absolute; top: -5px; left: 20px; } @media (min-width: 1024px) { .section--footer .cta__footer img { width: 95px; top: -10px; left: 55px; } } @media (min-width: 1920px) { .section--footer .cta__footer img { width: 110px; } } .section--footer .cta__footer h2, .section--footer .cta__footer h3 { margin: 0 0 10px; } @media (min-width: 1440px) { .section--footer .cta__footer h2, .section--footer .cta__footer h3 { margin: 0 0 20px; } } @media (max-width: 567.98px) { .section--footer .cta__footer a:last-of-type { margin-top: 8px; } } @media (min-width: 1024px) { .section--footer .cta__footer { padding: 55px 40px 55px 55px; } } @media (min-width: 1280px) { .section--footer .cta__footer { padding: 60px 50px 60px 60px; } } .section--footer .tns-controls { display: none; } .section--footer .tns-ovh { padding: 0 20px 0 5px; } @media (min-width: 1024px) { .section--footer .tns-ovh { padding: 0 75px 0 5px; } } .section--footer .footer--slides { margin: 0 0 30px; } .section--footer .footer--slides img { width: 100%; border-radius: 10px; object-fit: cover; } @media (min-width: 1024px) { .section--footer .footer--slides { margin: 0 0 60px; } } .section--footer .team__footer .team__member { padding: 0 5px 0 0; } .section--footer .team__footer:not(.slick-slider) { opacity: 0; visibility: hidden; display: inline-flex; } .section--footer .select__settlement { margin: 0 0 20px; } .section--footer .select__settlement button { display: flex; align-items: center; margin: 0 0 15px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 14px; color: #fb0; } .section--footer .select__settlement button img { padding: 0 10px 0 0; } .section--footer .select__settlement .custom-select { width: 100%; transition: var(--speed-default); } .section--footer .select__settlement .custom-select .select-selected { justify-content: flex-start; border: none; padding-left: 0; font-size: 14px; color: #fb0; } .section--footer .select__settlement .custom-select .select-selected::before { margin-right: 10px; content: "\E902"; font-family: "schieland-icons"; font-size: 12px; color: #fb0; transition: var(--speed-default); } @media (min-width: 1280px) { .section--footer .select__settlement .custom-select .select-selected::before { margin-right: 15px; } } .section--footer .select__settlement .custom-select .select-selected::after { display: none; } .section--footer .select__settlement .custom-select .select-items .select-items__body { padding-bottom: 10px; } .section--footer .select__settlement .custom-select .select-items .select-items__body .select-items__body__option { height: auto !important; border: none !important; padding-top: 5px; font-weight: 600; font-size: 14px; color: #fb0; } .section--footer .select__settlement .custom-select .select-items .select-items__body .select-items__body__option::before, .section--footer .select__settlement .custom-select .select-items .select-items__body .select-items__body__option::after { display: none; } .section--footer .select__settlement .custom-select .select-items .select-items__body .select-items__body__option:last-child { border-radius: 0; padding-bottom: 10px; } @media (max-width: 1023.98px) { .section--footer .select__settlement .custom-select .select-items .select-items__body .select-items__body__option { font-size: 16px; } } .section--footer .select__settlement .custom-select.custom-select--active { border-radius: 10px 10px 0 0; padding-left: 15px; } .section--footer .select__settlement .custom-select.custom-select--active .select-selected::before { transform: rotate(180deg); } .section--footer .select__settlement .custom-select.custom-select--active .select-items .select-items__body { border-radius: 0 0 10px 10px; } .section--footer .select__settlement .select__settlement__item.hidden { display: none; } .section--footer .select__settlement p { margin: 0 0 10px; font-size: 16px; line-height: 23px; } .section--footer .select__settlement p a { margin: 0 0 10px; font-size: 16px; line-height: 23px; } @media (min-width: 1920px) { .section--footer .select__settlement p a { line-height: 28px; } } @media (min-width: 1920px) { .section--footer .select__settlement p { line-height: 28px; } } @media (min-width: 1024px) { .section--footer .select__settlement { margin: 0 0 60px; } } .section--footer .title { margin: 0 0 10px; } .section--footer .title h4 { font-weight: 700; color: #555; } @media (max-width: 1023.98px) { .section--footer .title h4 { font-size: 24px; } } .section--footer .socials { display: flex; align-items: center; margin: 0 0 30px; } .section--footer .socials li a { display: flex; align-items: center; } .section--footer .socials li a span { font-weight: 400; } .section--footer .socials li a .icon { display: inline-flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin-right: 5px; border-radius: 100%; background-color: #fb0; } .section--footer .socials li a .icon i { color: #fff; } @media (min-width: 1024px) { .section--footer .socials li a .icon { margin-right: 10px; } } .section--footer .socials li span { display: none; } @media (min-width: 1024px) { .section--footer .socials li span { display: block; } } .section--footer .socials.hidden { display: none; } @media (min-width: 1024px) { .section--footer .socials { flex-wrap: wrap; } .section--footer .socials li { flex: 0 0 100%; max-width: 100%; } .section--footer .socials li a { margin-right: 10px; margin-bottom: 5px; } } .section--footer .footer .title__toggle { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #808285; padding: 20px 0; } .section--footer .footer .title__toggle strong, .section--footer .footer .title__toggle h4, .section--footer .footer .title__toggle h5 { font-weight: 700; font-size: 15px; color: #555; } @media (min-width: 1024px) { .section--footer .footer .title__toggle strong, .section--footer .footer .title__toggle h4, .section--footer .footer .title__toggle h5 { font-size: 18px; } } @media (min-width: 1280px) { .section--footer .footer .title__toggle strong, .section--footer .footer .title__toggle h4, .section--footer .footer .title__toggle h5 { font-size: 21px; } } @media (min-width: 1440px) { .section--footer .footer .title__toggle strong, .section--footer .footer .title__toggle h4, .section--footer .footer .title__toggle h5 { font-size: 22px; } } @media (min-width: 1920px) { .section--footer .footer .title__toggle strong, .section--footer .footer .title__toggle h4, .section--footer .footer .title__toggle h5 { font-size: 24px; } } .section--footer .footer .title__toggle img { width: revert; height: revert; padding: 0 15px; transition: var(--speed-default); } .section--footer .footer .title__toggle.border-top { border-top: 1px solid #808285; transition: var(--speed-default); } @media (min-width: 1024px) { .section--footer .footer .title__toggle.border-top { border-top: none; } } @media (min-width: 1024px) { .section--footer .footer .title__toggle { border-bottom: none; padding: 0 0 20px; } .section--footer .footer .title__toggle h5 { font-size: 18px; } .section--footer .footer .title__toggle img { display: none; } } .section--footer .footer.open .footer__menu { border-bottom: 1px solid #808285; } .section--footer .footer.open .footer__menu ul { padding-bottom: 20px; } .section--footer .footer.open .title__toggle { border-bottom: none; } .section--footer .footer.open .title__toggle img { transform: rotate(180deg); } .section--footer .footer__menu { overflow: hidden; max-height: 0; margin: 0; border-bottom: 1px solid transparent; transition: var(--speed-default); } .section--footer .footer__menu ul li { display: flex; align-items: center; } .section--footer .footer__menu ul li a { display: inline-block; padding: 0 0 0 20px; font-size: 16px; line-height: 36px; color: #000; text-transform: lowercase; position: relative; } .section--footer .footer__menu ul li a::before { content: url("../images/icons/angle-menu.svg"); position: absolute; top: 1px; left: 0; } @media (min-width: 768px) { .section--footer .footer__menu ul li { display: block; } } @media (min-width: 768px) { .section--footer .footer__menu.columns { columns: 2; column-count: 2; column-gap: 25px; } } @media (min-width: 1024px) { .section--footer .footer__menu { overflow: visible; max-height: initial; } } .section--footer .privacy { margin: 20px 0; } .section--footer .privacy ul li { text-align: center; } .section--footer .privacy ul li a { font-size: 14px; line-height: 30px; } @media (min-width: 1024px) { .section--footer .privacy ul { display: flex; align-items: center; } .section--footer .privacy ul li a { margin: 0 10px 0 0; } } .section--footer .privacy .sumedia { line-height: 50px; text-align: center; } .section--footer .privacy .sumedia img { width: revert; height: revert; } @media (min-width: 1024px) { .section--footer .privacy .sumedia { line-height: 1; } } @media (min-width: 1920px) { .section--footer .privacy .sumedia { width: 28px; } } @media (min-width: 1280px) { .section--footer .privacy { margin: 40px 0; } } @media (min-width: 1920px) { .section--footer .privacy { margin: 50px 0; } } @media (min-width: 1024px) { .section--footer .privacy { display: flex; justify-content: space-between; align-items: center; } } @media (min-width: 768px) { .section--footer .copyright .container, .section--footer .copyright .mobile-nav .mobile-nav__inner, .mobile-nav .section--footer .copyright .mobile-nav__inner { border-top: 1px solid #d9d9d9; } } @media (min-width: 1280px) { .section--footer .copyright { padding-top: 65px; } } @media (min-width: 1920px) { .section--footer .copyright { padding-top: 75px; } } .section.section--spacing { padding: 60px 0; } @media (min-width: 768px) { .section.section--spacing { padding: 65px 0; } } @media (min-width: 1024px) { .section.section--spacing { padding: 100px 0; } } @media (min-width: 1920px) { .section.section--spacing { padding: 100px 0; } } .section.section--spacing--top { padding-top: 100px; padding-bottom: 0; } @media (min-width: 768px) { .section.section--spacing--top { padding-top: 65px; padding-bottom: 0; } } @media (min-width: 1024px) { .section.section--spacing--top { padding-top: 100px; padding-bottom: 0; } } @media (min-width: 1920px) { .section.section--spacing--top { padding-top: 100px; padding-bottom: 0; } } .section.section--spacing--bottom { padding-top: 0; padding-bottom: 100px; } @media (min-width: 768px) { .section.section--spacing--bottom { padding-top: 0; padding-bottom: 65px; } } @media (min-width: 1024px) { .section.section--spacing--bottom { padding-top: 0; padding-bottom: 100px; } } @media (min-width: 1920px) { .section.section--spacing--bottom { padding-top: 0; padding-bottom: 100px; } } .section--switcher .house-caption__holder { display: flex; justify-content: space-between; align-items: center; } .section--switcher .object--total p { font-family: "Visby", sans-serif; font-weight: 700; } .house-caption__view ul li a { display: inline-flex; justify-content: center; align-items: center; height: 40px; border: 2px solid #000; border-radius: 20px; padding: 0 20px; background-color: transparent; transition: var(--speed-default); } .house-caption__view ul li a span { font-family: "Visby", sans-serif; font-weight: 700; font-size: 11px; color: #000; } .house-caption__view ul li a i.fa { display: none !important; } .house-caption__view ul li a:hover { border-color: #555; background-color: #555; color: #fff; } .house-caption__view ul li a:hover span { color: #fff; } @media (min-width: 1280px) { .house-caption__view ul li a { height: 42px; font-size: 13px; } } @media (min-width: 1920px) { .house-caption__view ul li a { height: 48px; border-radius: 30px; padding: 0 25px; font-size: 14px; } } .filter__switcher { padding: 20px 0 10px; } .filter__switcher .icon { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; } .filter__switcher .houses__filter-toggle { display: flex; flex: 0 0 50%; align-items: center; font-weight: 700; font-size: 11px; cursor: pointer; position: relative; } .filter__switcher .houses__filter-toggle i { font-size: 16px; } .filter__switcher .houses__filter-toggle span + span { display: none; } .filter__switcher .houses__filter-toggle.is-active span { display: none; } .filter__switcher .houses__filter-toggle.is-active span + span { display: inline; } @media (min-width: 1280px) { .filter__switcher .houses__filter-toggle { font-size: 15px; } } @media (min-width: 1920px) { .filter__switcher .houses__filter-toggle { font-size: 20px; } } .filter__switcher .switchers ul li { display: block; padding: 0; } .filter__switcher .switchers ul li.active { display: none; } .filter__switcher .switchers ul li:nth-child(1) a { display: flex; align-items: center; } .filter__switcher .switchers ul li:nth-child(1) a i.fa { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; text-align: center; } .filter__switcher .switchers ul li:nth-child(1) a i.fa::before { content: "\E90E"; font-family: "schieland-icons"; font-style: normal; } .filter__switcher .switchers ul li:nth-child(2) { display: none; } .filter__switcher .switchers ul li:nth-child(3) a { display: flex; align-items: center; } .filter__switcher .switchers ul li:nth-child(3) a i.fa { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; font-size: 16px; text-align: center; order: 1; } .filter__switcher .switchers ul li:nth-child(3) a i.fa::before { content: "\E907"; font-family: "schieland-icons"; font-weight: 600; font-style: normal; } .section--filter { padding: 20px 0; /* .filter__switcher { display: flex; justify-content: flex-end; align-items: center; margin: 30px 0 0; padding: 0 0 20px 0; .icon { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; } .switchers { ul { li { display: block; padding: 0; &.active { display: none; } &:nth-child(1) { a { display: flex; align-items: center; i.fa { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; text-align: center; &::before { content: '\e90e'; font-family: $icomoon-font-family; font-style: normal; } } span { font-weight: 700; font-size: 11px; color: color(birch); text-align: right; @include media-breakpoint-up(xl) { font-size: 15px; } @include media-breakpoint-up(fhd) { font-size: 20px; } } } } &:nth-child(2) { display: none; } &:nth-child(3) { a { display: flex; align-items: center; i.fa { display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; font-size: 16px; text-align: center; order: 1; &::before { content: '\e907'; font-family: $icomoon-font-family; font-weight: 600; font-style: normal; } } span { margin-right: 20px; font-weight: 600; font-size: 11px; color: color(birch); text-align: right; order: 2; @include media-breakpoint-up(xl) { font-size: 15px; } @include media-breakpoint-up(fhd) { font-size: 20px; } } } } } } } } */ } .section--filter .filter__toggled { opacity: 0; visibility: hidden; height: 0; transition: var(--speed-default); } .section--filter .filter__toggled.open--filter { opacity: 1; visibility: visible; height: 100%; } .section--filter .filter__toggled.open--filter button[type=submit] { width: 100%; border-color: #fb0; background-color: #fb0; font-family: "Visby", sans-serif; font-weight: 500; font-size: 14px; } .section--filter .filter__toggled.open--filter button[type=submit] i::after { color: #000; } @media (min-width: 1024px) { .section--filter .filter__toggled { opacity: 1; visibility: visible; height: 100%; margin: 10px 0 30px 0; } } .section--filter .houses__filter { position: relative; z-index: 5; } .section--filter .houses__filter .view-type li { display: block; position: relative; } .section--filter .houses__filter .view-type li::before { display: none !important; } .section--filter .houses__filter .view-type li a { font-weight: 700; font-size: 0; color: transparent; text-decoration: underline; } .section--filter .houses__filter .view-type li a::before { display: inline-block; font-weight: 700; font-size: 16px; color: #000; text-decoration: underline; transition: var(--speed-default); } .section--filter .houses__filter .view-type li a::after { content: "\E91A"; font-size: 18px; color: #000; position: absolute; top: 0; left: 0; transition: var(--speed-default); } .section--filter .houses__filter .view-type li.active { display: none; } .section--filter .houses__filter .view-type li:nth-child(1) a::before { content: "Bekijk overzicht"; } .section--filter .houses__filter .view-type li:nth-child(1) a::after { content: "\E911"; } .section--filter .houses__filter .view-type li:nth-child(3) a::before { content: "Bekijk op kaart"; } .section--filter .houses__filter .view-type li:nth-child(2) { display: none; } .section--filter .houses__filter-items { border-bottom: 1px solid #d9d9d9; padding: 0 0 10px; } @media (min-width: 1280px) { .section--filter .houses__filter-items form > .row { margin-right: 0; margin-left: 0; } .section--filter .houses__filter-items form > .row > .col-sm-12 { padding: 0; } .section--filter .houses__filter-items form > .row > .col-sm-12 > .filter { padding-left: 0; } } .section--filter .houses__filter-items .col-sm-12 { display: flex; flex-wrap: wrap; padding: 0 5px; } .section--filter .houses__filter-items .col-sm-12 .heapBox { display: flex; align-content: center; align-items: center; width: 100%; height: 50px; border: 2px solid #d9d9d9; border-radius: 30px; background-color: #fff; cursor: pointer; position: relative; z-index: 9; transition: var(--speed-default); } .section--filter .houses__filter-items .col-sm-12 .heapBox .heap { width: calc(100% + 4px); border: 2px solid #d9d9d9; position: absolute; top: 100%; left: -2px; } .section--filter .houses__filter-items .col-sm-12 .heapBox .heap li { margin: 0 10px; border-bottom: 1px solid #d9d9d9; padding: 5px 15px; font-weight: 700; font-size: 15px; line-height: 1.1; } .section--filter .houses__filter-items .col-sm-12 .heapBox .heap li a { padding: 0; } .section--filter .houses__filter-items .col-sm-12 .heapBox a.holder { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px; padding-right: 15px; padding-left: 25px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 15px; color: #000; letter-spacing: 0; } .section--filter .houses__filter-items .col-sm-12 .heapBox a.holder::after { position: relative; top: 0; right: 0; } .section--filter .houses__filter-items .col-sm-12 .heapBox.open { border-radius: 30px 30px 0 0; border-bottom: none; } .section--filter .houses__filter-items .col-sm-12 .filter { width: 100%; padding: 0 5px 10px; position: relative; } @media (min-width: 1024px) { .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-prijs { display: none; } } @media (min-width: 1024px) { .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-huur-prijs { display: none; } } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-plaats { order: 1; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-soort_wonen { order: 2; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-soort_wonen .filter-dropdown .sub-filter ul { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers { order: 3; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-1-kamer, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-2-kamers, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-3-kamers, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-4-kamers, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-5-kamers, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-kamers li.filter-6-kamers { display: block; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-oppervlakte { order: 4; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-status { order: 5; } .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-status .filter-ingetrokken, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-status .filter-geveild, .section--filter .houses__filter-items .col-sm-12 .filter.filter-group-status .filter-in-aanmelding { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter.is-active { z-index: 9; } .section--filter .houses__filter-items .col-sm-12 .filter.is-active .filter-trigger { border-radius: 30px 30px 0 0; border-bottom: none; background-color: #fff; } @media (min-width: 768px) { .section--filter .houses__filter-items .col-sm-12 .filter { width: 50%; } } @media (min-width: 1024px) { .section--filter .houses__filter-items .col-sm-12 .filter { width: 20%; } } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder { position: relative; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs-holder-dropdown { width: 100%; height: 50px; border: 2px solid #d9d9d9; border-radius: 30px; padding: 10px 30px 10px 15px; background-color: #fff; cursor: pointer; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs-holder-dropdown a { display: flex; align-items: center; font-weight: 700; font-size: 15px; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs-holder-dropdown a::after { width: 13px; height: 9px; background: url("../images/icons/angle-heap.svg"); content: ""; color: #808285; position: absolute; top: 20px; right: 20px; transition: var(--speed-default); } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs { display: none; width: 100%; position: absolute; top: 100%; left: 0; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs .row { margin-right: -5px; margin-left: -5px; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs .row .col-sm-6 { padding: 0 5px; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs .heap { top: 100%; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs .heapBox { display: flex; justify-content: center; align-items: center; height: 50px; border: 1px solid #d9d9d9; background-color: #fff; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder .filter-group-prijs .heapBox a.holder { width: 100%; font-weight: 700; font-size: 12px; color: #000; } .section--filter .houses__filter-items .col-sm-12 .filter-group-prijs-holder.active .filter-group-prijs { display: block; } .section--filter .houses__filter-items .col-sm-12 .filter-trigger { display: flex; align-content: center; align-items: center; width: 100%; height: 50px; border: 2px solid #d9d9d9; border-radius: 30px; padding: 10px 30px 10px 15px; background-color: #fff; cursor: pointer; position: relative; z-index: 3; transition: var(--speed-default); } .section--filter .houses__filter-items .col-sm-12 .filter-trigger::after { width: 13px; height: 9px; background: url("../images/icons/angle-heap.svg"); content: ""; color: #808285; position: absolute; top: 18px; right: 15px; transition: var(--speed-default); } .section--filter .houses__filter-items .col-sm-12 .filter-trigger h3 { margin-left: 10px; font-family: "Univers-Condensed", sans-serif; font-weight: 700; font-size: 15px; color: #000; letter-spacing: 0; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown { display: none; width: calc(100% - 10px); border: 2px solid #d9d9d9; border-radius: 0 0 30px 30px; border-top: none !important; padding: 0; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); cursor: pointer; position: absolute; top: calc(100% - 10px); left: 5px; z-index: 2; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header { border-bottom: 1px solid #d9d9d9; padding: 10px 15px; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header h4 input { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown .sub-filter header span { text-transform: none; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown li { margin: 0 10px; border-bottom: 1px solid #d9d9d9; padding: 5px 15px; font-weight: 700; font-size: 15px; line-height: 1.1; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown li input { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown li:last-child { border-bottom: 0; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown li.filter-0-oppervlakte { display: none; } .section--filter .houses__filter-items .col-sm-12 .filter-dropdown li.filter-onder-optie { display: none; } @media (min-width: 1280px) { .section--filter .houses__filter-items .col-sm-12 .filter-dropdown { width: calc(100% - 10px); left: 5px; } } .section--filter .filter--toggle { border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 20px 0; } .section--filter .filter--toggle span { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 15px; color: #242424; } .section--filter .filter--toggle span img { padding: 0 15px 0 0; } @media (min-width: 1024px) { .section--filter .filter--toggle { display: none; } } .section--filter .filter__search { padding: 15px 0; } .section--filter .filter__search input { width: 100%; height: 36px; margin: 0 0 5px; border: 1px solid #d9d9d9; border-radius: 5px; padding: 6px 15px; background-color: #fff; font-family: "Graphik", sans-serif; color: #808285; position: relative; } .section--filter .filter__search input::placeholder { font-family: "Graphik", sans-serif; font-weight: 300; font-size: 14px; color: #808285; } .section--filter .filter__search input::before { width: 10px; height: 10px; content: url("../images/icons/loop.svg"); position: absolute; top: 10px; right: 15px; } .section--filter .filter__search select { display: block; width: 100%; margin: 0 0 5px; border: 2px solid #d9d9d9; border-radius: 5px; padding: 6px 10px; color: #808285; position: relative; transition: var(--speed-default); } .section--filter .filter__search select::placeholder { font-family: "Graphik", sans-serif; font-size: 14px; color: #000; } .section--filter .filter__search .col-sm-3 { order: 3; } .section--filter .filter__search .col-sm-3:last-of-type { padding-right: 5px; text-align: right; } .section--filter .filter__search button[type=submit] { display: inline-flex; justify-content: center; align-items: center; min-width: 100px; height: 40px; margin: 15px 0 0 0; border: 2px solid #000; border-radius: 20px; padding: 0 10px; background-color: #fb0; font-weight: 700; font-size: 11px; color: #fff; transition: var(--speed-default); } .section--filter .filter__search button[type=submit]::after { margin-left: 15px; content: "\E912"; font-family: "schieland-icons"; font-size: 13px; color: #fff; } .section--filter .filter__search button[type=submit]:hover { background-color: transparent; color: #000; } .section--filter .filter__search button[type=submit]:hover::after { color: #000; } @media (min-width: 1024px) { .section--filter .filter__search button[type=submit] { margin: 0; padding: 0 15px; background-color: #000; } } @media (min-width: 1920px) { .section--filter .filter__search button[type=submit] { height: 48px; border-radius: 30px; padding: 0 25px; font-size: 14px; } .section--filter .filter__search button[type=submit]::after { font-size: 15px; } } @media (min-width: 1024px) { .section--filter .filter__search { width: 100%; border-radius: 50px; padding: 10px; background: #fff; box-shadow: 0 0 22px rgba(0, 0, 0, 0.09); position: relative; } .section--filter .filter__search .col-md-2 { display: none; } .section--filter .filter__search .col-md-3 { width: 41.6666666667%; } .section--filter .filter__search .col-md-3 input { height: 50px; margin-bottom: 0; border: none; font-weight: 400; } .section--filter .filter__search .col-md-7 { display: flex; align-items: center; width: 58.3333333333%; } .section--filter .filter__search .col-md-7 .row { align-content: center; align-items: center; } .section--filter .filter__search .col-md-7 .row .filter { width: 72.8%; } .section--filter .filter__search .col-md-7 .row .filter .col-sm-6 { padding-right: 0; } .section--filter .filter__search .col-md-7 .row .filter .heapBox { height: 50px; margin: 0; border-width: 0 0 0 1px; border-color: #d9d9d9; border-radius: 0; padding: 11px 0; } .section--filter .filter__search .col-md-7 .row .filter .heapBox .heap { width: auto; min-width: calc(100% + 15px); border-width: 0; border-radius: 0 0 5px 5px; white-space: nowrap; box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1); top: calc(100% + 15px); } .section--filter .filter__search .col-md-7 .row .filter .heapBox a.holder { font-weight: 700; color: #000; } .section--filter .filter__search .col-md-7 .row .filter.filter-group-straal { order: 1; } .section--filter .filter__search .col-md-7 .row .filter.filter-group-kamers, .section--filter .filter__search .col-md-7 .row .filter.filter-group-oppervlakte, .section--filter .filter__search .col-md-7 .row .filter.filter-group-slaapkamers { display: none; } } .section--filter .filter-group-prijs .col-sm-6 { flex: 0 0 auto; width: 50%; } .section--filter .filter-group-huur-prijs .col-sm-6 { flex: 0 0 auto; width: 50%; } .section--filter .filter .heapBox { height: 36px; margin: 0 0 5px; border: 1px solid #d9d9d9; border-radius: 5px; padding: 4px 0 3px; font-size: 14px; line-height: 1; position: relative; } .section--filter .filter .heapBox .heap { width: calc(100% + 2px); border-width: 1px; border-style: solid; border-color: #d9d9d9; border-radius: 0 0 5px 5px; background-color: #fff; position: absolute; left: -1px; z-index: 6; } .section--filter .filter .heapBox .heap a { font-weight: 500; } .section--filter .filter .heapBox li::before { display: none; } .section--filter .filter .heapBox a { padding: 0 15px; font-family: "Graphik", sans-serif; font-size: 15px; line-height: 30px; color: #808285; } .section--filter .filter .heapBox a.handler { padding: 0; font-size: 0; } .section--filter .filter .heapBox a.holder { display: block; position: relative; } .section--filter .filter .heapBox a.holder::after { width: 13px; height: 9px; background: url("../images/icons/angle-heap.svg"); content: ""; color: #808285; position: absolute; top: 10px; right: 15px; transition: var(--speed-default); } .section--filter .filter .heapBox.open { margin: 0 0 5px; } @media (min-width: 768px) { .section--filter { padding: 30px 0; } } @media (min-width: 1024px) { .section--filter { padding: 40px 0 30px; } } .house--header { padding: 85px 0 30px; background-color: #555; position: relative; } @media (max-width: 767.98px) { .house--header .small-image { overflow: hidden; display: block; width: 50%; } .house--header .small-image img { width: auto; height: 100%; object-fit: cover; object-position: center; } } .house--header .gallery--videos, .house--header .gallery--tours { position: relative; } .house--header .gallery--videos i, .house--header .gallery--tours i { font-size: 65px; color: #fff; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); z-index: 1; } .house--header .gallery--videos i.icon-play, .house--header .gallery--tours i.icon-play { display: inline-flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin: 0 auto; border: 2px solid #fff; border-radius: 100%; font-size: 8px; } @media (min-width: 1440px) { .house--header .gallery--videos i.icon-play, .house--header .gallery--tours i.icon-play { width: 94px; height: 94px; border-width: 5px; font-size: 28px; } } @media (min-width: 1440px) { .house--header .gallery--videos i, .house--header .gallery--tours i { font-size: 130px; } } .house--header .header__gallery { margin-bottom: 25px; position: relative; z-index: 1; } .house--header .header__gallery .left--image__large { position: relative; } .house--header .header__gallery .left--image__large span.btn { background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 15px; bottom: 15px; } .house--header .header__gallery .left--image__large span.btn:hover { background-color: rgba(0, 0, 0, 0.75); } .house--header .header__gallery ul { display: flex; flex-wrap: wrap; margin: 0; list-style: none; gap: calc(33px / 2); } .house--header .header__gallery ul li { margin: 0; padding: 0; } .house--header .header__gallery ul li img { width: 100%; border-radius: 10px; } @media (min-width: 1280px) { .house--header .header__gallery ul li img { border-radius: 25px; } } .house--header .header__gallery ul li a { display: block; border-radius: 15px; position: relative; } @media (min-width: 568px) { .house--header .header__gallery ul li .gallery--tours a:first-of-type { margin-bottom: 0; } } .house--header .header__gallery ul li:first-child { width: 100%; } .house--header .header__gallery ul li:first-child a { width: 100%; height: 100%; } .house--header .header__gallery ul li:first-child a div { width: 100%; height: 100%; } .house--header .header__gallery ul li:first-child a div picture, .house--header .header__gallery ul li:first-child a div img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 568px) { .house--header .header__gallery ul li:first-child { flex: 2; } } .house--header .header__gallery ul li:last-child { display: flex; justify-content: space-between; width: 100%; position: relative; } .house--header .header__gallery ul li:last-child a.is-video::before { display: flex; justify-content: center; align-items: center; width: 67px; height: 67px; border: 3px solid #fff; border-radius: 50%; padding: 0 0 0 5px; content: "\E90B"; font-size: 21px; color: #fff; position: absolute; transform: translate(-50%, -50%); } .house--header .header__gallery ul li:last-child a.is-video > div { display: none; } @media (min-width: 568px) { .house--header .header__gallery ul li:last-child a { width: 100%; } } @media (min-width: 568px) { .house--header .header__gallery ul li:last-child { display: flex; flex: 1; flex-direction: column; gap: calc(33px / 2); } } @media (max-width: 767.98px) { .house--header .header__gallery ul { margin: unset; row-gap: 16px; } .house--header .header__gallery ul li { display: flex; margin: unset; padding: unset; column-gap: 16px; } } @media (min-width: 1024px) { .house--header .header__gallery { margin-bottom: 30px; } } @media (min-width: 1920px) { .house--header .header__gallery { margin-bottom: 45px; } } .house--header .gallery__overlay { opacity: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto; color: #fff; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transition: var(--speed-default); } .house--header .gallery__overlay span { font-weight: 600; font-size: 13px; letter-spacing: 1.63px; } .house--header .gallery__overlay span i { display: block; margin: 0 0 10px; font-size: 38px; } .house--header .gallery__count { margin: 0 auto; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); } .house--header .gallery__count img { width: 25px; } .house--header .gallery__count span { display: block; width: 100%; font-weight: 700; font-size: 20px; color: #fff; } .house--header .house__info .d-flex { flex-wrap: wrap; gap: 16px; } .house--header .house__info .d-flex > div { flex: 0 0 100%; margin-bottom: 15px; } @media (min-width: 1440px) { .house--header .house__info .d-flex > div { flex: 1; margin-bottom: 0; } } @media (min-width: 1440px) { .house--header .house__info .d-flex { flex-wrap: nowrap; } } .house--header .house__info h2 { margin: 0; font-family: "Visby", sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; color: #fff; letter-spacing: -0.3px; } @media (min-width: 1024px) { .house--header .house__info h2 { font-size: 34px; line-height: 50px; letter-spacing: -0.34px; } } @media (min-width: 1024px) { .house--header .house__info h2 { font-size: 40px; letter-spacing: -0.4px; } } @media (min-width: 1920px) { .house--header .house__info h2 { font-size: 45px; letter-spacing: -0.45px; } } .house--header .house__info .monthly-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; column-gap: 40px; row-gap: 8px; } .house--header .house__info p.price { font-family: "Visby", sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; color: #fb0; } .house--header .house__info p.monthly { display: flex; align-items: center; color: #fff; } .house--header .house__info p.monthly a { text-decoration: underline; } .house--header .house__info p.monthly img { width: 14px; margin: 0 8px 0 0; } .house--header .house__info .house__status { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 5px; } .house--header .house__info .house__status .badge { display: inline-block; width: auto; margin: 0 10px 0 0; border-radius: 0 30px 30px 0; padding: 9px 11px 9px 9px; background-color: #fb0; font-family: "Univers-Condensed", sans-serif; font-weight: 700; font-size: 14px; line-height: 15px; color: #fff; } .house--header .house__info .house__status p { font-weight: 500; font-size: 20px; color: #fff; } .house--header .house__info .button-wrapper { display: flex; flex-direction: column; row-gap: 36px; } .house--header .house__info .buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 15px 0 0 0; } .house--header .house__info .buttons .btn { flex: 1; margin-right: 5px; margin-bottom: 10px; white-space: nowrap; } @media (min-width: 768px) { .house--header .house__info .buttons .btn { margin-right: 0; margin-left: 5px; } } @media (min-width: 1024px) { .house--header .house__info .buttons .btn { flex: unset; margin-left: 5px; } } @media (min-width: 1280px) { .house--header .house__info .buttons .btn { margin-left: 10px; } } @media (min-width: 1024px) { .house--header .house__info .buttons a.large { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; } } .house--header .house__info .buttons a.medium { flex: 0 0 49%; max-width: 49%; } .house--header .short-info-labels { display: flex; margin-top: 24px; } .house--header .short-info-labels .label-info-wrapper { display: flex; align-items: center; column-gap: 10px; } .house--header .short-info-labels .label-info-wrapper:first-child::after { display: block; width: 1px; height: 100%; margin-right: 24px; margin-left: 14px; background-color: #666; content: ""; } .house--header .short-info-labels .label-info-wrapper:last-child::before { display: block; width: 1px; height: 100%; margin-right: 14px; margin-left: 24px; background-color: #666; content: ""; } .house--header .short-info-labels i, .house--header .short-info-labels span { color: #fff; } @media (max-width: 767.98px) { .house--header .short-info-labels { margin-bottom: 24px; } } .house--header .house__request-form-button .btn { min-width: 336px; border: 1px solid transparent; } .house--header .house__request-form-button .btn:hover, .house--header .house__request-form-button .btn:focus, .house--header .house__request-form-button .btn:active { border: 1px solid #fff; } @media (max-width: 767.98px) { .house--header .house__request-form-button .btn { width: 100%; min-width: 100%; } } @media (min-width: 768px) { .house--header { padding: 80px 0 30px; } .house--header .house__info .house__info-content { display: flex; flex-direction: column; row-gap: 40px; } .house--header .house__info .house__info-wrap { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px; } .house--header .house__info .house__info-wrap .buttons { flex: 10%; } .house--header .house__info .house__info-wrap .buttons a.large, .house--header .house__info .house__info-wrap .buttons a.medium { flex: auto; max-width: initial; margin: 0 5px 5px 5px; } } @media (min-width: 768px) and (min-width: 1024px) { .house--header .house__info .house__info-wrap .buttons a.large, .house--header .house__info .house__info-wrap .buttons a.medium { flex: unset; } } @media (min-width: 1024px) { .house--header { padding-top: 88px; padding-bottom: 88px; } } @media (min-width: 1280px) { .house--header { padding-top: 128px; } } .section--house__overview .text { margin: 0 0 40px; } .section--house__overview .text p { margin: 0 0 10px; } .section--house__overview .text h3, .section--house__overview .text h4 { margin: 0 0 10px; font-weight: 700; } .section--house__overview .house-overview__features { margin: 0 0 40px; } .section--house__overview .house-overview__features h3 { margin-bottom: 25px; } .section--house__overview .house-overview__features h4 { margin: 0 0 10px; font-weight: 700; } .section--house__overview .house-overview__features ul { margin: 0 0 15px; } .section--house__overview .house-overview__features ul li { display: flex; justify-content: flex-start; margin: 0 0 10px; border-bottom: 1px solid #d9d9d9; padding: 0 0 10px; } .section--house__overview .house-overview__features ul li::before { display: none; } .section--house__overview .house-overview__features ul li a { display: block; line-height: normal; text-align: right; text-decoration: underline; } .section--house__overview .house-overview__features ul li span, .section--house__overview .house-overview__features ul li a { flex: 0 0 50%; font-weight: 500; font-size: 14px; line-height: 28px; text-align: left; } .section--house__overview .house-overview__features ul li span:last-of-type, .section--house__overview .house-overview__features ul li a:last-of-type { font-weight: 400; } @media (min-width: 1280px) { .section--house__overview .house-overview__features ul li span, .section--house__overview .house-overview__features ul li a { font-size: 15px; } } .section--house__overview .house-overview__features .house-quote { margin-top: 30px; } .section--house__overview .house-overview__features .house-quote h4 { color: #555; text-transform: none; } .section--house__overview .house-overview__features .house-quote p:nth-child(2) { margin-top: 15px; } .section--house__description { margin: inherit; } .section--house__description .text h3 { margin: 0 0 15px; font-weight: 700; } .section--house__description .text p { margin: 0 0 30px; } .house-tab { padding: 30px 0 0; z-index: 1; } .house-tab .text h4 { margin: 0 0 30px; font-family: "Univers LT Std", sans-serif; font-weight: 700; color: #000; } .house-tab .tabs-select-wrapper { display: block; background-color: #fff; } .house-tab .tabs-select-wrapper .heapBox { background-color: #fff; position: relative; z-index: 9; } .house-tab .tabs-select-wrapper .heapBox.open a.holder::after { transform: rotate(180deg); } .house-tab .tabs-select-wrapper .heap { width: 100%; border-radius: 30px 30px 15px 15px; padding: 45px 0 0; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); position: absolute; top: 0; z-index: 0; } .house-tab .tabs-select-wrapper a { display: block; padding: 10px 15px; font-weight: 700; font-size: 11px; color: #000; position: relative; z-index: 1; } .house-tab .tabs-select-wrapper a.handler { display: flex; align-items: center; position: absolute; top: 0; left: 0; } .house-tab .tabs-select-wrapper a.holder { border: 1px solid #000; border-radius: 30px; } .house-tab .tabs-select-wrapper a.holder::after { width: 13px; height: 9px; background: url("../images/icons/angle-heap.svg"); content: ""; position: absolute; top: 18px; right: 20px; transition: var(--speed-default); } .house-tab .tabs-select-wrapper ul li { border-bottom: 2px solid rgba(42, 56, 95, 0.1); padding: 0; } .house-tab .tabs-select-wrapper ul li::before { display: none; } @media (min-width: 1024px) { .house-tab .tabs-select-wrapper { display: none; } } .house-tab .js-tabs-toggles { display: none; justify-content: flex-start; } .house-tab .js-tabs-toggles li { flex: 1; padding: 0; text-align: center; } .house-tab .js-tabs-toggles li::before { display: none; } .house-tab .js-tabs-toggles li a { display: block; height: 61px; border-radius: 20px 20px 0 0; padding: 20px 5px 15px 5px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 12px; color: #fff; position: relative; } .house-tab .js-tabs-toggles li a::after { width: 1px; height: 40px; background-color: rgba(255, 255, 255, 0.2); content: ""; position: absolute; top: 10px; right: 0; } @media (min-width: 1920px) { .house-tab .js-tabs-toggles li a::after { height: 55px; top: calc(25px / 2); } } @media (min-width: 1280px) { .house-tab .js-tabs-toggles li a { padding: 14px 5px; font-size: 14px; } } @media (min-width: 1920px) { .house-tab .js-tabs-toggles li a { display: flex; justify-content: center; align-items: center; height: 80px; } } .house-tab .js-tabs-toggles li.is-active a { background-color: #fff; color: #000; } .house-tab .js-tabs-toggles li:last-of-type a { border-right: 2px solid rgba(42, 56, 95, 0.1); } @media (min-width: 1024px) { .house-tab { margin: -60px 0 0; padding: 0; } .house-tab .js-tabs-toggles { display: flex; } } @media (min-width: 1920px) { .house-tab { margin-top: -80px; } } .section--offer { margin: 0 0 30px; padding: 0 0 30px; } .section--offer .col-12 { margin-bottom: 20px; } @media (min-width: 1280px) { .section--offer .col-12 { margin-bottom: 30px; padding-right: 8px; padding-left: 8px; } } @media (min-width: 1920px) { .section--offer .col-12 { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } } .section--offer .section--cta__overview { width: 100%; margin-left: 0; } .section--offer .section--cta__overview .container, .section--offer .section--cta__overview .mobile-nav .mobile-nav__inner, .mobile-nav .section--offer .section--cta__overview .mobile-nav__inner { padding: 0; } @media (min-width: 768px) { .section--offer { overflow: hidden; } } .section--house__features .text h3 { margin: 0 0 25px; font-weight: 700; } @media (min-width: 1280px) { .section--house__features .text h3 { margin-bottom: 60px; } } .section--house__features .house-features__wrap { column-count: 1; column-gap: 25px; } .section--house__features .house-features__wrap h4 { font-weight: 700; } .section--house__features .house-features__wrap .house-features__block { display: inline-block; width: 100%; margin: 0 0 40px; } .section--house__features .house-features__wrap .house-features__block ul li { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #d9d9d9; padding: 10px 0; font-size: 14px; } .section--house__features .house-features__wrap .house-features__block ul li strong { flex: 0 0 50%; font-family: "Visby", sans-serif; font-weight: 500; } @media (min-width: 1920px) { .section--house__features .house-features__wrap .house-features__block ul li strong { font-weight: 400; } } .section--house__features .house-features__wrap .house-features__block ul li span, .section--house__features .house-features__wrap .house-features__block ul li a { flex: 0 0 50%; padding-left: 10px; font-weight: 300; } .section--house__features .house-features__wrap .house-features__block ul li a { display: block; padding-left: 0; line-height: normal; text-align: left; text-decoration: underline; } @media (min-width: 1920px) { .section--house__features .house-features__wrap .house-features__block ul li { font-size: 16px; } } @media (min-width: 1280px) { .section--house__features .house-features__wrap { column-count: 2; } } .section--gallery .row--element { margin-bottom: 50px; } .section--gallery .row--element h3, .section--gallery .row--element h4 { margin-bottom: 15px; } @media (min-width: 1440px) { .section--gallery .row--element h3, .section--gallery .row--element h4 { margin-bottom: 35px; } } @media (max-width: 567.98px) { .section--gallery .row--element:first-of-type .col-12:last-of-type .text { margin-top: 24px; } } .section--gallery .row--element:last-of-type { margin-bottom: 0; } .section--gallery .house-media__plan--images { margin-bottom: 30px; } .section--gallery .house-media__360 { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; } .section--gallery .house-media__360 a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .section--gallery .house-media__360 iframe { width: 100%; height: 100%; border-radius: 20px; pointer-events: none; position: absolute; top: 0; left: 0; } .section--gallery .house-media__videos { overflow: hidden; height: 0; border-radius: 20px; padding-bottom: 56.25%; position: relative; } .section--gallery .house-media__videos i { display: inline-flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin: 0 auto; border: 2px solid #fff; border-radius: 100%; font-size: 8px; color: #fff; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); z-index: 1; } @media (min-width: 1440px) { .section--gallery .house-media__videos i { width: 94px; height: 94px; border-width: 5px; font-size: 28px; } } .section--gallery .house-media__videos video { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; position: absolute; top: 0; left: 0; } .section--gallery .house-media__photo img { margin: 0 0 15px; border-radius: 10px; } .section--gallery .object-fit { overflow: hidden; display: block; height: 190px; margin: 0 0 30px; border-radius: 10px; position: relative; } .section--gallery .object-fit img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; } .section--gallery .house-media__floorplan { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; } .section--gallery .house-media__floorplan iframe { width: 100%; height: 100%; border-radius: 20px; position: absolute; top: 0; left: 0; } .section--documents .text h3 { margin-bottom: 15px; } .section--documents .text a.btn { margin-top: 30px; } .section--documents .text img { margin-top: 30px; } .section--documents .document { border: 2px solid; border-radius: 10px; padding: 0 15px; } .section--documents .document .icon { display: block; padding: 50px 0 25px 0; text-align: center; } .section--documents .document p { padding: 0 0 15px; font-weight: 700; font-size: 12px; text-align: center; position: relative; } .section--documents .document p .download { line-height: 1; position: absolute; top: 10px; right: -5px; } .section.section--hero-overview { padding: 115px 0 175px; background-color: #f5ebd0; } .section.section--hero-overview h1 { margin: 0 0 30px; color: #555; } .section.section--hero-overview .custom-select { width: auto; min-width: 250px; max-width: 350px; margin: 15px auto 0; } .section.section--hero-overview .custom-select .select-selected { border: 1px solid; color: #555; white-space: nowrap; } .section.section--hero-overview .custom-select .select-items { white-space: nowrap; } .section.section--hero-overview .custom-select .select-items .select-items__body { white-space: nowrap; } .section.section--hero-overview .custom-select .select-items .select-items__body .select-items__body__option { color: #555; text-transform: none; white-space: nowrap; } .section.section--hero-overview.section--hero-faq-terms { padding-bottom: 40px; } .section.section--hero-overview.section--hero-faq-terms .btn { margin-top: 20px; } @media (min-width: 768px) { .section.section--hero-overview.section--hero-faq-terms { padding: 145px 0 110px; } } @media (min-width: 1280px) { .section.section--hero-overview.section--hero-faq-terms { padding: 190px 0 135px; } } @media (min-width: 1920px) { .section.section--hero-overview.section--hero-faq-terms { padding: 205px 0 155px; } } @media (min-width: 768px) { .section.section--hero-overview { padding: 145px 0 120px; } } @media (min-width: 1280px) { .section.section--hero-overview { padding: 190px 0 145px; } } @media (min-width: 1920px) { .section.section--hero-overview { padding: 205px 0 165px; } } .house_search .section.section--hero-overview { padding-bottom: 35px; } .kennisbank .section.section--hero-overview { padding: 115px 0 55px; } @media (min-width: 768px) { .kennisbank .section.section--hero-overview { padding: 115px 0 125px; } } .section--hero-offer { padding: 115px 0 40px; background-color: #f5ebd0; } @media (max-width: 1023.98px) { .section--hero-offer .button-wrapper { display: flex; flex-direction: column; gap: 8px; margin-top: 48px; } } @media (min-width: 1024px) { .section--hero-offer { padding: 150px 0 40px; } } .section--overview { margin-top: -140px; padding-bottom: 50px; background: #fff; position: relative; } .section--overview::before { width: 100%; height: 125px; background-color: #f5ebd0; content: ""; position: absolute; top: 0; } .section--overview .col-12 { margin-bottom: 20px; } @media (min-width: 1280px) { .section--overview .col-12 { margin-bottom: 30px; padding-right: calc(25px / 2); padding-left: calc(25px / 2); } } @media (min-width: 1920px) { .section--overview .col-12 { margin-bottom: 30px; padding-right: calc(30px / 2); padding-left: calc(30px / 2); } } .section--overview .card { height: 100%; } .section--overview .card .offer { height: 100%; margin-bottom: 0; } .section--overview .card img { width: 100%; } .section--overview a.btn { margin-top: 20px; } @media (min-width: 1920px) { .section--overview a.btn { margin-top: 40px; } } .section--overview.section--housesearch-overview { background: #fff; } .section--overview.section--housesearch-overview::before { background-color: transparent; } @media (min-width: 768px) { .section--overview { padding-bottom: 80px; } } @media (min-width: 1280px) { .section--overview { padding-bottom: 110px; } } @media (min-width: 1920px) { .section--overview { padding-bottom: 110px; } } @media (min-width: 768px) { .section--overview { margin-top: -85px; } } @media (min-width: 1280px) { .section--overview { margin-top: -100px; } } @media (min-width: 768px) { .section--detail::before { width: 100%; height: 375px; background-color: #f5ebd0; content: ""; position: absolute; top: 0; left: 0; z-index: 0; } } @media (min-width: 1280px) { .section--detail::before { height: 525px; } } @media (min-width: 1920px) { .section--detail::before { height: 570px; } } .section--detail .scrollto { position: relative; top: -50px; } .section--detail .container--detail { padding-top: 30px; padding-bottom: 30px; background-color: #fff; position: relative; z-index: 1; } @media (min-width: 768px) { .section--detail .container--detail .section { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); padding-right: 75px; padding-left: 75px; background-color: #fff; } } @media (min-width: 1280px) { .section--detail .container--detail .section { padding-right: 90px; padding-left: 90px; } } @media (min-width: 1920px) { .section--detail .container--detail .section { padding-right: 105px; padding-left: 105px; } } @media (min-width: 768px) { .section--detail .container--detail:first-child .section { border-radius: 18px 18px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 65px; } } @media (min-width: 768px) { .section--detail .container--detail:last-child .section { border-radius: 0 0 18px 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 50px; } } @media (min-width: 768px) { .section--detail .container--detail { background-color: transparent; } } @media (min-width: 768px) { .section--detail .container--detail { max-width: 615px; padding: 0; } } @media (min-width: 1280px) { .section--detail .container--detail { max-width: 725px; } } @media (min-width: 1920px) { .section--detail .container--detail { max-width: 890px; } } .section--detail .section--news-head { margin: 0 -25px; padding: 150px 25px 120px; background-color: #f5ebd0; } .section--detail .section--news-head span { display: block; margin-bottom: 5px; text-transform: lowercase; } @media (min-width: 1280px) { .section--detail .section--news-head span { margin-bottom: 10px; } } @media (min-width: 768px) { .section--detail .section--news-head p { opacity: 0.5; } } .section--detail .section--news-head a { text-decoration: underline; } @media (min-width: 768px) { .section--detail .section--news-head { margin: 0; padding: inherit; padding-bottom: 10px; } } .section--detail.section--content-detail .section { border-radius: 25px !important; padding-top: 130px; } .section--detail.section--content-detail .section p, .section--detail.section--content-detail .section ul { margin-bottom: 15px; } @media (min-width: 1280px) { .section--detail.section--content-detail .section p, .section--detail.section--content-detail .section ul { margin-bottom: 25px; } } .section--detail.section--content-detail .section h1, .section--detail.section--content-detail .section h2, .section--detail.section--content-detail .section h3, .section--detail.section--content-detail .section h4, .section--detail.section--content-detail .section h5 { margin: 10px 0; } @media (min-width: 1280px) { .section--detail.section--content-detail .section h1, .section--detail.section--content-detail .section h2, .section--detail.section--content-detail .section h3, .section--detail.section--content-detail .section h4, .section--detail.section--content-detail .section h5 { margin: 20px 0; } } @media (min-width: 768px) { .section--detail.section--content-detail .section { padding-top: 0; } } .section--detail.section--reference-detail::before { width: 100%; height: 375px; background-color: #f5ebd0; content: ""; position: absolute; top: 0; left: 0; z-index: 0; } @media (min-width: 1280px) { .section--detail.section--reference-detail::before { height: 525px; } } @media (min-width: 1920px) { .section--detail.section--reference-detail::before { height: 570px; } } .section--detail.section--reference-detail .container--detail { border-radius: 18px 18px 0 0; } @media (min-width: 768px) { .section--detail { padding: 185px 0; } } .mfp-wrap { background-color: #292a29; } .mfp-hide { display: none; } .mfp-container { padding: 0; } .mfp-container::before { vertical-align: top; } .popup-gallery { padding: 10px 0; } .popup-gallery .slick-slide { height: auto; } .popup-gallery .popup--videos, .popup-gallery .popup--tours { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; } .popup-gallery .popup--videos video, .popup-gallery .popup--videos iframe, .popup-gallery .popup--tours video, .popup-gallery .popup--tours iframe { width: 100%; height: 100%; border-radius: 30px; object-fit: cover; position: absolute; top: 0; left: 0; } .popup-gallery .popup--tours iframe { height: calc(100% - 50px); } .popup-gallery .slick-arrow { display: none !important; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 100%; background-color: #fb0; font-size: 0; line-height: 0; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); z-index: 9; } .popup-gallery .slick-arrow::after { content: "\E905"; font-family: "schieland-icons"; font-size: 15px; color: #fff; } .popup-gallery .slick-arrow.slick-disabled { opacity: 0; } .popup-gallery .slick-arrow.slick-next { right: -25px; left: auto; } .popup-gallery .slick-arrow.slick-next::after { transform: rotate(180deg); } @media (min-width: 1920px) { .popup-gallery .slick-arrow.slick-next { right: -75px; } } @media (min-width: 1920px) { .popup-gallery .slick-arrow { left: -75px; } } @media (min-width: 1024px) { .popup-gallery .slick-arrow { display: flex !important; } } .popup-gallery .hide-on-mobile { display: none; } @media (min-width: 1024px) { .popup-gallery .hide-on-mobile { display: block; } } .popup-gallery .grid__view { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 10px; border: 2px solid #fff; border-radius: 50%; cursor: pointer; transition: var(--speed-default); } .popup-gallery .grid__view span { line-height: normal; } .popup-gallery .grid__view span i { font-size: 12px; color: #fff; } @media (min-width: 1920px) { .popup-gallery .grid__view span i { font-size: 14px; } } .popup-gallery .grid__view span:nth-child(2) { display: none; } .popup-gallery .grid__view:hover { background-color: #555; } @media (min-width: 1920px) { .popup-gallery .grid__view { width: 50px; height: 50px; } } .popup-gallery .close { z-index: 99; } .popup-gallery .close a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; background-color: #fff; font-family: "Visby", sans-serif; font-weight: 700; font-size: 11px; line-height: 18px; position: relative; } .popup-gallery .close a span { width: 11px; height: 2px; background-color: #000; position: absolute; right: 15px; transform: rotate(45deg); } .popup-gallery .close a span:last-of-type { transform: rotate(-45deg); } @media (min-width: 1920px) { .popup-gallery .close a { height: 50px; font-size: 14px; } } .popup-gallery .buttons { align-items: center; } .popup-gallery .buttons .grid__view { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0 15px 0 0; border-radius: 100%; background-color: #fff; } .popup-gallery .buttons h6 { margin: 0 15px 0 0; } .popup-gallery .buttons h6:last-of-type { margin: 0; } .popup-gallery .js-house-slider .slick-slide img { width: auto; max-width: 100%; max-height: 300px; } @media (min-width: 768px) { .popup-gallery .js-house-slider .slick-slide img { max-height: 400px; } } @media (min-width: 1024px) { .popup-gallery .js-house-slider .slick-slide img { max-height: 500px; } } @media (min-width: 1280px) { .popup-gallery .js-house-slider .slick-slide img { max-height: 550px; } } @media (min-width: 1920px) { .popup-gallery .js-house-slider .slick-slide img { max-height: 700px; } } .popup-gallery.open .grid__view span { line-height: normal; } .popup-gallery.open .grid__view span:nth-child(1) { display: none; } .popup-gallery.open .grid__view span:nth-child(2) { display: block; } .popup-gallery__header { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin: 40px; padding: 0 15px; } .popup-gallery__header .buttons { display: none; } .popup-gallery__header span { font-size: 16px; line-height: 32px; } @media (min-width: 1280px) { .popup-gallery__header { margin: 30px 0; } .popup-gallery__header .buttons { display: flex; } } @media (min-width: 1440px) { .popup-gallery__header { padding: 0; } } .popup-gallery__footer { margin-bottom: 15px; text-align: center; } .popup-gallery__footer .d-flex { padding: 30px 0; } .popup-gallery__footer .buttons { padding: 0 20px; } .popup-gallery__footer .buttons .btn { margin: 10px 5px 0; } .popup-gallery__footer .buttons .btn.btn--outline { border-color: #fff; color: #fff; } .popup-gallery__footer .buttons .grid__view { justify-content: center; margin: 0 auto; text-align: center; } .popup-gallery__footer .buttons img { width: 45px; margin: 30px 0; } @media (min-width: 1024px) { .popup-gallery__footer .buttons { display: flex; justify-content: center; margin-top: 20px; } } @media (min-width: 1440px) { .popup-gallery__footer .buttons { margin-top: 35px; } } @media (min-width: 1024px) { .popup-gallery__footer { margin-bottom: 30px; } } @media (min-width: 1920px) { .popup-gallery__footer { margin-bottom: 50px; } } .popup-gallery__footer-count, .popup-gallery__header-count { font-weight: 600; font-size: 13px; } .popup-gallery__footer-count span:last-of-type::before, .popup-gallery__header-count span:last-of-type::before { content: "/ "; } .popup-gallery__header-buttons { display: flex; flex-wrap: wrap; } .popup-gallery__slider-slide { display: none; background-color: transparent; } .popup-gallery__slider-slide img { width: 100%; margin: 0 auto; border-radius: 0; object-fit: contain; } @media (min-width: 1024px) { .popup-gallery__slider-slide img { border-radius: 15px; } } @media (min-width: 1920px) { .popup-gallery__slider-slide img { max-height: 850px; object-fit: cover; } } .popup-gallery__slider-slide--platte img { max-width: 50%; } .popup-gallery#js-plattegronden-gallery .popup-gallery__slider-slide img { width: auto; } .section--faq-terms { padding-bottom: 50px; } .section--faq-terms .container.container--faq-terms .wrapper, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper { width: 100%; border-radius: 20px; padding-top: 40px; background-color: #fff; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms, .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs { display: none; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms.active, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms.active, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms.active, .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs.active, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs.active, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs.active { display: block; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 20px 0; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button { margin-right: 5px; font-family: "Visby", sans-serif; font-weight: 700; transition: var(--speed-default); } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button:hover, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button:hover, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button:hover, .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button.active, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button.active, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button.active { color: #fb0; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button.active, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button.active, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button.active { font-size: 18px; } @media (min-width: 1280px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button { font-size: 12px; } } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__letters button, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__letters button { margin-right: 10px; font-size: 14px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__term, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term { margin-top: 20px; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__term h5, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term h5, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term h5 { font-size: 16px; } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__term.hidden, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term.hidden, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term.hidden { display: none; } @media (min-width: 1280px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__term, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term { margin-top: 25px; } } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper .wrapper__terms .wrapper__terms__term, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__terms .wrapper__terms__term { margin-top: 30px; } } .section--faq-terms .container.container--faq-terms .wrapper .wrapper__faqs .wrapper__faqs__items, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper .wrapper__faqs .wrapper__faqs__items { margin-top: 25px; } @media (min-width: 768px) { .section--faq-terms .container.container--faq-terms .wrapper, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper { padding: 55px 70px; } } @media (min-width: 1280px) { .section--faq-terms .container.container--faq-terms .wrapper, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper { padding: 70px 90px; } } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms .wrapper, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner .wrapper, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner .wrapper { padding: 80px 100px; } } @media (min-width: 768px) { .section--faq-terms .container.container--faq-terms, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner { max-width: 665px; margin-top: -90px; border-radius: 20px; padding: 0; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.07); } } @media (min-width: 1280px) { .section--faq-terms .container.container--faq-terms, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner { max-width: 775px; } } @media (min-width: 1920px) { .section--faq-terms .container.container--faq-terms, .section--faq-terms .mobile-nav .container--faq-terms.mobile-nav__inner, .mobile-nav .section--faq-terms .container--faq-terms.mobile-nav__inner { max-width: 890px; } } @media (min-width: 768px) { .section--faq-terms { padding-bottom: 110px; } } .section--reference-detail .container--detail { margin-top: 130px; } @media (min-width: 768px) { .section--reference-detail .container--detail { margin-top: 0; } } .section--reference-detail .section--reference-info { padding-top: 30px; } .section--reference-detail .section--reference-info p.author { opacity: 0.5; margin-bottom: 20px; font-size: 14px; } .section--reference-detail .section--reference-info .grade { display: flex; align-items: center; margin-top: 10px; } .section--reference-detail .section--reference-info .grade .grade__heart { margin-right: 10px; } .section--reference-detail .section--reference-info .grade .grade__person h5 { line-height: normal; } .section--reference-detail .section--reference-info .grade .grade__person p { margin-top: 5px; font-family: "Visby", sans-serif; font-weight: 500; line-height: normal; color: #9d9d9c; } @media (min-width: 1440px) { .section--reference-detail .section--reference-info .grade .grade__person p { font-size: 14px; } } .section--reference-detail .section--reference-info .all-grades { margin-top: 30px; border-top: 1px solid #d9d9d9; padding: 15px 0; } .section--reference-detail .section--reference-info .all-grades .all-grades__grade { display: flex; justify-content: space-between; border-bottom: 1px solid #d9d9d9; padding: 5px 45px 5px 0; } @media (min-width: 1440px) { .section--reference-detail .section--reference-info .all-grades { margin-top: 40px; } } .section--reference-detail .section--reference-info picture img { width: 100%; border-radius: 25px; } @media (min-width: 768px) { .section--reference-detail .section--reference-info { margin-top: 0; padding-top: 0; } } .section--contact-map #map { width: 100%; height: 500px; } @media (min-width: 1280px) { .section--contact-map #map { height: 600px; } } @media (min-width: 1920px) { .section--contact-map #map { height: 650px; } } .section--locations { background-color: #f5ebd0; } .section--locations .locations { margin-top: 20px; } .section--locations .locations .col-12 { margin-bottom: 15px; } @media (min-width: 768px) { .section--locations .locations .col-12 { margin-bottom: 0; } } .section--media-slider { overflow: hidden; } .section--media-slider .tns-ovh { overflow: visible; } .section--media-slider .media-items { margin: 50px 0; } .section--media-slider .media-items .media-items__item { height: 200px; transition: var(--speed-slow); } .section--media-slider .media-items .media-items__item .media-items__item__inner { overflow: hidden; display: flex; align-items: center; height: 100%; border-radius: 20px; background-color: #f5ebd0; position: relative; } .section--media-slider .media-items .media-items__item .media-items__item__inner .play-video { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: auto; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .section--media-slider .media-items .media-items__item .media-items__item__inner .play-video i { color: #fff; } .section--media-slider .media-items .media-items__item .media-items__item__inner video { border-radius: 20px; } .section--media-slider .media-items .media-items__item .media-items__item__inner picture { border-radius: 20px; transition: var(--speed-slow); } .section--media-slider .media-items .media-items__item .media-items__item__inner picture img { border-radius: 20px; } .section--media-slider .media-items .media-items__item .media-items__item__inner.video--wrapper { position: relative; } .section--media-slider .media-items .media-items__item .media-items__item__inner.video--wrapper .video-item { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .section--media-slider .media-items .media-items__item .media-items__item__inner.active .play-video { display: none; } .section--media-slider .media-items .media-items__item .media-items__item__inner.active picture { transform: translateY(-100%); } .section--media-slider .media-items .media-items__item.media--active { margin: 0 50px; transform: scale(1.3); } @media (min-width: 1280px) { .section--media-slider .media-items .media-items__item { height: 250px; } } @media (min-width: 1920px) { .section--media-slider .media-items .media-items__item { height: 290px; } } .section--media-slider .tns-controls { justify-content: start; margin-top: 20px; } .section--media-slider .tns-controls button { border: 1px solid #555; background-color: #555; color: #555; } .section--media-slider .tns-controls button::before { color: #fff; } .section--media-slider .tns-controls button:disabled { opacity: 0.7; } .section--media-slider .tns-controls button:hover { color: #fff; } .section--media-slider .tns-controls button:hover::before { color: #555; } @media (min-width: 768px) { .section--media-slider .tns-controls { display: block; margin-top: 65px; } } @media (min-width: 1280px) { .section--media-slider .tns-controls { margin-top: 85px; } } .section--text-slider { overflow: hidden; } .section--text-slider .text-items { display: flex; } .section--text-slider .text-items .text-items__item { height: auto; margin-bottom: 20px; } .section--text-slider .text-items .text-items__item .text-items__item__inner { height: 100%; margin: 10px 0; border-radius: 15px; padding: 20px; background-color: #fff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06); } .section--text-slider .text-items .text-items__item .text-items__item__inner h3 { display: flex; align-items: center; margin-bottom: 10px; } .section--text-slider .text-items .text-items__item .text-items__item__inner h3 img { width: 50px; margin-right: 10px; } @media (min-width: 1280px) { .section--text-slider .text-items .text-items__item .text-items__item__inner h3 img { width: 70px; } } @media (min-width: 1920px) { .section--text-slider .text-items .text-items__item .text-items__item__inner h3 img { width: auto; } } @media (min-width: 1280px) { .section--text-slider .text-items .text-items__item .text-items__item__inner { border-right: 25px; padding: 30px; } } @media (min-width: 1920px) { .section--text-slider .text-items .text-items__item .text-items__item__inner { padding: 50px; } } .section--text-slider .tns-ovh { overflow: visible; } .section--text-slider .tns-controls { justify-content: center; margin-top: 20px; } .section--text-slider .tns-controls button { border: 1px solid #555; background-color: #555; color: #555; } .section--text-slider .tns-controls button::before { color: #fff; } .section--text-slider .tns-controls button:disabled { opacity: 0.7; } .section--text-slider .tns-controls button:hover { color: #fff; } .section--text-slider .tns-controls button:hover::before { color: #555; } @media (min-width: 768px) { .section--text-slider .tns-controls { display: block; } } .section--search { padding-bottom: 45px; } .section--search form { margin-top: -40px; margin-bottom: 50px; position: relative; } .section--search form button { margin: auto 0; font-weight: 700; position: absolute; top: 0; right: 15px; bottom: 0; } .section--search form button i { margin-left: 15px; } .section--search form input { width: 100%; height: 80px; border: 1px solid #d9d9d9; border-radius: 40px; padding-left: 30px; background-color: #fff; font-family: "Visby", sans-serif; font-size: 16px; color: #808285; } .section--search form input #search-clear { display: none; } .section--search .search-results { border-top: 1px solid #d9d9d9; padding-top: 30px; } .section--search .search-results .container--search { max-width: 655px; } .section--search .search-results .container--search .search-result__result { border-bottom: 1px solid #d9d9d9; padding-top: 25px; padding-bottom: 30px; } .section--search .search-results .container--search .search-result__result .arrow-button { display: flex; align-items: center; margin-top: 30px; } .section--search .search-results .container--search .search-result__result .arrow-button h5 { font-weight: 700; } .section--search .search-results .container--search .search-result__result .arrow-button i { width: 30px; height: 30px; margin-right: 10px; font-size: 8px; } .section--search .search-results .container--search .search-result__result .arrow-button:hover i { background-color: #f5ebd0; } @media (min-width: 1280px) { .section--search { padding-bottom: 70px; } } @media (min-width: 1920px) { .section--search { padding-bottom: 120px; } } .paginate, .tool-pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; } .paginate a.btn, .tool-pagination a.btn { margin-top: 0; } .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next { width: 35px; height: 35px; border: none; padding: 0; background-color: #fb0; box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.08); } .paginate .prev i, .paginate .next i, .tool-pagination .prev i, .tool-pagination .next i { font-size: 10px; color: #fff; } @media (min-width: 1280px) { .paginate .prev i, .paginate .next i, .tool-pagination .prev i, .tool-pagination .next i { font-size: 12px; } } @media (min-width: 1920px) { .paginate .prev i, .paginate .next i, .tool-pagination .prev i, .tool-pagination .next i { font-size: 14px; } } .paginate .prev:hover, .paginate .next:hover, .tool-pagination .prev:hover, .tool-pagination .next:hover { background-color: #000; } .paginate .prev.is-invisible, .paginate .next.is-invisible, .tool-pagination .prev.is-invisible, .tool-pagination .next.is-invisible { opacity: 0.7; } @media (min-width: 1280px) { .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next { width: 40px; height: 40px; } } @media (min-width: 1920px) { .paginate .prev, .paginate .next, .tool-pagination .prev, .tool-pagination .next { width: 45px; height: 45px; } } .paginate div, .paginate ul, .tool-pagination div, .tool-pagination ul { display: flex; align-items: center; } .paginate div a, .paginate div span, .paginate ul a, .paginate ul span, .tool-pagination div a, .tool-pagination div span, .tool-pagination ul a, .tool-pagination ul span { display: block; margin-right: 15px; } @media (min-width: 768px) { .paginate div a, .paginate div span, .paginate ul a, .paginate ul span, .tool-pagination div a, .tool-pagination div span, .tool-pagination ul a, .tool-pagination ul span { margin-right: 20px; } } @media (min-width: 1280px) { .paginate div a, .paginate div span, .paginate ul a, .paginate ul span, .tool-pagination div a, .tool-pagination div span, .tool-pagination ul a, .tool-pagination ul span { margin-right: 40px; } } .paginate div span, .paginate ul span, .tool-pagination div span, .tool-pagination ul span { font-weight: 700; } .paginate div a, .paginate ul a, .tool-pagination div a, .tool-pagination ul a { opacity: 0.6; font-weight: 400; color: #555; transition: var(--speed-default); } .paginate div a:hover, .paginate ul a:hover, .tool-pagination div a:hover, .tool-pagination ul a:hover { color: #fb0; } @media (min-width: 1280px) { .paginate.paginate--projects, .tool-pagination.paginate--projects { max-width: 415px; } } @media (min-width: 1024px) { .paginate, .tool-pagination { max-width: 415px; margin-top: 65px; margin-right: auto; margin-left: auto; } } @media (min-width: 1280px) { .paginate, .tool-pagination { max-width: initial; margin-top: 75px; } } .section--cookie-consent { display: none; width: 100%; padding: 25px 0; background-color: #292a29; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); position: fixed; right: 0; bottom: 0; left: 0; z-index: 40; } .section--cookie-consent .cookies h4, .section--cookie-consent .cookies p { color: #fff; } .section--cookie-consent .cookies h4 { font-size: 18px; line-height: normal; } .section--cookie-consent .cookies .cookies__checks { display: block; align-items: center; margin: 10px 0 15px; } .section--cookie-consent .cookies .cookies__checks .custom-checkbox { margin-top: 0; margin-right: 35px; margin-bottom: 0; } .section--cookie-consent .cookies .cookies__checks .custom-checkbox label .wpcf7-list-item-label { font-weight: 400; color: #fff; } @media (min-width: 768px) { .section--cookie-consent .cookies .cookies__checks { display: flex; margin: 0; } } .section--cookie-consent .cookies .btn { height: 40px; } @media (min-width: 768px) { .section--cookie-consent .cookies { display: flex; justify-content: space-between; align-items: center; } } .section--cookie-consent.section--cookie-consent--unaccepted { display: block; } .section--housesearch-overview { margin-top: 60px; } .section--housesearch-overview .card--housesearch { height: 100%; } .section--housesearch-overview .card--housesearch .card-house__thumb .placeholder__img { padding: 20px 75px; } .section--housesearch-overview .card--housesearch .short--info { padding-bottom: 65px; } .section--housesearch-overview .card--housesearch p.price { position: absolute; bottom: 25px; } .section--housesearch-overview .card--housesearch h4 { margin-bottom: 25px; } .section--housesearch-overview .col-12.hidden { display: none; } @media (min-width: 568px) { .section--housesearch-overview { margin-top: 90px; } } @media (min-width: 1280px) { .section--housesearch-overview { margin-top: 125px; } } .section--filter-tabs { border-bottom: 0.5px solid #d9d9d9; } .section--filter-tabs .filter--tabs ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0; } .section--filter-tabs .filter--tabs ul li { display: flex; flex: 0 0 50%; margin-bottom: 5px; } .section--filter-tabs .filter--tabs ul li a { display: block; width: 100%; margin: 0 5px; border-bottom: 0.5px solid #d9d9d9; padding: 5px 20px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 12px; color: #555; text-align: center; text-transform: lowercase; } @media (min-width: 568px) { .section--filter-tabs .filter--tabs ul li a { width: auto; border-bottom: 2px solid transparent; } } @media (min-width: 1024px) { .section--filter-tabs .filter--tabs ul li a { margin: 0 40px; border-bottom: 2px solid transparent; padding: 40px 0 30px; } } @media (min-width: 1280px) { .section--filter-tabs .filter--tabs ul li a { font-size: 16px; } } .section--filter-tabs .filter--tabs ul li.is-active a { color: #fb0; } @media (min-width: 568px) { .section--filter-tabs .filter--tabs ul li.is-active a { border-bottom: 2px solid #fb0; } } @media (min-width: 568px) { .section--filter-tabs .filter--tabs ul li { flex: inherit; margin-bottom: 0; } } @media (min-width: 568px) { .section--filter-tabs .filter--tabs ul { margin-top: 20px; margin-bottom: 0; } } @media (min-width: 1024px) { .section--filter-tabs .filter--tabs ul { margin-top: 0; } } @media (max-width: 1023.98px) { .section--filter-tabs.filter-bottom__toggled { display: none; } .section--filter-tabs.filter-bottom__toggled.open--filter { display: block; } } .section--house__types { overflow: hidden; padding: 50px 0; } .section--house__types .container, .section--house__types .mobile-nav .mobile-nav__inner, .mobile-nav .section--house__types .mobile-nav__inner { position: relative; } .section--house__types .text h3 { margin-bottom: 40px; } @media (min-width: 1440px) { .section--house__types .text h4 { margin-top: 85px; } } @media (min-width: 1024px) { .section--house__types .text h4 { margin-top: 55px; } } .section--house__types .tns-controls { display: none; } .section--house__types .slider__buttons .slide__nav { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 100%; background-color: #fb0; cursor: pointer; position: absolute; top: calc(50% - 50px); left: 10px; transform: translateY(-50%); transition: var(--speed-default); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .section--house__types .slider__buttons .slide__nav i { font-size: 14px; color: #fff; } .section--house__types .slider__buttons .slide__nav[aria-disabled=true] { opacity: 0; } .section--house__types .slider__buttons .slide__nav.slide__next--types { right: 10px; left: auto; } @media (min-width: 1280px) { .section--house__types .slider__buttons .slide__nav.slide__next--types { right: -15px; } } @media (min-width: 1024px) { .section--house__types .slider__buttons .slide__nav { left: -25px; } } @media (min-width: 1280px) { .section--house__types .slider__buttons .slide__nav { left: -50px; } } .section--house__types .types-slider { display: flex; margin: 0 0 25px; } .section--house__types .types-slider .select-type { display: flex; width: 100%; height: auto; } .section--house__types .types-slider .select-type .card--house { display: inline-block; width: 100%; margin-bottom: 40px; border: 1px solid transparent; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .section--house__types .types-slider .select-type .offer { margin: 0; background-color: transparent; box-shadow: none; transition: var(--speed-default); } @media (min-width: 1024px) { .section--house__types .types-slider .select-type .offer p.lead-two { margin-bottom: 5px; } } .section--house__types .types-slider .select-type .offer p.lead { font-family: var(--bs-font-sans-serif); font-weight: 900; } @media (max-width: 1023.98px) { .section--house__types .types-slider .select-type .offer p.lead { line-height: 20px; } } .section--house__types .types-slider .select-type.selected .card--house { border: 1px solid rgba(85, 85, 85, 0.5); } @media (min-width: 1024px) { .section--house__types .types-slider { margin: 0 0 50px; } } @media (min-width: 1440px) { .section--house__types .types-slider { margin: 0 0 75px; } } .section--house__types .section--types-inner { padding: 25px 0 0; background-color: #f5ebd0; } @media (min-width: 1280px) { .section--house__types .section--types-inner { padding: 50px 0; } } .section--house__types .types { display: flex; position: relative; } .section--house__types .types::before { width: 0; height: 0; border-right: 65px solid transparent; border-bottom: 50px solid #f5ebd0; border-left: 65px solid transparent; content: ""; position: absolute; top: -50px; left: 140px; } @media (min-width: 1280px) { .section--house__types .types::before { top: -100px; } } .section--house__types .types .types__mobile { width: 100%; } .section--house__types .types .types__mobile .types-wrapper span.status { display: block; width: 100%; font-size: 12px; } .section--house__types .types .types__mobile .types-wrapper .text { margin: 0 0 10px; } .section--house__types .types .types__mobile .types-wrapper ul { margin: 0 0 15px; border-bottom: 1px solid #d9d9d9; padding: 0 0 15px; } .section--house__types .types .types__mobile .types-wrapper ul li { display: flex; align-items: center; } .section--house__types .types .types__mobile .types-wrapper ul li span { display: inline-flex; } .section--house__types .types .types__mobile .types-wrapper ul li span:first-of-type { margin: 0 5px 0 0; } .section--house__types .types .types__mobile .types-wrapper.hidden { display: none; } .section--house__types .types .types__mobile .features { margin-bottom: 50px; } .section--house__types .types .types__mobile .features h4 { font-weight: 700; } .section--house__types .types span.status { display: block; width: -moz-fit-content; width: fit-content; font-weight: 900; font-size: 8px; color: #ca1c1c; } @media (min-width: 1280px) { .section--house__types .types span.status { font-size: 14px; } } .section--house__types .types span.available { color: #007e31; } .section--house__types .types span.buildnumber { font-weight: 400; } .section--house__types .types .types__desktop { width: 100%; } .section--house__types .types .types__desktop p.head { margin: 0 0 20px; font-family: "Univers-Condensed", sans-serif; font-weight: 700; font-size: 24px; color: #242424; } .section--house__types .types .types__desktop .types-wrapper .row { border-bottom: 1px solid #d9d9d9; padding-top: 20px; padding-bottom: 20px; transition: var(--speed-default); } .section--house__types .types .types__desktop .types-wrapper .row:hover { background-color: rgba(217, 217, 217, 0.5); } .section--house__types .types .types__desktop .types-wrapper .row:first-of-type { border-top: 1px solid #d9d9d9; } .section--house__types .types .types__desktop .types-wrapper .row.head { border-bottom: none; font-weight: 900; } .section--house__types .types .types__desktop .types-wrapper.hidden { display: none; } .section--related-news .related__items .col-12 { margin-bottom: 30px; } .section--related-news .related__items .col-12 .card { height: 100%; } .section--related-news .related__items .col-12:nth-child(1), .section--related-news .related__items .col-12:nth-child(2), .section--related-news .related__items .col-12:nth-child(3) { display: block; } .mfp-wrap .mfp-container { display: flex; align-items: center; padding: 0; } @media (min-width: 768px) { .mfp-wrap .mfp-container { padding: inherit; } } .mfp-wrap .mfp-close { opacity: 1; width: 40px; height: 40px; } .mfp-wrap .popup-gallery__header-close { width: 40px; height: 40px; border-radius: 100%; padding: 0; } .mfp-wrap .mfp-content { overflow: auto; max-height: 100vh; } @media (min-width: 1280px) { .mfp-wrap .mfp-content { display: flex; justify-content: center; align-items: flex-start; } } .popup-form { display: flex; align-items: center; max-width: 650px; margin: 0 auto; border-radius: 15px; padding: 20px; background-color: #fff; position: relative; top: 0; left: 0; transform: none; } .popup-form iframe { max-width: 100%; } .popup-form .btn { width: auto; } @media (min-width: 768px) { .popup-form .row .form-group { margin-bottom: 15px; } } @media (min-width: 768px) { .popup-form .row .form__half { flex: 0 0 50%; } } .popup-form h3 { margin-bottom: 10px; font-weight: 700; } .popup-form p { margin-bottom: 10px; } .popup-form .form-group { margin-bottom: 5px; } .popup-form .wpcf7-acceptance label { display: flex; align-items: center; } .popup-form .wpcf7 p { margin-bottom: 0; font-weight: 700; } .popup-form textarea, .popup-form input[type=text], .popup-form input[type=phone], .popup-form input[type=email] { height: 36px; margin-bottom: 0; border: 1px solid #d9d9d9; border-radius: 6px; } .popup-form textarea::placeholder, .popup-form input[type=text]::placeholder, .popup-form input[type=phone]::placeholder, .popup-form input[type=email]::placeholder { font-size: 14px; color: #808285; } @media (min-width: 768px) { .popup-form textarea, .popup-form input[type=text], .popup-form input[type=phone], .popup-form input[type=email] { height: 40px; } } @media (min-width: 1280px) { .popup-form textarea, .popup-form input[type=text], .popup-form input[type=phone], .popup-form input[type=email] { height: 45px; } } @media (min-width: 1440px) { .popup-form textarea, .popup-form input[type=text], .popup-form input[type=phone], .popup-form input[type=email] { height: 50px; } } .popup-form textarea { padding: 5px 10px; } .popup-form input[type=checkbox] { appearance: none; width: 15px; height: 15px; margin: 0 10px 0 0; border: none; padding: 0; position: relative; transition: var(--speed-default); } .popup-form input[type=checkbox]::before { width: 15px; height: 15px; border: 1px solid #d9d9d9; content: ""; position: absolute; top: 0; left: 0; } .popup-form input[type=checkbox]::after { width: 0; height: 0; margin: 0 auto; content: ""; position: absolute; right: 0; left: 0; } .popup-form input[type=checkbox]:checked::after { width: 9px; height: 9px; border-radius: 0; background-color: #fb0; top: 3px; left: 0; z-index: 1; } .popup-form .heapBox { display: flex !important; align-items: center; width: 100%; height: 36px; margin-bottom: 5px; border: 1px solid #d9d9d9; border-radius: 6px; padding-left: 15px; position: relative; } .popup-form .heapBox a { color: #808285; } .popup-form .heapBox a.holder { width: 100%; position: relative; } .popup-form .heapBox a.holder::after { content: "\E902"; font-family: "schieland-icons"; font-size: 10px; position: absolute; top: 1px; right: 20px; transition: var(--speed-default); } .popup-form .heapBox .heap { width: 100%; padding: 5px 15px; background-color: #fff; box-shadow: 0 14px 10px 5px rgba(0, 0, 0, 0.09); position: absolute; top: calc(100% + 1px); left: 0; } .popup-form .heapBox .heap .heapOption { border-bottom: 1px solid #d9d9d9; padding: 5px 0; } .popup-form .heapBox .heap .heapOption:last-of-type { border: none; } .popup-form .heapBox.open { z-index: 10; } .popup-form .heapBox.open a.holder::after { transform: rotate(180deg); } @media (min-width: 768px) { .popup-form .heapBox { height: 40px; } } @media (min-width: 1280px) { .popup-form .heapBox { height: 45px; } } @media (min-width: 1440px) { .popup-form .heapBox { height: 50px; } } .popup-form .close { width: 40px; height: 40px; border-radius: 100%; position: absolute; top: 15px; right: 15px; z-index: 999; transition: var(--speed-default); } .popup-form .close a { transition: var(--speed-default); } .popup-form .close span { display: block; width: 22px; height: 3px; background-color: #000; position: relative; top: 0; transition: var(--speed-default); } .popup-form .close span:first-of-type { top: 3px; transform: rotate(45deg); } .popup-form .close span:last-of-type { transform: rotate(-45deg); } .popup-form .wpcf7-display-none { display: none; } @media (min-width: 768px) { .popup-form { padding: 30px; } } @media (min-width: 1024px) { .popup-form { border-radius: 25px; padding: 50px; } } @media (min-width: 1920px) { .popup-form { border-radius: 30px; padding: 60px; } } .section--cta__overview { max-width: 100%; position: relative; } .section--cta__overview .cta--inner { display: flex; justify-content: center; align-items: center; min-height: 270px; border-radius: 50px 50px 0 0; padding: 30px 0 50px; background-color: #f5ebd0; } .section--cta__overview .cta--inner .text { max-width: 400px; margin: 0 auto; text-align: center; } .section--cta__overview .cta--inner .text .script { line-height: 1.6; } @media (min-width: 1440px) { .section--cta__overview .cta--inner { min-height: 320px; } } @media (min-width: 1920px) { .section--cta__overview .cta--inner { min-height: 360px; } } .section--cta__overview picture { display: block; position: absolute; bottom: 20px; } @media (min-width: 1024px) { .section--cta__overview picture img { max-width: 350px; } } @media (min-width: 1280px) { .section--cta__overview picture img { max-width: 100%; } } .section--cta__overview picture.image--left { left: -50px; } .section--cta__overview picture.image--right { right: -50px; } @media (min-width: 1280px) { .section--cta__overview picture { bottom: 30px; } } @media (min-width: 1440px) { .section--cta__overview { width: 1260px; max-width: initial; margin-left: -95px; padding-top: 50px; } } @media (min-width: 1920px) { .section--cta__overview { width: 1560px; margin-left: -160px; } } .section--house__statistics .bg-first { background-color: #fb0; } .section--house__statistics .bg-second { background-color: #000; } .section--house__statistics .bg-third { background-color: #555; } .section--house__statistics .bg-fourth { background-color: #d9d9d9; } .section--house__statistics .bg-fifth { background-color: #f5e1a0; } .section--house__statistics .text h3 { margin-bottom: 30px; } .section--house__statistics .statistics-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; } .section--house__statistics .grid-statics { display: grid; grid-template-columns: 1fr; grid-gap: 15px; width: 100%; } .section--house__statistics .grid-statics.grid-statics--right { margin-top: 15px; } .section--house__statistics .chart-container { display: flex; align-items: flex-start; margin: 10px 0 30px; } .section--house__statistics .chart-container .chart-block { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 6px 0 0; } .section--house__statistics .chart-container .chart-block .chart-block__chart { display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; margin-right: 40px; border: 5px solid #eaeaea; border-radius: 50%; padding: 6px; position: relative; } .section--house__statistics .chart-container .chart-block .chart-block__chart::before, .section--house__statistics .chart-container .chart-block .chart-block__chart::after { display: block; width: 99px; height: 99px; border-radius: 50%; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .section--house__statistics .chart-container .chart-block .chart-block__chart::after { width: 107px; height: 107px; border: 7px solid #eaeaea; background: #fff; } .section--house__statistics .card-statitic { margin: 0 0 30px; } .section--house__statistics .card-statistic--value { font-weight: 700; font-size: 30px; line-height: 30px; } .section--house__statistics .card-statistic--label { font-weight: 400; font-size: 16px; white-space: nowrap; } .section--house__statistics .card-statistic__content h4 { margin-bottom: 20px; font-family: "Visby", sans-serif; font-weight: 700; } @media (min-width: 1920px) { .section--house__statistics .card-statistic__content h4 { margin-bottom: 30px; } } .section--house__statistics .chart-legend { font-weight: 500; font-size: 14px; color: #f5ebd0; } .section--house__statistics .chart-legend ul { margin: 0; } .section--house__statistics .chart-legend ul li { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 15px; font-size: 14px; color: #000; } .section--house__statistics .chart-legend ul li span { width: 15px; height: 15px; margin: 0 15px 0 0; } .section--house__statistics .chart-legend ul + ul { margin-top: 15px; } .search__selected ul { display: flex; justify-content: flex-start; align-items: center; } .search__selected ul li a { display: inline-flex; justify-content: center; align-items: center; height: 40px; margin-right: 10px; border-radius: 30px; padding: 0 20px; background-color: #fb0; font-family: "Visby", sans-serif; font-weight: 700; color: #fff; text-transform: capitalize; transition: var(--speed-default); } .search__selected ul li a i { width: 15px; height: 15px; margin-left: 10px; position: relative; } .search__selected ul li a i::after, .search__selected ul li a i::before { opacity: 0.5; width: 15px; height: 2px; background-color: #000; content: ""; position: absolute; top: 6px; left: 0; transform: rotate(45deg); transition: var(--speed-default); } .search__selected ul li a i::after { transform: rotate(-45deg); } .search__selected ul li a:hover { transform: scale(0.95); } .search__selected ul li a:hover i::after, .search__selected ul li a:hover i::before { opacity: 0.75; } .search__selected:has(ul > li) { margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; } .section--movingdigital-features { margin-bottom: 50px; } .section--movingdigital-features .title { margin-bottom: 30px; } @media (min-width: 1920px) { .section--movingdigital-features .title { margin-bottom: 50px; } } @media (min-width: 1280px) { .section--movingdigital-features { margin-bottom: 100px; } } @media (min-width: 1920px) { .section--movingdigital-features { margin-bottom: 150px; } } .card { overflow: hidden; position: relative; } .card__anchor { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .reference-item { margin: 10px 0 30px; position: relative; transition: 0.3s ease; } .reference-item img.quote { width: 24px; height: 24px; position: absolute; top: -10px; left: 30px; z-index: 1; } @media (min-width: 768px) { .reference-item img.quote { width: 20px; } } @media (min-width: 1280px) { .reference-item img.quote { width: 25px; } } .reference-item .reference-item__inner { border-radius: 16px; background-color: #fff; text-align: left; box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.07); position: relative; padding-top: 30px; padding-right: 25px; padding-bottom: 70px; padding-left: 25px; } @media (min-width: 1280px) { .reference-item .reference-item__inner { border-radius: 16px; padding: 30px 30px 80px; } } @media (min-width: 768px) { .reference-item p, .reference-item a { font-size: 12px; line-height: 20px; } } @media (min-width: 1920px) { .reference-item p, .reference-item a { font-size: 14px; line-height: 25px; } } .reference-item a { font-weight: 400; text-decoration: underline; } .reference-item h5 { margin-top: 15px; font-family: "Visby", sans-serif; font-weight: 700; } .reference-item h5 span { font-weight: 500; color: #9d9d9c; } @media (min-width: 768px) { .reference-item h5 span { margin-top: 17px; font-size: 10px; } } @media (min-width: 1920px) { .reference-item h5 span { font-size: 12px; } } @media (min-width: 768px) { .reference-item h5 { font-size: 12px; line-height: 10px; } } @media (min-width: 1920px) { .reference-item h5 { margin-top: 30px; font-size: 14px; } } .reference-item span.street { font-family: "Visby", sans-serif; font-weight: 500; font-size: 10px; color: #555; } @media (min-width: 768px) { .reference-item span.street { font-size: 8px; } } @media (min-width: 1920px) { .reference-item span.street { font-size: 10px; } } .reference-item .heart-rating { position: absolute; right: 30px; bottom: -15px; } @media (min-width: 768px) { .reference-item.reference--active { margin: 0 40px 0 50px; transform: translateX(-50px) scale(1.3); } } @media (min-width: 1920px) { .reference-item.reference--active { margin: 0 50px 0 65px; } } @media (min-width: 768px) { .reference-item { transform: translateX(-50px); } } @media (min-width: 1280px) { .reference-item { margin-top: 25px; margin-bottom: 0; } } .references .reference-item { height: 100%; transform: none; } .references .reference-item .reference-item__inner { height: 100%; padding-bottom: 60px; } @media (min-width: 768px) { .references .reference-item p, .references .reference-item a { font-size: 14px; line-height: 25px; } } @media (min-width: 1920px) { .references .reference-item p, .references .reference-item a { font-size: 16px; line-height: 30px; } } .references .reference-item h5 { position: absolute; bottom: 10px; } @media (min-width: 768px) { .references .reference-item h5 { font-size: 14px; line-height: 10px; } } @media (min-width: 1920px) { .references .reference-item h5 { margin-top: 30px; font-size: 16px; } } @media (min-width: 1280px) { .references .reference-item { min-height: 355px; } } @media (min-width: 1920px) { .references .reference-item { min-height: 410px; } } @media (min-width: 1280px) { .page.references .reference-item .heart-rating span { font-size: 26px; } } @media (min-width: 1280px) { .page.references .reference-item .heart-rating { width: 90px; height: auto; } } @media (min-width: 1280px) { .page.references .reference-item h5 span { font-size: 14px; } } @media (min-width: 1280px) { .page.references .reference-item h5 { margin-top: 30px; font-size: 18px; line-height: 26px; } } @media (min-width: 1920px) { .page.references .quote { width: 30px; left: 40px; } } @media (min-width: 1280px) { .page.references .reference-item__inner p, .page.references .reference-item__inner a { font-size: 16px; line-height: 30px; } } @media (min-width: 1920px) { .page.references .reference-item__inner p, .page.references .reference-item__inner a { font-size: 18px; line-height: 33px; } } @media (min-width: 1280px) { .page.references .reference-item__inner { border-radius: 16px; padding: 30px 30px 80px; } } @media (min-width: 1920px) { .page.references .reference-item__inner { padding: 45px 40px 100px; } } .card.card--house { display: flex; height: 100%; } .card.card--house .card-house__thumb { position: relative; } .card.card--house .card-house__thumb::before { display: block; padding-top: 71.4285714286%; content: ""; } .card.card--house .card-house__thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .card.card--house .offer { display: flex; flex-direction: column; width: 100%; } .card.card--house .offer .small-text { margin-bottom: 12px; } .card.card--house .short--info { padding: 24px; } .card.card--house .short--info .small-text { font-size: 17px; } .card.card--house .short--info .house-place { margin-bottom: 8px; } .card.card--house .short--info .house-street { margin-bottom: 12px; font-size: 20px; } .card.card--house .short--info p.price { margin-top: 0; font-size: 14px; line-height: 1; color: #fb0; } .card.card--house .short--info p.price + .short--info__detail { margin-top: 12px; } .card.card--house .short--info .data-wrapper { display: inline-flex; gap: 16px; flex-grow: 1; } .card.card--house .short--info .data { display: flex; align-items: center; gap: 8px; color: #555; } .card.card--house .short--info .data i { font-size: 16px; } .card.card--house .short--info .data p { font-weight: 800; font-size: 14px; line-height: 1; } .card.card--house .short--info__detail { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 24px; gap: 16px; } .card.card--house .icon-surface { font-weight: 600; } .more__info { overflow: hidden; margin: 0 0 20px; border-radius: 23px; padding: 40px 60px 40px 20px; background-color: #f5ebd0; position: relative; } .more__info picture { width: 100%; } .more__info picture img.profile { width: 140px; height: auto; object-fit: cover; position: absolute; right: 0; bottom: -15px; } @media (min-width: 1024px) { .more__info picture img.profile { width: 160px; } } @media (min-width: 1280px) { .more__info picture img.profile { width: 170px; } } @media (min-width: 1920px) { .more__info picture img.profile { width: 200px; } } .more__info h3 { margin-bottom: 16px; } .more__info p { margin: 0 0 16px; font-weight: 300; color: #555; } .more__info p a { text-decoration: underline; } .more__info ul li { padding: 0 0 5px; } .more__info ul li a { display: flex; align-items: center; font-weight: 700; color: #555; } .more__info ul li a img { width: auto; max-width: 100%; margin: 0 10px 0 0; } @media (min-width: 1280px) { .more__info ul li a img { width: 45px; height: 45px; } } .more__info ul li a .btn--io { margin-right: 16px; } .more__info ul li a span { font-weight: inherit; } @media (min-width: 1920px) { .more__info ul li a { font-size: 18px; } } @media (min-width: 1280px) { .more__info ul li { padding-bottom: 15px; } } @media (min-width: 1024px) { .more__info { padding: 35px 80px 30px 40px; } } @media (min-width: 1440px) { .more__info { padding: 35px 140px 20px 40px; } } @media (min-width: 1920px) { .more__info { margin-bottom: 30px; padding: 40px 125px 15px 50px; } } .download__brochure { margin: 0 0 20px; border-radius: 24px; background: #555; position: relative; } .download__brochure__head-image { width: 100%; height: 200px; border-top-right-radius: 24px; border-top-left-radius: 24px; } .download__brochure__head-image img, .download__brochure__head-image picture { width: 100%; height: 100%; border-top-right-radius: 24px; border-top-left-radius: 24px; object-fit: cover; object-position: top; } .download__brochure__content-wrapper { padding: 20px; } .download__brochure__content-wrapper h3 { margin: 0 0 5px; font-weight: 700; color: #fff; } .download__brochure__content-wrapper p { margin: 0 0 10px; line-height: 20px; color: #fff; } .download__brochure__content-wrapper p a { font-weight: 500; } @media (min-width: 1920px) { .download__brochure__content-wrapper p { line-height: 28px; } } .download__brochure__content-wrapper h6 { margin: 0; } .download__brochure__content-wrapper ul.buttons { margin-top: 24px; } .download__brochure__content-wrapper ul.buttons li { padding: 0 0 5px; } .download__brochure__content-wrapper ul.buttons li a { display: flex; align-items: center; font-weight: 700; color: #fff; } .download__brochure__content-wrapper ul.buttons li a img { width: auto; max-width: 100%; margin: 0 10px 0 0; } @media (min-width: 1280px) { .download__brochure__content-wrapper ul.buttons li a img { width: 45px; height: 45px; } } .download__brochure__content-wrapper ul.buttons li a .btn--io { margin-right: 16px; } .download__brochure__content-wrapper ul.buttons li a span { font-weight: inherit; } @media (min-width: 1920px) { .download__brochure__content-wrapper ul.buttons li a { font-size: 18px; } } @media (min-width: 1280px) { .download__brochure__content-wrapper ul.buttons li { padding-bottom: 15px; } } @media (min-width: 1024px) { .download__brochure__content-wrapper { padding: 30px; } } @media (min-width: 1440px) { .download__brochure__content-wrapper { border-radius: 23px; } } @media (min-width: 1920px) { .download__brochure__content-wrapper { margin-bottom: 30px; padding: 40px; } } .download__brochure.download__brochure--light { background-color: #f5ebd0; box-shadow: none; } .download__brochure.download__brochure--light h3, .download__brochure.download__brochure--light p { color: #555; } .download__brochure.download__brochure--light ul.buttons { margin-top: 24px; } .download__brochure.download__brochure--light ul.buttons li { padding: 0 0 5px; } .download__brochure.download__brochure--light ul.buttons li a { color: #555; } .share { margin: 25px 0; } .share .widget-info__social { display: flex; flex-wrap: wrap; align-items: center; } .share .widget-info__social p { margin: 0 10px 0 0; font-weight: 700; font-size: 11px; color: #000; } @media (min-width: 768px) { .share .widget-info__social p { margin: 0 15px 0 0; } } @media (min-width: 1440px) { .share .widget-info__social p { font-size: 13px; } } @media (min-width: 1920px) { .share .widget-info__social p { font-size: 14px; } } @media (min-width: 768px) { .share .widget-info__social { flex: initial; } } .share ul { display: flex; justify-content: center; } .share ul li { margin: 0 2px; } .share ul li a { display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #b2b2b2; border-radius: 100%; } .share ul li a i { font-size: 12px; color: #b2b2b2; } @media (min-width: 1440px) { .share ul li a i { font-size: 13px; } } @media (min-width: 1920px) { .share ul li a i { font-size: 14px; } } @media (min-width: 1440px) { .share ul li a { width: 35px; height: 35px; } } @media (min-width: 1920px) { .share ul li a { width: 40px; height: 40px; } } @media (min-width: 1280px) { .share { margin: 0 0 50px 0; } } .house__about { margin: 0 0 20px; border-radius: 10px; padding: 50px 20px 20px; background: #f5ebd0; position: relative; } .house__about h3 { margin: 0 0 5px; font-weight: 700; color: #000; } .house__about p { margin: 0 0 10px; line-height: 20px; color: #000; } .house__about p a { font-weight: 500; } .house__about h6 { margin: 0; } @media (min-width: 1920px) { .house__about { margin-bottom: 30px; padding: 60px 40px 30px 50px; } } .house-map { margin-bottom: 50px; } @media (min-width: 1024px) { .house-map { margin-bottom: 75px; } } @media (min-width: 1920px) { .house-map { margin-bottom: 150px; } } .infoBox > img { width: 16px; } .house--maps { margin: 120px 0 20px; } .house--maps #sure-map { height: 525px; border-radius: 20px; } .house--maps #sure-map div[role=button] + div * { color: #fff; } .house--maps .sure-map-filters { display: none; } .house--maps img { max-width: 100%; height: auto; } .section--map { margin-top: 50px; margin-bottom: 100px; } .section--map .sure-map-filters { display: none; } .section--map__places .infoBox { width: 100%; max-width: 350px; border-radius: 15px; padding: 15px 15px 15px 20px; background: #fff; } .section--map__places .infoBox > img { width: 14px; border-radius: unset; } .section--map__places .infoBox header h3 { margin-bottom: 10px; font-family: "Visby", sans-serif; font-weight: 300; font-size: 18px; line-height: 16px; color: #fb0; } @media (min-width: 1280px) { .section--map__places .infoBox header h3 { font-size: 14px; line-height: 14px; } } @media (min-width: 1920px) { .section--map__places .infoBox header h3 { font-size: 18px; line-height: 18px; } } .section--map__places .infoBox .place-address { margin-bottom: 5px; font-family: "Visby", sans-serif; font-weight: 700; font-size: 18px; color: #555; } @media (min-width: 1280px) { .section--map__places .infoBox .place-address { font-size: 22px; line-height: 25px; } } @media (min-width: 1920px) { .section--map__places .infoBox .place-address { font-size: 24px; } } .section--map__places .infoBox footer { font-weight: 400 !important; font-size: var(--font-size-base) !important; } .section--map #sure-map-places { display: flex; flex-wrap: wrap; margin: 0 0 50px; } .section--map #sure-map-places li { flex: 0 0 50%; margin-bottom: 15px; font-size: 18px; } .section--map #sure-map-places li span { display: inline-block; margin: 0 0 0 15px; font-weight: 400; font-size: 16px; color: #000; } .section--map #sure-map-places li input[type=checkbox] { position: relative; transition: var(--speed-default); } .section--map #sure-map-places li input[type=checkbox]::after { width: 0; height: 0; margin: 0 auto; content: ""; position: absolute; right: 0; left: 0; } .section--map #sure-map-places li input[type=checkbox]:checked::after { width: 100%; height: 100%; border-radius: 3px; background-color: #000; top: 0; left: 0; z-index: 1; } @media (min-width: 1024px) { .section--map #sure-map-places li { flex: 0 0 33.33333%; } } @media (min-width: 1440px) { .section--map #sure-map-places li { flex: 0 0 25%; } } .section--map.map--overview-page .sure-map-holder #sure-map { border: none; border-radius: 0; } @media (min-width: 1440px) { .section--map.map--overview-page .sure-map-holder #sure-map { height: 750px; max-height: initial; } } @media (min-width: 1920px) { .section--map.map--overview-page .sure-map-holder #sure-map { height: 825px; } } .sure-map-holder { overflow: hidden; border: 2px solid #d9d9d9; border-radius: 15px; } .sure-map-holder #sure-map { max-height: 525px; } .sure-place h3 { font-size: 14px; line-height: 1.2; text-align: left; } .card-house-map { max-width: 300px; padding-top: 20px; } .card-house-map .offer .card-house__thumb { position: relative; } .card-house-map .offer .card-house__thumb img { max-width: 100%; border-radius: 15px 15px 0 0; } .card-house-map .offer .card-house__status { width: auto; height: 32px; border-radius: 0 30px 30px 0; padding: 6px 11px 9px 9px; background-color: #fb0; position: absolute; top: 15px; left: 0; } .card-house-map .offer .card-house__status span { display: block; font-family: "Visby", sans-serif; font-weight: 700; font-size: 14px; line-height: 19px; color: #fff; } .card-house-map .offer .data--short { display: none; } .card-house-map .offer .short--info { padding: 15px 15px 15px 20px; background-color: #fff; } .card-house-map .offer .short--info h4 { font-family: "Visby", sans-serif; font-weight: 700; color: #555; } @media (min-width: 1280px) { .card-house-map .offer .short--info h4 { line-height: 25px; } } .card-house-map .offer .short--info p.lead { text-transform: lowercase; } .card-house-map .offer .short--info p.price { font-family: "Visby", sans-serif; font-weight: 700; color: #fb0; } @media (min-width: 1920px) { .card-house-map .offer .short--info p.price { font-size: 20px; } } .card-house-map .offer.card--news .short--info { padding: 15px 20px 20px; } @media (min-width: 1280px) { .card-house-map .offer.card--news .short--info { padding: 20px 25px 25px; } } @media (min-width: 1920px) { .card-house-map .offer.card--news .short--info { padding: 25px 30px 30px; } } .card-house-map .offer.hidden { display: none; } @media (min-width: 1920px) { .card-house-map { max-width: 380px; } } .card--character { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 30px; } .card--character > div { flex: 1; } .card--character picture { display: block; flex: 0 0 100%; margin-right: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .card--character picture { flex: 0 0 40%; margin-right: 20px; } } .card--character ul { margin-bottom: 15px; } .hero--contact-popup { background-color: rgba(85, 85, 85, 0.5); } .hero--contact-popup .mfp-container { display: flex; justify-content: center; align-items: center; } .hero--contact-popup .wpcf7-response-output { font-family: "Graphik", sans-serif; font-size: 14px; color: #000; } .hero--contact-popup .screen-reader-response { display: none; } .hero--contact-popup .screen-reader-response p::before { display: none; } .hero--contact-popup input[type=submit] { cursor: pointer; } .hero--contact-popup .form form { margin: 20px 0 0; } .hero--contact-popup .white-popup, .hero--contact-popup #contact-popup, .hero--contact-popup #coming-soon-popup, .hero--contact-popup #hero-popup-left, .hero--contact-popup #hero-popup-right { max-width: 615px; height: auto; margin: 0 auto; border-radius: 15px; padding: 35px 30px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(85, 85, 85, 0.25); position: relative; } .hero--contact-popup .white-popup .mfp-close, .hero--contact-popup #contact-popup .mfp-close, .hero--contact-popup #coming-soon-popup .mfp-close, .hero--contact-popup #hero-popup-left .mfp-close, .hero--contact-popup #hero-popup-right .mfp-close { opacity: 1; display: flex; align-items: center; width: auto; padding: 0 30px; font-family: "Univers LT Std", sans-serif; font-weight: 700; font-size: 14px; color: #fff; } .hero--contact-popup .white-popup .mfp-close span, .hero--contact-popup #contact-popup .mfp-close span, .hero--contact-popup #coming-soon-popup .mfp-close span, .hero--contact-popup #hero-popup-left .mfp-close span, .hero--contact-popup #hero-popup-right .mfp-close span { position: relative; } .hero--contact-popup .white-popup .mfp-close span::before, .hero--contact-popup #contact-popup .mfp-close span::before, .hero--contact-popup #coming-soon-popup .mfp-close span::before, .hero--contact-popup #hero-popup-left .mfp-close span::before, .hero--contact-popup #hero-popup-right .mfp-close span::before { width: 2px; height: 15px; border-radius: 10px; background-color: #fff; content: ""; position: absolute; top: -8px; right: -2px; transform: rotate(45deg); } .hero--contact-popup .white-popup .mfp-close span::after, .hero--contact-popup #contact-popup .mfp-close span::after, .hero--contact-popup #coming-soon-popup .mfp-close span::after, .hero--contact-popup #hero-popup-left .mfp-close span::after, .hero--contact-popup #hero-popup-right .mfp-close span::after { width: 2px; height: 15px; border-radius: 10px; background-color: #fff; content: ""; position: absolute; top: -8px; right: -2px; transform: rotate(-45deg); } @media (min-width: 1280px) { .hero--contact-popup .white-popup .mfp-close, .hero--contact-popup #contact-popup .mfp-close, .hero--contact-popup #coming-soon-popup .mfp-close, .hero--contact-popup #hero-popup-left .mfp-close, .hero--contact-popup #hero-popup-right .mfp-close { top: 20px; right: 20px; } } .hero--contact-popup .white-popup #coming-soon-object, .hero--contact-popup #contact-popup #coming-soon-object, .hero--contact-popup #coming-soon-popup #coming-soon-object, .hero--contact-popup #hero-popup-left #coming-soon-object, .hero--contact-popup #hero-popup-right #coming-soon-object { opacity: 0.4; pointer-events: none; } @media (min-width: 1024px) { .hero--contact-popup .white-popup, .hero--contact-popup #contact-popup, .hero--contact-popup #coming-soon-popup, .hero--contact-popup #hero-popup-left, .hero--contact-popup #hero-popup-right { border-radius: 25px; } } @media (min-width: 1024px) { .hero--contact-popup .white-popup, .hero--contact-popup #contact-popup, .hero--contact-popup #coming-soon-popup, .hero--contact-popup #hero-popup-left, .hero--contact-popup #hero-popup-right { padding: 60px 60px 50px 60px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .form-check { display: flex; position: relative; } .form-check > * { cursor: pointer; } .form-check .form-check__indicator { display: flex; justify-content: center; align-items: center; width: var(--size-form-check-indicator); height: var(--size-form-check-indicator); border: 1px solid; background-color: #fff; position: relative; top: calc((var(--line-height-base) - var(--size-form-check-indicator)) / 2); } .form-check .form-check__indicator::after { opacity: 0; content: ""; } .form-check .form-check__text { padding-left: 15px; font-size: calc(var(--font-size-base) / 1.125); -webkit-user-select: none; user-select: none; } .form-check input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; top: calc((var(--line-height-base) - var(--size-form-check-indicator)) / 2); z-index: -1; } .form-check input:disabled ~ * { opacity: 0.5; cursor: default; } .form-check input:checked ~ .form-check__indicator::after { opacity: 1; } .form-check input[type=checkbox] ~ .form-check__indicator::after { width: 7px; height: 10px; border-top: 2px solid; border-right: 2px solid; content: ""; position: absolute; top: 9px; left: 3px; transform: scaleX(-1) rotate(135deg); transform-origin: left top; } .form-check input[type=checkbox]:checked ~ .form-check__indicator::after { animation-name: checkmark; animation-duration: var(--speed-sluggish); animation-timing-function: ease-out; } @keyframes checkmark { 0% { opacity: 1; width: 0; height: 0; } 20% { opacity: 1; width: 7px; height: 0; } 40% { opacity: 1; width: 7px; height: 10px; } 100% { opacity: 1; width: 7px; height: 10px; } } .form-check input[type=radio] ~ .form-check__indicator { border-radius: 50%; } .form-check input[type=radio] ~ .form-check__indicator::after { width: 12px; height: 12px; border-radius: 50%; transform: scale(0); transition: transform var(--speed-fast) ease-out; } .form-check input[type=radio]:checked ~ .form-check__indicator::after { transform: scale(1); } .form-check + .form-check { margin-top: 15px; } .custom-select .select-items .select-items__body .select-items__body__option, .custom-select .select-selected, .form-control { width: 100%; height: var(--height-form-control); border: 2px solid; background-color: #fff; letter-spacing: -0.01px; padding-right: var(--px-form-control); padding-left: var(--px-form-control); transition: border-color var(--speed-default) ease-out; } .custom-select .select-items .select-items__body .select-items__body__option::placeholder, .custom-select .select-selected::placeholder, .form-control::placeholder { opacity: 0.5; } .custom-select .select-items .select-items__body .select-items__body__option:disabled, .custom-select .select-selected:disabled, .form-control:disabled { opacity: 0.5; } .custom-select .select-items .select-items__body .select-items__body__option:not(textarea), .custom-select .select-selected:not(textarea), .form-control:not(textarea) { display: flex; align-items: center; height: var(--height-form-control); } textarea.form-control { display: block; min-height: calc(var(--height-form-control) * 2.34375); resize: vertical; padding-top: var(--py-form-control); padding-bottom: var(--py-form-control); } .custom-select { width: -moz-fit-content; width: fit-content; position: relative; z-index: 1; } .custom-select select { display: none; } .custom-select .select-selected { justify-content: space-between; border: 1px solid #000; border-radius: 30px; padding: 0 15px; background-color: transparent; font-family: "Visby", sans-serif; font-weight: 700; cursor: pointer; position: relative; transition: var(--speed-default); } .custom-select .select-selected::after { margin-left: 35px; content: "\E902"; font-family: "schieland-icons"; font-size: 11px; } @media (min-width: 1024px) { .custom-select .select-selected::after { margin-left: 25px; font-size: 13px; } } @media (min-width: 1024px) { .custom-select .select-selected { padding: 0 20px; } } @media (min-width: 1280px) { .custom-select .select-selected { padding: 0 25px; } } .custom-select .select-items { width: 100%; font-family: "Visby", sans-serif; position: absolute; top: 100%; left: 0; } .custom-select .select-items .select-items__body { overflow-y: auto; max-height: calc(var(--height-form-control) * 5); } .custom-select .select-items .select-items__body .select-items__body__option { margin-top: -1px; border: none; background-color: #fff; font-weight: 700; cursor: pointer; position: relative; } .custom-select .select-items .select-items__body .select-items__body__option::before { width: calc(100% - 30px); height: 1px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.2); content: ""; position: absolute; right: 0; bottom: 1px; left: 0; } .custom-select .select-items .select-items__body .select-items__body__option:nth-child(2)::after { width: calc(100% - 30px); height: 1px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.2); content: ""; position: absolute; top: 1px; right: 0; left: 0; } .custom-select .select-items .select-items__body .select-items__body__option:last-child { border-radius: 0 0 30px 30px; } .custom-select .select-items .select-items__body .select-items__body__option:last-child::before { display: none; } .custom-select .select-items .select-items__body .select-items__body__option.same-as-selected { display: none; } .custom-select.custom-select--active { border-radius: 30px 30px 0 0; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); z-index: 10; } .custom-select.custom-select--active .select-selected { border: none; border-radius: 30px 30px 0 0; } .custom-select.custom-select--active .select-selected::after { transform: scaleY(-1); } .custom-select.custom-select--active .select-items__body { border-radius: 0 0 30px 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .custom-select .select-selected::after { right: calc(var(--px-form-control) - 5px); } } .form-group.form-group--valid .form-control, .form-group.form-group--invalid .form-control { padding-right: calc(var(--px-form-control) * 3); } .form-group.form-group--invalid .custom-select .validation { margin: 0; top: 15px; right: 45px; } .validation { width: 17px; height: 17px; margin-top: -10px; position: absolute; top: 50%; right: var(--px-form-control); } .validation.validation--invalid { transform: rotate(45deg); } .validation.validation--invalid::before, .validation.validation--invalid::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; } .validation.validation--invalid::before { width: 17px; height: 2px; } .validation.validation--invalid::after { width: 2px; height: 17px; } body .gform_wrapper { margin: 0; } body .gform_wrapper .gform_anchor { position: relative; top: -100px; } @media (min-width: 1280px) { body .gform_wrapper .gform_anchor { top: -150px; } } body .gform_wrapper .gform_validation_errors > h2.hide_summary { line-height: 1.5; letter-spacing: 0.5px; } body .gform_wrapper .gfield_required { display: none; } body .gform_wrapper .gform_body .gform_fields { grid-column-gap: 10px; grid-row-gap: 10px; } body .gform_wrapper .gform_body .gform_fields .gfield label a { font-size: inherit !important; line-height: inherit; text-indent: 5px; } body .gform_wrapper .gform_body .gform_fields .gfield input, body .gform_wrapper .gform_body .gform_fields .gfield textarea { margin-bottom: 0 !important; } body .gform_wrapper .gform_body .gform_fields .gfield textarea { display: block; min-height: calc(var(--height-form-control) * 2.34375); resize: vertical; padding-top: var(--py-form-control); padding-bottom: var(--py-form-control); } body .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder { opacity: 0.5; } body .gform_footer { display: inline-flex; align-items: center; column-gap: 8px; } body .gform_footer input { margin-bottom: 0 !important; } body .gform_footer .gform_ajax_spinner { width: 24px; height: 24px; } .section.section--findproperty .checkbox-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 8px; row-gap: 8px; } @media (min-width: 768px) { .section.section--findproperty .checkbox-grid { grid-template-columns: repeat(3, 1fr); } } .section.section--findproperty .select-grid { display: grid; grid-template-columns: 1fr; column-gap: 8px; row-gap: 8px; } .section.section--findproperty .select-grid .custom-select { width: 100%; } @media (min-width: 768px) { .section.section--findproperty .select-grid { grid-template-columns: repeat(4, 1fr); } } .section.section--findproperty .input-grid { display: grid; column-gap: 8px; row-gap: 16px; grid-template-columns: repeat(12, 1fr); } .section.section--findproperty .input-grid .form-group { grid-column: span 12; } .section.section--findproperty .input-grid .form-group .form-label, .section.section--findproperty .input-grid .form-group .custom-select, .section.section--findproperty .input-grid .form-group input { width: 100%; } @media (min-width: 768px) { .section.section--findproperty .input-grid .form-group { grid-column: span 1; } .section.section--findproperty .input-grid .form-group.span-1 { grid-column: span 1; } .section.section--findproperty .input-grid .form-group.span-2 { grid-column: span 2; } .section.section--findproperty .input-grid .form-group.span-3 { grid-column: span 3; } .section.section--findproperty .input-grid .form-group.span-4 { grid-column: span 4; } .section.section--findproperty .input-grid .form-group.span-5 { grid-column: span 5; } .section.section--findproperty .input-grid .form-group.span-6 { grid-column: span 6; } .section.section--findproperty .input-grid .form-group.span-7 { grid-column: span 7; } .section.section--findproperty .input-grid .form-group.span-8 { grid-column: span 8; } .section.section--findproperty .input-grid .form-group.span-9 { grid-column: span 9; } .section.section--findproperty .input-grid .form-group.span-10 { grid-column: span 10; } .section.section--findproperty .input-grid .form-group.span-11 { grid-column: span 11; } .section.section--findproperty .input-grid .form-group.span-12 { grid-column: span 12; } } .section.section--findproperty .form-group:has(.custom-select):has(label) { display: flex; flex-direction: column; row-gap: 4px; } .section.section--findproperty .form-group:has(input[type=checkbox]) label { display: flex; align-items: center; hyphens: auto; column-gap: 4px; } .section.section--findproperty .form-group:has(input[type=checkbox]) label input { width: 16px; height: 16px; } .section.section--findproperty .form-group-heading { margin-top: 48px; margin-bottom: 16px; } .section.section--findproperty input[type=submit] { margin-top: 32px; margin-bottom: 32px; } .section.section--findproperty h4 { font-weight: 500; } /*# sourceMappingURL=app.css.map*/