[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, -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;
    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] {
    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;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: lg;
    src: url(../fonts/lgb687.ttf?io9a6k) format("truetype"), url(../fonts/lgb687.woff?io9a6k) format("woff"), url(../fonts/lgb687.svg?io9a6k#lg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.lg-next,
.lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: 0;
    border: none
}

.lg-next.disabled,
.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    color: #fff
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: '\e095'
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: '\e094'
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    transition: color .2s linear;
    background: 0 0;
    border: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: '\e070'
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: '\e90a'
}

.lg-toolbar .lg-download:after {
    content: '\e0f2'
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-next,
.lg-closing .lg-prev,
.lg-closing .lg-sub-html,
.lg-closing .lg-toolbar {
    opacity: 0;
    transition: opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    opacity: 0;
    will-change: opacity;
    transition: opacity 250ms cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    display: inline-block;
    width: 100%;
    max-height: 350px
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: center
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
    text-align: left
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
    text-align: right
}

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none
}

.lg-outer .lg-thumb {
    padding: 5px 0;
    height: 100%;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle
}

@media (min-width:768px) {
    .lg-outer .lg-thumb {
        padding: 10px 0
    }
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    margin-bottom: 5px;
    will-change: border-color
}

@media (min-width:768px) {
    .lg-outer .lg-thumb-item {
        border-radius: 4px;
        border: 2px solid #fff;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
    content: '\e1ff'
}

.lg-outer.lg-animate-thumb .lg-thumb {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.lg-outer .lg-video-cont {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.lg-outer .lg-video-cont .lg-object {
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-has-iframe .lg-video-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-video-object {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 3
}

.lg-outer .lg-video-poster {
    z-index: 1
}

.lg-outer .lg-has-video .lg-video-object {
    opacity: 0;
    will-change: opacity;
    transition: opacity .3s ease-in
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
    opacity: 0 !important
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
    opacity: 1
}

@-webkit-keyframes lg-play-stroke {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes lg-play-stroke {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes lg-play-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lg-play-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.lg-video-play-button {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    will-change: opacity, transform;
    transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28);
    transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
    transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28)
}

.lg-video-play-button:hover .lg-video-play-icon,
.lg-video-play-button:hover .lg-video-play-icon-bg {
    opacity: 1
}

.lg-video-play-icon-bg {
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

.lg-video-play-icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: rgba(30, 30, 30, .9);
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200
}

.lg-video-play-icon {
    position: absolute;
    width: 25%;
    max-width: 120px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

.lg-video-play-icon .lg-video-play-icon-inner {
    fill: #fcfcfc
}

.lg-video-loading .lg-video-play-icon-circle {
    -webkit-animation: lg-play-rotate 2s linear .25s infinite, lg-play-stroke 1.5s ease-in-out .25s infinite;
    animation: lg-play-rotate 2s linear .25s infinite, lg-play-stroke 1.5s ease-in-out .25s infinite
}

.lg-video-loaded .lg-video-play-button {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    will-change: opacity;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: '\e01d'
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: '\e01a'
}

.lg-single-item .lg-autoplay-button {
    opacity: .75;
    pointer-events: none
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition-duration: 0s !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    will-change: opacity, transform;
    transition: opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s !important;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s !important;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-icon.lg-zoom-in:after {
    content: '\e311'
}

.lg-icon.lg-actual-size {
    font-size: 20px
}

.lg-icon.lg-actual-size:after {
    content: '\e033'
}

.lg-icon.lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-zoom-out:after {
    content: '\e312'
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-zoom-out,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-pager-outer {
    text-align: center;
    z-index: 1080;
    height: 10px;
    margin-bottom: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer.lg-single-item .lg-pager-outer {
    display: none
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    will-change: transform, opacity;
    transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer .lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
    transition-delay: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active .lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    will-change: visibility, opacity, transform;
    transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer .lg-share {
    position: relative
}

.lg-outer .lg-share:after {
    content: '\e80d'
}

.lg-outer .lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer .lg-share-facebook .lg-icon:after {
    content: '\e904'
}

.lg-outer .lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer .lg-share-twitter .lg-icon:after {
    content: '\e907'
}

.lg-outer .lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer .lg-share-pinterest .lg-icon:after {
    content: '\e906'
}

.lg-comment-box {
    width: 420px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    will-change: transform;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-comment-box .lg-comment-title {
    margin: 0;
    color: #fff;
    font-size: 18px
}

.lg-comment-box .lg-comment-header {
    background-color: #000;
    padding: 12px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.lg-comment-box .lg-comment-body {
    height: 100% !important;
    padding-top: 43px !important;
    width: 100% !important
}

.lg-comment-box .fb-comments {
    height: 100%;
    width: 100%;
    background: url(../404.html) no-repeat scroll center center #fff;
    overflow-y: auto;
    display: inline-block
}

.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
    background-image: none
}

.lg-comment-box .fb-comments > span {
    max-width: 100%
}

.lg-comment-box .lg-comment-close {
    position: absolute;
    right: 5px;
    top: 12px;
    cursor: pointer;
    font-size: 20px;
    color: #999;
    will-change: color;
    transition: color .2s linear
}

.lg-comment-box .lg-comment-close:hover {
    color: #fff
}

.lg-comment-box .lg-comment-close:after {
    content: '\e070'
}

.lg-comment-box iframe {
    max-width: 100% !important;
    width: 100% !important
}

.lg-comment-box #disqus_thread {
    padding: 0 20px
}

.lg-outer .lg-comment-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer .lg-comment-toggle:after {
    content: '\e908'
}

.lg-outer.lg-comment-active .lg-comment-overlay {
    transition-delay: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-comment-active .lg-comment-toggle {
    color: #fff
}

.lg-outer.lg-comment-active .lg-comment-box {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-img-rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right {
    opacity: .75;
    pointer-events: none
}

.lg-rotate-left:after {
    content: '\e900'
}

.lg-rotate-right:after {
    content: '\e901'
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
    font-size: 26px
}

.lg-flip-ver:after {
    content: '\e903'
}

.lg-flip-hor:after {
    content: '\e902'
}

.lg-medium-zoom-item {
    cursor: zoom-in
}

.lg-medium-zoom .lg-outer {
    cursor: zoom-out
}

.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
    cursor: zoom-out
}

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
    cursor: zoom-out
}

.lg-relative-caption .lg-outer .lg-sub-html {
    white-space: normal;
    bottom: auto;
    padding: 0;
    background-image: none
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
    opacity: 0;
    padding: 16px 0;
    transition: .5s opacity ease
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
    opacity: 1
}

.lg-group:after {
    content: '';
    display: table;
    clear: both
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-on {
    scroll-behavior: unset
}

.lg-hide-sub-html .lg-sub-html,
.lg-next,
.lg-pager-outer,
.lg-prev,
.lg-toolbar {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in .lg-prev,
.lg-show-in .lg-toolbar {
    opacity: 1
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: 0;
    will-change: auto;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-zoom-from-image {
    opacity: 1
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    outline: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0s;
    white-space: nowrap
}

.lg-outer .lg-item {
    will-change: transform, opacity;
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(../404.html) no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play-button {
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button {
    opacity: 1
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer[data-lg-slide-type=iframe] .lg-download,
.lg-outer[data-lg-slide-type=video] .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: '\e909'
}

.lg-components {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    transition: -webkit-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s, -webkit-transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.picgallery-xxl-alternative {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.picgallery-xxl-alternative li {
    margin: 0 0 2em;
    padding: 0
}

.picgallery-xxl-alternative figcaption {
    padding: .2em;
    text-align: center
}

.picgallery-xxl-alternative img {
    width: 100%
}

.lg-toolbar {
    background: 0 0
}

.lg-outer .lg-img-wrap {
    padding: 0 50px
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:651px) {
    .lg-sub-html {
        background: rgba(0, 0, 0, .5) url() no-repeat;
        background-size: 120px;
        background-position: 10px 5px;
        bottom: inherit !important;
        left: 50%;
        margin-left: 2px;
        min-height: 54px;
        min-width: 300px;
        padding-right: 10px;
        text-align: right;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: all .8s !important;
        z-index: 1070
    }
}

@media screen and (max-width:680px) {
    .lg-sub-html {
        bottom: 0 !important;
        left: 0;
        right: 0;
        top: inherit !important;
        -webkit-transform: none;
        transform: none;
        width: auto !important
    }

    .lg-actions,
    .lg-thumb-outer {
        display: none
    }

    .lg-outer .lg-img-wrap {
        padding: 0
    }
}

@font-face {
    font-display: swap;
    font-family: osolemio;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/osolemioultlig-webfont.eot);
    src: url(../fonts/osolemioultlig-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/osolemioultlig-webfont.woff2) format('woff2'), url(../fonts/osolemioultlig-webfont.woff) format('woff'), url(../fonts/osolemioultlig-webfont.ttf) format('truetype'), url(../fonts/osolemioultlig-webfont.svg#webfontregular) format('svg')
}

@font-face {
    font-display: swap;
    font-family: KarminaSans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/KarminaSans-Bold.eot);
    src: url(../fonts/KarminaSans-Boldd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/KarminaSans-Bold.woff2) format('woff2'), url(../fonts/KarminaSans-Bold.woff) format('woff'), url(../fonts/KarminaSans-Bold.svg) format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'KarminaSans Italic';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/KarminaSans-Italic.eot);
    src: url(../fonts/KarminaSans-Italicd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/KarminaSans-Italic.woff2) format('woff2'), url(../fonts/KarminaSans-Italic.woff) format('woff'), url(../fonts/KarminaSans-Italic.svg) format('svg')
}

@font-face {
    font-display: swap;
    font-family: KarminaSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/KarminaSans-Regular.eot);
    src: url(../fonts/KarminaSans-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../fonts/KarminaSans-Regular.woff2) format('woff2'), url(../fonts/KarminaSans-Regular.woff) format('woff'), url(../fonts/KarminaSans-Regular.svg) format('svg')
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

figure {
    margin: 0
}

em {
    font-style: normal;
    font-family: var(--sub-font-stack-italic)
}

figcaption {
    font-style: italic;
    font-family: var(--sub-font-stack-italic);
    margin: 5px 0 0
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

a.skiplink {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute !important
}

a.skiplink:active,
a.skiplink:focus {
    clip: auto;
    position: static !important
}

.anchor {
    position: absolute;
    margin-top: -60px
}

.cfweb-anchor {
    position: absolute;
    margin-top: -50vh
}

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.hidden,
[hidden] {
    display: none !important
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix::after,
.clearfix::before {
    content: " ";
    display: table
}

.clearfix::after {
    clear: both
}

@media screen and (min-width:1040px) {
    .anchor {
        margin-top: -85px
    }
}

@media print {

    *,
    ::after,
    ::before {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]::after {
        content: " ("attr(href) ")"
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

a[data-lightbox=true] {
    display: inline-block;
    position: relative;
    transition: all .4s
}

a[data-lightbox=true] .pic-wrapper {
    opacity: 1;
    transition: all .4s
}

a[data-lightbox=true]:focus .pic-wrapper,
a[data-lightbox=true]:hover .pic-wrapper {
    opacity: .6
}

a[data-lightbox=true]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgb(var(--main-light-color));
    content: '+';
    font-size: 50px;
    font-size: 5rem;
    line-height: 1;
    opacity: 0;
    transition: opacity .4s .4s;
    pointer-events: none;
    z-index: 1
}

a[data-lightbox=true]:focus:before,
a[data-lightbox=true]:hover:before {
    opacity: 1
}

a[data-lightbox=true]:after {
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, .3);
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 0 60px 0 0;
    pointer-events: none;
    transition: all .4s
}

a[data-lightbox=true]:focus:after,
a[data-lightbox=true]:hover:after {
    width: 100%;
    height: 100%
}

body.impressum table tr td:first-child {
    padding-right: 10px
}

label,
p.label {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 10px 0 3px
}

input,
select,
textarea {
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    color: #333;
    transition: border .8s, background .8s, color .8s
}

input:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border-color: #b2b2b2
}

textarea {
    height: 120px;
    padding: 5px 10px;
    width: 100%;
    -webkit-appearance: none
}

input {
    margin: 1px 0;
    padding: 10px;
    width: 100%
}

input[type=date] {
    min-height: 38px
}

input[type=date],
input[type=text] {
    -webkit-appearance: none
}

select {
    margin: 1px 0;
    padding: 9px 10px;
    width: 100%
}

.contactform,
.contactform.cols,
.impressum .content,
.impressum .heading,
.kontakt .heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
}

.impressum .content,
.impressum .heading {
    max-width: 960px
}

.impressum .content td,
.impressum .content tr:nth-child(2n) td {
    border: none;
    padding: 0 20px 10px 0
}

.contactform .buttons {
    margin: 2em 0 0;
    text-align: right
}

.contactform hr {
    border: 1px solid #a0a0a0;
    border-width: 1px 0 0 0;
    margin: 0 0 2em 0
}

.contactform-ta {
    width: 100%
}

.contactform-cb {
    float: none;
    padding: 10px 0 0
}

.contactform-cb label {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 15px 0 0;
    overflow: hidden;
    padding: 0
}

.contactform-cb input {
    background: 0 0;
    border: 0;
    float: left;
    margin: 3px 6px 0 0;
    vertical-align: middle;
    width: auto
}

.contactform-rb label {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 15px 0 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.contactform-rb input {
    background: 0 0;
    border: 0;
    display: inline-block;
    margin: 0 2px 0 0;
    vertical-align: middle;
    width: auto
}

.contactform-sl > div {
    display: inline-block;
    margin-right: 25px
}

#kkemail {
    display: none !important
}

.optional-data {
    margin-bottom: 1.5em;
    max-height: 0;
    overflow: hidden;
    transition: all 2s
}

.optional-button {
    background-color: #625f5a;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    padding: 5px 10px;
    vertical-align: middle
}

.optional-button:after {
    border: 3px solid #fff;
    border-radius: 2px;
    border-width: 0 3px 3px 0;
    content: '\00a0';
    display: inline-block;
    height: 6px;
    margin-left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: sub;
    width: 6px
}

#see-optional {
    display: none
}

#see-optional:checked + label {
    display: none
}

#see-optional:checked + label + .optional-data {
    max-height: 500px
}

.contactform .cols {
    margin-bottom: 15px
}

.cols-loginform .error {
    text-align: center
}

.cols.cols-form {
    margin-bottom: 15px;
    width: auto
}

.cols-form > div {
    position: relative
}

.cols-form > div:after,
.cols-form > div:before {
    content: '\00a0';
    opacity: 0;
    position: absolute;
    transition: opacity .8s
}

.has-error {
    position: relative
}

.has-error input,
.has-error textarea {
    border: 1px solid #cf4646
}

.has-error:after,
.has-error:before {
    background-color: #cf4646;
    border-radius: 2px;
    bottom: 14px;
    content: '\00a0';
    height: 14px;
    opacity: 1 !important;
    pointer-events: none;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 3px
}

.has-error:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.has-success {
    position: relative
}

.has-success input,
.has-success textarea {
    border: 1px solid #86a145
}

.has-success:after {
    border-style: solid;
    border-color: #86a145;
    border-width: 0 3px 3px 0;
    border-radius: 2px;
    bottom: 15px;
    content: '\00a0';
    height: 12px;
    opacity: 1 !important;
    pointer-events: none;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px
}

.error {
    color: #d80000;
    font-weight: 700
}

.success {
    background: rgb(var(--main-highlight-color));
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 20px 0 0;
    padding: 20px;
    text-align: center
}

.wwcookie-buttons .wwcookie-button-2 {
    letter-spacing: normal
}

a.button,
a.button-brown,
a.button-cta,
button,
button.button-brown,
button.button-cta {
    position: relative;
    background-color: transparent;
    color: rgb(var(--main-dark-color));
    border: 1px solid rgb(var(--main-brown-color));
    border-radius: 0 31px 0 0;
    cursor: pointer;
    display: inline-block;
    font-family: var(--sub-font-stack);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .15em;
    padding: 17px 40px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 1
}

a.button-brown.extern,
a.button-cta.extern,
a.button.extern,
button.button-brown.extern,
button.button-cta.extern,
button.extern {
    padding-right: 50px
}

a.button-brown.extern:after,
a.button-cta.extern:after,
a.button.extern:after,
button.button-brown.extern:after,
button.button-cta.extern:after,
button.extern:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: url(../images/extern-icon-c66d6e2f63.svg) no-repeat center;
    background-size: contain;
    display: inline-block
}

.cols-wrapper:not(.customstyle-bg-dark) a.button.extern:after,
.cols-wrapper:not(.customstyle-bg-dark) button.extern:after {
    background: url(../images/extern-icon-dark-821f0e987e.svg) no-repeat center;
    background-size: contain
}

.cols-wrapper:not(.customstyle-bg-dark) a.button.extern:hover:after,
.cols-wrapper:not(.customstyle-bg-dark) button.extern:hover:after {
    background: url(../images/extern-icon-c66d6e2f63.svg) no-repeat center;
    background-size: contain
}

.customstyle-bg-dark a.button.extern:hover:after,
.customstyle-bg-dark button.extern:hover:after {
    background: url(../images/extern-icon-dark-821f0e987e.svg) no-repeat center;
    background-size: contain
}

.customstyle-bg-dark a.button,
.customstyle-bg-dark button {
    color: rgb(var(--main-light-color));
    border-color: rgb(var(--main-light-color))
}

a.button:focus,
a.button:hover,
button:focus,
button:hover {
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color))
}

.customstyle-bg-dark a.button:focus,
.customstyle-bg-dark a.button:hover,
.customstyle-bg-dark button:focus,
.customstyle-bg-dark button:hover {
    background-color: rgb(var(--main-light-color));
    color: rgb(var(--main-brown-color))
}

a.button-cta,
button.button-cta {
    border-color: rgb(var(--main-highlight-color));
    background: linear-gradient(260deg, #2f6b75 0, #032e37 100%) 99% 0;
    background-size: 400% 100%;
    color: rgb(var(--main-light-color))
}

a.button-cta:focus,
a.button-cta:hover,
button.button-cta:focus,
button.button-cta:hover {
    color: rgb(var(--main-light-color));
    background-size: 120% 100%;
    text-decoration: underline
}

a.button-brown,
button.button-brown {
    border-color: rgb(var(--main-brown-color));
    background: linear-gradient(260deg, #a5875f 0, #826744 100%) 99% 0;
    background-size: 400% 100%;
    color: rgb(var(--main-light-color))
}

a.button-brown:focus,
a.button-brown:hover,
button.button-brown:focus,
button.button-brown:hover {
    color: rgb(var(--main-light-color));
    background-size: 120% 100%;
    text-decoration: underline
}

.cfweb-cb {
    display: inline-block;
    margin-right: 20px
}

#disable-matomo {
    padding: 0 !important
}

@media screen and (min-width:640px) {
    .content a.button {
        display: inline-block
    }

    .content a.button + a.button {
        display: inline-block;
        margin-left: 30px
    }
}

.contact-lock {
    box-sizing: content-box;
    color: #c8c8c8;
    display: inline-block;
    margin-right: -15px;
    position: relative;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transform-origin: left 20%;
    transform-origin: left 20%;
    vertical-align: middle;
    width: 32px
}

.contact-lock:before {
    border: 3px solid;
    border-radius: 10px;
    content: '\00a0';
    display: block;
    height: 18px;
    margin: 0 auto;
    position: relative;
    width: 20px
}

.contact-lock:after {
    background: #c8c8c8;
    border-radius: 6px;
    content: '\00a0';
    display: block;
    height: 24px;
    margin: -10px auto;
    position: relative
}

.contact-lock .keyhole {
    left: 50%;
    position: absolute;
    top: 15px;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: 1
}

.contact-lock .keyhole:before {
    background: #fff;
    border-radius: 50%;
    content: '\00a0';
    display: block;
    height: 8px;
    margin: .3em auto 0;
    position: relative;
    width: 8px
}

.contact-lock .keyhole:after {
    background: #fff;
    border-radius: 0;
    content: '\00a0';
    display: block;
    height: 8px;
    margin: -.1em auto 0;
    position: relative;
    width: 4px
}

.contact-calendar {
    border-radius: 4px;
    border-style: solid;
    border-width: 4px 2px 2px;
    bottom: 0;
    box-sizing: border-box;
    color: #767676;
    direction: ltr;
    font-style: normal;
    height: 28px;
    margin: 5px 1px 1px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left;
    text-indent: -9999px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 32px
}

.contact-calendar:after,
.contact-calendar:before {
    content: '\00a0';
    pointer-events: none;
    position: absolute;
    width: 4px
}

.contact-calendar:before {
    box-shadow: inset 0 0 0 32px, 6px 0, 12px 0, 18px 0, 0 6px, 6px 6px, 12px 6px, 18px 6px, 0 12px, 6px 12px, 12px 12px, 18px 12px;
    height: 4px;
    left: 3px;
    top: 3px
}

.contact-calendar:after {
    border-radius: 4px;
    box-shadow: inset 0 0 0 32px, 16px 0;
    height: 8px;
    left: 4px;
    top: -8px
}

input:focus + .calendar {
    color: #333
}

.casa-btn-group {
    display: -webkit-flex !important;
    display: flex !important
}

.casa-wdg .checkbox input[type=checkbox],
.casa-wdg .checkbox-inline input[type=checkbox],
.casa-wdg .radio input[type=radio],
.casa-wdg .radio-inline input[type=radio] {
    width: auto
}

.wwcookie-text {
    max-height: 250px;
    overflow: auto
}

@media screen and (min-width:1040px) {
    body.impressum table tr td:first-child {
        padding-right: 70px
    }
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 94%;
    max-width: 1100px;
    height: 70%;
    max-height: 650px;
    background: #fefefe;
    overflow-y: auto;
    border: 2px solid #f0f0f0;
    transition: all .4s;
    box-shadow: 0 5px 12px 2px rgba(0, 0, 0, .45);
    z-index: 5
}

.popup.closed {
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    visibility: hidden
}

.popup.fixed-popup {
    position: fixed;
    z-index: 99
}

.popup-content {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 60px 25px
}

.popup-custom img {
    max-width: 100%
}

.popup-heading {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 0 0 5px
}

.popup-subheading {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 .7em
}

.popup-text {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 1em
}

.popup.popup-hidden {
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.popup-close {
    position: fixed;
    top: 15px;
    right: 15px;
    cursor: pointer;
    height: 18px;
    width: 22px;
    z-index: 30
}

.popup-close {
    position: absolute
}

.popup-close > div {
    position: relative;
    height: 3px;
    width: 100%;
    background: #050505;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    transition: all .1s linear
}

.popup-close > div:after,
.popup-close > div:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    background: #050505;
    transition: all .2s linear
}

.popup-close > div:before {
    top: -7px
}

.popup-close > div:after {
    bottom: -7px
}

.popup-close > div {
    background: 0 0
}

.popup-close > div:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 0
}

.popup-close > div:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0
}

.popup {
    max-width: 840px
}

.popup-content {
    padding: 25px
}

.popup-heading {
    font-weight: 900;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px rgb(var(--main-dark-color)) solid
}

.popup-close > div:after,
.popup-close > div:before {
    background-color: rgb(var(--main-dark-color))
}

.popup {
    height: -webkit-fit-content;
    height: fit-content;
    max-height: 90vh
}

.popup .btn-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 10px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:840px) {
    .popup-content {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .popup-default {
        width: 100%
    }

    .popup-custom,
    .popup-default.popup-split {
        width: 48.83%
    }

    .popup-close {
        top: 25px;
        right: 30px
    }
}

.wwmodule-list-heading {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 10 3 4;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-chars: 10 3 4;
    hyphenate-limit-lines: 4;
    line-height: 1.2;
    word-wrap: break-word;
    text-transform: none
}

.a11y-slider-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 9px
}

.a11y-slider-dots li,
.a11y-slider-dots ul {
    padding: 0;
    margin: 0
}

.a11y-slider-dots button {
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid rgb(var(--main-light-color));
    padding: 0;
    margin: 0;
    font-size: 9px;
    line-height: 1
}

.a11y-slider-dots button.active {
    background-color: rgb(var(--main-light-color))
}

.ww-slider {
    margin: 0 20px;
    position: relative
}

.ww-slider button.a11y-slider-next,
.ww-slider button.a11y-slider-prev {
    background: no-repeat 0 0;
    background-size: contain;
    border: 0;
    height: 42px;
    margin: -25px 0 0;
    position: absolute;
    text-indent: -999em;
    top: 50%;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    width: 22px;
    padding: 0;
    -webkit-clip-path: none;
    clip-path: none
}

.col-module_SitesComponents .ww-slider button.a11y-slider-next,
.col-module_SitesComponents .ww-slider button.a11y-slider-prev {
    top: 68px
}

.ww-slider button.a11y-slider-next:focus,
.ww-slider button.a11y-slider-next:hover,
.ww-slider button.a11y-slider-prev:focus,
.ww-slider button.a11y-slider-prev:hover {
    outline: initial;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ww-slider button.a11y-slider-prev {
    background-image: url(../404.html);
    left: -20px
}

.ww-slider button.a11y-slider-next {
    background-image: url(../404.html);
    right: -20px
}

.ww-slider li {
    margin: 0;
    padding: 0 20px;
    text-align: center
}

.ww-slider li img {
    margin: 20px auto
}

.ww-slider li div {
    margin: 0 auto
}

.col.col-module_ContactForms {
    max-width: 960px;
    margin: 0 auto
}

.wwmodule-list li,
.wwmodule-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.wwmodule-list li {
    margin: 0 0 2em
}

.wwmodule-list li > a:only-child {
    display: block
}

.wwmodule-list li h2,
.wwmodule-list li h3 {
    margin: 0 0 .5em;
    padding: 0
}

.table-container {
    overflow-x: auto;
    margin: 0 0 40px;
    padding: 0 0 20px
}

table.wwprices {
    border-collapse: collapse;
    width: 100%
}

table.wwprices td,
table.wwprices th {
    background: #ddd;
    border: 2px solid #fff;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

table.wwprices th {
    background: #333;
    color: #fff
}

table.wwprices td:first-child,
table.wwprices td[colspan] {
    background: #ccc;
    text-align: left
}

table.wwprices td.wwprices-price {
    font-size: .8em
}

table.wwprices td.wwprices-price .wwprices-mainprice {
    font-size: 1.6em
}

.table-container {
    overflow-x: auto;
    margin: 0 0 40px;
    padding: 0 0 20px
}

table.wwprices {
    border-collapse: collapse;
    width: 100%
}

table.wwprices td,
table.wwprices th {
    background: #ddd;
    border: 2px solid #fff;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

table.wwprices th {
    background: #333;
    color: #fff
}

table.wwprices td:first-child,
table.wwprices td[colspan] {
    background: #ccc;
    text-align: left
}

table.wwprices td.wwprices-price {
    font-size: .8em
}

table.wwprices td.wwprices-price .wwprices-mainprice {
    font-size: 1.6em
}

.cols-full .wwsitescomponent.ww-grid {
    width: 89%;
    margin: 0 auto;
    max-width: 1640px
}

.wwsitescomponent.ww-grid ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 40px
}

.wwsitescomponent.ww-grid li {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0;
    text-align: center;
    -webkit-order: 1;
    order: 1
}

.wwsitescomponent.ww-grid li.no-media {
    -webkit-order: 2;
    order: 2;
    height: auto;
    max-height: 400px;
    overflow: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.wwsitescomponent.ww-grid li > a {
    display: block;
    width: 100%;
    height: 100%
}

.wwsitescomponent.ww-grid li > .wwmodule-list-title {
    font-weight: 200;
    font-size: 38px;
    font-size: 3.8rem;
    font-family: var(--main-font-stack);
    color: rgb(var(--main-brown-color));
    margin-bottom: 20px
}

.wwsitescomponent.ww-grid li:not(.no-media):after {
    content: '';
    height: 67.5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(var(--main-brown-color), 1) 0, rgba(46, 46, 44, .34) 73%, rgba(var(--main-dark-color), 0) 100%);
    opacity: .85;
    pointer-events: none;
    -webkit-filter: grayscale(1) brightness(.4);
    filter: grayscale(1) brightness(.4);
    transition: all .4s
}

.wwsitescomponent.ww-grid .wwmodule-list-pic {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0 60px 0 0;
    overflow: hidden
}

.wwsitescomponent.ww-grid .wwmodule-list-pic img,
.wwsitescomponent.ww-grid .wwmodule-list-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wwsitescomponent.ww-grid li:not(.no-media) .wwmodule-list-title {
    position: absolute;
    bottom: 70px;
    left: 30px;
    margin: 0;
    padding: 0;
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-light-color));
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    z-index: 2
}

.wwsitescomponent.ww-grid li:not(.no-media) .wwmodule-list-description {
    position: absolute;
    bottom: 25px;
    left: 30px;
    margin: 0;
    padding: 0;
    color: rgb(var(--main-light-color));
    font-size: 40px;
    font-size: 4rem;
    font-family: var(--main-font-stack);
    font-weight: 200;
    line-height: 1;
    text-transform: lowercase;
    z-index: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.wwsitescomponent.ww-grid .wwmodule-list-description,
.wwsitescomponent.ww-grid .wwmodule-list-description a {
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-dark-color))
}

.wwsitescomponent.ww-grid li.no-media .wwmodule-list-description {
    max-width: 350px
}

.wwsitescomponent.ww-grid li:not(.no-media) .wwmodule-list-description > p {
    margin: 0;
    padding: 0;
    line-height: 1
}

.wwsitescomponent.ww-swiper .swiper {
    padding-left: 20px;
    padding-right: 20px
}

.wwsitescomponent.ww-swiper .wwmodule-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin: 0
}

.wwsitescomponent.ww-swiper .wwmodule-list-pic {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 18px;
    width: 100%;
    min-height: 60px
}

.wwsitescomponent.ww-swiper .wwmodule-list-pic img {
    border-radius: 0
}

.customstyle-bg-dark .wwsitescomponent.ww-swiper .wwmodule-list-description,
.customstyle-bg-dark .wwsitescomponent.ww-swiper .wwmodule-list-title {
    color: rgb(var(--main-light-color))
}

.wwsitescomponent.ww-swiper .wwmodule-list-title {
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-dark-color));
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.wwsitescomponent.ww-swiper .wwmodule-list-description {
    font-family: var(--main-font-stack);
    color: rgb(var(--main-dark-color));
    font-size: 40px;
    font-size: 4rem;
    font-weight: 200;
    margin: 0;
    line-height: 1
}

.wwsitescomponent.ww-swiper .wwmodule-list-description > p {
    line-height: 1;
    margin: 0
}

.wwsitescomponent.ww-swiper .swiper-button-next,
.wwsitescomponent.ww-swiper .swiper-button-prev {
    top: 15%
}

.wwsitescomponent.ww-swiper .swiper-button-next:after,
.wwsitescomponent.ww-swiper .swiper-button-prev:after {
    font-size: 30px;
    font-size: 3rem;
    color: rgb(var(--main-dark-color))
}

.customstyle-bg-dark .wwsitescomponent.ww-swiper .swiper-button-next:after,
.customstyle-bg-dark .wwsitescomponent.ww-swiper .swiper-button-prev:after {
    color: rgb(var(--main-light-color))
}

.cols-wrapper.customstyle-special-SitesComponents-list .cols {
    max-width: 1640px
}

.customstyle-special-SitesComponents-list .wwsitescomponent.ww-list ul {
    gap: 50px 20px
}

.customstyle-special-SitesComponents-list .wwsitescomponent.ww-list .wwmodule-list-pic {
    height: 350px;
    margin-bottom: 0
}

.customstyle-special-SitesComponents-list .wwsitescomponent.ww-list .wwmodule-list-pic img {
    border-radius: 0 60px 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.customstyle-special-SitesComponents-list.customstyle-top-half-bg-dark:after {
    height: 35%
}

.cols-wrapper.customstyle-special-SitesComponents-slider .cols-100 .col-txt {
    padding-bottom: 40px
}

.cols-wrapper.customstyle-special-SitesComponents-slider .cols-100 .col-txt .h3-like,
.cols-wrapper.customstyle-special-SitesComponents-slider .cols-100 .col-txt .h3-like > *,
.cols-wrapper.customstyle-special-SitesComponents-slider .cols-100 .col-txt p {
    margin: 0
}

.cols-wrapper.customstyle-special-SitesComponents-slider {
    padding-bottom: 0
}

.cols-wrapper.customstyle-special-SitesComponents-slider:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--sub-light-color));
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    pointer-events: none
}

.cols-wrapper.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper {
    padding-bottom: var(--col-padding)
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-pic {
    height: 300px;
    width: 85%;
    margin-bottom: 30px
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-pic picture {
    height: 100%;
    width: 100%
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-pic img,
.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-next,
.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-prev {
    display: block;
    width: auto;
    height: auto;
    top: 30%
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-prev {
    left: 0
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-next {
    right: 0
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-next:after,
.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-prev:after {
    font-size: 25px;
    font-size: 2.5rem
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-title {
    text-transform: none;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center;
    width: 100%
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-description {
    font-family: var(--sub-font-stack);
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left
}

.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-description,
.customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-description > p {
    line-height: 1.5
}

.wwsitescomponent.ww-list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    gap: 50px 30px
}

.wwsitescomponent.ww-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0
}

.wwsitescomponent.ww-list .wwmodule-list-pic {
    margin-bottom: 20px
}

.wwsitescomponent.ww-list .wwmodule-list-title {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: var(--sub-font-stack);
    text-transform: uppercase;
    color: rgba(var(--main-dark-color));
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1
}

.customstyle-bg-dark .wwsitescomponent.ww-list .wwmodule-list-title {
    color: rgba(var(--main-light-color))
}

.wwsitescomponent.ww-list .wwmodule-list-description {
    font-size: 38px;
    font-size: 3.8rem;
    color: rgba(var(--main-brown-color));
    text-transform: lowercase;
    font-family: var(--main-font-stack);
    line-height: 1;
    max-height: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wwsitescomponent.ww-list .wwmodule-list-description > p {
    margin: 0;
    line-height: 1
}

.wwmodule-issuu-frame > div {
    width: 100% !important;
    height: 400px !important
}

@media only screen and (min-width:480px) {
    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list li {
        width: 47%
    }
}

@media only screen and (min-width:768px) {
    .wwmodule-routeplanner .cols-100 {
        margin: 0
    }

    .wwmodule-routeplanner .cols-100 .col {
        margin: 0
    }

    .wwmodule-routeplanner .wwmodule-list-heading {
        text-align: left
    }

    .wwsitescomponent.ww-grid li {
        width: 47%;
        height: 450px
    }

    .wwsitescomponent.ww-grid li.no-media {
        max-height: 450px
    }

    .wwsitescomponent.ww-list li {
        width: 47%;
        margin: 0 auto
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list li {
        width: 31%
    }

    .wwmodule-issuu-frame > div {
        height: 600px !important
    }

    .customstyle-special-SitesComponents-list.customstyle-top-half-bg-dark:after {
        height: 45%
    }
}

@media only screen and (min-width:1040px) {
    .wwsitescomponent.ww-grid ul {
        gap: 0 40px
    }

    .wwsitescomponent.ww-grid li {
        width: 30%
    }

    .wwsitescomponent.ww-grid li:nth-child(3n) {
        margin-top: 40px
    }

    .wwsitescomponent.ww-grid li:nth-child(3n+2) {
        margin-top: 80px
    }

    .wwsitescomponent.ww-grid li.no-media {
        -webkit-order: 1;
        order: 1
    }

    .wwsitescomponent.ww-grid li > .wwmodule-list-title {
        font-size: 6.4rem
    }

    .wwsitescomponent.ww-grid .wwmodule-list-pic:focus img,
    .wwsitescomponent.ww-grid .wwmodule-list-pic:hover img,
    .wwsitescomponent.ww-grid .wwmodule-list-video:focus video,
    .wwsitescomponent.ww-grid .wwmodule-list-video:hover video {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .wwsitescomponent.ww-grid li:focus:not(.no-media, .no-link):after,
    .wwsitescomponent.ww-grid li:hover:not(.no-media, .no-link):after {
        -webkit-filter: none;
        filter: none
    }

    .wwsitescomponent.ww-list .wwmodule-list-pic {
        margin-bottom: 35px
    }

    .wwsitescomponent.ww-list .wwmodule-list-title {
        margin-bottom: 10px
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list ul {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list li {
        width: 23%
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list li:nth-child(2n) {
        margin-bottom: -60px
    }

    .customstyle-special-SitesComponents-list.customstyle-top-half-bg-dark:after {
        height: 65%
    }

    .wwsitescomponent.ww-swiper .wwmodule-list-title {
        font-size: 1.2rem
    }

    .wwsitescomponent.ww-swiper .wwmodule-list-description {
        font-size: 3rem
    }

    .cols-wrapper.customstyle-special-SitesComponents-slider .cols-100 .col-txt {
        padding-bottom: 75px
    }

    .customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-pic {
        height: 370px
    }

    .ww-slider.swiper .swiper-slide {
        opacity: 1
    }

    .ww-slider.swiper .swiper-slide.swiper-slide-prev {
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    .ww-slider.swiper .swiper-slide.swiper-slide-next {
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .ww-slider {
        margin: 0 80px
    }

    .ww-slider li div {
        max-width: 90%
    }

    .ww-slider button.a11y-slider-next,
    .ww-slider button.a11y-slider-prev {
        height: 92px;
        width: 48px
    }

    .ww-slider button.a11y-slider-prev {
        left: -60px
    }

    .ww-slider button.a11y-slider-next {
        right: -60px
    }
}

@media screen and (min-width:1200px) {
    .wwsitescomponent.ww-list li {
        width: 29%
    }
}

@media only screen and (min-width:1440px) {
    .wwsitescomponent.ww-grid ul {
        gap: 0 80px
    }

    .wwsitescomponent.ww-grid li {
        width: 28%;
        height: 500px
    }

    .wwsitescomponent.ww-grid li.no-media {
        max-height: 500px
    }

    .wwsitescomponent.ww-swiper .swiper {
        padding-left: 0;
        padding-right: 0
    }

    .wwsitescomponent.ww-swiper .wwmodule-list li {
        text-align: left;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .wwsitescomponent.ww-swiper .wwmodule-list-pic {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .wwsitescomponent.ww-swiper .wwmodule-list-title {
        font-size: 1.4rem
    }

    .wwsitescomponent.ww-swiper .wwmodule-list-description {
        font-size: 4rem
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list .wwmodule-list-pic {
        height: 480px
    }

    .customstyle-special-SitesComponents-list .wwsitescomponent.ww-list li:nth-child(2n) {
        margin-bottom: -120px;
        bottom: -60px
    }

    .customstyle-special-SitesComponents-list.customstyle-top-half-bg-dark:after {
        height: 35%
    }

    .customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .wwmodule-list-pic {
        width: 100%;
        height: 460px
    }

    .customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-next,
    .customstyle-special-SitesComponents-slider .wwsitescomponent.ww-swiper .swiper-button-prev {
        top: inherit;
        bottom: 150px
    }
}

@media only screen and (min-width:1700px) {
    .wwsitescomponent.ww-grid ul {
        gap: 0 120px
    }

    .wwsitescomponent.ww-grid li:nth-child(3n) {
        margin-top: 85px
    }

    .wwsitescomponent.ww-grid li:nth-child(3n+2) {
        margin-top: 160px
    }

    .wwsitescomponent.ww-grid li {
        height: 600px
    }

    .wwsitescomponent.ww-grid li.no-media {
        max-height: 600px
    }
}

@media only screen and (min-width:1800px) {
    .cols-wrapper.customstyle-special-SitesComponents-slider:after {
        width: 92.7%
    }
}

.col-module_SocialMediaWall ol {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 30px;
    padding: 0;
    margin: 0
}

.col-module_SocialMediaWall li {
    position: relative;
    margin: 0;
    width: 100%
}

.smw-pic img {
    height: 270px;
    width: 100%;
    object-fit: cover
}

.smw-content {
    display: none;
    background: rgba(var(--main-light-color), 1);
    color: rgba(var(--main-dark-color), 1);
    padding: 25px 16px
}

.smw-content a {
    text-decoration: none
}

body.smw-overview .smw-content {
    display: block;
    background-color: rgb(var(--sub-light-color))
}

body.smw-overview .smw-content a {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: break-word
}

.smw-heading {
    color: rgb(var(--main-dark-color));
    margin-bottom: 20px
}

.smw-heading > a,
.smw-heading > a:focus,
.smw-heading > a:hover {
    color: rgb(var(--main-dark-color))
}

.smw-date {
    display: none
}

.smw-link {
    padding-top: 20px
}

.smw-link > a {
    position: relative;
    background-color: transparent;
    color: rgb(var(--main-dark-color));
    border: 1px solid rgb(var(--main-brown-color));
    border-radius: 0 31px 0 0;
    cursor: pointer;
    display: inline-block;
    font-family: var(--sub-font-stack);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .15em;
    padding: 17px 40px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 1
}

.smw-link > a:focus,
.smw-link > a:hover {
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color))
}

.smw-icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.smw-icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.smw-icon svg path {
    fill: rgba(var(--main-light-color), 1)
}

.smw-button {
    margin-top: 30px;
    text-align: center
}

.customstyle-smw-preview .cols-50-50 {
    max-width: 1530px
}

.customstyle-smw-preview .cols-50-50 .col-module_SocialMediaWall {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

.customstyle-smw-preview .cols-50-50 .col-module_SocialMediaWall ol {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 0
}

.customstyle-smw-preview .cols-50-50 .smw-item {
    display: none
}

.customstyle-smw-preview .cols-50-50 .smw-item img {
    border-radius: 0 !important
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1),
.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2),
.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3),
.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(4) {
    display: block
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1) {
    width: 43.33%;
    margin-left: 5.55%;
    margin-bottom: 8px
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1) img {
    height: 150px
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2) {
    width: 48.88%;
    margin-bottom: 8px;
    margin-left: auto
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2) img {
    height: 210px
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3) {
    width: 48.88%;
    margin-top: -60px
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3) img {
    height: 210px
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(4) {
    width: 35.27%;
    margin-left: auto;
    margin-right: 13.88%
}

.customstyle-smw-preview .cols-50-50 .smw-item:nth-child(4) img {
    height: 130px
}

.customstyle-smw-preview .smw-button a.button {
    border: none;
    padding: 0;
    text-decoration: underline;
    color: rgba(var(--main-dark-color), .7)
}

.customstyle-smw-preview .smw-button a.button:focus,
.customstyle-smw-preview .smw-button a.button:hover {
    background-color: transparent;
    color: rgba(var(--main-dark-color), .7);
    text-decoration: none
}

@media only screen and (min-width:640px) {
    .col-module_SocialMediaWall li {
        width: 46%
    }
}

@media only screen and (min-width:768px) {
    .customstyle-smw-preview .cols-50-50 .col-module_SocialMediaWall {
        margin-left: 0;
        margin-right: 0
    }

    .customstyle-smw-preview .cols-50-50 .col:first-child {
        width: 41.8%
    }

    .customstyle-smw-preview .cols-50-50 .col:last-child {
        width: 53.6%
    }

    .customstyle-smw-preview .smw-button {
        text-align: right
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1) {
        width: 36.58%;
        margin-left: 12.19%
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2),
    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3) {
        width: 48.78%
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(4) {
        width: 29.26%;
        margin-right: 19.51%
    }
}

@media only screen and (min-width:840px) {
    .col-module_SocialMediaWall ol {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .smw-pic img {
        height: auto;
        max-height: 400px
    }
}

@media only screen and (min-width:1040px) {
    .col-module_SocialMediaWall li {
        width: 30%
    }
}

@media only screen and (min-width:1440px) {

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1),
    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2) {
        margin-bottom: 18px
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(1) img {
        height: 300px
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(2) img {
        height: 400px
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3) {
        margin-top: -100px
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(3) img {
        height: 400px
    }

    .customstyle-smw-preview .cols-50-50 .smw-item:nth-child(4) img {
        height: 250px
    }
}

@media only screen and (min-width:1800px) {
    .col.col-module_SocialMediaWall {
        width: 100%
    }

    .col-module_SocialMediaWall li {
        width: 23%
    }

    .customstyle-smw-preview .cols-50-50 {
        margin-left: 12.76%
    }
}

.col-module_FAQ h2 {
    text-align: center
}

.accordion-item {
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(var(--sub-light-color))
}

.accordion-item > * {
    padding: 20px
}

.accordion-item + .accordion-item {
    margin-top: 10px
}

.accordion-content {
    margin: 0;
    display: none;
    padding-top: 0;
    color: rgb(var(--main-dark-color))
}

.accordion-content p:last-child {
    margin-bottom: 0
}

.accordion-heading,
.accordion-heading h3 {
    font-size: 22px;
    font-size: 2.2rem;
    color: rgb(var(--main-dark-color));
    padding-right: 60px;
    position: relative;
    text-align: left;
    cursor: pointer;
    margin-bottom: 0;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400
}

.accordion-heading:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%);
    background: url(../images/arrow-faq-dark-fff0570860.svg) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    transition: all .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.accordion-heading.active:after {
    -webkit-transform: translate(-20px, -50%) rotate(90deg);
    transform: translate(-20px, -50%) rotate(90deg)
}

@media only screen and (min-width:1040px) {
    .accordion-item > * {
        padding: 20px 50px
    }

    .accordion-content {
        padding-bottom: 60px
    }

    .col-module_FAQ h2 {
        margin-bottom: 60px
    }
}

@media only screen and (min-width:1440px) {

    .accordion-heading,
    .accordion-heading h3 {
        font-size: 2.4rem
    }
}

.customstyle-bg-dark .cols-100 .col-module_CustomerQuotes {
    margin-top: calc((var(--col-padding) + 30px) * -1)
}

.col-module_CustomerQuotes .ww-swiper .swiper ul {
    padding: 0 0 55px
}

.cols-100 .col-module_CustomerQuotes .ww-swiper .swiper li {
    margin-bottom: 20px
}

.col-module_CustomerQuotes .ww-swiper .wwmodule-list-pic {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.cols-100 .col-module_CustomerQuotes .ww-swiper .wwmodule-list-pic {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: fit-content
}

.col-module_CustomerQuotes .wwmodule-list-pic img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 100% !important
}

.col-module_CustomerQuotes .ww-swiper .wwmodule-list-description {
    font-family: var(--sub-font-stack);
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: none;
    margin-bottom: 35px;
    text-align: left
}

.cols-100 .col-module_CustomerQuotes .ww-swiper .wwmodule-list-description {
    text-align: center
}

.col-module_CustomerQuotes .ww-swiper .wwmodule-list-description,
.col-module_CustomerQuotes .ww-swiper .wwmodule-list-description > p {
    line-height: 1.5;
    font-family: var(--sub-font-stack-italic)
}

.col-module_CustomerQuotes .ww-swiper .wwmodule-list-title {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    letter-spacing: normal
}

.cols-100 .col-module_CustomerQuotes .ww-swiper .wwmodule-list-title {
    text-align: center
}

.col-module_CustomerQuotes .ww-swiper .swiper .swiper-pagination {
    text-align: center
}

.col-module_CustomerQuotes .ww-swiper .swiper .swiper-button-next,
.col-module_CustomerQuotes .ww-swiper .swiper .swiper-button-prev {
    display: none
}

@media screen and (min-width:768px) {
    .col-module_CustomerQuotes .ww-swiper .swiper ul {
        padding: 0 0 40px
    }

    .cols-100 .col-module_CustomerQuotes .ww-swiper .swiper li {
        margin-bottom: 50px
    }

    .col-module_CustomerQuotes .ww-swiper .wwmodule-list-description {
        margin-bottom: 50px
    }

    .col-module_CustomerQuotes .ww-swiper .wwmodule-list-description {
        font-size: 2.2rem
    }

    .col-module_CustomerQuotes .ww-swiper .wwmodule-list-title {
        font-size: 1.6rem
    }

    .col-module_CustomerQuotes .ww-swiper .swiper .swiper-pagination {
        text-align: left
    }

    .cols-100 .col-module_CustomerQuotes .ww-swiper .swiper .swiper-pagination {
        text-align: center
    }
}

.ww-list.wwuniversalrooms-objects ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ww-list.wwuniversalrooms-objects li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 60px 0
}

.ww-list.wwuniversalrooms-objects li:after {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    pointer-events: none
}

.ww-list.wwuniversalrooms-objects li:nth-child(odd):after {
    background: rgb(var(--main-dark-color))
}

.ww-list .wwuniversalrooms-objects-heading-wrapper {
    margin-bottom: 25px
}

.ww-list .wwuniversalrooms-objects-heading,
.ww-list .wwuniversalrooms-objects-heading a {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-family: var(--main-font-stack);
    color: rgb(var(--main-brown-color));
    text-decoration: none;
    margin-bottom: 5px;
    /*text-transform: lowercase;*/
    line-height: 1.2;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-lines: 4;
    word-wrap: break-word
}

.ww-list .wwuniversalrooms-objects-subheading {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em
}

.ww-list .wwuniversalrooms-objects-pic-wrapper {
    margin-bottom: 25px
}

.ww-list.wwuniversalrooms-objects .wwuniversalrooms-objects-pic-wrapper img {
    border-radius: 0 50px 0 0;
    height: 250px;
    width: 100%;
    object-fit: cover
}

.ww-list .wwuniversalrooms-objects-teaser {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 25px
}

.ww-list .wwuniversalrooms-objects-button {
    width: 100%;
    max-width: 320px;
    padding: 15px
}

@media only screen and (min-width:480px) {
    .ww-list.wwuniversalrooms-objects .wwuniversalrooms-objects-pic-wrapper img {
        height: 350px
    }
}

@media only screen and (max-width:1039px) {
    .ww-list.wwuniversalrooms-objects li:nth-child(odd) {
        color: rgb(var(--main-light-color))
    }

    .ww-list.wwuniversalrooms-objects li:nth-child(odd) .wwuniversalrooms-objects-heading,
    .ww-list.wwuniversalrooms-objects li:nth-child(odd) .wwuniversalrooms-objects-heading a {
        color: rgb(var(--main-light-color))
    }

    .ww-list.wwuniversalrooms-objects li:nth-child(odd) .wwuniversalrooms-objects-button {
        color: rgb(var(--main-light-color));
        border-color: rgb(var(--main-light-color))
    }

    .ww-list.wwuniversalrooms-objects li:nth-child(odd) .wwuniversalrooms-objects-button:focus,
    .ww-list.wwuniversalrooms-objects li:nth-child(odd) .wwuniversalrooms-objects-button:hover {
        border-color: rgb(var(--main-light-color));
        background-color: rgb(var(--main-light-color));
        color: rgb(var(--main-brown-color))
    }
}

@media only screen and (min-width:1040px) {
    .ww-list.wwuniversalrooms-objects ul {
        row-gap: 100px;
        margin-top: 70px
    }

    .ww-list.wwuniversalrooms-objects li {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 60px 0 0
    }

    .ww-list.wwuniversalrooms-objects li:after {
        background: rgb(var(--sub-light-color)) !important;
        width: 82%;
        margin: 0;
        left: -7%;
        height: 250px
    }

    .ww-list .wwuniversalrooms-objects-heading-wrapper,
    .ww-list .wwuniversalrooms-objects-pic-wrapper {
        margin-bottom: 0
    }

    .ww-list .wwuniversalrooms-objects-heading-wrapper {
        width: 25.14%;
        margin-top: 50px
    }

    .ww-list .wwuniversalrooms-objects-heading,
    .ww-list .wwuniversalrooms-objects-heading a {
        font-size: 3.8rem;
        margin-bottom: 10px;
        line-height: 1
    }

    .ww-list .wwuniversalrooms-objects-subheading {
        font-size: 1.5rem
    }

    .ww-list .wwuniversalrooms-objects-pic-wrapper {
        width: 40.5%
    }

    .ww-list .wwuniversalrooms-objects-content-wrapper {
        width: 25.14%;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .ww-list .wwuniversalrooms-objects-teaser {
        font-size: 2.8rem
    }

    .ww-list .wwuniversalrooms-objects-button {
        max-width: 300px;
        padding: 30px 15px;
        border-radius: 0 50px 0 0
    }
}

@media only screen and (min-width:1440px) {
    .ww-list.wwuniversalrooms-objects ul {
        row-gap: 200px;
        margin-top: 150px
    }

    .ww-list.wwuniversalrooms-objects .wwuniversalrooms-objects-pic-wrapper img {
        height: 590px
    }

    .ww-list.wwuniversalrooms-objects li:after {
        height: 400px
    }

    .ww-list .wwuniversalrooms-objects-heading,
    .ww-list .wwuniversalrooms-objects-heading a {
        font-size: 5.4rem
    }
}

.col-module_UniversalRooms_detail > .cols-wrapper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

.col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic img {
    height: 420px;
    object-fit: cover
}

.col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic .pic-info {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 80%
}

.wwuniversalrooms-detail-description,
.wwuniversalrooms-detail-head,
.wwuniversalrooms-detail-subhead {
    text-align: center
}

div.wwuniversalrooms-detail-description,
div.wwuniversalrooms-detail-subhead {
    margin-bottom: 40px
}

.wwuniversalrooms-detail-description > p {
    margin: 0
}

.wwuniversalrooms-detail-slider {
    margin-bottom: 25px;
    height: -webkit-fit-content;
    height: fit-content
}

.wwuniversalrooms-detail-slider .swiper {
    overflow: visible
}

.wwuniversalrooms-detail-slider img {
    height: 240px;
    width: 100%;
    object-fit: cover
}

.wwuniversalrooms-detail-slider .swiper-pagination {
    display: none
}

.wwuniversalrooms-detail-slider .swiper-button-prev {
    left: -25px
}

.wwuniversalrooms-detail-slider .swiper-button-next {
    right: -25px
}

.wwuniversalrooms-detail-slider .swiper-button-next,
.wwuniversalrooms-detail-slider .swiper-button-prev {
    color: rgb(var(--main-dark-color));
    opacity: 1
}

.wwuniversalrooms-detail-slider .swiper-button-next:after,
.wwuniversalrooms-detail-slider .swiper-button-prev:after {
    font-size: 25px;
    font-size: 2.5rem
}

a.wwuniversalrooms-detail-back {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .15em;
    color: rgb(var(--main-light-color))
}

a.wwuniversalrooms-detail-back:focus,
a.wwuniversalrooms-detail-back:hover {
    color: rgb(var(--main-light-color))
}

a.wwuniversalrooms-detail-back:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgb(var(--main-brown-color));
    transition: all .4s
}

a.wwuniversalrooms-detail-back:focus:after,
a.wwuniversalrooms-detail-back:hover:after {
    width: 0
}

.wwuniversalrooms-detail-equipment-wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 75px 0 80px;
    color: rgb(var(--main-light-color))
}

.wwuniversalrooms-detail-equipment-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: calc(100% + 110px);
    background-color: rgb(var(--main-dark-color));
    z-index: -1;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

.wwuniversalrooms-detail-equipment-heading {
    margin-bottom: 25px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-family: var(--main-font-stack)
}

.wwuniversalrooms-detail-equipment ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 1.5
}

.wwuniversalrooms-detail-equipment li {
    position: relative
}

.wwuniversalrooms-detail-equipment li:before {
    /* content: url('../images/list.png'); */
     content: '';
    display: inline-block;
    width: 20px;   /* adjust */
    height: 20px;  /* adjust */
    background-image: url('../images/list.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.wwuniversalrooms-detail-price-heading {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-family: var(--main-font-stack);
    color: rgb(var(--main-brown-color));
    margin: 60px 0 40px;
    line-height: 1
}

.wwuniversalrooms-detail-footer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 85px
}

.wwuniversalrooms-detail-footer-info {
    margin-bottom: 50px
}

.wwuniversalrooms-detail-footer-button-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-column-gap: 25px;
    column-gap: 25px
}

.wwuniversalrooms-detail-footer-button-wrapper > a {
    width: 150px;
    padding: 17px 10px
}

.col-module_UniversalRooms_detail .wwuniversalrooms-detail-rooms-preview > .cols-33-33-33[data-count-items="2"] {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

@media only screen and (min-width:480px) {
    .wwuniversalrooms-detail-slider img {
        height: 400px;
        border-radius: 0 !important
    }

    .wwuniversalrooms-detail-slider .swiper-button-prev {
        left: -35px
    }

    .wwuniversalrooms-detail-slider .swiper-button-next {
        right: -35px
    }
}

@media only screen and (min-width:768px) {
    .col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic img {
        height: 250px
    }
}

@media only screen and (min-width:1040px) {
    div.wwuniversalrooms-detail-head {
        margin: 0 0 20px
    }

    div.wwuniversalrooms-detail-subhead {
        margin-bottom: 50px
    }

      div.wwuniversalrooms-detail-description {
        max-width: 70%;
        margin: 0 auto;
    }

    div.wwuniversalrooms-detail-description:after {
        content: '';
        width: 1px;
        height: 100px;
        display: block;
        background-color: rgb(var(--main-brown-color));
        margin: 40px auto 10px
    }

    .wwuniversalrooms-detail-slider {
        margin-bottom: 50px
    }

    .wwuniversalrooms-detail-slider img {
        height: 600px
    }

    .wwuniversalrooms-detail-slider .swiper-button-next:after,
    .wwuniversalrooms-detail-slider .swiper-button-prev:after {
        font-size: 3rem
    }

    a.wwuniversalrooms-detail-back {
        font-size: 1.3rem;
        margin: 0 0 0 auto
    }

    .wwuniversalrooms-detail-equipment-wrapper {
        padding: 85px 0 100px
    }

    .wwuniversalrooms-detail-equipment-heading {
        font-size: 6.4rem
    }

    .wwuniversalrooms-detail-equipment {
        font-size: 2.1rem
    }

    .wwuniversalrooms-detail-equipment-wrapper:after {
        height: calc(100% + 200px)
    }

    .wwuniversalrooms-detail-price-heading {
        margin: 80px 0 50px;
        font-size: 6.4rem
    }

    .wwuniversalrooms-detail-footer {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-column-gap: 30px;
        column-gap: 30px
    }

    .wwuniversalrooms-detail-footer-info {
        margin-bottom: 0
    }

    .col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic img {
        height: 370px
    }
}

@media only screen and (min-width:1440px) {
    .wwuniversalrooms-detail-slider img {
        height: 700px
    }

    .wwuniversalrooms-detail-slider .swiper-button-prev {
        left: -60px
    }

    .wwuniversalrooms-detail-slider .swiper-button-next {
        right: -60px
    }

    .wwuniversalrooms-detail-equipment-wrapper {
        padding: 85px 0 185px
    }

    .wwuniversalrooms-detail-equipment {
        font-size: 2.4rem
    }

    .wwuniversalrooms-detail-price-heading {
        margin: 120px 0 70px
    }

    .wwuniversalrooms-detail-footer {
        margin-bottom: 140px
    }

    .col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic img {
        height: 600px
    }

    .col-module_UniversalRooms_detail > .cols-wrapper .cols-33-33-33 .col-pic .pic-info {
        max-width: 60%
    }
}

@media only screen and (min-width:1700px) {
    .wwuniversalrooms-detail-slider .swiper-button-prev {
        left: -100px
    }

    .wwuniversalrooms-detail-slider .swiper-button-next {
        right: -100px
    }
}

.wwuniversalrooms-detail-pricetable-box,
.wwuniversalrooms-detail-pricetable-container,
.wwuniversalrooms-detail-pricetable-item,
.wwuniversalrooms-detail-pricetable-prices-wrapper,
.wwuniversalrooms-detail-pricetable-season-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.wwuniversalrooms-detail-pricetable-container {
    margin-bottom: 40px
}

.wwuniversalrooms-detail-pricetable-season {
    position: relative;
    background-color: rgb(var(--sub-light-color));
    text-align: center;
    padding: 40px 5px 30px;
    cursor: pointer;
    transition: all .4s
}

.wwuniversalrooms-detail-pricetable-season:not(:first-child) {
    margin-top: 10px
}

.wwuniversalrooms-detail-pricetable-season:after {
    content: '';
    background: url(../images/icons/arrow-brown-rooms-fd50d22c43.svg) center no-repeat;
    background-size: contain;
    display: block;
    width: 18px;
    height: 11px;
    margin: 0 auto;
    transition: all .4s
}

.wwuniversalrooms-detail-pricetable-season-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.wwuniversalrooms-detail-pricetable-season-period {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 20px
}

.wwuniversalrooms-detail-pricetable-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: rgb(var(--sub-light-color));
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    height: 0;
    opacity: 0;
    transition: all .4s ease-in-out
}

.wwuniversalrooms-detail-pricetable-box.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    height: auto;
    opacity: 1;
    margin-bottom: 20px;
    padding-bottom: 30px
}

.wwuniversalrooms-detail-pricetable-item {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 5px
}

.wwuniversalrooms-detail-pricetable-item:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgb(var(--main-brown-color));
    width: 140px;
    height: 1px
}

.wwuniversalrooms-detail-pricetable-box .wwuniversalrooms-detail-pricetable-item:first-child {
    padding-top: 0
}

.wwuniversalrooms-detail-pricetable-price {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700
}

.wwuniversalrooms-detail-pricetable-category {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (min-width:1040px) {
    .wwuniversalrooms-detail-pricetable-prices-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wwuniversalrooms-detail-pricetable-season {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-order: 1;
        order: 1;
        padding: 35px 0 0;
        background-color: transparent
    }

    .wwuniversalrooms-detail-pricetable-season:not(:last-child):not(:nth-child(5)) {
        border-right: 1px solid rgb(var(--main-brown-color))
    }

    .wwuniversalrooms-detail-pricetable-season.active,
    .wwuniversalrooms-detail-pricetable-season:focus,
    .wwuniversalrooms-detail-pricetable-season:hover {
        background-color: rgb(var(--sub-light-color))
    }

    .wwuniversalrooms-detail-pricetable-season:not(:first-child) {
        margin-top: 0
    }

    .wwuniversalrooms-detail-pricetable-box {
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-order: 2;
        order: 2
    }

    .wwuniversalrooms-detail-pricetable-box.active {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .wwuniversalrooms-detail-pricetable-item {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: 40px 5px !important
    }

    .wwuniversalrooms-detail-pricetable-item:not(:last-child):after {
        display: none
    }

    .wwuniversalrooms-detail-pricetable-season-title {
        font-size: 1.5rem
    }

    .wwuniversalrooms-detail-pricetable-season-period {
        margin-bottom: 30px
    }

    .wwuniversalrooms-detail-pricetable-season:after {
        margin-top: auto;
        opacity: 0
    }

    .wwuniversalrooms-detail-pricetable-season.active:after {
        opacity: 1
    }
}

.wellness-application-cat + .wellness-application-cat {
    margin-top: 50px
}

.wellness-application-cat-title {
    position: relative;
    background: rgb(var(--sub-light-color));
    padding: 20px;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: var(--sub-font-stack);
    text-transform: none;
    cursor: pointer
}

.wellness-application-cat-title:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%);
    background: url(../images/arrow-faq-dark-fff0570860.svg) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    transition: all .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.wellness-application-cat-title.active:after {
    -webkit-transform: translate(-20px, -50%) rotate(90deg);
    transform: translate(-20px, -50%) rotate(90deg)
}

.customstyle-bg-dark .wellness-application-cat-title {
    background: rgb(var(--sub-brown-color))
}

.wellness-application-cat-description,
.wellness-application-cat-items {
    display: none
}

.wellness-application-itm {
    padding-top: 0;
    margin-top: 40px
}

.wellness-application-itm + .wellness-application-itm {
    border-top: 2px dotted rgb(var(--main-dark-color));
    padding-top: 40px;
    margin-top: 40px
}

.customstyle-bg-dark .wellness-application-itm + .wellness-application-itm {
    border-top: 2px dotted rgb(var(--main-light-color))
}

.wellness-application-itm-header {
    margin-bottom: 10px
}

.wellness-application-itm-title {
    color: rgb(var(--main-brown-color));
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 19px;
    font-size: 1.9rem;
    padding-top: 0
}

.wellness-application-itm-time {
    width: -webkit-max-content;
    width: max-content;
    display: inline-block
}

.wellness-application-itm-price {
    font-weight: 700;
    display: inline-block;
    margin-left: 10px;
    float: right
}

table.wellness-application-variants {
    width: 100%
}

.wellness-application-itm-pic {
    display: none
}

.wellness-application-cat-description {
    margin-top: 10px
}

.wellness-application-variant-price {
    font-weight: 900
}

.wellness-application-variant-price,
.wellness-application-variant-time {
    text-align: right
}

.wellness-application-variants td {
    min-width: 70px
}

@media only screen and (min-width:600px) {
    .wellness-application-itm-header > * {
        display: inline
    }

    .wellness-application-itm-time:not(.no-time):before {
        content: '|';
        margin: 0 5px
    }

    .wellness-application-itm-price {
        float: right
    }
}

@media only screen and (min-width:1040px) {
    .wellness-application-cat-title {
        padding: 25px 50px
    }

    .wellness-application-cat-items {
        padding: 0 50px
    }

    .wellness-application-itm {
        display: -webkit-flex;
        display: flex;
        gap: 20px;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .wellness-application-itm-pic {
        display: block
    }

    .wellness-application-itm-pic {
        min-width: 180px;
        width: 180px
    }

    .wellness-application-itm-container {
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .wellness-application-description {
        width: 80%
    }

    .wellness-application-itm-header {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1440px) {
    .wellness-application-description {
        width: 90%
    }
}

.ww-masonry a,
.ww-masonry li,
.ww-masonry ul {
    display: block;
    margin: 0;
    padding: 0
}

.ww-masonry li:not(.grid-sizer) {
    margin-bottom: 10px
}

.cols .ww-masonry li img {
    border-radius: 0
}

.cols .ww-masonry li a[data-lightbox=true]:after {
    border-radius: 0
}

@media only screen and (min-width:768px) {
    .ww-masonry li {
        width: calc(25% - 10px)
    }
}

.wwweather-day-today-date {
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    margin: 0
}

.wwweather-day-heading {
    text-transform: none;
    text-align: center;
    margin: 0 0 10px
}

.wwweather-ext {
    font-size: 20px;
    font-size: 2rem
}

.wwweather-ext svg {
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    width: 32px
}

.wwweather-today .wwweather-temperature span {
    vertical-align: top
}

.wwweather-day:not(.wwweather-today) .wwweather-temperature strong {
    font-size: 1.4em;
    line-height: 1
}

.wwweather-today .wwweather-temperature strong {
    font-size: 2em;
    line-height: 1;
    display: inline-block;
    margin-right: 5px
}

.wwweather-future-container {
    padding: 30px 10px;
    background: #f5f4f4;
    max-width: none;
    margin: 0 auto
}

.wwweather-currentdata-nav {
    margin-bottom: 20px
}

.wwweather-currentdata-nav a {
    font-weight: 700;
    text-decoration: none;
    color: rgba(var(--main-dark-color));
    padding: 5px 10px;
    position: relative
}

.wwweather-currentdata-nav a:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #878787;
    opacity: 0;
    transition: all .3s
}

.wwweather-currentdata-nav a.active:after {
    bottom: -2px;
    opacity: 1
}

.wwweather-currentdata-content {
    display: none
}

.wwweather-currentdata-content.active {
    display: block
}

.wwweather-currentdata-content table {
    width: 100% !important
}

.wwweather-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    gap: 30px
}

.wwweather-icon {
    width: auto;
    max-width: 200px
}

.wwweather-icon svg {
    width: 100%;
    height: 100%
}

.wwweather-future-icon svg *,
.wwweather-icon svg * {
    fill: #323232
}

.wwweather-ext-rain {
    margin-bottom: 5px
}

.wwweather-today-data {
    width: auto
}

.wwweather-temperature-minMax-wrapper {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 5px
}

.wwweather-temperature-minMax-wrapper span strong {
    font-size: 30px;
    font-size: 3rem
}

.wwweather-temperature-minMax-breakline {
    font-size: 20px;
    font-size: 2rem
}

.wwweather-temperature {
    font-size: 70px;
    font-size: 7rem;
    line-height: 1;
    margin-bottom: 20px
}

.wwweather-future {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px;
    min-width: 30%
}

.wwweather-future:not(:last-child) {
    border-right: 1px solid #c2c2c2
}

h3.wwweather-future-heading {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.wwweather-future-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.wwweather-future-icon img,
.wwweather-future-icon svg {
    width: 100%;
    height: auto;
    object-fit: contain
}

.wwweather-future-date {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    line-height: 1;
    font-size: 20px;
    font-size: 2rem
}

.wwweather-future-date > span:first-child {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
}

.wwweather-future-date-full {
    display: none
}

.wwweather-future-icon {
    width: 50%;
    max-width: 80px;
    max-height: 100px;
    margin: 20px 0
}

.wwweather-future-rain {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    gap: 5px
}

.wwweather-future-rain > svg {
    width: 20%;
    max-width: 30px
}

.wwweather-future-rain > span {
    font-size: 15px;
    font-size: 1.5rem
}

.wwweather-future-temp {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 5px;
    width: 100%;
    font-family: var(--main-font-stack);
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 10px
}

.wwweather-future-temp .wwweather-future-temp-min {
    font-size: 80%
}

.wwweather-future-temp .wwweather-future-temp-max {
    font-weight: 700
}

.wwweather-future-temp .wwweather-future-temp-breakline {
    font-size: 15px;
    font-size: 1.5rem
}

.wwweather-currentdata {
    display: none !important
}

@media screen and (min-width:1024px) {
    .wwweather-day-today-date {
        margin: 0
    }

    .wwweather-future-date {
        font-size: 3rem
    }

    .wwweather-future-rain > span {
        font-size: 3rem
    }

    .wwweather-future-temp {
        font-size: 3.5rem
    }

    .wwweather-future-temp .wwweather-future-temp-breakline {
        font-size: 3rem
    }
}

@media screen and (min-width:1440px) {
    .wwweather-day-today-date {
        font-size: 2vw;
        margin: 0
    }

    .wwweather-ext {
        font-size: 3.2rem
    }

    .wwweather-ext svg {
        height: 32px;
        margin: 0 25px 0 0;
        width: 32px
    }

    .wwweather-content {
        margin-bottom: 30px;
        gap: 60px
    }

    .wwweather-temperature-minMax-wrapper {
        font-size: 2.6rem
    }

    .wwweather-temperature-minMax-wrapper span strong {
        font-size: 3.2rem
    }

    .wwweather-temperature-minMax-breakline {
        font-size: 3.4rem
    }

    .wwweather-temperature {
        font-size: 11rem;
        font-family: var(--main-font-stack);
        margin-bottom: 20px
    }

    .wwweather-future-container {
        padding: 60px 15px
    }

    h3.wwweather-future-heading {
        font-size: 3.6rem;
        margin-bottom: 80px
    }

    .wwweather-future {
        padding: 0 2vw
    }

    .wwweather-future-date {
        font-size: 2.3vw
    }

    .wwweather-future-date > span:first-child {
        margin: 0
    }

    .wwweather-future-date-short {
        display: none !important
    }

    .wwweather-future-date-full {
        display: block;
        font-size: 2vw;
        font-weight: 700
    }

    .wwweather-future-date-number {
        font-size: 1.6vw
    }

    .wwweather-future-icon {
        max-width: 110px;
        margin: 20px 0 30px
    }

    .wwweather-future-rain {
        gap: 10px
    }

    .wwweather-future-rain > svg {
        width: 15%;
        max-width: none
    }

    .wwweather-future-rain > span {
        font-size: 1.5vw
    }

    .wwweather-future-temp {
        margin-bottom: 30px
    }

    .wwweather-future-temp {
        font-size: 2.3vw
    }

    .wwweather-future-temp .wwweather-future-temp-breakline {
        font-size: 2.3vw
    }
}

@media only screen and (min-width:2000px) {
    .wwweather-day-today-date {
        font-size: 2vw
    }

    .wwweather-day-heading {
        font-size: 4vw;
        margin-bottom: 60px
    }

    .wwweather-ext {
        font-size: 2vw
    }

    .wwweather-ext svg {
        height: 100px;
        margin: 0 40px 0 0;
        width: 100px
    }

    .wwweather-content {
        padding-bottom: 160px;
        margin-bottom: 160px
    }

    .wwweather-temperature-minMax-wrapper {
        font-size: 1.5vw
    }

    .wwweather-temperature-minMax-wrapper span strong {
        font-size: 2vw
    }

    .wwweather-temperature-minMax-breakline {
        font-size: 2vw
    }

    .wwweather-temperature {
        font-size: 4vw;
        margin-bottom: 40px
    }

    .wwweather-future {
        margin-bottom: 40px
    }

    h3.wwweather-future-heading {
        font-size: 2vw
    }

    .wwweather-future-date {
        font-size: 2.3vw
    }

    .wwweather-future-rain > span {
        font-size: 2.3vw
    }

    .wwweather-future-temp {
        font-size: 2.3vw
    }

    .wwweather-future-temp .wwweather-future-temp-breakline {
        font-size: 2.3vw
    }
}

.col-module_JobExchange ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.col-module_JobExchange li > a {
    background-color: rgb(var(--sub-light-color));
    padding: 40px 20px;
    margin: 0;
    text-decoration: none;
    transition: all .4s
}

.col-module_JobExchange img {
    border-radius: 0 !important;
    margin-bottom: 30px;
    max-height: 200px;
    width: 100%;
    object-fit: cover
}

.col-module_JobExchange .module_JobExchange-heading {
    margin-bottom: 15px
}

.col-module_JobExchange .module_JobExchange-heading > h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: var(--sub-font-stack);
    text-transform: none;
    color: rgb(var(--main-dark-color));
    text-decoration: none;
    margin: 0;
    transition: all .4s
}

.col-module_JobExchange .module_JobExchange-heading > h2 > .smallinfo {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 500
}

.col-module_JobExchange .module_JobExchange-link {
    display: block;
    margin: 0 0 0 auto;
    padding: 0;
    width: 15px;
    height: 30px;
    background: url(../images/arrow-jobs-brown-dfbcc1ed54.svg) no-repeat center;
    background-size: contain;
    border-radius: 0;
    border: none;
    transition: all .4s
}

.col-module_JobExchange .jobs-separator {
    margin: 0 5px
}

.col-module_JobExchange .jobs-separator:nth-child(2) {
    display: block
}

@media only screen and (min-width:480px) {
    .col-module_JobExchange img {
        max-height: 200px
    }
}

@media only screen and (min-width:768px) {
    .col-module_JobExchange li > a {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        border-radius: 0 50px 0 0
    }

    .col-module_JobExchange img {
        width: 20%;
        margin-bottom: 0;
        margin-right: 20px
    }

    .col-module_JobExchange .module_JobExchange-link {
        margin: 0 0 0 auto
    }

    .col-module_JobExchange .module_JobExchange-heading {
        margin-bottom: 0
    }

    .col-module_JobExchange .jobs-gender {
        margin-left: 5px
    }

    .col-module_JobExchange .module_JobExchange-heading > h2 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center
    }

    .col-module_JobExchange .jobs-separator {
        display: inline-block;
        width: 1px;
        height: 50px;
        background-color: rgb(var(--main-dark-color));
        margin: 0 20px;
        transition: all .4s
    }
}

@media only screen and (min-width:1040px) {
    .col-module_JobExchange li > a {
        padding: 20px
    }

    .col-module_JobExchange img {
        margin-right: 50px
    }

    .col-module_JobExchange li:focus .module_JobExchange-heading > h2,
    .col-module_JobExchange li:hover .module_JobExchange-heading > h2 {
        color: rgb(var(--main-light-color))
    }

    .col-module_JobExchange li > a:focus,
    .col-module_JobExchange li > a:hover {
        background-color: rgb(var(--main-brown-color))
    }

    .col-module_JobExchange li > a:focus .module_JobExchange-link,
    .col-module_JobExchange li > a:hover .module_JobExchange-link {
        background: url(../images/arrow-jobs-white-730d0bef0d.svg) no-repeat center;
        background-size: contain
    }

    .col-module_JobExchange li > a:focus .jobs-separator,
    .col-module_JobExchange li > a:hover .jobs-separator {
        background-color: rgb(var(--main-light-color))
    }
}

@media only screen and (min-width:1440px) {
    .col-module_JobExchange li > a {
        padding: 40px
    }
}

.jobs-detail-container {
    position: relative;
    z-index: 2;
    background: rgb(var(--main-light-color))
}

.jobs-detail #b-1 {
    padding: 0 !important
}

.jobs-detail > .topslider-wrapper {
    display: none
}

body.job.jobs-detail .swiper-heading {
    bottom: 50px
}

.jobs-detail .swiper-job-type {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1640px;
    width: 89%;
    color: rgb(var(--main-light-color));
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 !important;
    z-index: 5
}

@media only screen and (min-width:1040px) {
    .jobs-detail .swiper-job-type {
        bottom: 65px;
        font-size: 2rem
    }
}

.jobs-prefooter-container {
    position: relative;
    z-index: 2;
    background-color: rgb(var(--main-dark-color))
}

.jobs-prefooter-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1430px;
    margin: 0 auto;
    width: 89%;
    padding: 60px 0 80px
}

.jobs-prefooter-pic {
    width: 250px;
    height: 250px;
    margin-bottom: 20px
}

.jobs-prefooter-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.jobs-prefooter-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.jobs-prefooter-heading {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 200;
    font-family: var(--main-font-stack);
    line-height: 1
}

.jobs-prefooter-heading,
.jobs-prefooter-name,
a.jobs-prefooter-phone {
    color: rgb(var(--main-light-color));
    margin-bottom: 15px;
    text-decoration: none
}

.jobs-prefooter-contact {
    margin-bottom: 30px
}

.jobs-prefooter-name {
    line-height: 1;
    font-size: 22px;
    font-size: 2.2rem
}

.jobs-prefooter-name span {
    display: none
}

a.jobs-prefooter-phone:focus,
a.jobs-prefooter-phone:hover {
    color: rgb(var(--main-light-color))
}

.jobs-prefooter-parallax {
    position: relative;
    width: 100%;
    height: 600px;
    background: url() no-repeat center;
    background-size: cover
}

.jobs-prefooter-parallax:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(45, 45, 45, .4);
    pointer-events: none
}

.jobs-prefooter-parallax:after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(var(--main-light-color))
}

@media only screen and (min-width:768px) {
    .jobs-prefooter-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 30px;
        column-gap: 30px
    }

    .jobs-prefooter-pic {
        margin-bottom: 0
    }

    .jobs-prefooter-content {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        text-align: left;
        max-width: 60%
    }
}

@media only screen and (min-width:1040px) {
    .jobs-prefooter-wrapper {
        padding: 140px 0;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .jobs-prefooter-pic {
        width: 300px;
        height: 300px;
        margin-top: -230px
    }

    .jobs-prefooter-heading {
        font-size: 6.4rem;
        margin-bottom: 30px
    }

    .jobs-prefooter-contact {
        display: -webkit-flex;
        display: flex
    }

    .jobs-prefooter-name {
        font-size: 2.4rem
    }

    .jobs-prefooter-name span {
        display: inline-block;
        margin: 0 30px
    }

    .jobs-prefooter-name,
    a.jobs-prefooter-phone {
        margin-bottom: 0
    }

    a.jobs-prefooter-button {
        padding: 17px 75px
    }

    .jobs-prefooter-parallax {
        height: 850px
    }

    .jobs-prefooter-parallax:after {
        height: 100px
    }
}

@media screen and (min-width:1200px) {
    .jobs-prefooter-wrapper {
        -webkit-column-gap: 60px;
        column-gap: 60px
    }
}

@media only screen and (min-width:1600px) {
    .jobs-prefooter-parallax {
        background-attachment: fixed
    }
}

.cols-full .cols-100 .col.col-module_News {
    width: 89%;
    max-width: 1640px;
    margin: 0 auto
}

.cols-full .cols-100 .col.col-module_News .swiper-wrapper {
    padding-bottom: 50px
}

.col-module_News .card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.col-module_News .card-categories {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color));
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 5px 8px
}

.col-module_News .card-pic img {
    max-height: 300px;
    width: 100%;
    object-fit: cover
}

.col-module_News .card-content {
    padding: 10px 10px 40px;
    background-color: rgb(var(--sub-light-color))
}

.col-module_News .card-date {
    display: none
}

.col-module_News .card-title,
.col-module_News .card-title h2 {
    text-decoration: none;
    line-height: 1
}

.col-module_News .pause-play-button {
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: inherit
}

.col-module_News .pause-play-button:after,
.col-module_News .pause-play-button:before {
    background-color: rgb(var(--main-brown-color))
}

.col-module_News .pause-play-button.is-paused:before {
    border-color: transparent transparent transparent rgb(var(--main-brown-color))
}

@media screen and (min-width:480px) {
    .col-module_News .card-content {
        padding: 20px 20px 40px
    }
}

@media screen and (min-width:768px) {
    .col-module_News .card-pic img {
        max-height: 400px
    }
}

@media screen and (min-width:1200px) {
    .col-module_News .card {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .col-module_News .card-content,
    .col-module_News .card-pic {
        width: 47.37%
    }

    .col-module_News .card-categories {
        left: 20px;
        top: 50px
    }

    .col-module_News .card-pic {
        margin-bottom: 50px
    }

    .col-module_News .card-pic img {
        max-height: none;
        height: 100%
    }

    .col-module_News .card-content {
        margin-top: 50px;
        padding: 50px 20px 40px;
        box-sizing: border-box
    }

    .col-module_News .card-title,
    .col-module_News .card-title h2 {
        font-size: 4rem
    }

    .col-module_News .swiper-pagination {
        width: -webkit-fit-content;
        width: fit-content;
        left: 20px
    }

    .col-module_News .pause-play-button {
        left: 0;
        right: inherit
    }
}

@media screen and (min-width:1440px) {
    .col-module_News .card-categories {
        left: 50px
    }

    .col-module_News .card-content {
        padding: 100px 50px 80px
    }

    .col-module_News .card-title,
    .col-module_News .card-title h2 {
        font-size: 5.8rem
    }

    .col-module_News .card-teaser {
        max-height: 300px;
        overflow: auto;
        line-height: 1.5
    }

    .col-module_News .swiper-pagination {
        left: 50px;
        bottom: 40px
    }
}

@media screen and (min-width:1700px) {
    .col-module_News .card-categories {
        left: 100px
    }

    .col-module_News .card-content {
        padding: 150px 100px 80px;
        height: 565px
    }

    .col-module_News .card-teaser {
        max-height: 200px
    }

    .col-module_News .swiper-pagination {
        left: 100px
    }
}

.packages-container {
    width: 89%;
    margin: 0 auto;
    max-width: 1640px;
    overflow: visible;
    padding-bottom: 120px
}

.packages-preview-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 20px
}

.packages-wrapper {
    padding: 0;
    margin: 0;
    list-style-type: none
}

li.packages-box {
    position: relative;
    padding: 0;
    margin: 0
}

.packages-box:after {
    content: '';
    height: 67.5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(var(--main-brown-color), 1) 0, rgba(46, 46, 44, .34) 50%, rgba(var(--main-dark-color), 0) 100%);
    opacity: .85;
    pointer-events: none;
    -webkit-filter: grayscale(1) brightness(.4);
    filter: grayscale(1) brightness(.4);
    transition: all .4s
}

.packages-pic {
    pointer-events: none
}

.packages-pic > img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    margin: 0 !important
}

.packages-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none !important;
    margin: 0 0 -50px !important;
    box-sizing: border-box;
    text-align: left;
    z-index: 2
}

.packages-date,
.packages-title {
    display: block;
    color: rgb(var(--main-light-color));
    text-decoration: none;
    padding: 0 20px
}

.packages-date {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 10px !important;
    line-height: 1
}

.packages-title {
    font-family: var(--main-font-stack);
    font-size: 30px;
    font-size: 3rem;
    font-weight: 200;
    line-height: 1;
    text-transform: lowercase;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.packages-title:focus,
.packages-title:hover {
    color: rgb(var(--main-light-color))
}

.packages-price-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-width: none !important;
    margin: 0 !important
}

.packages-price {
    font-size: 17px;
    font-size: 1.7rem;
    color: rgb(var(--main-light-color));
    background-color: rgb(var(--main-brown-color));
    padding: 15px 10px;
    border-radius: 25px 25px 25px 0;
    min-width: 140px;
    width: -webkit-fit-content;
    width: fit-content;
    text-align: center;
    box-sizing: border-box;
    line-height: 1;
    max-width: none !important;
    margin: 0 0 25px !important
}

.packages-container .packages-content a.packages-button {
    display: block;
    margin: 0 0 -10px;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.customstyle-bottom-half-bg-dark .packages-container .packages-content a.packages-button {
    border-color: rgb(var(--main-light-color));
    color: rgb(var(--main-light-color))
}

.customstyle-bottom-half-bg-dark .packages-container .packages-content a.packages-button:focus,
.customstyle-bottom-half-bg-dark .packages-container .packages-content a.packages-button:hover {
    background-color: rgb(var(--main-light-color));
    color: rgb(var(--main-brown-color))
}

.packages-container .swiper-button-next,
.packages-container .swiper-button-prev {
    color: rgb(var(--main-light-color));
    top: inherit;
    bottom: 0;
    width: 15px
}

.packages-container .swiper-button-next:after,
.packages-container .swiper-button-prev:after {
    font-size: 30px;
    font-size: 3rem
}

.packages-container .swiper-button-prev {
    left: 0
}

.packages-container .swiper-button-next {
    right: 0
}

.packages-container .packages-box:last-of-type {
    display: none
}

@media only screen and (min-width:1040px) {

    .packages-box:focus:after,
    .packages-box:hover:after {
        -webkit-filter: none;
        filter: none
    }

    .packages-pic > img {
        max-height: 550px
    }

    .packages-date {
        font-size: 1.7rem;
        margin: 0 0 15px !important
    }

    .packages-title {
        font-size: 4rem
    }
}

@media only screen and (min-width:1440px) {
    .packages-container.ww-slider .packages-box:nth-child(2n+3) {
        margin-top: 80px
    }

    .packages-container.ww-slider .packages-box:nth-child(3n+3) {
        margin-top: 40px
    }

    .packages-container .packages-box:last-of-type {
        display: initial
    }
}

@media only screen and (min-width:1600px) {
    .packages-container .packages-content a.packages-button {
        min-width: 215px;
        margin: 0 0 -15px
    }

    .packages-container.ww-slider .packages-box:nth-child(2n+3) {
        margin-top: 160px
    }

    .packages-container.ww-slider .packages-box:nth-child(3n+3) {
        margin-top: 85px
    }
}

.packages-container.ww-list .packages-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    row-gap: 80px
}

.packages-container.ww-list .packages-box {
    width: 100%
}

@media only screen and (min-width:768px) {
    .packages-container.ww-list .packages-box {
        width: 45%
    }
}

@media only screen and (min-width:1440px) {
    .packages-preview-heading {
        margin: 0 auto
    }

    .packages-container.ww-list .packages-box:nth-child(3n+2) {
        margin-top: 80px
    }

    .packages-container.ww-list .packages-box:nth-child(3n+3) {
        margin-top: 40px
    }

    .packages-container.ww-list .packages-wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .packages-container.ww-list .packages-box {
        width: 28.4%
    }
}

@media only screen and (min-width:1600px) {
    .packages-container.ww-list .packages-wrapper {
        row-gap: 60px
    }

    .packages-container.ww-list .packages-box:nth-child(3n+2) {
        margin-top: 160px
    }

    .packages-container.ww-list .packages-box:nth-child(3n+3) {
        margin-top: 85px
    }
}

.cols-full .wwWellnesspackages-detail-container .services-box-wrapper {
    max-width: 1420px;
    margin: 0 auto;
    width: 89%
}

.wwWellnesspackages-detail-back-button {
    display: block;
    width: 89%;
    max-width: 1420px;
    margin: 0 auto;
    text-align: right
}

.wwWellnesspackages-detail-back-button > a {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: rgb(var(--main-dark-color));
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-decoration: none
}

.wwWellnesspackages-detail-back-button > a:focus,
.wwWellnesspackages-detail-back-button > a:hover {
    color: rgb(var(--main-dark-color))
}

.wwWellnesspackages-detail-back-button > a:after {
    content: '';
    background-color: rgb(var(--main-brown-color));
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s
}

.wwWellnesspackages-detail-back-button > a:focus:after,
.wwWellnesspackages-detail-back-button > a:hover:after {
    width: 0
}

a.wwWellnesspackages-detail-contact-button {
    border-color: rgb(var(--main-brown-color));
    background: linear-gradient(260deg, #a5875f 0, #826744 100%) 99% 0;
    background-size: 400% 100%;
    color: rgb(var(--main-light-color))
}

a.wwWellnesspackages-detail-contact-button:focus,
a.wwWellnesspackages-detail-contact-button:hover {
    color: rgb(var(--main-light-color));
    background-size: 120% 100%;
    text-decoration: underline
}

table.wwWellnesspackages-detail-prices {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

table.wwWellnesspackages-detail-prices td {
    background: rgb(var(--sub-light-color));
    padding: 25px 10px;
    text-align: center;
    overflow-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto
}

table.wwWellnesspackages-detail-prices tr:not(:last-child) td:last-child {
    border-bottom: 3px solid #cfcfcf
}

.wwWellnesspackages-detail-pricetable tr:first-child td {
    background: 0 0;
    vertical-align: baseline
}

.wwWellnesspackages-detail-pricetable tr:first-child td:not(:first-child) {
    padding: 25px 0
}

table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price-heading {
    padding: 0 0 20px;
    margin: 0;
    text-align: left;
    vertical-align: top
}

table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price-heading > h4 {
    padding: 0;
    margin: 0
}

table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price {
    font-size: 26px;
    font-size: 2.6rem
}

.wwWellnesspackages-detail-pricetable a.wwWellnesspackages-detail-contact-button {
    margin: 30px auto 0 !important;
    display: block;
    width: -webkit-fit-content;
    width: fit-content
}

@media screen and (max-width:1039px) {
    table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-cat {
        display: none
    }

    table.wwWellnesspackages-detail-prices td {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        display: block;
        text-align: center !important;
        width: 100% !important
    }

    table.preise td[title]:before,
    table.wwWellnesspackages-detail-prices td[title]:before {
        content: attr(title);
        display: block;
        font-size: 1.3rem;
        font-weight: 400
    }
}

@media screen and (min-width:1040px) {
    .wwWellnesspackages-detail-pricetable a.wwWellnesspackages-detail-contact-button {
        margin: 70px 0 0 auto !important
    }

    .wwWellnesspackages-detail-pricetable tr:first-child td:not(:first-child) {
        padding: 0 10px 10px
    }

    .wwWellnesspackages-detail-pricetable tr td {
        border-right: 1px solid #cfcfcf
    }

    table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price-heading > h4 {
        margin-top: -30px
    }

    .wwWellnesspackages-detail-pricetable tr:not(:first-child) td {
        border-bottom: 10px solid rgb(var(--main-light-color)) !important
    }

    table.wwWellnesspackages-detail-prices tr:not(:last-child) td:last-child {
        border-bottom: none
    }

    .wwWellnesspackages-detail-pricetable tr td:first-child {
        width: 180px
    }

    table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price {
        font-size: 2rem
    }
}

@media screen and (min-width:1440px) {
    table.wwWellnesspackages-detail-prices td.wwWellnesspackages-detail-price {
        font-size: 2.6rem
    }

    .wwWellnesspackages-detail-pricetable tr td:first-child {
        width: 280px
    }
}

.newsbox-popup-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    padding: 0;
    z-index: 222;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    visibility: hidden
}

.newsbox-popup-wrapper.active {
    opacity: 1;
    visibility: visible
}

.newsbox-popup-wrapper.active:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.newsbox-popup {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: rgb(var(--sub-light-color));
    width: 100%;
    max-width: 640px;
    max-height: 100vh;
    overflow: auto;
    margin: 0 auto;
    padding: 40px 15px 25px 15px;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 0 60px 0 0
}

.newsbox-popup.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .7);
    z-index: 26
}

.newsbox-close-button {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 24;
    margin: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .4s
}

.newsbox-close-button > span {
    background-color: rgb(var(--main-light-color));
    display: block;
    height: var(--navi-icon-weight);
    margin-top: calc(0px - var(--navi-icon-weight)/ 2);
    position: absolute;
    top: 50%;
    left: calc(50% - calc(var(--navi-icon-bar-width)/ 2));
    width: var(--navi-icon-bar-width);
    transition: all .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.newsbox-close-button > span::after,
.newsbox-close-button > span::before {
    background-color: rgb(var(--main-dark-color));
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .3s
}

.newsbox-close-button > span {
    background: 0 0 !important
}

.newsbox-close-button > span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.newsbox-close-button > span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.newsbox-popup-content p {
    font-size: 16px;
    font-size: 1.6rem
}

.newsbox-popup-content ul {
    padding: 0 0 0 20px
}

.newsbox-popup-content a.button {
    margin-left: 0
}

.newsbox-popup picture {
    display: none;
    width: 100%;
    height: 100%
}

.newsbox-popup picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 60px 0 0
}

@media screen and (min-width:480px) {
    .newsbox-popup {
        padding: 40px 30px 25px 30px
    }
}

@media screen and (min-width:1024px) {
    .newsbox-popup {
        -webkit-flex-direction: initial;
        flex-direction: initial;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        background: rgb(var(--sub-light-color));
        width: 86%;
        max-width: 1200px;
        padding: 90px 100px
    }

    .newsbox-popup-content p {
        font-size: 2.2rem
    }

    .newsbox-close-button {
        top: 45px;
        right: 50px
    }

    .newsbox-popup-content {
        width: 58%
    }

    .newsbox-popup picture {
        display: block;
        width: 33.6%;
        height: 430px
    }
}

.col-module_WellnessPackages,
.col-module_WellnessPackages_detail {
    --dark-packages-color: 61, 61, 61;
    --main-packages-color: 112, 112, 112;
    --lighter-packages-color: 238, 238, 238
}

body.wellness-detail .topslider {
    max-width: none;
    width: 100%
}

body.wellness-detail:not(.no-topslider) #b-1 {
    padding-top: 0 !important
}

.col.col-module_WellnessPackages {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.cols-full .col.col-module_WellnessPackages {
    width: 89% !important;
    margin: 0 auto
}

.WellnessPackages-container {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100%;
    max-width: 1640px;
    overflow: visible
}

.WellnessPackages-box-wrapper,
.WellnessPackages-detail-extraPackages-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 90px 20px;
    padding: 35px 0 60px
}

.WellnessPackages-box-wrapper.swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 220px 0
}

.WellnessPackages-box {
    display: none
}

.WellnessPackages-box.active {
    display: block
}

.WellnessPackages-box,
.WellnessPackages-detail-extraPackages-box {
    position: relative;
    width: 100%;
    height: 370px
}

.WellnessPackages-box > *,
.WellnessPackages-detail-extraPackages-box > * {
    z-index: 1
}

.WellnessPackages-box:after,
.WellnessPackages-detail-extraPackages-box:after {
    content: '';
    height: 67.5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(var(--main-brown-color), 1) 0, rgba(46, 46, 44, .34) 50%, rgba(var(--main-dark-color), 0) 100%);
    opacity: .85;
    pointer-events: none;
    -webkit-filter: grayscale(1) brightness(.4);
    filter: grayscale(1) brightness(.4);
    transition: all .4s;
    z-index: 0
}

.WellnessPackages-detail-extraPackages-price,
.WellnessPackages-price {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color));
    min-width: 140px;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 15px 10px;
    text-align: center;
    line-height: 1;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
    border-radius: 25px 25px 25px 0
}

.WellnessPackages-detail-extraPackages-pic,
.WellnessPackages-pic {
    height: 100%
}

.WellnessPackages-detail-extraPackages-pic img,
.WellnessPackages-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.WellnessPackages-content,
.WellnessPackages-detail-extraPackages-content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 10px;
    width: 100%;
    color: rgb(var(--main-light-color));
    padding: 10px 20px 50px
}

.swiper-slide .WellnessPackages-content {
    box-sizing: border-box
}

.WellnessPackages-detail-extraPackages-title,
.WellnessPackages-title {
    font-family: var(--main-font-stack);
    font-size: 30px;
    font-size: 3rem;
    font-weight: 200;
    line-height: 1;
    text-transform: lowercase
}

.WellnessPackages-detail-extraPackages-subtitle,
.WellnessPackages-subtitle {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.WellnessPackages-button-wrapper,
.WellnessPackages-detail-extraPackages-button-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(calc(100% + 10px));
    transform: translateY(calc(100% + 10px))
}

a.WellnessPackages-button-booking.button,
a.WellnessPackages-button-request.button,
a.WellnessPackages-detail-extraPackages-button-booking.button,
a.WellnessPackages-detail-extraPackages-button-request.button {
    display: none !important
}

.WellnessPackages-container.swiper .swiper-button-next,
.WellnessPackages-container.swiper .swiper-button-prev {
    display: none;
    bottom: 0;
    top: inherit;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    color: rgb(var(--main-dark-color))
}

.customstyle-bottom-half-bg-dark .WellnessPackages-container.swiper a.WellnessPackages-button {
    border-color: rgb(var(--main-light-color));
    color: rgb(var(--main-light-color))
}

.customstyle-bottom-half-bg-dark .WellnessPackages-container.swiper a.WellnessPackages-button:focus,
.customstyle-bottom-half-bg-dark .WellnessPackages-container.swiper a.WellnessPackages-button:hover {
    background-color: rgb(var(--main-light-color));
    color: rgb(var(--main-brown-color))
}

@media only screen and (min-width:768px) {

    .WellnessPackages-box,
    .WellnessPackages-detail-extraPackages-box {
        width: 45%
    }
}

@media only screen and (min-width:1040px) {

    .WellnessPackages-box:focus:after,
    .WellnessPackages-box:hover:after,
    .WellnessPackages-detail-extraPackages-box:focus:after,
    .WellnessPackages-detail-extraPackages-box:hover:after {
        -webkit-filter: none;
        filter: none
    }

    .WellnessPackages-detail-extraPackages-title,
    .WellnessPackages-title {
        font-size: 4rem
    }

    .WellnessPackages-detail-extraPackages-subtitle,
    .WellnessPackages-subtitle {
        font-size: 1.7rem
    }
}

@media only screen and (min-width:1440px) {

    .WellnessPackages-box,
    .WellnessPackages-detail-extraPackages-box {
        height: 550px;
        width: 28.4%
    }

    .WellnessPackages-box-wrapper .WellnessPackages-box:nth-child(3n+2),
    .WellnessPackages-detail-extraPackages-wrapper .WellnessPackages-detail-extraPackages-box:nth-child(3n+2) {
        margin-top: 160px
    }

    .WellnessPackages-box-wrapper .WellnessPackages-box:nth-child(3n+3),
    .WellnessPackages-detail-extraPackages-wrapper .WellnessPackages-detail-extraPackages-box:nth-child(3n+3) {
        margin-top: 85px
    }

    .WellnessPackages-button-wrapper,
    .WellnessPackages-detail-extraPackages-button-wrapper {
        -webkit-transform: translateY(calc(100% + 15px));
        transform: translateY(calc(100% + 15px))
    }

    .WellnessPackages-box:not(.swiper-slide) a.WellnessPackages-button-details.button,
    .WellnessPackages-box:not(.swiper-slide) a.WellnessPackages-detail-extraPackages-button-details.button {
        min-width: 215px
    }
}

.WellnessPackages-filter-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(var(--main-packages-color), .3);
    padding-bottom: 20px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1640px
}

.WellnessPackages-filter-heading {
    width: 100%;
    text-align: center
}

.WellnessPackages-filter-item {
    width: 46.87%;
    border: 1px solid rgb(var(--main-packages-color));
    background-color: transparent;
    border-radius: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: rgb(var(--main-packages-color));
    padding: 10px;
    line-height: 1;
    transition: all .4s
}

.WellnessPackages-filter-item.active,
.WellnessPackages-filter-item:focus,
.WellnessPackages-filter-item:hover {
    background-color: rgb(var(--lighter-packages-color));
    border: 1px solid rgb(var(--lighter-packages-color));
    color: #000
}

@media only screen and (min-width:480px) {
    .WellnessPackages-filter-heading {
        width: 31%
    }

    .WellnessPackages-filter-item {
        width: 31%
    }
}

@media only screen and (min-width:1040px) {
    .WellnessPackages-filter-wrapper {
        gap: 20px 10px;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-bottom: 35px;
        margin-bottom: 65px
    }

    .WellnessPackages-filter-heading {
        width: 24%
    }

    .WellnessPackages-filter-item {
        width: 24%;
        font-size: 1.6rem
    }
}

@media only screen and (min-width:1440px) {
    .WellnessPackages-filter-heading {
        width: 10%;
        text-align: left
    }

    .WellnessPackages-filter-item {
        width: 19%
    }
}

.WellnessPackages-detail-container {
    position: relative;
    padding: 150px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.WellnessPackages-detail-container > * {
    width: 100%
}

.WellnessPackages-detail-lowest-price {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color));
    width: 90px;
    height: 90px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 100%
}

.WellnessPackages-detail-back {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 40px
}

.WellnessPackages-detail-top-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.WellnessPackages-detail-heading-wrapper {
    margin-bottom: 40px
}

.WellnessPackages-detail-description {
    font-size: 18px;
    font-size: 1.8rem
}

.WellnessPackages-detail-description ul {
    margin: 0;
    padding: 0 0 0 20px
}

.WellnessPackages-detail-heading {
    margin: 0;
    line-height: 1.2
}

.WellnessPackages-detail-subheading {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: none
}

.WellnessPackages-detail-button-wrapper {
    margin-top: 30px
}

.WellnessPackages-detail-button-wrapper,
.WellnessPackages-detail-table-button-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.WellnessPackages-detail-button-wrapper > a.button,
.WellnessPackages-detail-table-button-wrapper > a.button {
    position: relative;
    background-color: transparent;
    color: rgb(var(--main-dark-color));
    border: 1px solid rgb(var(--main-brown-color));
    font-family: var(--sub-font-stack);
    border-radius: 0 31px 0 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .15em;
    padding: 17px 40px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 1
}

a.WellnessPackages-detail-button-request:focus,
a.WellnessPackages-detail-button-request:hover,
a.WellnessPackages-detail-table-button-request:focus,
a.WellnessPackages-detail-table-button-request:hover {
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color))
}

a.WellnessPackages-detail-button-booking,
a.WellnessPackages-detail-table-button-booking {
    border-color: rgb(var(--main-highlight-color)) !important;
    background: linear-gradient(260deg, #2f6b75 0, #032e37 100%) 99% 0;
    background-size: 400% 100%;
    color: rgb(var(--main-light-color)) !important
}

a.WellnessPackages-detail-button-booking:focus,
a.WellnessPackages-detail-button-booking:hover,
a.WellnessPackages-detail-table-button-booking:focus,
a.WellnessPackages-detail-table-button-booking:hover {
    color: rgb(var(--main-light-color));
    background-size: 120% 100%;
    text-decoration: underline
}

.WellnessPackages-detail-middle-box {
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    margin-top: var(--col-padding);
    margin-bottom: var(--col-padding)
}

.WellnessPackages-detail-middle-box:after {
    content: '';
    display: block;
    background-color: rgb(var(--main-dark-color));
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1
}

.WellnessPackages-detail-middle-box-content {
    color: rgb(var(--main-light-color));
    padding: var(--col-padding) 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1420px;
    width: 89%
}

#WellnessPackages-detail-swiper {
    width: 100%;
    max-width: 900px;
    padding-bottom: 30px;
    margin-bottom: 40px
}

#WellnessPackages-detail-swiper .swiper-button-next,
#WellnessPackages-detail-swiper .swiper-button-prev {
    display: none
}

#WellnessPackages-detail-swiper .swiper-pagination {
    bottom: 0
}

#WellnessPackages-detail-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: transparent;
    opacity: 1;
    border: 1px solid rgb(var(--main-light-color))
}

#WellnessPackages-detail-swiper .swiper-pagination-bullet-active {
    background-color: rgb(var(--main-light-color)) !important;
    border: 1px solid rgb(var(--main-light-color)) !important
}

.WellnessPackages-detail-service-heading {
    font-weight: 400;
    font-family: var(--sub-font-stack);
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px;
    line-height: 1.5
}

.WellnessPackages-detail-service-list {
    padding: 0 0 0 15px;
    margin: 0
}

.WellnessPackages-detail-service-list-item {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 5px
}

.WellnessPackages-detail-prices-wrapper {
    margin-bottom: 100px
}

.WellnessPackages-detail-prices-heading {
    font-weight: 400;
    font-family: var(--sub-font-stack);
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px;
    line-height: 1.5
}

.WellnessPackages-detail-price-table-wrapper {
    overflow: auto;
    margin-bottom: 15px
}

.WellnessPackages-detail-price-table {
    border-collapse: collapse;
    width: 100%
}

.WellnessPackages-detail-price-table thead {
    display: none
}

.WellnessPackages-detail-price-table thead th {
    font-weight: 400
}

.WellnessPackages-detail-price-table td,
.WellnessPackages-detail-price-table tr {
    display: block
}

.WellnessPackages-detail-price-table tbody tr {
    background: rgb(var(--sub-light-color));
    padding: 20px 10px 40px;
    text-align: center
}

.WellnessPackages-detail-price-table tbody tr:not(:last-of-type) {
    margin-bottom: 15px
}

.WellnessPackages-detail-price-pricecategory2 {
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 40px
}

.WellnessPackages-detail-price-item:not(:last-of-type) {
    margin-bottom: 40px
}

.WellnessPackages-detail-price-item[title]:before {
    content: attr(title);
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500
}

.WellnessPackages-detail-price-main {
    font-size: 26px;
    font-size: 2.6rem
}

.WellnessPackages-detail-price-info {
    font-weight: 500;
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 40px
}

.WellnessPackages-detail-extraPackages-container {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    padding: var(--col-padding) 0 0
}

.WellnessPackages-detail-extraPackages-wrapper {
    max-width: 1640px;
    margin: 0 auto;
    width: 89%
}

.WellnessPackages-detail-extraPackages-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 20px !important
}

@media only screen and (min-width:1040px) {
    .WellnessPackages-detail-price-table thead {
        display: table-header-group
    }

    .WellnessPackages-detail-price-table tr {
        display: table-row;
        margin: 0 !important;
        padding: 0 !important
    }

    .WellnessPackages-detail-price-item[title]:before {
        display: none
    }

    .WellnessPackages-detail-price-table tbody td,
    .WellnessPackages-detail-price-table thead th {
        padding: 5px 10px 15px;
        line-height: 1.2
    }

    .WellnessPackages-detail-price-table td {
        position: relative;
        display: table-cell
    }

    .WellnessPackages-detail-price-table tbody tr:not(:last-of-type) td:after {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 10px;
        left: 0;
        bottom: 0;
        background: rgb(var(--main-light-color))
    }

    .WellnessPackages-detail-price-table tbody td:not(:last-child),
    .WellnessPackages-detail-price-table thead th:not(:last-child) {
        border-right: 1px solid #cfcfcf
    }

    .WellnessPackages-detail-price-pricecategory2 {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1440px) {
    .WellnessPackages-detail-back {
        margin-bottom: 80px
    }

    .WellnessPackages-box-wrapper,
    .WellnessPackages-detail-extraPackages-wrapper {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        gap: 90px 80px
    }

    .WellnessPackages-detail-heading-wrapper {
        margin-bottom: 0
    }

    .WellnessPackages-detail-heading {
        margin-bottom: 40px
    }

    .WellnessPackages-detail-subheading {
        font-size: 2.4rem
    }

    .WellnessPackages-detail-description,
    .WellnessPackages-detail-heading-wrapper {
        width: 46.34%
    }

    .WellnessPackages-detail-button-wrapper {
        margin-top: 40px
    }

    .WellnessPackages-detail-button-wrapper,
    .WellnessPackages-detail-table-button-wrapper {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .WellnessPackages-detail-middle-box-content {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    #WellnessPackages-detail-swiper,
    .WellnessPackages-detail-service-wrapper {
        width: 46.34%;
        margin: 0
    }

    .WellnessPackages-detail-service-heading {
        font-size: 2.4rem
    }

    .WellnessPackages-detail-prices-heading {
        font-size: 2.4rem
    }

    #WellnessPackages-detail-swiper .swiper-pagination {
        text-align: right
    }

    .WellnessPackages-detail-prices-wrapper {
        margin-bottom: 170px
    }

    .WellnessPackages-detail-price-table-wrapper {
        margin-bottom: 30px
    }

    .WellnessPackages-detail-price-table tbody td,
    .WellnessPackages-detail-price-table thead th {
        padding: 15px 25px 25px
    }

    .WellnessPackages-detail-price-info {
        font-size: 1.8rem
    }
}

@media only screen and (min-width:1600px) {

    .WellnessPackages-box-wrapper,
    .WellnessPackages-detail-extraPackages-wrapper {
        gap: 90px 100px
    }
}

@media only screen and (min-width:1850px) {

    .WellnessPackages-box-wrapper,
    .WellnessPackages-detail-extraPackages-wrapper {
        gap: 90px 120px
    }
}

body {
    --navi-icon-weight: 2px;
    --navi-icon-spacing: 6px;
    --navi-icon-bar-width: 26px;
    --header-height: 100px
}

.scrolled body:not(.navi-active):not(.navi-search-active) {
    --header-height: 60px
}

.header-wrapper {
    height: var(--header-height);
    background: 0 0;
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 34;
    transition: all.4s
}

.scrolled .header-wrapper {
    background: rgb(var(--main-light-color));
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .16)
}

.header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 100%;
    width: 89%;
    max-width: 1640px;
    margin: 0 auto;
    transition: all .4s;
    justify-content: center;
}

.navi-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 42px;
    width: 180px;
    transition: all .3s;
    z-index: 10;
    overflow: visible
}

.scrolled body:not(.navi-active):not(.navi-search-active) .navi-logo {
    width: 30px;
    height: 35px
}

.navi-logo-desktop,
.navi-logo-desktop-dark,
.navi-logo-scrolled {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all .4s
}

.navi-logo-desktop,
.navi-logo-desktop-dark {
    top: 5px
}

.navi-logo-desktop-dark,
.navi-logo-scrolled,
.no-topslider .navi-logo-desktop,
.scrolled .navi-logo-desktop {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.navi-active .navi-logo-desktop,
.navi-search-active .navi-logo-desktop,
.scrolled body:not(.navi-active):not(.navi-search-active) .navi-logo-scrolled,
html:not(.scrolled) body.no-topslider:not(.navi-active):not(.navi-search-active) .navi-logo-desktop-dark {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.navi-logo svg {
    width: 100%;
    height: 100%
}

.navi-logo svg * {
    transition: all .4s
}

.navi-button-wrapper {
    display: none
}

.navi-icon-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.nav-icon {
    position: relative;
    margin: 0;
    width: 26px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 26;
    transition: all .4s
}

.nav-icon > span {
    background-color: rgb(198, 167, 94);
    display: block;
    height: var(--navi-icon-weight);
    margin-top: calc(0px - var(--navi-icon-weight)/ 2);
    position: absolute;
    top: 50%;
    left: calc(50% - calc(var(--navi-icon-bar-width)/ 2));
    width: var(--navi-icon-bar-width);
    transition: all .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.nav-icon > span::after,
.nav-icon > span::before {
    content: "";
    background-color: rgb(198, 167, 94);
    height: 100%;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.scrolled body:not(.navi-active, .navi-search-active) .nav-icon > span,
.scrolled body:not(.navi-active, .navi-search-active) .nav-icon > span::after,
.scrolled body:not(.navi-active, .navi-search-active) .nav-icon > span::before,
body.no-topslider:not(.navi-active, .navi-search-active) .nav-icon > span,
body.no-topslider:not(.navi-active, .navi-search-active) .nav-icon > span::after,
body.no-topslider:not(.navi-active, .navi-search-active) .nav-icon > span::before {
    background-color: rgb(var(--main-dark-color))
}

.nav-icon > span::before {
    -webkit-transform: translateY(calc(.1px - calc(var(--navi-icon-weight) + var(--navi-icon-spacing))));
    transform: translateY(calc(.1px - calc(var(--navi-icon-weight) + var(--navi-icon-spacing))));
    width: 19px
}

.nav-icon > span::after {
    -webkit-transform: translateY(calc(var(--navi-icon-spacing) + var(--navi-icon-weight)));
    transform: translateY(calc(var(--navi-icon-spacing) + var(--navi-icon-weight)));
    width: 12px
}

.navi-active .nav-icon > span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navi-active .nav-icon > span:before {
    width: var(--navi-icon-bar-width);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navi-active .nav-icon > span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
}

.navi-search-button {
    width: 24px;
    height: 24px;
    display: none;
    z-index: 2;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.navi-active .navi-search-button,
.navi-search-active .navi-search-button {
    display: -webkit-flex;
    display: flex
}

.navi-wrapper {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100vh;
    bottom: 0;
    top: 0;
    left: -100vw;
    padding: calc(var(--header-height) + 30px) 0 80px;
    width: 100vw;
    background-color: rgb(var(--main-dark-color));
    overflow: auto;
    transition: all .4s
}

.navi-active .navi-wrapper,
.navi-search-active .navi-wrapper {
    left: 0
}

.nav > ul::-webkit-scrollbar,
.navi-wrapper::-webkit-scrollbar {
    width: 5px
}

.nav {
    width: 100%;
    height: 100%;
    transition: all .4s
}

.navi-search-active .nav {
    opacity: 0;
    pointer-events: none
}

.nav > ul {
    position: relative;
    display: block;
    width: 89%;
    max-width: 1640px;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    height: 100%;
    overflow-y: auto
}

.nav > ul li.active-cat {
    padding: 15px 0 0 0;
    z-index: 1
}

.nav > ul a {
    position: relative;
    display: block;
    text-align: left;
    text-decoration: none;
    color: rgb(var(--main-light-color));
    font-family: var(--main-font-stack);
    font-weight: 200;
    font-size: 42px;
    font-size: 4.2rem;
    margin: 0 auto;
    text-transform: lowercase;
    -webkit-hyphens: auto;
    hyphens: auto;
    transition: all .4s
}

.nav > ul li.is-category > a > span {
    position: relative;
    padding-right: 25px
}

.nav > ul li.is-category > a > span:after {
    content: '';
    background: url(../images/navi/arrow-white-navi-48725d2f8e.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    width: 14px;
    height: 100%;
    transition: all .4s
}

.nav > ul li.is-category.current > a > span:after {
    background: url(../images/navi/arrow-brown-navi-7d10f8963c.svg) no-repeat center;
    background-size: contain
}

.nav > ul li.is-category.active-cat > a > span:after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.nav > ul > li:not(:last-child) {
    margin-bottom: 30px !important
}

.nav > ul > li > a {
    margin: 0;
    line-height: 1
}

.nav > ul > li.current > a span {
    color: rgb(var(--sub-brown-color));
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
}

.nav li.active-cat ul {
    display: block
}

.nav ul ul {
    position: relative;
    left: inherit;
    -webkit-transform: none;
    transform: none;
    display: none;
    list-style: none;
    padding: 0 0 10px;
    margin: 0
}

.nav li li {
    display: block
}

.nav li li:not(:last-child) {
    margin-bottom: 0
}

.nav li li > a {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 400;
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-light-color));
    padding: 10px 5px 5px 0;
    line-height: 1;
    width: 100%;
    text-transform: none
}

.nav li li.current > a {
    font-weight: 700;
    text-decoration: underline;
    color: rgb(var(--sub-brown-color))
}

.navi-search-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: -101vw;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all .4s
}

.navi-search-active .navi-search-wrapper {
    right: 0
}

.search-field {
    width: 100%;
    text-align: center;
    margin-top: -10vh
}

.search-field input {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 24px;
    font-size: 2.4rem;
    background: 0 0;
    color: #fff;
    border: none;
    border-bottom: 2px solid #fff;
    max-width: 320px;
    margin: 0 auto 1em
}

#ss360-layer {
    width: 94%;
    max-height: 50vh;
    overflow-y: scroll;
    background: #fff;
    margin: 0 auto -10vh;
    overflow-x: hidden
}

#ss360-layer::-webkit-scrollbar {
    width: 5px
}

#ss360-layer::-webkit-scrollbar-thumb:horizontal {
    background: 0 0
}

#unibox-suggest-box > div > a,
.ss360-layer-content > div > a {
    display: none
}

#google_translate_element {
    display: none !important
}

body > .skiptranslate {
    display: none !important
}

.language-switch-wrapper {
    color: rgb(var(--main-light-color));
    z-index: 2;
    transition: all .4s
}

.navi-active .language-switch-wrapper,
.navi-search-active .language-switch-wrapper {
    display: none
}

.language-heading {
    margin-right: 10px
}

.language-button-wrapper {
    position: relative;
    width: 100%
}

.language-button {
    text-decoration: none;
    cursor: pointer;
    -webkit-order: 2;
    order: 2;
    transition: all .4s;
    color: rgb(var(--main-light-color));
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 5px
}

.language-button:focus,
.language-button:hover {
    color: rgb(var(--main-light-color))
}

.scrolled body:not(.navi-active, .navi-search-active) .language-button,
body.no-topslider:not(.navi-active, .navi-search-active) .language-button {
    color: rgb(var(--main-dark-color))
}

.language-button-head-wrapper .language-button {
    -webkit-order: 1;
    order: 1;
    opacity: 1;
    visibility: visible;
    width: -webkit-fit-content;
    width: fit-content;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-right: 15px
}

.language-button-head-wrapper .language-button:after {
    content: '';
    background: url(../images/navi/arrow-white-navi-48725d2f8e.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .4s
}

.scrolled body:not(.navi-active, .navi-search-active) .language-button-head-wrapper .language-button:after,
body.no-topslider:not(.navi-active, .navi-search-active) .language-button-head-wrapper .language-button:after {
    content: '';
    background: url(../images/navi/arrow-dark-navi-e8e30138d2.svg) no-repeat center;
    background-size: contain
}

.language-button-select-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0
}

.language-button.hide {
    display: none
}

.language-button-icon {
    margin-right: 10px
}

@media only screen and (min-width:1440px) {
    body {
        --header-height: 120px
    }

    .search-field input {
        max-width: 600px
    }

    .navi-active .language-switch-wrapper,
    .navi-search-active .language-switch-wrapper {
        display: block
    }

    .navi-search-button {
        display: -webkit-flex;
        display: flex
    }

    .navi-search-button > svg * {
        transition: all .4s
    }

    .scrolled body:not(.navi-active, .navi-search-active) .navi-search-button > svg *,
    body.hero-page:not(.navi-active, .navi-search-active) .navi-search-button > svg *,
    body.no-topslider:not(.navi-active, .navi-search-active) .navi-search-button > svg * {
        stroke: rgb(var(--main-dark-color))
    }

    body.hero-page:not(.navi-active, .navi-search-active) .navi-logo-desktop {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    html:not(.scrolled) body.hero-page:not(.navi-active):not(.navi-search-active) .navi-logo-desktop-dark {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    body.hero-page:not(.navi-active, .navi-search-active) .nav-icon > span,
    body.hero-page:not(.navi-active, .navi-search-active) .nav-icon > span::after,
    body.hero-page:not(.navi-active, .navi-search-active) .nav-icon > span::before {
        background-color: rgb(var(--main-dark-color))
    }

    body.hero-page:not(.navi-active, .navi-search-active) .language-button {
        color: rgb(var(--main-dark-color))
    }

    body.hero-page:not(.navi-active, .navi-search-active) .language-button-head-wrapper .language-button:after {
        content: '';
        background: url(../images/navi/arrow-dark-navi-e8e30138d2.svg) no-repeat center;
        background-size: contain
    }

    .navi-logo {
        width: 250px;
        height: 60px
    }

    .nav > ul {
        height: -webkit-fit-content;
        height: fit-content
    }

    .nav > ul a {
        white-space: nowrap;
        width: -webkit-fit-content;
        width: fit-content;
        margin: 0;
        font-size: 6.2rem
    }

    .nav > ul li.active-cat {
        padding: 0
    }

    .nav > ul > li > a:after {
        display: block;
        font-size: 1.1rem;
        font-family: var(--sub-font-stack);
        font-weight: 700;
        text-transform: uppercase;
        color: rgba(var(--main-light-color), .3);
        letter-spacing: .15em;
        padding-top: 5px;
        pointer-events: none
    }

    /*.nav > ul > li:nth-child(1) > a:after {
        content: 'The Forum'
    }

    .nav > ul > li:nth-child(2) > a:after {
        content: 'feel home'
    }

    .nav > ul > li:nth-child(3) > a:after {
        content: 'feel the taste'
    }

    .nav > ul > li:nth-child(4) > a:after {
        content: 'feel fit & relaxed'
    }

    .nav > ul > li:nth-child(5) > a:after {
        content: 'feel alive'
    }

    .nav > ul > li:nth-child(6) > a:after {
        content: 'feel supported'
    }*/

    .nav ul ul {
        position: absolute;
        left: 400px;
        top: 0
    }

    .nav li li > a {
        padding: 7px 15px;
        margin-bottom: 24px
    }

    .nav li li.current > a {
        font-weight: 700
    }

    .nav li li > a:focus,
    .nav li li > a:hover {
        text-decoration: underline
    }

    .navi-button-wrapper > a {
        display: none
    }
}

@media only screen and (min-width:1200px) {
    .scrolled body:not(.navi-active):not(.navi-search-active) {
        --header-height: 85px
    }

    .navi-icon-wrapper {
        -webkit-column-gap: 50px;
        column-gap: 50px;
        width: -webkit-fit-content;
        width: fit-content
    }

    .navi-button-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        gap: 25px;
        transition: all .4s
    }

    .navi-button-wrapper > a {
        display: initial
    }

    .navi-active .navi-button-wrapper,
    .navi-search-active .navi-button-wrapper {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .navi-button-wrapper a.navi-button-booking,
    .navi-button-wrapper a.navi-button-request {
        padding: 18px 30px
    }

    a.navi-button-request {
        color: rgb(var(--main-light-color));
        border-color: rgb(var(--main-light-color))
    }

    a.navi-button-request:focus,
    a.navi-button-request:hover {
        color: #000;
        background: rgb(var(--main-light-color))
    }

    .hero-page a.navi-button-request,
    .no-topslider a.navi-button-request,
    .scrolled a.navi-button-request {
        color: rgb(var(--main-dark-color));
        border: 1px solid rgb(var(--main-brown-color))
    }

    .hero-page a.navi-button-request:focus,
    .hero-page a.navi-button-request:hover,
    .no-topslider a.navi-button-request:focus,
    .no-topslider a.navi-button-request:hover,
    .scrolled a.navi-button-request:focus,
    .scrolled a.navi-button-request:hover {
        background-color: rgb(var(--main-brown-color));
        color: rgb(var(--main-light-color))
    }
}

@media only screen and (min-width:1280px) {
    body {
        --header-height: 210px
    }

    .navi-logo {
        width: 300px;
        height: 70px
    }

    .navi-wrapper:after {
        content: '';
        background: url(../images/navi/bg-navi-1c47457eb4.svg) no-repeat center;
        background-size: contain;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 330px;
        pointer-events: none;
        z-index: -1
    }

    .nav > ul > li {
        padding-left: 600px !important
    }

    .nav > ul > li:before {
        content: '';
        position: absolute;
        display: block;
        width: 480px;
        height: 100%;
        max-height: 600px;
        background: url() no-repeat center;
        object-fit: cover;
        left: 0;
        top: 0;
        pointer-events: none;
        cursor: none;
        border-radius: 0 60px 0 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: 0s
    }

    .nav > ul > li:focus:before,
    .nav > ul > li:focus:nth-child(1):before,
    .nav > ul > li:hover:before,
    .nav > ul > li:hover:nth-child(1):before {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important
    }

    .nav > ul > li:nth-child(1):before {
        background: url(../images/menu/theforum1.jpg) no-repeat center;
        object-fit: cover;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .nav > ul:focus > li:nth-child(1):before,
    .nav > ul:hover > li:nth-child(1):before {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .nav > ul > li:nth-child(2):before {
        background: url(../images/menu/theforum2.jpg) no-repeat center;
        object-fit: cover
    }

    .nav > ul > li:nth-child(3):before {
        background: url(../images/menu/theforum3.jpg) no-repeat center;
        object-fit: cover
    }

    .nav > ul > li:nth-child(4):before {
        background: url(../images/menu/theforum4.jpg) no-repeat center;
        object-fit: cover
    }

    .nav > ul > li:nth-child(5):before {
        background: url(../images/menu/theforum5.jpg) no-repeat center;
        object-fit: cover
    }
     .nav > ul > li:nth-child(6):before {
        background: url(../images/menu/theforum6.jpg) no-repeat center;
        object-fit: cover
    }
   .nav > ul > li:nth-child(7):before {
        background: url(../images/menu/theforum7.jpg) no-repeat center;
        object-fit: cover
    }
     .nav > ul > li:nth-child(8):before {
        background: url(../images/menu/theforum8.jpg) no-repeat center;
        object-fit: cover
    }   .nav > ul > li:nth-child(9):before {
        background: url(../images/menu/theforum9.jpg) no-repeat center;
        object-fit: cover
    }
    .nav > ul > li:nth-child(10):before {
        background: url(../images/menu/theforum10.jpg) no-repeat center;
        object-fit: cover
    }
    .nav > ul > li:nth-child(11):before {
        background: url(../images/menu/theforum11.jpg) no-repeat center;
        object-fit: cover
    }
    

    .nav > ul li:focus-within > ul,
    .nav > ul li:hover > ul {
        display: block
    }

    .nav > ul > li:focus-within > a span,
    .nav > ul > li:hover > a span {
        color: rgb(198, 167, 94);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px
    }

    .nav > ul li.is-category > a > span {
        padding-right: 0
    }

    .nav > ul li.is-category > a > span:after {
        display: none
    }

    .nav li.active-cat ul {
        display: none
    }

    .nav ul ul {
        height: 100%;
        position: absolute;
        left: 600px;
        top: 0;
        padding: 0 0 0 150px;
        margin: 0 0 0 250px
    }
}

@media only screen and (min-width:1700px) {
    .header {
        width: 100%
    }

    .navi-wrapper {
        padding: calc(var(--header-height) + 10px) 0 70px
    }

    .nav ul ul {
        padding: 0 0 0 280px;
        margin: 0 0 0 220px
    }
}

:root {
    --main-dark-color: 72, 72, 71;
    --main-light-color: 255, 255, 255;
    --sub-light-color: 247, 242, 231;
    --main-highlight-color: #004b74;
    --main-brown-color: 198, 167, 94;
    --sub-brown-color: 186, 149, 100;
    --main-font-stack: 'osolemio', Arial, Helvetica, sans-serif;
    --sub-font-stack: 'KarminaSans', Arial, Helvetica, sans-serif;
    --sub-font-stack-italic: 'KarminaSans Italic', Arial, Helvetica, sans-serif;
    --col-padding: 80px
}

:root #wwcoupons {
    --wwcoupons-main-dark-color: var(--main-dark-color);
    --wwcoupons-title-color: var(--main-dark-color);
    --wwcoupons-highlight-color: var(--main-highlight-color);
    --wwcoupons-text-font-stack: 'KarminaSans', Arial, Helvetica, sans-serif
}

html {
    font-size: 62.5%;
    line-height: 1.4;
    scroll-behavior: smooth
}

::selection {
    background: rgb(var(--sub-brown-color))
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: rgb(var(--sub-brown-color)) rgb(var(--main-light-color))
    }
}

::-webkit-scrollbar-corner {
    background: 0 0
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: rgb(var(--main-light-color))
}

::-webkit-scrollbar-thumb {
    background-color: rgb(var(--sub-brown-color));
    border: 3px none rgb(var(--main-light-color))
}

body {
    background: rgb(var(--main-light-color));
    color: rgb(var(--main-dark-color));
    font-family: var(--sub-font-stack);
    font-size: 17px;
    font-size: 1.7rem;
    margin: 0;
    padding-top: 0 !important
}

body,
html {
    overflow-x: hidden;
    scroll-behavior: smooth
}

input,
select,
textarea {
    font-size: 17px;
    font-size: 1.7rem;
    color: rgb(var(--main-dark-color));
    font-family: var(--sub-font-stack)
}

a {
    color: rgb(var(--main-brown-color))
}

.wwcookie-links a {
    color: #000
}

.customstyle-bg-dark a:not(.button-brown):not(.button):not(.button-cta) {
    color: rgb(var(--main-light-color))
}

a:focus,
a:hover {
    color: rgb(var(--main-brown-color));
    text-decoration: none
}

.customstyle-bg-dark a:not(.button-brown):not(.button):not(.button-cta):focus,
.customstyle-bg-dark a:not(.button-brown):not(.button):not(.button-cta):hover {
    color: rgb(var(--main-light-color))
}

.h1-like,
.h1-like > *,
.h2-like,
.h2-like > *,
.h3-like,
.h3-like > *,
.h4-like,
.h4-like > *,
h1,
h2,
h3,
h4 {
    font-weight: 400;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-lines: 4;
    line-height: 1.2;
    word-wrap: break-word;
    text-transform: none
}

.customstyle-bg-dark .h1-like,
.customstyle-bg-dark .h1-like > *,
.customstyle-bg-dark .h2-like,
.customstyle-bg-dark .h2-like > *,
.customstyle-bg-dark .h3-like,
.customstyle-bg-dark .h3-like > *,
.customstyle-bg-dark .h4-like,
.customstyle-bg-dark .h4-like > *,
.customstyle-bg-dark h1,
.customstyle-bg-dark h2,
.customstyle-bg-dark h3,
.customstyle-bg-dark h4 {
    color: rgb(var(--main-light-color))
}

.h1-like,
.h1-like > *,
h1 {
    font-family: var(--main-font-stack);
    color: rgb(var(--main-brown-color));
    font-size: 40px;
    font-size: 4rem;
    font-weight: 200;
    margin: 0 0 25px;
    text-transform: lowercase;
    line-height: 1
}

.h2-like,
.h2-like > *,
h2 {
    font-family: var(--main-font-stack);
    color: rgb(var(--main-brown-color));
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: lowercase
}

.h3-like,
.h3-like > *,
h3 {
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-dark-color));
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.h4-like,
.h4-like > *,
h4 {
    font-family: var(--sub-font-stack);
    color: rgb(var(--main-dark-color));
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px;
    line-height: 1.5
}

p {
    line-height: 1.5;
    margin: 0 0 1em
}

#skip-to-content,
#to-sitemap {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -99;
    color: #000;
    background: #fff
}

#skip-to-content:focus-visible,
#to-sitemap:focus-visible {
    opacity: 1;
    z-index: 99
}

.content-wrapper,
.copyright-wrapper,
.footer-newsletter-container,
.footer-wrapper {
    position: relative;
    z-index: 2;
    background: rgb(var(--main-light-color))
}

.topslider-wrapper {
    position: relative;
    z-index: 1
}

.topslider,
.topslider .swiper-wrapper {
    height: 50vh;
    width: 100vw
}

.home .topslider,
.home .topslider .swiper-wrapper {
    height: 100vh
}

.topslider .swiper-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, #171715 0, rgba(var(--main-dark-color), 0) 100%);
    opacity: .85;
    z-index: 3;
    pointer-events: none
}

.home .topslider .swiper-wrapper:before {
    height: 380px
}

body:not(.home) .topslider .swiper-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 42, 42, .32);
    z-index: 3;
    pointer-events: none
}

.topslider .swiper-button-next,
.topslider .swiper-button-prev {
    display: none
}

.topslider .swiper-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: none;
    transform: none
}

.topslider .swiper-pagination {
    display: none
}

.topslider-video {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.topslider-video.desktop {
    display: none
}

.slider-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0
}

.swiper-heading,
.swiper-subheading {
    position: absolute;
    bottom: 170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 1640px;
    width: 89%;
    color: rgb(var(--main-light-color));
    font-size: 44px;
    font-size: 4.4rem;
    text-align: center;
    margin: 0 !important;
    z-index: 5
}

.swiper-subheading {
    display: none
}

body:not(.home) .swiper-heading {
    bottom: 20px
}

.content-wrapper {
    min-height: 100vh;
    padding: 0
}

#b-1 {
    padding-top: 75px
}

.no-topslider #b-1 {
    padding-top: calc(var(--header-height) + 20px)
}

body.home #b-1 {
    padding-top: 90px
}

.sideflag-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 200px;
    height: 52px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .4s;
    pointer-events: none;
    z-index: 34
}

.header .sideflag-wrapper {
    position: relative;
    right: initial !important;
    bottom: initial !important;
    margin-right: 20px
}

.navi-active .sideflag-wrapper {
    -webkit-transform: scale(1);
    transform: scale(1);
    pointer-events: all
}

.navi-active .sideflag-item:nth-child(2) {
    display: none
}

.navi-active .sideflag-wrapper {
    width: 100px
}

.sideflag-item {
    position: absolute;
    bottom: 0;
    right: 0;
    width: -webkit-fit-content;
    width: fit-content;
    transition: all .4s
}

.sideflag-item:nth-child(1) {
    left: 0
}

.navi-active .sideflag-item:nth-child(1) {
    left: 0;
    -webkit-transform: initial;
    transform: initial
}

.sideflag-item:nth-child(2) {
    right: inherit;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.sideflag-item:nth-child(3) {
    right: inherit;
    left:60%;
    /* -webkit-transform: translateX(-50%);
    transform: translateX(-50%) */
}
.sideflag-item:nth-child(4) {
    right: inherit;
    left: 90%;
    /* -webkit-transform: translateX(-50%);
    transform: translateX(-50%) */
}
.sideflag-icon {
    width: 42px;
    height: 42px;
    background-color: rgb(var(--main-brown-color));
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 17px
}

.sideflag-title {
    display: none;
    transition: all .4s
}

.sideflag-icon > svg {
    width: 21px;
    height: 21px
}

.no-sideflags .sideflag-fixed-wrapper {
    display: none
}

.sideflag-fixed-wrapper {
    position: fixed;
    bottom: -1px;
    left: 0;
    display: -webkit-flex;
    display: flex;
    z-index: 5;
    width: 100vw;
    height: 50px
}

.sideflag-fixed-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    height: 100%;
    width: 33.33%;
    line-height: 1;
    font-weight: 700;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .1em
}

.sideflag-fixed-item-contact {
    background-color: rgb(var(--main-light-color));
    width: 38.9%;
    border-top: rgb(var(--main-brown-color)) 1px solid
}

.sideflag-fixed-item-booking {
    background-color: rgb(var(--main-highlight-color));
    color: rgb(var(--main-light-color));
    width: 38.9%
}

.sideflag-fixed-item-booking:focus,
.sideflag-fixed-item-booking:hover {
    color: rgb(var(--main-light-color))
}

.sideflag-fixed-item-coupons {
    background-color: rgb(var(--main-brown-color));
    width: 22.2%
}

.footer-wrapper {
    background-color: rgb(var(--sub-light-color))
}

.footer {
    position: relative;
    max-width: 1430px;
    width: 89%;
    margin: 0 auto;
    padding: 100px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-column-gap: 40px;
    column-gap: 40px
}

.footer-slogan {
    position: absolute;
    top: -35px;
    right: 0;
    width: 50%;
    max-width: 200px
}

.footer-slogan > svg {
    width: 100%;
    height: 100%
}

.footer-box {
    position: relative;
    width: auto
}

.footer-box:not(.footer-box-3) {
    margin-bottom: 60px
}

.footer-logo {
    display: block;
    width: 270px;
    height: auto;
    margin-bottom: 30px
}

.footer-logo > svg {
    width: 100%;
    height: 100%
}

.footer-box-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #00466d
}

.footer-content-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.footer-content-wrapper span {
    margin: 0 5px
}

.footer-contact-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    row-gap: 20px
}

.footer-contact-wrapper > a {
    display: block;
    position: relative;
    color: rgb(var(--main-dark-color));
    text-decoration: none;
    padding-bottom: 5px
}

.footer-contact-wrapper > a:after {
    content: '';
    background-color: rgb(var(--main-brown-color));
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s
}

.footer-contact-wrapper > a:focus:after,
.footer-contact-wrapper > a:hover:after {
    width: 0
}

.footer-info-wrapper > ul,
.footer-links-wrapper > ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer-info-wrapper > ul a,
.footer-links-wrapper > ul a {
    display: inline-block;
    position: relative;
    color: rgb(var(--main-dark-color));
    text-decoration: none;
    margin-bottom: 10px
}

.footer-info-wrapper > ul a:after,
.footer-links-wrapper > ul a:after {
    content: '';
    background-color: rgb(var(--main-brown-color));
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s
}

.footer-info-wrapper > ul a:focus:after,
.footer-info-wrapper > ul a:hover:after,
.footer-links-wrapper > ul a:focus:after,
.footer-links-wrapper > ul a:hover:after {
    width: 0
}

.footer-box-3 {
    padding-right: 75px
}

.footer-social-wrapper {
    position: absolute;
    bottom: 100px;
    right: 0;
    display: -webkit-flex;
    display: flex;
    gap: 10px
}

.footer-social-wrapper > a:hover {
    opacity: 1;
    transition: all .4s
}

.footer-social-wrapper > a:focus,
.footer-social-wrapper > a:hover {
    opacity: .8
}

.footer-newsletter-wrapper {
    width: 89%;
    max-width: 1430px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 40px 0 30px;
    gap: 50px 20px
}

.footer-newsletter-box-content,
.footer-newsletter-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.footer-newsletter-content {
    margin-bottom: 20px
}

.footer-newsletter-content label {
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    position: absolute
}

.footer-newsletter-heading {
    font-size: 24px;
    font-size: 2.4rem;
    color: rgb(var(--main-brown-color))
}

.footer-newsletter-partner svg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.footer-newsletter-partner-relax {
    width: 69px
}

.footer-newsletter-slogan {
    margin-bottom: 25px
}

.footer-newsletter-email {
    border-radius: 26px;
    background-color: #eee;
    font-size: 15px;
    font-size: 1.5rem;
    color: rgb(var(--main-dark-color));
    padding: 15px 20px
}

.footer-newsletter-email::-webkit-input-placeholder {
    opacity: 1;
    color: rgb(var(--main-dark-color))
}

.footer-newsletter-email::placeholder {
    opacity: 1;
    color: rgb(var(--main-dark-color))
}

.footer-newsletter-box-partner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    row-gap: 10px
}

.copyright {
    width: 89%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 20px 0 65px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: rgba(112, 112, 112, .2) 1px solid
}

.copyright,
.copyright a {
    font-size: 15px;
    font-size: 1.5rem;
    color: rgba(var(--main-dark-color), 1)
}

.ww-logo {
    display: inline-block;
    width: 85px;
    height: 13px;
    text-decoration: none;
    margin-left: 5px
}

.ww-logo > svg {
    width: 100%;
    height: 100%
}

.requestbox-container {
    width: 100%;
    height: 100%
}

.requestbox-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 89%;
    margin: 0 auto;
    max-width: 1420px
}

.requestbox-heading {
    font-family: var(--main-font-stack);
    font-size: 50px;
    font-size: 5rem;
    font-weight: 200;
    color: rgb(var(--main-light-color));
    line-height: 1;
    text-align: left;
    margin-bottom: 50px
}

.requestbox-form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.requestbox-field {
    margin-bottom: 50px
}

.requestbox-field label {
    color: rgb(var(--main-light-color));
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
    padding: 0 0 5px;
    line-height: 1
}

.requestbox-field input,
.requestbox-field select {
    background: 0 0;
    border-color: rgb(var(--main-light-color));
    border-style: solid;
    border-width: 0 0 1px 0;
    font-size: 18px;
    font-size: 1.8rem;
    color: rgba(var(--main-light-color), .6);
    padding: 10px 0;
    margin: 0
}

.requestbox-field select option {
    color: rgb(var(--main-dark-color))
}

.requestbox-field input::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.requestbox-button-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 400px
}

.requestbox-button-wrapper a,
.requestbox-button-wrapper button {
    margin: 0 !important
}

.services-box-wrapper {
    position: relative;
    padding: 70px 0 90px
}

.services-box-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgb(var(--sub-light-color));
    z-index: -1;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

div.services-box-heading {
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 65px
}

.services-box-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.services-box {
    width: 100%
}

.services-box-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--main-dark-color), .25);
    margin: 60px 0
}

.services-box-icon > img {
    border-radius: 0 !important;
    margin: 0 auto
}

.services-box-title {
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 15px
}

.services-box-text {
    max-width: 360px;
    margin: 0 auto
}

.services-box-text > a {
    color: rgb(var(--main-dark-color))
}

.services-box-3 {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: left
}

.services-box-3 .services-box-text {
    margin: 0;
    max-width: none
}

a.services-box-button {
    margin-top: 40px;
    width: 100%;
    max-width: 320px;
    padding: 17px 20px
}

@media only screen and (min-width:768px) {
    .topslider-video {
        height: 100%;
        object-position: center
    }

    .topslider-video.desktop {
        display: initial
    }

    .topslider-video.mobile {
        display: none
    }

    .footer-newsletter-wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .footer-newsletter-box-content {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-column-gap: 35px;
        column-gap: 35px
    }

    .footer-newsletter-content {
        margin-bottom: 0
    }

    .footer {
        -webkit-column-gap: 30px;
        column-gap: 30px
    }

    .footer-box-3 {
        padding-right: 35px
    }

    .requestbox-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .requestbox-heading {
        margin-bottom: 0
    }

    .requestbox-form {
        width: 250px
    }

    .requestbox-button-wrapper {
        max-width: 220px
    }
}

@media only screen and (min-width:1040px) {

    .h1-like,
    .h1-like > *,
    h1 {
        font-size: 6rem;
        margin: 0 0 40px;
        line-height: 1
    }

    .h2-like,
    .h2-like > *,
    h2 {
        font-size: 5.4rem;
        margin: 0 0 30px
    }

    .h3-like,
    .h3-like > *,
    h3 {
        font-size: 1.5rem;
        margin: 0 0 20px
    }

    .h4-like,
    .h4-like > *,
    h4 {
        font-size: 2.3rem;
        margin: 0 0 20px
    }

    .no-topslider #b-1 {
        padding: calc(var(--header-height) + 100px) 0 var(--col-padding)
    }

    .topslider .swiper-wrapper:before {
        height: 540px
    }

    .swiper-heading {
        font-size: 6rem;
        bottom: 200px
    }

    body:not(.home) .swiper-heading {
        bottom: 70px
    }

    .swiper-subheading {
        display: block;
        font-size: 1.5rem;
        bottom: 50px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .22em
    }

    .sideflag-title {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        opacity: 0;
        font-size: 1.4rem;
        font-family: var(--sub-font-stack);
        font-weight: 700;
        text-align: center;
        color: rgb(198 167 94);
        line-height: 1
    }

    .header .sideflag-title {
        color: rgb(var(--main-dark-color))
    }

    .navi-active .sideflag-wrapper {
        width: 200px
    }

    .navi-active .sideflag-item:nth-child(2) {
        display: -webkit-flex;
        display: flex
    }

    .sideflag-item:focus,
    .sideflag-item:hover {
        padding-bottom: 20px
    }

    .sideflag-item:focus .sideflag-title,
    .sideflag-item:hover .sideflag-title {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        opacity: 1
    }

    .footer {
        padding: 120px 0 140px
    }

    .footer-box-1 {
        margin-right: auto
    }

    .footer-logo {
        margin-bottom: 35px
    }

    .footer-contact-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 50px;
        column-gap: 50px
    }

    .footer-box:not(.footer-box-3) {
        margin-bottom: 0
    }

    .footer-box-2 {
        margin-right: 9%
    }

    .footer-box-3 {
        padding-right: 0;
        margin-right: 9%
    }

    .footer-newsletter-wrapper {
        padding: 75px 0 85px
    }

    .footer-newsletter-wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .footer-newsletter-heading {
        font-size: 2.4rem
    }

    .footer-newsletter-partner > img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .footer-newsletter-partner-bregenzer {
        width: 76px;
        height: 78px
    }

    .footer-newsletter-partner-spa {
        width: 69px;
        height: 78px
    }

    .copyright {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        padding: 25px 0 80px
    }

    .requestbox-heading {
        font-size: 8rem
    }

    .requestbox-button-wrapper {
        margin-top: 20px
    }

    div.services-box-heading {
        text-align: left;
        font-size: 6.4rem;
        margin-bottom: 80px
    }

    .services-box-wrapper {
        padding: 100px 0 130px
    }

    .services-box-content {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .services-box {
        width: 25%
    }

    .services-box-line {
        width: 1px;
        height: 270px;
        margin: 0
    }

    .services-box-3 {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .services-box-3 .services-box-text {
        max-width: 360px
    }

    a.services-box-button {
        max-width: 230px;
        margin-top: 70px
    }

    .header .sideflag-wrapper {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (min-width:1200px) {
    .sideflag-fixed-wrapper {
        display: none
    }

    .sideflag-wrapper {
        right: 10%;
        bottom: 60px;
        -webkit-transform: scale(1);
        transform: scale(1);
        pointer-events: all
    }

    body:not(.home, .navi-active) .sideflag-wrapper {
        bottom: 350px
    }

    .header .sideflag-wrapper,
    .scrolled body:not(.navi-active) .sideflag-wrapper,
    body.no-topslider:not(.navi-active) .sideflag-wrapper {
        /* -webkit-transform: scale(0);
        transform: scale(0);
        visibility: hidden */
    }

    .no-topslider .header .sideflag-wrapper,
    .scrolled .header .sideflag-wrapper {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        visibility: visible !important
    }

    .footer {
        -webkit-column-gap: 40px;
        column-gap: 40px
    }

    .footer-box-3 {
        padding-right: 75px
    }

    .copyright {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:1440px) {
    :root {
        --col-padding: 200px
    }

    .h1-like,
    .h1-like > *,
    h1 {
        font-size: 8rem
    }

    .h2-like,
    .h2-like > *,
    h2 {
        font-size: 6.4rem
    }

    .h4-like,
    .h4-like > *,
    h4 {
        font-size: 2.4rem
    }

    body,
    input,
    select,
    textarea {
        font-size: 1.8rem
    }

    .topslider,
    .topslider .swiper-wrapper {
        height: 90vh
    }

    .topslider {
        overflow-y: visible;
        overflow-x: clip
    }

    .swiper-heading {
        font-size: 8rem
    }

    body:not(.home) .swiper-heading {
        bottom: 100px
    }

    body:not(.home, .navi-active) .sideflag-wrapper {
        bottom: 50px
    }

    #b-1 {
        padding-top: 170px
    }

    body.home #b-1 {
        padding-top: 200px
    }

    .footer {
        padding: calc(160px + 60px) 0 190px
    }

    .footer-box-2 {
        margin-right: 15.4%
    }

    .footer-box-3 {
        margin-right: 15%
    }

    .services-box-wrapper {
        padding: 160px 0 190px
    }

    div.services-box-heading {
        margin-bottom: 110px
    }
}

@media only screen and (min-width:1800px) {
    .footer-slogan {
        right: -110px;
        max-width: 220px
    }
}

@media only screen and (min-width:1800px) {

    .footer,
    .topslider {
        width: 100%
    }
}

.booking-usp-container {
    background-color: rgb(var(--sub-light-color));
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 45px;
    padding: 30px
}

.booking-usp-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.booking-usp-item-icon {
    height: auto;
    border-radius: 0 !important
}

.booking-usp-item-text {
    font-family: var(--sub-font-stack);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center
}

@media only screen and (min-width:480px) {
    .booking-usp-container {
        gap: 20px
    }

    .booking-usp-wrapper {
        width: 47%;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media only screen and (min-width:1040px) {
    .booking-usp-item-text {
        font-size: 1.5rem
    }

    .booking-usp-container {
        gap: 30px
    }
}

@media only screen and (min-width:1440px) {
    .booking-usp-container {
        padding: 30px 105px
    }

    .booking-usp-wrapper {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        width: auto
    }
}

@media only screen and (min-width:1700px) {
    .booking-usp-grid {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .booking-usp-container {
        max-width: 1640px;
        margin: 0 auto 45px auto
    }
}

@media only screen and (min-width:1700px) {
    .booking-success-grid {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .booking-success-grid .success {
        max-width: 1640px;
        margin: 0 auto 45px auto
    }
}

.casa-alert.casa-alert-warning {
    background-color: rgb(var(--sub-light-color)) !important;
    border-color: rgb(var(--sub-light-color)) !important;
    background-image: none
}

.casa-carousel .casa-carousel-indicators li.casa-active,
.casa-room-offer .casa-room-offer-info {
    background-color: rgb(var(--main-brown-color)) !important
}

.casa-carousel .casa-carousel-indicators li {
    border-color: rgb(var(--main-brown-color)) !important
}

.casa-package-offers .casa-carousel.casa-package-offers-carousel .casa-carousel-control span,
.casa-package-offers .casa-carousel.casa-package-offers-carousel .casa-item .casa-package-info .casa-heading,
div.casa-offer-break {
    color: rgb(var(--main-brown-color)) !important
}

.casa-package-offers .casa-carousel.casa-package-offers-carousel .casa-item .casa-package-media-info-price {
    background-color: rgb(var(--main-highlight-color)) !important
}

#selection-overview button#bookingButton,
.casa-control-row .casa-btn-default,
.casa-room-offer table.casa-room-offer-rates td {
    background-color: rgb(var(--main-highlight-color)) !important;
    border-color: rgb(var(--main-highlight-color)) !important
}

.casa-wdg a {
    color: rgb(var(--main-light-color)) !important
}

.casa-room-offer table.casa-room-offer-rates td:last-child a {
    color: rgb(var(--main-light-color)) !important
}

.wwcoupons .wwcoupons-list-price {
    background-color: rgb(var(--main-brown-color))
}

.wwcoupons button.wwcoupons-button-back {
    position: relative;
    background-color: transparent;
    color: rgb(var(--main-dark-color));
    border: 1px solid rgb(var(--main-brown-color));
    border-radius: 0 31px 0 0;
    cursor: pointer;
    display: inline-block;
    font-family: var(--sub-font-stack);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .15em;
    padding: 17px 40px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 1
}

.wwcoupons button.wwcoupons-button-back:focus,
.wwcoupons button.wwcoupons-button-back:hover {
    background-color: rgb(var(--main-brown-color));
    color: rgb(var(--main-light-color));
    border-color: rgb(var(--main-brown-color))
}

@media only screen and (min-width:1040px) {
    .wwcoupons .wwcoupons-heading {
        font-size: 4.4rem
    }
}

.swiper:not(.swiper-autoplay):not(:has(video)) .pause-play-button {
    display: none
}

.pause-play-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: auto;
    aspect-ratio: 1/1;
    cursor: pointer;
    z-index: 11
}

.pause-play-button:after,
.pause-play-button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 33%;
    width: 15%;
    height: 65%;
    background-color: rgb(200 170 100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 999px;
    transition: all .3s, border-radius .3s, border-color 0s, width 0s, border-width 0s, background-color 0s;
    border: 0 solid rgb(var(--main-dark-color))
}

.pause-play-button:after {
    left: 67%
}

.pause-play-button.is-paused:before {
    transition: all .3s, border-radius 0s, border-color 0s, width .3s, border-width .3s, background-color 0s;
    background-color: transparent;
    border-radius: 0;
    border-width: calc(calc(30px / 2) * .5);
    border-color: transparent transparent transparent rgb(var(--main-light-color));
    width: 50%;
    height: 50%;
    left: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%)
}

.pause-play-button.is-paused:after {
    left: 50%;
    opacity: 0
}

.col-module_CustomerQuotes .pause-play-button {
    left: initial;
    right: 0
}

.customstyle-bg-dark {
    background-color: rgb(var(--main-dark-color));
    color: rgb(var(--main-light-color))
}

.customstyle-bg-dark + .customstyle-bg-dark {
    padding-top: 0
}

.cols-wrapper.customstyle-no-padding-bottom {
    padding-bottom: 0 !important
}

.cols-wrapper.customstyle-no-padding-bottom + .cols-wrapper {
    padding-top: 0 !important
}

.cols-wrapper.customstyle-small-padding-bottom {
    padding-bottom: 40px
}

.cols-wrapper.customstyle-small-padding-bottom + .cols-wrapper {
    padding-top: 40px
}

.cols-wrapper.customstyle-moderate-padding-bottom {
    padding-bottom: 60px
}

.cols-wrapper.customstyle-moderate-padding-bottom + .cols-wrapper {
    padding-top: 60px
}

.cols-wrapper.cols-bg.customstyle-big-parallax-bg {
    padding: 0;
    height: 690px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.cols-wrapper.cols-bg.customstyle-big-parallax-bg:after {
    background: rgba(45, 45, 45, .3)
}

.cols-wrapper.customstyle-big-parallax-bg .h1-like,
.cols-wrapper.customstyle-big-parallax-bg .h1-like > * {
    font-size: 50px;
    font-size: 5rem;
    color: rgb(var(--main-light-color))
}

.customstyle-bottom-half-bg-dark,
.customstyle-top-half-bg-dark {
    position: relative;
    background: 0 0
}

.customstyle-bottom-half-bg-dark:after,
.customstyle-top-half-bg-dark:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: rgb(var(--main-dark-color));
    z-index: -1
}

.customstyle-top-half-bg-dark:after {
    bottom: initial;
    top: 0
}

.customstyle-bg-dark + .customstyle-top-half-bg-dark,
.customstyle-bottom-half-bg-dark + .customstyle-bg-dark {
    padding-top: 0
}

.customstyle-breakline-top:before {
    content: '';
    background: url(../images/trennlinie-2-2ce0b278a2.svg) center no-repeat;
    background-size: contain;
    display: block;
    width: 1920px;
    height: 16px;
    margin-bottom: 80px
}

.cols-25-25-50 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.cols.cols-25-25-50 .col:not(:last-child) {
    margin: 0 0 70px
}

.cols.cols-25-25-50 .col:nth-child(1) {
    margin-top: 35px
}

.cols-25-25-50 .col:nth-child(1),
.cols-25-25-50 .col:nth-child(2) {
    display: inline-block;
    width: 46.875%
}

.cols-25-25-50 .col:nth-child(3) {
    width: 100%
}

.cols-50-25-25 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.cols.cols-50-25-25 .col:not(:last-child) {
    margin: 0 0 70px
}

.cols.cols-50-25-25 .col:nth-child(2) {
    margin-top: 35px
}

.cols-50-25-25 .col:nth-child(2),
.cols-50-25-25 .col:nth-child(3) {
    display: inline-block;
    width: 46.875%
}

.cols-50-25-25 .col:nth-child(1) {
    width: 100%
}

.cols-wrapper.cols-bg {
    background-repeat: no-repeat
}

.cols-parallax {
    position: relative
}

.cols-parallax .cols {
    position: relative;
    z-index: 2
}

.col-txt hr {
    display: block;
    background: url(../images/trennlinie-c7f8da9017.svg) no-repeat center;
    background-size: contain;
    width: 170px;
    height: 200px;
    margin: 0 auto;
    border: none
}

.wwcoupons hr {
    background: 0 0 !important;
    height: auto !important;
    width: auto !important
}

.wwcoupons button,
.wwcoupons img {
    border-radius: 0 !important
}

.wwcoupons-terms span {
    display: none
}

.cols-wrapper {
    position: relative;
    margin: 0 auto;
    padding: var(--col-padding) 0;
    z-index: 2
}

.cols-full {
    overflow: hidden
}

.cols-full > .cols {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: inherit;
    width: 100%
}

.col-video video {
    width: 100%
}

.cols {
    margin: 0 auto;
    max-width: 1420px;
    width: 89%
}

.cols:not(.cols-25-25-50):not(.cols-50-25-25) .col:not(.col-module_AdminWeather):not(.col-module_SitesComponents):not(.col-module_JobExchange_detail):not(.col-module_PicGallery):not(.col-module_SocialMediaWall) img {
    border-radius: 0 60px 0 0
}

.cols.cols-33-33-33 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1620px
}

.cols-parallax {
    background-size: cover;
    background-position: center
}

.cols-parallax .cols {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    font-weight: 700;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center
}

.cols .col:not(:last-child) {
    margin: 0 0 50px
}

.cols-33-33-33 .col-pic:not(:last-child) {
    margin: 0 0 30px
}

.col-txt a.button,
.col-txt a.button-brown,
.col-txt a.button-cta {
    margin: 20px 0 0
}

.cols-wrapper:not(.cols-full).customstyle-small-block-width .cols {
    max-width: 760px;
    margin: 0 auto
}

.cols-full .cols-100 > .col {
    width: 100%
}

.cols-full .cols-100 > .col-pic img {
    border-radius: 0 !important
}

.cols-wrapper.cols-bg {
    padding: 90px 0 95px
}

.cols-wrapper.cols-bg:after {
    content: '';
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: rgba(var(--main-dark-color), .85);
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply
}

.col-module_slider .swiper:not(.wwmodule-list) {
    border-radius: 0 60px 0 0
}

.col-module_slider .swiper ul {
    padding: 0 0 20px;
    margin: 0;
    list-style-type: none
}

.col-module_slider .swiper:not(.wwmodule-list) .swiper-slide img {
    border-radius: 0 60px 0 0;
    object-fit: cover
}

.col-module_slider img {
    min-height: 250px
}

.col-module_slider .swiper .swiper-button-next,
.col-module_slider .swiper .swiper-button-prev {
    display: none
}

.col-module_slider .swiper .swiper-pagination {
    bottom: 0;
    width: 100%;
    text-align: right
}

.cols .swiper .swiper-pagination .swiper-pagination-bullet {
    background: 0 0;
    border: 1px solid rgb(var(--main-dark-color));
    transition: all .4s;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 6px
}

.customstyle-bg-dark .cols .swiper .swiper-pagination .swiper-pagination-bullet {
    border-color: rgb(var(--main-light-color))
}

.cols .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: rgba(var(--main-brown-color), 1);
    border-color: rgb(var(--main-brown-color)) !important
}

.col-pic {
    position: relative;
    overflow: hidden
}

.col-pic .pic-wrapper img {
    transition: all .4s
}

.col-pic .pic-caption {
    position: absolute;
    bottom: 70px;
    left: 30px;
    margin: 0;
    padding: 0;
    color: rgb(var(--main-light-color));
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    z-index: 2
}

.col-pic .pic-info {
    position: absolute;
    bottom: 25px;
    left: 30px;
    margin: 0;
    padding: 0;
    font-weight: 200;
    line-height: 1;
    text-transform: lowercase;
    z-index: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.col-pic .pic-info,
.col-pic .pic-info h2 {
    margin: 0;
    line-height: 1;
    padding: 0;
    font-size: 20px;
    font-size: 2rem;
    color: rgb(var(--main-light-color));
    font-family: var(--main-font-stack)
}

.col-pic > a:not([data-lightbox]):after {
    content: '';
    height: 67.5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(var(--main-brown-color), 1) 0, rgba(46, 46, 44, .34) 73%, rgba(var(--main-dark-color), 0) 100%);
    opacity: .85;
    pointer-events: none;
    -webkit-filter: grayscale(1) brightness(.4);
    filter: grayscale(1) brightness(.4);
    transition: all .4s
}

.col-pic > a:not([data-lightbox]):focus:after,
.col-pic > a:not([data-lightbox]):hover:after {
    -webkit-filter: none;
    filter: none
}

.col-pic > a:not([data-lightbox]) .pic-wrapper img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.col-pic > a:not([data-lightbox]):focus .pic-wrapper img,
.col-pic > a:not([data-lightbox]):hover .pic-wrapper img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (min-width:768px) {
    #cb-storageCompliance {
        width: 66.66667%;
        margin-left: auto;
        padding-left: 15px
    }

    .cols {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .cols-100 {
        display: block
    }

    .col {
        margin: 0
    }

    .cols .col:not(:last-child) {
        margin: 0
    }

    .cols-50-50 .col {
        width: 47%
    }

    .cols.cols-33-33-33 {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .cols.cols-33-33-33 .col:nth-child(2) {
        margin-top: 50px
    }

    .cols.cols-33-33-33 .col:nth-child(3) {
        margin-top: 25px
    }

    .cols-25-25-50 {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .cols.cols-25-25-50 .col:not(:last-child) {
        margin: 0
    }

    .cols-25-25-50 .col:nth-child(1),
    .cols-25-25-50 .col:nth-child(2) {
        display: inline-block;
        width: 24%
    }

    .cols.cols-25-25-50 .col:nth-child(1) {
        margin-top: 75px;
        margin-right: 2.5%
    }

    .cols-25-25-50 .col:nth-child(3) {
        width: 45%;
        margin-left: auto
    }

    .cols-50-25-25 {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .cols.cols-50-25-25 .col:not(:last-child) {
        margin: 0
    }

    .cols-50-25-25 .col:nth-child(2),
    .cols-50-25-25 .col:nth-child(3) {
        display: inline-block;
        width: 24%
    }

    .cols.cols-50-25-25 .col:nth-child(2) {
        margin-top: 75px;
        margin-right: 2.5%
    }

    .cols-50-25-25 .col:nth-child(1) {
        width: 45%;
        margin-right: auto !important
    }

    .cols-50-50 .col-txt {
        max-width: 640px
    }

    .cols-50-50 .col-pic {
        max-width: 640px
    }

    .cols-33-33-33 .col {
        max-width: 30.5%
    }

    .cols-25-25-25-25 .col {
        max-width: 24%
    }

    .cols a.button + a.button {
        margin-left: 10px
    }

    .customstyle-breakline-top:before {
        margin-bottom: 100px
    }
}

@media screen and (min-width:1040px) {
    .col-txt hr {
        width: 180px;
        height: 210px
    }

    .col-pic .pic-info,
    .col-pic .pic-info h2 {
        font-size: 3rem
    }

    .col-module_slider .swiper ul {
        padding: 0 0 40px
    }

    .cols-wrapper.cols-bg {
        padding: 160px 0
    }

    .cols-wrapper.cols-bg:after {
        background: rgba(var(--main-dark-color), .2);
        mix-blend-mode: normal
    }

    .cols-wrapper.cols-bg.customstyle-big-parallax-bg {
        height: 820px
    }

    .cols-wrapper.customstyle-big-parallax-bg .h1-like,
    .cols-wrapper.customstyle-big-parallax-bg .h1-like > * {
        font-size: 8rem
    }

    .cols-wrapper.customstyle-small-padding-bottom {
        padding-bottom: 65px
    }

    .cols-wrapper.customstyle-small-padding-bottom + .cols-wrapper {
        padding-top: 65px
    }

    .cols-wrapper.customstyle-moderate-padding-bottom {
        padding-bottom: 120px
    }

    .cols-wrapper.customstyle-moderate-padding-bottom + .cols-wrapper {
        padding-top: 120px
    }

    .customstyle-breakline-top:before {
        margin-bottom: 150px
    }
}

@media screen and (min-width:1440px) {

    .col-txt a.button,
    .col-txt a.button-brown,
    .col-txt a.button-cta {
        margin: 20px 20px 0 0
    }

    .cols.cols-33-33-33 .col:nth-child(2) {
        margin-top: 160px
    }

    .cols.cols-33-33-33 .col:nth-child(3) {
        margin-top: 85px
    }

    .cols-parallax {
        background-attachment: fixed
    }

    .col-module_slider .swiper:not(.wwmodule-list) .swiper-slide img {
        height: 500px
    }

    .col-pic .pic-info,
    .col-pic .pic-info h2 {
        font-size: 4rem
    }
}

.sitemap-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--main-font-stack)
}

.sitemap-content li {
    margin-bottom: 5px
}

.sitemap-content li a {
    display: block;
    padding: 10px 15px 10px 35px;
    color: rgb(var(--main-brown-color));
    text-decoration: none;
    border-radius: 4px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5
}

.sitemap-content li a:focus,
.sitemap-content li a:hover {
    background-color: rgba(var(--main-dark-color), .1);
    color: rgb(var(--main-dark-color));
    outline: 0
}

.sitemap-content li a::before {
    content: '•';
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(var(--main-brown-color), .6);
    font-size: 1.2em;
    transition: color .2s ease-in-out
}

.sitemap-content li a:focus::before,
.sitemap-content li a:hover::before {
    color: rgb(var(--main-dark-color))
}

.sitemap-content ul ul {
    margin-top: 5px;
    padding-left: 20px;
    border-left: 2px solid rgba(var(--main-dark-color), .15);
    margin-left: 15px
}

.sitemap-content ul ul li a {
    font-size: .92em;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px
}

.sitemap-content ul ul li a::before {
    left: 10px;
    color: rgba(var(--main-brown-color), .5)
}

.sitemap-content ul ul li a:focus::before,
.sitemap-content ul ul li a:hover::before {
    color: rgb(var(--main-dark-color))
}

.sitemap-content ul ul ul {
    padding-left: 20px;
    margin-top: 5px;
    border-left-color: rgba(var(--main-dark-color), .1)
}

.sitemap-content ul ul ul li a {
    font-size: .85em
}

.sitemap-content ul ul ul li a::before {
    color: rgba(var(--main-brown-color), .4)
}

.hero-page .topslider {
    transition: all .4s
}

.hero-page .topslider:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 50%;
    background-color: rgb(var(--sub-light-color));
    z-index: -1
}

.hero-page.jobs-detail #b-2:after,
.hero-page:not(.jobs-detail) #b-1:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: calc(var(--col-padding) + 100px);
    background-color: rgb(var(--main-light-color));
    z-index: -1
}

.hero-page.jobs-detail #b-2.customstyle-small-padding-bottom:after,
.hero-page:not(.jobs-detail) #b-1.customstyle-small-padding-bottom:after {
    height: calc(45px + 95px)
}

.hero-page.jobs-detail #b-2.customstyle-no-padding-bottom:after,
.hero-page:not(.jobs-detail) #b-1.customstyle-no-padding-bottom:after {
    height: 95px
}

.hero-page.jobs-detail #b-2,
.hero-page:not(.jobs-detail) #b-1 {
    background-color: rgb(var(--sub-light-color))
}

@media only screen and (min-width:1040px) {
    .hero-page .topslider {
        height: 100vh
    }

    .hero-page .topslider .swiper-wrapper {
        max-width: 1640px;
        height: 72vh;
        top: var(--header-height);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .hero-page .topslider .swiper-wrapper:before {
        display: none
    }

    body.hero-page.jobs-detail:not(.no-topslider) #b-2,
    body.hero-page:not(.no-topslider):not(.jobs-detail) #b-1 {
        padding-top: 115px
    }

    .hero-page.jobs-detail #b-2.customstyle-small-padding-bottom:after,
    .hero-page:not(.jobs-detail) #b-1.customstyle-small-padding-bottom:after {
        height: calc(65px + 100px)
    }

    .hero-page.jobs-detail #b-2.customstyle-no-padding-bottom:after,
    .hero-page:not(.jobs-detail) #b-1.customstyle-no-padding-bottom:after {
        height: 100px
    }

    body.hero-page .topslider .swiper-heading {
        bottom: 120px
    }

    body.hero-page .topslider .swiper-subheading {
        bottom: 100px
    }

    body.hero-page:not(.navi-active) .sideflag-wrapper {
        bottom: 15px
    }

    body.hero-page:not(.navi-active) .sideflag-title {
        color: rgb(var(--main-dark-color))
    }
}

@media only screen and (min-width:1440px) {
    .hero-page .topslider .swiper-wrapper {
        top: 180px
    }
}

@media only screen and (min-width:1700px) {
    .hero-page .topslider .swiper-wrapper:after {
        border-radius: 0 85px 0 0
    }

    .hero-page .topslider img {
        border-radius: 0 85px 0 0
    }
}

.sonnendeck-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
    width: 89%;
    max-width: 1640px;
    margin: 0 auto
}

.sonnendeck-slider {
    height: auto;
    width: 100%;
    overflow-y: visible
}

.sonnendeck-slider-box {
    height: 100%;
    width: 100%
}

.sonnendeck-slider,
.sonnendeck-slider .swiper-slide {
    position: relative
}

.sonnendeck-slider .swiper-slide {
    height: 400px
}

.sonnendeck-slider .swiper-slide:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(42, 42, 42, .5);
    border-radius: 0 60px 0 0;
    z-index: 1;
    pointer-events: none
}

.sonnendeck-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sonnendeck-slider-content {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    width: 89%;
    max-width: 1430px
}

.sonnendeck-slider-content * {
    color: rgb(var(--main-light-color))
}

.sonnendeck-slider-heading-wrapper {
    overflow: hidden
}

.sonnendeck-slider-heading-wrapper .h2-like,
.sonnendeck-slider-heading-wrapper .h2-like > * {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 10px;
    word-break: break-all;
    line-height: 1
}

.sonnendeck-slider-heading-wrapper .h3-like,
.sonnendeck-slider-heading-wrapper .h3-like > * {
    margin: 0;
    line-height: 1
}

.sonnendeck-slider-info {
    display: none
}

.sonnendeck-slider-info-mobile {
    background-color: rgb(var(--sub-light-color));
    padding: 20px
}

.sonnendeck-slider .swiper-button-next,
.sonnendeck-slider .swiper-button-prev {
    display: block;
    color: #fff;
}

.sonnendeck-slider .swiper-pagination {
    top: 370px;
    bottom: inherit;
    height: -webkit-fit-content;
    height: fit-content
}

.sonnendeck-slider .swiper-pagination-bullet {
    display: inline-block !important;
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
    border-color: rgb(var(--main-light-color)) !important
}

.sonnendeck-slider .swiper-pagination-bullet-active {
    background: rgb(var(--main-light-color)) !important;
    border-color: rgb(var(--main-light-color)) !important
}

.sonnendeck-slider .pause-play-button {
    top: 365px;
    left: 15px;
    bottom: inherit
}

@media only screen and (min-width:480px) {
    .sonnendeck-slider-info-mobile {
        background-color: rgb(var(--sub-light-color));
        padding: 30px 50px 30px 20px
    }
}

@media only screen and (min-width:1040px) {
    .sonnendeck-slider .swiper-slide {
        height: 600px
    }

    .sonnendeck-slider-heading-wrapper .h2-like,
    .sonnendeck-slider-heading-wrapper .h2-like > * {
        font-size: 6.4rem
    }

    .sonnendeck-slider .swiper-pagination {
        top: 560px
    }

    .sonnendeck-slider .pause-play-button {
        top: 555px
    }

    .sonnendeck-slider-info-mobile {
        padding: 40px 250px 40px 20px
    }
}

@media only screen and (min-width:1440px) {
    .sonnendeck-slider {
        height: 720px;
        overflow: hidden
    }

    .sonnendeck-slider .swiper-slide {
        height: 100%
    }

    .sonnendeck-slider-info-mobile {
        display: none
    }
}

@media only screen and (min-width:1440px) {
    .sonnendeck-container {
        row-gap: 75px
    }

    .sonnendeck-slider-content {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .sonnendeck-slider-heading-wrapper,
    .sonnendeck-slider-info {
        width: 44.75%
    }

    .sonnendeck-slider-heading-wrapper > h2 {
        margin: 0 0 10px
    }

    .sonnendeck-slider-heading-wrapper > h3 {
        margin: 0 0 5px
    }

    .sonnendeck-slider-info {
        display: block;
        max-width: 590px;
        margin-right: 3.5%;
        line-height: 1.6
    }

    .sonnendeck-slider .swiper-pagination {
        left: inherit;
        right: 30px;
        width: -webkit-fit-content;
        width: fit-content
    }

    .sonnendeck-slider .pause-play-button {
        top: 520px;
        left: inherit;
        right: 20px
    }

    .sonnendeck-slider .swiper-pagination-bullet {
        display: block !important;
        margin: 10px 0 !important
    }
}

@media only screen and (min-width:1700px) {
    .sonnendeck-slider:nth-child(odd) {
        margin-left: -35px
    }

    .sonnendeck-slider:nth-child(even) {
        margin-right: -35px
    }

    .sonnendeck-slider .swiper-pagination {
        right: 60px;
        bottom: 30px
    }

    .sonnendeck-slider .pause-play-button {
        right: 50px
    }
}

.hero-page.karriere #b-1 {
    z-index: 3;
    background-color: transparent
}

.hero-page.karriere #b-1:after {
    background-color: rgb(var(--sub-light-color));
    height: calc(100% - 100px) !important;
    top: 0;
    bottom: inherit;
    pointer-events: none
}

.hero-page.karriere #b-2.customstyle-big-parallax-bg {
    margin-top: -100px;
    height: 700px;
    mix-blend-mode: luminosity;
    background-size: cover
}

.hero-page.karriere #b-3 {
    padding: 70px 0 90px;
    background-color: rgba(var(--main-dark-color), .92);
    margin-top: -200px
}

.hero-page.karriere #b-2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130px;
    width: 100%;
    background: linear-gradient(0deg, #fff 0, #fff 23%, rgba(128, 128, 128, 0) 100%);
    pointer-events: none
}

.hero-page.karriere #b-2:after {
    display: none
}

.hero-page.karriere #b-3 .col-module_SitesComponents .wwsitescomponent {
    max-width: 1080px;
    margin-left: auto
}

.hero-page.karriere #b-3 .col-module_SitesComponents:before {
    content: 'gute gründe';
    display: block;
    font-size: 38px;
    font-size: 3.8rem;
    font-family: var(--main-font-stack);
    font-weight: 200;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin-bottom: 60px
}

.hero-page.karriere #b-3 .col-module_SitesComponents ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 45px;
    column-gap: 45px;
    row-gap: 60px;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.hero-page.karriere #b-3 .col-module_SitesComponents li {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center
}

.hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-pic {
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto 20px
}

.hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-pic img {
    height: 100%
}

.hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-title {
    font-size: 18px;
    font-size: 1.8rem;
    color: rgb(var(--main-light-color));
    font-weight: 400;
    max-width: 285px;
    margin: 0 auto;
    line-height: 1.5;
    text-transform: none
}

@media only screen and (min-width:480px) {
    .hero-page.karriere #b-2:before {
        height: 150px
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents li {
        width: 44%
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-pic img {
        height: 70px;
        object-fit: contain
    }
}

@media only screen and (min-width:1040px) {
    .hero-page.karriere .content {
        padding-bottom: 100px
    }

    .hero-page.karriere #b-2:before {
        height: 250px
    }

    .hero-page.karriere #b-2.customstyle-big-parallax-bg {
        height: 800px
    }

    .hero-page.karriere #b-3 {
        padding: 110px 0 130px;
        margin-top: -350px
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-column-gap: 70px;
        column-gap: 70px
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents:before {
        font-size: 6.4rem;
        margin-bottom: 0;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents ul {
        -webkit-column-gap: 75px;
        column-gap: 75px;
        row-gap: 120px
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents li {
        width: 26%;
        text-align: left;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-pic {
        margin: 0 0 35px
    }

    .hero-page.karriere #b-3 .col-module_SitesComponents .wwmodule-list-title {
        margin: 0
    }
}

@media only screen and (min-width:1440px) {
    .hero-page.karriere .content {
        padding-bottom: 70px
    }

    .hero-page.karriere #b-2:before {
        height: 300px
    }

    .hero-page.karriere #b-2.customstyle-big-parallax-bg {
        height: 1080px
    }

    .hero-page.karriere #b-3 {
        margin-top: -460px
    }
}

.sonnenstrahlen-employees-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    height: 690px;
    background-image: url();
    background-color: rgb(var(--main-dark-color));
    background-size: cover;
    background-position: center;
    transition: all .4s
}

.sonnenstrahlen-employees-wrapper {
    width: 89%;
    margin: 0 auto;
    max-width: 1640px
}

.sonnenstrahlen-employees-heading {
    color: rgb(var(--main-light-color))
}

.sonnenstrahlen-employees-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    -webkit-justify-content: center;
    justify-content: center;
    color: rgb(var(--main-light-color));
    font-weight: 700
}

.sonnenstrahlen-employees-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    row-gap: 5px;
    width: 100%;
    cursor: pointer
}

.sonnenstrahlen-employees-count {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1
}

.sonnenstrahlen-employees-title {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 0;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto
}

.sonnenstrahlen-employees-title:after,
.sonnenstrahlen-employees-title:before {
    content: '';
    width: 0;
    height: 1px;
    background-color: rgb(var(--main-light-color));
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .4s
}

.sonnenstrahlen-employees-title:before {
    bottom: inherit;
    top: 0
}

@media screen and (min-width:480px) {
    .sonnenstrahlen-employees-box {
        width: 45%
    }
}

@media screen and (min-width:768px) {
    .sonnenstrahlen-employees-heading {
        margin-bottom: 50px
    }

    .sonnenstrahlen-employees-box {
        width: 30%
    }
}

@media screen and (min-width:1040px) {
    .sonnenstrahlen-employees-container {
        height: 820px
    }

    .sonnenstrahlen-employees-heading {
        margin-bottom: 80px
    }

    .sonnenstrahlen-employees-box {
        width: 19.3%;
        row-gap: 15px
    }

    .sonnenstrahlen-employees-box.active .sonnenstrahlen-employees-title:after,
    .sonnenstrahlen-employees-box.active .sonnenstrahlen-employees-title:before {
        width: 100%
    }

    .sonnenstrahlen-employees-count {
        font-size: 3.6rem
    }
}

@media screen and (min-width:1440px) {
    .sonnenstrahlen-employees-content {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .sonnenstrahlen-employees-container {
        background-attachment: fixed
    }
}