:root { --hx-color-light: #0CF; --hx-color-medium: #09C; --hx-color-dark: #069; --hx-color-banner-top: var(--hx-color-light); --hx-color-banner-bottom: var(--hx-color-medium); } .slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list, .slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { 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 } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75); transition-timing-function: cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045); transition-timing-function: cubic-bezier(.6,-.28,.735,.045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-timing-function: cubic-bezier(.175,.885,.32,1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); transition-timing-function: cubic-bezier(.68,-.55,.265,1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715); transition-timing-function: cubic-bezier(.47,0,.745,.715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95); transition-timing-function: cubic-bezier(.445,.05,.55,.95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955) } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } [data-aos=fade-up] { -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0) } [data-aos=fade-down] { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0) } [data-aos=fade-right] { -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0) } [data-aos=fade-left] { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0) } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px,100px,0); transform: translate3d(-100px,100px,0) } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px,100px,0); transform: translate3d(100px,100px,0) } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px,-100px,0); transform: translate3d(-100px,-100px,0) } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px,-100px,0); transform: translate3d(100px,-100px,0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } [data-aos=zoom-in] { -webkit-transform: scale(.6); transform: scale(.6) } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0,100px,0) scale(.6); transform: translate3d(0,100px,0) scale(.6) } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0,-100px,0) scale(.6); transform: translate3d(0,-100px,0) scale(.6) } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px,0,0) scale(.6); transform: translate3d(-100px,0,0) scale(.6) } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px,0,0) scale(.6); transform: translate3d(100px,0,0) scale(.6) } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2) } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0,100px,0) scale(1.2); transform: translate3d(0,100px,0) scale(1.2) } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0,-100px,0) scale(1.2); transform: translate3d(0,-100px,0) scale(1.2) } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px,0,0) scale(1.2); transform: translate3d(-100px,0,0) scale(1.2) } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px,0,0) scale(1.2); transform: translate3d(100px,0,0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0) } [data-aos=slide-up] { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } [data-aos=slide-down] { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } [data-aos=slide-right] { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } [data-aos=slide-left] { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } body.hidden-scroll { overflow: hidden } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: .7; display: none; z-index: 1035 } .sl-wrapper { z-index: 1040 } .sl-wrapper button { border: 0; background: transparent; font-size: 28px; padding: 0; cursor: pointer } .sl-wrapper button:hover { opacity: .7 } .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 10060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: Arial, Baskerville, monospace; color: #000; font-size: 3rem } .sl-wrapper .sl-close:focus { outline: none } .sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #000; font-size: 1rem } .sl-wrapper .sl-navigation { width: 100%; display: none } .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 10060; font-family: Arial, Baskerville, monospace; color: #000 } .sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem } .sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem } .sl-wrapper .sl-navigation button:focus { outline: none } @media (min-width:35.5em) { .sl-wrapper .sl-navigation button { width: 44px } .sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem } } @media (min-width:50em) { .sl-wrapper .sl-navigation button { width: 44px } .sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem } .sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem } } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000 } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0; width: 100%; height: auto } @media (min-width:35.5em) { .sl-wrapper .sl-image img { border: 0 } } @media (min-width:50em) { .sl-wrapper .sl-image img { border: 0 } } .sl-wrapper .sl-image iframe { background: #000; border: 0 } @media (min-width:35.5em) { .sl-wrapper .sl-image iframe { border: 0 } } @media (min-width:50em) { .sl-wrapper .sl-image iframe { border: 0 } } .sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: rgba(0,0,0,.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0 } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0 } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #000; z-index: 1060 } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .sl-transition { transition: -webkit-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @keyframes pulsate { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes preloaderBounceDelay { 0%, 80%, to { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes preloaderBounceDelay { 0%, 80%, to { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } :focus,:hover { outline: none!important } ul { overflow: hidden; list-style-type: none } p, ul { margin: 0; padding: 0 } .btn { border: 0; outline: none } body, html { line-height: 1.5; color: #000; text-align: center; -ms-scroll-chaining: none; overscroll-behavior: none; font-size: 1rem; background-color: #fff; font-family: Open Sans; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } #wrap, body, html { width: 100%; height: 100% } #wrap { margin: auto; text-align: left; display: inline-block } h1, h2, h3, h4, h5, h6 { width: 100%; display: block; color: var(--hx-color-dark); font-weight: 700; margin: 0 } a{ color: var(--hx-color-dark); text-decoration: none } a:focus, a:hover{ color: var(--hx-color-medium); } h1 { font-size: 2.38rem; font-weight: 800 } @media (max-width:1599px) { h1 { font-size: 2.2rem } } @media (max-width:1199px) { h1 { font-size: 2rem } } @media (max-width:767px) { h1 { font-size: 2rem } } @media (max-width:575px) { h1 { font-size: 1.8rem } } @media (max-width:399px) { h1 { font-size: 1.6rem } } h2 { font-size: 2.5rem } @media (max-width:1599px) { h2 { font-size: 2.2rem } } @media (max-width:1199px) { h2 { font-size: 2rem } } @media (max-width:767px) { h2 { font-size: 1.9rem } } @media (max-width:575px) { h2 { font-size: 1.8rem } } @media (max-width:399px) { h2 { font-size: 1.6rem } } h3 { font-size: 2rem } @media (max-width:1599px) { h3 { font-size: 1.7rem } } @media (max-width:767px) { h3 { font-size: 1.6rem } } @media (max-width:575px) { h3 { font-size: 1.5rem } } @media (max-width:399px) { h3 { font-size: 1.4rem } } h4 { font-size: 1.7rem } @media (max-width:1599px) { h4 { font-size: 1.6rem } } @media (max-width:767px) { h4 { font-size: 1.5rem } } @media (max-width:575px) { h4 { font-size: 1.4rem } } @media (max-width:399px) { h4 { font-size: 1.3rem } } h5 { font-size: 1.4rem } @media (max-width:1199px) { h5 { font-size: 1.3rem } } @media (max-width:767px) { h5 { font-size: 1.2rem } } @media (max-width:575px) { h5 { font-size: 1.15rem } } @media (max-width:399px) { h5 { font-size: 1.1rem } } h6 { font-size: 1.2rem } @media (max-width:1199px) { h6 { font-size: 1.15rem } } @media (max-width:767px) { h6 { font-size: 1.1rem } } @media (max-width:575px) { h6 { font-size: 1.05rem } } @media (max-width:399px) { h6 { font-size: 1rem } } main { overflow: hidden } /* open-sans-200 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 300; src: local('Manrope Light'), local('Manrope-Light'), url('./font/manrope/ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/ExtraLight.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-300 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 300; src: local('Manrope Light'), local('Manrope-Light'), url('./font/manrope/Light.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/Light.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/Light.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-regular - 400 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 400; src: local('Manrope Regular'), local('Manrope-Regular'), url('./font/manrope/Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/Regular.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/Regular.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-medium - 500 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 500; src: local('Manrope Regular'), local('Manrope-Medium'), url('./font/manrope/Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/Medium.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/Medium.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-600 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 600; src: local('Manrope SemiBold'), local('Manrope-SemiBold'), url('./font/manrope/SemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/SemiBold.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-700 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 700; src: local('Manrope Bold'), local('Manrope-Bold'), url('./font/manrope/Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/Bold.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/Bold.ttf') format('truetype'), /* Safari, Android, iOS */ } /* open-sans-800 */ @font-face { font-family: 'Manrope'; font-display: swap; font-style: normal; font-weight: 800; src: local('Manrope Bold'), local('Manrope-ExtraBold'), url('./font/manrope/ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/manrope/ExtraBold.woff') format('woff'), /* Modern Browsers */ url('./font/manrope/ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */ } /* Switch to Manrope */ :root { --bs-body-font-family: 'Manrope', Arial, sans-serif; } body { /* font-family: 'Manrope', 'Open Sans'; */ font-family: 'Manrope', Arial, sans-serif;; } #header { top: 0; left: 0; right: 0; width: 100%; z-index: 100; position: fixed; background-color: #fff; color: var(--hx-color-dark); font-size: 1.25rem; line-height: 30px; text-transform: uppercase; height: 147px; white-space: nowrap; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width:1599px) { #header { height: 70px; font-size: 1rem; -webkit-transition: .3s; transition: .3s } } #header .logo, #header .logo span { display: block; -webkit-transition: .3s; transition: .3s } #header .logo span { height: 100px; width: 268px; background-size: contain; background-repeat: no-repeat; background-position: 50% } @media (max-width:1599px) { #header .logo span { height: 60px; width: 161px } } #header .col-nav .nav-target { color: #333; height: 100%; display: none; cursor: pointer; padding: 0 20px; font-size: 1.7rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: right } @media (max-width:1199px) { #header .col-nav .nav-target { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } #header .col-nav .nav-target.active svg { display: none } #header .col-nav .nav-target.active svg.off { display: block } #header .col-nav .nav-target svg { fill: var(--hx-color-dark) } #header .col-nav .nav-target svg.off { display: none } #header .col-nav nav { float: right; height: 100% } @media (max-width:1199px) { #header .col-nav nav { background-color: #fff; display: none; position: fixed; overflow: auto; left: 0; right: 0; top: 70px; bottom: 0; height: auto } } #header .col-nav ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } @media (max-width:1199px) { #header .col-nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 25px } } #header .col-nav ul li:last-child { border-left: 2px solid var(--hx-color-dark) } @media (max-width:1199px) { #header .col-nav ul li: last-child { margin-top: 20px; border-left: none } } #header .col-nav ul li:last-child a { padding-right: 0 } @media (max-width:1199px) { #header .col-nav ul li:last-child a { padding-right: 16px } } #header .col-nav ul li a { display: block; padding: 18px 20px; color: var(--hx-color-dark); text-decoration: none; -webkit-transition: .3s; transition: .3s } @media (max-width:1599px) { #header .col-nav ul li a { padding: 10px 18px } } #header .col-nav ul li a.login { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } #header .col-nav ul li a.login svg path { fill: var(--hx-color-dark) } #header .col-nav ul li a.login span { font-weight: 700; margin-left: 15px } #header .col-nav ul li a.login:hover { color: var(--hx-color-light); transition: all .3s ease 0s } #header .col-nav ul li a.login:hover svg path { fill: var(--hx-color-light); transition: all .3s ease 0s } #header .col-nav ul li a.login:hover span:before { transform: scaleX(0) } #header .col-nav ul li a:hover { color: var(--hx-color-dark) } #header .col-nav ul li a:hover span:before { transform: scaleX(1) } #header .col-nav ul li a span { display: block; position: relative } #header .col-nav ul li a span:before { background-color: var(--hx-color-dark); content: ""; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: all .3s ease-in-out 0s } #header.fixed { height: 70px; box-shadow: 0 0 8px rgba(0,0,0,.160784) } #header.fixed .logo span { height: 60px; width: 161px } #footer { background-color: var(--hx-color-dark); color: #fff; font-size: 1.25rem } @media (max-width:1599px) { #footer { font-size: 1.13rem } } @media (max-width:767px) { #footer { text-align: center } } #footer h3, #footer h4 { color: #fff } #footer hr { background-color: #fff; height: 1px; width: 100% } #footer h4 { padding-bottom: 15px } @media (max-width:767px) { #footer h4 { white-space: nowrap } } #footer .container>.row { margin: 0 -150px; padding-top: 100px } @media (max-width:1799px) { #footer .container>.row { margin: inherit } } @media (max-width:1199px) { #footer .container>.row { padding-top: 30px } } @media (max-width:1199px) { #footer .col-footer { padding-top: 40px; text-align: center } } @media (max-width:767px) { #footer .col-footer { padding-bottom: 30px } #footer .col-footer:nth-child(2) { padding-bottom: 0 } #footer .col-footer:nth-child(3) { padding-top: 0 } } #footer .col-footer ul { padding-left: 20% } @media (max-width:1799px) { #footer .col-footer ul { padding-left: 0 } } #footer .col-footer ul li { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (max-width:1199px) { #footer .col-footer ul li { margin: 0 auto } } #footer .col-footer a { display: block; padding: 0 12px; text-decoration: none } #footer .col-footer a span { display: block; position: relative; width: auto } #footer .col-footer a span:before { background-color: #fff; content: ""; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } #footer .col-footer a:hover span:before { -webkit-transform: scaleX(1); transform: scaleX(1) } #footer .col-footer .footer-info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (max-width:1199px) { #footer .col-footer .footer-info { margin: 0 auto } } #footer .col-footer .footer-info a { padding: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (max-width:1199px) { #footer .col-footer .footer-info a { margin: 0 auto } } #footer .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } @media (max-width:1199px) { #footer .social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } #footer .social a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 10px; height: 60px; width: 60px; margin-right: 20px } #footer .social a:last-child { margin-right: 0 } #footer .social a svg path { -webkit-transition: .3s; transition: .3s } #footer .social a:hover path { height: auto; fill: #0cf } #footer .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 6.25rem } @media (max-width:575px) { #footer .copyright { height: 3.5rem } } main { margin-top: 147px } @media (max-width:1599px) { main { margin-top: 70px } } #banner { background: transparent linear-gradient(180deg, var(--hx-color-banner-top), var(--hx-color-banner-bottom)) 0 0 no-repeat padding-box; color: #fff; font-size: 2.2rem; line-height: 1.34 } @media (max-width:1599px) { #banner { font-size: 1.8rem } } @media (max-width:575px) { #banner { font-size: 1.4rem } } #banner .container { background-size: 65%; background-repeat: no-repeat; background-position: 120% } @media (max-width:991px) { #banner .container { background-size: 100%; background-position: top } } #banner .row { position: relative } @media (max-width:991px) { #banner .col-image { text-align: center; padding: 32px; } } #banner .col-image svg { width: 100%; height: auto; cursor: default; padding: 25px 0 } @media (max-width:991px) { #banner .col-image svg { width: 80%; padding-top: 40px; padding-bottom: 40px } } @media (max-width:767px) { #banner .col-image svg { width: 90% } } #banner .col-text { padding: 150px 0 } @media (max-width:1599px) { #banner .col-text { padding: 80px 0 } } @media (max-width:991px) { #banner .col-text { padding: 0 25px 90px; text-align: center } } @media (max-width:449px) { #banner .col-text { padding-left: 15px; padding-right: 15px } } #banner .col-text h1 { color: #fff } @media (max-width:1599px) { #banner .col-text h1 { line-height: 1.3 } } #banner .col-text p { margin: 55px 0 60px } @media (max-width:991px) { #banner .col-text p { margin: 20px 8px } } @media (max-width:767px) { #banner .col-text p { font-size: 1.25rem } } #banner .col-text .demo { background-color: #fff; border-radius: 100px; display: block; margin-top: 25px; padding: 14px 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: var(--hx-color-dark); font-size: 1.38rem; font-weight: 600; text-transform: uppercase } @media (max-width:1599px) { #banner .col-text .demo { font-size: 1.2rem } } @media (max-width:991px) { #banner .col-text .demo { margin: 25px auto 0 } } #banner .col-text .demo:hover { background-color: var(--hx-color-dark); color: #fff; -webkit-transition: .5s; transition: .5s } #features { line-height: 1.7rem; scroll-margin-top: 140px } @media (max-width:991px) { #features .col-text { padding: 0 25px } } @media (max-width:399px) { #features .col-text { padding: 0 15px } } #features .heading { background: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.160784); box-shadow: 0 0 8px rgba(0,0,0,.160784); border-radius: 20px; display: block; margin-top: -30px; margin-bottom: 20px; padding: 35px 90px; text-align: center } @media (max-width:991px) { #features .heading { padding: 20px 30px } } @media (max-width:399px) { #features .heading { padding: 20px } } #features .heading h2 { color: #000; line-height: 3.88rem } @media (max-width:767px) { #features .heading h2 { font-size: 1.6rem; line-height: 3rem } } @media (max-width:575px) { #features .heading h2 { line-height: 2rem } } @media (max-width:399px) { #features .heading h2 { font-size: 1.4rem } } #features .heading strong { display: block; font-size: 3.2rem } @media (max-width:1599px) { #features .heading strong { font-size: 3rem } } @media (max-width:1199px) { #features .heading strong { font-size: 2.6rem } } @media (max-width:575px) { #features .heading strong { font-size: 2.2rem; margin-bottom: 10px } } @media (max-width:575px) { #features .row-features { margin: 0 } } #features .col-feature { border-bottom: 1px solid #e5e5e5; padding: 50px 60px } #features .col-feature:nth-child(6+n) { border-bottom: none } @media (max-width:1199px) { #features .col-feature { padding: 40px 30px 25px } } @media (max-width:767px) { #features .col-feature { padding: 35px 25px 25px } } @media (max-width:575px) { #features .col-feature { padding: 35px 25px 20px } #features .col-feature:last-child { border-bottom: 0 } } @media (max-width:449px) { #features .col-feature { padding-left: 15px; padding-right: 15px } } @media (max-width:399px) { #features .col-feature { padding-left: 0; padding-right: 0 } } #features .col-feature .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #features .col-feature .content .image { height: 146px; width: 146px } #features .col-feature .content .text { margin-top: 35px; text-align: center } #features .col-feature .content .text h2 { color: var(--hx-color-dark); font-size: 2rem } #features .col-feature .content .text p { padding: 40px 0 } @media (max-width:767px) { #features .col-feature .content .text p { padding: 20px 0 30px } } @media (max-width:575px) { #features .col-feature .content .text p { padding: 20px 0 15px } } #control { color: #fff; background-color: #069 } @media (max-width:575px) { #control { margin-top: 40px } } #control .row { background-repeat: no-repeat; background-size: 355px 365px; background-origin: content-box; background-position: 98%; padding: 50px 60px 140px } @media (max-width:991px) { #control .row { background-origin: padding-box; background-position: center 3%; background-size: 60%; padding: 80% 0 100px } } @media (max-width:319px) { #control .row { padding: 80% 0 100px } } #control .image { height: 365px; width: 355px } #control .col-text { font-size: 1.38rem; line-height: 1.88rem } @media (max-width:1599px) { #control .col-text { font-size: 1.25rem } } @media (max-width:991px) { #control .col-text { padding: 0 25px } } @media (max-width:767px) { #control .col-text { text-align: center } } @media (max-width:449px) { #control .col-text { padding: 0 15px } } #control .col-text h3 { color: #fff } #control .col-text p { padding: 40px 0 0 } @media (max-width:767px) { #control .col-text p { font-size: 1.13rem; padding: 25px 0 0 } } #about .container>.row { padding: 0 60px } @media (max-width:991px) { #about .container>.row { padding: 0 } } @media (max-width:991px) { #about .col-text { padding: 0 25px } } @media (max-width:449px) { #about .col-text { padding: 0 15px } } #about .content { background: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.160784); box-shadow: 0 0 8px rgba(0,0,0,.160784); border-radius: 20px; margin-top: -60px; padding: 50px 60px; font-size: 1.38rem; line-height: 1.88rem } @media (max-width:1599px) { #about .content { font-size: 1.25rem } } @media (max-width:991px) { #about .content { padding: 30px; text-align: center } } @media (max-width:767px) { #about .content { font-size: 1.13rem; padding: 30px 20px } } @media (max-width:499px) { #about .content { padding-left: 15px; padding-right: 15px } } #about .content svg { height: auto; width: 100%; max-width: 380px; margin: 0 auto } @media (max-width:991px) { #about .content svg { width: 40%; margin-bottom: 20px } } @media (max-width:767px) { #about .content svg { width: 70% } } @media (max-width:575px) { #about .content svg { width: 60% } } @media (max-width:319px) { #about .content svg { width: 100% } } @media (max-width:1599px) and (min-width:992px) { #about .content .col-text { padding-left: 35px } } @media (max-width:991px) { #about .content .col-text { padding-top: 20px } } #about .content .col-text h3 { padding-bottom: 55px } @media (max-width:991px) { #about .content .col-text h3 { padding-bottom: 20px } } @media (max-width:575px) { #about .content .col-text h3 { font-size: 1.8rem } } #about .content .col-text strong { font-size: 1.63rem } @media (max-width:767px) { #about .content .col-text strong { font-size: 1.25rem } } #about .content .col-text p { padding: 25px 0 0 } #roadmap .row { padding: 90px 60px 0 } @media (max-width:991px) { #roadmap .row { padding: 80px 15px 0 } } @media (max-width:399px) { #roadmap .row { padding: 50px 0 0 } } #roadmap h3 { padding-bottom: 45px } @media (max-width:991px) { #roadmap h3 { text-align: center } } #roadmap .item { position: relative } #roadmap .item .line { height: 100%; width: 3px; left: 13px; bottom: 0 } #roadmap .item .circle, #roadmap .item .line { background-color: #3cf; content: ""; position: absolute; top: 0 } #roadmap .item .circle { border-radius: 50%; height: 29px; width: 29px; left: 0 } #roadmap .item .content { font-size: 1.38rem; line-height: 1.88rem; padding: 0 0 75px 50px } @media (max-width:767px) { #roadmap .item .content { line-height: 1.5rem; font-size: 1.13rem; padding: 0 0 40px 50px } } #roadmap .item .content h4 { color: #000 } #roadmap .item .content ul { padding: 25px 0 0 65px } @media (max-width:991px) { #roadmap .item .content ul { padding-left: 50px } } @media (max-width:767px) { #roadmap .item .content ul { padding: 15px 0 0 25px } } #roadmap .item .content ul li { padding: 15px 0 } @media (max-width:767px) { #roadmap .item .content ul li { padding: 8px 0 } } #reviews { background-color: #f5f5f5; border-radius: 20px; font-size: 1.38rem; text-align: center; scroll-margin-top: 70px; display: block; margin: 0 45px 30px } @media (max-width:1599px) { #reviews { font-size: 1.25rem; border-radius: 0; margin: 0 0 30px } } #reviews .heading { margin-bottom: 60px } @media (max-width:991px) { #reviews .heading { margin-bottom: 20px } } @media (max-width:767px) { #reviews .heading { margin-bottom: 0 } } #reviews .heading h3 { padding-bottom: 15px } #reviews .col-content { padding: 35px 0 70px } @media (max-width:1199px) { #reviews .col-content { padding: 35px 0 50px } } @media (max-width:991px) { #reviews .col-content { border-radius: 0; padding: 35px 0 50px } } @media (max-width:767px) { #reviews .col-content { padding: 35px 50px 50px } } @media (max-width:575px) { #reviews .col-content { padding: 45px 15px 50px } } #reviews .col-content .col-review { position: relative; padding: 22px 15px 0 } @media (max-width:1199px) { #reviews .col-content .col-review { margin-top: 25px; padding: 22px 25px 0 } } #reviews .col-content .col-review .quotation-mark { position: absolute; top: 0; left: 30px } #reviews .col-content .review { background-color: #fff; border-radius: 20px; line-height: 1.88rem; padding: 30px 50px } @media (max-width:1599px) { #reviews .col-content .review { padding: 30px 25px } } @media (max-width:767px) { #reviews .col-content .review { line-height: 1.5rem; font-size: 1.13rem } } #reviews .col-content .review span { display: block; margin-top: 30px } #reviews .col-content .rating { margin-top: 10px } @media (max-width:767px) { #reviews .col-content .rating { margin-top: 15px } } #modal-video .modal-dialog { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin: 0 } @media (max-width:767px) { #modal-video .modal-dialog { width: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } #modal-video .modal-backdrop.in { filter: alpha(opacity=7); opacity: .7 } #modal-video .modal-content { position: relative; background: none; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } #modal-video .modal-body { padding: 30px } #modal-video .modal-header { position: absolute; top: 0; right: 0; padding: 0; width: 36px } #modal-video .modal-footer, #modal-video .modal-header { border: 0 } #modal-video .modal-header .close { float: none; margin: auto; font-size: 36px; color: #fff; font-weight: 300; text-shadow: none; opacity: 1; padding: 0; z-index: 1035 } /* Section separator */ .section-separator{ display: block; height: 80px; width: 100%; background-color: var(--hx-color-medium); } /* Text section */ .text-section{ line-height: 1.75rem; font-size: 18px; } .text-section :is(h1, h2, h3, h4, h5){ text-align: center; } .text-section p{ text-align: left; margin-top: 32px; margin-bottom: 32px; } .text-section ul:not(.list-unstyled){ list-style-type: disc; list-style-position: outside; padding-left: 16px; } .text-section ul li{ padding-top: 12px; } .img-control{ background-image:url('data:image/svg+xml;utf8,'); } .img-llinked-in{ background-image:url('data:image/svg+xml;utf8, '); } .img-logo{ background-image:url('data:image/svg+xml;utf8, '); } .img-log-no-text{ background-image:url('data:image/svg+xml;utf8, '); } .img-quotation-mark{ background-image:url('data:image/svg+xml;utf8, '); } .img-star{ background-image:url('data:image/svg+xml;utf8, '); } .img-star-half{ background-image:url('data:image/svg+xml;utf8, '); } .img-twitter{ background-image:url('data:image/svg+xml;utf8, '); } .img-user-alt{ background-image:url('data:image/svg+xml;utf8,'); } .img-youtube{ background-image:url('data:image/svg+xml;utf8, '); } #pricing{ /* background: transparent linear-gradient(180deg,#0cf,#09c) 0 0 no-repeat padding-box; color: #fff; font-size: 2.2rem; line-height: 1.34; */ } #pricing .heading { background: #fff; -webkit-box-shadow: 0px 4px 12px -8px rgba(0,0,0,.3); box-shadow: 0px 4px 16px -8px rgba(0,0,0,.3); border-radius: 20px; display: block; margin-top: -30px; margin-bottom: 20px; /* padding: 35px 90px; */ padding: 24px 70px; text-align: center; cursor: default; letter-spacing: -0.05rem; } #pricing .card-group{ margin-left: -12px; margin-right: -12px; } .price-label{ text-transform: uppercase; font-weight: 700; } .price-value{ font-size: 1.2rem; } .price-card{ font-size: 1.1rem; min-width: 210px; max-width: 210px; text-align: center; border-width: 0; border-radius: 0.75rem !important; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); align-self: center; margin-top: 1.5rem; margin-left: 8px !important; margin-right: 8px !important; cursor: default; } .price-card small{ font-size: 90%; } /* .price-card:hover{ -webkit-box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.35); box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.35); transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); } */ .price-card > .card-body > p { margin-bottom: 1rem; } .price-card > .card-header{ background: transparent linear-gradient(180deg,#0cf,#09c) 0 0 no-repeat padding-box; color: #fff; font-size: 1.7rem; line-height: 1.34; border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .btn-plan-register{ color: #FFF !important; background-color: #09C; font-size: 1.2rem; font-weight: 600; border-radius: 100px; padding: 14px 40px; text-transform: uppercase; -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.3); box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.3); } .btn-plan-register:hover{ color: #FFF !important; background-color: #0CF; -webkit-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.3); box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.3); } #comparison{ /* background: transparent linear-gradient(180deg,#0cf,#09c) 0 0 no-repeat padding-box; color: #fff; font-size: 2.2rem; line-height: 1.34; */ } #comparison .heading { background: #fff; -webkit-box-shadow: 0px 4px 12px -8px rgba(0,0,0,.3); box-shadow: 0px 4px 16px -8px rgba(0,0,0,.3); border-radius: 20px; display: block; margin-top: -30px; margin-bottom: 20px; padding: 24px 70px; text-align: center; cursor: default; } .compare-header{ font-size: 1.35rem; } #comparison a{ color: #069; } /* Terms & conditions */ .term-page p{ margin-bottom: 1rem; text-align: justify; } .term-page ol { counter-reset: item; margin-top: 0.5rem; margin-left: 0; padding-left: 2rem; } .term-page ul { margin-left: 2rem; } /* .term-page li{ display: block; margin-bottom: 1rem; text-align: justify; } .term-page li:before{ content: counters(item, ".") " "; counter-increment: item; margin-right: 0.25rem; } */ .term-page a{ color: #09C; } .term-page ul > li{ list-style-type: square; margin-left: 1rem; } p.term-label{ font-weight: 700; text-align: center; margin: 1.5rem; } ol.term-list{ padding-left: 0; } /* Prvy level */ .term-list > div > li{ display: block; margin-bottom: 1rem; text-align: justify; } .term-list > div > li:before{ content: counters(item, ".") ". "; counter-increment: item; margin-right: 0.25rem; } /* Druhy level */ .term-list > div > li > ol > li{ display: block; margin-bottom: 1rem; text-align: justify; } .term-list > div > li > ol > li:before{ content: counters(item, ".") ". "; counter-increment: item; margin-right: 0.25rem; } ol.term-list-latin{ counter-reset: list; } ol.term-list-latin > li { list-style: none; padding-left: 2rem; } ol.term-list-latin > li:before { content: "(" counter(list, lower-alpha) ") "; counter-increment: list; position: absolute; left: 5rem; } /* privacys & conditions */ .privacy-page p{ margin-bottom: 1rem; text-align: justify; } .privacy-page ol { counter-reset: item; margin-top: 0.5rem; margin-left: 0; padding-left: 2rem; } .privacy-page ul { margin-left: 2rem; } .privacy-page a{ color: #09C; } .privacy-page ul > li{ list-style-type: square; margin-left: 1rem; } p.privacy-label{ font-weight: 700; text-align: center; margin: 1.5rem; } ol.privacy-list{ padding-left: 0; } /* Prvy level */ .privacy-list > div > li{ display: block; margin-bottom: 1rem; text-align: justify; } .privacy-list > div > li:before{ /* content: counters(item, ".") ". "; */ content: counter(item, upper-roman) ". "; counter-increment: item; font-weight: bolder; margin-right: 0.25rem; } /* Druhy level */ .privacy-list > div > li > ol > li{ display: block; margin-bottom: 1rem; text-align: justify; } .privacy-list > div > li > ol > li:before{ content: counter(item, decimal) ". "; counter-increment: item; margin-right: 0.25rem; } /* Treti level */ .privacy-list > div > li > ol > li > ol > li{ display: block; margin-bottom: 1rem; text-align: justify; } .privacy-list > div > li > ol > li > ol > li:before{ content: counter(item, lower-latin) ". "; counter-increment: item; margin-right: 0.25rem; } ol.privacy-list-latin{ counter-reset: list; } ol.privacy-list-latin > li { list-style: none; padding-left: 2rem; } ol.privacy-list-latin > li:before { content: "(" counter(list, lower-alpha) ") "; counter-increment: list; position: absolute; left: 5rem; } #technical .heading { background: #fff; -webkit-box-shadow: 0px 4px 12px -8px rgba(0,0,0,.3); box-shadow: 0px 4px 16px -8px rgba(0,0,0,.3); border-radius: 20px; display: block; margin-top: -30px; margin-bottom: 20px; /* padding: 35px 90px; */ padding: 24px 70px; text-align: center; cursor: default; letter-spacing: -0.05rem; } .technical-label{ text-transform: uppercase; font-weight: 700; } #technical tr{ scroll-margin-top: 70px; } #footer .container > .row{ margin: 0 -15px; } #control a{ color:#00CCFF95; } #control a:focus, #control a:hover{ color:#0CF; } #banner .col-text .demo{ background-color: #FF0; } #footer{ font-size: 1rem; } #footer a{ color: #FFF; } #footer h4 { padding-bottom: 0; } #footer h5{ color: #FFF; } #footer .col-footer ul{ padding-left: 0; } #footer .copyright{ font-size: 0.85rem; } #footer .social a{ height: 48px; width: 48px; } .section-label { line-height: 1.7rem; scroll-margin-top: 140px; } @media (max-width: 991px) { .section-label .col-text { padding: 0 25px; } } @media (max-width: 399px) { .section-label .col-text { padding: 0 15px; } } .section-label .heading { background: #fff; box-shadow: 0px 0px 8px #00000029; border-radius: 20px; display: block; margin-top: -30px; margin-bottom: 20px; padding: 35px 90px; text-align: center; } @media (max-width: 991px) { .section-label .heading { padding: 20px 30px; } } @media (max-width: 399px) { .section-label .heading { padding: 20px 20px; } } .section-label .heading h2 { color: #000000; line-height: 3.88rem; } @media (max-width: 767px) { .section-label .heading h2 { font-size: 1.6rem; line-height: 3rem; } } @media (max-width: 575px) { .section-label .heading h2 { line-height: 2rem; } } @media (max-width: 399px) { .section-label .heading h2 { font-size: 1.4rem; } } .section-label .heading strong { display: block; font-size: 3.2rem; } @media (max-width: 1599px) { .section-label .heading strong { font-size: 3rem; } } @media (max-width: 1199px) { .section-label .heading strong { font-size: 2.6rem; } } @media (max-width: 575px) { .section-label .heading strong { font-size: 2.2rem; margin-bottom: 10px; } } @media (max-width: 575px) { .section-label .row-features { margin: 0; } } .section-label .col-feature { border-bottom: 1px solid #E5E5E5; padding: 50px 60px; } .section-label .col-feature:nth-child(6 + n) { border-bottom: none; } @media (max-width: 1199px) { .section-label .col-feature { padding: 40px 30px 25px; } } @media (max-width: 767px) { .section-label .col-feature { padding: 35px 25px 25px; } } @media (max-width: 575px) { .section-label .col-feature { padding: 35px 25px 20px; } .section-label .col-feature:last-child { border-bottom: 0; } } @media (max-width: 449px) { .section-label .col-feature { padding-left: 15px; padding-right: 15px; } } @media (max-width: 399px) { .section-label .col-feature { padding-left: 0; padding-right: 0; } } .section-label .col-feature .content { display: flex; flex-direction: column; align-items: center; } .section-label .col-feature .content .image { height: 146px; width: 146px; } .section-label .col-feature .content .text { margin-top: 35px; text-align: center; } .section-label .col-feature .content .text h2 { color: #006699; font-size: 2rem; } .section-label .col-feature .content .text p { padding: 40px 0; } @media (max-width: 767px) { .section-label .col-feature .content .text p { padding: 20px 0 30px; } } @media (max-width: 575px) { .section-label .col-feature .content .text p { padding: 20px 0 15px; } } a.demo:hover{ color: #0CF !important; } .text p{ font-size: 18px; line-height: 1.6; letter-spacing: 0.2px; } .text-big{ font-size: 1.25em; } a.logo{ margin-right: -16px; } #header .col-nav ul li a { display: block; padding: 18px 16px; } #header .col-nav ul li a.active span { font-weight: 700; } /* #header .col-nav ul li a.active span::before { transform: scaleX(1); } */ #banner .col-text, #banner .col-image { padding: 96px 0; } #control .col-text { font-size: 18px; } #about .content .col-text{ font-size: 18px; } #reference .text > p { text-align: left; } .btn-primary{ background-color: #00CCFF; } .text-big{ line-height: 1.75rem; } /* Image blur radius */ .img-radius-solution{ object-fit: cover; -webkit-mask-image: radial-gradient(circle, black 50%, transparent 75%); mask-image: radial-gradient(circle, black 50%, transparent 75%); background-color: white; border-radius: 50%; } /* --r: 25%; mask-image: radial-gradient(circle at top left, black 0, transparent var(--r), transparent calc(var(--r) + 1px)) , radial-gradient(circle at top right, black 0, transparent var(--r), transparent calc(var(--r) + 1px)) , radial-gradient(circle at bottom left, black 0, transparent var(--r), transparent calc(var(--r) + 1px)) , radial-gradient(circle at bottom right, black 0, transparent var(--r), transparent calc(var(--r) + 1px)) ; mask-composite: intersect; .img-radius-blur2{ object-fit: cover; -webkit-mask-image: radial-gradient(circle, black 0%, transparent 75%); mask-image: radial-gradient(circle, black 0%, transparent 75%); background-color: white; border-radius: 50%; } */ .nav-lang-links{ display: flex; flex-direction: row; margin-top: 20px; margin-bottom: 18px; gap: 12px; } /* .nav-lang-links > a{ margin-right: 12px; } */ .nav-lang-links > a > div{ width: 32px; height: 24px; margin-top: auto; margin-bottom: auto; /* box-sizing: content-box; */ box-shadow: 0 0 0.5px 1px #069; } .nav-lang-links > a > div.selected{ box-shadow: 0 0 8px 0 #0CF; } .nav-lang-links > a > div:hover{ box-shadow: 0 0 8px 0 #09C; } .icon-flag-sk { background-image: url('data:image/svg+xml;utf8, '); } .icon-flag-en { background-image: url('data:image/svg+xml;utf8, '); } /* Container */ .toast-container{ position: fixed; top: 16px; right: 24px; min-width: min(350px, calc(100vw - 32px)); max-width: 50%; /* z-index: 1000; */ } /* Mesage */ .toast{ cursor: pointer; min-height: 60px; max-height: 75%; min-width: 450px; background-color: rgb(242, 252, 255); border: 1.5px solid #00CCFF; border-radius: 10px; padding: 16px; font-size: 16px; --bs-toast-max-width: 100%; } .toast-header{ display: flex; align-items: center; background-color: transparent; border-bottom: 1px solid #00CCFF; /* padding: 0px;*/ } .toast-header:last-child { border: none; } /* Message icon */ .hx_msg_icon{ min-height: 32px; max-height: 32px; min-width: 32px; max-width: 32px; background-size: 32px 32px; background-position: 0 0; } /* Message label */ .hx_msg_label{ font-size: 16px; font-weight: 700; margin-left: 8px; margin-right: 8px; } .toast-body{ overflow: auto; scrollbar-width: thin; max-height: 50vh; padding-bottom: 0; } .toast-body > ul{ margin-bottom: 0px; padding-left: 1.5rem; } .toast-body > ul > li{ margin-bottom: 8px; } /* .toast-body > ul > li:last-child{ margin-bottom: 4px; } */ .toast-body > ul > li > pre{ font-size: 16px; line-height: 1.5rem; overflow: initial; margin-bottom: 0; } /* Button */ .btn{ display: block; font-weight: 600; font-size: 1rem; color: #069; background-color: #0CF; border-radius: 32px; border-color: #069; padding: 14px 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: uppercase; } .btn:hover{ color: #FFF; background-color: #0CF; } .icon-msg-success{ background-image:url('data:image/svg+xml;utf8,'); } .icon-msg-info{ background-image:url('data:image/svg+xml;utf8,'); } .icon-msg-warning{ background-image:url('data:image/svg+xml;utf8,'); } .icon-msg-error{ background-image:url('data:image/svg+xml;utf8,'); }