[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

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

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

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

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

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

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

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

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

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #9a9a9a;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 2px;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 720px
    }
}

@media(min-width:1060px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px
    }
}

@media(min-width:1260px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1170px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:1060px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:1260px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:1600px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xxl-first {
        order: -1
    }
    .order-xxl-last {
        order: 13
    }
    .order-xxl-0 {
        order: 0
    }
    .order-xxl-1 {
        order: 1
    }
    .order-xxl-2 {
        order: 2
    }
    .order-xxl-3 {
        order: 3
    }
    .order-xxl-4 {
        order: 4
    }
    .order-xxl-5 {
        order: 5
    }
    .order-xxl-6 {
        order: 6
    }
    .order-xxl-7 {
        order: 7
    }
    .order-xxl-8 {
        order: 8
    }
    .order-xxl-9 {
        order: 9
    }
    .order-xxl-10 {
        order: 10
    }
    .order-xxl-11 {
        order: 11
    }
    .order-xxl-12 {
        order: 12
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xxl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xxl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xxl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xxl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #9a9a9a
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dedede
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dedede
}

.table tbody+tbody {
    border-top: 2px solid #dedede
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dedede
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dedede
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #9a9a9a;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #b8dbb8
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #7abd7a
}

.table-hover .table-success:hover {
    background-color: #a7d2a7
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #a7d2a7
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #d4d4ff
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #afafff
}

.table-hover .table-info:hover {
    background-color: #bbf
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #bbf
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffe6b8
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #ffd07a
}

.table-hover .table-warning:hover {
    background-color: #ffdd9f
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffdd9f
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #ffb8b8
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #ff7a7a
}

.table-hover .table-danger:hover {
    background-color: #ff9f9f
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ff9f9f
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfd
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #fcfcfc
}

.table-hover .table-light:hover {
    background-color: #f0f0f0
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #f0f0f0
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #ebebeb;
    border-color: #dedede
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media(max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width:1059.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width:1259.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

@media(max-width:1599.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xxl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: green !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #004d00 !important
}

.bg-info {
    background-color: #66f !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #33f !important
}

.bg-warning {
    background-color: orange !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #cc8400 !important
}

.bg-danger {
    background-color: red !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #c00 !important
}

.bg-light {
    background-color: #f9f9f9 !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #e0dfdf !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dedede !important
}

.border-top {
    border-top: 1px solid #dedede !important
}

.border-right {
    border-right: 1px solid #dedede !important
}

.border-bottom {
    border-bottom: 1px solid #dedede !important
}

.border-left {
    border-left: 1px solid #dedede !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: green !important
}

.border-info {
    border-color: #66f !important
}

.border-warning {
    border-color: orange !important
}

.border-danger {
    border-color: red !important
}

.border-light {
    border-color: #f9f9f9 !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: 2px !important
}

.rounded-top {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important
}

.rounded-right {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important
}

.rounded-bottom {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-left {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-lg {
    border-radius: 2px !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1060px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1260px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1600px) {
    .d-xxl-none {
        display: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media(min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1060px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1260px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1600px) {
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width:1060px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1260px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

@media(min-width:1600px) {
    .float-xxl-left {
        float: left !important
    }
    .float-xxl-right {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports(position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.m-6 {
    margin: 4rem !important
}

.mt-6,
.my-6 {
    margin-top: 4rem !important
}

.mr-6,
.mx-6 {
    margin-right: 4rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important
}

.ml-6,
.mx-6 {
    margin-left: 4rem !important
}

.m-7 {
    margin: 5rem !important
}

.mt-7,
.my-7 {
    margin-top: 5rem !important
}

.mr-7,
.mx-7 {
    margin-right: 5rem !important
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important
}

.ml-7,
.mx-7 {
    margin-left: 5rem !important
}

.m-8 {
    margin: 6.25rem !important
}

.mt-8,
.my-8 {
    margin-top: 6.25rem !important
}

.mr-8,
.mx-8 {
    margin-right: 6.25rem !important
}

.mb-8,
.my-8 {
    margin-bottom: 6.25rem !important
}

.ml-8,
.mx-8 {
    margin-left: 6.25rem !important
}

.m-9 {
    margin: 7.5rem !important
}

.mt-9,
.my-9 {
    margin-top: 7.5rem !important
}

.mr-9,
.mx-9 {
    margin-right: 7.5rem !important
}

.mb-9,
.my-9 {
    margin-bottom: 7.5rem !important
}

.ml-9,
.mx-9 {
    margin-left: 7.5rem !important
}

.m-10 {
    margin: 9.375rem !important
}

.mt-10,
.my-10 {
    margin-top: 9.375rem !important
}

.mr-10,
.mx-10 {
    margin-right: 9.375rem !important
}

.mb-10,
.my-10 {
    margin-bottom: 9.375rem !important
}

.ml-10,
.mx-10 {
    margin-left: 9.375rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.p-6 {
    padding: 4rem !important
}

.pt-6,
.py-6 {
    padding-top: 4rem !important
}

.pr-6,
.px-6 {
    padding-right: 4rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important
}

.pl-6,
.px-6 {
    padding-left: 4rem !important
}

.p-7 {
    padding: 5rem !important
}

.pt-7,
.py-7 {
    padding-top: 5rem !important
}

.pr-7,
.px-7 {
    padding-right: 5rem !important
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important
}

.pl-7,
.px-7 {
    padding-left: 5rem !important
}

.p-8 {
    padding: 6.25rem !important
}

.pt-8,
.py-8 {
    padding-top: 6.25rem !important
}

.pr-8,
.px-8 {
    padding-right: 6.25rem !important
}

.pb-8,
.py-8 {
    padding-bottom: 6.25rem !important
}

.pl-8,
.px-8 {
    padding-left: 6.25rem !important
}

.p-9 {
    padding: 7.5rem !important
}

.pt-9,
.py-9 {
    padding-top: 7.5rem !important
}

.pr-9,
.px-9 {
    padding-right: 7.5rem !important
}

.pb-9,
.py-9 {
    padding-bottom: 7.5rem !important
}

.pl-9,
.px-9 {
    padding-left: 7.5rem !important
}

.p-10 {
    padding: 9.375rem !important
}

.pt-10,
.py-10 {
    padding-top: 9.375rem !important
}

.pr-10,
.px-10 {
    padding-right: 9.375rem !important
}

.pb-10,
.py-10 {
    padding-bottom: 9.375rem !important
}

.pl-10,
.px-10 {
    padding-left: 9.375rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-n6 {
    margin: -4rem !important
}

.mt-n6,
.my-n6 {
    margin-top: -4rem !important
}

.mr-n6,
.mx-n6 {
    margin-right: -4rem !important
}

.mb-n6,
.my-n6 {
    margin-bottom: -4rem !important
}

.ml-n6,
.mx-n6 {
    margin-left: -4rem !important
}

.m-n7 {
    margin: -5rem !important
}

.mt-n7,
.my-n7 {
    margin-top: -5rem !important
}

.mr-n7,
.mx-n7 {
    margin-right: -5rem !important
}

.mb-n7,
.my-n7 {
    margin-bottom: -5rem !important
}

.ml-n7,
.mx-n7 {
    margin-left: -5rem !important
}

.m-n8 {
    margin: -6.25rem !important
}

.mt-n8,
.my-n8 {
    margin-top: -6.25rem !important
}

.mr-n8,
.mx-n8 {
    margin-right: -6.25rem !important
}

.mb-n8,
.my-n8 {
    margin-bottom: -6.25rem !important
}

.ml-n8,
.mx-n8 {
    margin-left: -6.25rem !important
}

.m-n9 {
    margin: -7.5rem !important
}

.mt-n9,
.my-n9 {
    margin-top: -7.5rem !important
}

.mr-n9,
.mx-n9 {
    margin-right: -7.5rem !important
}

.mb-n9,
.my-n9 {
    margin-bottom: -7.5rem !important
}

.ml-n9,
.mx-n9 {
    margin-left: -7.5rem !important
}

.m-n10 {
    margin: -9.375rem !important
}

.mt-n10,
.my-n10 {
    margin-top: -9.375rem !important
}

.mr-n10,
.mx-n10 {
    margin-right: -9.375rem !important
}

.mb-n10,
.my-n10 {
    margin-bottom: -9.375rem !important
}

.ml-n10,
.mx-n10 {
    margin-left: -9.375rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .m-sm-6 {
        margin: 4rem !important
    }
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 4rem !important
    }
    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 4rem !important
    }
    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 4rem !important
    }
    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 4rem !important
    }
    .m-sm-7 {
        margin: 5rem !important
    }
    .mt-sm-7,
    .my-sm-7 {
        margin-top: 5rem !important
    }
    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 5rem !important
    }
    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 5rem !important
    }
    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 5rem !important
    }
    .m-sm-8 {
        margin: 6.25rem !important
    }
    .mt-sm-8,
    .my-sm-8 {
        margin-top: 6.25rem !important
    }
    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 6.25rem !important
    }
    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 6.25rem !important
    }
    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 6.25rem !important
    }
    .m-sm-9 {
        margin: 7.5rem !important
    }
    .mt-sm-9,
    .my-sm-9 {
        margin-top: 7.5rem !important
    }
    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 7.5rem !important
    }
    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 7.5rem !important
    }
    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 7.5rem !important
    }
    .m-sm-10 {
        margin: 9.375rem !important
    }
    .mt-sm-10,
    .my-sm-10 {
        margin-top: 9.375rem !important
    }
    .mr-sm-10,
    .mx-sm-10 {
        margin-right: 9.375rem !important
    }
    .mb-sm-10,
    .my-sm-10 {
        margin-bottom: 9.375rem !important
    }
    .ml-sm-10,
    .mx-sm-10 {
        margin-left: 9.375rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .p-sm-6 {
        padding: 4rem !important
    }
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 4rem !important
    }
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 4rem !important
    }
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 4rem !important
    }
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 4rem !important
    }
    .p-sm-7 {
        padding: 5rem !important
    }
    .pt-sm-7,
    .py-sm-7 {
        padding-top: 5rem !important
    }
    .pr-sm-7,
    .px-sm-7 {
        padding-right: 5rem !important
    }
    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 5rem !important
    }
    .pl-sm-7,
    .px-sm-7 {
        padding-left: 5rem !important
    }
    .p-sm-8 {
        padding: 6.25rem !important
    }
    .pt-sm-8,
    .py-sm-8 {
        padding-top: 6.25rem !important
    }
    .pr-sm-8,
    .px-sm-8 {
        padding-right: 6.25rem !important
    }
    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 6.25rem !important
    }
    .pl-sm-8,
    .px-sm-8 {
        padding-left: 6.25rem !important
    }
    .p-sm-9 {
        padding: 7.5rem !important
    }
    .pt-sm-9,
    .py-sm-9 {
        padding-top: 7.5rem !important
    }
    .pr-sm-9,
    .px-sm-9 {
        padding-right: 7.5rem !important
    }
    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 7.5rem !important
    }
    .pl-sm-9,
    .px-sm-9 {
        padding-left: 7.5rem !important
    }
    .p-sm-10 {
        padding: 9.375rem !important
    }
    .pt-sm-10,
    .py-sm-10 {
        padding-top: 9.375rem !important
    }
    .pr-sm-10,
    .px-sm-10 {
        padding-right: 9.375rem !important
    }
    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 9.375rem !important
    }
    .pl-sm-10,
    .px-sm-10 {
        padding-left: 9.375rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-n6 {
        margin: -4rem !important
    }
    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -4rem !important
    }
    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -4rem !important
    }
    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -4rem !important
    }
    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -4rem !important
    }
    .m-sm-n7 {
        margin: -5rem !important
    }
    .mt-sm-n7,
    .my-sm-n7 {
        margin-top: -5rem !important
    }
    .mr-sm-n7,
    .mx-sm-n7 {
        margin-right: -5rem !important
    }
    .mb-sm-n7,
    .my-sm-n7 {
        margin-bottom: -5rem !important
    }
    .ml-sm-n7,
    .mx-sm-n7 {
        margin-left: -5rem !important
    }
    .m-sm-n8 {
        margin: -6.25rem !important
    }
    .mt-sm-n8,
    .my-sm-n8 {
        margin-top: -6.25rem !important
    }
    .mr-sm-n8,
    .mx-sm-n8 {
        margin-right: -6.25rem !important
    }
    .mb-sm-n8,
    .my-sm-n8 {
        margin-bottom: -6.25rem !important
    }
    .ml-sm-n8,
    .mx-sm-n8 {
        margin-left: -6.25rem !important
    }
    .m-sm-n9 {
        margin: -7.5rem !important
    }
    .mt-sm-n9,
    .my-sm-n9 {
        margin-top: -7.5rem !important
    }
    .mr-sm-n9,
    .mx-sm-n9 {
        margin-right: -7.5rem !important
    }
    .mb-sm-n9,
    .my-sm-n9 {
        margin-bottom: -7.5rem !important
    }
    .ml-sm-n9,
    .mx-sm-n9 {
        margin-left: -7.5rem !important
    }
    .m-sm-n10 {
        margin: -9.375rem !important
    }
    .mt-sm-n10,
    .my-sm-n10 {
        margin-top: -9.375rem !important
    }
    .mr-sm-n10,
    .mx-sm-n10 {
        margin-right: -9.375rem !important
    }
    .mb-sm-n10,
    .my-sm-n10 {
        margin-bottom: -9.375rem !important
    }
    .ml-sm-n10,
    .mx-sm-n10 {
        margin-left: -9.375rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .m-md-6 {
        margin: 4rem !important
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 4rem !important
    }
    .mr-md-6,
    .mx-md-6 {
        margin-right: 4rem !important
    }
    .mb-md-6,
    .my-md-6 {
        margin-bottom: 4rem !important
    }
    .ml-md-6,
    .mx-md-6 {
        margin-left: 4rem !important
    }
    .m-md-7 {
        margin: 5rem !important
    }
    .mt-md-7,
    .my-md-7 {
        margin-top: 5rem !important
    }
    .mr-md-7,
    .mx-md-7 {
        margin-right: 5rem !important
    }
    .mb-md-7,
    .my-md-7 {
        margin-bottom: 5rem !important
    }
    .ml-md-7,
    .mx-md-7 {
        margin-left: 5rem !important
    }
    .m-md-8 {
        margin: 6.25rem !important
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 6.25rem !important
    }
    .mr-md-8,
    .mx-md-8 {
        margin-right: 6.25rem !important
    }
    .mb-md-8,
    .my-md-8 {
        margin-bottom: 6.25rem !important
    }
    .ml-md-8,
    .mx-md-8 {
        margin-left: 6.25rem !important
    }
    .m-md-9 {
        margin: 7.5rem !important
    }
    .mt-md-9,
    .my-md-9 {
        margin-top: 7.5rem !important
    }
    .mr-md-9,
    .mx-md-9 {
        margin-right: 7.5rem !important
    }
    .mb-md-9,
    .my-md-9 {
        margin-bottom: 7.5rem !important
    }
    .ml-md-9,
    .mx-md-9 {
        margin-left: 7.5rem !important
    }
    .m-md-10 {
        margin: 9.375rem !important
    }
    .mt-md-10,
    .my-md-10 {
        margin-top: 9.375rem !important
    }
    .mr-md-10,
    .mx-md-10 {
        margin-right: 9.375rem !important
    }
    .mb-md-10,
    .my-md-10 {
        margin-bottom: 9.375rem !important
    }
    .ml-md-10,
    .mx-md-10 {
        margin-left: 9.375rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .p-md-6 {
        padding: 4rem !important
    }
    .pt-md-6,
    .py-md-6 {
        padding-top: 4rem !important
    }
    .pr-md-6,
    .px-md-6 {
        padding-right: 4rem !important
    }
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 4rem !important
    }
    .pl-md-6,
    .px-md-6 {
        padding-left: 4rem !important
    }
    .p-md-7 {
        padding: 5rem !important
    }
    .pt-md-7,
    .py-md-7 {
        padding-top: 5rem !important
    }
    .pr-md-7,
    .px-md-7 {
        padding-right: 5rem !important
    }
    .pb-md-7,
    .py-md-7 {
        padding-bottom: 5rem !important
    }
    .pl-md-7,
    .px-md-7 {
        padding-left: 5rem !important
    }
    .p-md-8 {
        padding: 6.25rem !important
    }
    .pt-md-8,
    .py-md-8 {
        padding-top: 6.25rem !important
    }
    .pr-md-8,
    .px-md-8 {
        padding-right: 6.25rem !important
    }
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 6.25rem !important
    }
    .pl-md-8,
    .px-md-8 {
        padding-left: 6.25rem !important
    }
    .p-md-9 {
        padding: 7.5rem !important
    }
    .pt-md-9,
    .py-md-9 {
        padding-top: 7.5rem !important
    }
    .pr-md-9,
    .px-md-9 {
        padding-right: 7.5rem !important
    }
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 7.5rem !important
    }
    .pl-md-9,
    .px-md-9 {
        padding-left: 7.5rem !important
    }
    .p-md-10 {
        padding: 9.375rem !important
    }
    .pt-md-10,
    .py-md-10 {
        padding-top: 9.375rem !important
    }
    .pr-md-10,
    .px-md-10 {
        padding-right: 9.375rem !important
    }
    .pb-md-10,
    .py-md-10 {
        padding-bottom: 9.375rem !important
    }
    .pl-md-10,
    .px-md-10 {
        padding-left: 9.375rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-n6 {
        margin: -4rem !important
    }
    .mt-md-n6,
    .my-md-n6 {
        margin-top: -4rem !important
    }
    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -4rem !important
    }
    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -4rem !important
    }
    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -4rem !important
    }
    .m-md-n7 {
        margin: -5rem !important
    }
    .mt-md-n7,
    .my-md-n7 {
        margin-top: -5rem !important
    }
    .mr-md-n7,
    .mx-md-n7 {
        margin-right: -5rem !important
    }
    .mb-md-n7,
    .my-md-n7 {
        margin-bottom: -5rem !important
    }
    .ml-md-n7,
    .mx-md-n7 {
        margin-left: -5rem !important
    }
    .m-md-n8 {
        margin: -6.25rem !important
    }
    .mt-md-n8,
    .my-md-n8 {
        margin-top: -6.25rem !important
    }
    .mr-md-n8,
    .mx-md-n8 {
        margin-right: -6.25rem !important
    }
    .mb-md-n8,
    .my-md-n8 {
        margin-bottom: -6.25rem !important
    }
    .ml-md-n8,
    .mx-md-n8 {
        margin-left: -6.25rem !important
    }
    .m-md-n9 {
        margin: -7.5rem !important
    }
    .mt-md-n9,
    .my-md-n9 {
        margin-top: -7.5rem !important
    }
    .mr-md-n9,
    .mx-md-n9 {
        margin-right: -7.5rem !important
    }
    .mb-md-n9,
    .my-md-n9 {
        margin-bottom: -7.5rem !important
    }
    .ml-md-n9,
    .mx-md-n9 {
        margin-left: -7.5rem !important
    }
    .m-md-n10 {
        margin: -9.375rem !important
    }
    .mt-md-n10,
    .my-md-n10 {
        margin-top: -9.375rem !important
    }
    .mr-md-n10,
    .mx-md-n10 {
        margin-right: -9.375rem !important
    }
    .mb-md-n10,
    .my-md-n10 {
        margin-bottom: -9.375rem !important
    }
    .ml-md-n10,
    .mx-md-n10 {
        margin-left: -9.375rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width:1060px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .m-lg-6 {
        margin: 4rem !important
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 4rem !important
    }
    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 4rem !important
    }
    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 4rem !important
    }
    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 4rem !important
    }
    .m-lg-7 {
        margin: 5rem !important
    }
    .mt-lg-7,
    .my-lg-7 {
        margin-top: 5rem !important
    }
    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 5rem !important
    }
    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 5rem !important
    }
    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 5rem !important
    }
    .m-lg-8 {
        margin: 6.25rem !important
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 6.25rem !important
    }
    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 6.25rem !important
    }
    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 6.25rem !important
    }
    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 6.25rem !important
    }
    .m-lg-9 {
        margin: 7.5rem !important
    }
    .mt-lg-9,
    .my-lg-9 {
        margin-top: 7.5rem !important
    }
    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 7.5rem !important
    }
    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 7.5rem !important
    }
    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 7.5rem !important
    }
    .m-lg-10 {
        margin: 9.375rem !important
    }
    .mt-lg-10,
    .my-lg-10 {
        margin-top: 9.375rem !important
    }
    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 9.375rem !important
    }
    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 9.375rem !important
    }
    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 9.375rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .p-lg-6 {
        padding: 4rem !important
    }
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 4rem !important
    }
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 4rem !important
    }
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 4rem !important
    }
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 4rem !important
    }
    .p-lg-7 {
        padding: 5rem !important
    }
    .pt-lg-7,
    .py-lg-7 {
        padding-top: 5rem !important
    }
    .pr-lg-7,
    .px-lg-7 {
        padding-right: 5rem !important
    }
    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 5rem !important
    }
    .pl-lg-7,
    .px-lg-7 {
        padding-left: 5rem !important
    }
    .p-lg-8 {
        padding: 6.25rem !important
    }
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 6.25rem !important
    }
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 6.25rem !important
    }
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 6.25rem !important
    }
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 6.25rem !important
    }
    .p-lg-9 {
        padding: 7.5rem !important
    }
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 7.5rem !important
    }
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 7.5rem !important
    }
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 7.5rem !important
    }
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 7.5rem !important
    }
    .p-lg-10 {
        padding: 9.375rem !important
    }
    .pt-lg-10,
    .py-lg-10 {
        padding-top: 9.375rem !important
    }
    .pr-lg-10,
    .px-lg-10 {
        padding-right: 9.375rem !important
    }
    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 9.375rem !important
    }
    .pl-lg-10,
    .px-lg-10 {
        padding-left: 9.375rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-n6 {
        margin: -4rem !important
    }
    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -4rem !important
    }
    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -4rem !important
    }
    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -4rem !important
    }
    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -4rem !important
    }
    .m-lg-n7 {
        margin: -5rem !important
    }
    .mt-lg-n7,
    .my-lg-n7 {
        margin-top: -5rem !important
    }
    .mr-lg-n7,
    .mx-lg-n7 {
        margin-right: -5rem !important
    }
    .mb-lg-n7,
    .my-lg-n7 {
        margin-bottom: -5rem !important
    }
    .ml-lg-n7,
    .mx-lg-n7 {
        margin-left: -5rem !important
    }
    .m-lg-n8 {
        margin: -6.25rem !important
    }
    .mt-lg-n8,
    .my-lg-n8 {
        margin-top: -6.25rem !important
    }
    .mr-lg-n8,
    .mx-lg-n8 {
        margin-right: -6.25rem !important
    }
    .mb-lg-n8,
    .my-lg-n8 {
        margin-bottom: -6.25rem !important
    }
    .ml-lg-n8,
    .mx-lg-n8 {
        margin-left: -6.25rem !important
    }
    .m-lg-n9 {
        margin: -7.5rem !important
    }
    .mt-lg-n9,
    .my-lg-n9 {
        margin-top: -7.5rem !important
    }
    .mr-lg-n9,
    .mx-lg-n9 {
        margin-right: -7.5rem !important
    }
    .mb-lg-n9,
    .my-lg-n9 {
        margin-bottom: -7.5rem !important
    }
    .ml-lg-n9,
    .mx-lg-n9 {
        margin-left: -7.5rem !important
    }
    .m-lg-n10 {
        margin: -9.375rem !important
    }
    .mt-lg-n10,
    .my-lg-n10 {
        margin-top: -9.375rem !important
    }
    .mr-lg-n10,
    .mx-lg-n10 {
        margin-right: -9.375rem !important
    }
    .mb-lg-n10,
    .my-lg-n10 {
        margin-bottom: -9.375rem !important
    }
    .ml-lg-n10,
    .mx-lg-n10 {
        margin-left: -9.375rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width:1260px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .m-xl-6 {
        margin: 4rem !important
    }
    .mt-xl-6,
    .my-xl-6 {
        margin-top: 4rem !important
    }
    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 4rem !important
    }
    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 4rem !important
    }
    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 4rem !important
    }
    .m-xl-7 {
        margin: 5rem !important
    }
    .mt-xl-7,
    .my-xl-7 {
        margin-top: 5rem !important
    }
    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 5rem !important
    }
    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 5rem !important
    }
    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 5rem !important
    }
    .m-xl-8 {
        margin: 6.25rem !important
    }
    .mt-xl-8,
    .my-xl-8 {
        margin-top: 6.25rem !important
    }
    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 6.25rem !important
    }
    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 6.25rem !important
    }
    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 6.25rem !important
    }
    .m-xl-9 {
        margin: 7.5rem !important
    }
    .mt-xl-9,
    .my-xl-9 {
        margin-top: 7.5rem !important
    }
    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 7.5rem !important
    }
    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 7.5rem !important
    }
    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 7.5rem !important
    }
    .m-xl-10 {
        margin: 9.375rem !important
    }
    .mt-xl-10,
    .my-xl-10 {
        margin-top: 9.375rem !important
    }
    .mr-xl-10,
    .mx-xl-10 {
        margin-right: 9.375rem !important
    }
    .mb-xl-10,
    .my-xl-10 {
        margin-bottom: 9.375rem !important
    }
    .ml-xl-10,
    .mx-xl-10 {
        margin-left: 9.375rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .p-xl-6 {
        padding: 4rem !important
    }
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 4rem !important
    }
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 4rem !important
    }
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 4rem !important
    }
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 4rem !important
    }
    .p-xl-7 {
        padding: 5rem !important
    }
    .pt-xl-7,
    .py-xl-7 {
        padding-top: 5rem !important
    }
    .pr-xl-7,
    .px-xl-7 {
        padding-right: 5rem !important
    }
    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 5rem !important
    }
    .pl-xl-7,
    .px-xl-7 {
        padding-left: 5rem !important
    }
    .p-xl-8 {
        padding: 6.25rem !important
    }
    .pt-xl-8,
    .py-xl-8 {
        padding-top: 6.25rem !important
    }
    .pr-xl-8,
    .px-xl-8 {
        padding-right: 6.25rem !important
    }
    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 6.25rem !important
    }
    .pl-xl-8,
    .px-xl-8 {
        padding-left: 6.25rem !important
    }
    .p-xl-9 {
        padding: 7.5rem !important
    }
    .pt-xl-9,
    .py-xl-9 {
        padding-top: 7.5rem !important
    }
    .pr-xl-9,
    .px-xl-9 {
        padding-right: 7.5rem !important
    }
    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 7.5rem !important
    }
    .pl-xl-9,
    .px-xl-9 {
        padding-left: 7.5rem !important
    }
    .p-xl-10 {
        padding: 9.375rem !important
    }
    .pt-xl-10,
    .py-xl-10 {
        padding-top: 9.375rem !important
    }
    .pr-xl-10,
    .px-xl-10 {
        padding-right: 9.375rem !important
    }
    .pb-xl-10,
    .py-xl-10 {
        padding-bottom: 9.375rem !important
    }
    .pl-xl-10,
    .px-xl-10 {
        padding-left: 9.375rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-n6 {
        margin: -4rem !important
    }
    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -4rem !important
    }
    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -4rem !important
    }
    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -4rem !important
    }
    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -4rem !important
    }
    .m-xl-n7 {
        margin: -5rem !important
    }
    .mt-xl-n7,
    .my-xl-n7 {
        margin-top: -5rem !important
    }
    .mr-xl-n7,
    .mx-xl-n7 {
        margin-right: -5rem !important
    }
    .mb-xl-n7,
    .my-xl-n7 {
        margin-bottom: -5rem !important
    }
    .ml-xl-n7,
    .mx-xl-n7 {
        margin-left: -5rem !important
    }
    .m-xl-n8 {
        margin: -6.25rem !important
    }
    .mt-xl-n8,
    .my-xl-n8 {
        margin-top: -6.25rem !important
    }
    .mr-xl-n8,
    .mx-xl-n8 {
        margin-right: -6.25rem !important
    }
    .mb-xl-n8,
    .my-xl-n8 {
        margin-bottom: -6.25rem !important
    }
    .ml-xl-n8,
    .mx-xl-n8 {
        margin-left: -6.25rem !important
    }
    .m-xl-n9 {
        margin: -7.5rem !important
    }
    .mt-xl-n9,
    .my-xl-n9 {
        margin-top: -7.5rem !important
    }
    .mr-xl-n9,
    .mx-xl-n9 {
        margin-right: -7.5rem !important
    }
    .mb-xl-n9,
    .my-xl-n9 {
        margin-bottom: -7.5rem !important
    }
    .ml-xl-n9,
    .mx-xl-n9 {
        margin-left: -7.5rem !important
    }
    .m-xl-n10 {
        margin: -9.375rem !important
    }
    .mt-xl-n10,
    .my-xl-n10 {
        margin-top: -9.375rem !important
    }
    .mr-xl-n10,
    .mx-xl-n10 {
        margin-right: -9.375rem !important
    }
    .mb-xl-n10,
    .my-xl-n10 {
        margin-bottom: -9.375rem !important
    }
    .ml-xl-n10,
    .mx-xl-n10 {
        margin-left: -9.375rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

@media(min-width:1600px) {
    .m-xxl-0 {
        margin: 0 !important
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: .25rem !important
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: .25rem !important
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: .5rem !important
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: .5rem !important
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important
    }
    .m-xxl-6 {
        margin: 4rem !important
    }
    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 4rem !important
    }
    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 4rem !important
    }
    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 4rem !important
    }
    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 4rem !important
    }
    .m-xxl-7 {
        margin: 5rem !important
    }
    .mt-xxl-7,
    .my-xxl-7 {
        margin-top: 5rem !important
    }
    .mr-xxl-7,
    .mx-xxl-7 {
        margin-right: 5rem !important
    }
    .mb-xxl-7,
    .my-xxl-7 {
        margin-bottom: 5rem !important
    }
    .ml-xxl-7,
    .mx-xxl-7 {
        margin-left: 5rem !important
    }
    .m-xxl-8 {
        margin: 6.25rem !important
    }
    .mt-xxl-8,
    .my-xxl-8 {
        margin-top: 6.25rem !important
    }
    .mr-xxl-8,
    .mx-xxl-8 {
        margin-right: 6.25rem !important
    }
    .mb-xxl-8,
    .my-xxl-8 {
        margin-bottom: 6.25rem !important
    }
    .ml-xxl-8,
    .mx-xxl-8 {
        margin-left: 6.25rem !important
    }
    .m-xxl-9 {
        margin: 7.5rem !important
    }
    .mt-xxl-9,
    .my-xxl-9 {
        margin-top: 7.5rem !important
    }
    .mr-xxl-9,
    .mx-xxl-9 {
        margin-right: 7.5rem !important
    }
    .mb-xxl-9,
    .my-xxl-9 {
        margin-bottom: 7.5rem !important
    }
    .ml-xxl-9,
    .mx-xxl-9 {
        margin-left: 7.5rem !important
    }
    .m-xxl-10 {
        margin: 9.375rem !important
    }
    .mt-xxl-10,
    .my-xxl-10 {
        margin-top: 9.375rem !important
    }
    .mr-xxl-10,
    .mx-xxl-10 {
        margin-right: 9.375rem !important
    }
    .mb-xxl-10,
    .my-xxl-10 {
        margin-bottom: 9.375rem !important
    }
    .ml-xxl-10,
    .mx-xxl-10 {
        margin-left: 9.375rem !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: .25rem !important
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: .25rem !important
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: .5rem !important
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: .5rem !important
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important
    }
    .p-xxl-6 {
        padding: 4rem !important
    }
    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 4rem !important
    }
    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 4rem !important
    }
    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 4rem !important
    }
    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 4rem !important
    }
    .p-xxl-7 {
        padding: 5rem !important
    }
    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 5rem !important
    }
    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 5rem !important
    }
    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 5rem !important
    }
    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 5rem !important
    }
    .p-xxl-8 {
        padding: 6.25rem !important
    }
    .pt-xxl-8,
    .py-xxl-8 {
        padding-top: 6.25rem !important
    }
    .pr-xxl-8,
    .px-xxl-8 {
        padding-right: 6.25rem !important
    }
    .pb-xxl-8,
    .py-xxl-8 {
        padding-bottom: 6.25rem !important
    }
    .pl-xxl-8,
    .px-xxl-8 {
        padding-left: 6.25rem !important
    }
    .p-xxl-9 {
        padding: 7.5rem !important
    }
    .pt-xxl-9,
    .py-xxl-9 {
        padding-top: 7.5rem !important
    }
    .pr-xxl-9,
    .px-xxl-9 {
        padding-right: 7.5rem !important
    }
    .pb-xxl-9,
    .py-xxl-9 {
        padding-bottom: 7.5rem !important
    }
    .pl-xxl-9,
    .px-xxl-9 {
        padding-left: 7.5rem !important
    }
    .p-xxl-10 {
        padding: 9.375rem !important
    }
    .pt-xxl-10,
    .py-xxl-10 {
        padding-top: 9.375rem !important
    }
    .pr-xxl-10,
    .px-xxl-10 {
        padding-right: 9.375rem !important
    }
    .pb-xxl-10,
    .py-xxl-10 {
        padding-bottom: 9.375rem !important
    }
    .pl-xxl-10,
    .px-xxl-10 {
        padding-left: 9.375rem !important
    }
    .m-xxl-n1 {
        margin: -.25rem !important
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -.25rem !important
    }
    .m-xxl-n2 {
        margin: -.5rem !important
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -.5rem !important
    }
    .m-xxl-n3 {
        margin: -1rem !important
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important
    }
    .m-xxl-n4 {
        margin: -1.5rem !important
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xxl-n5 {
        margin: -3rem !important
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -3rem !important
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important
    }
    .m-xxl-n6 {
        margin: -4rem !important
    }
    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -4rem !important
    }
    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -4rem !important
    }
    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -4rem !important
    }
    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -4rem !important
    }
    .m-xxl-n7 {
        margin: -5rem !important
    }
    .mt-xxl-n7,
    .my-xxl-n7 {
        margin-top: -5rem !important
    }
    .mr-xxl-n7,
    .mx-xxl-n7 {
        margin-right: -5rem !important
    }
    .mb-xxl-n7,
    .my-xxl-n7 {
        margin-bottom: -5rem !important
    }
    .ml-xxl-n7,
    .mx-xxl-n7 {
        margin-left: -5rem !important
    }
    .m-xxl-n8 {
        margin: -6.25rem !important
    }
    .mt-xxl-n8,
    .my-xxl-n8 {
        margin-top: -6.25rem !important
    }
    .mr-xxl-n8,
    .mx-xxl-n8 {
        margin-right: -6.25rem !important
    }
    .mb-xxl-n8,
    .my-xxl-n8 {
        margin-bottom: -6.25rem !important
    }
    .ml-xxl-n8,
    .mx-xxl-n8 {
        margin-left: -6.25rem !important
    }
    .m-xxl-n9 {
        margin: -7.5rem !important
    }
    .mt-xxl-n9,
    .my-xxl-n9 {
        margin-top: -7.5rem !important
    }
    .mr-xxl-n9,
    .mx-xxl-n9 {
        margin-right: -7.5rem !important
    }
    .mb-xxl-n9,
    .my-xxl-n9 {
        margin-bottom: -7.5rem !important
    }
    .ml-xxl-n9,
    .mx-xxl-n9 {
        margin-left: -7.5rem !important
    }
    .m-xxl-n10 {
        margin: -9.375rem !important
    }
    .mt-xxl-n10,
    .my-xxl-n10 {
        margin-top: -9.375rem !important
    }
    .mr-xxl-n10,
    .mx-xxl-n10 {
        margin-right: -9.375rem !important
    }
    .mb-xxl-n10,
    .my-xxl-n10 {
        margin-bottom: -9.375rem !important
    }
    .ml-xxl-n10,
    .mx-xxl-n10 {
        margin-left: -9.375rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:1060px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1260px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1600px) {
    .text-xxl-left {
        text-align: left !important
    }
    .text-xxl-right {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: green !important
}

a.text-success:hover,
a.text-success:focus {
    color: #003400 !important
}

.text-info {
    color: #66f !important
}

a.text-info:hover,
a.text-info:focus {
    color: #1a1aff !important
}

.text-warning {
    color: orange !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #b37400 !important
}

.text-danger {
    color: red !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #b30000 !important
}

.text-light {
    color: #f9f9f9 !important
}

a.text-light:hover,
a.text-light:focus {
    color: lightgray !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #9a9a9a !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

._bg-white {
    background-color: #fff
}

._bg-black {
    background-color: #000
}

._bg-primary {
    background-color: #ffcd00
}

@-webkit-keyframes primaryBtnOpen {
    0% {
        transform: scaleX(1) perspective(500px) rotateY(0deg);
        right: 0
    }
    40% {
        right: 30%
    }
    100% {
        transform: scaleX(0.5) perspective(500px) rotateY(-88deg)
    }
}

@keyframes primaryBtnOpen {
    0% {
        transform: scaleX(1) perspective(500px) rotateY(0deg);
        right: 0
    }
    40% {
        right: 30%
    }
    100% {
        transform: scaleX(0.5) perspective(500px) rotateY(-88deg)
    }
}

@-webkit-keyframes primaryBtnClose {
    0% {
        transform: scaleX(0.5) perspective(500px) rotateY(-88deg)
    }
    100% {
        transform: scaleX(1) perspective(500px) rotateY(0deg)
    }
}

@keyframes primaryBtnClose {
    0% {
        transform: scaleX(0.5) perspective(500px) rotateY(-88deg)
    }
    100% {
        transform: scaleX(1) perspective(500px) rotateY(0deg)
    }
}

@-webkit-keyframes searchInputOpen {
    0% {
        border-color: transparent;
        width: 0
    }
    15% {
        border-color: #d8d8d8;
        width: 0
    }
    50% {
        border-color: #d8d8d8;
        width: 250px
    }
    70% {
        border-color: #d8d8d8;
        width: 250px
    }
    95% {
        width: 250px
    }
}

@keyframes searchInputOpen {
    0% {
        border-color: transparent;
        width: 0
    }
    15% {
        border-color: #d8d8d8;
        width: 0
    }
    50% {
        border-color: #d8d8d8;
        width: 250px
    }
    70% {
        border-color: #d8d8d8;
        width: 250px
    }
    95% {
        width: 250px
    }
}

@-webkit-keyframes searchInputClose {
    0% {
        border-color: #d8d8d8;
        width: 250px
    }
    50% {
        border-color: #d8d8d8;
        width: 0
    }
    60% {
        width: 0;
        border-color: transparent
    }
    95% {
        width: 0;
        border-color: transparent
    }
}

@keyframes searchInputClose {
    0% {
        border-color: #d8d8d8;
        width: 250px
    }
    50% {
        border-color: #d8d8d8;
        width: 0
    }
    60% {
        width: 0;
        border-color: transparent
    }
    95% {
        width: 0;
        border-color: transparent
    }
}

@-webkit-keyframes headerStickAnimation {
    0% {
        transform: translate(0, -100%)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes headerStickAnimation {
    0% {
        transform: translate(0, -100%)
    }
    100% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes showMainHeading {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(110%)
    }
}

@keyframes showMainHeading {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(110%)
    }
}

@-webkit-keyframes floatMockup {
    0% {
        transform: translate(-50%, -50%)
    }
    25% {
        transform: translate(-50%, -48%)
    }
    50% {
        transform: translate(-50%, -51%)
    }
    75% {
        transform: translate(-50%, -54%)
    }
    100% {
        transform: translate(-50%, -50%)
    }
}

@keyframes floatMockup {
    0% {
        transform: translate(-50%, -50%)
    }
    25% {
        transform: translate(-50%, -48%)
    }
    50% {
        transform: translate(-50%, -51%)
    }
    75% {
        transform: translate(-50%, -54%)
    }
    100% {
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.btn--primary,
.btn--secondary,
.btn--dark {
    font-size: 16px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background-color: #ffcd00;
    text-decoration: none !important;
    padding: 1.2rem 3.2rem;
    transition: .2s background-color;
    position: relative
}

.btn--primary:disabled,
.btn--secondary:disabled,
.btn--dark:disabled,
.btn--primary[disabled],
.btn--secondary[disabled],
.btn--dark[disabled] {
    opacity: .6;
    pointer-events: none
}

.btn--primary:disabled:after,
.btn--secondary:disabled:after,
.btn--dark:disabled:after,
.btn--primary[disabled]:after,
.btn--secondary[disabled]:after,
.btn--dark[disabled]:after {
    display: none
}

.btn--primary:disabled:hover,
.btn--secondary:disabled:hover,
.btn--dark:disabled:hover,
.btn--primary[disabled]:hover,
.btn--secondary[disabled]:hover,
.btn--dark[disabled]:hover {
    background-color: #ffcd00
}

.btn--primary:disabled:hover>span,
.btn--secondary:disabled:hover>span,
.btn--dark:disabled:hover>span,
.btn--primary[disabled]:hover>span,
.btn--secondary[disabled]:hover>span,
.btn--dark[disabled]:hover>span {
    transform: scale(1)
}

.btn--primary.-secondary,
.-secondary.btn--secondary,
.-secondary.btn--dark {
    font-family: "Dinamit", sans-serif
}

.btn--primary>span,
.btn--secondary>span,
.btn--dark>span {
    position: relative;
    z-index: 100;
    display: block;
    transform: scale(1) translate3d(0px, 0px, 0px);
    transition: all .2s ease;
    color: #3c3c3c
}

.btn--primary:after,
.btn--secondary:after,
.btn--dark:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ffcd00;
    transform: perspective(500px) rotateY(0deg);
    transform-origin: left center;
    transition: transform .3s ease, background-color .3s ease;
    -webkit-animation: primaryBtnClose .3s both;
    animation: primaryBtnClose .3s both;
    -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}

.btn--primary.-outlineprimary,
.-outlineprimary.btn--secondary,
.-outlineprimary.btn--dark {
    outline: 0
}

.btn--primary.-outlineprimary:hover:after,
.-outlineprimary.btn--secondary:hover:after,
.-outlineprimary.btn--dark:hover:after {
    background-color: #ffcd00
}

.btn--primary.-outlineprimary:after,
.-outlineprimary.btn--secondary:after,
.-outlineprimary.btn--dark:after {
    background-color: #fff;
    border: 3px solid #ffcd00
}

.btn--primary.-outlineblack,
.-outlineblack.btn--secondary,
.-outlineblack.btn--dark {
    outline: 0;
    background-color: transparent !important;
    border: 3px solid #000
}

.btn--primary.-outlineblack:hover:after,
.-outlineblack.btn--secondary:hover:after,
.-outlineblack.btn--dark:hover:after {
    background-color: #000
}

.btn--primary.-outlineblack:after,
.-outlineblack.btn--secondary:after,
.-outlineblack.btn--dark:after {
    background-color: transparent !important;
    display: none !important
}

.btn--primary.-outlineblack>span,
.-outlineblack.btn--secondary>span,
.-outlineblack.btn--dark>span {
    transition: none !important;
    transform: none !important
}

.btn--primary.-noanimation:after,
.-noanimation.btn--secondary:after,
.-noanimation.btn--dark:after {
    -webkit-animation: none;
    animation: none
}

.btn--primary.-noanimation:hover:after,
.-noanimation.btn--secondary:hover:after,
.-noanimation.btn--dark:hover:after {
    display: none
}

.btn--primary.-blue,
.-blue.btn--secondary,
.-blue.btn--dark {
    background-color: #0098d9;
    color: #fff
}

.btn--primary.-blue:hover:after,
.-blue.btn--secondary:hover:after,
.-blue.btn--dark:hover:after {
    background-color: #0098d9
}

.btn--primary.-blue:hover,
.-blue.btn--secondary:hover,
.-blue.btn--dark:hover {
    background-color: #0074a6
}

.btn--primary.-blue:after,
.-blue.btn--secondary:after,
.-blue.btn--dark:after {
    background-color: #0098d9;
    border: 3px solid #0098d9
}

.btn--primary.-blue>span,
.-blue.btn--secondary>span,
.-blue.btn--dark>span {
    color: #fff
}

.btn--primary.-white,
.-white.btn--secondary,
.-white.btn--dark {
    background-color: #fff;
    color: #000
}

.btn--primary.-white:hover:after,
.-white.btn--secondary:hover:after,
.-white.btn--dark:hover:after {
    background-color: #fff
}

.btn--primary.-white:hover,
.-white.btn--secondary:hover,
.-white.btn--dark:hover {
    background-color: #e6e5e5
}

.btn--primary.-white:after,
.-white.btn--secondary:after,
.-white.btn--dark:after {
    background-color: #fff;
    border: 3px solid #fff
}

.btn--primary.-white>span,
.-white.btn--secondary>span,
.-white.btn--dark>span {
    color: #000
}

.btn--primary.-pink,
.-pink.btn--secondary,
.-pink.btn--dark {
    background-color: #d93077;
    color: #fff
}

.btn--primary.-pink:hover:after,
.-pink.btn--secondary:hover:after,
.-pink.btn--dark:hover:after {
    background-color: #d93077
}

.btn--primary.-pink:hover,
.-pink.btn--secondary:hover,
.-pink.btn--dark:hover {
    background-color: #b5215f
}

.btn--primary.-pink:after,
.-pink.btn--secondary:after,
.-pink.btn--dark:after {
    background-color: #d93077;
    border: 3px solid #d93077
}

.btn--primary.-pink>span,
.-pink.btn--secondary>span,
.-pink.btn--dark>span {
    color: #fff
}

.btn--primary.-narrower,
.-narrower.btn--secondary,
.-narrower.btn--dark {
    padding: 1.2rem 1.9rem
}

.btn--primary.-newsletter,
.-newsletter.btn--secondary,
.-newsletter.btn--dark {
    padding: 1.2rem 2.32rem
}

.btn--primary.-presslong,
.-presslong.btn--secondary,
.-presslong.btn--dark {
    min-width: 197px;
    text-align: center
}

.btn--primary.-full,
.-full.btn--secondary,
.-full.btn--dark {
    width: 100%
}

.btn--primary.-dark,
.-dark.btn--secondary,
.-dark.btn--dark {
    background-color: transparent
}

.btn--primary.-dark:hover span,
.-dark.btn--secondary:hover span,
.-dark.btn--dark:hover span {
    color: #3c3c3c
}

.btn--primary.-dark:after,
.-dark.btn--secondary:after,
.-dark.btn--dark:after {
    background-color: transparent
}

.btn--primary.-dark>span,
.-dark.btn--secondary>span,
.-dark.btn--dark>span {
    color: #ffcd00
}

.btn--primary.-pink,
.-pink.btn--secondary,
.-pink.btn--dark {
    background-color: #d93077;
    color: #fff
}

.btn--primary.-pink:hover:after,
.-pink.btn--secondary:hover:after,
.-pink.btn--dark:hover:after {
    background-color: #d93077
}

.btn--primary.-pink:hover,
.-pink.btn--secondary:hover,
.-pink.btn--dark:hover {
    background-color: #b5215f
}

.btn--primary.-pink:after,
.-pink.btn--secondary:after,
.-pink.btn--dark:after {
    background-color: #d93077;
    border: 3px solid #d93077
}

.btn--primary.-pink>span,
.-pink.btn--secondary>span,
.-pink.btn--dark>span {
    color: #fff
}

.btn--primary.-withtext,
.-withtext.btn--secondary,
.-withtext.btn--dark {
    padding: .6rem 1rem
}

.btn--primary.-withtext>span>p,
.-withtext.btn--secondary>span>p,
.-withtext.btn--dark>span>p {
    line-height: 1
}

.btn--primary.-eko,
.-eko.btn--secondary,
.-eko.btn--dark {
    background-color: #98c93c
}

.btn--primary.-eko:hover,
.-eko.btn--secondary:hover,
.-eko.btn--dark:hover {
    background-color: #7ba42e
}

.btn--primary.-eko:hover span,
.-eko.btn--secondary:hover span,
.-eko.btn--dark:hover span {
    color: #fff
}

.btn--primary.-eko:hover:after,
.-eko.btn--secondary:hover:after,
.-eko.btn--dark:hover:after {
    background-color: #98c93c
}

.btn--primary.-eko:after,
.-eko.btn--secondary:after,
.-eko.btn--dark:after {
    background-color: #98c93c
}

.btn--primary.-eko>span,
.-eko.btn--secondary>span,
.-eko.btn--dark>span {
    color: #fff
}

.btn--primary.-login,
.-login.btn--secondary,
.-login.btn--dark {
    background-color: transparent;
    font-weight: 500;
    position: relative;
    padding: 0 15px 0 35px
}

.btn--primary.-login>i,
.-login.btn--secondary>i,
.-login.btn--dark>i {
    font-size: 24px;
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(-20%, -50%)
}

.btn--primary.-login>i>.path1,
.-login.btn--secondary>i>.path1,
.-login.btn--dark>i>.path1 {
    right: -12px;
    position: relative;
    z-index: -1
}

.btn--primary.-login:after,
.-login.btn--secondary:after,
.-login.btn--dark:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%)
}

.btn--primary.-login:hover,
.-login.btn--secondary:hover,
.-login.btn--dark:hover {
    background-color: transparent
}

.btn--primary.-login:hover:after,
.-login.btn--secondary:hover:after,
.-login.btn--dark:hover:after {
    -webkit-animation: none;
    animation: none;
    background-color: transparent
}

.btn--primary.-large-font,
.-large-font.btn--secondary,
.-large-font.btn--dark {
    font-size: 2.4rem
}

.btn--primary.-big-font,
.-big-font.btn--secondary,
.-big-font.btn--dark {
    font-size: 1.8rem
}

.btn--primary.-big,
.-big.btn--secondary,
.-big.btn--dark {
    padding: 1.8rem 5.7rem
}

.btn--primary.-career,
.-career.btn--secondary,
.-career.btn--dark {
    padding: 1.2rem 2.1rem
}

.btn--primary.-white,
.-white.btn--secondary,
.-white.btn--dark {
    background-color: #fff
}

.btn--primary.-white:hover,
.-white.btn--secondary:hover,
.-white.btn--dark:hover {
    background-color: #f2f2f2
}

.btn--primary.-white:hover:after,
.-white.btn--secondary:hover:after,
.-white.btn--dark:hover:after {
    background-color: #fff
}

.btn--primary.-white:after,
.-white.btn--secondary:after,
.-white.btn--dark:after {
    background-color: #fff
}

.btn--primary.-white>span,
.-white.btn--secondary>span,
.-white.btn--dark>span {
    color: #3c3c3c
}

.btn--primary.-outlinewhite,
.-outlinewhite.btn--secondary,
.-outlinewhite.btn--dark {
    background-color: transparent
}

.btn--primary.-outlinewhite:hover:after,
.-outlinewhite.btn--secondary:hover:after,
.-outlinewhite.btn--dark:hover:after {
    background-color: #ffcd00
}

.btn--primary.-outlinewhite:after,
.-outlinewhite.btn--secondary:after,
.-outlinewhite.btn--dark:after {
    background-color: transparent;
    border: 3px solid #fff
}

.btn--primary.-outlinewhite>span,
.-outlinewhite.btn--secondary>span,
.-outlinewhite.btn--dark>span {
    color: #fff
}

.btn--primary.-weekendpackage,
.-weekendpackage.btn--secondary,
.-weekendpackage.btn--dark {
    background-color: #683a88
}

.btn--primary.-weekendpackage>span,
.-weekendpackage.btn--secondary>span,
.-weekendpackage.btn--dark>span {
    color: #fff
}

.btn--primary.-weekendpackage:after,
.-weekendpackage.btn--secondary:after,
.-weekendpackage.btn--dark:after {
    background-color: #683a88
}

.btn--primary.-weekendpackage:hover,
.-weekendpackage.btn--secondary:hover,
.-weekendpackage.btn--dark:hover {
    background-color: #4d2b64
}

.btn--primary.-weekendpackage:hover:after,
.-weekendpackage.btn--secondary:hover:after,
.-weekendpackage.btn--dark:hover:after {
    background-color: #683a88
}

.btn--primary.-outlinedark,
.-outlinedark.btn--secondary,
.-outlinedark.btn--dark {
    background-color: transparent
}

.btn--primary.-outlinedark:hover:after,
.-outlinedark.btn--secondary:hover:after,
.-outlinedark.btn--dark:hover:after {
    background-color: #ffcd00
}

.btn--primary.-outlinedark:after,
.-outlinedark.btn--secondary:after,
.-outlinedark.btn--dark:after {
    background-color: transparent;
    border: 3px solid #3c3c3c
}

.btn--primary.-outlinedark>span,
.-outlinedark.btn--secondary>span,
.-outlinedark.btn--dark>span {
    color: #3c3c3c
}

.btn--primary>.hide,
.btn--secondary>.hide,
.btn--dark>.hide {
    display: none
}

.btn--primary.-opened>.hide,
.-opened.btn--secondary>.hide,
.-opened.btn--dark>.hide {
    display: inline
}

.btn--primary.-opened>.show,
.-opened.btn--secondary>.show,
.-opened.btn--dark>.show {
    display: none
}

.btn--secondary {
    font-family: "Dinamit", sans-serif;
    background-color: #d93077
}

.btn--secondary:after {
    background-color: #d93077
}

.btn--secondary>span {
    color: #fff
}

.btn--secondary.-placement {
    font-family: "Montserrat", sans-serif;
    font-size: 1.8rem
}

.btn--dark {
    background-color: #565555
}

.btn--dark:after {
    background-color: #3c3c3c
}

.btn--dark>span {
    color: #fff
}

.btn--downloadapp {
    background-color: #000;
    border-radius: 7px;
    display: inline-block;
    padding: 5px 12px;
    margin: 0 0 15px;
    max-width: 160px
}

.btn--downloadapp.-trackingsmall {
    margin: 0 0 10px;
    max-width: 120px
}

.btn--mobile {
    border: 0;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    position: relative
}

.btn--mobile>span {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #000;
    transition: .2s all
}

.btn--mobile>span:not(:last-child) {
    margin-bottom: 6px
}

.btn--mobile>i {
    font-size: 24px
}

.btn--mobile.-opened {
    transform: translate(-10px, 0)
}

.btn--mobile.-opened>span:nth-child(1) {
    transform: translate(0px, 9px) rotate(-45deg)
}

.btn--mobile.-opened>span:nth-child(2) {
    opacity: 0
}

.btn--mobile.-opened>span:nth-child(3) {
    transform: translate(0, -9px) rotate(45deg)
}

.btn--search {
    background: transparent;
    border: 0;
    position: relative;
    z-index: 1;
    outline: 0 !important;
    display: inline-block;
    margin: 0 6px 0 0
}

.btn--search.-active>i {
    color: #ffcd00
}

.btn--search>i {
    font-size: 24px;
    color: #000
}

.btn--search:hover {
    text-decoration: none
}

.btn--search:hover>i {
    text-decoration: none;
    color: #000
}

.btn--cta--header {
    display: inline-block;
    padding: 8px 0 8px 30px;
    color: #3c3c3c;
    position: relative;
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 500
}

.btn--cta--header:nth-child(1) {
    margin-right: 15px
}

.btn--cta--header>i {
    position: absolute;
    font-size: 20px;
    left: 0
}

.btn--cta--header:hover {
    color: #3c3c3c
}

.btn--cta--header.-wave {
    background-image: url(themes/custom/inpost/css/../images/common/wave-bcg.png)
}

.btn--video--play {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #ffcd00;
    position: absolute;
    border: 0;
    box-shadow: none;
    transition: .1s all ease-out;
    top: 15px;
    right: 15px;
    z-index: 2
}

.btn--video--play:hover {
    transform: scale(1.07)
}

.btn--video--play.-play:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 17px;
    border-color: transparent transparent transparent #fff
}

.btn--video--play.-stop:before,
.btn--video--play.-stop:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0
}

.btn--video--play.-stop:before {
    width: 18px;
    height: 20px;
    background-color: #fff
}

.btn--video--play.-stop:after {
    width: 6px;
    height: 20px;
    background-color: #ffcd00
}

.btn--video--play.-big {
    background-color: #ffcb04;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57px;
    height: 57px
}

.btn--video--play.-big:hover {
    transform: translate(-50%, -50%) scale(1.07)
}

.btn--video--play.-big.-play:before {
    border-width: 12px 0 12px 23px
}

.btn--video--play.-carrer {
    width: 35px;
    height: 35px;
    border-radius: 0
}

.btn--card--switcher {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 3px 5px;
    text-decoration: none !important;
    color: #3c3c3c;
    letter-spacing: -.5px
}

.btn--card--switcher:hover {
    color: #3c3c3c
}

.btn--card--switcher.-active {
    background-color: #ffcd00;
    font-weight: bold
}

.link--primary {
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    color: #ffcd00;
    margin: 0 -5px;
    padding: 3px 5px
}

.link--primary:hover,
.link--primary:focus {
    background: #ffcd00;
    color: #3c3c3c;
    text-decoration: none
}

.link--primary.-basecolor {
    color: #3c3c3c
}

.link--primary.-nobg {
    background-color: none
}

.link--component,
.helpdesk--component>.item>.description a,
.blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    font-size: 1.6rem;
    color: #3c3c3c;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
    display: inline;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
    box-shadow: inset 0 -.4rem 0 #ffcd00;
    transition: all .3s
}

.link--component:hover,
.helpdesk--component>.item>.description a:hover,
.blog--content a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    text-decoration: none;
    color: #3c3c3c;
    box-shadow: inset 0 -1.9rem 0 #ffcd00
}

.link--component.-whitedecor,
.helpdesk--component>.item>.description a.-whitedecor,
.blog--content a.-whitedecor:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -.4rem 0 #fff
}

.link--component.-whitedecor:hover,
.helpdesk--component>.item>.description a.-whitedecor:hover,
.blog--content a.-whitedecor:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -1.9rem 0 #fff
}

.link--component.-eko,
.helpdesk--component>.item>.description a.-eko,
.blog--content a.-eko:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -.4rem 0 #9aca3c
}

.link--component.-eko:hover,
.helpdesk--component>.item>.description a.-eko:hover,
.blog--content a.-eko:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -1.9rem 0 #9aca3c
}

.link--component.-withtriangle,
.helpdesk--component>.item>.description a.-withtriangle,
.blog--content a.-withtriangle:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    padding-right: 15px
}

.link--component.-withtriangle:before,
.helpdesk--component>.item>.description a.-withtriangle:before,
.blog--content a.-withtriangle:not(.socialink):not(.tag--component):not(.btn--primary):not(.btn--secondary):not(.btn--dark):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%) rotate(-90deg)
}

.link--component.-withtrianglecustom>span,
.helpdesk--component>.item>.description a.-withtrianglecustom>span,
.blog--content a.-withtrianglecustom:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>span {
    padding-right: 15px;
    position: relative;
    display: inline-block
}

.link--component.-withtrianglecustom>span:before,
.helpdesk--component>.item>.description a.-withtrianglecustom>span:before,
.blog--content a.-withtrianglecustom:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>span:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%) rotate(-90deg)
}

.link--component.-withtrianglehorizontal,
.helpdesk--component>.item>.description a.-withtrianglehorizontal,
.blog--content a.-withtrianglehorizontal:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    padding-right: 15px
}

.link--component.-withtrianglehorizontal:before,
.helpdesk--component>.item>.description a.-withtrianglehorizontal:before,
.blog--content a.-withtrianglehorizontal:not(.socialink):not(.tag--component):not(.btn--primary):not(.btn--secondary):not(.btn--dark):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%);
    transition: .3s transform
}

.link--component.-withtrianglehorizontal.-rotated:before,
.helpdesk--component>.item>.description a.-withtrianglehorizontal.-rotated:before,
.blog--content a.-withtrianglehorizontal.-rotated:not(.socialink):not(.tag--component):not(.btn--primary):not(.btn--secondary):not(.btn--dark):before {
    transform: translate(0, -50%) rotate(180deg)
}

.link--component.-secondary,
.helpdesk--component>.item>.description a.-secondary,
.blog--content a.-secondary:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-family: "Dinamit", sans-serif
}

.link--component.-weight700,
.helpdesk--component>.item>.description a.-weight700,
.blog--content a.-weight700:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-weight: 700
}

.link--component.-size11,
.helpdesk--component>.item>.description a.-size11,
.blog--content a.-size11:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 1.1rem
}

.link--component.-extrasmall,
.helpdesk--component>.item>.description a.-extrasmall,
.blog--content a.-extrasmall:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 1rem
}

.link--component.-nonunderlined,
.helpdesk--component>.item>.description a.-nonunderlined,
.blog--content a.-nonunderlined:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: none
}

.link--component.-withtriangleleftside,
.helpdesk--component>.item>.description a.-withtriangleleftside,
.blog--content a.-withtriangleleftside:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    padding-left: 12px
}

.link--component.-withtriangleleftside:before,
.helpdesk--component>.item>.description a.-withtriangleleftside:before,
.blog--content a.-withtriangleleftside:not(.socialink):not(.tag--component):not(.btn--primary):not(.btn--secondary):not(.btn--dark):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    transform: translate(0, -50%) rotate(90deg)
}

.link--component.-longunderlined,
.helpdesk--component>.item>.description a.-longunderlined,
.blog--content a.-longunderlined:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    display: inline;
    background-image: linear-gradient(to right, #ffcd00 0, #ffcd00 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% .5rem
}

.link--component>.icon,
.helpdesk--component>.item>.description a>.icon,
.blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.icon {
    margin-right: .6rem;
    font-size: 1.8rem;
    vertical-align: middle
}

.link--component.-small,
.helpdesk--component>.item>.description a.-small,
.blog--content a.-small:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 1.4rem
}

.link--component.-xs,
.helpdesk--component>.item>.description a.-xs,
.blog--content a.-xs:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 1.2rem
}

.link--component.-white,
.helpdesk--component>.item>.description a.-white,
.blog--content a.-white:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    color: #fff
}

.link--component.-withiconleft,
.helpdesk--component>.item>.description a.-withiconleft,
.blog--content a.-withiconleft:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    margin-left: 25px;
    position: relative
}

.link--component.-withiconleft>.icon,
.helpdesk--component>.item>.description a.-withiconleft>.icon,
.blog--content a.-withiconleft:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.icon {
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0, -50%)
}

.link--component>.hide,
.helpdesk--component>.item>.description a>.hide,
.blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.hide {
    display: none
}

.link--component.-opened>.hide,
.helpdesk--component>.item>.description a.-opened>.hide,
.blog--content a.-opened:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.hide {
    display: inline
}

.link--component.-opened>.show,
.helpdesk--component>.item>.description a.-opened>.show,
.blog--content a.-opened:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.show {
    display: none
}

.link--component.-new,
.helpdesk--component>.item>.description a.-new,
.blog--content a.-new:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    background: #ffcd00;
    color: #3c3c3c;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1rem;
    margin-left: -1rem
}

.link--component.-new>.icon,
.helpdesk--component>.item>.description a.-new>.icon,
.blog--content a.-new:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.icon {
    display: inline-block;
    margin-top: -3px
}

.link--component.-new>.text,
.helpdesk--component>.item>.description a.-new>.text,
.blog--content a.-new:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink)>.text {
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-family: "Dinamit", sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    padding: 0 1.6rem
}

.link--basic {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    font-size: 1.6rem;
    color: #3c3c3c;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
    display: inline;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
    transition: all .3s
}

.link--basic:hover {
    text-decoration: none;
    color: #3c3c3c
}

.link--basic.-underline {
    text-decoration: underline;
    font-size: inherit
}

.link--basic.-underlined:hover {
    box-shadow: inset 0 -3px #3c3c3c
}

.link--basic.-fontinherit {
    font-size: inherit
}

.full-bg-button .link--component,
.full-bg-button .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .full-bg-button a,
.full-bg-button .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .full-bg-button a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: none;
    background-color: #ffcd00;
    padding: 1rem
}

.full-bg-button .link--component:hover,
.full-bg-button .helpdesk--component>.item>.description a:hover,
.helpdesk--component>.item>.description .full-bg-button a:hover,
.full-bg-button .blog--content a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .full-bg-button a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: none;
    background-color: #f8b12a
}

[class*="btn--"].-loading>span:after {
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: .3rem solid white;
    border-left-color: transparent;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    margin-left: 1.5rem;
    margin-top: -.3rem
}

@media(max-width:374px) {
    .btn--primary.-mobilelongtxt,
    .-mobilelongtxt.btn--secondary,
    .-mobilelongtxt.btn--dark {
        padding: 1.2rem 1.5rem
    }
}

@media(max-width:767px) {
    .btn--primary.-mobilefull,
    .-mobilefull.btn--secondary,
    .-mobilefull.btn--dark {
        width: 100%
    }
    .btn--primary.-mobilesmall,
    .-mobilesmall.btn--secondary,
    .-mobilesmall.btn--dark {
        font-size: 14px;
        padding: 1rem 3rem
    }
    .link--component.-smallmobile,
    .helpdesk--component>.item>.description a.-smallmobile,
    .blog--content a.-smallmobile:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
        font-size: 14px
    }
    .link--component.-withtrianglecustom,
    .helpdesk--component>.item>.description a.-withtrianglecustom,
    .blog--content a.-withtrianglecustom:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
        display: block
    }
}

@media(min-width:768px) {
    .btn--primary,
    .btn--secondary,
    .btn--dark {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
    .btn--primary>span,
    .btn--secondary>span,
    .btn--dark>span {
        transform: scale(1) translate3d(0px, 0px, 1000px)
    }
    .btn--primary:hover,
    .btn--secondary:hover,
    .btn--dark:hover {
        background-color: #f8b12a
    }
    .btn--primary:hover>span,
    .btn--secondary:hover>span,
    .btn--dark:hover>span {
        transform: scale(1.02) translate3d(0px, 0px, 1000px)
    }
    .btn--primary:hover:after,
    .btn--secondary:hover:after,
    .btn--dark:hover:after {
        -webkit-animation: primaryBtnOpen .8s both;
        animation: primaryBtnOpen .8s both;
        background-color: #ffcd00;
        transition: background-color .2s ease .05s, right .4s ease
    }
    .btn--secondary:hover {
        background-color: #b5215f
    }
    .btn--secondary:hover:after {
        background-color: #d93077
    }
    .btn--dark:hover {
        background-color: #565555
    }
    .btn--dark:hover:after {
        background-color: #3c3c3c
    }
    .btn--card--switcher {
        font-size: 2rem;
        line-height: 2.4rem;
        letter-spacing: 0;
        padding: 3px 10px
    }
    .btn--video--play {
        bottom: 35px;
        right: 10%;
        top: auto
    }
}

@media(min-width:576px) {
    .btn--video--play.-leftcorner {
        right: auto;
        left: 15px;
        bottom: -13rem;
        top: auto
    }
    .btn--video--play.-carrer {
        left: auto;
        right: 5%;
        bottom: 30px;
        top: auto
    }
    .btn--downloadapp {
        margin-right: 2.5rem;
        transition: all .3s
    }
    .btn--downloadapp:hover {
        transform: scale(1.1)
    }
}

@media(min-width:768px) {
    .btn--video--play.-big {
        width: 95px;
        height: 95px
    }
    .btn--video--play.-big.-play:before {
        border-width: 20px 0 20px 39px
    }
    .btn--primary.-long,
    .-long.btn--secondary,
    .-long.btn--dark {
        padding: 1.2rem 11.32rem
    }
    .-mediumwidth {
        padding: 1.2rem 8rem
    }
    .-getdocs {
        padding: 1.2rem 6rem
    }
    .link--component.-allways,
    .helpdesk--component>.item>.description a.-allways,
    .blog--content a.-allways:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
        position: absolute;
        top: -10px;
        right: 0
    }
    .link--component.-top0,
    .helpdesk--component>.item>.description a.-top0,
    .blog--content a.-top0:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
        top: 0
    }
    .btn--downloadapp {
        margin-bottom: 0;
        border-radius: 4px;
        max-width: 25%
    }
}

@media(min-width:1060px) {
    .btn--video--play.-carrer {
        right: 15%
    }
    .btn--downloadapp {
        border-radius: 8px;
        padding: 5px 12px
    }
    .btn--downloadapp.-trackingsmall {
        max-width: 25%;
        margin-right: 2rem;
        border-radius: 5px;
        padding: 4px 7px;
        min-height: auto
    }
}

@media(min-width:1260px) {
    .btn--downloadapp {
        max-width: 170px
    }
}

._bg-white {
    background-color: #fff
}

._bg-black {
    background-color: #000
}

._bg-primary {
    background-color: #ffcd00
}

html {
    font-size: 62.5%;
    height: 100%
}

body {
    color: #3c3c3c;
    font-family: "Montserrat", sans-serif;
    padding-top: 65px;
    background-color: #fff;
    position: relative;
    min-height: 100%
}

body>.blend {
    display: none
}

body.page-node-10805,
body.page-node-12177,
body.page-node-8201 {
    padding-top: 0
}

body.path-close-to-you {
    padding-top: 15px
}

body.toolbar-fixed .main--header {
    top: 39px
}

body.path-frontpage .main--header:after {
    display: none
}

html.-blockedscroll,
body.-blockedscroll {
    overflow: hidden;
    position: relative;
    height: 100%
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

ul>li.-withsubmenu>a {
    position: relative;
    padding-right: 25px;
    display: block
}

ul>li.-withsubmenu>a:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 5px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%);
    transition: .2s transform ease-in
}

ul>li.-withsubmenu.-opened {
    padding-bottom: 0;
    border-bottom: 0
}

ul>li.-withsubmenu.-opened>a:after {
    transform: translate(0, -50%) rotate(180deg)
}

.main--scene--wrapper {
    overflow: hidden
}

.main--scene {
    transition: .35s transform ease-out
}

.main--scene>.body-cover {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: -30px;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity .2s
}

.main--scene.-menuopened {
    transform: translate(335px, 0);
    position: relative
}

.main--scene.-menuopened>.body-cover {
    width: 100%;
    opacity: .8
}

#block-inpost-local-tasks {
    display: none
}

._checkImgOrientation {
    opacity: 0;
    transition: opacity .3s;
    image-orientation: none
}

._checkImgOrientation[data-orientation="8"] {
    transform: rotate(270deg)
}

._checkImgOrientation[data-orientation="6"] {
    transform: rotate(90deg)
}

._checkImgOrientation[data-orientation="3"] {
    transform: rotate(180deg)
}

@media(max-width:374px) {
    .main--scene.-menuopened {
        transform: translate(270px, 0)
    }
}

@media(max-width:767px) {
    .container {
        padding-left: 21px;
        padding-right: 21px
    }
    .row {
        margin-left: -21px;
        margin-right: -21px
    }
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl,
    .col-xxl-auto {
        padding-left: 21px;
        padding-right: 21px
    }
    .mobile--small--gutter {
        margin-left: -6px;
        margin-right: -6px
    }
    .mobile--small--gutter>[class*='col-'] {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media(min-width:768px) {
    html {
        font-size: 53%
    }
    .--fullheight {
        height: 630px
    }
    .small--gutter {
        margin-left: -10px;
        margin-right: -10px
    }
    .small--gutter>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1060px) {
    body:not(.page-node-10805) {
        padding-top: 103px !important
    }
    body.toolbar-fixed:not(.page-node-10805) {
        padding-top: 142px !important
    }
    body.path-frontpage {
        padding-top: 93px !important
    }
    body.path-frontpage.toolbar-fixed {
        padding-top: 141px !important
    }
    body.path-close-to-you {
        padding-top: 15px !important
    }
    body.page-node-12177 {
        padding-top: 0 !important
    }
    body.page-node-8201 {
        padding-top: 0 !important
    }
    .main--scene.-menuopened {
        transform: none !important
    }
    .main--scene.-menuopened .body-cover {
        display: none
    }
}

@media(min-width:1260px) {
    html {
        font-size: 62.5%
    }
}

._align-baseline {
    vertical-align: baseline
}

._overflow-container {
    overflow: hidden
}

._text-underline {
    text-decoration: underline
}

._linkreset {
    color: inherit;
    text-decoration: none
}

._linkreset:hover {
    color: inherit;
    text-decoration: none
}

._weight300 {
    font-weight: 300
}

._weight400 {
    font-weight: 400
}

._weight500 {
    font-weight: 500
}

._weight600 {
    font-weight: 600
}

._weight700 {
    font-weight: 700
}

._weight900 {
    font-weight: 900
}

._videofluid {
    max-width: 100%;
    display: block;
    width: auto;
    margin: 0 auto
}

._h100 {
    height: 100%
}

._relative {
    position: relative
}

._absolute {
    position: absolute
}

._fixed {
    position: fixed
}

._d-none {
    display: none
}

.row._no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row._no-gutters>.col,
.row._no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

._relative-container,
._relative {
    position: relative;
    z-index: 1
}

._absolute {
    position: absolute
}

@media(max-width:767px) {
    ._mobilefull {
        width: 100%
    }
    ._clearpaddmobile {
        padding-left: 0
    }
    ._clearpaddrightmobile {
        padding-right: 0
    }
}

@media(min-width:768px) {
    ._w-md-100 {
        width: 100%
    }
}

@font-face {
    font-family: 'icons';
    src: url("themes/custom/inpost/css/../font/Icons/fonts/icons.eot");
    src: url("themes/custom/inpost/css/../font/Icons/fonts/icons.eot") format("embedded-opentype"), url("icons.ttf") format("truetype"), url("icons.woff") format("woff"), url("themes/custom/inpost/css/../font/Icons/fonts/icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"].f-2x,
[class*=" icon-"].f-2x {
    font-size: 2rem
}

[class^="icon-"].f-2-5x,
[class*=" icon-"].f-2-5x {
    font-size: 2.5rem
}

[class^="icon-"].f-3x,
[class*=" icon-"].f-3x {
    font-size: 3rem
}

.icon-volume-medium:before {
    content: "\ea27"
}

.icon-star-half:before {
    content: "\e9d8"
}

.icon-star-full:before {
    content: "\e9d9"
}

.icon-gun-pointer:before {
    content: "\e9a2"
}

.icon-landscape:before {
    content: "\e9a3"
}

.icon-smartphone-yellow .path1:before {
    content: "\e99f";
    color: #ffcb05
}

.icon-smartphone-yellow .path2:before {
    content: "\e9a0";
    margin-left: -.58984375em;
    color: #3c3c3c
}

.icon-smartphone-yellow .path3:before {
    content: "\e9a1";
    margin-left: -.58984375em;
    color: #3c3c3c
}

.icon-track-3 .path1:before {
    content: "\e997";
    color: #ffcb04
}

.icon-track-3 .path2:before {
    content: "\e998";
    margin-left: -1.087890625em;
    color: #3c3c3c
}

.icon-track-3 .path3:before {
    content: "\e999";
    margin-left: -1.087890625em;
    color: #404041
}

.icon-track-3 .path4:before {
    content: "\e99a";
    margin-left: -1.087890625em;
    color: #404041
}

.icon-track-3 .path5:before {
    content: "\e99b";
    margin-left: -1.087890625em;
    color: #404041
}

.icon-track-3 .path6:before {
    content: "\e99c";
    margin-left: -1.087890625em;
    color: #3c3c3c
}

.icon-track-3 .path7:before {
    content: "\e99d";
    margin-left: -1.087890625em;
    color: #404041
}

.icon-track-3 .path8:before {
    content: "\e99e";
    margin-left: -1.087890625em;
    color: white
}

.icon-point-2-yellow .path1:before {
    content: "\e98c";
    color: #ffcb04
}

.icon-point-2-yellow .path2:before {
    content: "\e98d";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path3:before {
    content: "\e98e";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path4:before {
    content: "\e98f";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path5:before {
    content: "\e990";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path6:before {
    content: "\e991";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path7:before {
    content: "\e992";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-point-2-yellow .path8:before {
    content: "\e993";
    margin-left: -1.5751953125em;
    color: #3c3c3c
}

.icon-find-point .path1:before {
    content: "\e986";
    color: #3c3c3c
}

.icon-find-point .path2:before {
    content: "\e987";
    margin-left: -1.025390625em;
    color: #404041
}

.icon-find-point .path3:before {
    content: "\e988";
    margin-left: -1.025390625em;
    color: #404041
}

.icon-find-point .path4:before {
    content: "\e989";
    margin-left: -1.025390625em;
    color: #404041
}

.icon-find-point .path5:before {
    content: "\e98a";
    margin-left: -1.025390625em;
    color: #ffcd00
}

.icon-find-point .path6:before {
    content: "\e98b";
    margin-left: -1.025390625em;
    color: #404041
}

.icon-point-2 .path1:before {
    content: "\e975";
    color: #3c3c3c
}

.icon-point-2 .path2:before {
    content: "\e994";
    margin-left: -1em;
    color: #404041
}

.icon-point-2 .path3:before {
    content: "\e995";
    margin-left: -1em;
    color: #404041
}

.icon-point-2 .path4:before {
    content: "\e996";
    margin-left: -1em;
    color: #404041
}

.icon-delivery-on-day .path1:before {
    content: "\e984";
    color: #ffcd00
}

.icon-delivery-on-day .path2:before {
    content: "\e985";
    margin-left: -1.8740234375em;
    color: #404041
}

.icon-pen:before {
    content: "\e982"
}

.icon-folder-2:before {
    content: "\e983"
}

.icon-folder .path1:before {
    content: "\e97e";
    color: #414042
}

.icon-folder .path2:before {
    content: "\e97f";
    margin-left: -1em;
    color: #ffcb05
}

.icon-cart .path1:before {
    content: "\e980";
    color: #ffcb05
}

.icon-cart .path2:before {
    content: "\e981";
    margin-left: -1em;
    color: #414042
}

.icon-home:before {
    content: "\e97c"
}

.icon-integration:before {
    content: "\e97d"
}

.icon-point .path1:before {
    content: "\e973";
    color: #ffcd00
}

.icon-point .path2:before {
    content: "\e974";
    margin-left: -1.1796875em;
    color: #404041
}

.icon-leaf:before {
    content: "\e97b"
}

.icon-printing .path1:before {
    content: "\e900";
    color: #fecb00
}

.icon-printing .path2:before {
    content: "\e901";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-quick-delivery .path1:before {
    content: "\e902";
    color: #414042
}

.icon-quick-delivery .path2:before {
    content: "\e903";
    margin-left: -1.0361328125em;
    color: #fecb00
}

.icon-returns .path1:before {
    content: "\e904";
    color: #ffcb00
}

.icon-returns .path2:before {
    content: "\e905";
    margin-left: -1.0361328125em;
    color: #3c3c3c
}

.icon-savings .path1:before {
    content: "\e906";
    color: #ffcb00
}

.icon-savings .path2:before {
    content: "\e907";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-savings .path3:before {
    content: "\e908";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-savings .path4:before {
    content: "\e909";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-savings .path5:before {
    content: "\e90a";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-search:before {
    content: "\e90b"
}

.icon-seller .path1:before {
    content: "\e90c";
    color: #fecb00
}

.icon-seller .path2:before {
    content: "\e90d";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-settings:before {
    content: "\e90e"
}

.icon-smartphone:before {
    content: "\e90f"
}

.icon-sms .path1:before {
    content: "\e910";
    color: #fecb00
}

.icon-sms .path2:before {
    content: "\e911";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-storage .path1:before {
    content: "\e912";
    color: #ffcb05
}

.icon-storage .path2:before {
    content: "\e913";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-time .path1:before {
    content: "\e914";
    color: #404042
}

.icon-time .path2:before {
    content: "\e915";
    margin-left: -1.0361328125em;
    color: #fecb00
}

.icon-track:before {
    content: "\e916"
}

.icon-track-2 .path1:before {
    content: "\e917";
    color: #ffcb00
}

.icon-track-2 .path2:before {
    content: "\e918";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-tracking .path1:before {
    content: "\e919";
    color: #ffcb00
}

.icon-tracking .path2:before {
    content: "\e91a";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-twitter:before {
    content: "\e91b"
}

.icon-vegetables .path1:before {
    content: "\e91c";
    color: #414042
}

.icon-vegetables .path2:before {
    content: "\e91d";
    margin-left: -1.0361328125em;
    color: #fecb00
}

.icon-youtube:before {
    content: "\e91e"
}

.icon-time-2:before {
    content: "\e91f"
}

.icon-snowball:before {
    content: "\e9b5"
}

.icon-weight:before {
    content: "\e921"
}

.icon-complaint:before {
    content: "\e922"
}

.icon-benefit:before {
    content: "\e923"
}

.icon-bulb:before {
    content: "\e924"
}

.icon-cake .path1:before {
    content: "\e925";
    color: #fecb00
}

.icon-cake .path2:before {
    content: "\e926";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-calendar:before {
    content: "\e927"
}

.icon-camera:before {
    content: "\e928"
}

.icon-card .path1:before {
    content: "\e929";
    color: #fecb00
}

.icon-card .path2:before {
    content: "\e92a";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-card-2:before {
    content: "\e92b"
}

.icon-cash:before {
    content: "\e92c"
}

.icon-chat:before {
    content: "\e92d"
}

.icon-circulation:before {
    content: "\e92e"
}

.icon-click .path1:before {
    content: "\e92f";
    color: #ffcb00
}

.icon-click .path2:before {
    content: "\e930";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-close:before {
    content: "\e931"
}

.icon-collection .path1:before {
    content: "\e932";
    color: #fecb00
}

.icon-collection .path2:before {
    content: "\e933";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-computer .path1:before {
    content: "\e934";
    color: #fecb00
}

.icon-computer .path2:before {
    content: "\e935";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-cosmetics .path1:before {
    content: "\e936";
    color: #ffcb05
}

.icon-cosmetics .path2:before {
    content: "\e937";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-courier .path1:before {
    content: "\e938";
    color: #fecb00
}

.icon-courier .path2:before {
    content: "\e939";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-delivery .path1:before {
    content: "\e93a";
    color: #3c3c3c
}

.icon-delivery .path2:before {
    content: "\e93b";
    margin-left: -1.0361328125em;
    color: #fecb00
}

.icon-dimensions:before {
    content: "\e93c"
}

.icon-download .path1:before {
    content: "\e93d";
    color: #ffcb00
}

.icon-download .path2:before {
    content: "\e93e";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-facebook:before {
    content: "\e93f"
}

.icon-find:before {
    content: "\e940"
}

.icon-find-2 .path1:before {
    content: "\e941";
    color: #ffcb00
}

.icon-find-2 .path2:before {
    content: "\e942";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-find-3 .path1:before {
    content: "\e9b6";
    color: white
}

.icon-find-3 .path2:before {
    content: "\e9b7";
    margin-left: -1em;
    color: #ffcb00
}

.icon-find-3 .path3:before {
    content: "\e9ce";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-forwarding .path1:before {
    content: "\e946";
    color: #ffcb00
}

.icon-forwarding .path2:before {
    content: "\e947";
    margin-left: -1.0361328125em;
    color: #3c3c3c
}

.icon-fresh .path1:before {
    content: "\e948";
    color: #fecb00
}

.icon-fresh .path2:before {
    content: "\e949";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-frozen .path1:before {
    content: "\e94a";
    color: #ffcb05
}

.icon-frozen .path2:before {
    content: "\e94b";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-gifts .path1:before {
    content: "\e94c";
    color: #fecb00
}

.icon-gifts .path2:before {
    content: "\e94d";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-giving .path1:before {
    content: "\e94e";
    color: #fecb00
}

.icon-giving .path2:before {
    content: "\e94f";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-help:before {
    content: "\e950"
}

.icon-help-2 .path1:before {
    content: "\e951";
    color: #ffcb00
}

.icon-help-2 .path2:before {
    content: "\e952";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-house .path1:before {
    content: "\e953";
    color: #ffcb00
}

.icon-house .path2:before {
    content: "\e954";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-instagram:before {
    content: "\e955"
}

.icon-insurance .path1:before {
    content: "\e956";
    color: #fecb00
}

.icon-insurance .path2:before {
    content: "\e957";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-insurance-2 .path1:before {
    content: "\e958";
    color: #ffcb00
}

.icon-insurance-2 .path2:before {
    content: "\e959";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-insurance-3:before {
    content: "\e95a"
}

.icon-linkedin:before {
    content: "\e95b"
}

.icon-locker .path1:before {
    content: "\e95c";
    color: #fecb00
}

.icon-locker .path2:before {
    content: "\e95d";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-login:before {
    content: "\e95e"
}

.icon-login-2 .path1:before {
    content: "\e95f";
    color: #ffcb00
}

.icon-login-2 .path2:before {
    content: "\e960";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-map-pins .path1:before {
    content: "\e961";
    color: #fecb00
}

.icon-map-pins .path2:before {
    content: "\e962";
    margin-left: -1.0361328125em;
    color: #404042
}

.icon-medical .path1:before {
    content: "\e963";
    color: #ffcb05
}

.icon-medical .path2:before {
    content: "\e964";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-menu:before {
    content: "\e966"
}

.icon-message:before {
    content: "\e967"
}

.icon-message-2 .path1:before {
    content: "\e968";
    color: #ffcb00
}

.icon-message-2 .path2:before {
    content: "\e9cf";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-orders .path1:before {
    content: "\e969";
    color: #fecb00
}

.icon-orders .path2:before {
    content: "\e96a";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-pack-l:before {
    content: "\e96b"
}

.icon-pack-m:before {
    content: "\e96c"
}

.icon-pack-s:before {
    content: "\e96d"
}

.icon-padlock .path1:before {
    content: "\e96e";
    color: #fecb00
}

.icon-padlock .path2:before {
    content: "\e96f";
    margin-left: -1.0361328125em;
    color: #414042
}

.icon-phone:before {
    content: "\e970"
}

.icon-pin:before {
    content: "\e971"
}

.icon-plane:before {
    content: "\e972"
}

.icon-point-3 .path1:before {
    content: "\e976";
    color: #ffcb00
}

.icon-point-3 .path2:before {
    content: "\e977";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-pop:before {
    content: "\e978"
}

.icon-pop-2 .path1:before {
    content: "\e979";
    color: #1191d9
}

.icon-pop-2 .path2:before {
    content: "\e97a";
    margin-left: -1em;
    color: #3c3c3c
}

.icon-security-mail-lock:before {
    content: "\e9a4"
}

.icon-security-phone-cart:before {
    content: "\e9a5"
}

.icon-security-phone-dollar:before {
    content: "\e9a6"
}

.icon-security-window:before {
    content: "\e9a8"
}

.icon-security-window-exclamation:before {
    content: "\e9aa"
}

.icon-security-window-key:before {
    content: "\e9ac"
}

.icon-security-window-shield:before {
    content: "\e9ad"
}

.icon-security-bug:before {
    content: "\e9ae"
}

.icon-security-calendar:before {
    content: "\e9af"
}

.icon-security-chat:before {
    content: "\e9b0"
}

.icon-security-lock-check:before {
    content: "\e9b1"
}

.icon-security-mail:before {
    content: "\e9b2"
}

.icon-security-mail-exclamation:before {
    content: "\e9b3"
}

.icon-doubled .path1:before {
    content: "\e9b4";
    color: #ffcb04
}

.icon-doubled .path2:before {
    content: "\e9d0";
    margin-left: -1.2607421875em;
    color: #404041
}

.icon-doubled .path3:before {
    content: "\e9d1";
    margin-left: -1.2607421875em;
    color: #404041
}

.icon-doubled .path4:before {
    content: "\e9d2";
    margin-left: -1.2607421875em;
    color: white
}

.icon-doubled .path5:before {
    content: "\e9d3";
    margin-left: -1.2607421875em;
    color: #404041
}

.icon-doubled .path6:before {
    content: "\e9d4";
    margin-left: -1.2607421875em;
    color: white
}

.icon-doubled .path7:before {
    content: "\e9d5";
    margin-left: -1.2607421875em;
    color: #404041
}

.icon-strefa-ulatwionego-dostepu:before {
    content: "\e9cc"
}

.icon-app-bez-kolejek .path1:before {
    content: "\e943";
    color: #fdc90f
}

.icon-app-bez-kolejek .path2:before {
    content: "\e944";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path3:before {
    content: "\e945";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path4:before {
    content: "\e965";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path5:before {
    content: "\e9a7";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path6:before {
    content: "\e9a9";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path7:before {
    content: "\e9ab";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path8:before {
    content: "\e9b8";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path9:before {
    content: "\e9b9";
    margin-left: -1.1337890625em;
    color: #3d3d3b
}

.icon-app-bez-kolejek .path10:before {
    content: "\e9ba";
    margin-left: -1.1337890625em;
    color: none
}

.icon-app-bez-kolejek .path11:before {
    content: "\e9bb";
    margin-left: -1.1337890625em;
    color: none
}

.icon-app-bez-kolejek .path12:before {
    content: "\e9bc";
    margin-left: -1.1337890625em;
    color: none
}

.icon-App-icon:before {
    content: "\e920"
}

.icon-reka .path1:before {
    content: "\e9bd";
    color: white
}

.icon-reka .path2:before {
    content: "\e9be";
    margin-left: -1.125em;
    color: #ffcd00
}

.icon-reka .path3:before {
    content: "\e9bf";
    margin-left: -1.125em;
    color: #3c3c3b
}

.icon-reka .path4:before {
    content: "\e9c0";
    margin-left: -1.125em;
    color: #3c3c3b
}

.icon-reka .path5:before {
    content: "\e9c1";
    margin-left: -1.125em;
    color: white
}

.icon-notatnik .path1:before {
    content: "\e9c2";
    color: white
}

.icon-notatnik .path2:before {
    content: "\e9c3";
    margin-left: -1.1318359375em;
    color: #ffcd00
}

.icon-notatnik .path3:before {
    content: "\e9c4";
    margin-left: -1.1318359375em;
    color: #3c3c3b
}

.icon-notatnik .path4:before {
    content: "\e9c5";
    margin-left: -1.1318359375em;
    color: #3c3c3b
}

.icon-notatnik .path5:before {
    content: "\e9c6";
    margin-left: -1.1318359375em;
    color: #3c3c3b
}

.icon-info_icon:before {
    content: "\e9c7";
    color: #fff
}

.icon-info-yellow .path1:before {
    content: "\e9c8";
    color: #ffcd00
}

.icon-info-yellow .path2:before {
    content: "\e9c9";
    margin-left: -1em;
    color: #404041
}

.icon-info-yellow .path3:before {
    content: "\e9ca";
    margin-left: -1em;
    color: #404041
}

.icon-fullscreen:before {
    content: "\e9cb"
}

.icon-speedometer:before {
    content: "\e9cd"
}

.icon-info-yellow .path1:before {
    content: "\e9c8";
    color: #ffcd00
}

.icon-info-yellow .path2:before {
    content: "\e9c9";
    margin-left: -1em;
    color: #404041
}

.icon-info-yellow .path3:before {
    content: "\e9ca";
    margin-left: -1em;
    color: #404041
}

.icon-info_icon.-gray {
    background-color: #888;
    padding: .3rem .6rem;
    font-size: .9rem;
    margin-left: .5rem
}

.icon-info-yellow {
    font-size: 2rem
}

.icon-fullscreen-svgrepo-com:before {
    content: "\e9cb"
}

.icon-speedometer-on-svgrepo-com:before {
    content: "\e9cc"
}

.icon-fullscreen:before {
    content: "\e9cb"
}

.icon-speedometer:before {
    content: "\e9cc"
}

.btn--cta--header .icon-find-3 .path1:before {
    position: relative;
    right: -9px;
    z-index: 0
}

.btn--cta--header .icon-find-3 .path3:before {
    z-index: 1;
    position: relative
}

.btn--tracking--action .icon-track-2 .path2:after {
    display: block;
    width: 6px;
    height: 6px;
    content: '';
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 11px;
    left: 3px
}

.icon-track-2.-whitecircle .path1:after {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 100%;
    top: 11px;
    left: 3px
}

.icon-find-2.-whitesquare .path1:after {
    display: block;
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #fff;
    top: 11px;
    left: 9px
}

.icon-point-2-yellow.-smaller {
    font-size: 14px
}

@media(min-width:1060px) {
    .icon-point-3.-whitesquare,
    .-withrectangle.-withrectangle {
        position: relative
    }
    .icon-point-3.-whitesquare .path1:after,
    .-withrectangle.-withrectangle .path1:after {
        display: block;
        content: '';
        position: absolute;
        background-color: #fff;
        left: 10px
    }
    .icon-point-3.-whitesquare .path1:after {
        width: 2px;
        height: 2px;
        top: 10px
    }
    .-withrectangle.-withrectangle .path1:after {
        width: 1px;
        height: 4px;
        top: 15px;
        left: 10px
    }
}

.notify--container {
    position: fixed;
    padding: 15px;
    top: 120px;
    right: 15px;
    z-index: 10001;
    border-radius: 0;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .14);
    background-color: #3c3c3c;
    color: #fff;
    max-width: 85%;
    overflow-y: auto;
    max-height: 90%;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    letter-spacing: .5px;
    text-align: left
}

.notify--container.-info {
    background-color: #3c3c3c;
    color: #fff
}

.notify--container.-warning {
    background-color: #eb9316;
    color: #fff
}

.notify--container.error,
.notify--container.-error {
    background-color: #e03d3d;
    color: #fff
}

.notify--container.-success {
    background-color: #419641;
    color: #fff
}

.notify--container.-status {
    background-color: #419641;
    color: #fff
}

.notify--container.-status>button:before,
.notify--container.-status>button:after {
    background-color: #fff
}

.notify--container a {
    color: #000;
    margin: 10px 0 0
}

.notify--container>.close {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 18px
}

.notify--container>.close:before,
.notify--container>.close:after {
    content: '';
    width: 15px;
    height: 1px;
    display: block;
    position: absolute;
    top: 13px;
    left: 7px;
    background-color: black
}

.notify--container>.close:before {
    transform: rotate(45deg)
}

.notify--container>.close:after {
    transform: rotate(-45deg)
}

.notify--container.-closetoyou {
    overflow: visible
}

.notify--container.-closetoyou>.-mat {
    position: absolute;
    width: 40px;
    left: -40px;
    top: -40px
}

.notify--container.-closetoyou.-status,
.notify--container.-closetoyou.error,
.notify--container.-closetoyou.-error {
    background-color: #3c3c3c
}

.notify--container.-closetoyou.-status>button:before,
.notify--container.-closetoyou.-status>button:after,
.notify--container.-closetoyou.error>button:before,
.notify--container.-closetoyou.error>button:after,
.notify--container.-closetoyou.-error>button:before,
.notify--container.-closetoyou.-error>button:after {
    background-color: #fff
}

@media(min-width:576px) {
    .notify--container {
        right: 40px;
        padding: 17px 30px 17px 20px;
        font-size: 13px
    }
}

@media(min-width:1060px) {
    .notify--container {
        max-width: 750px
    }
}

@font-face {
    font-family: 'Dinamit';
    src: url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Regular/Dinamit_Regular.woff2") format("woff2"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Regular/Dinamit_Regular.woff") format("woff"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Regular/Dinamit_Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dinamit';
    src: url("Dinamit_Semibold.woff2") format("woff2"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Semibold/Dinamit_Semibold.woff") format("woff"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Semibold/Dinamit_Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dinamit';
    src: url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Bold/Dinamit_Bold.woff2") format("woff2"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Bold/Dinamit_Bold.woff") format("woff"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Bold/Dinamit_Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dinamit';
    src: url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Extralight/Dinamit_Extralight.woff2") format("woff2"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Extralight/Dinamit_Extralight.woff") format("woff"), url("themes/custom/inpost/css/../font/Dinamit/Dinamit_Extralight/Dinamit_Extralight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

.header--h1,
.header--h2,
.header--h3,
.header--h4,
.paragraph--component,
.blog--content p {
    margin: 0;
    padding: 0
}

.header--h1.-white,
.header--h2.-white,
.header--h3.-white,
.header--h4.-white,
.paragraph--component.-white,
.blog--content p.-white {
    color: #fff
}

.header--h1.-secondary,
.header--h2.-secondary,
.header--h3.-secondary,
.header--h4.-secondary,
.paragraph--component.-secondary,
.blog--content p.-secondary {
    font-family: "Dinamit", sans-serif
}

.header--h1.-highlighted,
.header--h2.-highlighted,
.header--h3.-highlighted,
.header--h4.-highlighted,
.paragraph--component.-highlighted,
.blog--content p.-highlighted {
    color: #ffcb04
}

.header--h1.-weight400,
.header--h2.-weight400,
.header--h3.-weight400,
.header--h4.-weight400,
.paragraph--component.-weight400,
.blog--content p.-weight400 {
    font-weight: 400
}

.header--h1.-weight500,
.header--h2.-weight500,
.header--h3.-weight500,
.header--h4.-weight500,
.paragraph--component.-weight500,
.blog--content p.-weight500 {
    font-weight: 500
}

.header--h1.-weight600,
.header--h2.-weight600,
.header--h3.-weight600,
.header--h4.-weight600,
.paragraph--component.-weight600,
.blog--content p.-weight600 {
    font-weight: 600
}

.header--h1.-weight700,
.header--h2.-weight700,
.header--h3.-weight700,
.header--h4.-weight700,
.paragraph--component.-weight700,
.blog--content p.-weight700 {
    font-weight: 700
}

.header--h1.-weight800,
.header--h2.-weight800,
.header--h3.-weight800,
.header--h4.-weight800,
.paragraph--component.-weight800,
.blog--content p.-weight800 {
    font-weight: 800
}

.header--h1.-line24,
.header--h2.-line24,
.header--h3.-line24,
.header--h4.-line24,
.paragraph--component.-line24,
.blog--content p.-line24 {
    line-height: 2.4rem
}

.header--h1.-line40,
.header--h2.-line40,
.header--h3.-line40,
.header--h4.-line40,
.paragraph--component.-line40,
.blog--content p.-line40 {
    line-height: 4rem
}

.header--h1.-lh-11,
.header--h2.-lh-11,
.header--h3.-lh-11,
.header--h4.-lh-11,
.paragraph--component.-lh-11,
.blog--content p.-lh-11 {
    line-height: 1.1
}

.header--h1.-lh-12,
.header--h2.-lh-12,
.header--h3.-lh-12,
.header--h4.-lh-12,
.paragraph--component.-lh-12,
.blog--content p.-lh-12 {
    line-height: 1.2
}

.header--h1.-lh-13,
.header--h2.-lh-13,
.header--h3.-lh-13,
.header--h4.-lh-13,
.paragraph--component.-lh-13,
.blog--content p.-lh-13 {
    line-height: 1.3
}

.header--h1.-lh14,
.header--h2.-lh14,
.header--h3.-lh14,
.header--h4.-lh14,
.paragraph--component.-lh14,
.blog--content p.-lh14 {
    line-height: 1.4
}

.header--h1.-line50,
.header--h2.-line50,
.header--h3.-line50,
.header--h4.-line50,
.paragraph--component.-line50,
.blog--content p.-line50 {
    line-height: 5rem
}

.header--h1.-uppercase,
.header--h2.-uppercase,
.header--h3.-uppercase,
.header--h4.-uppercase,
.paragraph--component.-uppercase,
.blog--content p.-uppercase {
    text-transform: uppercase
}

.header--h1.-highlightedbackground>span,
.header--h2.-highlightedbackground>span,
.header--h3.-highlightedbackground>span,
.header--h4.-highlightedbackground>span,
.paragraph--component.-highlightedbackground>span,
.blog--content p.-highlightedbackground>span {
    background-color: #ffcb04;
    padding: 5px 15px;
    display: inline-block
}

.header--h1.-size16,
.header--h2.-size16,
.header--h3.-size16,
.header--h4.-size16,
.paragraph--component.-size16,
.blog--content p.-size16 {
    font-size: 1.6rem
}

.header--h1.-size17,
.header--h2.-size17,
.header--h3.-size17,
.header--h4.-size17,
.paragraph--component.-size17,
.blog--content p.-size17 {
    font-size: 1.7rem
}

.header--h1.-size18,
.header--h2.-size18,
.header--h3.-size18,
.header--h4.-size18,
.paragraph--component.-size18,
.blog--content p.-size18 {
    font-size: 1.8rem
}

.header--h1.-size24,
.header--h1 .-size24,
.header--h2.-size24,
.header--h2 .-size24,
.header--h3.-size24,
.header--h3 .-size24,
.header--h4.-size24,
.header--h4 .-size24,
.paragraph--component.-size24,
.blog--content p.-size24,
.paragraph--component .-size24,
.blog--content p .-size24 {
    font-size: 2.4rem
}

.header--h1.-size25,
.header--h1 .-size25,
.header--h2.-size25,
.header--h2 .-size25,
.header--h3.-size25,
.header--h3 .-size25,
.header--h4.-size25,
.header--h4 .-size25,
.paragraph--component.-size25,
.blog--content p.-size25,
.paragraph--component .-size25,
.blog--content p .-size25 {
    font-size: 2.5rem
}

.header--h1.-size26,
.header--h1 .-size26,
.header--h2.-size26,
.header--h2 .-size26,
.header--h3.-size26,
.header--h3 .-size26,
.header--h4.-size26,
.header--h4 .-size26,
.paragraph--component.-size26,
.blog--content p.-size26,
.paragraph--component .-size26,
.blog--content p .-size26 {
    font-size: 2.6rem
}

.header--h1 .-size28,
.header--h2 .-size28,
.header--h3 .-size28,
.header--h4 .-size28,
.paragraph--component .-size28,
.blog--content p .-size28 {
    font-size: 2.8rem
}

.header--h1.-grayborder,
.header--h2.-grayborder,
.header--h3.-grayborder,
.header--h4.-grayborder,
.paragraph--component.-grayborder,
.blog--content p.-grayborder {
    border: solid 3px #efefef;
    display: inline-block;
    padding: 7px 15px
}

.header--h1.-colorgray,
.header--h2.-colorgray,
.header--h3.-colorgray,
.header--h4.-colorgray,
.paragraph--component.-colorgray,
.blog--content p.-colorgray {
    color: #c5c5c4
}

.header--h1>.colored,
.header--h2>.colored,
.header--h3>.colored,
.header--h4>.colored,
.paragraph--component>.colored,
.blog--content p>.colored {
    color: #ffcb04
}

.header--h1>.highlight,
.header--h2>.highlight,
.header--h3>.highlight,
.header--h4>.highlight,
.paragraph--component>.highlight,
.blog--content p>.highlight {
    color: #ffcd00
}

.header--h1>.white,
.header--h2>.white,
.header--h3>.white,
.header--h4>.white,
.paragraph--component>.white,
.blog--content p>.white {
    color: #fff
}

h1 {
    font-size: 3.2rem
}

h2 {
    font-size: 2.4rem
}

h3 {
    font-size: 2rem
}

p {
    font-size: 1.6rem
}

a.-white {
    color: #fff
}

.header--h1 {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 600;
    color: #3c3c3c
}

.header--h1.-large {
    font-size: 4.2rem
}

.header--h1.-bigprice {
    font-size: 24px
}

.header--h1.-policy {
    font-size: 3rem
}

.header--h2 {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #3c3c3c
}

.header--h2.-bigprice {
    font-size: 20px
}

.header--h2.-blog {
    line-height: 1.3
}

.header--h2.-blog a {
    color: inherit;
    text-decoration: none
}

.header--h2.-title {
    line-height: 1.45
}

.header--h3 {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 600;
    color: #3c3c3c;
    letter-spacing: -.022em
}

.header--h3.-trackingagreement {
    margin-bottom: 3rem
}

.header--h3.-enviroment-subheading {
    font-weight: 500
}

.header--h3:not(.-white):not(.-highlighted):hover {
    color: #3c3c3c
}

.header--h4 {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #3c3c3c
}

.header--h4.-title {
    line-height: 1.45
}

._animateWriteIn {
    position: relative;
    overflow: hidden
}

body.-animate ._animateWriteIn:after {
    -webkit-animation-name: showMainHeading;
    animation-name: showMainHeading
}

._animateWriteIn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #3c3c3c;
    z-index: 1;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

._animateWriteIn.-light:after {
    background-color: #f3f3f3
}

.paragraph--component,
.blog--content p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500
}

.paragraph--component.-big,
.blog--content p.-big {
    font-size: 2.4rem;
    font-weight: 600
}

.paragraph--component.-large,
.blog--content p.-large {
    font-size: 1.8rem
}

.paragraph--component.-medium,
.blog--content p.-medium {
    font-size: 1.4rem
}

.paragraph--component.-light,
.blog--content p.-light {
    font-size: 1.3rem
}

.paragraph--component.-small,
.blog--content p.-small {
    font-size: 1.2rem
}

.paragraph--component.-extrasmall,
.blog--content p.-extrasmall {
    font-size: 1.1rem
}

.paragraph--component.-address,
.blog--content p.-address {
    line-height: 1.66
}

.paragraph--component.-lh2,
.blog--content p.-lh2 {
    line-height: 2rem
}

.paragraph--component.-narrower,
.blog--content p.-narrower {
    letter-spacing: -.25px
}

.paragraph--component.-weight600,
.blog--content p.-weight600 {
    font-weight: 600
}

.paragraph--component.-weight700,
.blog--content p.-weight700 {
    font-weight: 700
}

.paragraph--component.-relative,
.blog--content p.-relative {
    position: relative
}

.paragraph--component.-helplead,
.blog--content p.-helplead {
    font-size: 2.4rem
}

.paragraph--component.-size20,
.blog--content p.-size20 {
    font-size: 2rem
}

.paragraph--component.-size15,
.blog--content p.-size15 {
    font-size: 1.5rem
}

.paragraph--component.-no,
.blog--content p.-no {
    color: #e11212
}

.paragraph--component.-yes,
.blog--content p.-yes {
    color: #89af1d
}

.paragraph--component.-accent,
.blog--content p.-accent,
.paragraph--component>.accent,
.blog--content p>.accent {
    color: #ffcb04
}

.paragraph--component>.underlined,
.blog--content p>.underlined {
    position: relative
}

.paragraph--component>.underlined:after,
.blog--content p>.underlined:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: -1;
    background-color: #ffcb04
}

.star--sign {
    color: #ffcd00
}

.star--sign.-white {
    color: #fff
}

.form--group.-personal-data-agreement .star--sign {
    position: relative;
    top: -25px;
    right: -50px
}

.form--group.-personal-data-agreement .asterisk--before--text .star--sign {
    position: static
}

.with--quote {
    position: relative;
    padding-left: 30px
}

.with--quote:before {
    content: '';
    display: block;
    width: 6.8rem;
    height: 5.1rem;
    background-image: url("themes/custom/inpost/css/../images/quote-icon.png");
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

._font-secondary {
    font-family: "Dinamit", sans-serif
}

.text--highlighted {
    color: #ffcb04
}

.horizontal--rule {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    width: 100%;
    display: block
}

.horizontal--rule.-solid {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media(max-width:767px) {
    .header--h1 {
        font-size: 2.4rem
    }
    .header--h3.-mobile32,
    .header--h2.-mobile32,
    .header--h1.-mobile32,
    .paragraph--component.-mobile32,
    .blog--content p.-mobile32 {
        font-size: 3.2rem
    }
    .header--h3.-mobile20,
    .header--h2.-mobile20,
    .header--h1.-mobile20,
    .paragraph--component.-mobile20,
    .blog--content p.-mobile20 {
        font-size: 2rem
    }
    .header--h3.-mobile18,
    .header--h2.-mobile18,
    .header--h1.-mobile18,
    .paragraph--component.-mobile18,
    .blog--content p.-mobile18 {
        font-size: 1.8rem
    }
    .header--h3.-mobile16,
    .header--h2.-mobile16,
    .header--h1.-mobile16,
    .paragraph--component.-mobile16,
    .blog--content p.-mobile16 {
        font-size: 1.6rem
    }
    .header--h3.-mobile14,
    .header--h2.-mobile14,
    .header--h1.-mobile14,
    .paragraph--component.-mobile14,
    .blog--content p.-mobile14 {
        font-size: 1.4rem
    }
    .header--h3.-mobile500,
    .header--h2.-mobile500,
    .header--h1.-mobile500,
    .paragraph--component.-mobile500,
    .blog--content p.-mobile500 {
        font-weight: 500
    }
    .header--h3.-mobile24line,
    .header--h2.-mobile24line,
    .header--h1.-mobile24line,
    .paragraph--component.-mobile24line,
    .blog--content p.-mobile24line {
        line-height: 24px
    }
    .header--h3.-mobile32line,
    .header--h2.-mobile32line,
    .header--h1.-mobile32line,
    .paragraph--component.-mobile32line,
    .blog--content p.-mobile32line {
        line-height: 32px
    }
}

@media(min-width:768px) {
    .header--h1.-large {
        font-size: 4.8rem
    }
    .header--h1.-big {
        font-size: 4.2rem
    }
    .header--h1.-videobgheader {
        line-height: 4rem
    }
    .header--h1.-bigprice {
        font-size: 3.6rem
    }
    .header--h1.-quotation {
        font-size: 2.6rem
    }
    .header--h2 {
        font-size: 2.4rem;
        line-height: 1.2;
        font-weight: 600;
        color: #3c3c3c
    }
    .header--h2.-bigprice {
        font-size: 2.8rem
    }
    .header--h3.-trackingagreement {
        padding-left: 35px
    }
    .paragraph--component,
    .blog--content p {
        font-size: 1.6rem
    }
    .paragraph--component.-mobileapp,
    .blog--content p.-mobileapp {
        font-size: 2rem
    }
    .header--h1.-line-md-40,
    .header--h2.-line-md-40,
    .header--h3.-line-md-40,
    .paragraph--component.-line-md-40,
    .blog--content p.-line-md-40 {
        line-height: 4rem
    }
}

@media(min-width:1060px) {
    .header--h1.-quotation {
        font-size: 3.2rem
    }
}

.alert--component {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    color: #fff;
    padding: 1.5rem 0 .5rem 0;
    z-index: 403
}

.alert--component a {
    color: inherit;
    text-decoration: underline
}

.alert--component p {
    font-size: 1.4rem
}

.alert--component>.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 4rem;
    width: 3rem;
    height: 3rem;
    line-height: .7;
    color: #fff;
    background-color: transparent;
    padding: 0;
    border: 0;
    box-shadow: none
}

.alert--component>.close:hover {
    text-decoration: none
}

.alert--component a.close {
    display: none
}

.alert--component .alert:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #000;
    z-index: -1
}

.alert--component .alert-info:before {
    background-color: #007600
}

.alert--component .alert-warning:before {
    background-color: rgba(255, 165, 0, .8)
}

.alert--component .alert-danger:before {
    background-color: #db0000
}

.alert--component .alert-info--low:before {
    background-color: #b6ca48
}

@media(min-width:768px) {
    .alert--component {
        padding: 2rem 0 1rem 0
    }
    .alert--component p {
        font-size: 1.6rem
    }
}

.breadcrumb {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 4rem 0 5px
}

.breadcrumb .breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    overflow: hidden
}

.breadcrumb .breadcrumb-list .item {
    display: inline-flex;
    align-items: center;
    color: #9a9a9a
}

.breadcrumb .breadcrumb-list .item.-linked:after {
    padding-right: 1rem;
    content: "";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-left: .5rem solid #ffcd00;
    margin-right: -.5rem
}

.breadcrumb .breadcrumb-list a {
    color: #3c3c3c;
    padding-right: 1rem
}

@media(max-width:1059px) {
    .breadcrumb .breadcrumb-list {
        padding-top: 15px
    }
}

@media(max-width:767px) {
    .breadcrumb {
        margin-top: 2rem
    }
    .breadcrumb .breadcrumb-list {
        display: none
    }
}

.slick--arrow {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    transform: translateY(-50%);
    z-index: 1
}

.slick--arrow.-prev {
    left: 15px;
    border-color: transparent #ffcb04 transparent transparent;
    border-width: 15px 25px 15px 0
}

.slick--arrow.-next {
    right: 15px;
    width: 0;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent #ffcb04
}

.slick-dots,
.socials--component .cke-ig ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 3rem 0
}

.slick-dots>li,
.socials--component .cke-ig ul>li {
    font-size: 0;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #ffcc05;
    background-color: #fff;
    margin: 4px;
    padding: 0;
    cursor: pointer
}

.slick-dots>li:before,
.socials--component .cke-ig ul>li:before {
    display: none
}

.slick-dots>li.slick-active,
.socials--component .cke-ig ul>li.slick-active {
    background-color: #ffcc05
}

.slick-dots>li>button,
.socials--component .cke-ig ul>li>button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none
}

.cookie--bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #3c3c3c;
    padding: 2rem 0
}

.download--store--section>.link {
    margin-bottom: 1.8rem;
    display: inline-block;
    vertical-align: middle
}

.download--store--section>.link>.img {
    max-width: 100%;
    display: block
}

@media(min-width:576px) {
    .download--store--section {
        margin-top: 2.5rem
    }
    .download--store--section>.link {
        margin-right: 2.5rem;
        transition: all .3s
    }
    .download--store--section>.link:hover {
        transform: scale(1.1)
    }
}

@media(min-width:768px) {
    .download--store--section>.link {
        margin-bottom: 0;
        max-width: 25%
    }
}

@media(max-width:767px) {
    .download--store--section>.link>.img {
        height: 35px
    }
}

@media(max-width:380px) {
    .download--store--section>.link>.img {
        height: 28px
    }
}

footer {
    padding: 25px 0 0;
    background-color: #f3f3f3
}

footer.-fixed {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.menu--fotter>li {
    margin: 0 0 8px
}

.menu--fotter>li>a {
    font-weight: 500;
    color: #3c3c3c;
    position: relative;
    font-size: 16px
}

.menu--fotter--wrapper {
    display: flex;
    align-items: center
}

.footer--logo>img {
    max-width: 95px;
    width: 100%
}

.contact--info--box>.topbox {
    margin-bottom: 10px
}

.contact--info--box>.topbox a {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 40px
}

.contact--info--box>.topbox a:not(:last-child) {
    margin-right: 20px
}

.contact--info--box>.topbox a>i {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 24px;
    transform: translate(0, -50%)
}

.contact--info--box>.bottombox>p {
    margin: 0;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500
}

.newsletter--form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 15px 0 0
}

.newsletter--form>.label {
    display: block;
    width: 100%;
    margin: 0 0 10px
}

.footer--bottom {
    padding: 15px 0;
    border-top: 1px solid #d8d8d8;
    margin: 30px 0 0
}

.socials--menu {
    margin: 0 0 15px
}

.socials--menu>li {
    display: inline-block
}

.socials--menu>li:not(:last-child) {
    margin-right: 20px
}

.socials--menu>li>a {
    font-size: 22px;
    color: #3c3c3c;
    text-decoration: none !important
}

.footer--small--menu {
    margin: 0 0 15px
}

.footer--small--menu>li {
    display: inline-block;
    margin-right: 12px
}

.footer--small--menu>li>a {
    color: #3c3c3c;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bottom--mat {
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    position: fixed;
    bottom: -10rem;
    right: 3rem;
    width: 6rem;
    height: 6rem;
    transition: all .3s;
    bottom: -100vh
}

.bottom--mat g g:nth-child(5) path {
    transform: translate(3px, -5px)
}

.bottom--mat g g:nth-child(6) path {
    transform: translate(-3px, -5px)
}

.bottom--mat.-show {
    bottom: -2rem
}

.bottom--mat.-football.-show {
    bottom: 5rem
}

@media(max-width:374px) {
    .contact--info--box>.topbox>a {
        display: block;
        margin: 0 0 10px
    }
}

@media(max-width:767px) {
    .footer--logo--wrapper {
        width: 40%
    }
    .menu--fotter--wrapper {
        width: 60%
    }
    .menu--fotter {
        width: 100%;
        text-align: right
    }
}

@media(min-width:768px) {
    .menu--fotter--wrapper {
        margin-left: 35px;
        flex: 1
    }
    .menu--fotter {
        margin: 9px 0 0 11px;
        display: flex;
        width: 100%;
        justify-content: space-around
    }
    .menu--fotter>li {
        margin: 0 2.8rem 0 0;
        display: inline-block
    }
    .menu--fotter>li>a {
        font-size: 1.6rem
    }
    .newsletter--form>.label {
        margin: 0 25px 0 0;
        display: inline-block;
        width: auto
    }
    .footer--small--menu>li {
        margin-right: 17px
    }
}

@media(min-width:1060px) {
    .newsletter--form {
        justify-content: flex-end;
        margin: 0;
        flex-wrap: unset
    }
    .footer--small--menu,
    .socials--menu {
        margin: 0
    }
}

.halfimage--slider>.slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 20%;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 203, 4, .5);
    border: 0
}

.halfimage--slider>.slick-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    transform: translate(-50%, -50%)
}

.halfimage--slider>.slick-prev {
    left: 0
}

.halfimage--slider>.slick-prev:before {
    left: 50%;
    border-color: transparent #fff transparent transparent;
    border-width: 15px 25px 15px 0
}

.halfimage--slider>.slick-next {
    right: 0
}

.halfimage--slider>.slick-next:before {
    left: 50%;
    width: 0;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent #fff
}

.single--slider--set {
    overflow: hidden;
    position: relative
}

.single--slider--set>div {
    width: 60%;
    height: 250px;
    background-position: center;
    background-size: cover
}

.single--slider--set>.first-img,
.single--slider--set>.second-img {
    position: absolute;
    top: 0;
    bottom: 0
}

.single--slider--set>.main-img {
    margin: 0 auto
}

.single--slider--set>.first-img {
    left: auto;
    right: 80%
}

.single--slider--set>.second-img {
    left: 80%;
    right: auto;
    z-index: 2
}

@media(min-width:576px) {
    .single--slider--set>div {
        height: 350px
    }
}

@media(min-width:768px) {
    .single--slider--set>div {
        height: 450px
    }
    .halfimage--slider>.slick-prev:before {
        border-width: 22px 39px 22px 0
    }
    .halfimage--slider>.slick-next :before {
        border-width: 22px 0 22px 39px
    }
}

.main--header {
    padding: 6px 0 9px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 402;
    position: fixed;
    transition: .2s padding, .35s transform ease-out
}

.main--header.-fixed {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}

.main--header.-fixed:after {
    display: none
}

.main--header.-fixed .main--logo--container {
    width: 9rem
}

.main--header:after {
    content: '';
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    height: 1px;
    bottom: 0;
    background-color: #d8d8d8
}

.main--header>.content {
    transition: .35s ease-out
}

.main--header.-opened {
    transform: translateX(335px)
}

.main--menu {
    display: none
}

.main--menu>li {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-weight: 500
}

.main--menu>li:not(:last-child) {
    margin-right: 25px
}

.main--menu>li>a {
    color: #3c3c3c;
    text-decoration: none !important
}

.main--menu a.-active {
    font-weight: 600
}

.mobile--menu>li {
    padding: 12px 0;
    border-bottom: solid 1px #d8d8d8
}

.mobile--menu>li>a {
    color: #3c3c3c;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 1.6rem
}

.main--logo {
    max-width: 85px;
    transition: .2s max-width ease-in;
    width: 100%;
    height: 50px
}

.main--logo--container {
    display: block;
    width: 12rem
}

.main--logo--container.-office24 {
    width: auto
}

.login--component {
    margin: 5px 5px 0 7px;
    display: none;
    position: relative
}

.login--component:hover .login--options--list {
    display: block
}

.login--options--list {
    position: absolute;
    top: 100%;
    right: 0;
    border: solid 1px #ffcd00;
    padding: 0 2rem;
    z-index: 2;
    background: #fff;
    width: 260px;
    display: none
}

.login--options--list>li:not(:last-child) {
    border-bottom: solid 1px #d8d8d8
}

.login--options--list>li:first-child {
    padding-top: 15px
}

.login--options--list>li>a {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none !important
}

.cta--mainbox--wrapper {
    display: none;
    border-top: solid 2px #ffcd00
}

.cta--mainbox--wrapper>.container {
    position: relative
}

.cta--main--box {
    display: flex;
    position: absolute;
    top: 0;
    right: 15px;
    background-color: #ffcd00;
    border-left: solid 1px #f8b12a;
    border-right: solid 1px #f8b12a;
    width: 415px
}

.btn--tracking--action {
    display: inline-block;
    background-color: #ffcd00;
    padding: 8px 5px 8px 35px;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 500;
    text-decoration: none;
    transition: .2s background-color ease-in;
    width: auto;
    border-bottom: 1px solid #fab201
}

.btn--tracking--action.-withwave {
    background-color: transparent;
    overflow: hidden;
    padding: 8px 19px 8px 40px
}

.btn--tracking--action.-withwave svg>path {
    transition: .2s fill ease-in
}

.btn--tracking--action:hover {
    text-decoration: none;
    color: #3c3c3c;
    background-color: #f8b12a
}

.btn--tracking--action:hover.-withwave svg>path {
    fill: #f8b12a
}

.btn--tracking--action>.content-wrapper {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    z-index: 1
}

.btn--tracking--action>.content-wrapper>i {
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translate(-100%, -50%)
}

.btn--tracking--action>i {
    font-size: 20px;
    position: absolute;
    top: 45%;
    left: -3px;
    transform: translate(50%, -50%)
}

.btn--tracking--action>i.icon-track-3 {
    font-size: 20px;
    margin-top: 1px
}

.btn--tracking--action>.wave-wrapper {
    position: absolute;
    width: 115%;
    height: 105%;
    top: -2px;
    left: 0
}

.btn--tracking--action>.wave-wrapper>svg {
    position: absolute;
    height: 100%
}

.herring--mobile {
    position: relative;
    padding-left: 30px;
    margin-left: -20px
}

.herring--mobile>a {
    font-size: 12px;
    color: #000;
    font-weight: 500;
    line-height: 14px
}

.herring--mobile>a>i {
    position: absolute;
    top: 50%;
    font-size: 22px;
    transform: translate(0, -50%);
    left: 0
}

.submenu--list--desktop {
    display: none;
    position: absolute;
    top: 100%;
    left: -5px;
    border: solid 1px #ffcd00;
    padding: 0 2rem;
    z-index: 2;
    background: #fff;
    width: auto;
    min-width: 260px;
    white-space: nowrap
}

.submenu--list--desktop>li.decorator {
    position: absolute;
    width: 100%;
    height: 35px;
    background-color: #ffcd00;
    border-bottom: 0;
    left: 0;
    z-index: 1;
    height: 49px;
    transition: .15s transform .05s;
    opacity: 0
}

.submenu--list--desktop>li.decorator.-active {
    opacity: 1
}

.submenu--list--desktop>li {
    position: relative;
    z-index: 2
}

.submenu--list--desktop>li:not(:last-child) {
    border-bottom: solid 1px #d8d8d8
}

.submenu--list--desktop>li>a {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: none !important;
    display: block;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px
}

.menu--item {
    position: relative
}

.item--withicon {
    position: relative
}

.item--withicon>a {
    padding-left: 25px
}

.item--withicon>.icon {
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translate(0, -50%);
    font-size: 22px
}

.item--withicon>.icon.-findpoint {
    font-size: 21px;
    margin-top: -3px
}

.item--withicon>.icon.icon-track-3 {
    font-size: 20px;
    margin-top: 2px
}

.item--withicon>.icon.-double {
    display: flex;
    align-items: center
}

.item--withicon>.icon.-double>.icon-point-2 {
    margin-top: -5px;
    font-size: 21px
}

.item--withicon>.icon.-double>.icon-house {
    margin-top: -6px
}

.item--withicon>.icon.-double>span:nth-child(1) {
    padding-right: 3px
}

.item--withicon>.icon.-double+a {
    padding-left: 50px
}

.item--withicon--mobile>a {
    padding-left: 5px;
    vertical-align: middle
}

.item--withicon--mobile>.icon {
    font-size: 18px;
    vertical-align: middle
}

.item--withicon--mobile>.icon .icon-point-2-yellow {
    font-size: 13px
}

.item--withicon--mobile>.icon .icon-house {
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block
}

.menu--item:hover .submenu--list--desktop {
    display: block
}

.language--switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffcd00;
    margin: 0 -15px;
    justify-content: flex-end;
    padding: 8px 15px
}

.language--switcher>li {
    margin: 0 4px
}

.language--switcher>li.is-active {
    display: none
}

.language--switcher>li.pl>a:before {
    background-image: url("themes/custom/inpost/css/../images/flag_pl.png")
}

.language--switcher>li.en>a:before {
    background-image: url("flag_en.png")
}

.language--switcher>li.uk>a:before {
    background-image: url("flag_uk.png")
}

.language--switcher>li>a {
    font-size: 0;
    width: 2.5rem;
    height: 1.8rem;
    display: block;
    margin-top: -2px
}

.language--switcher>li>a:before {
    content: '';
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 100%
}

@media(max-width:374px) {
    .main--header.-opened {
        transform: translate(270px, 0)
    }
}

@media(min-width:768px) {
    .main--header {
        padding: 1.2rem 0
    }
    .main--header.-fixed {
        padding: 1.2rem 0
    }
    .main--header.-fixed .main--logo {
        max-width: 90px
    }
    .main--menu {
        margin: 5px 0 0 3.5rem
    }
    .main--menu>li {
        font-size: 1.6rem
    }
    .main--menu>li:not(:last-child) {
        margin-right: 1.7rem
    }
    .main--logo {
        max-width: none;
        height: auto
    }
}

@media(min-width:1060px) {
    .main--menu {
        display: block
    }
    .main--header:after {
        display: none
    }
    .main--header.-fixed {
        padding: 8px 0 10px
    }
    .main--header.-opened {
        transform: translateX(0)
    }
    .login--component {
        display: block
    }
    .cta--mainbox--wrapper {
        display: block;
        width: 100%;
        margin-top: 12px;
        position: absolute;
        top: 100%;
        margin-top: 0
    }
    .main--header {
        padding: 15px 0
    }
    .main--header.-fixed {
        padding: 8px 0 10px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
    }
    .main--menu {
        position: relative
    }
    .main--menu>li.decorator {
        position: absolute;
        overflow: hidden;
        z-index: 0;
        bottom: 0;
        left: -5px;
        width: 30px;
        transition: all .3s ease;
        height: 6px
    }
    .main--menu>li.decorator:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        transform: translateY(6px);
        height: 6px;
        background-color: #ffcd00;
        z-index: 2;
        transition: all .3s ease
    }
    .main--menu>li.decorator.-active:before {
        transform: translateY(0)
    }
    body.uk .main--menu>li:not(:last-child) {
        margin-right: .9rem
    }
    .language--switcher {
        flex: 1;
        background-color: transparent;
        justify-content: center;
        padding: 0;
        margin: 0
    }
}

@media(min-width:1260px) {
    .main--menu>li:not(:last-child) {
        margin-right: 2.25rem
    }
    body.uk .main--menu>li:not(:last-child) {
        margin-right: 1.9rem
    }
}

@media(min-width:1600px) {
    .login--options--list {
        left: 0;
        right: auto
    }
}

.helpdesk--component {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    list-style: none;
    margin: 0
}

.helpdesk--component>.item {
    border-bottom: 1px solid #d8d8d8
}

.helpdesk--component>.item.-opened>.title:after {
    transform: rotateX(180deg) translateY(-50%)
}

.helpdesk--component>.item:last-of-type {
    border: 0
}

.helpdesk--component>.item>.title {
    font-weight: 500;
    position: relative
}

.helpdesk--component>.item>.title:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    display: block;
    transition: all .3s;
    transform-origin: 0 0;
    pointer-events: none
}

.helpdesk--component>.item>.description {
    font-size: 1.4rem;
    padding-bottom: 1.5rem;
    margin: 0;
    display: none
}

.helpdesk--component>.item>.description p {
    font-size: inherit
}

.helpdesk--component>.item>.description a {
    font-size: inherit
}

.helpdesk--component>.item>.description h1 {
    font-size: 2.4rem
}

.helpdesk--component>.item>.description h2 {
    font-size: 2rem
}

.helpdesk--component>.item>.description h3 {
    font-size: 1.8rem
}

.helpdesk--link {
    color: inherit;
    display: block;
    padding: 14px 0;
    padding-right: 20px
}

.helpdesk--link:hover {
    color: inherit;
    text-decoration: none
}

.helpdesk--container {
    margin-top: 1.8rem;
    margin-bottom: 2.2rem
}

.list--component,
.blog--content ul {
    list-style-type: none;
    font-weight: 500;
    line-height: 1.3;
    color: #343a40
}

.list--pdf .list--component>li,
.list--pdf .blog--content ul>li,
.blog--content .list--pdf ul>li {
    padding-left: 3.5rem
}

.list--pdf .list--component>li:before,
.list--pdf .blog--content ul>li:before,
.blog--content .list--pdf ul>li:before {
    background-color: transparent;
    width: 2.1rem;
    height: 2.5rem;
    background-image: url("themes/custom/inpost/css/../images/for-press/icon-pdf.png");
    background-position: center;
    background-size: 100%;
    top: 0
}

.list--component.-unmargined>li,
.blog--content ul.-unmargined>li {
    margin-bottom: 0
}

.list--component.-dark>li:before,
.blog--content ul.-dark>li:before {
    background-color: #3c3c3c
}

.list--component.-smallticker>li,
.blog--content ul.-smallticker>li {
    padding: 0 0 0 18px
}

.list--component.-smallticker>li:before,
.blog--content ul.-smallticker>li:before {
    top: .7rem;
    width: .7rem;
    height: .7rem
}

.list--component.-arrow-right>li,
.blog--content ul.-arrow-right>li {
    padding: 0 0 0 3rem
}

.list--component.-arrow-right>li:before,
.blog--content ul.-arrow-right>li:before {
    content: "\2192";
    background-color: transparent;
    font-weight: 700;
    color: #ffcd00;
    top: 0;
    font-size: 2rem
}

.list--component.-triangleticker>li:before,
.blog--content ul.-triangleticker>li:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #ffcb04;
    background: transparent
}

.list--component>li,
.blog--content ul>li {
    margin: 0 0 1.5rem;
    padding: 0 0 0 24px;
    position: relative;
    font-size: 16px;
    line-height: 1.5
}

.list--component>li:before,
.blog--content ul>li:before {
    position: absolute;
    top: .5rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background-color: #ffcd00;
    content: '';
    display: block
}

.list--component>li>a,
.blog--content ul>li>a {
    color: inherit;
    text-decoration: none
}

.list--component.-alternative,
.blog--content ul.-alternative {
    color: #ffcd00
}

.list--component.-alternative>li,
.blog--content ul.-alternative>li {
    margin: 0 0 .25rem
}

.list--component.-alternative>li>a,
.blog--content ul.-alternative>li>a {
    color: inherit
}

.list--component.-alternativefont>li,
.blog--content ul.-alternativefont>li {
    font-family: "Dinamit", sans-serif;
    font-size: 14px
}

.list--component.-sm>li,
.blog--content ul.-sm>li {
    font-size: inherit;
    margin-bottom: 0
}

.list--component.-security>li:last-of-type,
.blog--content ul.-security>li:last-of-type {
    margin-bottom: 0
}

.list--component.-security>li:before,
.blog--content ul.-security>li:before {
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-image: url("themes/custom/inpost/css/../images/security/warning.jpg")
}

.ol--list--component {
    font-size: 1.6rem;
    font-weight: 500;
    list-style: none;
    counter-reset: item;
    padding: 0
}

.ol--list--component li {
    counter-increment: item;
    margin-bottom: 0
}

.ol--list--component li:before {
    content: counter(item) ".";
    margin-right: 3px;
    display: inline-block;
    font-size: 2.2rem;
    font-weight: bold
}

@media(min-width:768px) {
    .list--component>li,
    .blog--content ul>li {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.4rem
    }
}

.newsletter--agreement--popup,
.integrations--agreement--popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f3f3f3;
    width: 50rem;
    max-width: 100%;
    padding: 2rem;
    box-shadow: 0 0 4rem 0 rgba(0, 0, 0, .4);
    z-index: 403;
    max-height: 100%;
    overflow-y: auto
}

.newsletter--agreement--popup>.close,
.integrations--agreement--popup>.close {
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    border: 0;
    display: block;
    font-size: 3rem;
    margin-left: auto;
    line-height: 1;
    position: absolute;
    top: 1rem;
    right: 1.3rem;
    z-index: 1
}

@media(max-width:575px) {
    .newsletter--agreement--popup,
    .integrations--agreement--popup {
        max-width: 90%
    }
}

.article {
    font-size: 1.6rem
}

.widget-toc {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #ffcd00;
    max-width: 540px
}

.widget-toc.float-left {
    margin-right: 20px
}

.widget-toc.float-right {
    margin-left: 20px
}

.widget-toc ol {
    padding: 0;
    counter-reset: item
}

.widget-toc li {
    display: block
}

.widget-toc li:before {
    content: counters(item, ".") " ";
    counter-increment: item
}

.widget-toc li ol {
    padding-left: 20px
}

.widget-toc .toc-title {
    display: none
}

.pagination,
.pager__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3rem
}

.pagination>.pager__item,
.pager__items>.pager__item {
    font-size: 2rem;
    color: #3c3c3c;
    margin: 0 1.5rem
}

.pagination>.pager__item.active,
.pager__items>.pager__item.active {
    color: #ffcd00
}

.pagination>.pager__item>a,
.pager__items>.pager__item>a {
    color: inherit;
    text-decoration: none;
    font-weight: 500
}

.news--pagination .pager__item.is-active {
    background: #ffcd00;
    padding: 0 10px;
    margin: 0
}

.popup--maintenance {
    position: fixed;
    z-index: 9990;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
    background-color: rgba(0, 0, 0, .4);
    text-align: center
}

.popup--maintenance .popup--maintenance--content {
    position: relative;
    background-color: #fefefe;
    top: 50%;
    margin: auto;
    margin-top: -225px;
    text-align: left
}

.popup--maintenance .popup--maintenance--content.w-320 {
    width: 320px
}

.popup--maintenance .popup--maintenance--content.w-850 {
    width: 850px
}

.popup--maintenance .serviceworks--popup {
    background-color: #ffcd00;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 5rem 3rem;
    text-align: left;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 4rem 0 rgba(0, 0, 0, .4)
}

.popup--maintenance .close {
    position: absolute;
    z-index: 9995;
    color: #fff;
    right: 10px;
    top: 0;
    font-size: 28px;
    font-weight: bold
}

.popup--maintenance .close:hover,
.popup--maintenance .close:focus {
    color: #3d3d3d;
    text-decoration: none;
    cursor: pointer
}

.services--row {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    border-bottom: 1px solid #d8d8d8;
    padding: 1.6rem 0 1.2rem 0
}

.services--row:last-of-type {
    border: 0
}

.services--row>.description {
    flex: 1;
    margin-bottom: 7px
}

.services--row>.price {
    font-weight: 600
}

@media(min-width:768px) {
    .services--row {
        display: flex
    }
    .services--row>.description {
        margin-bottom: 0
    }
}

.table {
    color: #3c3c3c
}

.table.-opened thead th:last-child:after {
    transform: rotateX(180deg)
}

.table.-opened thead th>.header--h3 {
    opacity: 1
}

.table thead {
    background-color: #f3f3f3
}

.table thead th:last-child {
    position: relative;
    padding-right: 6rem
}

.table thead th:last-child:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.2rem 1.2rem 0 1.2rem;
    border-color: #3c3c3c transparent transparent transparent;
    position: absolute;
    right: 2.3rem;
    top: 2.3rem;
    transition: all .3s
}

.table thead th {
    border: 0;
    vertical-align: middle
}

.table thead th>.header--h3 {
    transition: all .3s;
    opacity: 0
}

.table thead th:nth-child(1) {
    width: 37rem
}

.table thead th:nth-child(1)>.header--h3 {
    opacity: 1
}

.table thead th:nth-child(2) {
    width: 19.5rem
}

.table thead tr {
    cursor: pointer
}

.table tbody {
    display: none
}

.table tbody tr:first-child td {
    border-top: 0
}

.table th {
    padding: 1rem 1.5rem
}

.table td {
    border-bottom-color: #d8d8d8;
    padding: 1rem 1.5rem
}

@media(min-width:768px) {
    .table th {
        padding: 1.7rem 1.9rem
    }
    .table td {
        padding: 1.4rem 1.9rem 1.3rem 1.9rem
    }
}

.tag--component {
    border: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.2;
    background: #3c3c3c;
    padding: 5px 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 1rem;
    transition: .2s background-color ease-in
}

.tag--component:hover {
    background: #3c3c3c;
    text-decoration: none;
    color: #fff
}

.tag--component.-light {
    background: #f3f3f3;
    color: #3c3c3c
}

.tag--component.-light:hover {
    background: #f3f3f3;
    color: #3c3c3c
}

.tag--component.-sm {
    font-size: 1.2rem
}

.tag--component.-active {
    background: #ffcd00;
    color: #3c3c3c
}

.tag--component.-blog {
    font-size: 1.4rem;
    padding: 6px 11px
}

.tag--component.-transparent {
    background: transparent;
    color: #3c3c3c;
    padding: 0;
    margin-right: 1rem
}

.article--block {
    display: block;
    text-decoration: none;
    margin-top: 25px;
    width: 263px;
    max-width: 100%
}

.article--block a:not(.tag--component) {
    color: inherit;
    text-decoration: none
}

.article--block:hover {
    text-decoration: none
}

.article--block:hover>.imgcontainer .img {
    transform: scale(1.05)
}

.article--block:hover>.header--h3 {
    background-size: 100% .5rem
}

.article--block.-w-100 {
    width: 100%
}

.article--block>.imgcontainer {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.article--block>.imgcontainer>.tag {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.article--block>.imgcontainer .img {
    max-width: 100%;
    display: block;
    transition: all .3s;
    height: auto
}

.article--block>.header--h3 {
    background-repeat: no-repeat;
    display: inline;
    background-image: linear-gradient(to right, #ffcd00 0, #ffcd00 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 .5rem;
    transition: all .3s
}

.big--bg--box {
    height: 100%;
    background-size: cover;
    background-position: center
}

@media(min-width:768px) {
    .big--bg--box {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 25px
    }
}

.career--block {
    margin-bottom: 3rem
}

.career--block>.imgcontainer {
    overflow: hidden
}

.career--block>.imgcontainer>.img {
    max-width: 100%;
    display: block;
    transition: all .3s
}

.career--block>.bottom {
    margin-top: 1.7rem;
    text-align: center
}

.career--block>.bottom>.text {
    text-align: left;
    flex: 1;
    margin-bottom: 1.5rem
}

.career--block>.bottom>.text>.header--h3 {
    background-repeat: no-repeat;
    display: inline;
    background-image: linear-gradient(to right, #ffcd00 0, #ffcd00 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 .5rem;
    transition: all .3s
}

@media(min-width:576px) {
    .career--block {
        margin-bottom: 5rem
    }
    .career--block>.bottom {
        display: flex;
        align-items: flex-start
    }
    .career--block>.bottom>.text {
        padding-right: 1rem;
        margin-bottom: 0
    }
    .career--block.-big>.bottom>.text {
        padding-right: 6rem
    }
}

@media(min-width:768px) {
    .career--block.-equal>.bottom>.text {
        min-height: 155px;
        min-height: 155px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media(max-width:575px) {
    .career--block>.bottom>.btn--primary,
    .career--block>.bottom>.btn--secondary,
    .career--block>.bottom>.btn--dark {
        width: 100%
    }
}

.common--hero--block {
    min-height: 38rem;
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-size: cover;
    margin-bottom: 3.5rem;
    padding: 1.5rem 0
}

.common--hero--block:after {
    content: '';
    min-height: inherit;
    font-size: 0;
    display: block
}

.hero--form--container {
    position: relative
}

.hero--form--container>.mat {
    position: absolute;
    width: 3.8rem;
    height: auto;
    top: 0
}

.hero--form--container>.btncontainer {
    margin-bottom: 1rem
}

.hero--form {
    margin-bottom: 2rem
}

.hero--form>.inputcontainer {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.hero--form>.flex {
    display: flex;
    margin-left: 3.8rem
}

.hero--form.-fullwidth {
    width: 100%;
    margin: 0
}

.header--with--bg {
    background-color: #3c3c3c;
    display: inline-block;
    vertical-align: middle;
    padding: .9rem 1.1rem .5rem 1.1rem;
    text-align: left;
    position: relative
}

.header--with--bg.-light {
    background-color: #f3f3f3
}

.header--with--bg.-green {
    background-color: #19a63f;
    color: #fff
}

.header--with--bg.-dark {
    background-color: #000
}

.header--with--bg.-security {
    padding: 1.2rem 3.75rem 1rem 1.3rem
}

.header--with--bg.-blog {
    padding-left: 2rem;
    padding-top: 1.5rem
}

.header--with--bg.-osxstyle {
    padding: .9rem 1.1rem
}

.header--with--bg.-integrations {
    display: block;
    padding: 1rem
}

.header--with--bg.-smartcourier {
    display: block;
    padding: 1rem
}

.header--with--bg.-carrer {
    padding: 1.2rem 2.2rem 1rem 2.2rem
}

.header--with--bg.-closetoyou,
.header--with--bg.-closetoyou:after {
    background-color: #404041
}

.header--with--bg.-package {
    background-color: #683a88
}

@media(min-width:1060px) {
    .header--with--bg.-football {
        margin-left: 11.6rem
    }
}

.header--with--bg>.link {
    display: block;
    position: relative;
    width: 100%;
    color: inherit;
    text-decoration: none;
    padding-right: 5rem
}

.header--with--bg>.link:hover {
    text-decoration: none
}

.header--with--bg>.link:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.2rem 1.2rem 0 1.2rem;
    border-color: #3c3c3c transparent transparent transparent;
    position: absolute;
    right: 2.3rem;
    top: 50%;
    transition: all .3s;
    transform: translateY(-50%)
}

.header--with--bg>.link.-opened:after {
    transform: translateY(-50%) rotateX(180deg)
}

.subheader--with--bg {
    background: #fff;
    padding: 1.5rem 1.3rem 1.5rem 1.5rem;
    max-width: 585px
}

.subheader--with--bg.-fullwidth {
    max-width: none
}

.hero--mat--container {
    position: relative
}

.hero--mat--container>.mat {
    width: 4rem;
    height: 4rem;
    display: block
}

@media(max-width:767px) {
    .common--hero--block.-mobileapp {
        min-height: 28rem
    }
    .header--with--bg>.header--h2 {
        font-size: 2rem
    }
}

@media(min-width:768px) {
    .hero--mat--container>.mat {
        position: absolute;
        right: 100%;
        bottom: 0;
        width: 4.9rem;
        height: 4.9rem
    }
    .hero--form--container {
        display: flex;
        align-items: flex-end;
        margin-bottom: 1.8rem
    }
    .hero--form--container>.mat {
        top: 0;
        right: 100%;
        width: 4.9rem;
        height: 4.9rem;
        bottom: auto
    }
    .hero--form--container>.btncontainer {
        margin-bottom: 0;
        margin-top: 6.4rem
    }
    .hero--form {
        margin-right: 2.5rem;
        margin-bottom: 0
    }
    .hero--form>.inputcontainer {
        margin-top: 1.6rem;
        margin-bottom: 0;
        width: 27.7rem
    }
    .hero--form>.flex {
        margin-left: 0
    }
    .common--hero--block {
        min-height: 45rem;
        align-items: center;
        margin-bottom: 4rem
    }
    .header--with--bg {
        padding: .9rem 2rem .5rem 2rem
    }
    .header--with--bg.-equal {
        align-items: center;
        height: 4.9rem;
        display: flex
    }
    .header--with--bg.-down {
        transform: translateY(2.2rem)
    }
    .header--with--bg.-upper {
        transform: translateY(-4.9rem)
    }
    .header--with--bg.-integrations {
        padding: 2rem
    }
    .header--with--bg.-smartcourier {
        padding: 1rem 2rem
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .hero--form .header--with--bg,
    .hero--form .header--with--bg.-big {
        padding: 12px 11px 0 11px
    }
}

.courier--block {
    background-color: #3c3c3c;
    padding: 2rem;
    position: relative;
    margin-top: 5rem;
    margin-bottom: 2rem;
    padding-bottom: 7rem;
    padding-top: 3rem
}

.courier--block.-spacerbottom {
    margin-bottom: 0;
    margin-top: 4rem
}

.courier--block>.img {
    width: 8rem;
    margin: 0 auto;
    display: block;
    bottom: 0;
    position: absolute;
    right: 1rem
}

.courier--btn--container {
    padding-right: 8rem;
    margin-top: 2rem
}

@media(min-width:768px) {
    .courier--block {
        padding: 3.7rem 25rem 3.3rem 3rem
    }
    .courier--block.-spacerbottom {
        margin-bottom: 8.3rem;
        margin-top: 5rem
    }
    .courier--block.-leftimg {
        padding-right: 0;
        padding-left: 0
    }
    .courier--block.-leftimg>.img {
        left: 0;
        right: auto
    }
    .courier--block>.img {
        right: 3rem;
        bottom: 0;
        width: 17rem
    }
    .courier--btn--container {
        padding-right: 0
    }
}

@media(min-width:1060px) {
    .courier--block.-leftimg>.img {
        left: 4rem
    }
}

.dark--box {
    background: #3c3c3c;
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    padding: 1.7rem 2.2rem 1.5rem 2.2rem
}

.dark--box.-mainpage {
    padding: 0;
    min-height: auto
}

.dark--box>.header--h4 {
    line-height: 1.4
}

.dark--box>.paragraph--component,
.blog--content .dark--box>p {
    font-size: 1.5rem;
    line-height: 1.6
}

.dark--box.-highlighted {
    background: #ffcd00;
    background: linear-gradient(90deg, #ffcd00 0, #fbde17 32%, #fbde17 64%, #ffcd00 100%)
}

.dark--box>.btncontainer {
    padding-top: 3px;
    margin-top: auto
}

@media(min-width:768px) {
    .dark--box {
        width: 46.3rem;
        max-width: 100%;
        padding-right: 5rem
    }
    .dark--box.-transparent {
        background: rgba(60, 60, 60, .8)
    }
    .dark--box.-mainpage {
        min-height: 12rem;
        padding: 1rem 2.2rem 1rem 2.2rem;
        background-size: cover
    }
}

@media(min-width:1060px) {
    .dark--box.-mainpage {
        min-height: 17rem
    }
}

.single--status--block {
    display: flex;
    align-items: flex-start;
    padding: 0 0 25px 55px;
    background-image: url(themes/custom/inpost/css/../images/dot.png);
    background-size: 6px 12px;
    background-repeat: repeat-y;
    background-position: 15px 4px;
    flex-wrap: wrap;
    position: relative
}

.single--status--block:last-of-type {
    background: none
}

.single--status--block>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.single--status--block>.date-box {
    width: 100%;
    margin-top: 7px
}

.single--status--block>.ornament-box {
    width: 60px;
    padding: 0;
    justify-content: flex-start;
    position: absolute;
    left: 0
}

.single--status--block>.message-box {
    width: 100%;
    margin-top: 2px
}

.single--status--block>.message-box>.main-info {
    cursor: pointer
}

.single--status--block>.message-box>.extra-info {
    display: none;
    color: #9a9a9a
}

.single--status--block>.message-box>p {
    width: 100%
}

.single--status--block:last-child {
    padding-bottom: 0
}

.single--status--block.-active>.ornament-box {
    display: flex;
    align-items: center
}

.single--status--block.-active>.ornament-box>.gray--square {
    padding: 19px 0 8px
}

.single--status--block.-active>.message-box>.paragraph--component,
.blog--content .single--status--block.-active>.message-box>p,
.single--status--block.-active>.date-box>.paragraph--component,
.blog--content .single--status--block.-active>.date-box>p {
    font-weight: 600
}

.parcel--statuses--list:nth-child(1) .single--status--block.-active .gray--square {
    background: transparent
}

.parcel--statuses--list:nth-child(1) .single--status--block.-active .gray--square .square-content {
    background-color: transparent
}

.parcelMatt0 {
    transform: translate(-50%, -150px);
    opacity: 0;
    transition: .3s transform ease-in .05s, .1s opacity ease-in
}

.parcelMatt0.-ready {
    transform: translate(-50%, -50%);
    opacity: 1
}

.gray--square {
    padding: 8px 0;
    background: #fff
}

.gray--square>.square-content {
    width: 33px;
    height: 33px;
    background-color: #f3f3f3
}

.gray--square>.square-content>.matt {
    width: 100px;
    position: absolute;
    top: 25%;
    left: 25%
}

.gray--square>.square-content>.matt:not(.parcelMatt0) {
    transform: translate(-50%, -50%)
}

.mat--img {
    max-width: 33px;
    visibility: hidden
}

@media(min-width:768px) {
    .single--status--block {
        background-position: 221px 6px;
        padding: 0 0 3rem
    }
    .single--status--block>.ornament-box {
        position: relative
    }
    .single--status--block>.date-box {
        margin-top: 15px;
        width: 20%;
        justify-content: flex-end
    }
    .single--status--block>.message-box {
        width: 55%;
        margin-top: 13px
    }
    .single--status--block>.ornament-box {
        width: 25%;
        padding: 0 20px;
        justify-content: center
    }
    .single--status--block.-active>.ornament-box {
        position: relative
    }
    .gray--square>.square-content>.matt {
        width: 150px;
        position: absolute;
        top: 25%;
        left: 50%
    }
    .mat--img {
        max-width: 70px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -25%)
    }
}

@media(min-width:1060px) {
    .single--status--block {
        background-position: 143px 6px
    }
}

@media(min-width:1260px) {
    .single--status--block {
        background-position: 178px 7px
    }
    .mat--img {
        max-width: none
    }
}

.security--icon--box>.heading {
    padding-left: 75px;
    position: relative;
    min-height: 50px;
    margin: 0 0 15px
}

.security--icon--box>.heading>i {
    position: absolute;
    font-size: 54px;
    color: #ffcb04;
    left: 0;
    top: 0
}

.sms--img {
    display: block;
    margin: 15px auto;
    max-width: 100%
}

@media(min-width:768px) {
    .security--icon--box>.heading {
        min-height: 9rem;
        margin: 0
    }
}

.security--statement--component {
    margin: 1.5rem 0 3rem;
    background-color: #f3f3f3;
    padding: 25px
}

.single--blog--article {
    text-decoration: none !important;
    display: block;
    margin-bottom: 3rem
}

.single--blog--article:hover>.imgcontainer .img {
    transform: scale(1.05)
}

.single--blog--article:hover>.title {
    background-size: 100% .5rem
}

.single--blog--article>.imgcontainer {
    position: relative;
    margin-bottom: 1.3rem;
    overflow: hidden
}

.single--blog--article>.imgcontainer .img {
    max-width: 100%;
    display: block;
    transition: all .2s;
    height: auto
}

.single--blog--article>.title {
    color: #3c3c3c;
    margin: 0 0 8px;
    line-height: 1.3;
    background-repeat: no-repeat;
    display: inline;
    background-image: linear-gradient(to right, #ffcd00 0, #ffcd00 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 .5rem;
    transition: background-size .25s ease-in;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -.022em
}

.single--blog--article>.title>a {
    color: inherit;
    text-decoration: none
}

.single--blog--article>.date {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px
}

.categories--wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex
}

.categories--wrapper>.category {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    background-color: #3c3c3c;
    padding: 5px 10px;
    max-width: 115px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.categories--wrapper>.category:not(:last-child) {
    margin-right: 1px
}

.heading--video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 0
}

.heading--video video,
.heading--video iframe {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 56.25vw
}

.video--thumb--container {
    position: relative;
    height: 100%
}

.video--thumb--container:hover .video5--buttons,
.video--thumb--container:hover>.btn--video--play.-stop,
.video--thumb--container:hover .btn--video--play,
.video--thumb--container:hover .btn--video--volume {
    opacity: 1
}

.video--thumb--container:hover .plyr--playing+.btn--video--play {
    opacity: 1
}

.video--thumb--container.-multiple {
    cursor: pointer
}

.video--thumb--container .video5--buttons,
.video--thumb--container>.btn--video--play.-stop,
.video--thumb--container .btn--video--play,
.video--thumb--container .btn--video--volume {
    opacity: 0
}

.video5--buttons {
    position: absolute;
    bottom: 45px;
    right: 5px;
    display: flex;
    flex-direction: row
}

.video5--buttons .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffcd00;
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: #fff;
    z-index: 2;
    bottom: auto;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    position: relative;
    margin: 2px;
    font-size: 12px
}

.video5--buttons .btn:hover,
.video5--buttons .btn .-active {
    background-color: #f8b12a
}

.video5--buttons .btn>[class^="icon-"],
.video5--buttons .btn>[class*=" icon-"] {
    font-size: 20px
}

.video5--buttons .group--buttons {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    opacity: 0;
    transition: all .5s ease
}

.btn--video--speed:hover .group--buttons {
    opacity: 1
}

.btn--video--volume.-nothidden {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    position: absolute;
    bottom: auto;
    top: 15px;
    right: 60px;
    z-index: 2;
    background: #ffcd00;
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: #fff
}

.btn--video--volume.-nothidden.-muted:before {
    content: '';
    width: 25px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 4px;
    background-color: #fff;
    display: block;
    transform: rotate(45deg)
}

.btn--video--volume.-nothidden.-nothidden {
    opacity: 1
}

@media(min-width:576px) {
    .btn--video--volume.-nothidden {
        right: 12%;
        bottom: 30px;
        top: auto
    }
}

.video--bcg--component {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -100
}

.video--bcg--component>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.search--component {
    margin: 5px 12px 0 0;
    position: relative;
    display: none
}

.search--component>form>button {
    background: transparent;
    border: 0;
    position: relative;
    z-index: 1
}

.search--component>form>button>i {
    font-size: 24px
}

.search--component>form>input {
    position: absolute;
    width: 0;
    right: -5px;
    height: 4rem;
    top: 45%;
    transform: translate(0, -50%);
    padding-right: 40px;
    padding-left: 5px;
    transition: .1s ease-in border-color;
    border-color: transparent
}

.search--component>form>input.-opened {
    width: 250px;
    border-color: #d8d8d8;
    -webkit-animation: searchInputOpen 1s ease-in forwards;
    animation: searchInputOpen 1s ease-in forwards
}

.search--component>form>input.-closed {
    -webkit-animation: searchInputClose 1s ease-in;
    animation: searchInputClose 1s ease-in
}

@media(min-width:1060px) {
    .search--component {
        display: block
    }
}

.mobile--side--nav {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    z-index: 3;
    background-color: #fff;
    transition: .35s transform ease-out;
    transform: translate(-335px, 0);
    padding: 5px 0 0;
    width: 335px;
    z-index: 100
}

.mobile--side--nav.-opened {
    transform: translate(0, 0)
}

.mobile--side--nav>.content {
    padding: 0 15px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column
}

.mobile--search--component {
    margin: 0 -14px;
    padding: 5px 0 8px 8px;
    border-bottom: solid 1px #d8d8d8;
    display: flex;
    z-index: 99;
    position: relative;
    background-color: #fff
}

.mobile--cta--menu {
    margin: auto -15px 0;
    margin: auto -15px 0;
    padding: 0 15px;
    background: #ffcd00
}

.mobile--cta--menu>li {
    padding: 12px 15px 12px 30px;
    background-color: #ffcd00;
    border-bottom: solid 1px #f8b12a;
    position: relative
}

.mobile--cta--menu>li>a {
    font-size: 1.6rem;
    color: #3c3c3c;
    font-weight: 500
}

.mobile--cta--menu>li>i {
    position: absolute;
    top: 13px;
    left: 0;
    font-size: 20px
}

.mobile--cta--menu>li>i.icon-track-3 {
    font-size: 18px;
    margin-top: 3px
}

.mobile--cta--menu>li>.submenu {
    background-color: #ffd733;
    padding: 0;
    margin-left: -45px;
    margin-right: -30px
}

.mobile--cta--menu>li>.submenu>li {
    background-color: #ffd733;
    padding: 12px 15px;
    padding-left: 45px;
    border-bottom-color: rgba(0, 0, 0, .1)
}

.submenu--list {
    margin: 12px -15px 0;
    padding: 0 15px;
    background-color: #f3f3f3;
    display: none;
    transition: .2s box-shadow .1s, .1s border-bottom .1s
}

.submenu--list>li {
    padding: 12px 0;
    background-color: #f3f3f3
}

.submenu--list>li:not(:last-child) {
    border-bottom: solid 1px #d8d8d8
}

.submenu--list>li>a {
    font-size: 1.6rem;
    color: #3c3c3c;
    font-weight: 500
}

.submenu--list>li>a.-withicon {
    padding-left: 45px;
    position: relative
}

.submenu--list>li>a.-withicon>.icons-wrappper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.submenu--list.-opened {
    box-shadow: 0 -4px 0 0 rgba(0, 0, 0, .1);
    border-bottom: solid 1px #d8d8d8
}

.item--withicon--mobile>.icon .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

@media(max-width:374px) {
    .mobile--side--nav {
        transform: translate(-270px, 0);
        width: 270px
    }
}

@media(min-width:768px) {
    .mobile--search--component {
        padding: 23px 0 23px 10px
    }
}

@media(min-width:1060px) {
    .mobile--side--nav {
        display: none
    }
}

.video--block--component {
    display: inline-block;
    position: relative;
    margin: 0 0 25px
}

.video--block--component>img {
    max-width: 100%
}

.plyr__video-embed {
    padding-bottom: 56.25%
}

@media(min-width:768px) {
    .video--block--component {
        margin: 0
    }
}

.drop--file--here {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.dropzone {
    display: block;
    min-height: 8.5rem;
    border: dashed #ffcd00 2px;
    color: #3c3c3c;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    background-color: transparent
}

.dropzone--files {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 3rem
}

.dz-error-message {
    color: red
}

.dropzone--file--container {
    position: relative
}

.dropzone--file--container>.name {
    display: block;
    padding-right: 20px;
    text-overflow: ellipsis;
    overflow: hidden
}

.dropzone--file--icon {
    position: absolute;
    top: 0;
    right: 0
}

.dropzone--file--row {
    margin-bottom: 2rem
}

form .form-error input {
    border-color: red;
    color: red
}

.error--block {
    color: red;
    font-size: 1.2rem;
    margin-top: .5rem
}

.form--control.-error {
    border-color: red
}

.form--control.-error+.error {
    color: red;
    margin-top: 7px
}

.form--checkbox>input.-error+.error {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.form--checkbox>input.-error~label:before {
    border-color: red
}

.form--checkbox .error {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.form--group:not(:last-child) {
    margin-bottom: 1.5rem
}

.form--group.-error .d-flex {
    flex-wrap: wrap
}

.form--group.-error .inline-error,
.form--group.-error .error {
    color: red;
    width: 100%;
    margin-top: 7px
}

@media(min-width:768px) {
    .form--group:not(.js-form-type-checkbox) label {
        height: 100%;
        padding-top: 13px
    }
    .form--group.-registered-in-pl label,
    .form--group.-active-vat-payer label,
    .form--group.-politically-exposed-person label,
    .form--group.-package-manager label {
        padding-top: 0
    }
}

.form--control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    background: #fff;
    height: 4.8rem;
    border: 2px solid #d8d8d8;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    padding: 0 1.1rem;
    cursor: pointer
}

.form--control::-moz-placeholder {
    color: rgba(60, 60, 60, .5)
}

.form--control:-ms-input-placeholder {
    color: rgba(60, 60, 60, .5)
}

.form--control::-ms-input-placeholder {
    color: rgba(60, 60, 60, .5)
}

.form--control::placeholder {
    color: rgba(60, 60, 60, .5)
}

.form--control::-ms-expand {
    display: none
}

.form--control[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.form--control[type=number]::-webkit-outer-spin-button,
.form--control[type=number]::-webkit-inner-spin-button,
.form--control[type=number] {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield
}

.form--control.-footernewsletter {
    max-width: 215px;
    margin-right: 15px
}

.form--control.-disabled {
    opacity: .75;
    cursor: auto
}

.form--control.-mobilesearch {
    border: 0;
    max-width: 275px
}

.form--control.-recivercity {
    margin-top: 15px
}

.form--control.-street {
    width: 80%
}

.form--control.-streetnumber {
    max-width: 50%
}

.form--control.-textarea {
    resize: none;
    min-height: 120px;
    padding: 12px 9px
}

.form--control.-squaremeters {
    padding-right: 35px
}

.form--control.error {
    border-color: red;
    color: red
}

.form--control.error+.inline-error {
    color: red
}

.input--arrow {
    position: relative
}

.input--arrow:after {
    content: '';
    position: absolute;
    top: 2.2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c3c3c transparent transparent transparent;
    pointer-events: none
}

.input--arrow.-right:after {
    right: 1.5rem
}

select.form--control {
    padding-right: 3.3rem
}

.fake--file--control {
    padding: 30px 15px 25px;
    border: dotted 3px #c4c4c4;
    text-align: center
}

.fake--file--control>input {
    display: none
}

.fake--file--control>.preview-img {
    max-width: 75px;
    left: 15%;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    max-height: 100px;
    position: absolute;
    z-index: 1
}

.fake--file--control>.label {
    font-family: "Dinamit", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #c4c4c4;
    cursor: pointer;
    position: relative;
    word-break: break-all
}

.fake--file--control>.label:before {
    display: block;
    content: '';
    width: 60px;
    height: 50px;
    background-image: url("themes/custom/inpost/css/../images/close-to-you/landscape-image.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: -15px;
    transform: translate(-100%, -50%);
    top: 50%
}

.fake--file--control.-nonempty>.label:before {
    display: none
}

.label--absoluted {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.form--gray--block {
    position: relative;
    width: 100%
}

.form--gray--block>.complaint-mat {
    position: absolute;
    right: 0;
    top: -80px
}

.form--gray--block>.content {
    position: relative;
    background: #f3f3f3;
    background-color: #f3f3f3;
    padding: 22px 0
}

.form--gray--block>.content.-square {
    padding: 30px 30px 15px
}

.form--gray--block>.content>.icons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    min-height: 5.4rem
}

.form--gray--block>.content>.icons-wrapper:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #ffcd00;
    transform: translate(-50%, -50%)
}

.form--gray--block>.content>.icons-wrapper>.icon {
    font-size: 5.4rem
}

.form--gray--block>.content>.icons-wrapper>.icon.icon-point {
    font-size: 4.2rem
}

.form--gray--block>.content>.price-holder {
    text-align: center;
    padding: 15px 0 10px
}

.form--gray--block>.content>label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.form--checkbox {
    position: relative;
    padding-left: 35px;
    text-align: left
}

.form--checkbox.-md>label:before {
    width: 2.4rem;
    height: 2.4rem
}

.form--checkbox>input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.form--checkbox>input.pt-0-label+label {
    padding-top: 0 !important
}

.form--checkbox>label {
    cursor: pointer;
    pointer-events: none
}

.form--checkbox>label *,
.form--checkbox>label:before,
.form--checkbox>label:after {
    pointer-events: auto
}

.form--checkbox>label p {
    pointer-events: none
}

.form--checkbox>label:before,
.form--checkbox>label:after {
    display: block;
    content: '';
    position: absolute
}

.form--checkbox>label:before {
    height: 20px;
    width: 20px;
    border: 2px solid #d8d8d8;
    background-color: #fff;
    left: 0;
    top: 0
}

.form--checkbox.-events>label {
    pointer-events: auto
}

.form--checkbox.-events>label p {
    pointer-events: auto
}

.form--checkbox.-square>input:checked+label:after {
    background-color: #ffcd00;
    height: 10px;
    width: 10px;
    top: 5px;
    left: 5px;
    transform: none
}

.form--checkbox.-alternative {
    margin: 0 0 1.4rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    z-index: 3
}

.form--checkbox.-alternative>label {
    cursor: pointer;
    margin-left: 2rem;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: "Dinamit", sans-serif
}

.form--checkbox.-alternative>label:before {
    height: 3.5rem;
    width: 3.5rem;
    border: 0;
    background-color: #fff;
    left: 0;
    top: 0
}

.form--checkbox.-alternative>input.-error+label:before {
    border: solid 3px red
}

.form--checkbox.-alternative>input:checked+label:after {
    height: 2rem;
    width: 1.1rem;
    border-bottom: solid 5px #000;
    border-right: solid 5px #000;
    left: 1.3rem;
    top: .5rem
}

.form--checkbox.-alternative.-closetoyou>label {
    font-family: "Montserrat", sans-serif
}

.i-declare>.form--checkbox {
    margin-right: 4rem
}

.form--radiobox {
    padding: 10px 0 0;
    text-align: center;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: solid 1px #d8d8d8
}

.form--radiobox.-recommendation {
    border: 0;
    width: 20px;
    height: auto;
    padding: 0
}

.form--radiobox>input {
    display: none
}

.form--radiobox>span {
    position: relative
}

.form--radiobox>span:before,
.form--radiobox>span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.form--radiobox>span:before {
    height: 26px;
    width: 26px;
    border: 2px solid #d8d8d8
}

.form--radiobox>label {
    position: relative;
    padding-top: 26px;
    width: 100%
}

.form--radiobox>label:before,
.form--radiobox>label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%
}

.form--radiobox>label:before {
    height: 20px;
    width: 20px;
    border: 2px solid #d8d8d8
}

.form--radiobox>label:after {
    margin-top: 5px
}

.form--radiobox>input:checked+span:before,
.form--radiobox>input:checked+label:before {
    border-color: #ffcd00
}

.form--radiobox>input:checked+span:after,
.form--radiobox>input:checked+label:after {
    height: 10px;
    width: 10px;
    background-color: #ffcd00
}

.radio--component {
    position: relative
}

.radio--component>input {
    display: none
}

.radio--component>input:checked+label:after {
    display: block;
    content: '';
    width: 13px;
    height: 13px;
    background-color: #ffcb04;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    left: 12px;
    border-radius: 100%
}

.radio--component>.label {
    position: relative;
    font-size: 13px;
    padding-left: 30px;
    cursor: pointer
}

.radio--component>.label:before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: solid 2px #d8d8d8;
    position: absolute;
    top: 45%;
    left: 0;
    transform: translate(0, -50%)
}

.form--checkbox>input:checked+label:after {
    height: 12px;
    width: 7px;
    border-bottom: solid 3px #ffcd00;
    border-right: solid 3px #ffcd00;
    left: 6px;
    transform: rotate(45deg);
    top: 2px
}

.form--checkbox.-md>input:checked+label:after {
    top: 4px;
    left: 8px
}

.form--search--component {
    position: relative;
    width: 457px;
    max-width: 100%;
    height: 4.8rem
}

.form--search--component>.btn {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 5rem;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 2.2rem;
    padding: 0;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    z-index: 2
}

.input--info {
    font-family: "Montserrat", sans-serif;
    color: #3c3c3c;
    font-weight: 600;
    line-height: 2.4rem;
    font-size: 1.2rem
}

.radios--tabs {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5rem;
    margin-bottom: 3.5rem;
    border-bottom: 1px solid #ffcd00
}

.radios--tabs.-buttons {
    border: 0
}

.radios--tabs.-buttons .item {
    width: 33.33%;
    text-align: center
}

.radios--tabs.-buttons .item label {
    background-color: #ffcd00;
    width: 90%;
    transition: all linear .3s
}

.radios--tabs.-buttons .item label:hover {
    background-color: #f8b12a
}

.radios--tabs.-buttons .form-radio:checked+.item>.option {
    background-color: #f8b12a
}

.radios--tabs>.form-radio {
    display: none
}

.radios--tabs>.form-radio:checked+.item>.option {
    background-color: #ffcd00
}

.radios--tabs .item {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center
}

.radios--tabs .item.-active {
    background-color: #ffcd00
}

.radios--tabs .item>.option {
    padding: 5px 3rem;
    cursor: pointer;
    width: 100%
}

@media(max-width:767px) {
    .search--mobile--component {
        position: relative
    }
    .search--mobile--component>.btn {
        position: absolute;
        top: 2px;
        bottom: 2px;
        right: 2px;
        width: 50px;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        font-size: 2rem;
        padding: 0;
        line-height: 1;
        text-align: center;
        background-color: #fff
    }
}

@media(max-width:374px) {
    .form--control.-footernewsletter {
        width: 55%
    }
}

@media(min-width:576px) {
    .form--control.-postalcode {
        max-width: 86px;
        display: inline-block
    }
    .form--control.-postalcode.-sm {
        max-width: 82px
    }
    .form--control.-recivercity {
        display: inline-block;
        max-width: 248px;
        margin-left: 30px
    }
    .form--control.-recivercity.-sm {
        margin-left: 27px;
        margin-top: 0
    }
}

@media(max-width:767px) {
    .fake--file--control.-nonempty {
        padding: 85px 15px 25px
    }
    .fake--file--control>.preview-img {
        max-height: 50px
    }
}

@media(min-width:768px) {
    .form--control.-footernewsletter {
        max-width: 262px;
        margin-right: 25px
    }
    .form--control.-md {
        font-size: 2rem;
        height: 60px
    }
    .form--control.-squaremeters {
        max-width: 250px;
        margin-right: auto
    }
    .form--gray--block>.content {
        padding: 22px 25px
    }
    .fake--file--control {
        padding: 47px 10px 47px 15.5rem;
        text-align: left
    }
    .fake--file--control>.preview-img {
        left: 11%;
        max-width: 100px;
        top: 50%;
        transform: translate(0, -50%)
    }
}

@media(min-width:1060px) {
    .fake--file--control {
        padding: 47px 10px 47px 17.5rem
    }
    .fake--file--control>.preview-img {
        left: 11%
    }
    .radios--tabs .item {
        width: auto;
        margin-bottom: 0;
        text-align: left
    }
}

@media(min-width:1260px) {
    .fake--file--control {
        padding: 47px 10px 47px 21.5rem
    }
    .fake--file--control>.preview-img {
        left: 21%
    }
}

.control--label {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    display: block;
    margin-bottom: .6rem
}

.control--label.-white {
    color: white
}

.select--center--package>.js-form-type-select>.row {
    justify-content: center
}

.form--group.-transfer-account>.row,
.form--group.-transfer-account-no>.row {
    justify-content: center
}

.range--wrap {
    position: relative;
    margin: 30px 1% 40px
}

.range--wrap input[type=range].range {
    width: 102%;
    position: relative;
    left: -1%;
    margin: 0;
    background-color: transparent;
    -webkit-appearance: none;
    height: 3px;
    background-color: #c4c4c4
}

.range--wrap input[type=range].range:focus {
    outline: 0
}

.range--wrap input[type=range].range::-webkit-slider-runnable-track {
    border: .2px solid rgba(0, 0, 0, 0);
    border-radius: 1.3px;
    width: 100%;
    height: 2px;
    cursor: pointer
}

.range--wrap input[type=range].range::-webkit-slider-thumb {
    margin-top: -14.2px;
    width: 30px;
    height: 30px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.range--wrap input[type=range].range::-moz-range-thumb {
    width: 30px;
    height: 30px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.range--wrap input[type=range].range::-ms-thumb {
    width: 30px;
    height: 30px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 0
}

.range--wrap>.bubble {
    pointer-events: none;
    width: 30px;
    display: block;
    top: calc(-50% + 2px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: #000
}

.select--form--container {
    text-align: left;
    margin-bottom: 1.7rem
}

.select--component {
    position: relative
}

.select--component:after {
    content: '';
    position: absolute;
    top: 2.2rem;
    right: 1.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3c3c3c transparent transparent transparent;
    pointer-events: none
}

.select--component>select {
    padding-right: 3rem;
    text-overflow: ellipsis
}

.select--component.-carrer {
    margin-bottom: 10px
}

.select--component.-carrer:before {
    content: '';
    position: absolute;
    top: 45%;
    right: 1.5rem;
    width: 0;
    height: 0;
    border-left: solid 2px #d7d7d7;
    pointer-events: none;
    border-bottom: solid 2px #d7d7d7;
    width: 12px;
    height: 12px;
    background: transparent;
    transform: translate(0, -50%) rotate(-45deg)
}

.select--component.-carrer:after {
    display: none
}

.select--component>select[multiple] {
    height: auto;
    padding: 0
}

.select--component.multiple:after {
    display: none;
    border: 0
}

@media(min-width:768px) {
    .select--form--container {
        width: 24rem
    }
    .select--component.-carrer {
        width: 235px;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 0
    }
    .select--component.-carrer:nth-last-child(1) {
        margin-right: 0
    }
}

@media(min-width:1060px) {
    .select--form--container {
        width: 26rem
    }
}

.page--not--found {
    background: #ffbb13;
    padding: 5rem 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.page--not--found>.content {
    min-height: 100%;
    display: flex;
    align-items: center
}

.page--not--found>.content:after {
    content: '';
    font-size: 0;
    min-height: inherit;
    display: block
}

.not--found--textbox {
    margin-top: 2rem
}

.not--found--textbox>.btncontainer {
    margin-top: 3.3rem;
    text-align: center
}

@media(min-width:576px) {
    .not--found--textbox {
        margin-top: 0
    }
    .not--found--textbox>.btncontainer {
        display: flex
    }
}

@media(min-width:768px) {
    .page--not--found {
        padding: 10rem 0
    }
    .not--found--textbox {
        padding-left: 3.5rem;
        margin-top: -23rem
    }
}

@media(min-width:1060px) {
    .not--found--textbox {
        margin-top: -29.3rem
    }
}

.home--ads {
    display: block
}

.home--baner {
    display: none
}

.home--ads.--hideads {
    display: none !important
}

.home--baner.--showads {
    display: block !important
}

.home--ads--big {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.home--ads img {
    max-width: 100%;
    height: 100%
}

@media(min-width:767px) and (max-width:768px) {
    .home--ads--big img {
        max-width: none;
        height: 186px;
        width: auto;
        position: absolute;
        top: 0;
        left: 0
    }
}

.home--ads--small img {
    display: block;
    width: 100%;
    height: auto
}

.home--ads--small-01 {
    display: block;
    margin-bottom: 1.5rem
}

@media(max-width:766px) {
    .home--ads--big {
        height: auto
    }
    .home--ads img {
        display: block;
        margin-bottom: 1.5rem;
        max-width: unset;
        width: 100%
    }
}

.tracking--ads img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 4rem !important;
    margin-bottom: 3rem !important
}

.tracking--ads--after img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 4rem !important
}

.tracking--baner,
.tracking--baner--after {
    display: none
}

.find-location--ads {
    position: relative;
    display: block
}

.find-location--baner {
    display: none
}

.find-location--ads img {
    max-width: 100%;
    height: auto
}

.find-location--ads.--hideads {
    display: none !important
}

.find-location--baner.--showads {
    display: block !important
}

.point--enity--ads {
    position: relative;
    display: block
}

.point--enity--baner {
    display: none
}

.point--enity--ads img {
    max-width: 100%;
    height: auto
}

.point--enity--ads.--hideads {
    display: none !important
}

.point--enity--baner.--showads {
    display: block !important
}

.prices--ads {
    position: relative;
    display: block
}

.prices--baner {
    display: none
}

.prices--ads img {
    max-width: 100%;
    height: auto
}

.prices--ads.--hideads {
    display: none !important
}

.prices--baner.--showads {
    display: block !important
}

.howsend--ads {
    position: relative;
    display: block
}

.howsend--baner {
    display: none
}

.howsend--ads img {
    max-width: 100%;
    height: auto
}

.howsend--ads.--hideads {
    display: none !important
}

.howsend--baner.--showads {
    display: block !important
}

.rules--ads {
    position: relative;
    display: block
}

.rules--baner {
    display: none
}

.rules--ads img {
    max-width: 100%;
    height: auto
}

.rules--ads.--hideads {
    display: none !important
}

.rules--baner.--showads {
    display: block !important
}

.rsearchpage--ads {
    position: relative;
    display: block
}

.searchpage--baner {
    display: none
}

.searchpage--ads img {
    max-width: 100%;
    height: auto
}

.searchpage--ads.--hideads {
    display: none !important
}

.searchpage--baner.--showads {
    display: block !important
}

.ad--dark--bg {
    background-color: #f3f3f3;
    text-align: center;
    padding: 4.5rem 0 3.5rem 0;
    margin: 2.7rem 0 3.7rem 0
}

.ad--info--box {
    text-align: center;
    margin-top: 2rem
}

@media(min-width:768px) {
    .ad--info--box {
        width: 29rem;
        margin-top: 4rem
    }
    .ad--dark--bg {
        margin: -1px 0 5.7rem 0
    }
}

.offer--heading {
    margin: 0 0 3rem
}

.offer--middle--block,
.offer--bottom--block {
    margin: 0 0 35px
}

@media(min-width:768px) {
    .offer--heading {
        margin: 0 0 5rem
    }
    .offer--heading.-lowerbottomspace {
        margin: 0 0 3rem
    }
    .offer--middle--block {
        padding: 35px 0 0;
        margin: 30px 0;
        border-top: solid 1px #d8d8d8
    }
    .offer--bottom--block {
        margin: 4.5rem 0 8rem;
        padding: 40px 0 0;
        border-top: solid 1px #d8d8d8
    }
}

.carrer--img--divider,
.career_detail--process--section,
.career_detail--slider--section {
    margin: 35px 0
}

.carrer--img--divider>.img-holder {
    height: 250px;
    background-size: cover
}

.process--icon--box {
    text-align: center
}

.process--icon--box>.icon {
    font-size: 72px
}

.career--girl--img {
    position: absolute;
    bottom: 0
}

.single--benefit--box>.icon {
    font-size: 20px;
    position: absolute
}

.single--benefit--box>.icon:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #ffcd00;
    z-index: -1
}

.single--benefit--box>.content {
    padding-left: 25px
}

.single--benefit--box>.content.-biggerleftspace {
    padding-left: 32px
}

.career_detail--jobs {
    background-color: #f3f3f3;
    padding: 55px 0
}

.jobs--list {
    margin: 15px 0 0;
    border-top: 1px solid #d8d8d8
}

.single--job {
    border-top: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single--job>.position {
    font-size: 14px;
    font-weight: 500;
    width: 45%;
    padding: 11px 0;
    padding-right: 2rem
}

.single--job>.place {
    font-size: 14px;
    font-weight: 500;
    width: 40%;
    padding-right: 2rem
}

.grid--img {
    height: 200px;
    background-size: cover;
    background-position: center;
    margin: 0 -15px
}

.job--filters>.selectcontainer>.select--component {
    width: 100%;
    margin-bottom: 1rem
}

.career--imgs--grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem
}

.career--imgs--grid>.item {
    width: 100%;
    background-size: cover;
    background-position: center;
    min-height: 30rem;
    display: flex;
    align-items: center;
    padding: 3rem
}

.career--imgs--grid>.item.-yellow {
    background-color: #ffcd00
}

.career--imgs--grid>.item.-dark {
    background-color: #3c3c3c
}

.jobs--noresults--msg {
    text-align: center;
    margin-top: 25px;
    display: none
}

.jobs--noresults--msg>.txt {
    font-size: 16px;
    font-weight: 500
}

@media(min-width:576px) {
    .career--imgs--grid>.item {
        width: 50%
    }
    .jobs--noresults--msg>.txt {
        font-size: 22px
    }
}

@media(min-width:768px) {
    .carrer--img--divider {
        margin: 7rem 0 7.5rem
    }
    .career_detail--process--section {
        margin: 8.5rem 0 9rem
    }
    .career_detail--benefits--section {
        margin: 5rem 0
    }
    .carrer--img--divider>.img-holder {
        height: 450px
    }
    .carrer--img--divider {
        margin: 3.5rem 0 7.5rem
    }
    .career_detail--slider--section {
        margin: 0 0 13rem
    }
    .single--job>.position {
        font-size: 2rem;
        width: 40%
    }
    .single--job>.place {
        font-size: 16px;
        width: 50%
    }
    .grid--img {
        height: 220px
    }
    .grid--img.-big {
        height: 100%
    }
    .single--benefit--box>.content>.title {
        min-height: 42px
    }
    .job--filters {
        display: flex;
        align-items: center
    }
    .job--filters>.selectcontainer {
        width: 40%
    }
    .job--filters>.selectcontainer>.select--component {
        width: 26rem
    }
    .career--imgs--grid>.item {
        width: 33.333%
    }
}

@media(min-width:1060px) {
    .career--imgs--grid>.item {
        width: 20%
    }
    .career--imgs--grid>.item.-lg {
        width: 40%
    }
}

@media(min-width:1260px) {
    .grid--img {
        height: 300px
    }
}

.carrer--content--wrapper {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%
}

.form--carrer--wrapper {
    max-width: 530px;
    margin: 25px auto 0;
    position: relative;
    z-index: 10
}

.carrer--department--top {
    background-color: #f3f3f3
}

.department--links--box {
    text-align: center
}

.department--links--box>a {
    font-size: 16px;
    color: #3c3c3c;
    padding: 0 2px;
    margin: 0 6px 3px;
    font-weight: 500;
    display: inline-block;
    border-bottom: solid 4px transparent
}

.department--links--box>a:hover {
    text-decoration: none;
    color: #3c3c3c;
    border-color: #ffcd00
}

.department--links--box>a.-active {
    border-color: #ffcd00
}

.carrer--department--section {
    margin-bottom: 8rem
}

.career--detail--item {
    position: relative;
    height: 100%;
    width: 100%
}

.career--detail--item>.img {
    position: absolute;
    bottom: -3rem;
    right: 0;
    width: 23rem;
    display: none
}

.career--detail--item>.content {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(min-width:576px) {
    .carrer--content--wrapper {
        width: 450px
    }
}

@media(min-width:768px) {
    .form--carrer--wrapper {
        margin-left: -43px
    }
    .carrer--content--wrapper {
        width: auto
    }
}

@media(min-width:1060px) {
    .career--detail--item {
        padding-right: 23rem
    }
    .career--detail--item>.img {
        width: 23rem;
        display: block
    }
    .form--carrer--wrapper {
        max-width: 80rem
    }
}

@media(min-width:1260px) {
    .form--carrer--wrapper {
        margin-left: -50px
    }
}

.charity--block {
    position: relative;
    padding-bottom: 5.5rem;
    margin-top: 5rem;
    margin-bottom: 6rem;
    padding-right: 5px
}

.charity--block>.img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem
}

.charity--contact--box {
    background-color: #3c3c3c;
    padding: .5rem 1.5rem;
    margin-bottom: 3rem;
    margin-top: 4rem
}

.triangle--component {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ffcd00 transparent transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 3rem 0
}

@media(min-width:768px) {
    .charity--contact--box {
        padding: .5rem 0
    }
    .charity--block {
        margin-top: 10rem;
        padding-bottom: 2.5rem;
        padding-left: 32%;
        box-shadow: inset 0 -41.5rem 0 #f3f3f3
    }
    .charity--block>.img {
        width: 35%
    }
}

@media(min-width:1060px) {
    .charity--block {
        box-shadow: inset 0 -35.5rem 0 #f3f3f3
    }
}

.cod--shipment--block {
    background-color: #f3f3f3;
    padding: 2.2rem 2.5rem;
    margin-top: 2rem
}

.cod--shipment--block>.header {
    display: flex;
    flex: 1 1 auto;
    margin-bottom: 1.5rem;
    flex-direction: column-reverse
}

.cod--shipment--block>.header>.text {
    flex: 1 1 auto;
    padding-right: 1rem
}

.cod--shipment--block>.header>.icon {
    font-size: 8.8rem;
    line-height: 1;
    text-align: center
}

.cod--shipment--block>.header>.icon>.icon-point {
    font-size: 6.5rem
}

.cod--shipment--block>.bottom>.price {
    line-height: 1;
    font-size: 2.8rem;
    font-weight: 600;
    flex: 1;
    margin-bottom: 1.5rem
}

.cod--shipment--block>.bottom>.price>.big {
    font-size: 3.6rem;
    font-family: "Dinamit", sans-serif
}

.cod--shipment--block>.bottom>.btncontainer {
    text-align: center;
    margin-top: .8rem
}

.shipment--icon {
    font-size: 2rem;
    width: 3rem;
    line-height: 1
}

.shipment--text {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2
}

.shipment--details {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.cod--shipment--container {
    margin-bottom: 6.6rem
}

@media(min-width:768px) {
    .cod--shipment--block {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        height: 100%
    }
    .cod--shipment--block>.header {
        flex-direction: row
    }
    .cod--shipment--block>.header>.icon {
        display: flex;
        padding-top: .6rem
    }
    .cod--shipment--block>.bottom {
        display: flex
    }
    .cod--shipment--block>.bottom>.price {
        margin-bottom: 0
    }
    .cod--shipment--container {
        margin-top: -6rem
    }
}

.featured--top--box {
    padding: 35px 0;
    background-color: #f3f3f3;
    margin: 0 0 50px
}

.featured--chessboard--box.-light {
    background-color: white
}

.featured--chessboard--box.-dark {
    background-color: #f3f3f3
}

.gray--holder {
    background-color: #f3f3f3;
    margin: 40px 0 35px;
    padding: 20px 15px 25px
}

.gray--holder .cta-box>.allegrotxt {
    margin: 0 0 10px;
    position: relative;
    top: -2px
}

.about--icon--box {
    text-align: center
}

.about--icon--box>.icon {
    font-size: 68px;
    display: block;
    line-height: 1;
    width: 7rem;
    margin: 0 auto;
    min-height: 8rem
}

.about--icon--box>.desc {
    margin: 15px 0 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px
}

.img--girl {
    max-width: 115px;
    margin-right: 10px;
    position: absolute;
    bottom: -25px;
    right: 10px
}

.feature--img--holder {
    padding-top: 42px;
    position: relative
}

.new--label {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.125;
    background-color: #ffcd00;
    padding: .5rem .7rem;
    top: 0;
    left: 0;
    position: absolute
}

.valuation--cta--box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0 0
}

.valuation--cta--box>.link {
    margin: 15px auto 0
}

.offer--form--details {
    margin-top: 2.2rem;
    text-align: left
}

.offer--form--details.-dark>.icon {
    color: #3c3c3c
}

.offer--form--details.-withborder {
    position: relative;
    padding-bottom: 1.5rem
}

.offer--form--details.-withborder:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #6f6e6e
}

.offer--form--details>.icon {
    font-size: 7rem;
    line-height: 1;
    color: white;
    display: inline-block;
    vertical-align: middle
}

.offer--form--details>.icon>.icon-courier .path2:before,
.offer--form--details>.icon>.icon-point .path2:before {
    color: inherit
}

.offer--form--details>.icon>.icon-point {
    font-size: 5.5rem
}

.offer--form--details>.triangle {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffcd00;
    margin: 0 1.5rem
}

@media(max-width:767px) {
    .valuation--cta--box {
        text-align: center
    }
    .feature--content--holder {
        margin-left: -21px
    }
    .about--icon--box {
        margin: 0 -10px 25px
    }
    .gray--holder .cta-box>.btn--primary,
    .gray--holder .cta-box>.btn--secondary,
    .gray--holder .cta-box>.btn--dark {
        padding: 1.2rem 1.7rem
    }
    .img--girl {
        max-width: 90px;
        margin-right: 10px;
        position: absolute;
        bottom: -25px
    }
}

@media(min-width:768px) {
    .valuation--cta--box {
        justify-content: flex-end;
        flex-wrap: nowrap;
        margin: 0
    }
    .valuation--cta--box>.link {
        margin: 0 1.5rem 0 0
    }
    .offer--form--details {
        text-align: center;
        padding-bottom: 0
    }
    .offer--form--details.-withborder:after {
        width: 1px;
        height: 100%;
        right: -15px;
        top: 0
    }
    .offer--form--details>.icon {
        font-size: 6.6rem;
        min-height: 7.2rem
    }
    .offer--form--details>.icon>.icon-point {
        font-size: 5rem
    }
    .feature--content--holder {
        display: flex;
        flex-direction: column;
        height: 100%
    }
    .feature--content--holder>.paragraph--component,
    .blog--content .feature--content--holder>p {
        flex: 1 1 auto;
        margin-bottom: 1rem
    }
    .feature--content--holder>.btn--primary,
    .feature--content--holder>.btn--secondary,
    .feature--content--holder>.btn--dark {
        margin-top: auto
    }
    .feature--img--holder.-bigger {
        padding-top: 6.8rem
    }
    .img--girl {
        right: -13px
    }
}

@media(min-width:1060px) {
    .gray--holder {
        margin: 40px 0 35px;
        padding: 20px 0 25px
    }
    .gray--holder .cta-box {
        padding-right: 30px
    }
    .img--girl {
        right: 10px
    }
}

.page--complaint .hero--form .inputcontainer {
    width: 100%
}

.complaint--box .mat img {
    display: block;
    width: 100%;
    height: auto
}

.complaint--box.-dark {
    background-color: #f3f3f3
}

.complaint--box.-light {
    background-color: #fff
}

.complaint--box-icon .header--h4 {
    font-weight: 700
}

.complaint--box-icon {
    position: relative;
    display: flex
}

.complaint--box-icon.-light {
    background-color: #fff;
    border: 2px solid #ececec;
    padding: 22px 50px 22px 116px;
    margin-left: 48px;
    transition: all .2s;
    transform: translateX(0)
}

.complaint--box-icon.-light:hover {
    transform: translateX(22px);
    border: 2px solid #ffcb04;
    text-decoration: none
}

.complaint--box-icon.-light .complaint--icon {
    position: absolute;
    top: 50%;
    left: 45px;
    transform: translateY(-50%)
}

@media(max-width:768px) {
    .complaint--box-icon.-light {
        margin-left: 0
    }
}

@media(max-width:640px) {
    .complaint--box-icon.-light {
        flex-flow: column;
        padding: 35px 20px
    }
    .complaint--box-icon.-light .complaint--icon {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: auto;
        height: 40px;
        margin: 0 auto 3rem;
        transform: translateY(0)
    }
    .complaint--box-icon.-light .header--h4 {
        text-align: center
    }
}

.complaint--box-icon.-dark {
    flex-flow: column nowrap;
    justify-content: center;
    background-color: #f3f3f3;
    height: 100%;
    padding: 3.5rem 5rem;
    transition: all .2s;
    transform: translateY(0)
}

.complaint--box-icon.-dark:hover {
    background-color: #ffcd00;
    transform: translateY(-15px);
    text-decoration: none
}

.complaint--box-icon.-dark:hover * {
    display: none
}

.complaint--box-icon.-dark:hover:before {
    content: attr(data-hover);
    color: #000;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: normal
}

.complaint--box-icon.-dark .complaint--icon {
    display: block;
    width: auto;
    height: 40px;
    margin: 0 auto 3rem
}

.complaint--box-icon span {
    font-weight: 400
}

@media(min-width:768px) {
    .complaint--box-icon.-big {
        margin-left: 0
    }
    .complaint--box-icon.-big .complaint--icon {
        width: auto;
        height: 50px
    }
    .complaint--box-icon.-big .header--h4 {
        font-size: 2.3rem
    }
}

.complaint--mat {
    width: 70px;
    transform: translateY(36px);
    position: absolute
}

.complaint--form--component.-rating fieldset:first-of-type>legend {
    padding-right: 90px
}

.complaint--form--component .form-required>span:after {
    content: '*';
    margin: 0 0 0 .3em;
    color: #f00
}

.rating--mat {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6rem
}

@media(min-width:576px) {
    .complaint--mat {
        width: 82px;
        transform: translateY(30px)
    }
}

@media(min-width:768px) {
    .complaint--mat {
        transform: translateY(94px);
        position: static
    }
}

@media(min-width:1260px) {
    .complaint--mat {
        transform: translateY(108px)
    }
}

.complaints--bottom-box {
    margin-bottom: 5rem
}

.complaints--bottom-box.-bgprimary {
    margin-bottom: 0;
    padding: 5rem 0;
    background: #fee789;
    background: radial-gradient(ellipse at center, #fee789 0, #f8b12a 50%)
}

.before--contact--box {
    position: absolute;
    left: -3.5rem;
    top: 0;
    background-color: #ffcd00;
    width: 2rem;
    height: 2rem;
    padding: 3px 0 0 5px;
    font-size: 2rem;
    font-weight: 600
}

.complaints--contact--box {
    position: relative;
    font-weight: 600;
    font-size: 1.35rem;
    margin-bottom: 1.5rem
}

.complaints--contact--box>.contact-link {
    font-family: "Montserrat", sans-serif;
    color: #3c3c3c;
    font-weight: 600;
    font-size: 1.6rem
}

.complaints--contact--box>.contact-link:hover {
    color: #3c3c3c;
    text-decoration: underline
}

.complaints--heading {
    margin: 0 0 1.6rem
}

.loading--progress {
    max-height: 10px;
    max-width: 145px;
    width: 100%;
    background-color: #6f6e6e;
    height: 100%;
    position: relative
}

.loading--progress>.loaded-bar {
    position: absolute;
    left: 0;
    width: 60%;
    background-color: #ffcd00;
    height: 100%
}

.loading--progress.-completed {
    opacity: 0
}

.percent--loading {
    font-size: 1.2rem;
    font-weight: 500;
    color: #3c3c3c;
    font-family: "Montserrat", sans-serif
}

.percent--loading>span {
    cursor: pointer
}

.contact--page {
    margin-bottom: 3.5rem
}

.view--more {
    border-top: 1px solid #d8d8d8;
    padding-top: 1.5rem
}

.view--more>.btn {
    width: 150px;
    margin: 0 auto;
    display: flex
}

.contact--dark--box {
    background-color: #3c3c3c;
    padding: 0 1.7rem 2.4rem;
    margin-top: 4.5rem;
    margin-bottom: 2.5rem;
    margin-left: -21px;
    margin-right: -21px
}

.contact--dark--box>.upper {
    padding-left: 5rem;
    display: flex;
    align-items: flex-start;
    position: relative;
    top: -2.3rem;
    margin-bottom: -4.4rem;
    width: 330px;
    max-width: 100%;
    margin-left: auto
}

.contact--dark--box>.upper>.img {
    width: 3.5rem;
    height: 3.5rem;
    z-index: -1
}

.contact--dark--box>.upper>.header--with--bg {
    flex: 1
}

.contact--dark--box>.link {
    color: #ffcb04;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    font-family: "Dinamit", sans-serif;
    margin-top: 1.8rem;
    white-space: nowrap
}

.contact--dark--box>.link:hover {
    text-decoration: none
}

.contact--dark--box>.link>.icon {
    font-size: 3.4rem;
    vertical-align: middle
}

.contact--text--box {
    margin-bottom: 2.4rem
}

.contact--text--box>.linkcontainer {
    margin-bottom: 2.7rem
}

.contact--text--box>.linkcontainer:last-of-type {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .main--contact--wrapper fieldset {
        margin: 0;
        padding: 0
    }
}

@media(min-width:576px) {
    .contact--dark--box>.upper>.img {
        width: 40px;
        height: 40px;
        margin-top: -.3rem
    }
}

@media(min-width:768px) {
    .contact--dark--box {
        margin: 6.5rem 0 2.5rem;
        margin-top: 6.5rem
    }
    .contact--dark--box>.link {
        font-size: 2.4rem
    }
    .contact--dark--box>.upper {
        top: -4.5rem;
        margin-bottom: -5.4rem;
        padding-left: 1rem
    }
    .contact--dark--box>.upper>.img {
        width: 40px;
        height: 40px;
        margin-top: 1.3rem
    }
    .contact--text--box {
        padding: 0 1rem
    }
}

@media(min-width:1060px) {
    .contact--dark--box>.link {
        font-size: 2.6rem
    }
    .contact--dark--box>.upper>.img {
        width: 60px;
        height: 60px;
        margin-top: -.2rem
    }
}

@media(min-width:1260px) {
    .contact--dark--box>.link {
        font-size: 2.8rem
    }
    .contact--dark--box>.upper>.img {
        width: 80px;
        height: 80px;
        margin-top: -.8rem
    }
}

@media(max-width:380px) {
    .contact--dark--box>.link {
        font-size: 2.66rem
    }
}

.download--block {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.download--block>.imgcontainer {
    margin-bottom: 2.5rem;
    flex: 1 1 auto;
    margin-top: 5rem
}

.download--block>.imgcontainer>.img-fluid.-logo {
    width: 16rem
}

.download--block>.btncontainer {
    width: 20.7rem;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-top: 2.5rem;
    text-align: center
}

.integration--section {
    margin-top: 8rem;
    margin-bottom: 6rem
}

@media(min-width:768px) {
    .download--block>.imgcontainer {
        margin-top: 9rem
    }
    .integration--section {
        margin-top: 12rem
    }
}

.ekobox--info--voucher p span.pink {
    color: #d82370;
    display: block
}

.video--hero--block.-ekobox {
    background-position: top;
    min-height: 41rem;
    align-items: flex-end;
    margin-bottom: 0;
    padding: 0
}

.video--hero--block.-ekobox .mobilebg {
    background-position: center top;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center top
}

.header--ekobox-top {
    font-size: 2rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 400;
    line-height: 2.8rem;
    margin-bottom: 1rem
}

.header--ekobox-top>strong {
    font-weight: 600
}

.header--ekobox-bottom {
    font-size: 1.6rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 400;
    line-height: 1.8rem;
    margin-bottom: 2rem
}

.header--ekobox-bottom>strong {
    font-weight: 600
}

.ekobox--steps {
    background-color: #ececec
}

.eko--steps {
    position: relative;
    min-height: 370px;
    max-width: 320px;
    margin: 15rem auto 0
}

.eko--step {
    width: 114px;
    position: absolute
}

.eko--step.-step-1 {
    left: 0;
    top: 120px
}

.eko--step.-step-1>.image {
    left: 25px;
    top: -105px
}

.eko--step.-step-1 .header {
    background-color: #feca07
}

.eko--step.-step-1 .info {
    margin-left: 2rem
}

.eko--step.-step-1:before {
    top: -185px;
    right: -40px;
    transform: rotate(118deg)
}

.eko--step.-step-2 {
    right: 0;
    top: 0
}

.eko--step.-step-2>.image {
    left: -10px;
    top: -85px
}

.eko--step.-step-2 .header {
    background-color: #078ecf
}

.eko--step.-step-2 .info {
    margin-left: 3.8rem
}

.eko--step.-step-2:before {
    top: 120px;
    left: 45px;
    transform: rotate(-118deg)
}

.eko--step.-step-3 {
    right: 0;
    bottom: 0
}

.eko--step.-step-3>.image {
    left: -55px;
    top: -87px
}

.eko--step.-step-3 .header {
    background-color: #2eaa4f
}

.eko--step.-step-3 .info {
    margin-left: 5.6rem;
    width: 28rem
}

.eko--step.-step-3:before {
    top: -120px;
    left: -130px;
    transform: rotate(0)
}

.eko--step:before {
    content: '';
    width: 5.3rem;
    height: 7rem;
    position: absolute;
    background-image: url(themes/custom/inpost/css/../images/ekobox/arrow.svg)
}

.eko--step .header {
    font-size: 1.6rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 700;
    line-height: 1.9rem;
    color: #fff;
    width: 8.5rem;
    box-sizing: content-box;
    padding: 5px 20px
}

.eko--step>.image {
    position: absolute;
    z-index: 0
}

.eko--step>.text {
    position: relative;
    z-index: 1
}

.eko--step .info {
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 2.3rem
}

.eko--steps-description {
    counter-reset: number;
    list-style-type: none
}

.eko--steps-description>.item {
    margin-bottom: 3rem
}

.eko--steps-description>.item:before {
    counter-increment: number;
    content: counter(number) ". ";
    display: block;
    float: left;
    margin-right: 1rem;
    font-size: 2.4rem;
    font-weight: 600;
    position: relative;
    top: -.5rem
}

.eko--steps-description>.item:nth-last-child(1) {
    margin-bottom: 0
}

.ekobox--make {
    background-color: #08b04e
}

.paragraph--component.-return span,
.blog--content p.-return span {
    color: #ffcd00
}

.ekobox--join {
    background: #f3f3f3
}

.ekobox--join .header>span {
    color: #ffcd00;
    display: block
}

.ekobox--form.-hidden {
    visibility: hidden;
    height: 0
}

.form--ekobox--wrapper .form-checkbox label[for=edit-e-shop-consent] .star--sign {
    position: absolute;
    top: -3px;
    right: 0
}

.form--ekobox--wrapper .input--info {
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    color: #c5c5c5;
    display: inline-block;
    position: relative
}

.form--ekobox--wrapper .input--info .link--component,
.form--ekobox--wrapper .input--info .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .form--ekobox--wrapper .input--info a,
.form--ekobox--wrapper .input--info .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .form--ekobox--wrapper .input--info a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 10px;
    line-height: 11px;
    margin: 0 4px
}

.form--ekobox--wrapper .form--group>label {
    margin-bottom: 1rem
}

.form--ekobox--wrapper .btn-container {
    margin: 0 auto;
    max-width: 20rem
}

.ekobox--faq .item {
    cursor: pointer
}

.header--eko-faq {
    font-size: 1.6rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 600
}

@media(min-width:768px) {
    .video--hero--block.-ekobox {
        min-height: 74rem
    }
    .header--ekobox-top {
        font-size: 2.8rem;
        line-height: 3.506rem;
        margin-top: 24rem;
        margin-bottom: 0
    }
    .header--ekobox-bottom {
        font-size: 1.8rem;
        line-height: 2.254rem
    }
    .ekobox--join .header {
        font-size: 5.2rem;
        line-height: 6.2rem
    }
    .header--eko-faq {
        font-size: 2.6rem
    }
}

@media(min-width:1060px) {
    .eko--steps {
        margin-right: 4rem;
        max-width: 100%;
        min-height: 63rem
    }
    .eko--step {
        width: 268px
    }
    .eko--step.-step-1 {
        top: 200px
    }
    .eko--step.-step-1>.image {
        left: 16rem;
        top: -12.4rem;
        width: 20.2rem;
        height: 20.8rem
    }
    .eko--step.-step-1 .header {
        padding: .7rem 4.7rem .6rem 2.1rem
    }
    .eko--step.-step-1:before {
        top: -188px;
        right: -38px
    }
    .eko--step.-step-2 {
        right: 7rem;
        top: 0
    }
    .eko--step.-step-2>.image {
        left: -16.7rem;
        top: -11.2rem;
        width: 21.7rem;
        height: 22.3rem
    }
    .eko--step.-step-2 .header {
        padding: .7rem 2.5rem .1rem 4rem
    }
    .eko--step.-step-2:before {
        top: 70px;
        right: 0
    }
    .eko--step.-step-3 {
        right: 20%
    }
    .eko--step.-step-3>.image {
        left: -7.8rem;
        top: -16.8rem;
        width: 20.7rem;
        height: 24.4rem
    }
    .eko--step.-step-3 .header {
        padding: .6rem 2.9rem 1.1rem 5.8rem;
        width: 13.5rem
    }
    .eko--step.-step-3:before {
        top: -60px;
        left: -132px
    }
    .eko--step .header {
        font-size: 2.8rem;
        line-height: 3.5rem;
        width: 13.5rem
    }
    .eko--step>.image {
        z-index: 2
    }
    .eko--step:before {
        width: 10.3rem
    }
}

@media(min-width:1260px) {
    .eko--step.-step-1:before {
        top: -19rem;
        right: -24rem
    }
    .eko--step.-step-2:before {
        top: 17rem;
        left: -11rem
    }
    .eko--step.-step-3:before {
        left: -21.8rem;
        top: -16.8rem
    }
}

.help--icon--box>.img-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 35px 0 25px
}

.environment-emmision-section {
    margin: 0 0 35px
}

.environment--divider {
    padding: 15px 0;
    border-bottom: solid 1px #d8d8d8;
    margin: 0 0 57px
}

.percentage--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.big--percentage--component {
    margin: 0 0 20px
}

.big--percentage--component>p {
    display: flex;
    align-items: center
}

.big--percentage--component>p>big {
    font-family: "Dinamit", sans-serif;
    font-size: 24px;
    font-weight: 600;
    padding-right: 20px
}

.your--influence--section {
    background-color: #3c3c3c;
    padding: 30px 0 40px
}

.double--arrow--sign {
    position: absolute;
    left: 2px;
    top: 50%
}

.double--arrow--sign:before,
.double--arrow--sign:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid
}

.double--arrow--sign:before {
    border-width: 3px 8px 3px 0;
    border-color: transparent #ffcd00 transparent transparent;
    transform: translateX(-7px)
}

.double--arrow--sign:after {
    border-width: 3px 0 3px 8px;
    border-color: transparent transparent transparent #ffcd00;
    transform: translateX(7px)
}

.double--arrow--sign.-incard {
    left: 48%;
    transform: translate(-50%, -50%)
}

.single--arrow--sign {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0) rotate(90deg);
    width: 8px;
    height: 8px
}

.single--arrow--sign:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffcd00
}

.goals--section {
    margin: 40px 0 0
}

.environment--help-section {
    margin: 37px 0 50px
}

@media(min-width:576px) {
    .double--arrow--sign {
        left: -10px
    }
}

@media(min-width:768px) {
    .double--arrow--sign {
        left: -35px
    }
    .double--arrow--sign:before {
        border-width: 5px 10px 5px 0;
        transform: translate(-8px, -50%)
    }
    .double--arrow--sign:after {
        border-width: 5px 0 5px 10px;
        transform: translate(8px, -50%)
    }
    .your--influence--section {
        padding: 7.5rem 0
    }
    .single--arrow--sign {
        top: 58%;
        right: 3px;
        transform: translate(50%, 0);
        left: initial;
        bottom: initial
    }
    .help--icon--box>.img-holder {
        height: 170px;
        margin: 0 0 20px
    }
    .environment-emmision-section {
        margin: 0 0 6rem
    }
    .environment--help-section {
        margin: 9rem 0
    }
    .environment--initiative--section {
        margin: 0 0 3.5rem
    }
    .goals--section {
        margin: 10.3rem 0 0
    }
    .big--percentage--component>p>big {
        font-size: 28px
    }
}

.location--box {
    max-width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 401;
    max-height: 100%;
    pointer-events: auto
}

.light--location--box {
    background-color: #fff
}

.location--container {
    position: relative
}

.location--container>.box {
    top: auto;
    bottom: 0;
    width: 100%;
    pointer-events: none
}

.location--box--content {
    padding: 0 2.6rem 0 2.2rem
}

.location--box--content.-header {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.location--box--content.-closetoyou {
    padding-bottom: 3rem
}

.location--box--content.-footer {
    background: #fff;
    padding: 0 2rem 0 2.2rem
}

.location--box--content.-footer>.content {
    display: flex;
    align-items: center;
    padding: 25px 0 20px
}

.location--box--content.-footer>.content>.text-wrapper>.txt {
    margin: 0 0 0 30px;
    font-weight: 600
}

.location--box--content.-footer>.content>.text-wrapper>.txt.-alt {
    font-size: 14px;
    font-family: "Dinamit", sans-serif;
    font-weight: 700
}

.location--box--content.-footer>.message-box {
    padding: 0 0 20px
}

.location--box--content.-footer>.message-box>.txt {
    font-size: 13px;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    margin: 0
}

.location--box--content.-footer>.message-box>.txt>span {
    box-shadow: inset 0 -.4rem 0 #ffcd00
}

.icon--pin {
    font-size: 2.2rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: -1rem;
    position: relative
}

.points--switcher {
    clear: both;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffcd00;
    width: 100%;
    margin-bottom: 2rem
}

.points--switcher>.btn {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 500;
    padding: 0 .5rem
}

.points--switcher>.btn.-active {
    background-color: #ffcd00;
    font-weight: 600
}

.locators--summary--container {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2
}

.locators--summary--container>.title {
    margin-top: 1.2rem;
    margin-bottom: 1rem
}

.location--item {
    margin-right: .5rem
}

.location--item>a {
    border-top: 1px solid #d8d8d8;
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    margin-right: .5rem;
    width: 100%;
    text-decoration: none
}

.location--item>a>.btn {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: 0;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 500;
    margin-right: -.5rem
}

.location--item>a>.btn:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ffcd00;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    margin-top: -2px
}

.location--item>a>.text {
    flex: 1;
    padding-right: 5px;
    color: #000
}

.location--availability {
    display: block;
    font-size: 1rem
}

.location--availability.-store {
    color: #1191d0
}

.location--availability.-point {
    color: #000;
    font-weight: 600
}

.location--availability.-pointlist {
    font-size: 1.6rem;
    font-weight: 600
}

.location--availability>[class*="icon-"] {
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.3rem;
    margin-right: 5px
}

.location--items--list:not(.mCS_no_scrollbar) {
    margin-right: -30px
}

.point--popup--content {
    width: 38rem;
    padding: 2.2rem 2rem;
    font-family: "Montserrat", sans-serif
}

.point--popup--content>.info {
    display: flex
}

.point--popup--content>.info.-underlined {
    position: relative;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.point--popup--content>.info.-underlined:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -1.5rem;
    right: -1.5rem;
    height: 1px;
    background-color: #d8d8d8;
    display: block
}

.point--popup--content>.info.-underlined>.close {
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0
}

.point--popup--content>.info.-underlined>.close:before,
.point--popup--content>.info.-underlined>.close:after {
    content: '';
    width: 19px;
    height: 2px;
    background-color: #3c3c3c;
    display: block;
    position: absolute;
    top: 6px;
    left: 0
}

.point--popup--content>.info.-underlined>.close:before {
    transform: rotate(45deg)
}

.point--popup--content>.info.-underlined>.close:after {
    transform: rotate(-45deg)
}

.point--popup--content>.info>.img {
    margin-right: 1.5rem;
    width: 5rem;
    background-size: cover;
    background-position: center
}

.point--popup--content>.info>.text {
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 500
}

.point--popup--content>.time {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 500;
    margin-top: 5px
}

.point--popup--content>.time:before {
    content: '';
    background: url(themes/custom/inpost/images/map/icon-clock.png) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: translateY(4px);
    margin-right: 9px
}

.point--popup--content>.near {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 700;
    margin-top: 5px
}

.point--popup--content>.near:before {
    content: '';
    background: url(themes/custom/inpost/images/map/icon-info.png) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    transform: translateY(4px);
    margin-right: 5px
}

.point--popup--content>.app {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 700;
    margin-top: 5px;
    display: flex;
    flex-direction: row
}

.point--popup--content>.app:before {
    content: '';
    background: url(themes/custom/inpost/images/map/icon-app.png) no-repeat center;
    background-size: contain;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 5px
}

.point--popup--content>.btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 1rem
}

.mobile--point--description {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 500
}

.mobile--point--description>.img {
    width: 10rem;
    height: 10rem;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
    margin-left: auto;
    background-position: center;
    background-size: cover;
    border-radius: 5px
}

.leaflet--map,
.freezer--map {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 400;
    position: relative
}

.leaflet--map.-fixed,
.freezer--map.-fixed {
    position: fixed;
    z-index: 402;
    height: auto;
    background-color: transparent;
    margin: 0
}

.leaflet--map.-fixed>.seemore,
.freezer--map.-fixed>.seemore {
    display: none
}

.leaflet--map.-fixed>.close,
.freezer--map.-fixed>.close {
    display: block
}

.leaflet--map.-fixed>.leaflet--container,
.freezer--map.-fixed>.leaflet--container {
    height: 100%
}

.leaflet--map>.seemore,
.freezer--map>.seemore {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 401
}

.leaflet--map>.close,
.freezer--map>.close {
    padding: 0;
    border: 0;
    background-color: #ffcd00;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, .2);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 500;
    display: none
}

.leaflet--map>.close:before,
.leaflet--map>.close:after,
.freezer--map>.close:before,
.freezer--map>.close:after {
    content: '';
    width: 19px;
    height: 2px;
    background-color: #3c3c3c;
    display: block;
    position: absolute;
    top: 24px;
    left: 16px
}

.leaflet--map>.close:before,
.freezer--map>.close:before {
    transform: rotate(45deg)
}

.leaflet--map>.close:after,
.freezer--map>.close:after {
    transform: rotate(-45deg)
}

.map--search--mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 2.2rem 2rem;
    z-index: 403
}

.map--search--mobile .tt-menu {
    top: auto !important;
    bottom: 100%;
    max-height: 100vh;
    overflow-y: auto
}

.custom-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
    padding: 0;
    box-shadow: 0 4px 0 0 rgba(60, 60, 60, .2)
}

.custom-popup .leaflet-popup-content-wrapper a {
    color: #3c3c3c
}

.custom-popup .leaflet-popup-tip-container {
    width: 30px;
    height: 15px
}

.leaflet-popup-content {
    margin: 0
}

.leaflet-popup-content p {
    margin: 0
}

.leaflet-popup-tip-container {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
    overflow: initial
}

.leaflet-popup-tip {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: rgba(60, 60, 60, .2) transparent transparent transparent;
    transform: none;
    background: transparent;
    box-shadow: none;
    position: absolute;
    right: -16px;
    bottom: -5px;
    z-index: -1
}

.leaflet-container a.leaflet-popup-close-button {
    color: #3c3c3c;
    font-weight: 100;
    font-size: 2rem;
    width: 5rem;
    padding: 1.8rem 4px 0 0
}

.leaflet--container {
    width: 100%;
    height: 25rem
}

.marker-cluster {
    background-color: rgba(66, 66, 67, .2)
}

.marker-cluster>div {
    background-color: #424243
}

.marker-cluster>div>span {
    color: #ffcd00
}

.list--point--header,
.list--point--content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 8px;
    font-size: 1.4rem;
    line-height: 1.4
}

.list--point--header>.name,
.list--point--header>.location,
.list--point--header>.near,
.list--point--header>.sendpackage,
.list--point--content>.name,
.list--point--content>.location,
.list--point--content>.near,
.list--point--content>.sendpackage {
    min-width: 100%;
    flex: 0 0 100%
}

.list--point--header {
    border-bottom: 2px #ffcd00 solid;
    padding-bottom: 1rem
}

.list--point--header>.name,
.list--point--header>.location,
.list--point--header>.near,
.list--point--header>.sendpackage {
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

.list--point--header>.sendpackage {
    text-indent: 35px
}

.list--point--content+.list--point--content {
    border-top: 1px #3c3c3c solid
}

.list--point--content>.name,
.list--point--content>.location,
.list--point--content>.near {
    text-align: center
}

.list--point--content>.sendpackage {
    text-align: right;
    margin-top: 10px
}

.list--point--content .nearicon:before {
    content: '';
    background: url(themes/custom/inpost/images/map/icon-info.png) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    transform: translateY(4px);
    margin-right: 5px
}

@media(min-width:768px) {
    .location--box {
        width: 36rem
    }
    .location--box.-w100 {
        width: 100%
    }
    .location--container>.box {
        bottom: 5.5rem;
        top: 5.5rem
    }
    .points--switcher {
        padding-top: 1.8rem
    }
    .light--location--box {
        background-color: #f3f3f3
    }
    .location--container>.box {
        position: absolute
    }
    .leaflet--container {
        height: 575px
    }
    .list--point--header,
    .list--point--content {
        flex-wrap: nowrap
    }
    .list--point--header>.name,
    .list--point--header>.location,
    .list--point--header>.near,
    .list--point--header>.sendpackage,
    .list--point--content>.name,
    .list--point--content>.location,
    .list--point--content>.near,
    .list--point--content>.sendpackage {
        min-width: 25%;
        flex: 0 0 25%
    }
    .list--point--content>.name {
        text-align: left
    }
    .list--point--content>.sendpackage {
        padding-left: 35px;
        margin-bottom: 0
    }
}

@media(max-width:1059.98px) {
    .location--container>.box>.container {
        padding: 0
    }
    .point--popup--content {
        background-color: #fff;
        width: 100%
    }
}

@media(max-width:375px) {
    .point--popup--content {
        padding: 2rem 1.5rem
    }
}

.avatar--image {
    border-radius: 100%;
    margin: 0 0 15px
}

.press--personal--info {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(min-width:768px) {
    .avatar--image {
        margin: 0
    }
    .press--personal--info {
        align-items: flex-start
    }
    .forpress--icon--box>.icon-wrapper {
        min-height: 105px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem
    }
}

.free--returns {
    padding-top: 3.2rem;
    padding-bottom: 1rem
}

.free--returns .paper-plane>img {
    max-width: 85px
}

.return--process {
    padding-bottom: 6rem
}

.return--heading {
    margin: 0 0 3.3rem
}

.send-package--bottom-box {
    margin: 0 0 35px
}

.mid--icon--box {
    height: 100%
}

.mid--icon--box>.icon {
    font-size: 6.8rem;
    min-height: 7.5rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 6px;
    line-height: 1
}

.mid--icon--box>.icon>.icon-point {
    font-size: 5rem
}

.mid--icon--box>.heading {
    min-height: 26px;
    margin-bottom: .5rem
}

.mid--icon--box>.link-wrapper {
    margin: 15px 0 0
}

@media(min-width:768px) {
    .send-package--bottom-box {
        margin: 0 0 8.2rem
    }
    .big--icon--box>.icon {
        font-size: 6.8rem
    }
}

.icon--print--container {
    font-size: 5.5rem;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    margin-top: -1.2rem;
    margin-bottom: 4px;
    margin-left: -4px
}

.point--price--details {
    background-color: #3c3c3c;
    color: #fff;
    padding: 3rem 0;
    margin-bottom: 3.5rem;
    position: relative;
    top: -1px
}

.pack--details--box {
    display: flex;
    margin-top: 1.2rem;
    margin-bottom: 7px
}

.pack--details--box>.icon {
    font-size: 2rem;
    color: #ffcd00;
    width: 3.2rem
}

.pack--details--box>.text {
    flex: 1 1 auto;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 3px
}

.pack--details--box>.text>.title {
    font-weight: 600;
    display: block;
    margin-bottom: .7rem
}

.points--hero {
    min-height: 22rem;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    padding: 1.5rem 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    width: 100vw
}

.points--hero:after {
    content: '';
    font-size: 0;
    min-height: inherit;
    display: block
}

.points--hero.-second {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw
}

.points--hero--container {
    position: relative;
    margin-top: 1.5rem
}

.points--hero--fixed {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 50%
}

.offer--icon--container {
    height: 6rem;
    margin-bottom: .7rem;
    margin-top: 4rem;
    display: block
}

.offer--icon--container>.img {
    height: 100%
}

@media(min-width:768px) {
    .points--hero--fixed {
        -webkit-clip-path: polygon(185px 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(185px 0, 100% 0, 100% 100%, 0% 100%)
    }
    .points--hero--container {
        margin-top: 3rem
    }
    .points--hero {
        padding: 3.1rem 0;
        min-height: 41.8rem
    }
    .pack--details--box {
        margin-bottom: 0
    }
    .point--to--point {
        margin-bottom: 9rem
    }
    .points--hero.-second {
        right: -17px
    }
    .points--hero.-centercontent {
        align-items: center
    }
    .offer--icon--container {
        margin-top: -1.9rem
    }
}

@media(max-width:767px) {
    .points--hero--container {
        overflow-x: auto;
        display: flex;
        flex-wrap: no-wrap;
        -webkit-overflow-scrolling: touch
    }
    .points--hero--container>.points--hero {
        flex: 0 0 auto;
        background-position: center right
    }
    .points--hero--container>.points--hero--fixed {
        flex: 0 0 auto;
        position: static;
        width: 100vw
    }
    .points--hero--container .points--hero.-second {
        position: static;
        background-position: center left;
        width: 100%
    }
    .offer--icon--container.-first {
        margin-top: 0
    }
}

.write--mat {
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 1
}

.write--mat img {
    width: 140px
}

.fullfilment--block--text {
    margin-bottom: 4rem
}

.fullfilment--block--text:last-child {
    margin-bottom: 0
}

.hero--section.-fulfillment-page {
    background: radial-gradient(44.53% 254.79% at 100% 100%, #ffcd00 0, rgba(255, 205, 0, 0) 100%), #1330c4;
    padding: 0 0 14px
}

.hero--section.-fulfillment-page .content .mobileimg>img {
    min-height: 146px;
    width: 100%
}

.hero--section.-fulfillment-page .content .logo {
    margin: 23px 0;
    width: 160px
}

.hero--section.-fulfillment-page .content .header--h2 {
    color: #fff;
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    line-height: 2.3rem;
    letter-spacing: 0;
    text-align: left;
    padding: 2rem 0
}

.fullfilment--bottom--section {
    background-color: #f3f3f3;
    border-bottom: solid 4px #fff;
    padding: 40px 0
}

.fullfilment--bottom--section .single--benefit--box>.content {
    padding: 0;
    position: relative
}

.fullfilment--bottom--section .single--benefit--box>.content .mat {
    position: absolute;
    top: 0;
    left: 60px;
    width: 45px
}

.fullfilment--bottom--section .single--benefit--box>.content .mat:before {
    background: #ffcd00;
    width: 20px;
    height: 20px;
    display: block;
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%) rotate(-135deg)
}

.fullfilment--bottom--section .single--benefit--box>.content>.title {
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    min-height: 1.8rem
}

.fullfilment--bottom--section .single--benefit--box>.content>img {
    width: 36px;
    height: 50px;
    margin-bottom: 5px
}

.fullfilment--bottom--section .single--benefit--box>.content .paragraph--component,
.fullfilment--bottom--section .single--benefit--box>.content .blog--content p,
.blog--content .fullfilment--bottom--section .single--benefit--box>.content p {
    font-size: 1.6rem
}

.why--inpost {
    position: absolute;
    left: 50%;
    padding: 40px 20px 34px 34px;
    width: calc(100% - 48px);
    top: 0;
    background: #1330c4;
    transform: translateX(-50%)
}

.why--inpost:before {
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    background: #1330c4;
    width: 48px;
    height: 48px;
    z-index: -1;
    transform: translate(-50%, -50%) rotate(45deg)
}

.why--inpost img {
    width: 44px;
    margin-bottom: 18px
}

.why--inpost>.text {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #fff
}

.why--inpost .yellow--text {
    color: #ffcd00;
    font-weight: 700
}

.fulfillment--boxes {
    margin: 50px 0
}

.fulfillment--boxes .boxes {
    display: flex;
    flex-direction: column;
    margin: 0 20px
}

.fulfillment--boxes .mat {
    position: absolute;
    width: 50px
}

.fulfillment--boxes .gray--box {
    margin-top: 50px;
    background: #3c3c3c;
    padding: 28px 35px;
    color: #fff;
    font-weight: 500
}

.fulfillment--boxes .gray--box>.header {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6rem
}

.fulfillment--boxes .gray--box>.header>span {
    font-size: 1.6rem
}

.fulfillment--boxes .gray--box>.client--numbers {
    color: #ffcd00;
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    display: flex;
    font-size: 7.5rem;
    align-items: center
}

.fulfillment--boxes .gray--box>.client--numbers>.text {
    font-size: 1.6rem;
    margin-left: 20px;
    display: block
}

.fulfillment--boxes .gray--box>.text {
    font-size: 1.6rem;
    line-height: 1.7rem;
    margin-bottom: 17px
}

.fulfillment--boxes .gray--box .source {
    font-size: .9rem
}

.fulfillment--boxes .yellow--box {
    padding: 28px 35px;
    background: #ffcd00;
    color: #fff;
    font-weight: 500
}

.fulfillment--boxes .yellow--box>img {
    width: 62px
}

.fulfillment--boxes .yellow--box>.text {
    font-family: "Dinamit", sans-serif;
    line-height: 1.9rem;
    font-size: 1.5rem;
    margin: 15px 0 23px
}

.fulfillment--boxes .yellow--box>.text>.dark {
    color: #3c3c3c;
    font-weight: 700
}

.fulfillment--boxes .yellow--box>.btn {
    padding: 17px;
    position: relative;
    text-align: center;
    background: #3c3c3c
}

.fulfillment--boxes .yellow--box>.btn>span {
    text-align: center;
    color: #fff;
    font-weight: 600
}

.fulfillment--boxes .yellow--box>.btn:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) rotate(45deg);
    content: '';
    background: #3c3c3c;
    width: 15px;
    height: 15px
}

.fullfilment--steps--section .text--top {
    font-family: "Dinamit", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.2rem;
    text-align: center;
    margin-bottom: 40px
}

.fullfilment--steps--section .steps--slider {
    position: relative
}

.fullfilment--steps--section .steps--slider .decoration {
    margin-bottom: 30px;
    position: relative
}

.fullfilment--steps--section .steps--slider .decoration .number {
    margin-bottom: 0;
    font-family: "Dinamit", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 3.6rem;
    background: #404041;
    width: 55px;
    color: #fff;
    text-align: center;
    height: 35px
}

.fullfilment--steps--section .steps--slider .item {
    display: flex !important;
    align-items: baseline;
    justify-content: flex-start;
    margin: 0;
    text-align: left;
    height: auto;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    position: relative
}

.fullfilment--steps--section .steps--slider .item:before {
    top: .5rem;
    z-index: -1;
    position: absolute;
    right: 100%;
    content: url("themes/custom/inpost/images/fullfilment/steps-slider/arrow-slide.svg")
}

.fullfilment--steps--section .steps--slider .item:first-of-type:before {
    content: "";
    display: none
}

.fullfilment--steps--section .steps--slider .item>img {
    width: 130px;
    height: 98px
}

.fullfilment--steps--section .steps--slider .item>.header {
    font-family: "Dinamit", sans-serif;
    width: 100%;
    text-align: left;
    font-size: 1.26rem;
    font-weight: 600;
    line-height: 1.6rem;
    min-height: 32px;
    margin: 10px 0 5px
}

.fullfilment--steps--section .steps--slider .item>.text {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.3em;
    text-align: left;
    padding: 0 4rem 0 0
}

.fullfilment--raport--section {
    margin: 260px 0 0
}

.fullfilment--raport--section .raport {
    margin-bottom: 50px
}

.fullfilment--raport--section .raport img {
    width: 115px;
    height: 100px
}

.fullfilment--raport--section .raport>.header {
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5rem;
    margin: 60px 0 20px;
    color: #ffcd00;
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    padding-right: 101px
}

.fullfilment--raport--section .raport>.header>.up {
    font-size: 1.6rem;
    position: absolute;
    color: #3c3c3c;
    top: -50px;
    left: 10px
}

.fullfilment--raport--section .raport>.header>.up>.f32 {
    font-size: 1.6rem
}

.fullfilment--raport--section .raport>.header>.number {
    font-size: 7.5rem;
    font-weight: 600;
    margin-right: 5px
}

.fullfilment--raport--section .raport>.text {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 600;
    margin: 40px 0
}

.fullfilment--raport--section .raport>.source {
    font-size: .9rem;
    line-height: 1.3rem;
    font-weight: 600
}

.fullfilment--slider--section {
    margin: 80px 0 0
}

.fullfilment--slider--section .fullfilment--logos--slider .slick-track {
    display: flex
}

.fullfilment--slider--section .fullfilment--logos--slider .slick-slide {
    width: 175px;
    display: flex !important;
    height: inherit;
    align-items: center;
    justify-content: center
}

.fullfilment--slider--section .fullfilment--logos--slider .slick-slide>img {
    margin: 0 auto;
    max-width: 100%
}

.fullfilment--calc--section .ff-range--wrap {
    position: relative;
    margin: 1rem 1% 3rem
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range {
    width: 102%;
    position: relative;
    left: -1%;
    margin: 14px 0;
    height: 5px;
    background-color: transparent;
    -webkit-appearance: none
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range:focus {
    outline: 0
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-webkit-slider-runnable-track {
    background: #ffcd00;
    border: .2px solid rgba(0, 0, 0, 0);
    border-radius: 1.3px;
    width: 100%;
    height: 2px;
    cursor: pointer
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-webkit-slider-thumb {
    margin-top: -14.2px;
    width: 75px;
    height: 28px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range:focus::-webkit-slider-runnable-track {
    background: #ffd424
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-moz-range-track {
    background: #ffcd00;
    border: .2px solid rgba(0, 0, 0, 0);
    border-radius: 1.3px;
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-moz-range-thumb {
    width: 75px;
    height: 28px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 15px 0;
    color: transparent;
    width: 100%;
    height: 2px;
    cursor: pointer
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-ms-fill-lower {
    background: #dbb000;
    border: .2px solid rgba(0, 0, 0, 0);
    border-radius: 2.6px
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-ms-fill-upper {
    background: #ffcd00;
    border: .2px solid rgba(0, 0, 0, 0);
    border-radius: 2.6px
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range::-ms-thumb {
    width: 75px;
    height: 28px;
    background: #ffcd00;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    margin-top: 0
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range:focus::-ms-fill-lower {
    background: #ffcd00
}

.fullfilment--calc--section .ff-range--wrap input[type=range].range:focus::-ms-fill-upper {
    background: #ffd424
}

@supports(-ms-ime-align:auto) {
    .fullfilment--calc--section .ff-range--wrap input[type=range].range {
        margin: 0
    }
}

.fullfilment--calc--section .ff-range--wrap>.bubble {
    pointer-events: none;
    display: block;
    top: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    width: 72px;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.fullfilment--calc--section .ff-range--wrap>input.ff--form--orders--output {
    background: transparent;
    border: 0
}

.fullfilment--calc--section .ff--sum--wrapper {
    background-color: #ffcd00;
    padding: 2.5rem 2.5rem;
    position: relative
}

.fullfilment--calc--section .ff--sum--wrapper:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    content: '';
    background: #ffcd00
}

.fullfilment--calc--section .ff--sum--wrapper .title {
    font-family: "Dinamit", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.226rem
}

.fullfilment--calc--section .ff--sum--wrapper .sum {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 3rem;
    line-height: 5.579rem
}

.fullfilment--calc--section .image {
    background-color: #f3f3f3;
    padding: 5rem 4rem
}

.form--fulfillment .g-recaptcha {
    display: block;
    margin: 0 auto;
    padding-left: 2.5rem
}

.fullfilment--form--section {
    margin: 40px 0
}

.fullfilment--form--section .form--gray--block {
    background: #fff
}

.fullfilment--form--section .form--block {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff
}

.fullfilment--form--section .form--fulfillment .text {
    font-weight: 600;
    margin: 0 0 21px;
    font-size: 1.6rem;
    line-height: 1.7rem;
    text-align: left
}

.fullfilment--form--section .form--fulfillment .form--group {
    background: #fff
}

.fullfilment--form--section .form--fulfillment .form--group,
.fullfilment--form--section .form--fulfillment .col-12 {
    padding-left: 7px;
    padding-right: 7px
}

.fullfilment--form--section .form--fulfillment .form--group>.row>div,
.fullfilment--form--section .form--fulfillment .col-12>.row>div {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
    margin-left: 0;
    justify-content: flex-start !important
}

.fulfillment--expert--section {
    margin: 0 0 100px
}

.fulfillment--expert--section .expert--box {
    display: flex;
    margin: 0 24px;
    padding-bottom: 30px
}

.fulfillment--expert--section .expert--box>.text {
    font-size: 1.6rem;
    line-height: 1.6em;
    color: #fff;
    font-weight: 400;
    margin-left: 25px
}

.fulfillment--expert--section .expert--box>img {
    width: 48px
}

.fulfillment--expert--section .btn--expert {
    background-color: #ffcd00;
    display: block;
    padding: 20px 25px;
    margin: 20px 24px 0;
    text-align: center
}

.fulfillment--expert--section .btn--expert>span {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #3c3c3c
}

.expert--bg {
    padding: 46px 0 31px;
    background: radial-gradient(44.53% 254.79% at 100% 100%, #ffcd00 0, rgba(255, 205, 0, 0) 100%), #1330c4
}

.slider--desc {
    background: #3c3c3c;
    position: relative;
    padding: 37px 32px 30px;
    margin: 90px 0 80px
}

.slider--desc>img {
    width: 57px;
    margin-bottom: 25px
}

.slider--desc>.text {
    font-family: "Dinamit", sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.slider--desc:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    content: '';
    background: #3c3c3c;
    width: 48px;
    height: 48px
}

.fullfilment--video {
    margin: 0 0 90px
}

.fullfilment--video video {
    height: auto
}

.fullfilment--video .text {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.7rem;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 26px
}

.fulfillment--question--section {
    background: #3c3c3c;
    padding: 33px 0 20px;
    position: relative
}

.fulfillment--question--section:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    content: '';
    background: #3c3c3c;
    width: 48px;
    height: 48px
}

.fulfillment--question--section .content {
    color: #fff
}

.fulfillment--question--section .content>.text {
    font-family: "Dinamit", sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight: 400;
    text-align: center
}

.fulfillment--question--section .content .btn--question {
    display: flex;
    justify-content: center;
    margin-top: 38px
}

.fulfillment--question--section .content .btn--question .mat {
    width: 51px
}

.fulfillment--question--section .content .btn--question .btn {
    border: 4px solid #ffcd00;
    padding: 5px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center
}

.fulfillment--question--section .content .btn--question .btn>span {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.2rem;
    text-align: center
}

@media(min-width:576px) {
    .fullfilment--steps--section .steps--slider .decoration:before {
        left: -140px
    }
}

@media(min-width:768px) {
    .fullfilment--steps--section .slick-slide {
        width: 250px;
        height: 105px;
        display: flex !important;
        align-items: center;
        justify-content: center
    }
    .fullfilment--icon.-man {
        max-width: 50px
    }
    .fulfillment--expert--section .ml-45 {
        margin-left: 45px
    }
    .fulfillment--expert--section .expert--box {
        margin: 0
    }
    .fulfillment--expert--section .expert--box>.text {
        font-size: 1.9rem;
        line-height: 2.5rem
    }
    .fulfillment--expert--section .btn--expert {
        margin: 0 24px 24px 0
    }
    .fulfillment--expert--section .image--box {
        width: 100%;
        text-align: center
    }
    .fulfillment--expert--section .image--box img {
        width: 100%
    }
    .fulfillment--question--section .content .btn--question .btn {
        display: flex;
        align-items: center;
        padding: 0 4rem
    }
    .why--inpost {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
        padding: 40px
    }
    .why--inpost img {
        width: 70px;
        margin-bottom: 0
    }
    .why--inpost>.text {
        margin: 0 51px
    }
    .fulfillment--boxes .boxes {
        grid-template-columns: 1fr 1fr;
        display: grid;
        margin: 0
    }
    .fulfillment--boxes .boxes .box {
        display: grid
    }
    .fulfillment--boxes .boxes .box.-first {
        margin-right: 20px
    }
    .fulfillment--boxes .gray--box .client--numbers {
        font-size: 11.1rem
    }
    .fulfillment--boxes .yellow--box {
        margin-top: 50px;
        padding: 28px 35px 36px
    }
    .fulfillment--boxes .yellow--box>.text {
        line-height: 2.75rem;
        font-size: 2.2rem
    }
    .fulfillment--boxes .yellow--box>.btn>span {
        font-size: 1.5rem
    }
    .slider--desc {
        display: flex;
        align-items: center
    }
    .slider--desc>img {
        width: 70px;
        margin-right: 30px;
        margin-bottom: 0
    }
    .fullfilment--steps--section .steps--slider .item>.header {
        font-size: 1.5rem
    }
    .fullfilment--steps--section .steps--slider .item>.text {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .fullfilment--form--section .form--fulfillment .text {
        text-align: center
    }
    .fulfillment--question--section .content>.text {
        font-size: 1.6rem
    }
}

@media(min-width:1060px) {
    .hero--section.-fulfillment-page {
        background: url(themes/custom/inpost/images/fullfilment/bg-2.png);
        padding: 60px 0;
        background-position: 70% center;
        background-repeat: no-repeat
    }
    .hero--section.-fulfillment-page .content {
        width: 64%
    }
    .hero--section.-fulfillment-page .content .logo {
        width: 345px;
        height: 97px;
        margin: 0;
        margin-left: -2rem
    }
    .hero--section.-fulfillment-page .hero--header>.content .header--h2 {
        color: #fff;
        padding: 20px 0
    }
    .hero--section.-fulfillment-page .hero--header>.content .header--h2>.border--btm {
        border-bottom: 4px solid #ffcd00
    }
    .hero--section.-fulfillment-page .hero--header>.content .header--h2 {
        font-size: 3rem;
        line-height: 4rem
    }
    .fullfilment--block--text {
        margin-bottom: 6rem
    }
    .fullfilment--steps--section .text--top {
        font-size: 2.4rem;
        line-height: 3rem;
        max-width: 1000px;
        margin: 0 auto 70px;
        font-weight: 400;
        text-align: center
    }
    .fullfilment--steps--section .steps--slider {
        display: flex;
        position: relative;
        left: 3vw
    }
    .fullfilment--steps--section .steps--slider .decoration {
        margin-bottom: 40px
    }
    .fullfilment--steps--section .steps--slider .decoration .number {
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 5.1rem;
        width: 85px;
        height: 54px
    }
    .fullfilment--steps--section .steps--slider .item {
        margin-bottom: 30px
    }
    .fullfilment--steps--section .steps--slider .item>img {
        width: 140px;
        height: 115px
    }
    .fullfilment--steps--section .steps--slider .item>.header {
        margin: 25px 0 10px;
        font-size: 1.6rem;
        line-height: 2rem;
        min-height: 26px
    }
    .fullfilment--steps--section .steps--slider .item>.text {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
    .fullfilment--video {
        margin: 0 0 80px
    }
    .fullfilment--video video {
        height: 600px
    }
    .fullfilment--video .text {
        line-height: 2.5rem;
        font-size: 2rem;
        margin-bottom: 48px;
        padding: 0 40px
    }
    .fulfillment--expert--section {
        padding: 0;
        margin: 0 0 100px
    }
    .fulfillment--expert--section .image--box img {
        width: 100%
    }
    .fulfillment--expert--section .btn--primary,
    .fulfillment--expert--section .btn--secondary,
    .fulfillment--expert--section .btn--dark {
        height: 48px;
        padding: 13px 27px
    }
    .fulfillment--question--section {
        padding: 40px
    }
    .fulfillment--question--section:before {
        width: 60px;
        height: 60px
    }
    .fulfillment--question--section .content>.text {
        font-size: 2.4rem;
        line-height: 1.5em
    }
    .fullfilment--raport--section {
        margin: 230px 0 0
    }
    .fullfilment--raport--section .raport {
        margin-bottom: 0
    }
    .fullfilment--raport--section .raport img {
        width: 140px;
        height: 110px
    }
    .fullfilment--raport--section .raport>.header {
        font-size: 2.4rem;
        line-height: 1;
        margin: 85px 0 35px;
        height: 30px;
        padding-right: 0;
        align-items: center
    }
    .fullfilment--raport--section .raport>.header>.up {
        font-size: 1.6rem;
        top: -60px
    }
    .fullfilment--raport--section .raport>.header>.up>.f32 {
        font-size: 2.3rem;
        font-weight: 600
    }
    .fullfilment--raport--section .raport>.number {
        font-size: 100px
    }
    .fullfilment--raport--section .raport>.text {
        font-size: 1.6rem;
        line-height: 2.5rem;
        min-height: 175px;
        margin: 0
    }
    .fullfilment--raport--section .raport>.source {
        font-size: 1.2rem;
        line-height: 1
    }
    .fullfilment--form--section .form--fulfillment .form--title {
        font-size: 3rem;
        margin-bottom: 30px;
        text-align: center
    }
    .fullfilment--form--section .form--fulfillment .text {
        font-size: 1.6rem;
        margin: 0 auto 40px;
        line-height: 2.5rem
    }
    .fullfilment--bottom--section .single--benefit--box>.content {
        position: relative;
        padding: 0 2rem 0 0
    }
    .fullfilment--bottom--section .single--benefit--box>.content .mat {
        position: absolute;
        bottom: 0;
        top: inherit;
        left: -80px
    }
    .fullfilment--bottom--section .single--benefit--box>.content .mat:before {
        right: -8px;
        left: initial
    }
    .fullfilment--bottom--section {
        padding: 80px 0
    }
    .fullfilment--bottom--section .single--benefit--box>.content {
        padding: 0
    }
    .fullfilment--bottom--section .single--benefit--box>.content .mat {
        width: 60px;
        left: -80px
    }
    .fullfilment--bottom--section .single--benefit--box>.content>.title {
        font-family: "Dinamit", sans-serif;
        min-height: 48px
    }
    .fullfilment--bottom--section .single--benefit--box>.content>img {
        width: 60px;
        height: 70px;
        margin-bottom: 14px
    }
    .fullfilment--bottom--section .single--benefit--box>.content .paragraph--component,
    .fullfilment--bottom--section .single--benefit--box>.content .blog--content p,
    .blog--content .fullfilment--bottom--section .single--benefit--box>.content p {
        font-size: 1.6rem
    }
    .expert--bg {
        background: url(themes/custom/inpost/images/fullfilment/expert-section/expert-bg.png) no-repeat;
        background-position: -218px center;
        background-size: cover;
        padding: 100px 0 60px
    }
    .why--inpost {
        padding: 50px;
        width: 800px
    }
    .why--inpost img {
        width: 110px
    }
    .why--inpost>.text {
        font-size: 2.4rem;
        line-height: 3rem;
        text-align: left
    }
    .why--inpost:before {
        width: 60px;
        height: 60px
    }
    .fulfillment--boxes {
        padding: 50px 0;
        margin: 30px 0
    }
    .fulfillment--boxes .mat {
        width: 80px
    }
    .fulfillment--boxes .gray--box {
        margin-left: 80px;
        padding: 35px 60px 35px 45px;
        margin-top: 0
    }
    .fulfillment--boxes .gray--box>.header {
        margin-top: 0;
        font-size: 2.1rem;
        line-height: 3rem;
        margin-bottom: 30px
    }
    .fulfillment--boxes .gray--box>.header>span {
        font-size: 3.2rem
    }
    .fulfillment--boxes .gray--box>.client--numbers {
        font-size: 11.1rem;
        line-height: 1;
        margin: 5px 0
    }
    .fulfillment--boxes .gray--box>.client--numbers>.text {
        font-size: 3.2rem;
        line-height: 3.2rem
    }
    .fulfillment--boxes .gray--box>.text {
        font-size: 2.1rem;
        line-height: 3.1rem
    }
    .fulfillment--boxes .gray--box>.source {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 14px
    }
    .fulfillment--boxes .yellow--box {
        padding: 35px 60px 35px 45px;
        margin-top: 0;
        margin-right: 50px
    }
    .fulfillment--boxes .yellow--box>img {
        width: 110px
    }
    .fulfillment--boxes .yellow--box>.text {
        font-size: 2.5rem;
        line-height: 3rem;
        text-align: left;
        margin: 18px 0 52px
    }
    .fulfillment--boxes .yellow--box>.btn {
        height: 67px;
        padding-top: 20px
    }
    .fulfillment--boxes .yellow--box>.btn>span {
        font-size: 2.1rem;
        line-height: 3.1rem
    }
    .slider--desc>.text {
        font-size: 2.4rem;
        line-height: 3rem
    }
}

@media(min-width:1260px) {
    .hero--section-fulfillment-page .content .logo {
        margin-left: -2rem
    }
    .fulfillment--boxes .gray--box>.client--numbers {
        font-size: 12rem;
        line-height: 1
    }
    .fulfillment--boxes .gray--box>.client--numbers>.text {
        font-size: 3.2rem;
        line-height: 3.2rem
    }
    .fulfillment--boxes .yellow--box {
        padding: 35px 60px 38px 45px
    }
    .fulfillment--boxes .yellow--box>.text {
        font-size: 3.1rem;
        line-height: 3.25rem
    }
    .fulfillment--boxes .yellow--box>.btn {
        width: 373px
    }
    .fullfilment--steps--section .steps--slider .decoration:before {
        left: -85px
    }
    .slider--desc {
        margin: 8rem auto 8rem;
        width: 1050px;
        padding: 6rem 11rem 6rem 14rem
    }
    .slider--desc>img {
        margin-right: 60px;
        width: 105px;
        margin-bottom: 0
    }
    .slider--desc:before {
        width: 60px;
        height: 60px
    }
    .expert--bg {
        background-position: center right
    }
}

.howtosend--heading {
    margin: 0 0 25px
}

.how--toicon {
    font-size: 60px;
    top: 0;
    line-height: 1;
    display: block;
    width: 100%
}

.how--toicon:before {
    display: none
}

.how--toicon.-pay {
    font-size: 66px;
    top: -7px
}

.how--toicon>.icon-point {
    font-size: 5rem
}

.icon-2x {
    max-width: 50%
}

.icon-3x {
    max-width: 75%
}

.howtosend--bottom--box {
    padding: 30px 0 0;
    margin: 40px 0;
    border-top: solid 1px #d8d8d8
}

@media(min-width:768px) {
    .howtosend--heading {
        margin: 0 0 3rem
    }
    .howtosend--middle--box {
        padding: 45px 0 0;
        margin: 45px 0
    }
    .howtosend--bottom--box {
        padding: 45px 0 0;
        margin: 45px 0;
        border-top: solid 1px #d8d8d8
    }
    .how--toicon {
        font-size: 6.8rem
    }
    .how--toicon.-pay {
        font-size: 6.6rem
    }
}

@media(min-width:1060px) {
    .how--toicon {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 3.3rem;
        text-align: center
    }
    .how--toicon.-biggertopspace {
        margin-top: 4.3rem
    }
    .how--toicon.-monitor {
        margin-top: 3.1rem
    }
    .how--toicon.-printer {
        margin-top: 3rem
    }
    .how--toicon.-point {
        margin-top: 3rem
    }
    .how--toicon.-card {
        margin-top: 2.5rem
    }
    .how--toicon.-giving {
        margin-top: 3.4rem
    }
}

.integrations--proccess {
    background-color: #f3f3f3;
    padding: 35px 0;
    margin: 35px 0 0
}

.integration--icon {
    font-size: 48px;
    margin: 0 0 15px;
    display: inline-block
}

.integrations--logos--slider .slick-track {
    display: flex
}

.integrations--logos--slider .slick-slide {
    width: 175px;
    display: flex !important;
    height: inherit;
    align-items: center;
    justify-content: center
}

.integrations--logos--slider .slick-slide>img {
    margin: 0 auto;
    max-width: 100%
}

.integrations--agreement--popup {
    width: 100rem;
    font-size: 1.2rem
}

@media(min-width:768px) {
    .integrations--proccess {
        padding: 5.5rem 0;
        margin: 5.5rem 0 0
    }
    .integrations--logos--slider .slick-slide {
        width: 250px;
        height: 105px;
        display: flex !important;
        align-items: center;
        justify-content: center
    }
    .integration--icon {
        font-size: 6.8rem;
        margin: 0 0 20px
    }
    .integration--logo--holder {
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .integrations--agreement--popup {
        font-size: 1.4rem;
        max-height: 65vh
    }
}

.light-package--page section.-withbanner {
    margin: 0 0 3rem
}

.light-package--page .table-responsive {
    max-width: 800px;
    margin: 3rem auto
}

.light-package--page .table-responsive {
    max-width: 800px;
    margin: 3rem auto
}

.light-package--page ol {
    padding-left: 15px;
    margin: 0 0 3rem
}

.light-package--page ul {
    padding-left: 15px;
    list-style-type: disc
}

.light-package--table td {
    padding: 5px;
    text-align: center
}

.light-package--table tbody td:nth-child(1) {
    width: 20%
}

.light-package--grey {
    background-color: #f3f3f3
}

.light-package--yellow {
    background-color: #ffcd00
}

.lottery--img--1,
.lottery--img--2,
.lottery--img--3 {
    position: absolute;
    max-width: 100%
}

.lottery--img--1 {
    top: 0;
    right: 0
}

.lottery--img--2 {
    bottom: 478px;
    left: 0
}

.lottery--img--3 {
    bottom: 30px;
    right: 0
}

@media(max-width:1439px) {
    .lottery--img--1,
    .lottery--img--2,
    .lottery--img--3 {
        display: none
    }
}

@media(min-width:1440px) and (max-width:1530px) {
    .lottery--img--1,
    .lottery--img--2,
    .lottery--img--3 {
        display: block;
        width: calc(100%/22*2)
    }
    .lottery--img--2 {
        bottom: 590px
    }
}

@media(min-width:1531px) and (max-width:1700px) {
    .lottery--img--1,
    .lottery--img--2,
    .lottery--img--3 {
        display: block;
        width: calc(100%/15*2)
    }
    .lottery--img--2 {
        bottom: 515px
    }
}

@media(min-width:1700px) {
    .lottery--img--1,
    .lottery--img--2,
    .lottery--img--3 {
        display: block;
        width: unset;
        max-width: 100%
    }
}

.lphr--jobs {
    margin-top: -65px
}

@media(min-width:750px) {
    .lphr--jobs {
        margin-top: -103px
    }
}

.lphr--jobs--form {
    position: relative;
    display: block
}

.lphr--jobs--section {
    padding: 57px 0 70px
}

@media(min-width:750px) {
    .lphr--jobs--section {
        padding: 80px 0 80px
    }
}

.lphr--jobs--benefits {
    background: #ececec
}

.lphr--jobs--benefits .header--h2 {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 75px
}

@media(min-width:768px) {
    .lphr--jobs--benefits .header--h2 {
        font-weight: 600;
        font-size: 35px;
        margin-bottom: 121px
    }
}

.lphr--jobs--benefits .header--h2 span {
    color: #d83177
}

.lphr--jobs--findoutmore .header--h2 {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #404041
}

@media(min-width:768px) {
    .lphr--jobs--findoutmore .header--h2 {
        font-weight: 600;
        font-size: 35px
    }
}

.lphr--jobs--findoutmore .header--h2 a {
    color: #d83177
}

.lphr-shape--01 {
    position: absolute;
    display: none
}

@media(min-width:751px) {
    .lphr-shape--01 {
        display: block;
        top: 0;
        left: 0
    }
}

.lphr-shape--02 {
    position: absolute;
    display: none
}

@media(min-width:751px) {
    .lphr-shape--02 {
        display: block;
        top: 222px;
        left: 0
    }
}

.lphr-shape--03 {
    position: absolute;
    display: none
}

@media(min-width:751px) {
    .lphr-shape--03 {
        display: block;
        top: 10px;
        right: -50%
    }
}

@media(min-width:1042px) {
    .lphr-shape--03 {
        display: block;
        top: 10px;
        right: 112px
    }
}

.lphr-shape--04 {
    position: absolute;
    display: none
}

@media(min-width:751px) {
    .lphr-shape--04 {
        display: block;
        top: 163px;
        right: 0
    }
}

.lphr-shape--01m {
    position: absolute;
    display: block;
    top: 86px;
    left: -20px
}

@media(min-width:751px) {
    .lphr-shape--01m {
        display: none
    }
}

.lphr-shape--02m {
    position: absolute;
    display: block;
    top: 204px;
    right: 0
}

@media(min-width:751px) {
    .lphr-shape--02m {
        display: none
    }
}

.lphr--jobs--heading {
    display: flex;
    margin-bottom: 40px
}

.lphr--hero {
    position: relative;
    display: block;
    padding-top: 40px;
    overflow: hidden
}

@media(min-width:750px) {
    .lphr--hero {
        padding-top: 65px
    }
}

.lphr--hero--mat img {
    display: block;
    width: 47px;
    height: auto
}

@media(min-width:750px) {
    .lphr--hero--mat img {
        width: 67px;
        height: auto
    }
}

.lphr--hero--img {
    display: flex;
    width: 100%
}

.lphr--hero p {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    padding-left: 67px;
    letter-spacing: .4px;
    margin-bottom: 24px
}

.lphr--hero--link {
    color: #d83177
}

.lphr--hero--link:hover {
    color: #d83177
}

.lphr--heading {
    display: block;
    background-color: #404041;
    padding: 12px 15px 13px
}

@media(min-width:750px) {
    .lphr--heading {
        display: inline-block;
        padding: 15px 24px 20px
    }
}

.lphr--heading .header--h1 {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    padding: 0;
    margin: 0
}

@media(min-width:1042px) {
    .lphr--heading .header--h1 {
        font-size: 36px;
        line-height: 48px
    }
}

.form--lphr--wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 22px;
    padding: 20px 40px 35px;
    background: #ececec
}

@media(min-width:768px) {
    .form--lphr--wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px
    }
}

@media(min-width:1043px) {
    .form--lphr--wrapper {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 40px
    }
}

.form--lphr--wrapper label {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .4px;
    color: #404041
}

.form--lphr--wrapper select {
    max-width: 100%;
    width: 100%;
    height: 50px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px;
    color: #404041;
    padding-left: 16px
}

.form--lphr--wrapper select option {
    width: 200px;
    text-overflow: ellipsis
}

.form--lphr--wrapper button {
    width: 100%;
    height: 50px
}

.form--lphr--col {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end
}

.peak-job--item {
    margin-bottom: 85px;
    padding-left: 61px;
    padding-right: 61px
}

@media(min-width:751px) {
    .peak-job--item {
        position: relative;
        padding-bottom: 48px
    }
}

@media(min-width:1044px) {
    .peak-job--item {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 94px
    }
}

.peak-job--title {
    font-size: 20px;
    line-height: 20px;
    color: #404041;
    margin-bottom: 12px
}

.peak-job--location {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #404041;
    margin-bottom: 15px
}

.peak-job--btn {
    position: relative;
    width: 100%
}

@media(min-width:751px) {
    .peak-job--btn {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 240px
    }
}

@media(min-width:1044px) {
    .peak-job--btn {
        width: 240px
    }
}

.peak-jobs--pagination {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.peak-jobs--pagination li {
    display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    padding: 10px 1.5rem
}

.peak-jobs--pagination li.active {
    color: #ffcd00;
    cursor: auto
}

.jobs--benefits {
    margin: 0 0 30px
}

.jobs--benefits img {
    display: block;
    width: auto;
    height: 48px;
    margin: 0 auto;
    padding: 0
}

@media(min-width:768px) {
    .jobs--benefits {
        margin: 0 30px 82px
    }
}

.sport--team--gol {
    position: relative
}

.sport--team--gol--header {
    overflow: hidden;
    position: relative;
    padding: 30px 0 37px;
    background: #ffcb04
}

@media(min-width:768px) {
    .sport--team--gol--header {
        padding: 60px 0 64px
    }
}

.sport--team--gol--header-gol {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%
}

@media(min-width:768px) {
    .sport--team--gol--header-gol {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: 100%
    }
}

.sport--team--gol--header-shape {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0
}

@media(min-width:768px) {
    .sport--team--gol--header-shape {
        position: absolute;
        display: block;
        max-width: 30%
    }
}

@media(min-width:1260px) {
    .sport--team--gol--header-shape {
        display: none
    }
}

@media(min-width:1360px) {
    .sport--team--gol--header-shape {
        position: absolute;
        display: block;
        max-width: 20%
    }
}

@media(min-width:1600px) {
    .sport--team--gol--header-shape {
        position: absolute;
        display: block;
        max-width: 100%
    }
}

.sport--team--gol--header-logo {
    position: relative;
    display: block;
    max-width: 168px;
    margin: 0 auto 17px;
    z-index: 5
}

@media(min-width:768px) {
    .sport--team--gol--header-logo {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 100%
    }
}

.sport--team--gol--header-top {
    font-family: "Dinamit", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31px;
    line-height: 39px;
    color: #fff
}

@media(min-width:768px) {
    .sport--team--gol--header-top {
        font-size: 64px;
        line-height: 64px
    }
}

.sport--team--gol--header-top span {
    color: #ffcb04
}

.sport--team--gol--header-text {
    font-family: "Dinamit", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #404041;
    margin-top: 11px
}

@media(min-width:768px) {
    .sport--team--gol--header-text {
        font-size: 48px;
        line-height: 54px;
        margin-top: 17px
    }
}

.sport--team--gol--header-text span {
    color: #fff
}

.sport--team--gol--counter {
    position: relative;
    padding: 20px 0
}

@media(min-width:768px) {
    .sport--team--gol--counter {
        padding: 30px 0 37px
    }
}

.sport--team--gol--counter-shape {
    position: absolute;
    display: none;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

@media(min-width:768px) {
    .sport--team--gol--counter-shape {
        display: block;
        max-width: 30%
    }
}

@media(min-width:992px) {
    .sport--team--gol--counter-shape {
        max-width: 30%
    }
}

@media(min-width:1600px) {
    .sport--team--gol--counter-shape {
        max-width: 100%
    }
}

.sport--team--gol--counter-text {
    font-family: "Dinamit", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #404041;
    text-align: center;
    margin-bottom: 16px
}

@media(min-width:768px) {
    .sport--team--gol--counter-text {
        font-size: 16px;
        text-align: left;
        margin-bottom: 0
    }
}

.sport--team--gol--countdown {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    z-index: 5
}

.sport--team--gol--countdown-item {
    background-color: #f2f2f2;
    padding: 5px 0 4px
}

.sport--team--gol--countdown-item span {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 3.4rem;
    line-height: 4rem;
    text-align: center;
    color: #404041
}

@media(min-width:768px) {
    .sport--team--gol--countdown-item span {
        font-size: 4.2rem;
        line-height: 5rem
    }
}

.sport--team--gol--countdown-item .smalltext {
    display: block;
    margin-top: -10px;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    color: #ffcb04
}

@media(min-width:768px) {
    .sport--team--gol--countdown-item .smalltext {
        font-size: 1.6rem
    }
}

.sport--team--gol--form {
    position: relative;
    padding: 30px 0 40px;
    background: linear-gradient(245.27deg, #ffcb04 28.1%, #feaa00 87.38%)
}

@media(min-width:768px) {
    .sport--team--gol--form {
        padding: 80px 0 100px
    }
}

.sport--team--gol--form-shape {
    position: absolute;
    display: none;
    right: 0;
    bottom: 0
}

@media(min-width:768px) {
    .sport--team--gol--form-shape {
        display: block;
        max-width: 30%
    }
}

@media(min-width:992px) {
    .sport--team--gol--form-shape {
        max-width: 100%
    }
}

.sport--team--gol--form-header-top {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 31px;
    line-height: 43px;
    text-align: center;
    color: #fff
}

@media(min-width:768px) {
    .sport--team--gol--form-header-top {
        font-size: 64px;
        line-height: 80px
    }
}

.sport--team--gol--form-header {
    padding-top: 11px;
    padding-bottom: 25px
}

@media(min-width:768px) {
    .sport--team--gol--form-header {
        padding-top: 26px;
        padding-bottom: 0
    }
}

.sport--team--gol--form-header.smalltext {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #404041
}

@media(min-width:768px) {
    .sport--team--gol--form-header.smalltext {
        font-size: 36px;
        line-height: 45px
    }
}

.sport--team--gol--form-header.smalltext .-magenta {
    color: #d93077
}

.sport--team--gol--form .paragraph--component,
.sport--team--gol--form .blog--content p,
.blog--content .sport--team--gol--form p {
    font-size: 1.4rem;
    padding-bottom: 45px
}

@media(min-width:768px) {
    .sport--team--gol--form .paragraph--component,
    .sport--team--gol--form .blog--content p,
    .blog--content .sport--team--gol--form p {
        font-size: 1.6rem;
        padding-bottom: 0
    }
}

.sport--team--gol--form--text {
    font-family: "Dinamit", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #404041;
    margin-bottom: 18px
}

.sport--team--gol--form--flex {
    display: flex;
    width: 100%;
    margin: 0 0 45px
}

@media(min-width:768px) {
    .sport--team--gol--form--flex {
        width: unset;
        max-width: 600px
    }
}

.sport--team--gol--form--email {
    font-family: 'Montserrat', sans-serif;
    flex: 1;
    width: calc(100% - 110px);
    background: #fff;
    font-size: 14px;
    line-height: 21px;
    border: 2px solid #c5c5c5;
    padding: 15px 12px;
    margin-right: 20px
}

@media(min-width:768px) {
    .sport--team--gol--form--email {
        width: unset;
        flex: 1 1 auto;
        font-size: 18px;
        line-height: 27px;
        padding: 12px 22px
    }
}

.sport--team--gol--form--button {
    flex: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .232151px;
    color: #fff;
    background: #d93077;
    padding: 12px 28px;
    border: 0
}

@media(min-width:768px) {
    .sport--team--gol--form--button {
        font-size: 24px;
        letter-spacing: .342752px
    }
}

.sport--team--gol--send {
    padding: 32px 0 58px
}

@media(min-width:768px) {
    .sport--team--gol--send {
        padding: 70px 0 92px
    }
}

.sport--team--gol--send .header--h2 {
    font-size: 2.4rem;
    margin-bottom: 34px
}

@media(min-width:768px) {
    .sport--team--gol--send .header--h2 {
        font-size: 3.6rem;
        margin-bottom: 60px
    }
}

.sport--team--gol--send .header--h2 .-yellow {
    display: block;
    color: #ffcb04
}

@media(min-width:768px) {
    .sport--team--gol--send .header--h2 .-yellow {
        display: inline
    }
}

.sport--team--gol--send--icon {
    display: block;
    max-width: 155px;
    margin: 0 auto 30px
}

@media(min-width:768px) {
    .sport--team--gol--send--icon {
        max-width: 100%
    }
}

.sport--team--gol--send--text {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem
}

.sport--team--gol--form--checkbox {
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    letter-spacing: .4px;
    color: #818181;
    display: grid;
    grid-template-columns: 1em auto;
    gap: .5em
}

.sport--team--gol--form--checkbox span {
    padding-top: 3px;
    padding-left: 10px
}

.sport--team--gol--form--checkbox .link--component,
.sport--team--gol--form--checkbox .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .sport--team--gol--form--checkbox a,
.sport--team--gol--form--checkbox .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .sport--team--gol--form--checkbox a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 10px;
    box-shadow: inset 0 -.4rem 0 #fff
}

.sport--team--gol--form--checkbox .link--component:hover,
.sport--team--gol--form--checkbox .helpdesk--component>.item>.description a:hover,
.helpdesk--component>.item>.description .sport--team--gol--form--checkbox a:hover,
.sport--team--gol--form--checkbox .blog--content a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .sport--team--gol--form--checkbox a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -1.9rem 0 #fff
}

.sport--team--gol--form--checkbox+.sport--team--gol--form--checkbox {
    margin-top: 1em
}

.sport--team--gol--form--checkbox--input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 18px;
    height: 18px;
    border: 1.5px solid #c5c5c5;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center
}

.sport--team--gol--form--checkbox--input::before {
    content: "";
    width: 15px;
    height: 15px;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #ffcb04
}

.sport--team--gol--form--checkbox--input:checked::before {
    transform: scale(1)
}

.sport--team--gol--modal {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.sport--team--gol--modal.show {
    display: block
}

.sport--team--gol--modal::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.sport--team--gol--modal-content {
    position: absolute;
    display: block;
    width: calc(100% - 30px);
    background: #ffcb04;
    top: 0;
    left: 50%;
    transform: translate(-50%, 200px);
    padding: 42px 15px
}

@media(min-width:940px) {
    .sport--team--gol--modal-content {
        width: 940px;
        padding: 70px 80px
    }
}

.sport--team--gol--modal--second {
    font-family: "Dinamit", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    color: #404041;
    margin-top: 10px;
    margin-bottom: 20px
}

.sport--team--gol--modal--second span {
    color: #d93077
}

@media(min-width:940px) {
    .sport--team--gol--modal--second {
        font-size: 36px;
        line-height: 45px;
        margin-top: 16px;
        margin-bottom: 35px
    }
}

.sport--team--gol--modal .paragraph--component,
.sport--team--gol--modal .blog--content p,
.blog--content .sport--team--gol--modal p {
    max-width: 100%;
    font-size: 13px;
    line-height: 16px;
    font-family: "Dinamit", sans-serif
}

@media(min-width:940px) {
    .sport--team--gol--modal .paragraph--component,
    .sport--team--gol--modal .blog--content p,
    .blog--content .sport--team--gol--modal p {
        max-width: 70%;
        font-size: 16px;
        line-height: 20px
    }
}

.sport--team--gol--modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    z-index: 9999;
    cursor: pointer
}

@media(min-width:940px) {
    .sport--team--gol--modal-close {
        top: 41px;
        right: 41px
    }
}

.sport--team--gol--modal-close::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    width: 18px;
    height: 2px;
    background-color: #404041;
    transform: rotate(45deg)
}

.sport--team--gol--modal-close::after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    width: 18px;
    height: 2px;
    background-color: #404041;
    transform: rotate(-45deg)
}

.floating--img--wrapper img.img-app-c2x {
    top: 50%
}

@media(min-width:320px) and (max-width:374px) {
    .c2x--download .btn--appc2x {
        max-width: 200px;
        text-align: center;
        margin-right: 0
    }
}

@media(min-width:375px) and (max-width:414px) {
    .c2x--download .btn--appc2x {
        max-width: 65%;
        text-align: center;
        margin-right: 0
    }
}

@media(min-width:415px) and (max-width:575px) {
    .c2x--download .btn--appc2x {
        max-width: 50%;
        text-align: center;
        margin-right: 0
    }
}

@media(min-width:576px) {
    .c2x--download .btn--appc2x {
        max-width: 100%;
        text-align: center;
        margin-right: 0
    }
}

@media(min-width:320px) and (max-width:374px) {
    .c2x--bottom--download .btn--appc2x {
        display: block;
        max-width: 200px;
        text-align: center;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:375px) and (max-width:414px) {
    .c2x--bottom--download .btn--appc2x {
        display: block;
        max-width: 65%;
        text-align: center;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:415px) and (max-width:575px) {
    .c2x--bottom--download .btn--appc2x {
        display: block;
        max-width: 50%;
        margin-right: auto;
        margin-left: auto
    }
}

.extension-page-time {
    background-color: #f3f3f3;
    padding: 35px 0;
    margin: 35px 0 0;
    background-color: #f3f3f3
}

@media(min-width:768px) {
    .extension-page-time {
        padding: 5.5rem 0;
        margin: 5.5rem 0 0
    }
}

.extension-page--paragraph {
    color: #999;
    font-size: 1.3rem
}

.floating--img--wrapper>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 325px;
    -webkit-animation: floatMockup 6s linear infinite;
    animation: floatMockup 6s linear infinite
}

.application--middle--section {
    margin: 35px 0 15px
}

.application--bottom--section {
    margin: 0 0 35px
}

@media(max-width:399px) {
    .link--google {
        max-width: 135px
    }
    .link--ios {
        max-width: 125px
    }
}

@media(min-width:768px) {
    .application--middle--section {
        margin: 5rem 0 15rem;
        padding-bottom: 35px
    }
    .application--bottom--section {
        margin: 0 0 9.5rem
    }
}

@media(min-width:1060px) {
    .application--middle--section {
        margin: 12rem 0 15rem
    }
    .floating--img--wrapper>img {
        top: 0;
        max-width: 40rem
    }
}

.freezer--hero {
    overflow-x: hidden;
    background-color: #f4f4f4
}

.freezer--hero--header,
.freezer--hero--content {
    position: relative;
    z-index: 6
}

.freezer--hero--header>.logo {
    max-width: 170px
}

.freezer--hero--content>.video--hero--content {
    width: 100%
}

.freezer--hero-button {
    margin-top: 2rem
}

.tabs--freezer {
    position: relative;
    z-index: 2
}

.tabs--freezer>.item {
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    color: #172472;
    opacity: .5;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 3px #172472 solid
}

.tabs--freezer>.item.-active {
    opacity: 1
}

.tab--content--freezer>.item {
    display: none;
    padding-top: 6.2rem
}

.vertical--axis {
    position: relative;
    counter-reset: numeric
}

.vertical--axis:before {
    content: '';
    width: 2px;
    height: calc(100% - 139px);
    background-color: #2a5ca1;
    display: block;
    position: absolute;
    left: 50%;
    top: 0
}

.item--axis {
    position: relative
}

.item--axis:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #2a5ca1;
    display: block;
    position: absolute;
    left: calc(50% - 4px);
    top: 0;
    border-radius: 5px
}

.item--axis:after {
    counter-increment: numeric;
    content: counter(numeric);
    position: absolute;
    left: calc(50% - 2em);
    top: -.5em;
    width: 1em;
    text-align: center;
    font-family: "Dinamit", sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    color: #2a5ca1
}

.item--axis>.icon>img {
    position: relative;
    top: -15%;
    margin-bottom: 2rem
}

.item--axis>.text {
    font-family: "Dinamit", sans-serif;
    font-size: 1.2rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 400;
    color: #172472;
    margin-bottom: 2rem;
    padding-left: 2.5rem;
    margin-top: -.7rem
}

.contact--form select option[disabled],
.contact--form select option[selected] {
    color: rgba(60, 60, 60, .5)
}

.contact--form textarea::-moz-placeholder {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif
}

.contact--form textarea:-ms-input-placeholder {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif
}

.contact--form textarea::-ms-input-placeholder {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif
}

.contact--form textarea::placeholder {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif
}

.products--header {
    color: #172472;
    font-size: 3.2rem;
    font-weight: 600
}

.products--header>span {
    font-weight: 400;
    display: block
}

.products--header.-en {
    font-size: 2.9rem
}

.products--header:hover {
    color: #172472 !important
}

.products--row {
    position: relative;
    background-color: #fff;
    padding: 29px 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.5rem;
    justify-content: center
}

.products--row:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50.5px 59.8px 50.5px 0;
    border-color: transparent #fff transparent;
    position: absolute;
    left: calc(50% - 35px);
    top: -45px;
    transform: rotate(-270deg)
}

.product--block {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 10px
}

.product--block>.icon {
    font-size: 6.7rem;
    line-height: 1.2;
    width: 99px;
    height: 99px
}

.product--block>.icon>img {
    max-width: 100%;
    display: block;
    height: auto
}

.product--block>.text {
    background-color: #00adde;
    color: #fff;
    width: 99px;
    height: 99px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.products--freezer--bg {
    background-color: #75c3e3;
    padding: 10.4rem 0;
    position: relative
}

.freezer--yellow--bg {
    background-color: #ffeb00;
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.freezer--yellow--bg.-primary {
    background-color: #ffcd00
}

.freezer--yellow--bg.-center {
    display: flex;
    align-items: center
}

.freezer--light--bg {
    background-color: #f3f3f3;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.freezer--link--footer {
    position: relative;
    display: block;
    text-align: center;
    color: #404042;
    font-family: "Dinamit", sans-serif;
    padding: 8rem 0
}

.freezer--link--footer:hover {
    text-decoration: none
}

.freezer--link--footer:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 31.5px 33px 31.5px;
    border-color: transparent transparent #ffcd00 transparent;
    left: 50%;
    top: -60px;
    transform: translateX(-50%)
}

.freezer--link--footer>.text {
    font-size: 1.8rem;
    font-weight: 400;
    color: #404042;
    display: block
}

.freezer--link--footer>.mail {
    font-size: 2rem;
    font-weight: 700;
    color: #404042;
    display: block;
    overflow-wrap: break-word
}

.snow--flakes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.snow--flakes>.snowflake {
    color: #a5d8ed;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #fff
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }
    100% {
        top: 100%
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }
    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(80px)
    }
    100% {
        transform: translateX(0px)
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(80px)
    }
    100% {
        transform: translateX(0px)
    }
}

.snowflake {
    position: absolute;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.freezer--box>.img {
    margin: 0
}

.freezer--map {
    height: 30rem;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    background-color: #f3f3f3
}

.freezer--map--container {
    margin: 4rem 0
}

.freezer--logo--container {
    background-color: #f3f3f3;
    padding: 1.9rem 0
}

.logo--item {
    text-align: center
}

.logo--item .freezer--logo--link {
    display: flex;
    align-items: center;
    height: 200px;
    width: 100%;
    transition: all .33s ease;
    padding: 0 2rem
}

.logo--item .freezer--logo--link:hover {
    background-color: #fff;
    box-shadow: 6px 9px 55.5px 9.5px rgba(71, 71, 71, .23);
    transform: scale(1.05)
}

.logo--item .freezer--logo--link:hover>.image {
    filter: grayscale(0%)
}

.logo--item .freezer--logo--link>.image {
    filter: grayscale(100%);
    margin: 0 auto;
    display: block;
    transition: all .33s ease;
    min-width: 100px;
    max-width: 150px
}

.logo--item .freezer--logo--link>.image:hover {
    filter: grayscale(0%)
}

.machine--specification--box {
    display: flex;
    margin-bottom: 2.4rem;
    position: relative;
    z-index: 2
}

.machine--specification--box>.icon {
    font-size: 4.5rem;
    line-height: 1;
    width: 4.5rem;
    position: relative;
    margin-right: 1rem;
    margin-top: -1rem
}

.machine--specification--box>.text {
    flex: 1;
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

.machine--specification--box>.text>.title {
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.transport--section .image--box>img {
    width: 100%;
    height: auto;
    display: block
}

.transport--specification {
    display: flex;
    margin-bottom: 3.4rem
}

.transport--specification>.icon {
    line-height: 1;
    width: 7.8rem;
    position: relative;
    margin-left: -1rem;
    margin-top: -4rem
}

.transport--specification>.icon.-certyficate {
    margin: -23px 12px 0 -23px
}

.transport--specification>.icon.-home {
    margin: -7px 8px 0 -15px
}

.transport--specification>.icon.-offer {
    margin: -3rem 3rem 0 -1rem
}

.transport--specification>.text {
    flex: 1;
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.3rem
}

.transport--specification>.text>.whitebox {
    background-color: #fff;
    position: relative;
    margin-left: 10px;
    padding: 2rem 3rem;
    margin-top: -2rem;
    font-size: 1.8rem;
    line-height: 2.6rem
}

.transport--specification>.text>.whitebox:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #fff transparent;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%)
}

.transport--specification>.text>.whitebox strong {
    color: #ffcd00
}

.freezer--hero--img {
    max-width: 100%
}

.temperature--box--container {
    position: relative;
    z-index: 1
}

.freezer--temperature {
    background-color: #f4f4f4;
    padding: 10rem 0 0
}

.temperature--box {
    font-size: 2.7rem;
    line-height: 1;
    color: #1191d0;
    position: relative;
    padding: 10px 0;
    text-align: center
}

.machine--section {
    padding: 0
}

.moving--freezer--container {
    display: none
}

.location--container--freezer {
    position: relative
}

.location--container--freezer>.btn {
    position: absolute;
    width: 45px;
    display: block;
    height: 40px;
    left: 4px;
    background: #ffcd00;
    border: 0;
    top: 4px
}

.location--container--freezer>.btn>.icon {
    font-size: 2rem
}

.location--container--freezer>.input {
    background: #f7f7f9;
    border-color: #f7f7f9;
    padding-left: 55px
}

@media(min-width:576px) {
    .products--row {
        padding: 29px
    }
    .item--axis>.text {
        font-size: 1.3rem;
        padding-left: 3.5rem
    }
}

@media(min-width:768px) {
    .freezer--hero--content {
        margin-top: 8rem
    }
    .freezer--hero--content>.video--hero--content {
        width: auto
    }
    .tabs--freezer {
        margin-bottom: 4.5rem
    }
    .tabs--freezer>.item {
        font-size: 2.7rem;
        line-height: 3.2rem
    }
    .vertical--axis:before {
        height: calc(100% - 161px)
    }
    .item--axis>.icon>img {
        position: relative;
        top: -40%;
        margin-bottom: 2rem
    }
    .item--axis>.text {
        font-size: 1.6rem
    }
    .products--row {
        width: 652px
    }
    .freezer--hero--header {
        position: relative;
        top: 9rem
    }
    .moving--freezer--container {
        display: block;
        position: fixed;
        z-index: -1
    }
    .moving--freezer--container>.img {
        max-width: 100%;
        display: block
    }
    .freezer--hero--img {
        max-width: 130%;
        max-width: initial;
        margin-top: -5.5rem;
        margin-left: -28rem
    }
    .products--row {
        justify-content: flex-start
    }
    .product--block {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0
    }
    .product--block:nth-child(1) {
        margin-left: calc(100% - 198px);
        margin-top: 0
    }
    .product--block:nth-child(2) {
        margin-left: 99px;
        margin-top: 0
    }
    .machine--section {
        padding: 4rem 0 10rem
    }
    .machine--specification--image {
        transform: scale(1.25)
    }
    .transport--specification>.text>.whitebox {
        width: 93%
    }
    .map--form {
        width: 50%;
        margin: 0 auto
    }
    .freezer--map--container {
        margin: 9rem 0
    }
    .logo--item {
        padding: 0;
        width: 200px;
        height: 320px !important;
        display: flex !important;
        align-items: center;
        justify-content: center
    }
    .freezer--map {
        height: 47rem
    }
    .machine--specification--box:last-of-type {
        margin-bottom: 0
    }
    .products--light--bg {
        margin-top: 0;
        margin-bottom: 7rem;
        padding-bottom: 5rem
    }
    .freezer--box>.img {
        margin-left: -80%
    }
    .freezer--description {
        margin-left: -60%
    }
    .temperature--box {
        padding: 30px 0 7px 55%;
        text-align: left
    }
    .temperature--box>.header {
        font-weight: 700;
        font-size: 1.4rem;
        font-family: "Dinamit", sans-serif;
        position: relative;
        top: -10px
    }
    .temperature--box:first-child>.header {
        color: #0870b1
    }
    .temperature--box:first-child>.header:hover {
        color: #0870b1
    }
    .temperature--box:first-child>.line {
        border-bottom-color: #0870b1
    }
    .temperature--box:first-child>.line:after {
        background-color: #0870b1
    }
    .temperature--box:nth-child(2)>.header {
        color: #26a2d1
    }
    .temperature--box:nth-child(2)>.header:hover {
        color: #26a2d1
    }
    .temperature--box:nth-child(2)>.line {
        border-bottom-color: #26a2d1
    }
    .temperature--box:nth-child(2)>.line:after {
        background-color: #26a2d1
    }
    .temperature--box:nth-child(3)>.header {
        color: #75c4e5
    }
    .temperature--box:nth-child(3)>.header:hover {
        color: #75c4e5
    }
    .temperature--box:nth-child(3)>.line {
        border-bottom-color: #75c4e5
    }
    .temperature--box:nth-child(3)>.line:after {
        background-color: #75c4e5
    }
    .temperature--box:nth-child(4)>.header {
        color: #ffcb04
    }
    .temperature--box:nth-child(4)>.header:hover {
        color: #ffcb04
    }
    .temperature--box:nth-child(4)>.line {
        border-bottom-color: #ffcb04
    }
    .temperature--box:nth-child(4)>.line:after {
        background-color: #ffcb04
    }
    .temperature--box>.line {
        display: block;
        border-bottom-style: dashed;
        border-bottom-width: 4px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        transform-origin: left
    }
    .temperature--box>.line.-top {
        width: 77.2rem
    }
    .temperature--box>.line:after {
        content: '';
        width: 15px;
        height: 15px;
        display: block;
        border-radius: 50%;
        background-color: #ffcd00;
        position: absolute;
        top: -6px;
        right: -6px
    }
    .temperature--box--container {
        margin-top: 30px;
        position: relative
    }
    .temperature--box--container:before {
        content: '';
        position: absolute;
        width: 113px;
        height: 297px;
        right: -55px;
        top: 0;
        background: url(themes/custom/inpost/css/../images/freezer/temperature.png) no-repeat;
        background-size: cover
    }
    .map--description {
        margin: 0 auto;
        width: 35rem
    }
    .freezer--link--footer:before {
        top: -30px
    }
    .freezer--link--footer>.mail {
        font-size: 3.2rem
    }
}

@media(min-width:1060px) {
    .freezer--yellow--bg {
        padding-top: 0;
        padding-bottom: 0
    }
    .products--header {
        margin-bottom: -17rem;
        z-index: 2;
        position: relative;
        margin-left: 4rem
    }
    .products--header>span {
        font-size: 2.9rem
    }
    .products--row:before {
        left: -40px;
        top: calc(50% - 35px);
        transform: rotate(0deg)
    }
    .freezer--box>.img {
        margin-left: -50%
    }
    .freezer--description {
        margin-left: -22%
    }
    .freezer--products--img {
        margin-left: -100%;
        max-width: 800px
    }
    .transport--section {
        margin-top: -5rem;
        padding: 13.5rem 0 5rem !important
    }
    .transport--section .image--box {
        position: relative;
        margin-top: -7rem
    }
    .transport--section .image--box:before {
        content: "";
        height: 2px;
        width: 165%;
        background: url(themes/custom/inpost/css/../images/freezer/border-dashed.png) repeat-x;
        position: absolute;
        bottom: 61px;
        right: 32%
    }
    .transport--section .image--box>img {
        width: auto
    }
}

@media(min-width:1260px) {
    .freezer--box>.img {
        margin-left: -20%
    }
    .freezer--products--img {
        margin-left: -80%;
        max-width: none
    }
    .products--header {
        margin-bottom: -15rem
    }
    .transport--section {
        margin-top: -2rem
    }
    .transport--section .image--box {
        position: relative
    }
    .transport--section .image--box:before {
        content: "";
        height: 2px;
        width: 150%;
        background: url(themes/custom/inpost/css/../images/freezer/border-dashed.png) repeat-x;
        position: absolute;
        bottom: 61px;
        right: 45%
    }
    .transport--section .image--box>img {
        width: auto
    }
}

@media screen and (min-width:1650px) {
    .benefits--freezer {
        position: relative;
        overflow: hidden
    }
    .benefits--freezer:before,
    .benefits--freezer:after {
        content: '';
        position: absolute;
        background-image: url(themes/custom/inpost/css/../images/freezer/snow.png);
        background-size: cover;
        -webkit-animation: spin 8s linear infinite;
        animation: spin 8s linear infinite
    }
    .benefits--freezer:before {
        left: 50px;
        top: 24%;
        width: 201px;
        height: 212px
    }
    .benefits--freezer:after {
        right: 50px;
        bottom: 24%;
        width: 142px;
        height: 150px
    }
    .machine--section {
        position: relative
    }
    .machine--section:before {
        content: '';
        position: absolute;
        background-image: url(themes/custom/inpost/css/../images/freezer/snow-dark.png);
        background-size: cover;
        -webkit-animation: spin 8s linear infinite;
        animation: spin 8s linear infinite;
        right: 50px;
        top: -24%;
        width: 296px;
        height: 312px
    }
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.point--container {
    overflow-x: hidden;
    margin-bottom: 2.5rem
}

.point--header {
    position: relative;
    padding-top: 1.4rem;
    padding-bottom: 1rem;
    margin-top: 5rem
}

.point--header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50vw;
    width: 200vw;
    background-color: #3c3c3c
}

.point--header>.header--h1 {
    position: relative
}

.point--status {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: block;
    margin-bottom: 3px
}

.point--status.-map {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 0;
    font-size: inherit
}

.point--status.-map:before {
    width: 7px;
    height: 7px;
    margin-right: 4px;
    margin-top: -.4rem
}

.point--status:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -2px
}

.point--status.-available {
    color: #89af1d
}

.point--status.-available:before {
    background-color: #89af1d
}

.point--status.-unactive {
    color: #e11212
}

.point--status.-unactive:before {
    background-color: #e11212
}

.point--info--box {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem
}

.point--info--box>.img {
    width: 10rem
}

.point--info--box>.text {
    flex: 1 1 auto;
    padding-left: 2.5rem;
    overflow: hidden;
    padding-bottom: 1rem
}

.point--info--box>.text>.btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap
}

.point--info--box>.text>.btn>.btn--primary,
.point--info--box>.text>.btn>.btn--secondary,
.point--info--box>.text>.btn>.btn--dark {
    margin-top: .5rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.point--details {
    margin-top: 1.5rem;
    margin-bottom: 4.5rem
}

.time:before {
    content: '';
    background: url(themes/custom/inpost/images/map/icon-clock.png) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    transform: translateY(4px);
    margin-right: 10px
}

.point--details--icon {
    font-size: 2rem;
    vertical-align: middle;
    margin-right: .5rem
}

.point--details--icon>.icon-doubled {
    display: inline-block;
    max-width: 2rem
}

.loader--container {
    position: relative
}

.loader--container>.loader {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rating--component {
    font-weight: normal;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 4rem
}

.rating--component>.firststep {
    margin-bottom: 2rem
}

.star--component {
    color: #000;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    flex-direction: row-reverse
}

.star--component>.input {
    position: absolute;
    left: -99999px;
    opacity: 0
}

.star--component>.input:checked~.label {
    color: #ffcd00
}

.star--component>.label {
    margin: 0;
    padding-right: .7rem;
    cursor: pointer
}

.star--component>.label:hover {
    color: #ffcd00
}

.star--component>.label:hover~.label {
    color: #ffcd00
}

.star--component>.star {
    padding-right: .7rem;
    color: #ffcd00
}

.rating--form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 2px solid #000;
    width: 28rem;
    max-width: 100%;
    margin-left: auto
}

.table--sensors--point {
    margin-bottom: 3rem;
    width: 100%
}

.table--sensors--point tr:nth-of-type(2n+1) {
    background: rgba(229, 229, 229, .5)
}

.table--sensors--point th {
    font-size: 1.7rem;
    font-weight: 700;
    padding: 5px 10px
}

.table--sensors--point td {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    padding: 5px 10px
}

.table--sensors--point td.description {
    font-size: 1.2rem;
    color: #929497;
    white-space: normal
}

@media(min-width:576px) {
    .rating--component>.firststep {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media(min-width:768px) {
    .point--status {
        font-size: 1.6rem
    }
    .rating--component {
        margin-top: 2rem
    }
}

@media(min-width:1060px) {
    .point--info--box>.text>.btn>.btn--primary,
    .point--info--box>.text>.btn>.btn--secondary,
    .point--info--box>.text>.btn>.btn--dark {
        width: calc(50% - 1rem)
    }
    .table--sensors--point th,
    .table--sensors--point td {
        white-space: nowrap
    }
}

@media(min-width:1260px) {
    .point--info--box>.text>.btn>.btn--primary,
    .point--info--box>.text>.btn>.btn--secondary,
    .point--info--box>.text>.btn>.btn--dark {
        width: calc(50% - .5rem)
    }
}

.points--24--bottom {
    margin: 35px 0
}

.heart--mat {
    position: absolute;
    width: 55px;
    top: -55px
}

@media(min-width:768px) {
    .points--24--bottom {
        margin: 7.3rem 0 9.6rem
    }
    .heart--mat {
        position: relative;
        width: auto;
        top: 0;
        right: 0;
        width: 4.9rem
    }
}

.prices--type--icon {
    font-size: 5.2rem;
    margin-right: 2rem;
    line-height: 1
}

.prices--type--icon>.icon-point {
    font-size: 4rem
}

.prices--tabs {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5rem;
    margin-bottom: 3.5rem
}

.prices--tabs>.item>.link {
    display: block;
    font-size: 1.8rem;
    color: #3c3c3c;
    font-weight: 600;
    padding: .3rem 1.2rem;
    border-bottom: 1px solid #ffcd00
}

.prices--tabs>.item>.link:hover {
    text-decoration: none
}

.prices--tabs>.item>.link.-active {
    background-color: #ffcd00
}

.prices--allegro {
    width: 4rem;
    display: block;
    margin: 0 auto
}

@media(min-width:1060px) {
    .prices--tabs {
        border-bottom: 1px solid #ffcd00
    }
    .prices--tabs>.item>.link {
        border: 0
    }
}

.probations--subheading {
    background-color: #3c3c3c;
    margin: -1px 0 0
}

.probation--poisitions {
    background-color: #f3f3f3;
    padding: 55px 0
}

@media(min-width:768px) {
    .probations--subheading {
        padding-bottom: 5rem 0
    }
    .probation--poisitions {
        background-color: #f3f3f3;
        padding: 5.5rem 0
    }
}

.return--form {
    background-color: #3c3c3c;
    margin: 5rem 0;
    padding: 3rem 0
}

.receive--divider {
    padding: 30px 0;
    background-color: #f3f3f3
}

.receive--icon--point {
    font-size: 48px
}

@media(min-width:768px) {
    .receive--divider {
        padding: 3rem 0
    }
    .receive--icon {
        margin-top: 10px;
        width: 53%
    }
    .reciver--offset--btn {
        margin-top: 24px
    }
    .receive--icon--point {
        font-size: 5.8rem
    }
}

.single--results--block {
    margin: 0 0 55px
}

.single--results--block>.title {
    font-size: 2.1rem
}

.search--results--content {
    margin: 25px 0 0
}

@media(min-width:768px) {
    .single--results--block {
        margin: 0 0 7rem
    }
}

@media(min-width:1060px) {
    .single--results--block {
        margin: 0 0 8.5rem
    }
}

.black--section {
    background-color: #404041
}

.link--dark {
    color: #000
}

.link--dark:hover {
    text-decoration: none;
    color: #000
}

.black--box--content {
    text-align: center;
    padding-top: 90px;
    position: relative
}

.black--box--content:before {
    display: block;
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url("themes/custom/inpost/css/../images/security/mark.png");
    background-position: center;
    background-size: contain;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0)
}

.black--box--content:after {
    display: none;
    display: block;
    content: '';
    position: absolute;
    width: 60px;
    height: 60px
}

.security--featured--box {
    border: solid 4px #ffcb04
}

.security--featured--box>.top-box {
    background-color: #ffcb04;
    padding: 15px
}

.security--featured--box>.bottom-box {
    padding: 15px
}

.security--icon--box2 {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    margin: 0 0 15px
}

.security--icon--box2>.inner {
    width: 100%
}

.security--icon--box2>.inner>.icon-wrapper>.icon {
    font-size: 54px;
    color: #ffcb04
}

.security--gray--section {
    background-color: #e5e5e5
}

.single--security--statement {
    margin: 0 0 25px
}

.single--security--statement .icon {
    font-size: 56px
}

.single--security--statement .date {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #909090
}

@media(max-width:1059px) {
    .video--hero--block.-security>.mobileimg {
        background-position: center top
    }
}

@media(min-width:768px) {
    .single--security--statement {
        margin: 0 0 5rem
    }
    .security--icon--box2 {
        margin: 0;
        justify-content: space-between
    }
    .security--icon--box2>.inner>.icon-wrapper {
        height: 56px
    }
    .black--box--content {
        padding: 0 7rem
    }
    .black--box--content:before,
    .black--box--content:after {
        background-image: url("themes/custom/inpost/css/../images/security/mark.png");
        top: 50%;
        transform: translate(0, -50%)
    }
    .black--box--content:before {
        left: 0
    }
    .black--box--content:after {
        display: block;
        right: 0
    }
    .security--featured--box>.top-box {
        padding: 3rem 3.5rem
    }
    .security--featured--box>.bottom-box {
        padding: 2.5rem 3.5rem
    }
}

@media(max-width:1059px) {
    .security--featured--box {
        height: auto !important
    }
}

@media(min-width:1060px) {
    .attack--type--wrapper {
        min-height: 35.5rem
    }
    .attack--type--wrapper.-bottom {
        min-height: 290px
    }
    .security--featured--box>.top-box {
        min-height: 21rem
    }
}

@media(min-width:1260px) {
    .attack--type--wrapper.-bottom {
        min-height: 300px
    }
    .security--featured--box>.bottom-box.-minimal {
        min-height: 263px
    }
}

.about--blog {
    padding: 35px 0 0;
    margin: 0 0 35px;
    border-top: solid 1px #d8d8d8
}

.txt--holder {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center
}

.txt--holder.-stretch {
    justify-content: space-between
}

.txt--holder>p {
    width: 100%
}

@media(min-width:768px) {
    .graphic--txt--box.-first {
        margin: 12.5rem 0 10rem
    }
    .graphic--txt--box.-second {
        margin: 7.5rem 0 12.5rem
    }
    .about--bottom--picture {
        margin: 10rem 0
    }
}

.about--prizes--row {
    background-color: #3c3c3c;
    padding: 35px 0 45px
}

.prize--logo--box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    text-align: center
}

.prize--logo--box>.img {
    width: auto;
    display: inline-block;
    max-width: 100%;
    height: auto
}

@media(min-width:768px) {
    .prize--logo--box {
        height: 100px;
        line-height: 100px
    }
}

@media(max-width:767px) {
    .prize--logo--box>.img {
        max-width: none
    }
}

.video--hero--block {
    min-height: 38rem;
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-size: cover;
    margin-bottom: 3.5rem;
    padding: 1.5rem 0;
    margin-top: 1.5rem;
    position: relative
}

.video--hero--block:before {
    content: '';
    display: block;
    min-height: 38rem;
    font-size: 0
}

.video--hero--block>.container {
    z-index: 2
}

.video--hero--block.-ad-page {
    margin-bottom: 0
}

.video--hero--block.-weekend {
    margin-bottom: 0;
    margin-top: 5rem
}

.video--hero--content {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 10
}

.video--hero--content>.mat {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    transform: translate(0, -100%)
}

.video--hero--content>.mat.-withcap {
    position: absolute;
    width: 70px;
    height: auto;
    top: 1px;
    transform: translate(0, -100%);
    left: -13px
}

.video--hero--content>.mat.-security {
    background-image: url("themes/custom/inpost/css/../images/security/mat-security.jpg");
    background-size: contain;
    background-repeat: no-repeat
}

.video--hero--content>.mat.-freezer {
    background-image: url("themes/custom/inpost/css/../images/freezer/mat-freezer.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -14px;
    left: 5px;
    width: 6.6rem;
    height: 6.6rem
}

.video--hero--content>.mat.-eko {
    background-image: url("themes/custom/inpost/css/../images/mat/mat_eko.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0;
    width: 6.6rem;
    height: 6.6rem;
    right: calc(100% - 12px);
    bottom: calc(-100% - -28px);
    z-index: 1
}

.video--background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden
}

.lead--txt--wrapper {
    margin: 10px 0 55px
}

.lead--txt--wrapper>p {
    letter-spacing: .2px
}

.big--number--box {
    text-align: center;
    margin-bottom: 35px
}

.big--number--box>p {
    color: #3c3c3c;
    font-weight: 600;
    margin: 0
}

.big--number--box>.big-number {
    font-size: 3.2rem;
    line-height: 4rem;
    font-family: "Dinamit", sans-serif
}

.big--number--box>.txt-desc {
    font-size: 16px;
    line-height: 2.4rem
}

@media(min-width:576px) {
    .video--hero--block {
        min-height: 45rem;
        align-items: center;
        margin-bottom: 4rem
    }
    .video--hero--block.-carrer {
        align-items: flex-end;
        padding-bottom: 35px
    }
    .video--hero--block.-weekend {
        min-height: 53rem
    }
    .video--hero--block.-security {
        min-height: 50rem;
        background-position: bottom
    }
    .video--hero--block>.container {
        position: relative
    }
}

@media(min-width:768px) {
    .big--number--box {
        margin-bottom: 0
    }
    .video--hero--block.-weekend {
        min-height: 53rem;
        margin-top: 9rem
    }
    .video--hero--content.-bottommiddle {
        top: -6.5rem
    }
    .video--hero--content.-closetoyou {
        position: absolute;
        top: -60px;
        right: -285px
    }
    .video--hero--content.-closetoyou>.mat {
        width: 8rem;
        height: 8rem
    }
    .video--hero--content>.mat.-top {
        top: 0
    }
    .video--hero--content>.mat.-top.-withcap {
        transform: translate(1.5rem, -13px);
        bottom: auto
    }
    .video--hero--content>.mat.-top.-upper {
        transform: translate(1.5rem, -63px)
    }
    .video--hero--content>.mat.-above {
        top: 0;
        transform: translateY(-100%)
    }
    .video--hero--content>.mat {
        right: 100%;
        width: 4.9rem;
        height: 4.9rem;
        bottom: 0;
        top: auto;
        transform: translate(0, 0)
    }
    .video--hero--content>.mat.-withcap {
        width: 7.7rem;
        height: auto;
        right: 100%;
        transform: translate(1.5rem, 5px);
        left: auto;
        height: 6.3rem
    }
    .video--hero--content>.mat.-security {
        right: 100%;
        top: 0;
        bottom: auto;
        transform: translate(0, -100%)
    }
}

@media(min-width:1060px) {
    .video--hero--block.-weekend {
        margin-top: 10rem
    }
    .video--hero--block.-sportteam {
        min-height: auto;
        height: calc(100vh - 500px)
    }
}

@media(min-width:1260px) {
    .video--hero--content.-closetoyou {
        top: -65px;
        right: -330px
    }
}

@media(max-width:767px) {
    .video--hero--block,
    .common--hero--block,
    .points--hero {
        position: relative
    }
    .video--hero--block>.mobileimg,
    .common--hero--block>.mobileimg,
    .points--hero>.mobileimg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-position: center
    }
}

.offer--package {
    margin-bottom: 40px
}

.offer--package>.button {
    width: 100%;
    text-align: center;
    margin: 20px 0 0
}

.offer--package--content {
    margin: 15px 0 0;
    background-color: #f3f3f3;
    padding: 25px 23px
}

.offer--package--content>.top-box {
    padding: 0 0 15px;
    border-bottom: solid 1px #d8d8d8;
    text-align: center;
    font-size: 8.5rem;
    line-height: 1
}

.offer--package--content>.top-box>.icon-point {
    font-size: 80%
}

.offer--package--content>.top-box>.icon-delivery-on-day {
    font-size: 7rem
}

.offer--package--content>.bottom-box {
    padding: 24px 0 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.offer--package--content>.bottom-box>.price {
    font-family: "Dinamit", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin: 25px 0 0
}

.offer--package--content>.bottom-box>.price>big {
    font-size: 36px
}

.offer--package--content>.bottom-box>.info {
    text-align: center;
    margin: 0;
    font-size: 14px
}

.features--icons--list {
    flex: 1 1 auto
}

.features--icons--list.-sendpackage>li {
    padding-left: 35px;
    margin-bottom: 15px
}

.features--icons--list.-sendpackage>li.-big {
    font-size: 2rem
}

.features--icons--list.-sendpackage>li>i {
    font-weight: 500
}

.features--icons--list.-sendpackage>li>i.-small {
    top: 5px;
    left: -5px;
    font-size: 3.2rem
}

.features--icons--list.-sendpackage>li>i.-medium {
    top: 0;
    left: -8px;
    font-size: 3.8rem
}

.features--icons--list.-sendpackage>li>i.-big {
    top: -4px;
    left: -16px;
    font-size: 5.2rem
}

.features--icons--list>li {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-left: 28px;
    position: relative;
    margin: 0 0 10px
}

.features--icons--list>li>i {
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.sign--allegro {
    color: #ff5a00;
    font-weight: 500;
    letter-spacing: -.5px
}

@media(min-width:768px) {
    .offer--package--content {
        padding: 25px 15px;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column
    }
    .offer--package--content.-highlighted {
        position: relative
    }
    .offer--package--content.-highlighted:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px solid #ffcd00
    }
    .offer--package--content.-highlighted>.title {
        background-color: #3c3c3c;
        display: block;
        position: absolute;
        top: -1.2rem;
        left: 1px;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 600;
        font-family: "Dinamit", sans-serif;
        padding: 3px .9rem
    }
    .offer--package--content.-highlighted>.mat {
        position: absolute;
        top: -1.2rem;
        right: 100%;
        width: 8rem;
        margin-right: -1px;
        z-index: -1;
        transform: translateX(80px)
    }
    .offer--package--content>.top-box {
        min-height: 10.8rem
    }
    .offer--package--content>.bottom-box>.price {
        font-size: 2.8rem;
        line-height: 1;
        padding: .5rem 0
    }
    .offer--package--content>.bottom-box>.price>big {
        font-size: 3.6rem
    }
    .offer--package {
        margin-bottom: 0;
        height: 100%;
        display: flex;
        flex-direction: column
    }
}

@media(min-width:1060px) {
    .offer--package--content {
        padding: 2.5rem 2rem
    }
}

@media(max-width:767px) {
    .offer--package--content.-sending {
        margin-top: 3.2rem;
        padding-top: 1.7rem
    }
    .offer--package--content.-sending>.top-box {
        padding: 0
    }
    .offer--package--content.-sending>.bottom-box {
        padding-top: 1.5rem;
        position: relative
    }
    .offer--package--content.-sending>.bottom-box>.features--icons--list {
        display: flex;
        flex-direction: column-reverse
    }
    .offer--package--content.-sending>.bottom-box>.price {
        font-size: 2rem;
        position: absolute;
        bottom: 0;
        right: 0
    }
    .offer--package--content.-sending>.bottom-box>.price big {
        font-size: 2.4rem
    }
}

.newsletter--box {
    background-color: #3c3c3c;
    width: 50.4rem;
    max-width: 100%;
    padding: 2rem 2rem 2.5rem 2.5rem;
    position: relative
}

.newsletter--box>.mat {
    position: absolute;
    right: 2rem;
    top: -4.5rem;
    width: 6rem
}

.newsletter--box>.form {
    margin-top: 2rem
}

.newsletter--box>.header {
    padding-right: 6rem
}

.newsletter--box--container {
    margin-top: 6rem
}

@media(min-width:576px) {
    .newsletter--box>.form {
        display: flex
    }
    .newsletter--box>.form>.inputcontainer {
        padding-right: 3rem;
        flex: 1
    }
    .newsletter--box>.form>.btncontainer {
        width: 10rem
    }
}

@media(min-width:768px) {
    .newsletter--box--container {
        margin-top: -7rem;
        max-width: 50%
    }
    .categories--container {
        flex: 1;
        padding-right: 6.5rem
    }
    .newsletter--box>.mat {
        width: 10rem;
        top: -6.5rem
    }
    .newsletter--box>.header {
        padding-right: 10rem
    }
}

.blog--hero--bg {
    background-size: cover;
    background-position: center;
    align-items: flex-end;
    margin-top: 1.6rem;
    margin-bottom: 1.8rem
}

.blog--hero--bg:after {
    content: '';
    font-size: 0;
    display: block;
    min-height: inherit
}

.blog--content {
    color: #3c3c3c;
    font-size: 1.6rem;
    font-weight: 500
}

.blog--content.-header {
    background-color: rgba(255, 255, 255, .9);
    padding: 1.6rem 3rem 2.5rem 3rem;
    margin-left: -21px;
    margin-right: -21px
}

.blog--content h1:not(.header--h1) {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1.5rem
}

.blog--content h2:not(.header--h2) {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1.5rem
}

.blog--content h3:not(.header--h3) {
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 1.5rem
}

.blog--content p {
    margin-bottom: 1rem
}

.blog--content ul {
    margin-bottom: 1rem 0 3rem 0
}

.blog--content ol {
    font-size: 1.6rem
}

.blog--content img {
    max-width: 100%;
    margin: 2rem auto;
    display: block;
    height: auto
}

.blog--content iframe {
    max-width: 100%
}

.blog--content .align-left,
.blog--content .align-right {
    margin: 1rem
}

.blog--content blockquote {
    font-size: 2.4rem;
    line-height: 1.33;
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    position: relative;
    padding-top: 2rem;
    padding-left: 3rem;
    margin: 3rem 0
}

.blog--content blockquote:before {
    content: '';
    display: block;
    width: 6.8rem;
    height: 5.1rem;
    background-image: url("themes/custom/inpost/css/../images/quote-icon.png");
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.blog--content blockquote p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-top: 1rem
}

.blog--content blockquote p:before {
    content: '';
    width: 1.2rem;
    height: 2px;
    background-color: #3c3c3c;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 1rem
}

.blog--form--container {
    background-color: #f3f3f3
}

.socials--component {
    min-width: 100px
}

.socials--component>.socialink {
    color: #3c3c3c;
    text-decoration: none;
    display: inline-block;
    font-size: 20px
}

.socials--component>.socialink:not(:last-child) {
    margin-right: 15px
}

.socials--component .cke-ig {
    margin: 3rem -15px;
    border: 0;
    align-items: flex-start
}

.socials--component .cke-ig>img {
    padding: 0 15px;
    max-width: 50%;
    width: 100%;
    margin: 1rem 0;
    cursor: pointer
}

.socials--component .cke-ig .slick-track {
    display: flex;
    align-items: center
}

.socials--component .cke-ig .slick-slide {
    cursor: pointer;
    margin: 0 10px
}

.socials--component .cke-ig .slick-list {
    margin: 0 -10px
}

.light--box {
    background-color: #f3f3f3;
    width: 36rem;
    max-width: 100%;
    padding: 2rem 2rem 2.5rem 2rem;
    margin-left: 2rem;
    margin-bottom: 2rem;
    margin-top: 2rem
}

.light--box>.header--h3>.icon {
    font-size: 2.6rem;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px;
    display: inline-block
}

@media(min-width:768px) {
    .blog--content {
        padding: 1.6rem 3rem 2.5rem 3rem
    }
    .blog--content.-header {
        margin-left: 0;
        margin-right: 0
    }
    .blog--content blockquote {
        margin: 5rem 0 5rem 10rem
    }
    .blog--content h1:not(.header--h1) {
        margin-top: 4rem
    }
    .blog--content h2:not(.header--h2) {
        margin-top: 4rem
    }
    .blog--content h3:not(.header--h3) {
        margin-top: 5rem
    }
    .blog--content .cke-ig>img {
        max-width: 25%
    }
    .blog--hero--bg {
        min-height: 45rem;
        display: flex;
        padding-top: 3rem
    }
}

@media(max-width:767px) {
    .blog--hero--bg {
        background-image: none !important
    }
}

.ecocalc--slider {
    padding-bottom: 40px
}

.eco--link {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #404041;
    text-decoration: none !important;
    cursor: pointer
}

.eco--link::before {
    position: absolute;
    display: block;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffcb04
}

.eco--mb-23 {
    margin-bottom: 23px
}

.eco--mb-56 {
    margin-bottom: 56px
}

.eco--slider .eco--slider--item {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 9.06rem 0
}

@media(min-width:768px) {
    .eco--slider .eco--slider--item {
        height: 520px
    }
}

.eco--slider .eco--slider--item svg {
    margin-right: 30px;
    margin-bottom: 30px
}

.eco--slider .eco--slider--item .-underlined {
    position: relative;
    display: inline-block
}

.eco--slider .eco--slider--item .-underlined::after {
    position: absolute;
    display: block;
    content: '';
    top: 100%;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffcb04
}

.eco--slider .header--h1--mb-22 {
    margin-bottom: 22px
}

.eco--slider .slick-dots,
.eco--slider .socials--component .cke-ig ul,
.socials--component .cke-ig .eco--slider ul {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
    padding: 0 1rem;
    margin: 0;
    bottom: 2.75rem;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .eco--slider .slick-dots,
    .eco--slider .socials--component .cke-ig ul,
    .socials--component .cke-ig .eco--slider ul {
        width: auto
    }
}

.eco--slider .slick-dots li,
.eco--slider .socials--component .cke-ig ul li,
.socials--component .cke-ig .eco--slider ul li {
    font-size: 0;
    width: calc(33.3333% - 4px);
    height: 8px;
    border: 0;
    background-color: rgba(196, 196, 196, .5);
    margin: 3px;
    padding: 0;
    cursor: pointer
}

@media(min-width:768px) {
    .eco--slider .slick-dots li,
    .eco--slider .socials--component .cke-ig ul li,
    .socials--component .cke-ig .eco--slider ul li {
        width: 133px
    }
}

.eco--slider .slick-dots li.slick-active,
.eco--slider .socials--component .cke-ig ul li.slick-active,
.socials--component .cke-ig .eco--slider ul li.slick-active {
    background-color: #ffcb04
}

.ecocalc--s01 {
    padding-bottom: 88px
}

.ecocalc--main--content {
    color: #404041
}

.ecocalc--main--content .header--h1 {
    color: inherit
}

.ecocalc--main--content .paragraph--component,
.ecocalc--main--content .blog--content p,
.blog--content .ecocalc--main--content p {
    color: inherit
}

.text--eco--dark {
    color: #015448
}

.text--eco--light {
    color: #98c93c
}

.-text--lh-125 {
    line-height: 1.25
}

.-eco--gradients {
    background: linear-gradient(180deg, #038f3d 0, #015448 100%)
}

.ecocalc--imgtext {
    position: relative
}

.ecocalc--imgtext--imgbox {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ecocalc--imgtext--img {
    display: block;
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.ecocalc--imgtext--box {
    margin-left: 0;
    margin-right: 0
}

.ecocalc--imgtext svg {
    margin-right: 25px
}

@media(min-width:768px) {
    .ecocalc--imgtext--imgbox {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: calc(50% - 40px);
        height: 100%;
        overflow: hidden
    }
    .ecocalc--imgtext--box {
        margin-left: 0
    }
    .ecocalc--imgtext--img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
    .-img--right .ecocalc--imgtext--imgbox {
        left: unset;
        right: 0
    }
    .-img--right .ecocalc--imgtext--box {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width:1060px) {
    .ecocalc--imgtext--imgbox {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: calc(50% - 40px);
        height: 100%;
        overflow: hidden
    }
    .ecocalc--imgtext--box {
        margin-left: 5rem
    }
    .ecocalc--imgtext--img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
    .-img--right .ecocalc--imgtext--imgbox {
        left: unset;
        right: 0
    }
    .-img--right .ecocalc--imgtext--box {
        margin-left: 0;
        margin-right: 7rem
    }
}

.ecocalc--pack--walk {
    padding-top: 30px;
    padding-bottom: 40px;
    background: #e6e7e8
}

.ecocalc--pack--walk--box {
    margin-right: 0;
    margin-left: 0;
    text-align: center
}

@media(min-width:768px) {
    .ecocalc--pack--walk {
        padding-top: 8.375rem;
        padding-bottom: 13.3125rem
    }
}

@media(min-width:1060px) {
    .ecocalc--pack--walk {
        padding-top: 8.375rem;
        padding-bottom: 13.3125rem
    }
    .ecocalc--pack--walk--box {
        margin-right: 7rem;
        margin-left: 7rem
    }
}

.our--numbers {
    padding-top: 60px;
    padding-bottom: 60px
}

.our--number--header {
    margin-bottom: 4rem !important
}

.our--numbers--grid-3c {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 60px
}

.our--numbers--item {
    text-align: center;
    padding: 0 10px
}

.our--numbers--img {
    display: block;
    padding: 0;
    margin: 0 auto 40px
}

.our--numbers--title {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: inherit;
    margin-bottom: 20px;
    text-align: center
}

.our--numbers--text {
    text-align: center
}

@media(min-width:768px) {
    .our--number--header {
        margin-bottom: 10rem !important
    }
    .our--numbers {
        padding-top: 100px;
        padding-bottom: 180px
    }
    .our--numbers--grid-3c {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 137px 118px
    }
}

@media(min-width:1060px) {
    .our--numbers--grid-3c {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 137px 118px
    }
}

.ecocalc--electric-car {
    margin: 80px 0
}

@media(min-width:768px) {
    .ecocalc--electric-car {
        margin: 200px 0
    }
}

.ecocalc--electric-car--box {
    padding: 0
}

.ecocalc--electric-car--box svg {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 25px;
    margin-bottom: 25px
}

@media(min-width:768px) {
    .ecocalc--electric-car--box {
        padding: 0 70px
    }
}

.ecocalc--flota {
    margin-bottom: 60px
}

@media(min-width:768px) {
    .ecocalc--flota {
        margin-bottom: 187px
    }
}

.ecocalc--flota--smalltext {
    display: block;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .ecocalc--flota--smalltext {
        margin-bottom: 30px
    }
}

.ecocalc--flota--bigtext {
    font-size: 3rem
}

@media(min-width:480px) {
    .ecocalc--flota--bigtext {
        font-size: 6rem
    }
}

@media(min-width:768px) {
    .ecocalc--flota--bigtext {
        font-size: 8rem
    }
}

.-flota-text-m2030 {
    margin-top: 20px;
    margin-bottom: 30px
}

.ecocalc--flota--car {
    position: relative
}

@media(min-width:768px) {
    .ecocalc--flota--car {
        position: absolute;
        top: -150px;
        right: -15px
    }
}

@media(min-width:1060px) {
    .ecocalc--flota--car {
        position: absolute;
        top: -50px;
        right: -15px
    }
}

@media(min-width:1200px) {
    .ecocalc--flota--car {
        position: absolute;
        top: -50px;
        right: 38px
    }
}

.ecocalc--flota-img-01 {
    margin-bottom: 67px
}

.ecocalc--flota-img-02 {
    margin-bottom: 92px
}

.ecocalc--flota--bg {
    position: absolute;
    top: 70px;
    right: 50%;
    z-index: -1;
    transform: translate(50%, 0)
}

@media(min-width:768px) {
    .ecocalc--flota--bg {
        top: unset;
        bottom: 0;
        right: -36px;
        transform: unset
    }
}

@media(min-width:1260px) {
    .ecocalc--flota--bg {
        bottom: -55px;
        right: -65px
    }
}

@media(min-width:1260px) {
    .ecocalc--flota--bg {
        bottom: 0;
        right: -36px
    }
}

.ecocalc--want-eco {
    margin-bottom: 60px
}

@media(min-width:1260px) {
    .ecocalc--want-eco {
        margin-bottom: 142px
    }
}

.ecocalc--want-eco-img {
    display: block;
    margin-right: 0;
    margin-bottom: 25px;
    width: 100%;
    height: auto
}

@media(min-width:768px) {
    .ecocalc--want-eco-img {
        margin-bottom: 0;
        margin-right: 75px;
        width: unset
    }
}

.ecocalc--see-what {
    position: relative;
    display: block;
    max-height: 2000px;
    overflow: hidden;
    transition: all .3s ease-in
}

.ecocalc--see-what.-hide {
    overflow: hidden;
    max-height: 0 !important;
    transition: all 1s ease-in
}

.ecocalc--see-what--box {
    padding-bottom: 60px
}

@media(min-width:768px) {
    .ecocalc--see-what--box {
        padding-bottom: 108px
    }
}

.ecocalc--see-what .paragraph--component,
.ecocalc--see-what .blog--content p,
.blog--content .ecocalc--see-what p {
    font-size: 1.4rem;
    line-height: 2rem
}

.ecocalc--see-what--link {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #404041;
    text-decoration: none;
    cursor: pointer
}

.ecocalc--see-what--link::before {
    position: absolute;
    display: block;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffcb04
}

.-min-heoght-70 {
    min-height: 0
}

@media(min-width:768px) {
    .-min-heoght-70 {
        min-height: 70px
    }
}

.see-what--item {
    display: none
}

.see-what--item.-show {
    display: block
}

.ecocalc--header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 15px
}

@media(min-width:768px) {
    .ecocalc--header {
        position: absolute
    }
}

.ecocalc--header .header--h1 {
    display: none;
    margin-bottom: 15px
}

.ecocalc--header .header--h1.-active {
    display: block
}

@media(min-width:768px) {
    .ecocalc--header .header--h1 {
        margin-bottom: 0
    }
}

.ecocalc--header .ecocalc--reset {
    display: none;
    margin: 0
}

.ecocalc--header .ecocalc--reset.-active {
    display: block
}

.btn-ecocalc {
    padding-right: 6rem;
    padding-left: 6rem;
    margin-right: 2rem;
    margin-left: 2rem
}

.btn-ecocalc span {
    font-weight: 700
}

.btn-ecocalc.-hide {
    opacity: 0
}

.btn-ecocalc.-prev {
    background: #d0d4d4;
    margin-bottom: 25px
}

@media(min-width:768px) {
    .btn-ecocalc.-prev {
        margin-bottom: 0
    }
}

.btn-ecocalc.-prev span {
    color: #fff
}

.btn-ecocalc.-prev::after {
    background: #bbbdbf
}

.step {
    display: none;
    padding: 40px 0 77px
}

@media(min-width:768px) {
    .step {
        padding: 100px 0 77px
    }
}

.step.-active {
    display: block
}

.step-1-wrapper {
    max-width: 790px;
    margin: 0 auto
}

.step-1 .eco--link {
    margin-bottom: 25px;
    color: #fff
}

@media(min-width:768px) {
    .step-1 .eco--link {
        margin-bottom: 0
    }
}

.step-1 .ecocalc--google {
    padding: 63px 15px 0;
    text-align: center
}

.ecocalc--google-footer {
    padding: 63px 15px 0;
    text-align: center
}

.step--animation {
    padding: 77px 0 90px
}

.ecocalc---min--height {
    min-height: 460px
}

.ecco--column--mobile {
    min-height: 350px;
    margin-bottom: 20px
}

.ecco--column--mobile .ecocalc--fom-img {
    width: calc(100% - 30px);
    height: auto
}

@media(min-width:768px) {
    .ecco--column--mobile {
        min-height: unset;
        margin-bottom: 0
    }
    .ecco--column--mobile .ecocalc--fom-img {
        width: unset
    }
}

.step-1 {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    background-color: #015448
}

.step-1 .header--h1 {
    color: #98c93c
}

@media(min-width:768px) {
    .step-1 {
        padding-top: 100px
    }
}

.step-1 .paragraph--component .-weight700,
.step-1 .blog--content p .-weight700,
.blog--content .step-1 p .-weight700 {
    font-weight: 700 !important
}

.step-1 svg {
    margin-right: 20px
}

.step-1 .header--h2 {
    padding-top: 10px
}

.ecocalc--form--button {
    padding-top: 75px
}

.ecocalc--error {
    position: relative;
    display: none;
    color: #d93077;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding-top: 15px
}

.ecocalc--error.-active {
    display: block
}

.ecocalc--footer {
    padding: 0 15px 63px;
    text-align: center
}

.ecocalc--footer .paragraph--component,
.ecocalc--footer .blog--content p,
.blog--content .ecocalc--footer p {
    font-size: 12px;
    line-height: 15px;
    color: #bbbdbf
}

.ecocalc--footer img {
    margin-left: 3px
}

.ecocalc--question {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .ecocalc--question {
        margin-bottom: 40px
    }
}

.ecocalc--choice {
    display: flex;
    flex-flow: column nowrap;
    padding-bottom: 50px
}

@media(min-width:768px) {
    .ecocalc--choice {
        padding-bottom: 80px
    }
}

.ecocalc--choice label {
    position: relative;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404041;
    margin-bottom: 20px;
    padding-left: 45px
}

.step-4 ecocalc--choice {
    padding-bottom: 0
}

.ecocalc--radio {
    position: absolute;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all .15s ease-out 0s;
    background: #fff;
    border: 2px solid #9faab7;
    color: #fff;
    cursor: pointer;
    margin-right: .5rem;
    outline: 0;
    z-index: 1000
}

.ecocalc--radio:hover {
    background: #ffcc05
}

.ecocalc--radio:checked {
    border: 2px solid #404041
}

.ecocalc--radio:checked::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    background: #ffcc05;
    transform: translate(-50%, -50%)
}

.ecocalc--radio:checked::after {
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.ecocalc--fom-img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all .1s ease-in-out
}

.ecocalc--fom-img.-active {
    opacity: 1;
    transition: all .5s ease-in-out;
    margin: 0 auto
}

.ecocalc--fom-img.-relative {
    position: relative
}

.ecocalc--search--fields {
    position: relative;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%
}

.ecocalc--search--fields.-show--input {
    display: block
}

.ecocalc--search--fields.-show--input .twitter-typeahead {
    width: 100%
}

.ecocalc--search--label {
    position: absolute;
    left: 0;
    top: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404041;
    background-color: #fff;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out
}

.focused .ecocalc--search--label {
    transform: translateY(-125%);
    font-size: 12px;
    line-height: 16px;
    color: #bbbdbf
}

.focused .twitter-typeahead .tt-menu {
    width: 100%;
    background: #fff;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, .1));
    z-index: 9999 !important
}

.focused .tt-suggestion--item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404041;
    padding: 10px;
    cursor: pointer
}

.focused .tt-suggestion--item:hover {
    background: #b4b4b4
}

.ecocalc--search--input {
    position: relative;
    padding: 12px 0 5px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404041;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #404041;
    transition: box-shadow 150ms ease-out
}

.ecocalc--search--input:focus {
    box-shadow: 0 2px 0 0 #ffcd00
}

.ecocalc--search--input.filled {
    box-shadow: 0 2px 0 0 lightgreen
}

.step--5--bg {
    padding: 30px;
    background: #f3f3f3
}

.carbon--score {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 68px;
    color: #015448
}

.carbon--score span {
    font-size: 72px;
    line-height: 68px
}

.carbon--parcel {
    display: none
}

.carbon--parcel.-active {
    display: flex
}

.carbon--courier {
    display: none
}

.carbon--courier.-active {
    display: flex
}

.carbon--courier--score-parcel {
    position: relative;
    display: block
}

.carbon--courier--score-parcel::before {
    position: absolute;
    display: block;
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    height: 6px
}

.carbon--courier--score-parcel .carbon--courier--text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #404041;
    margin-bottom: 10px
}

.carbon--courier--score-parcel .carbon--score {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #98c93c
}

.carbon--courier--score-parcel .carbon--score span {
    font-size: 36px;
    line-height: 34px
}

@media(min-width:768px) {
    .carbon--courier--score-parcel::before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        left: -40px;
        width: 6px;
        height: 100%;
        background: #fff
    }
    .carbon--courier--score-parcel .carbon--courier--text {
        text-align: center
    }
    .carbon--courier--score-parcel .carbon--score {
        font-family: Dinamit;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        color: #98c93c;
        text-align: center
    }
    .carbon--courier--score-parcel .carbon--score span {
        font-size: 36px;
        line-height: 34px;
        text-align: center
    }
}

.step--final--score span {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 72px;
    line-height: 68px;
    color: #015448
}

.step--5--other--score {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px;
    max-width: 900px;
    margin: 0 auto 20px
}

@media(min-width:768px) {
    .step--5--other--score {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:768px) {
    .step--5--other--score {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.step--5--other--score .other--score--item-1 {
    grid-area: auto
}

@media(min-width:550px) {
    .step--5--other--score .other--score--item-1 {
        grid-area: 1 / 1 / 2 / 3
    }
}

@media(min-width:768px) {
    .step--5--other--score .other--score--item-1 {
        grid-area: auto
    }
}

.step--5--other--score .paragraph--component,
.step--5--other--score .blog--content p,
.blog--content .step--5--other--score p {
    font-size: 12px;
    line-height: 15px;
    margin-top: 40px
}

.other--score--item {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 30px
}

.other--score--item img {
    margin-right: 25px
}

.step--5--textmat {
    max-width: 720px;
    margin: 0 auto
}

.step--5--textmat svg {
    margin-right: 20px
}

.step--5--textmat .header--h2 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px
}

.ecocalc--step-5-seewhat {
    margin-top: 77px
}

.ecocalc--step-5-seewhat.-hide {
    display: none
}

.ecocalc-tooltip {
    position: relative;
    display: inline-block
}

.ecocalc-tooltip .ecocalc-tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #e6e7e8;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #404041;
    text-align: left;
    border-radius: 0;
    padding: 20px;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 50%;
    transform: translate(-50%, -105%);
    opacity: 0;
    transition: opacity .3s;
    box-shadow: 2px 2px 4px rgba(60, 60, 59, .15)
}

.ecocalc-tooltip .ecocalc-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top: 15px solid #e6e7e8;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 10px solid transparent
}

.ecocalc-tooltip:hover .ecocalc-tooltiptext {
    visibility: visible;
    opacity: 1
}

.step-5 .ecocalc-tooltip .ecocalc-tooltiptext {
    width: 500px
}

section.your--influence--section.ecocalc-sliderholder div.package--mat--wrapper.matWithBox svg g g:nth-child(13) g path {
    stroke: #414142
}

section.your--influence--section.ecocalc-sliderholder {
    background-color: #fff
}

.ecocalc--calculator--wrapper {
    margin: 0 !important
}

.ecocalc--calculator--box {
    max-width: 562px;
    margin: 0 auto
}

.package--calculator--wrapper.ecocalc--calculator--wrapper .noUi-horizontal .noUi-handle {
    top: -14px
}

.package--calculator--wrapper.ecocalc--calculator--wrapper .noUi-horizontal .noUi-handle {
    width: 30px;
    height: 30px
}

.package--calculator--wrapper.ecocalc--calculator--wrapper .noUi-touch-area {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #ffcd00
}

.ecocalc-sliderholder h4 {
    font-family: Montserrat;
    font-weight: 700;
    color: #ec0677;
    font-size: 32px;
    line-height: 39px
}

.ecocalc-sliderholder .sliderValue {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #404041
}

.carbon--courier {
    width: 100%
}

.carbon--courier.-active {
    display: block !important
}

.carbon--footprint--hero {
    min-height: 520px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 180px 0 120px
}

.carbon--footprint--hero--wrapper {
    max-width: 855px;
    padding-left: 0
}

@media(min-width:992px) {
    .carbon--footprint--hero--wrapper {
        margin-left: 115px
    }
}

.carbon--footprint--hero--wrapper svg {
    flex: 0 0 63px;
    width: 63px;
    height: 60px;
    margin-right: 25px;
    margin-bottom: 25px
}

.carbon--footprint--hero--text .header-h1 {
    font-family: Dinamit;
    font-weight: 600;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.2
}

@media(min-width:992px) {
    .carbon--footprint--hero--text .header-h1 {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.carbon--footprint--our--life {
    padding: 35px 0 35px
}

@media(min-width:992px) {
    .carbon--footprint--our--life {
        padding: 70px 0 125px
    }
}

.carbon--our-life--text {
    max-width: 670px;
    margin: 0 0 60px 0
}

@media(min-width:768px) {
    .carbon--our-life--text {
        margin: 0 auto 100px
    }
}

.carbon--our-life--text p {
    line-height: 1.9rem
}

.our--life--item {
    padding: 5px;
    margin-bottom: 40px
}

.our--life--item p {
    line-height: 1.9rem
}

.our--life--item--title {
    font-family: Dinamit;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    color: #414142
}

.our--life--item--img {
    width: 100%;
    height: auto;
    margin-bottom: 40px
}

.carbon--footprint--optimize {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0
}

@media(min-width:768px) {
    .carbon--footprint--optimize {
        padding: 170px 0 130px
    }
}

.carbon--footprint--optimize p {
    margin-bottom: 28px
}

.carbon--footprint--check {
    padding: 60px 0
}

@media(min-width:768px) {
    .carbon--footprint--check {
        padding: 164px 0
    }
}

.carbon--footprint--check--text {
    max-width: 780px;
    margin: 0 auto;
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #414142
}

@media(min-width:768px) {
    .carbon--footprint--check--text {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.closetoyou--main--content {
    background-color: #f3f3f3;
    padding: 80px 15px 30px
}

.closetoyou--main--content.-secondary {
    background-color: #ffcb04;
    padding: 20px 15px;
    display: none
}

.closetoyou--locker--image {
    display: none
}

.parcellocker--wrapper {
    padding: 15px 0;
    position: relative;
    background-image: url("themes/custom/inpost/css/../images/close-to-you/home-bg.png");
    height: 35rem;
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat
}

.parcellocker--wrapper .img {
    position: relative;
    bottom: -35px;
    z-index: 1
}

.img--pin {
    display: none
}

.wrapper--component>.-secondary {
    letter-spacing: .1rem
}

.wrapper--component .paragraph--component,
.wrapper--component .blog--content p,
.blog--content .wrapper--component p {
    font-size: 1.5rem;
    letter-spacing: -.1rem
}

.container--component *[class^="btn"] {
    max-width: 22.5rem;
    width: 22.5rem;
    padding-left: 0;
    padding-right: 0
}

.close--to--you--home {
    margin-bottom: 5rem
}

.close--to--you--have--place--remove {
    display: none
}

.place--address-container>div:last-child .close--to--you--have--place--remove {
    display: block
}

@media(min-width:768px) {
    .closetoyou--main--content {
        padding: 18rem 2rem 3rem
    }
    .closetoyou--main--content.-secondary {
        padding: 6em 2rem 5.4rem
    }
    .closetoyou--locker--image {
        position: absolute;
        z-index: 2;
        right: -35px;
        max-width: 770px;
        top: -15.5rem;
        display: block
    }
    .closetoyou--locker--image.-secondstep {
        top: -1rem
    }
    .parcellocker--wrapper {
        align-items: center;
        height: 48rem
    }
    .close--to--you--home {
        margin-bottom: 15rem
    }
}

@media(min-width:1260px) {
    .closetoyou--locker--image {
        position: absolute;
        z-index: 2;
        right: -35px;
        max-width: 920px;
        top: -15.5rem
    }
    .closetoyou--locker--image.-secondstep {
        top: -3.5rem
    }
}

@media(max-width:1259px) {
    .parcellocker--wrapper {
        background-size: 1500px auto
    }
}

@media(max-width:767px) {
    .parcellocker--wrapper {
        background-size: cover
    }
}

.know--location--header {
    height: 35rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    position: relative;
    background-image: url("themes/custom/inpost/css/../images/close-to-you/closetoyou-location--mobile.jpg");
    padding-bottom: 3rem
}

@media(min-width:768px) {
    .know--location--header {
        background-image: url("themes/custom/inpost/css/../images/close-to-you/closetoyou-location.jpg");
        padding-bottom: 9rem;
        margin-top: 2rem;
        height: 48rem
    }
}

.know--location--header.-have {
    background-image: url("themes/custom/inpost/css/../images/close-to-you/have-place-bg.png");
    padding-bottom: 3rem
}

.report--form--container {
    margin: 35px 0 55px
}

.report--form--container .step-box.-second {
    display: none
}

.report--form--message {
    background-color: #f3f3f3;
    padding: 4rem 2.5rem
}

@media(min-width:768px) {
    .report--form--container {
        margin: 3.5rem 0 7.5rem
    }
}

.report--location--container {
    position: relative
}

.report--location--header {
    height: 35rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-bottom: 3rem;
    background-image: url("themes/custom/inpost/css/../images/close-to-you/have-place-bg.png");
    margin-bottom: 3rem
}

@media(min-width:768px) {
    .report--location--header {
        height: 48rem;
        justify-content: center;
        margin-bottom: 5rem
    }
}

.report--location--box {
    display: inline-block;
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 2rem
}

.report--location--box>.icon {
    margin-bottom: 3.5rem
}

.report--location--box>.paragraph--component,
.blog--content .report--location--box>p {
    text-align: left;
    line-height: 1.4
}

.report--location--step2 {
    background-color: #ededed;
    padding-top: 3rem
}

.report--location--form {
    margin-top: 5rem;
    margin-bottom: 3rem
}

.report--location--form>.form {
    margin-top: 3.7rem
}

.report--location--form>.form>.form--checkbox {
    margin-bottom: 2rem
}

.report--location--form>.form>.form--checkbox>label {
    font-weight: 600
}

@media(min-width:1060px) {
    .report--location--form>.form {
        margin-left: 6.8rem
    }
}

@media(min-width:768px) {
    .report--location--form {
        margin-top: 16.5rem;
        margin-bottom: 17.5rem
    }
    .report--location--box {
        margin-bottom: 5rem
    }
}

@media(min-width:576px) {
    .report--location--form>.form>.form--checkbox {
        display: inline-block;
        vertical-align: top;
        width: 46%
    }
}

.location--form--page {
    position: relative;
    z-index: 1
}

.place--vote--block {
    border-bottom: solid 2px #f3f3f3;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap
}

.place--vote--block:nth-child(1) {
    border-top: solid 2px #f3f3f3
}

.place--vote--block>.points-box {
    width: 100%
}

.place--vote--block>.points-box>p>span {
    font-size: 14px;
    font-weight: 400
}

.place--vote--block>.location-box {
    min-width: 36px
}

.place--vote--block>.location-box>button {
    background-color: transparent;
    border: 0
}

.place--vote--block>.location-box>button>i {
    font-size: 20px
}

.place--vote--block .actions-box>button>.share--icons--container {
    position: absolute;
    left: 3px;
    top: 100%;
    width: calc(100% - 5px);
    display: flex;
    justify-content: flex-end;
    transform: none
}

.place--vote--block .actions-box>button>.share--icons--container>a {
    color: #3c3c3c;
    text-decoration: none
}

.popup--wrapper {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .5s ease
}

.popup--wrapper.open {
    opacity: 1;
    z-index: 502
}

.popup--wrapper>.popup--body {
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 5vh 2vw;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    border-radius: 10px;
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, .2)
}

.popup--wrapper>.popup--body.-nowhitespace {
    padding: 0;
    background: none
}

.popup--wrapper>.popup--body.-fullwidth {
    width: auto;
    min-width: 90vw
}

.popup--wrapper>.popup--body.-fullheight {
    min-height: auto;
    max-height: 90vh
}

.popup--wrapper>.popup--body>.popup--header>.-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 18px;
    outline: 0
}

.popup--wrapper>.popup--body>.popup--header>.-close:before,
.popup--wrapper>.popup--body>.popup--header>.-close:after {
    content: '';
    width: 15px;
    height: 1px;
    display: block;
    position: absolute;
    top: 13px;
    left: 7px;
    background-color: black
}

.popup--wrapper>.popup--body>.popup--header>.-close:before {
    transform: rotate(45deg)
}

.popup--wrapper>.popup--body>.popup--header>.-close:after {
    transform: rotate(-45deg)
}

.share--icons--container>a {
    margin-left: 1rem
}

@media(min-width:768px) {
    .place--vote--block {
        align-items: center;
        padding: 25px 0;
        flex-wrap: nowrap
    }
    .place--vote--block>.location-box {
        width: 6%
    }
    .place--vote--block>.address-box {
        width: 35%
    }
    .place--vote--block>.points-box {
        width: 15%;
        text-align: right
    }
    .place--vote--block>.actions-box {
        text-align: right;
        width: 45%
    }
    .place--vote--block>.actions-box>button {
        min-width: 137px
    }
    .place--vote--block>.actions-box>button>.share--icons--container {
        opacity: 0;
        transition: .5s opacity linear
    }
    .place--vote--block>.actions-box>button>.share--icons--container>a {
        margin-left: 1rem
    }
    .place--vote--block>.actions-box>button:hover>.share--icons--container {
        opacity: 1
    }
    .popup--wrapper>.popup--body {
        max-width: 60vw;
        max-height: 60vh;
        padding: 10vh 10vw
    }
    .popup--wrapper>.popup--body.-fullwidth {
        width: auto;
        min-width: auto
    }
}

@media(min-width:1260px) {
    .place--vote--block>.actions-box>button {
        min-width: 167px
    }
}

.voting--list--header {
    display: flex;
    padding: 15px 0 22px
}

.voting--list--header>.location-box {
    width: 50%
}

.voting--list--header>.points-box {
    width: 50%
}

.voting--list--header .filter-group--wrapper>.filter-group {
    cursor: pointer;
    font-size: 1.2rem
}

@media(max-width:767px) {
    .voting--list--header {
        flex-wrap: wrap
    }
}

@media(min-width:1060px) {
    .voting--list--header>.location-box {
        width: 35%;
        margin-left: 6%
    }
    .voting--list--header>.points-box {
        width: 28%
    }
    .voting--list--header>.popularity-box {
        width: 30%;
        display: flex;
        justify-content: space-between
    }
}

@media(min-width:1260px) {
    .voting--list--header>.location-box {
        width: 35%;
        margin-left: 6%
    }
    .voting--list--header>.points-box {
        width: 20%
    }
    .voting--list--header>.popularity-box {
        width: 39%;
        padding-right: 5%
    }
}

.voting--list--pagination {
    max-width: 630px;
    margin: 30px auto 0;
    display: flex;
    justify-content: center
}

.voting--list--pagination>button {
    background-color: transparent;
    border: 0;
    position: relative;
    width: 30px;
    height: 30px
}

.voting--list--pagination>.btn-prev {
    margin-right: 25px
}

.voting--list--pagination>.btn-prev:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #3c3c3c transparent transparent
}

.voting--list--pagination>.btn-next {
    margin-left: 25px
}

.voting--list--pagination>.btn-next:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #3c3c3c
}

.pagination--list {
    display: flex;
    align-items: center
}

.pagination--list>li {
    margin: 0 20px
}

.pagination--list>li.-active>a {
    font-weight: 700;
    position: relative
}

.pagination--list>li.-active>a:after {
    content: '';
    display: block;
    height: 4px;
    background-color: #ffcb04;
    bottom: -1px;
    left: -12px;
    right: -12px;
    width: auto;
    position: absolute
}

.pagination--list>li>a {
    font-size: 14px;
    font-family: "Dinamit", sans-serif;
    color: #3c3c3c;
    font-weight: 500
}

@media(min-width:768px) {
    .voting--list--pagination {
        margin: 4.5rem auto 0
    }
}

.track--parcel--hero {
    background-color: #3c3c3c;
    padding-bottom: 2.6rem;
    margin-top: 3.8rem;
    position: relative;
    z-index: 1
}

.track--parcel--hero.-sm {
    padding-top: 2.5rem;
    padding-bottom: 3.2rem
}

.track--parcel--hero.-smaller {
    margin-top: 3rem;
    padding-bottom: 2rem
}

.track--parcel--hero.-smaller .tracking--header {
    margin-bottom: 0;
    margin-top: -3.3rem
}

.tracking--header {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: -2rem;
    margin-bottom: 2rem;
    position: relative;
    padding-left: 40px
}

.tracking--header:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    bottom: -20px;
    right: 100%;
    width: 2095px;
    transform: translateX(95px);
    background-color: #3c3c3c
}

.tracking--header>.img {
    z-index: -1;
    position: absolute;
    left: 0;
    top: -6px;
    height: 40px;
    width: 40px
}

.tracking--header>.img.-big {
    left: -5px;
    top: -20px;
    height: 60px;
    width: 60px
}

.tracking--header>.img.-hidden svg {
    opacity: 0
}

.tracking--header>p {
    position: relative
}

@media(min-width:576px) {
    .tracking--header>.img.-big {
        left: -19px;
        top: -33px;
        height: 80px;
        width: 80px
    }
}

@media(min-width:768px) {
    .track--parcel--hero {
        padding-bottom: 6.5rem;
        margin-top: 8.6rem
    }
    .track--parcel--hero.-sm {
        padding-top: 3.6rem;
        padding-bottom: 2rem
    }
    .tracking--header {
        margin-top: -2.3rem;
        margin-bottom: 3.8rem;
        padding-left: 80px
    }
    .tracking--header>.img {
        left: 10px;
        top: -28px;
        height: 70px;
        width: 70px
    }
    .tracking--header>.img.-big {
        left: -31px;
        top: -80px;
        height: 149px;
        width: 149px
    }
}

@media(min-width:1260px) {
    .tracking--header:before {
        top: 23px
    }
    .tracking--header>.img {
        left: 0;
        top: -30px;
        height: 80px;
        width: 80px
    }
    .tracking--header>.img.-big {
        left: -41px;
        top: -86px;
        height: 163px;
        width: 163px
    }
}

.parcel--statuses--errors {
    margin: 30px 0 0
}

.parcel--statuses--errors>.error {
    background: #fbf2f2;
    padding: 8px 15px 8px;
    border-radius: 5px;
    z-index: 1;
    position: relative
}

.parcel--statuses--errors>.error:not(:nth-child(1)) {
    margin-top: 15px
}

.parcel--statuses--errors>.error:nth-last-child(1) {
    margin-bottom: 20px
}

.parcel--statuses--errors>.error>p {
    font-family: "Dinamit", sans-serif;
    color: indianred;
    font-size: 13px;
    letter-spacing: .5px;
    position: static !important;
    margin: 0
}

.parcel--statuses--list {
    margin: 75px 0 50px;
    position: relative
}

.parcel--statuses--list:nth-child(1) {
    margin-top: 20px
}

.line--component {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d8d8d8;
    margin: 1em 0;
    padding: 0
}

.line--component.-md {
    border-width: 2px
}

.track--parcel--content.-white {
    background-color: #fff;
    margin: 20px -20px 0 -20px;
    padding-right: 20px;
    flex-direction: column
}

@media(max-width:767px) {
    .track--parcel--content.-white {
        margin: 20px 0 0;
        padding: 15px 15px
    }
}

@media(min-width:576px) {
    .parcel--statuses--errors>.error>p {
        font-size: 14px
    }
}

@media(min-width:768px) {
    .parcel--statuses--list:nth-child(1) {
        margin-top: 50px
    }
}

@media(min-width:1260px) {
    .track--parcel--content.-white {
        padding-left: 15px;
        padding-right: 0;
        margin: 20px -15px 0
    }
}

.chart--wrapper.-first path {
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    transition: 1s ease-in
}

.chart--wrapper.-first .st0 {
    fill: #d8d8d8
}

.chart--wrapper.-first .st1 {
    fill: none;
    stroke: #ddd;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.chart--wrapper.-first .st2 {
    fill: none;
    stroke: #97bf24;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.chart--wrapper.-first .st3 {
    fill: none;
    stroke: #000;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.chart--wrapper.-first.aos-animate path {
    stroke-dashoffset: 0
}

.chart--wrapper.-second {
    text-align: center
}

.chart--wrapper.-second>svg {
    max-width: 380px
}

.chart--wrapper.-second line {
    transition: .65s stroke-dashoffset ease-in
}

.chart--wrapper.-second .st0 {
    fill: #d8d8d8
}

.chart--wrapper.-second .st1 {
    fill: none;
    stroke: #3c3c3c;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st2 {
    fill: none;
    stroke: #6f6e6e;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st3 {
    fill: none;
    stroke: #9a9a9a;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st4 {
    fill: none;
    stroke: #c4c4c4;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st5 {
    fill: none;
    stroke: #d8d8d8;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st6 {
    fill: none;
    stroke: #ffcb04;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st7 {
    fill: none;
    stroke: #ffcb04;
    stroke-width: 22;
    stroke-miterlimit: 10
}

.chart--wrapper.-second .st1 {
    stroke-dasharray: 150;
    stroke-dashoffset: 150
}

.chart--wrapper.-second .st2 {
    stroke-dasharray: 142;
    stroke-dashoffset: 142;
    transition-delay: .15s
}

.chart--wrapper.-second .st3 {
    stroke-dasharray: 133;
    stroke-dashoffset: 133;
    transition-delay: .45s
}

.chart--wrapper.-second .st4 {
    stroke-dasharray: 133;
    stroke-dashoffset: 133;
    transition-delay: .6s
}

.chart--wrapper.-second .st5 {
    stroke-dasharray: 133;
    stroke-dashoffset: 133;
    transition-delay: .75s
}

.chart--wrapper.-second .st6 {
    stroke-dasharray: 133;
    stroke-dashoffset: 133;
    transition-delay: .9s
}

.chart--wrapper.-second .st7 {
    stroke-dasharray: 133;
    stroke-dashoffset: 133;
    transition-delay: 1.05s
}

.chart--wrapper.-second.aos-animate line {
    stroke-dashoffset: 0
}

.calculator--form {
    background-color: #3c3c3c;
    padding: 30px 0
}

.calculator--results--list.aos-animate>.element .rating>i {
    opacity: 1
}

.calculator--results--list>.element {
    padding: 12px 0
}

.calculator--results--list>.element:nth-child(odd) {
    background-color: #f3f3f3
}

.calculator--results--list>.element:nth-child(even) {
    background-color: #fff
}

.calculator--results--list>.element .icon {
    font-size: 42px
}

.calculator--results--list>.element .txt {
    display: none
}

.calculator--results--list>.element .rating {
    display: flex;
    position: absolute;
    right: 12px;
    width: 64px;
    justify-content: flex-start
}

.calculator--results--list>.element .rating>i {
    color: #a1c539;
    font-size: 15px;
    display: block
}

.calculator--results--list>.element .rating>i:not(:last-child) {
    margin-right: 3px
}

@media(max-width:374px) {
    .calculator--results--list>.element .rating {
        width: 60px
    }
    .calculator--results--list>.element .rating>i {
        font-size: 16px
    }
}

@media(max-width:767px) {
    .mobile--custom--icon {
        flex: 0 0 20%;
        max-width: 20%
    }
    .mobile--custom--txt {
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 10px
    }
}

@media(min-width:768px) {
    .calculator--results--list>.element {
        padding: 25px 0
    }
    .calculator--results--list>.element .txt {
        font-size: 20px;
        font-weight: 600;
        padding-left: 10px;
        display: block
    }
    .calculator--results--list>.element .icon {
        font-size: 6.6rem
    }
    .calculator--results--list>.element .icon.icon-point {
        font-size: 5rem
    }
    .calculator--results--list>.element .rating {
        margin-left: 20px;
        position: static;
        width: auto
    }
    .calculator--results--list>.element .rating>i {
        font-size: 18px
    }
    .calculator--results--list>.element .rating>i:not(:last-child) {
        margin-right: 5px
    }
}

@media(min-width:1260px) {
    .calculator--results--list>.element .rating>i {
        font-size: 28px
    }
}

.cards--switcher--component {
    margin: 0 0 40px
}

.cards--switcher--component>.heading {
    margin: 30px 0 0
}

.cards--switcher--component>.content {
    margin: 40px 0 0
}

.cards--switcher--component>.content .single--environment--card {
    opacity: 0;
    transition: .3s opacity ease-in
}

.cards--switcher--component>.content .single--environment--card.-first {
    transition-delay: .35s
}

.cards--switcher--component>.content .single--environment--card.-second {
    transition-delay: .2s
}

.cards--switcher--component>.content .single--environment--card.-third {
    transition-delay: .1s
}

.cards--switcher--component>.content.-animated.aos-animate .single--environment--card {
    transition: .3s opacity ease-in;
    opacity: 1
}

.cards--switcher--component>.content.-animated.aos-animate .single--environment--card.-first {
    transition-delay: .1s
}

.cards--switcher--component>.content.-animated.aos-animate .single--environment--card.-second {
    transition-delay: .2s
}

.cards--switcher--component>.content.-animated.aos-animate .single--environment--card.-third {
    transition-delay: .3s
}

.cards--switcher--component>.content>.data.-normalcar {
    display: none
}

.btns--switch--wrapper {
    border-bottom: solid 1px #ffcd00;
    display: inline-block;
    padding: 2px 0
}

.single--environment--card {
    margin-bottom: 20px
}

.single--environment--card.-dark {
    background-color: #3c3c3c
}

.single--environment--card.-light {
    background-color: #f3f3f3
}

.single--environment--card.-alt {
    background-color: #a1c539
}

.single--environment--card>.content {
    padding: 25px 10px;
    text-align: center
}

.single--environment--card>.content>.icon-courier {
    padding: 35px 25px;
    text-align: center
}

.environment--card--icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 22rem;
    margin: 0 auto 15px;
    position: relative;
    min-height: 6.2rem
}

.environment--card--icons.-whiteicons .icon-courier .path2:before,
.environment--card--icons.-whiteicons .icon-point .path2:before {
    color: #fff
}

.environment--card--icons>span {
    font-size: 6.2rem
}

.environment--card--icons>span.icon-point {
    font-size: 5rem
}

@media(max-width:374px) {
    .emmision--info--component .header--h1.-bigprice {
        font-size: 20px
    }
    .emmision--info--component .header--h2.-bigprice {
        font-size: 16px
    }
    .btns--switch--wrapper {
        width: 100%;
        display: block;
        border: 0
    }
    .btns--switch--wrapper>a {
        display: block
    }
}

@media(min-width:768px) {
    .cards--switcher--component>.content {
        margin: 40px 0 0
    }
    .single--environment--card {
        margin-bottom: 0;
        height: 100%
    }
    .single--environment--card>.content {
        padding: 25px 20px
    }
    .emmision--info--component.-offsetleft {
        padding-left: 30px
    }
}

.package--mat--wrapper {
    max-width: 225px;
    margin: 0 auto
}

.package--calculator--wrapper .noUi-handle.noUi-handle-lower {
    box-shadow: none;
    border: 0;
    border-radius: 100%
}

.package--calculator--wrapper .noUi-connects {
    border-radius: 0
}

.package--calculator--wrapper .noUi-touch-area {
    border: 0;
    box-shadow: none;
    border-radius: 100%;
    background-color: #ffcd00
}

.package--calculator--wrapper .noUi-handle:after,
.package--calculator--wrapper .noUi-handle:before {
    display: none
}

.package--calculator--wrapper .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px
}

.package--calculator--wrapper .noUi-target {
    height: 3px;
    background: #9a9a9a;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 20px 0 25px
}

.package--calculator--wrapper .noUi-horizontal .noUi-handle {
    top: -9px
}

@media(min-width:768px) {
    .package--calculator--wrapper {
        margin: 3.5rem 0 0
    }
    .package--calculator--wrapper .noUi-target {
        margin: 20px 0 0
    }
}

.news--section {
    padding: 2.5rem 0 3.5rem 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.news--section .slick-initialized .slick-slide {
    display: block;
    margin: 0 auto;
    height: calc(50vh - 100px);
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 15px
}

.cke-ig {
    border: 0
}

@media(min-width:768px) {
    .news--section {
        padding: 4rem 0 3.5rem 0;
        margin-top: 5.5rem;
        margin-bottom: 5rem
    }
}

.extra--price--component {
    white-space: nowrap;
    margin-left: 1.5rem;
    padding: 7px 0;
    display: inline-block;
    vertical-align: middle
}

@media(max-width:767px) {
    .hero--block {
        margin-bottom: 3.5rem
    }
    .extra--price--component.-mobilevertical {
        margin: 0 0 7px;
        padding: 0;
        order: 0;
        width: 100%
    }
}

@media(min-width:768px) {
    .hero--block--container {
        margin-bottom: 6.5rem
    }
    .hero--block {
        height: 100%;
        display: flex;
        flex-direction: column
    }
    .hero--block>.btncontainer {
        margin-top: auto
    }
    .extra--price--component {
        padding: 0
    }
}

@media(min-width:768px) and (max-width:1059px) {
    .extra--price--component {
        margin-left: .5rem
    }
    .extra--price--component .header--h2 {
        font-size: 1.5rem
    }
    .extra--price--component .header--h1 {
        font-size: 2rem
    }
}

@media(max-width:365px) {
    .extra--price--component {
        margin-left: .5rem
    }
    .extra--price--component .header--h2 {
        font-size: 1.5rem
    }
    .extra--price--component .header--h1 {
        font-size: 2rem
    }
}

.send-package--bottom-box {
    margin: 0 0 35px
}

.big--icon--box {
    height: 100%;
    display: flex;
    flex-direction: column
}

.big--icon--box>.icon {
    font-size: 6.8rem;
    line-height: .8;
    min-height: 6.8rem;
    display: flex;
    align-items: center;
    margin: 0 0 10px
}

.big--icon--box>.icon>.icon-point {
    font-size: 80%
}

.big--icon--box>.heading {
    min-height: 52px
}

.big--icon--box>.link-wrapper {
    margin: 15px 0 0
}

.divider--component {
    padding: 15px 0;
    border-bottom: solid 1px #d8d8d8;
    margin: 0 0 30px
}

@media(min-width:768px) {
    .send-package--bottom-box {
        margin: 0 0 8.2rem
    }
    .big--icon--box>.icon {
        font-size: 6.8rem
    }
    .big--icon--box>.link-wrapper {
        margin-top: auto;
        min-height: 38px
    }
    .big--icon--box>.paragraph--component,
    .blog--content .big--icon--box>p {
        flex: 1 1 auto;
        margin-bottom: 15px
    }
}

.track--parcel--topbanner .after-search-banner {
    display: none;
    position: relative;
    z-index: 1
}

.track--parcel--content.-busy {
    position: relative;
    min-height: 350px
}

.track--parcel--content.-busy:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #fff;
    opacity: .75
}

.typing--errors {
    color: indianred;
    font-size: 14px;
    margin-top: 10px
}

.loader {
    margin: 5rem 0;
    text-align: center
}

.tracking--box {
    display: flex;
    align-items: center;
    height: 100%
}

.tracking--agreement--box {
    margin: 35px 0
}

.tracking--phone--img {
    width: 28rem;
    max-width: 100%;
    height: auto
}

@media(min-width:576px) {
    .tracking--box {
        display: block;
        padding-bottom: 3rem
    }
}

@media(min-width:768px) {
    .tracking--agreement--box {
        margin: 35px 0;
        padding: 0 25px
    }
}

@media(min-width:1060px) {
    .tracking--box {
        margin-top: 8rem
    }
}

.appkomat--hero {
    position: relative
}

.appkomat--logo {
    position: absolute;
    top: 50px;
    right: 100px
}

.appkomat--header {
    margin: 2rem 0 3rem
}

.appkomat--content .icon-image {
    width: 125px;
    height: 125px;
    display: block;
    max-width: 100%
}

.appkomat--content .eko--green {
    color: #9aca3c
}

.appkomat--content .eko--button>span.btn--component {
    background-color: #b5c959;
    color: #fff;
    font-size: 1.8rem;
    padding: 1.5rem 5rem;
    font-family: "Dinamit", sans-serif;
    display: inline-block
}

.appkomat--video {
    padding: 5rem 0;
    background-color: #f3f3f3
}

.appkomat--video .lightbox {
    background: rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    z-index: 1000
}

.appkomat--video .lightbox:target {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.appkomat--video .lightbox .content {
    width: 69%
}

.appkomat--video .lightbox img {
    border-radius: 1em;
    display: block;
    margin: auto;
    max-height: 80vh;
    max-width: 90vh
}

.appkomat--video .lightbox .fechar {
    color: #fff;
    font-size: 4em;
    font-weight: bold;
    height: 1em;
    position: fixed;
    right: 0;
    top: 0;
    width: 1em;
    z-index: 1001
}

.appkomat--video .lightbox p {
    font-size: 2em;
    font-weight: bold;
    text-align: center
}

@media(min-width:768px) {
    .eko--button>span.btn--component {
        font-size: 2.8rem;
        padding: 1.5rem 8rem
    }
}

.application--hero {
    height: 50rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.application--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.app--dark--box {
    background-color: #f3f3f3;
    padding: 4rem 2rem;
    margin: 3rem 0
}

@media(min-width:768px) {
    .app--dark--box {
        margin: 5rem 0
    }
    .application--hero {
        height: 70rem
    }
    .application--hero>.logo {
        width: 20rem
    }
}

.section--business--fullfilment.-gray {
    background-color: #f9f9f9
}

.section--business--fullfilment.-category {
    margin-top: 4rem
}

.business-fullfilment--hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 12% center;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 465px;
    padding: 5rem 0
}

.business-fullfilment--hero .hero--header>.content>.header--h2 {
    color: #fff;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 2.5rem
}

.business-fullfilment--hero .hero--header>.content>.header--h2>span {
    opacity: .5;
    display: block;
    margin-top: 2rem;
    font-size: .55em;
    font-size: 400
}

.business-fullfilment--info ul>li {
    padding-left: 5rem;
    background-image: url("themes/custom/inpost/css/../images/landing/business-fulfillment/arrow.svg");
    background-repeat: no-repeat;
    background-size: 3.6rem 3.6rem;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 3rem;
    transition: linear .3s all
}

.business-fullfilment--info ul>li:hover {
    background-position: 1rem top
}

.fullfilment--industry--component {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
    align-items: stretch
}

.fullfilment--industry--component>.item {
    margin-bottom: 30px
}

.fullfilment--industry--item {
    border: 2px #404041 solid;
    padding: 5rem 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    transition: linear 300ms all;
    height: 100%
}

.fullfilment--industry--item:hover {
    background-color: #ffcd00
}

.fullfilment--industry--item.-disable {
    opacity: .4
}

.fullfilment--industry--item.-disable:hover {
    background-color: transparent
}

.fullfilment--industry--item>.icon {
    margin-bottom: 3rem
}

.fullfilment--industry--item>.title {
    color: #404041;
    font-family: "Dinamit", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.fullfilment--industry--item>.title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

.fullfilment--industry--item>.title:hover {
    text-decoration: none;
    color: #404041
}

.business-fullfilment--expert--item {
    position: relative;
    margin-bottom: 5rem
}

.business-fullfilment--expert--item>.title {
    font-size: 2.5rem;
    font-weight: 700
}

.business-fullfilment--expert--item>.function {
    color: #c4c4c4;
    font-size: 2.1rem;
    font-weight: 600
}

.business-fullfilment--expert--item .link--expert:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.business-fullfilment--expert .lightboxes--component>.lightbox {
    background: rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    z-index: 1000;
    overflow: auto
}

.business-fullfilment--expert .lightboxes--component>.lightbox:target {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.business-fullfilment--expert .lightboxes--component>.lightbox .bg {
    background-color: #fff
}

.business-fullfilment--expert .lightboxes--component>.lightbox .close {
    color: #000;
    background-color: #fff;
    font-size: 4em;
    font-weight: bold;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    z-index: 1001;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

@media(min-width:768px) {
    .business-fullfilment--hero {
        background-position: top center
    }
    .business-fullfilment--hero .hero--header>.content {
        width: 64%
    }
    .business-fullfilment--hero .hero--header>.content>.header--h2 {
        font-size: 4.5rem
    }
}

.category--fullfilment--article .icon--header {
    width: 6.4rem;
    height: 6.4rem;
    display: inline-block;
    margin-right: 1rem
}

.category--fullfilment--article ul>li {
    font-size: 1.8rem;
    margin-bottom: 3.5rem
}

.category--fullfilment--article .boks--component {
    background: #fff;
    box-shadow: 0 0 50px 15px rgba(0, 0, 0, .06);
    position: relative;
    width: 100%;
    margin: 2rem 0;
    padding: 3rem 3rem;
    z-index: 2
}

.category--fullfilment--info {
    background-image: url("themes/custom/inpost/css/../images/landing/business-fulfillment/bg-info.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 51% top
}

.category--fullfilment--info .quotes--component {
    background-image: url("themes/custom/inpost/css/../images/landing/business-fulfillment/quotes.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10rem 10% 4rem
}

.category--fullfilment--info .quotes--component p {
    color: #fff;
    font-family: "Dinamit", sans-serif;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-align: center
}

.category--fullfilment--info .quotes--component p small {
    font-family: "Montserrat", sans-serif;
    font-size: 1.4rem
}

@media(min-width:768px) {
    .category--fullfilment--info .quotes--component p {
        font-size: 2.1rem
    }
    .category--fullfilment--info .quotes--component p small {
        font-size: 1.8rem
    }
    .category--fullfilment--info .quotes--component.-small p {
        font-size: 1.8rem
    }
    .category--fullfilment--info .quotes--component.-small p small {
        font-family: "Montserrat", sans-serif;
        font-size: 1.4rem
    }
    .category--fullfilment--article .boks--component {
        width: 120%
    }
}

.lp--career--hr {
    background: #ffcd00;
    padding: 6rem 0 0 0;
    color: #3c3c3c
}

.lp--career--hr .pagenumbers {
    margin: 4rem 0 5rem 0
}

.lp--career--hr .pagenumbers>.active {
    color: #fff
}

.lp--career--hr .vectors--img {
    display: none;
    z-index: 0
}

.lp--career--hr .main--img {
    position: absolute;
    max-width: 282px;
    bottom: -57px;
    right: -40px;
    z-index: 2
}

.lp--career--hr .career--heading>.header--h2 {
    max-width: 17rem;
    color: #3c3c3c
}

.lp--career--hr .career--heading>.header--h2>.decoration {
    display: block;
    margin-bottom: 1rem;
    max-width: 13rem;
    color: #fff;
    background: #3c3c3c;
    font-size: 3rem;
    padding: .7rem .3rem .2rem .3rem
}

.lp--career--hr .career--heading .header--text {
    display: none
}

.lp--career--hr .career--wrapper {
    width: 100%;
    z-index: 1
}

.lp--career--hr .career--wrapper select {
    border: #d0d0d0
}

.lp--career--hr .lphr--career--section .career-job--item:not(:last-child) {
    border-bottom: 2px solid #fcc215
}

.lp--career--hr .lphr--career--section .career-job--item .link--component,
.lp--career--hr .lphr--career--section .career-job--item .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .lp--career--hr .lphr--career--section .career-job--item a,
.lp--career--hr .lphr--career--section .career-job--item .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .lp--career--hr .lphr--career--section .career-job--item a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
    display: inline;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
    box-shadow: inset 0 -.4rem 0 #fff;
    transition: all .3s
}

.lp--career--hr .lphr--career--section .career-job--item .link--component:hover,
.lp--career--hr .lphr--career--section .career-job--item .helpdesk--component>.item>.description a:hover,
.helpdesk--component>.item>.description .lp--career--hr .lphr--career--section .career-job--item a:hover,
.lp--career--hr .lphr--career--section .career-job--item .blog--content a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .lp--career--hr .lphr--career--section .career-job--item a:hover:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    box-shadow: inset 0 -.4rem 0 #fcc215
}

.lp--career--hr .career--info {
    padding: 6rem 0;
    background: #3c3c3c
}

.lp--career--hr .career--info .man--two--img {
    position: absolute;
    top: -215px;
    right: -112px;
    display: none
}

.lp--career--hr .career--info .info--text {
    font-size: 2.5rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif
}

.lp--career--hr .career--info .-white {
    color: #fff
}

.lp--career--hr .career--benefits {
    background: #fff;
    padding: 5rem 0
}

.lp--career--hr .career--benefits .benefits--img {
    display: none
}

.lp--career--hr .career--benefits .header--h1 {
    font-size: 3.4rem;
    font-family: "Dinamit", sans-serif
}

.lp--career--hr .career--benefits .text--wrapper {
    padding: 2rem 0
}

.lp--career--hr .career--benefits .text--wrapper>.-weight {
    font-weight: 600
}

.lp--career--hr .career--links {
    padding: 6rem 0;
    background: #ffcd00
}

.lp--career--hr .career--links .link--wrapper {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

.lp--career--hr .career--links .link--wrapper figure>.text {
    padding-top: 1rem;
    line-height: inherit;
    color: #000
}

.lp--career--hr .-yellow {
    color: #ffcb04
}

@media(min-width:768px) {
    .lp--career--hr .career--heading>.header--h2 {
        max-width: 420px
    }
    .lp--career--hr .career--heading>.header--h2>.decoration {
        max-width: 22rem;
        display: block;
        font-size: 5rem;
        padding: .7rem .3rem 0 1.2rem;
        margin-bottom: 1rem
    }
    .lp--career--hr .career--wrapper .select--career::before {
        top: 5.4rem
    }
    .lp--career--hr .career--wrapper .btn--primary,
    .lp--career--hr .career--wrapper .btn--secondary,
    .lp--career--hr .career--wrapper .btn--dark {
        margin-top: 1.9rem
    }
}

@media(min-width:1060px) {
    .lp--career--hr {
        padding-top: 12rem;
        background: url("themes/custom/inpost/css/../images/landing/job/bg.png") repeat-x top left #ffd602
    }
    .lp--career--hr .main--img {
        max-width: inherit;
        right: 92px
    }
    .lp--career--hr .career--heading>.header--text {
        max-width: 445px;
        display: inherit
    }
    .lp--career--hr .career--heading>.header--h2 {
        max-width: 420px
    }
    .lp--career--hr .career--heading>.header--h2>.decoration {
        max-width: 22rem;
        font-size: 5rem;
        padding: .7rem .3rem 0 1.2rem;
        margin-bottom: 1rem
    }
    .lp--career--hr .career--wrapper .btn--primary,
    .lp--career--hr .career--wrapper .btn--secondary,
    .lp--career--hr .career--wrapper .btn--dark {
        margin-top: 1.7rem
    }
    .lp--career--hr .career--benefits {
        padding: 8rem 0
    }
}

@media(min-width:1260px) {
    .lp--career--hr .vectors--img {
        display: inherit;
        position: absolute;
        top: 11px;
        left: -85px
    }
    .lp--career--hr .career--wrapper .select--career::before {
        top: 5.2rem
    }
    .lp--career--hr .career--wrapper .btn--primary,
    .lp--career--hr .career--wrapper .btn--secondary,
    .lp--career--hr .career--wrapper .btn--dark {
        margin-top: 1.4rem
    }
    .lp--career--hr .career--info .man--two--img {
        display: inherit
    }
    .lp--career--hr .career--benefits .benefits--img {
        display: inline;
        position: absolute;
        bottom: -96px;
        left: -137px
    }
}

.pl .courrier--packages--hero.-micro {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-pl-mobile.png")
}

.en .courrier--packages--hero.-micro {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-en-mobile.png")
}

.uk .courrier--packages--hero.-micro {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-uk-mobile.png")
}

@media(min-width:768px) {
    .pl .courrier--packages--hero.-micro {
        background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-pl.png")
    }
    .en .courrier--packages--hero.-micro {
        background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-en.png")
    }
    .uk .courrier--packages--hero.-micro {
        background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-uk.png")
    }
}

.courrier--packages--hero {
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/courrier-package-top-bcg.png");
    position: relative
}

.courrier--packages--hero.-micro {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffcc01
}

.courrier--packages--hero.-woman {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/hero-micro-company.png")
}

.courrier--packages--hero.-forshops {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/hero-for-shops.png")
}

.courrier--packages--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 20rem;
    display: block;
    height: auto
}

.courrier--packages--hero>.logo>img {
    width: 100%
}

.header--h1.-courierpackages {
    font-size: 34px;
    font-weight: bold
}

.header--h1.-courierpackages>.colored {
    color: #ffcd00
}

.paragraph--component.-courierpackagebig,
.blog--content p.-courierpackagebig {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin: 10px 0 0
}

.courierpackages--bottom--section {
    background-color: #f3f3f3;
    padding: 35px 0;
    height: 100%
}

.courierpackages--bottom--section.-light {
    background: #fff
}

.courierpackage--tabs--nav {
    list-style-type: none;
    margin: 0 0 75px
}

.courierpackage--tabs--nav>li {
    display: inline-block;
    margin-bottom: -1px;
    border-right: solid 1px #c5c5c5;
    max-width: 49%;
    text-align: center
}

.courierpackage--tabs--nav>li:last-of-type {
    border-right: 0
}

.courierpackage--tabs--nav>li.-active>a {
    font-weight: bold;
    font-size: 15px
}

.courierpackage--tabs--nav>li>a {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    transition: all .2s
}

.courierpackage--tabs--nav>li>a:hover {
    text-decoration: none;
    transform: translateY(-5px)
}

.courierpackage--tabs--content>.content.-first {
    display: none
}

.single--courierpackage--block {
    padding: 10px 15px;
    background-color: #3f3e3e;
    height: 100%;
    position: relative;
    z-index: 1
}

.single--courierpackage--block.-featured,
.single--courierpackage--block.-magenta,
.single--courierpackage--block.-alternate {
    background-color: #ffcd00
}

.single--courierpackage--block.-magenta {
    background-color: #f0f
}

.single--courierpackage--block.-magenta:before {
    background-color: #f0f
}

.single--courierpackage--block.-alternate {
    background-color: #008fcf
}

.single--courierpackage--block.-alternate:before {
    background-color: #008fcf
}

.single--courierpackage--block.-fauxtelemagenta {
    background-color: #d93077
}

.single--courierpackage--block.-fauxtelemagenta>.featured--label {
    top: 0
}

.single--courierpackage--block>.heading {
    border-bottom: solid 2px #fff;
    color: #fff;
    text-align: center
}

.single--courierpackage--block>.heading.-dark {
    color: #3c3c3c;
    border-bottom: solid 2px #3c3c3c
}

.single--courierpackage--block>.heading>p {
    font-size: 24px;
    margin: 0 0 3px
}

.single--courierpackage--block>.content {
    text-align: center
}

.single--courierpackage--block>.content>.price {
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin: 31px 0 15px;
    padding-right: 60px;
    display: inline-block;
    position: relative;
    line-height: .7
}

.single--courierpackage--block>.content>.price.-dark {
    color: #3c3c3c;
    font-weight: 700
}

.single--courierpackage--block>.content>.price>.currency,
.single--courierpackage--block>.content>.price>.tax {
    position: absolute
}

.single--courierpackage--block>.content>.price>.currency {
    font-size: 20px;
    font-weight: 600;
    top: 0;
    right: 30px;
    line-height: .7
}

.single--courierpackage--block>.content>.price>.tax {
    bottom: 0;
    right: 4px;
    opacity: .75;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.single--courierpackage--block>.content>.description {
    color: #fff;
    text-align: center;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 0 10px;
    font-weight: 600
}

.single--courierpackage--block>.content>.description.-dark {
    color: #3c3c3c
}

.single--courierpackage--block>.content>.packages-count {
    line-height: 1.2;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 10px
}

.single--courierpackage--block>.content>.packages-count>big {
    font-size: 32px;
    font-weight: 600
}

.single--courierpackage--block>.content>.packages-count.-dark {
    color: #3c3c3c
}

.single--courierpackage--block>.list {
    margin: 1rem 0 0
}

.single--courierpackage--block>.list.-dark>ul>li {
    color: #3c3c3c
}

.single--courierpackage--block>.list>ul>li {
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin: 10px 0 15px;
    padding: 0 0 0 35px;
    font-weight: 500;
    line-height: 1.3;
    position: relative
}

.single--courierpackage--block>.list>ul>li>.ticker {
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translate(0, -50%);
    background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/list-ticker.png");
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.single--courierpackage--block>.list>ul>li>.ticker.-light {
    background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/list-ticker-light.png")
}

.single--courierpackage--block>.list>ul>li>.ticker.-package {
    background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/list-sizes.png");
    width: 22px;
    height: 33px;
    background-position: center 4px;
    background-size: 100% auto
}

.single--courierpackage--block>.list>ul>li>.ticker.-package.-light {
    background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/list-sizes-light.png")
}

.featured--label {
    display: inline-block;
    background-color: #3c3c3c;
    position: absolute;
    top: -10px;
    left: 0;
    transform: translateY(-100%)
}

.featured--label>span {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    padding: 9px 20px;
    display: inline-block;
    line-height: 1
}

.siezes--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 35px
}

.siezes--wrapper>img {
    max-width: 60px;
    margin-left: 5px
}

.siezes--wrapper>p {
    margin: 0;
    font-size: 12px;
    color: #ffcd00;
    padding-left: 15px;
    text-align: left
}

.siezes--wrapper.-dark {
    margin: 35px 0 40px
}

.siezes--wrapper.-dark>p {
    color: #3c3c3c
}

.lp--courier--packages {
    margin-top: -65px
}

.pl .lp--courier--packages .hero--section.-micro {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/header_www_abonamenty-pl.png");
    background-position: center
}

.lp--courier--packages .hero--section {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/courrier-package-top-bcg.png");
    max-width: 100%
}

.lp--courier--packages .hero--section.-smart {
    background-image: url("themes/custom/inpost/images/landing/smart-courier/hero.jpg")
}

.lp--courier--packages .hero--section.-subscriptions {
    background-image: url("themes/custom/inpost/images/landing/smart-courier/smart-courier-subscriptions.png")
}

.lp--courier--packages .hero--section.-woman {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/hero-micro-company.png");
    background-position: center
}

.lp--courier--packages .hero--section.-forshops {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/hero-for-shops.png")
}

.lp--courier--packages .hero--section.-forshops {
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/hero-for-shops.png")
}

.lp--courier--packages .hero--section.-fulfillment {
    background: radial-gradient(44.53% 254.79% at 100% 100%, #ffcd00 0, rgba(255, 205, 0, 0) 100%), #1330c4;
    padding-top: 3rem;
    height: auto !important;
    background-position: 59% bottom
}

.lp--courier--packages .hero--section.-fulfillment .logo {
    max-width: 18rem;
    margin: 23px 0
}

.lp--courier--packages .hero--section.-fulfillment .subtitle>.content .header--h2 {
    font-size: 1.6rem;
    line-height: 2.3rem;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 0
}

.lp--courier--packages .hero--section.-fulfillment .subtitle>.content .header--h2>.border--btm {
    border-bottom: 4px solid #ffcd00
}

.lp--courier--packages>.logo {
    display: block;
    width: 10rem;
    position: absolute;
    top: 2rem;
    right: 5%;
    z-index: 2
}

.lp--courier--packages.-offer-fulfillment #edit-actions>div {
    margin: 0 auto !important;
    max-width: 50% !important
}

.lp--courier--packages.-offer-fulfillment .steps--slider .slick-track>.item::before {
    top: .5rem;
    z-index: -1;
    position: absolute;
    right: 100%;
    content: url("themes/custom/inpost/css/../images/landing/fulfillment/steps-slider/arrow-slide.svg")
}

.lp--courier--packages.-offer-fulfillment .steps--slider .slick-track>.item>.description {
    font-family: "Dinamit", sans-serif !important
}

.header--logo--container {
    display: flex;
    align-items: center;
    padding: 1.5rem 0
}

.header--logo--container>.img {
    max-width: 100%;
    height: auto;
    width: 12rem
}

.header--logo--container>.title {
    line-height: 1.2;
    font-family: "Dinamit", sans-serif;
    color: #212529;
    margin-left: 3rem;
    position: relative;
    font-size: 1.6rem
}

.header--logo--container>.title:before {
    content: '';
    width: 2px;
    background-color: #212529;
    display: block;
    position: absolute;
    left: -1.5rem;
    top: 0;
    bottom: 0;
    opacity: .5
}

.cons--with-form .promoimg {
    margin: -1rem -25px 4rem
}

.header--courierpackage>.sup {
    font-size: 2.4rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    color: #ffcd00;
    line-height: 2.6rem
}

.header--courierpackage>.sub {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.1rem;
    color: #fff
}

.header--courierpackage>.sub>.accent {
    color: #ffcd00
}

.simulation--breadcrumbs.-bggray {
    background-color: #f2f2f2
}

.simulation--breadcrumbs.-transparent .simulation--breadcrumbs-item>.number {
    background-color: #d8d8d8;
    color: #888
}

.simulation--breadcrumbs.-transparent .simulation--breadcrumbs-item>.text {
    color: #fff
}

.simulation--breadcrumbs-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.simulation--breadcrumbs-item.-last:before {
    display: none
}

.simulation--breadcrumbs-item>.number {
    font-size: 1.6rem;
    font-weight: 600;
    border: 2px solid #d8d8d8;
    color: #c5c5c5;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    margin-right: 2rem
}

.simulation--breadcrumbs-item>.text {
    font-size: 1.3rem;
    font-weight: 600;
    color: #404041
}

.simulation--breadcrumbs-item.-active>.number {
    border-color: #ffcd00;
    background-color: #fff;
    color: #404041
}

.simulation--breadcrumbs-item.-finish>.number {
    border-color: #ffcd00;
    background-color: #ffcd00 !important;
    color: #404041 !important
}

.simulation--block .header {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.95rem;
    color: #888
}

.simulation--block>.item .icon {
    width: 52px
}

.tooltip--container {
    cursor: pointer;
    position: relative;
    display: inline-block
}

.tooltip--container .tooltip {
    position: absolute;
    display: block;
    opacity: 0;
    z-index: 99;
    color: #404041;
    width: 190px;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #e6e7e8;
    box-shadow: 2px 2px 4px rgba(60, 60, 59, .15);
    transition: all .2s ease-in-out;
    transform: scale(0);
    bottom: 59px
}

.tooltip--container .tooltip:before,
.tooltip--container .tooltip:after {
    position: absolute;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e6e7e8;
    bottom: -10px
}

.tooltip--container .tooltip.-right {
    right: -20px;
    bottom: 4rem
}

.tooltip--container .tooltip.-right:before,
.tooltip--container .tooltip.-right:after {
    right: 17px
}

.tooltip--container .tooltip.-left {
    left: -20px;
    bottom: 4rem
}

.tooltip--container .tooltip.-left:before,
.tooltip--container .tooltip.-left:after {
    left: 17px
}

.tooltip--container .tooltip.-white {
    background-color: #fff;
    border: 1px #e6e7e8 solid
}

.tooltip--container .tooltip.-white:before,
.tooltip--container .tooltip.-white:after {
    border-top: 10px solid #fff
}

.tooltip--container:hover>.tooltip {
    opacity: 1;
    transform: scale(1)
}

.size--info {
    display: flex;
    flex-direction: column
}

.size--info>.title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: #404041
}

.size--info>.desc {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.95rem;
    color: #888
}

.price--info {
    display: flex;
    justify-content: flex-end
}

.price--info>.netto {
    font-size: 1.3rem;
    color: #888;
    font-weight: 600;
    line-height: 1.95rem;
    margin-right: 2rem
}

.price--info>.sum {
    font-size: 1.4rem;
    color: #404041;
    font-weight: 700;
    line-height: 2.1rem
}

.legend--box {
    font-size: 1.3rem;
    font-weight: 600;
    color: #c5c5c5;
    display: flex;
    align-items: center
}

.legend--box.-right {
    text-align: right;
    justify-content: flex-end
}

.legend--box.-right>.icon {
    background-color: #c5c5c5;
    padding: .3rem .6rem;
    font-size: .9rem;
    margin-left: .5rem
}

.legend--box.-round {
    font-size: 1.6rem;
    font-weight: 700;
    color: #3c3c3c
}

.legend--box.-round>.icon {
    background-color: #c5c5c5;
    border-radius: 50%
}

.simulation--box {
    background-color: #e6e7e8;
    padding: 1.6rem 1.3rem;
    box-shadow: 2px 2px 4px rgba(60, 60, 59, .15)
}

.simulation--header {
    padding-bottom: 1.9rem;
    border-bottom: 1px #848689 solid;
    font-family: "Dinamit", sans-serif
}

.simulation--header>.header {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #404041;
    margin-bottom: 0
}

.simulation--content {
    padding: 2.8rem 0;
    border-bottom: 1px #848689 solid
}

.simulation--content>.header {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 10px
}

.simulation--item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.simulation--item>.quantity,
.simulation--item>.price {
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 600
}

.simulation--item>.price.-summary {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    white-space: nowrap
}

.simulation--item>.price.-green {
    color: #19a63f
}

.simulation--item>.quantity>.number {
    color: #888
}

.simulation--item>.label {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700
}

.simulation--item .legend--box.-round>.icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.5rem
}

.simulation--item .legend--box.-round>.icon.-yellow {
    background-color: #ffcd00
}

.simulation--item .legend--box.-round>.icon.-white {
    color: #fff
}

.simulation--item.-exceeding *:not(.tooltip) {
    color: #d93077
}

.simulation--item.-exceeding .legend--box.-round>.icon {
    background-color: #d93077
}

.pink--color {
    color: #d93077
}

.simulation--summary {
    padding: 2.8rem 0
}

.simulation--price {
    margin: 0 -1.3rem -1.6rem;
    background: #ffcd00;
    padding: 1.6rem 1.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.simulation--price>.label {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem
}

.simulation--price>.price {
    font-family: "Dinamit", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.43rem
}

.marketing--agreement {
    margin-top: 2rem
}

.marketing--agreement label.option>.input--info {
    color: #b4b4b4;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    pointer-events: none
}

.marketing--agreement label.option>.input--info .link--component,
.marketing--agreement label.option>.input--info .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .marketing--agreement label.option>.input--info a,
.marketing--agreement label.option>.input--info .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .marketing--agreement label.option>.input--info a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500
}

.button--box {
    margin-top: 2.4rem;
    box-shadow: 2px 2px 4px rgba(60, 60, 59, .15)
}

.faq--courierpackage {
    background-color: #fafafa;
    padding: 1.7rem 2rem;
    margin-bottom: 5rem
}

.faq--courierpackage .item {
    border-bottom: 1px solid #d8d8d8
}

.faq--courierpackage .item>.title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    position: relative
}

.faq--courierpackage .item>.title:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    display: block;
    transition: all .3s;
    transform-origin: 0 0;
    pointer-events: none
}

.faq--courierpackage .item>.description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.25rem;
    padding-bottom: 1.5rem;
    margin: 0;
    display: none
}

.faq--courierpackage .item>.description p {
    font-size: inherit
}

.faq--courierpackage .item.-opened>.title::after {
    transform: rotateX(180deg) translateY(-50%)
}

.faq--courierpackage .pager {
    border-top: 1px solid #d8d8d8;
    padding-top: 3.5rem
}

.faq--courierpackage .pager>.pager__item {
    width: 150px;
    margin: 0 auto;
    display: flex
}

.faq--courierpackage .pager>.pager__item>.button {
    border: 0;
    padding: 0;
    padding-right: 2rem;
    background: transparent;
    box-shadow: none;
    font-size: 1.6rem;
    color: #3c3c3c;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
    display: inline;
    vertical-align: baseline;
    font-family: "Montserrat", sans-serif;
    box-shadow: inset 0 -.4rem 0 #ffcd00;
    transition: all .3s
}

.faq--courierpackage .pager>.pager__item>.button:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 4px;
    border-color: #3c3c3c transparent transparent transparent;
    background: transparent;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(0, -50%) rotate(-90deg)
}

.courier-subscription-one-form-150 .infobox>p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 600;
    color: #888
}

.courier-subscription-one-form-150 .infobox>p>span {
    color: #404041
}

.popup--wrapper {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .5s ease
}

.popup--wrapper.open {
    opacity: 1;
    z-index: 502
}

.popup--wrapper>.popup--body {
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 5vh 2vw;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    border-radius: 10px;
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, .2)
}

.popup--wrapper>.popup--body.-nowhitespace {
    padding: 0;
    background: none
}

.popup--wrapper>.popup--body.-fullwidth {
    width: auto;
    min-width: 90vw
}

.popup--wrapper>.popup--body>.popup--header>.-close {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 18px;
    outline: 0
}

.popup--wrapper>.popup--body>.popup--header>.-close:before,
.popup--wrapper>.popup--body>.popup--header>.-close:after {
    content: '';
    width: 15px;
    height: 1px;
    display: block;
    position: absolute;
    top: 13px;
    left: 7px;
    background-color: black
}

.popup--wrapper>.popup--body>.popup--header>.-close:before {
    transform: rotate(45deg)
}

.popup--wrapper>.popup--body>.popup--header>.-close:after {
    transform: rotate(-45deg)
}

.courier-subscription-summary-form-150 .info {
    color: #b4b4b4;
    font-size: 10px;
    font-weight: 500
}

.courier-subscription-summary-form-150 .legend--info {
    right: 21px;
    position: relative
}

.courier-subscription-summary-form-150 .legend--info>p {
    font-size: 1.3rem;
    font-weight: 600;
    position: relative;
    padding: 1rem 0;
    padding-left: 21px;
    background-color: #fff;
    display: inline-block;
    color: #404041
}

.courier-subscription-summary-form-150 .legend--info>p:after {
    content: '';
    width: 800%;
    height: 2px;
    background-color: #c5c5c5;
    font-size: 0;
    z-index: 0;
    position: absolute;
    left: calc(100% + 1rem);
    top: calc(50% - 1px)
}

@media(min-width:1060px) {
    .lp--courier--packages {
        margin-top: -103px
    }
    .lp--courier--packages.-offer-fulfillment {
        margin-top: 0
    }
}

@media(min-width:576px) {
    .lp--courier--packages .hero--section.-fulfillment {
        background-position: center top
    }
    .courrier--packages--infobox>.item {
        position: relative
    }
    .courrier--packages--infobox>.item:nth-child(even):before {
        content: '';
        width: 92%;
        height: 1px;
        border-top: 1px #ffcd00 dashed;
        position: absolute;
        left: -47%;
        bottom: 19%;
        z-index: 0
    }
}

@media(min-width:768px) {
    .lp--courier--packages.-offer-fulfillment {
        margin-top: 0
    }
    .lp--courier--packages.-offer-fulfillment .form--block {
        margin-top: 0
    }
    .courrier--packages--infobox>.item:not(:first-child):before {
        content: '';
        width: 92%;
        height: 1px;
        border-top: 1px #ffcd00 dashed;
        position: absolute;
        left: -47%;
        bottom: 19%;
        z-index: 0
    }
    .courier-subscription-summary-form-150 .legend--info {
        right: 15px
    }
    .courier-subscription-summary-form-150 .legend--info>p {
        padding-left: 15px
    }
    .courrier--packages--hero {
        background-image: url("themes/custom/inpost/css/../images/landing/courrier-packages/courrier-package-top-bcg.png")
    }
    .courrier--packages--hero.-micro {
        height: 50rem
    }
    .cons--with-form .ads {
        margin: -49px -30px 6rem 0
    }
    .courierpackages--bottom--section {
        padding: 5.5rem 0
    }
    .courierpackages--top--section {
        padding: 0 0 5.5rem
    }
    .single--courierpackage--block {
        display: flex;
        flex-direction: column
    }
    .single--courierpackage--block>.content {
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }
    .single--courierpackage--block>.content>.description {
        flex-grow: 1
    }
    .single--courierpackage--block>.content>.price {
        align-self: center
    }
    .single--courierpackage--block>.list {
        flex-grow: 1;
        height: 100%
    }
    .courierpackage--tabs--nav>li>a {
        font-size: 22px;
        padding: 7px 15px
    }
    .courierpackage--tabs--nav>li.-active>a {
        font-size: 25px
    }
    .header--h1.-courierpackages {
        font-size: 54px
    }
    .paragraph--component.-courierpackagebig,
    .blog--content p.-courierpackagebig {
        font-size: 24px
    }
    .lp--courier--packages .hero--section {
        background-image: url("themes/custom/inpost/images/landing/courrier-packages/courrier-package-top-bcg.png");
        align-items: center;
        height: 48rem;
        min-height: initial
    }
    .lp--courier--packages .hero--section.-smart {
        height: 70rem
    }
    .lp--courier--packages .hero--section.-subscriptions {
        height: 48rem
    }
    .lp--courier--packages .hero--section.-micro {
        height: 50rem
    }
    .lp--courier--packages>.logo {
        width: 20rem
    }
    .header--logo--container>.title {
        font-size: 2rem
    }
}

@media(min-width:1060px) {
    .lp--courier--packages.-offer-fulfillment {
        margin-top: 0
    }
    .lp--courier--packages.-offer-fulfillment .form--block {
        margin-top: -60px
    }
    .lp--courier--packages.-offer-fulfillment .steps--slider .slick-track {
        width: 1140px !important
    }
    .lp--courier--packages .hero--section.-fulfillment {
        padding: 2rem 0 4rem 0;
        background-image: url("themes/custom/inpost/css/../images/landing/fulfillment/fulfillment-bg.png");
        background-position: center;
        background-repeat: no-repeat
    }
    .lp--courier--packages .hero--section.-fulfillment .content>.logo {
        margin-left: -2rem;
        margin-bottom: inherit;
        max-width: inherit
    }
    .lp--courier--packages .hero--section.-fulfillment .content>.mobileimg {
        display: none
    }
    .lp--courier--packages .hero--section.-fulfillment .subtitle>.content {
        width: 64%
    }
    .lp--courier--packages .hero--section.-fulfillment .subtitle>.content .header--h2 {
        line-height: 4rem;
        font-size: 3rem
    }
    .cons--with-form .promoimg {
        margin: -9.3rem -30px 6rem 0
    }
    .faq--courierpackage {
        padding: 3.7rem 5rem
    }
    .simulation--breadcrumbs-item:before {
        content: url(themes/custom/inpost/images/landing/courrier-packages/arrow.png);
        position: absolute;
        width: 32px;
        height: 19px;
        left: calc(100% + 50px);
        top: calc(50% - 8px)
    }
}

@media(min-width:1200px) {
    .cons--with-form .promoimg {
        margin: -6rem -30px 6rem 0
    }
}

.promote--discount--hero {
    background: #ffcd00 url(themes/custom/inpost/css/../images/landing/discounts-for-promoting/hero-mobile.jpg) no-repeat;
    background-size: contain;
    min-height: 45.1rem;
    margin-bottom: 4rem;
    background-position: right 33%
}

.promote--discount--hero.-subscription {
    background: #ffcd00 url(themes/custom/inpost/css/../images/landing/discounts-for-promoting/hero-subscription-mobile.jpg) no-repeat;
    background-position: center 25px
}

.header--hero--content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    height: 80%;
    margin-top: 6%
}

.header--hero--content.-subscription {
    margin-top: -1rem;
    height: 100%;
    justify-content: flex-end
}

.whyworth--pd {
    margin-bottom: 5rem
}

.whyworth--pd>.text>.info {
    font-size: 1rem;
    font-weight: 500
}

.whathave--todo--pd {
    margin-bottom: 9rem;
    overflow: hidden
}

.boxborder {
    border: 4px #3c3c3c solid;
    position: relative
}

.boxborder.-notop {
    top: 9rem;
    margin-bottom: 9rem;
    padding-bottom: 3rem
}

.boxborder.-notop:before,
.boxborder.-notop:after {
    content: '';
    position: absolute;
    top: -4px;
    width: 3rem;
    height: 4px;
    background: #3c3c3c;
    z-index: 2
}

.boxborder.-notop:before {
    left: 0
}

.boxborder.-notop:after {
    right: 0
}

.boxborder.-arrow {
    margin-top: 16rem
}

.boxborder.-arrow:before {
    content: '';
    width: 4px;
    height: calc(8rem - 3px);
    background: #3c3c3c;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(-8rem - -3px)
}

.whathave--box {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.5rem;
    align-items: center;
    padding: 0 2rem
}

.whathave--box>.image,
.whathave--box>.text {
    flex: 0 0 100%;
    max-width: 100%
}

.instruction--box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 2rem
}

.instruction--box>.text {
    font-size: 2.4rem;
    font-weight: 700
}

.instruction--box>.button {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center
}

.form--pd,
.formwrapper {
    background: #f3f3f3;
    padding: 4rem 3rem
}

.grid--form--pd {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.grid--form--pd>.column:not(.-third) {
    max-width: 100%;
    flex: 0 0 100%
}

.grid--form--pd .form-submit {
    max-width: 20rem;
    margin: 2rem auto;
    display: block
}

.grid--form--pd .form--checkbox>.option>.input--info {
    font-size: 12px;
    font-weight: 500;
    text-indent: 4rem
}

.grid--form--pd .form--checkbox>.option>.star--sign {
    position: absolute;
    top: 0;
    left: 3rem
}

.checkbox-required+.option>.star--sign {
    position: absolute;
    top: 0;
    left: 25px
}

.add--input {
    display: flex;
    align-items: flex-start;
    margin-top: -9px;
    flex-direction: column
}

.add--input>.button {
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    padding-left: 18px;
    border: 0;
    background: none;
    white-space: nowrap;
    cursor: pointer
}

.add--input>.button:hover,
.add--input>.button:focus {
    outline: 0;
    border: 0
}

.add--input>.button:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(themes/custom/inpost/css/../images/landing/discounts-for-promoting/icon-add.png) no-repeat
}

.add--input>.info {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -1px
}

.recaptcha-inpost-promo {
    width: 100%
}

.recaptcha-inpost-promo-abonament {
    width: 100%
}

.footer-pd {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border: 4px #ffcb04 solid;
    margin-top: 9rem;
    margin-bottom: 5rem
}

.footer-pd>.regulations,
.footer-pd>.contact {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
    padding: 3rem 2rem
}

.footer-pd>.regulations>.-size40,
.footer-pd>.contact>.-size40 {
    font-size: 4rem;
    margin-bottom: 2rem
}

.footer-pd>.regulations {
    background-color: #ffcb04
}

.header--h1.-pdheader {
    font-size: 2.5rem
}

.header--h1.-pdheader>.bg {
    background: #3c3c3c;
    padding: 0 1.5rem 0 1.2rem;
    display: inline-block
}

.header--h1.-pdwhyworth {
    font-size: 2.6rem;
    margin-bottom: 5rem;
    font-weight: 700
}

.header--h1.-whathave {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 2rem;
    background: #fff;
    position: relative;
    top: -6rem;
    line-height: 1;
    padding: 0 3rem
}

.header--h1.-whathave>strong {
    font-weight: 700
}

.header--h2.-pdheader {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem
}

.header--h2.formpd- {
    font-size: 2.7rem
}

.paragraph--component.-whathave,
.blog--content p.-whathave {
    font-size: 2rem;
    position: relative;
    padding-left: 1rem;
    text-indent: 3rem;
    line-height: 1.3em
}

.paragraph--component.-whathave[data-number]:before,
.blog--content p.-whathave[data-number]:before {
    content: "" attr(data-number) ".";
    position: absolute;
    left: -2rem;
    font-weight: 700;
    top: 0
}

@media(min-width:768px) {
    .promote--discount--hero {
        background: url(themes/custom/inpost/css/../images/landing/discounts-for-promoting/hero.jpg) no-repeat;
        background-size: cover;
        background-position: 44% top;
        min-height: 65.9rem
    }
    .promote--discount--hero.-subscription {
        background: url(themes/custom/inpost/css/../images/landing/discounts-for-promoting/hero-subscription.jpg) no-repeat;
        background-position: center
    }
    .header--hero--content.-subscription {
        justify-content: center
    }
    .whathave--box {
        flex-direction: row;
        padding: 0 9rem 0 7rem
    }
    .whathave--box>.image {
        flex: 0 0 25%;
        max-width: 25%
    }
    .whathave--box>.text {
        flex: 0 0 70%;
        max-width: 70%;
        margin-left: 5%
    }
    .instruction--box {
        padding: 3rem 6rem;
        flex-direction: row
    }
    .instruction--box>.button {
        max-width: 35%;
        flex: 0 0 35%
    }
    .form--pd {
        padding: 4rem 6rem
    }
    .add--input {
        flex-direction: row
    }
    .footer-pd {
        flex-direction: row
    }
    .footer-pd>.regulations,
    .footer-pd>.contact {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 5rem 9rem
    }
    .header--h1.-pdheader {
        font-size: 5rem
    }
    .header--h1.-pdheader.-subscription {
        font-size: 3rem
    }
    .header--h1.-pdwhyworth {
        font-size: 3.8rem
    }
    .header--h1.-whathave {
        font-size: 3.8rem;
        padding: 0
    }
    .header--h2.-pdheader {
        font-size: 2.7rem;
        font-weight: 700;
        line-height: 3.5rem
    }
    .header--h2.-pdheader.-subscription {
        font-size: 1.5rem
    }
    .paragraph--component.-whathave,
    .blog--content p.-whathave {
        line-height: 3.6rem;
        text-indent: 0;
        font-size: 2.4rem
    }
}

@media(min-width:1060px) {
    .promote--discount--hero {
        background-position: center top
    }
    .header--h1.-pdheader.-subscription {
        font-size: 4.5rem
    }
    .header--h2.-pdheader.-subscription {
        font-size: 2.1rem
    }
    .whathave--box {
        padding: 0 5rem 0 5rem
    }
    .whathave--box>.text {
        flex: 0 0 75%;
        max-width: 75%
    }
    .grid--form--pd>.column:not(.-third) {
        max-width: 35%;
        flex: 0 0 35%
    }
    .grid--form--pd>.column.-third {
        max-width: 22%;
        flex: 0 0 22%
    }
    .grid--form--pd>.column:not(:first-child) {
        margin-left: 4%
    }
    .grid--form--pd .form-submit {
        max-width: 100%;
        margin: 0;
        display: block
    }
    .grid--form--pd .recaptcha-inpost-promo {
        margin: 2rem auto 0;
        position: relative;
        left: 6.5rem
    }
    .grid--form--pd .recaptcha-inpost-promo-abonament {
        margin: 2rem auto 0;
        position: relative;
        left: 6.5rem
    }
}

@media(min-width:1260px) {
    .header--h1.-pdheader.-subscription {
        font-size: 5rem
    }
    .header--h2.-pdheader.-subscription {
        font-size: 2.5rem
    }
    .whathave--box {
        padding: 0 9rem 0 7rem
    }
    .whathave--box>.text {
        padding: 0 6rem 0 0
    }
}

.faq--link {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif
}

.eko--green {
    color: #9aca3c
}

.eko--green:hover {
    color: #6e9228
}

.ekoreturns--can-give-away {
    position: relative;
    overflow: hidden
}

.ecoreturns--decoration>.decoration-left,
.ecoreturns--decoration>.decoration-right {
    display: none;
    position: absolute;
    bottom: 0;
    width: 300px
}

.ecoreturns--decoration>.decoration-left {
    transform: scale(-1, 1);
    left: 0
}

.ecoreturns--decoration>.decoration-right {
    right: 0
}

.ecoreturns--item {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px 0
}

.ecoreturns--item>.image {
    margin-bottom: 2rem;
    max-height: 85px;
    display: flex
}

.ecoreturns--item>.image>img {
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 85px;
    max-height: 85px
}

.ecoreturns--item>.text {
    flex-grow: 1;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    transition: all .3s
}

.ekoreturns--cannot-give-back {
    background-color: #d93077
}

.econotreturns--item {
    flex: 0 0 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem
}

.econotreturns--item>.image {
    margin-bottom: 2rem
}

.econotreturns--item>.text {
    text-align: center
}

.graybg {
    background-color: #e6e7e8
}

.gray--text {
    color: #c5c5c5
}

.eco--hover--content>.hover--description {
    font-size: 16px;
    line-height: 20px
}

.how--send-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap
}

.how--send-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 30px;
    background-color: #fff;
    z-index: 0
}

.how--send-item {
    flex: 0 0 50%;
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin: 0 auto 3rem
}

.how--send-item>.text {
    color: #404041;
    line-height: 2.1rem;
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.whatnext--wrapper {
    counter-reset: number;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    margin: 0 -35px
}

.whatnext--item {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    margin-bottom: 8rem;
    padding: 0 35px;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch
}

.whatnext--item:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    z-index: 0;
    font-size: 16.848rem;
    color: #f2f2f2;
    font-family: arial;
    font-weight: 700;
    top: -10rem;
    left: 23px
}

.whatnext--item>.header--component {
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    z-index: 1;
    margin-bottom: 5rem
}

.whatnext--item>.header--component>.header {
    margin-left: 1rem
}

.whatnext--item>.text {
    position: relative;
    z-index: 2
}

.ekofaq--item .helpdesk--link {
    border: 0;
    font-weight: 700;
    font-size: 1.8rem;
    background: none;
    box-shadow: none;
    padding-left: 30px;
    position: relative;
    text-align: left
}

.ekofaq--item .helpdesk--link:before {
    content: '❱';
    font-size: 1.8rem;
    position: absolute;
    left: 0
}

.ekofaq--item>.description {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 3rem;
    margin-bottom: 2rem
}

@media(min-width:576px) {
    .whatnext--item {
        flex: 0 0 50%;
        width: 50%;
        margin-bottom: 11rem
    }
    .whatnext--item>.header--component {
        flex-direction: column;
        min-height: 14rem
    }
    .whatnext--item>.header--component>.header {
        margin-top: 1rem
    }
    .whatnext--item>.text {
        flex-grow: 1
    }
}

@media(min-width:768px) {
    .hover--content {
        text-align: center
    }
    .hover--content>.hover--title {
        font-weight: 600;
        font-size: 18px;
        color: #c5c5c5;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s .5s, opacity .5s linear
    }
    .hover--content>.hover--title.-show {
        visibility: visible;
        opacity: 1;
        transition: opacity .5s linear
    }
    .hover--content>.hover--desc {
        font-size: 16px;
        color: #c5c5c5;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s .5s, opacity .5s linear
    }
    .hover--content>.hover--desc.-show {
        visibility: visible;
        opacity: 1;
        transition: opacity .5s linear
    }
    .econotreturns--item {
        flex: 0 0 20%;
        width: 20%;
        margin-bottom: 0;
        flex-direction: row
    }
    .econotreturns--item:nth-of-type(3),
    .econotreturns--item:nth-of-type(4) {
        flex: 0 0 30%;
        width: 30%
    }
    .econotreturns--item>.image {
        margin-bottom: 0
    }
    .econotreturns--item>.text {
        padding-left: 2rem;
        text-align: left
    }
    .ecoreturns--decoration>.decoration-left,
    .ecoreturns--decoration>.decoration-right {
        display: block
    }
    .ecoreturn--ico {
        width: 300px
    }
    .how--send-item {
        flex: 0 0 20%;
        width: 20%;
        margin-bottom: 0
    }
    .how--send-item:nth-last-child(1)>.image {
        position: relative;
        top: -2rem
    }
    .whatnext--item {
        flex: 0 0 33.3333333333%;
        width: 33.3333333333%
    }
    .whatnext--item>.header--component {
        flex-direction: row
    }
    .whatnext--item>.header--component>.header {
        margin-top: 0
    }
}

@media(min-width:1060px) {
    .whatnext--item>.header--component {
        min-height: 8rem
    }
    .whatnext--item>.header--component img {
        max-height: 8rem
    }
}

.for--companies--hero {
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-image: url("themes/custom/inpost/css/../images/landing/for-companies/hero-bg.jpg");
    position: relative
}

.for--companies--hero:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: 50rem auto;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url("themes/custom/inpost/css/../images/landing/for-companies/point.png")
}

.for--companies--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.forcompanies--dark--bg {
    background-color: #3c3c3c;
    padding: 2rem 0;
    margin-bottom: 5rem
}

@media(min-width:768px) {
    .for--companies--hero {
        height: 70rem;
        padding-bottom: 10rem
    }
    .for--companies--hero>.logo {
        width: 20rem
    }
    .for--companies--hero:before {
        bottom: -9rem;
        background-size: 130rem auto
    }
}

.fulfillment--header {
    font-size: 3rem;
    color: #fff;
    line-height: 1
}

.fulfillment--header>.highlighted {
    color: #ffcd00
}

.fulfillment--subheader {
    color: #fff;
    font-size: 2rem;
    line-height: 1
}

.fulfillment--dark--bg {
    background-color: #3c3c3c;
    padding: 2rem 0
}

.fullfilment--hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-image: url("themes/custom/inpost/css/../images/landing/fulfillment/hero-mobile.png");
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-top: 56%
}

.fullfilment--hero.-en {
    background-image: url("themes/custom/inpost/css/../images/landing/fulfillment/hero-en-mobile.png")
}

.fullfilment--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.logo--fulfillment {
    display: block;
    width: 7rem;
    padding: 1.5rem 0
}

.form--block {
    margin-right: -25px;
    margin-left: -25px;
    padding: 22px 30px;
    background-color: #f3f3f3;
    overflow: hidden
}

.form--fulfillment .form--group,
.form--fulfillment .col-12 {
    padding-left: 0;
    padding-right: 0
}

.form--fulfillment .form--group>.row>div,
.form--fulfillment .col-12>.row>div {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
    margin-left: 0;
    justify-content: flex-start !important
}

.form--title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 9px
}

.form--title.-big {
    font-size: 2.7rem;
    font-weight: 700;
    font-family: "Dinamit", sans-serif;
    line-height: 3.5rem
}

.fulfillment--mat--message {
    display: inline-block;
    vertical-align: top;
    padding: 1.5rem 0
}

.fulfillment--mat--message .fulfillment--header {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    background-color: #3c3c3c;
    color: #fff;
    font-family: "Dinamit", sans-serif;
    padding: 9px 10px 12px 18px;
    margin-bottom: 0;
    position: relative
}

.fulfillment--mat--message .fulfillment--header:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    padding-top: 0;
    padding-left: 0;
    left: 0;
    background-image: url("themes/custom/inpost/images/landing/courrier-packages/LP_pakiety_ilustracja_mat.svg");
    bottom: 100%
}

.fulfillment--mat--message .fulfillment--subheader {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    background-color: #f3f3f3;
    font-family: "Dinamit", sans-serif;
    padding: 9px 15px 7px;
    color: #3c3c3c
}

.fulfillment--box {
    padding-left: 55px;
    position: relative
}

.fulfillment--box>.icon {
    font-size: 40px;
    position: absolute;
    left: 0
}

.fulfillment--box>.icon:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -6px;
    left: -6px;
    background-color: #ffcd00;
    z-index: -1
}

.offer--list {
    list-style: none
}

.offer--list>.offer {
    position: relative;
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 16px
}

.offer--list>.offer:before {
    content: "";
    position: absolute;
    text-align: center;
    width: 15px;
    height: 15px;
    padding-top: 0;
    padding-left: 0;
    left: -32px;
    background-color: #ffcb04;
    top: 2px
}

.fulfillment--border {
    border: 1px solid #3c3c3c;
    padding: 2rem 3rem 1rem 3rem
}

.fulfillment--border>.title {
    position: relative;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-top: -3.7rem;
    padding: 0 1rem
}

.fulfillment--icon--box {
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.fulfillment--icon--box>img {
    max-height: 100%
}

.fulfillment--icon--box>.arrow {
    display: none
}

.fulfillment--icon--box>.plus {
    position: absolute;
    left: -4.3rem;
    font-size: 5rem;
    line-height: 1;
    display: block;
    color: #ffcd00
}

@media(min-width:768px) {
    .fulfillment--dark--bg {
        margin-bottom: 3.5rem
    }
    .fulfillment--icon--box>img {
        max-height: 100%
    }
    .fulfillment--icon--box>.arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 155%;
        display: block
    }
    .fulfillment--header {
        font-size: 7rem
    }
    .fulfillment--border>.title {
        margin-top: -4.7rem
    }
    .logo--fulfillment {
        width: 12rem
    }
    .fulfillment--subheader {
        font-size: 3.5rem
    }
    .fullfilment--hero {
        padding-top: 0;
        height: 50rem;
        align-items: center;
        background-image: url("themes/custom/inpost/css/../images/landing/fulfillment/fulfillment-hero.jpg")
    }
    .fullfilment--hero>.logo {
        width: 20rem
    }
    .form--block {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0
    }
    .fulfillment--hero--section {
        height: 50rem
    }
    .fulfillment--mat--message .fulfillment--header {
        font-size: 2rem;
        line-height: 1.3;
        padding: 9px 30px 12px 18px
    }
    .fulfillment--mat--message .fulfillment--header:before {
        width: 5rem;
        height: 5rem
    }
    .fulfillment--mat--message .fulfillment--subheader {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

@media(min-width:1060px) {
    .form--block {
        margin-right: -40px;
        margin-top: -147px
    }
    .fulfillment--mat--message .fulfillment--header:before {
        left: -5rem;
        bottom: 100%
    }
    .fullfilment--hero {
        height: 48rem;
        background-size: 192rem auto
    }
}

.new--points--hero {
    height: 50rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-image: url("themes/custom/inpost/css/../images/landing/new-points/hero.png");
    position: relative
}

.new--points--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.points--map--section {
    background-color: #f2cb13;
    padding: 2rem 0;
    margin-bottom: 18rem;
    position: relative
}

.points--map--section:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 10rem 0;
    border-color: transparent #f2cb13 transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.new--points--map {
    width: 100%;
    z-index: 1;
    margin-top: 2rem;
    margin-bottom: -13rem;
    position: relative
}

.new--points--icons {
    font-size: 7rem;
    display: flex;
    height: 10rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem
}

.newspoints--light--bg {
    background-color: #f3f3f3;
    padding: 3rem 0;
    margin-top: 4rem
}

@media(min-width:768px) {
    .new--points--hero {
        height: 70rem;
        padding-bottom: 10rem
    }
    .new--points--hero>.logo {
        width: 20rem
    }
    .new--points--map {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 65rem;
        margin: 0
    }
}

.landing--office--container {
    background-image: linear-gradient(to bottom, #f1f1f1, rgba(241, 241, 241, 0));
    overflow: hidden;
    position: relative
}

.landing--office {
    font-family: "Dinamit", sans-serif;
    line-height: 1.2;
    letter-spacing: .02rem;
    padding-top: 3rem
}

.landing--office>.header {
    font-size: 3.3rem;
    line-height: 1;
    margin-bottom: 1.3rem;
    font-weight: 600
}

.landing--office>.subheader {
    font-size: 1.8rem;
    font-weight: 400
}

.landing--office--subtitle {
    margin-top: 3.6rem;
    font-size: 2.3rem;
    font-family: "Dinamit", sans-serif;
    line-height: 1.2;
    letter-spacing: .02rem;
    font-weight: 600;
    position: relative
}

.office--figure--bottom {
    display: none
}

.office--figure--top {
    display: none
}

.office--list--item {
    position: relative;
    padding-left: 4rem;
    margin-top: 3rem
}

.office--list--item:before {
    content: '';
    background-image: url("themes/custom/inpost/css/../images/landing/office24/arrow.png");
    width: 2.5rem;
    height: 2.6rem;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0
}

.office--list--item>.paragraph--component,
.blog--content .office--list--item>p {
    line-height: 1.25
}

.office--form--container {
    width: 51.3rem;
    max-width: 100%;
    background-color: #e3e5e8;
    padding: 2rem 1.5rem;
    box-shadow: 1rem 1rem 0 rgba(64, 64, 65, .23);
    margin-top: 3rem;
    margin-left: auto
}

.office--form--container .input--info,
.office--form--container .form--info {
    text-align: justify
}

.office--form--container .form--control:not(.-error) {
    border-color: transparent
}

.office--steps--container {
    width: 47rem;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 2rem
}

.office--steps--container>.step {
    display: flex;
    margin-bottom: 6rem;
    position: relative
}

.office--steps--container>.step:nth-child(even) {
    flex-direction: row-reverse
}

.office--steps--container>.step:nth-child(even)>.img {
    flex-grow: 1;
    text-align: center
}

.office--steps--container>.step>.arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -2rem
}

.office--steps--container>.step>.arrow.-third {
    margin-left: -5rem;
    margin-top: -5rem
}

.office--steps--container>.step>.text {
    letter-spacing: .02em;
    font-size: 1.6rem;
    line-height: 1.2;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    position: relative;
    padding-right: 1rem;
    padding-top: 2.6rem;
    padding-left: 2.1rem;
    z-index: 1
}

.office--steps--number {
    color: #ffcb04;
    font-size: 5rem;
    position: absolute;
    line-height: 1;
    top: 0;
    left: 0
}

@media(min-width:576px) {
    .office--steps--container>.step {
        margin-bottom: 4rem
    }
    .office--steps--container>.step>.text {
        font-size: 1.8rem;
        padding-top: 4rem;
        padding-left: 3rem;
        padding-right: 2rem
    }
    .office--steps--container>.step>.arrow {
        margin-top: -2rem
    }
    .office--figure--top {
        position: absolute;
        top: -5rem;
        left: 50%;
        margin-left: 5rem;
        width: 85rem;
        display: block
    }
    .office--steps--number {
        font-size: 7rem
    }
}

@media(min-width:768px) {
    .landing--office {
        padding-top: 8rem
    }
    .landing--office>.header {
        font-size: 6rem
    }
    .landing--office>.subheader {
        font-size: 3rem
    }
    .landing--office--subtitle {
        font-size: 3.6rem;
        margin-top: 6.6rem
    }
    .office--list--item {
        margin-top: 7rem
    }
    .office--steps--container {
        margin-top: 5rem
    }
    .office--figure--bottom {
        position: absolute;
        right: 90%;
        top: -30rem;
        max-width: 60%;
        display: block
    }
    .office--form--container {
        padding: 3.7rem 3.2rem;
        padding-bottom: 5rem
    }
}

@media(min-width:1060px) {
    .office--list--item {
        margin-left: 3.6rem;
        margin-right: 3.6rem
    }
    .office--figure--bottom {
        max-width: 50%
    }
}

@media(min-width:1260px) {
    .office--figure--top {
        width: 100rem
    }
}

@media(max-width:767px) {
    .office--steps--container>.step>.text {
        flex-grow: 1;
        max-width: 62%
    }
}

@media(max-width:370px) {
    .office--steps--container>.step>.arrow.-third {
        margin-left: -1rem;
        margin-top: -3rem
    }
}

.packages--hero {
    height: 40rem;
    background-size: cover;
    background-position: top center;
    background-image: url("themes/custom/inpost/css/../images/landing/packages/hero.jpg");
    display: flex;
    align-items: flex-end;
    padding-bottom: 3rem;
    position: relative
}

.packages--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.packages--light--box {
    background-color: #f3f3f3;
    padding: 3rem 2rem;
    text-align: center;
    margin: 2rem 0;
    position: relative
}

.packages--light--box>.btncontainer {
    width: 215px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 2rem
}

.offer--package--single {
    background: #f3f3f3;
    padding: 2rem 1.5rem;
    border-radius: 0;
    height: 100%;
    font-size: 1rem;
    text-align: center
}

.offer--package--single>img {
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    max-width: 100%
}

.offer--package--single>.text {
    flex: 1;
    font-weight: 500;
    margin-top: 2rem;
    text-align: left
}

.offer--package--single>.text>.title {
    color: #3c3c3c;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.8rem;
    line-height: 1.1
}

.offer--package--single>.text>.dimensions {
    font-size: 1.6em;
    line-height: 1.5;
    margin-bottom: 1.1rem
}

.price--package--container {
    display: flex;
    margin-top: 2.6rem
}

.price--package--container>.size {
    font-size: 1.6em
}

.price--package--container>.price {
    flex: 1 1 auto;
    text-align: right;
    font-size: 2.4em;
    font-weight: bold;
    letter-spacing: .025em
}

.price--package--container>.price>.netto {
    font-size: 12px;
    font-weight: 500;
    display: block
}

.package--subtitle>.header--with--bg {
    background-color: #d93077;
    display: block
}

.package--subtitle>.header--with--bg:after {
    background-color: #d93077
}

@media(min-width:768px) {
    .packages--hero {
        height: 70rem;
        padding-bottom: 20rem
    }
    .packages--hero>.logo {
        width: 20rem
    }
    .packages--light--box {
        margin: -20rem 0 0 1rem;
        float: right
    }
    .offer--package--single {
        padding: 25px 27px 15px 35px;
        display: flex;
        align-items: flex-start
    }
    .offer--package--single>img {
        width: 10em
    }
    .offer--package--single>.text {
        padding-left: 2em;
        margin-top: 0
    }
    .package--subtitle {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(-4.9rem)
    }
}

@media(min-width:1060px) {
    .offer--package--single>img {
        width: 15.6em
    }
    .offer--package--single>.text {
        padding-left: 4em
    }
}

.pl--placement--container {
    background-color: #ffcb04;
    padding-top: 13rem;
    background-image: url("themes/custom/inpost/css/../images/landing/parcel-locker-placement/bg-mobile.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 450px;
    padding-bottom: 3rem
}

.placement--form--container {
    background-color: #ececec;
    padding: 2rem 1.5rem;
    box-shadow: 1rem 1rem 0 rgba(64, 64, 65, .23);
    align-self: flex-start
}

.placement--form--container .form--group:not(.js-form-type-checkbox) {
    width: 100%
}

.placement--form--container .form--group:not(.js-form-type-checkbox) label {
    padding-top: 5px
}

.pl--placement--content {
    flex: 1;
    padding-right: 1.5rem
}

.pl--placement--content>.header {
    position: relative;
    padding-top: 4.9rem;
    margin-bottom: 4rem
}

.pl--placement--content>.header>.mat {
    position: absolute;
    left: 0;
    top: 0
}

.pl--placement--content>.requirements {
    margin-bottom: 5rem
}

.pl--placement--content>.bottom .paragraph--component,
.pl--placement--content>.bottom .blog--content p,
.blog--content .pl--placement--content>.bottom p {
    line-height: inherit
}

.pl--placement--content>.bottom>.text {
    line-height: 1.4;
    margin-top: 1rem;
    margin-left: auto;
    margin-bottom: 1rem
}

.pl--placement--requirement {
    display: flex;
    letter-spacing: .025em;
    margin-bottom: 3rem
}

.pl--placement--requirement>.icon {
    width: 6rem;
    text-align: center
}

.pl--placement--requirement>.text {
    padding-top: .8rem
}

.landing--checkbox {
    width: 100%
}

.landing--checkbox>.form--group {
    padding-top: 2rem
}

.landing--checkbox .form--checkbox {
    padding-left: 30px
}

.landing--checkbox .form--checkbox>label {
    line-height: 1.2
}

.lp--placement--box {
    width: 27rem;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 2rem
}

.lp--placement--box>.paragraph--component,
.blog--content .lp--placement--box>p {
    line-height: 1.35
}

.pl--placement--btn {
    margin: 0 auto;
    width: 32rem;
    max-width: 100%;
    text-align: center;
    margin-bottom: 4rem
}

@media(min-width:576px) {
    .landing--checkbox {
        display: flex;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 2rem;
        margin-bottom: 6px
    }
    .landing--checkbox>.form--group {
        padding: 0
    }
    .landing--checkbox>.form--group:nth-child(1) {
        width: 58%
    }
}

@media(min-width:768px) {
    .pl--placement--content {
        display: flex;
        flex-direction: column
    }
    .pl--placement--content>.bottom {
        margin-top: auto
    }
    .pl--placement--content>.bottom>.text {
        width: 61%;
        margin-bottom: -6rem
    }
    .pl--placement--content>.header>.mat {
        left: -4.9rem
    }
    .pl--placement--content>.requirements {
        margin-bottom: 2rem
    }
    .placement--form--container {
        margin-bottom: 9rem;
        margin-top: 18rem;
        width: 35rem;
        max-width: 100%;
        padding: 2rem 3.5rem 4rem 3.5rem
    }
    .lp--placement--box {
        padding-bottom: 8rem
    }
    .pl--placement--btn {
        margin-bottom: 17rem
    }
    .pl--placement--container {
        padding-top: 7.5rem;
        padding-bottom: 0;
        background-image: url("themes/custom/inpost/css/../images/landing/parcel-locker-placement/bg.png")
    }
}

@media(min-width:1060px) {
    .pl--placement--content>.bottom>.text {
        width: 55%;
        margin-bottom: -10rem
    }
    .pl--placement--container {
        background-size: auto 825px
    }
    .placement--form--container {
        width: 40rem
    }
}

@media(min-width:1260px) {
    .pl--placement--container {
        background-size: 1920px auto
    }
}

.pickup--hours {
    margin-bottom: 5.3rem
}

.pickup--hours>.mat {
    height: 5rem;
    width: 5rem
}

.pickup--input {
    margin-top: 6.1rem
}

.pickup--input>.input {
    border: 0;
    margin-bottom: 4.1rem;
    border-bottom: 1px #404041 solid;
    display: flex;
    align-items: center
}

.pickup--input>.input::-moz-placeholder {
    color: #404041;
    opacity: 1
}

.pickup--input>.input:-ms-input-placeholder {
    color: #404041;
    opacity: 1
}

.pickup--input>.input::-ms-input-placeholder {
    color: #404041;
    opacity: 1
}

.pickup--input>.input::placeholder {
    color: #404041;
    opacity: 1
}

.pickup--bottom {
    max-width: 88rem;
    margin-top: 5rem;
    margin-bottom: 5rem
}

.pickup--form--container {
    background-color: #f3f3f3
}

.pickup-hours-tax-tel-form .form--info {
    padding-left: 2rem
}

@media(min-width:768px) {
    .pickup--hours {
        max-width: 93%
    }
    .pickup--hours>.mat {
        right: calc(100% - 15px);
        bottom: auto;
        position: absolute;
        top: 0
    }
    .pickup--input {
        max-width: 310px
    }
    .pickup--bottom {
        margin-top: 9.3rem
    }
}

.pop--hero {
    height: 40rem;
    background-size: cover;
    background-position: top center;
    background-image: url("themes/custom/inpost/css/../images/landing/pop-point/hero-mobile.jpg");
    display: flex;
    align-items: flex-end;
    padding-bottom: 3rem;
    position: relative
}

.pop--hero>.logo {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 10rem;
    display: block
}

.pop--light--box {
    padding: 2.5rem 1.5rem;
    background-color: #f3f3f3;
    text-align: right;
    margin: 2rem 0
}

@media(min-width:768px) {
    .pop--hero {
        height: 70rem;
        padding-bottom: 15rem;
        background-image: url("themes/custom/inpost/css/../images/landing/pop-point/hero.jpg")
    }
    .pop--hero>.logo {
        width: 20rem
    }
    .pop--light--box {
        position: absolute;
        bottom: 1rem;
        right: 15px;
        left: 15px;
        margin: 0
    }
}

.skapiec--landing--hero {
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-image: url("themes/custom/inpost/css/../images/landing/skapiec/skapiec-top-driver-mobile.jpg");
    position: relative
}

.skapiec--langing--content--top .header--h2 {
    font-size: 2.8rem
}

.skapiec--langing--content--top .paragraph--component.-sub,
.skapiec--langing--content--top .blog--content p.-sub,
.blog--content .skapiec--langing--content--top p.-sub {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3em
}

.skapiec--langing--content--top .box--content--yellow {
    background: #ffcd12;
    padding: 2rem 5.2rem
}

.skapiec--langing--content--top .box--content--yellow .paragraph--component,
.skapiec--langing--content--top .box--content--yellow .blog--content p,
.blog--content .skapiec--langing--content--top .box--content--yellow p,
.skapiec--langing--content--top .box--content--text .paragraph--component,
.skapiec--langing--content--top .box--content--text .blog--content p,
.blog--content .skapiec--langing--content--top .box--content--text p {
    font-size: 2rem
}

.skapiec--langing--content--top .box--content--yellow .paragraph--component>small,
.skapiec--langing--content--top .box--content--yellow .blog--content p>small,
.blog--content .skapiec--langing--content--top .box--content--yellow p>small,
.skapiec--langing--content--top .box--content--text .paragraph--component>small,
.skapiec--langing--content--top .box--content--text .blog--content p>small,
.blog--content .skapiec--langing--content--top .box--content--text p>small {
    font-size: 1.5rem
}

.skapiec--landing--content--bottom .header--h2 {
    font-size: 2.8rem
}

.skapiec--landing--content--bottom .paragraph--component,
.skapiec--landing--content--bottom .blog--content p,
.blog--content .skapiec--landing--content--bottom p {
    font-size: 2rem
}

.skapiec--landing--content--bottom .paragraph--component>small,
.skapiec--landing--content--bottom .blog--content p>small,
.blog--content .skapiec--landing--content--bottom p>small {
    font-size: 1.5rem
}

.skapiec--landing--content--bottom .box--profit>.row--profit {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.skapiec--landing--content--bottom .box--profit>.row--profit>.col--profit {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 50%
}

.skapiec--landing--content--bottom .box--profit>.row--profit>.col--profit>.text {
    max-width: 85%;
    margin: 0 auto;
    font-size: 1.6rem
}

.skapiec--landing--content--button {
    background: #f3f3f3
}

@media(min-width:768px) {
    .skapiec--landing--hero {
        background-image: url("themes/custom/inpost/css/../images/landing/skapiec/skapiec-top-driver.jpg")
    }
    .skapiec--landing--hero .video--hero--content.-skapiec {
        width: 33rem
    }
    .skapiec--landing--hero .header--h2.-skapiec {
        font-size: 30px;
        font-weight: bold
    }
    .skapiec--landing--hero .paragraph--component.-skapiec,
    .skapiec--landing--hero .blog--content p.-skapiec,
    .blog--content .skapiec--landing--hero p.-skapiec {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35
    }
    .skapiec--landing--content--bottom .box--profit>.row--profit>.col--profit {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
        min-width: auto
    }
}

@media(min-width:1060px) {
    .skapiec--landing--hero .video--hero--content.-skapiec {
        width: 40rem
    }
    .skapiec--landing--hero .header--h2.-skapiec {
        font-size: 37px
    }
    .skapiec--landing--hero .paragraph--component.-skapiec,
    .skapiec--landing--hero .blog--content p.-skapiec,
    .blog--content .skapiec--landing--hero p.-skapiec {
        font-size: 14px
    }
}

@media(min-width:1260px) {
    .skapiec--landing--hero .video--hero--content.-skapiec {
        width: 37rem
    }
    .skapiec--landing--hero .header--h2.-skapiec {
        font-size: 40px
    }
    .skapiec--landing--hero .paragraph--component.-skapiec,
    .skapiec--landing--hero .blog--content p.-skapiec,
    .blog--content .skapiec--landing--hero p.-skapiec {
        font-size: 16px
    }
}

.spontaneous--recruitment--hero {
    background-image: url("themes/custom/inpost/css/../images/landing/spontaneous-recruitment/hero-bg.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 10px 0 70px;
    position: relative
}

.spontaneous--recruitment--hero .content {
    text-align: center;
    position: relative
}

.spontaneous--recruitment--hero .content>.header--h2 {
    font-size: 5rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: .4px;
    padding: 73px 0 26px
}

.spontaneous--recruitment--hero .content>.header--h2>.white {
    color: #fff
}

.spontaneous--recruitment--hero .content>.text {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: .4px;
    margin: 0 auto 44px;
    position: relative
}

.spontaneous--recruitment--hero .content .btn--primary.-blue,
.spontaneous--recruitment--hero .content .-blue.btn--secondary,
.spontaneous--recruitment--hero .content .-blue.btn--dark {
    background-color: #0098d9;
    color: #fff
}

.spontaneous--recruitment--hero .content .btn--primary.-blue:hover:after,
.spontaneous--recruitment--hero .content .-blue.btn--secondary:hover:after,
.spontaneous--recruitment--hero .content .-blue.btn--dark:hover:after {
    background-color: #0098d9
}

.spontaneous--recruitment--hero .content .btn--primary.-blue:hover,
.spontaneous--recruitment--hero .content .-blue.btn--secondary:hover,
.spontaneous--recruitment--hero .content .-blue.btn--dark:hover {
    background-color: #0074a6
}

.spontaneous--recruitment--hero .content .btn--primary.-blue:after,
.spontaneous--recruitment--hero .content .-blue.btn--secondary:after,
.spontaneous--recruitment--hero .content .-blue.btn--dark:after {
    background-color: #0098d9;
    border: 3px solid #0098d9
}

.spontaneous--recruitment--hero .content .btn--primary.-blue>span,
.spontaneous--recruitment--hero .content .-blue.btn--secondary>span,
.spontaneous--recruitment--hero .content .-blue.btn--dark>span {
    color: #fff
}

.spontaneous-recruitment--benefits .header--h2 {
    font-family: "Dinamit", sans-serif;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.5rem;
    text-align: center;
    margin: 9rem auto
}

.spontaneous-recruitment--benefits .benefits--items {
    margin-bottom: 40px
}

.spontaneous-recruitment--benefits .benefits--items>.item {
    margin-bottom: 40px
}

.spontaneous-recruitment--benefits .benefits--items>.item>.icon {
    position: absolute;
    top: 0
}

.spontaneous-recruitment--benefits .benefits--items>.item>.icon>img {
    width: 35px;
    height: auto
}

.spontaneous-recruitment--benefits .benefits--items>.item>.text {
    position: relative;
    padding-left: 50px
}

.spontaneous-recruitment--benefits .benefits--items>.item>.text>.header {
    font-family: "Dinamit", sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.6rem;
    text-align: left;
    height: 55px;
    margin-bottom: 10px
}

.spontaneous-recruitment--benefits .benefits--items>.item>.text>.desc {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.3rem;
    letter-spacing: .4px;
    text-align: left
}

@media(max-width:1059.98px) {
    .spontaneous--recruitment--hero {
        background-image: linear-gradient(#ffcd00, #e7af00)
    }
    .spontaneous--recruitment--hero .content>.header--h2 {
        font-size: 2.8rem;
        line-height: 3.6rem;
        padding: 3rem 0
    }
    .spontaneous--recruitment--hero .content>.text {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
    .spontaneous-recruitment--benefits .header--h2 {
        font-size: 2.8rem;
        line-height: 3.6rem;
        margin: 3rem 0
    }
    .spontaneous-recruitment--benefits .benefits--items>.item {
        margin-bottom: 20px
    }
    .spontaneous-recruitment--benefits .benefits--items>.item>.text>.header {
        height: auto;
        font-size: 2rem;
        margin-bottom: 1rem
    }
    .spontaneous-recruitment--benefits .benefits--items>.item>.text>.desc {
        font-size: 1.4rem
    }
}

@media(min-width:1060px) {
    .spontaneous--recruitment--hero:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 33%;
        max-width: 30%;
        height: 100%;
        background-image: url("themes/custom/inpost/css/../images/landing/spontaneous-recruitment/hero-left.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center
    }
    .spontaneous--recruitment--hero:after {
        content: '';
        position: absolute;
        right: 0;
        top: 10%;
        width: 33%;
        height: 80%;
        background-image: url("themes/custom/inpost/css/../images/landing/spontaneous-recruitment/hero-right.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center
    }
    .spontaneous--recruitment--hero .content>.text {
        max-width: 61%
    }
}

._mr-md--15 {
    margin-right: -15px
}

.strategy--section {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.strategy--section.-gray {
    background-color: #f2f2f2;
    padding: 5rem 0
}

.strategy--video {
    background-image: url(themes/custom/inpost/css/../images/esg/bg-video.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: calc(50% - -3px) -13.3rem
}

.strategy--hero--box>.image {
    height: 100%;
    max-height: 115px
}

.strategy--group--box {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 3.7rem;
    height: 100%
}

.strategy--group--box.-orange>.text>.header {
    color: #f58142
}

.strategy--group--box.-green>.text>.header {
    color: #b6ca48
}

.strategy--group--box.-blue>.text>.header {
    color: #008fcf
}

.strategy--group--box>.text {
    flex-grow: 1;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-bottom: 2.4rem
}

.strategy--group--box>.text>.header {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 2.4rem
}

.strategy--group--block--wrap {
    height: 100%
}

.strategy--group--block--wrap:before {
    content: '';
    width: 100%;
    height: 3rem;
    display: block
}

.strategy--group--block--wrap.-orange:before {
    background-color: #f58142
}

.strategy--group--block--wrap.-orange .strategy--group--header>.text span {
    color: #f58142
}

.strategy--group--block--wrap.-green:before {
    background-color: #b6ca48
}

.strategy--group--block--wrap.-green .strategy--group--header>.text span {
    color: #b6ca48
}

.strategy--group--block--wrap.-yellow:before {
    background-color: #ffcd00
}

.strategy--group--block--wrap.-yellow .strategy--group--header>.text span {
    color: #ffcd00
}

.strategy--group--block--wrap.-blue:before {
    background-color: #008fcf
}

.strategy--group--block--wrap.-blue .strategy--group--header>.text span {
    color: #008fcf
}

.strategy--group--block {
    padding: 2rem;
    background-color: #f2f2f2;
    height: 100%
}

.strategy--group--block>.content ul {
    list-style: disc;
    padding-left: 1rem;
    margin-bottom: 2rem
}

.strategy--group--block>.content ul>li {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: 1rem
}

.strategy--group--block>.content ol {
    list-style: decimal;
    padding: 0
}

.strategy--group--block>.content ol>li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
    padding-left: 3em
}

.strategy--group--block>.content ol>li:before {
    content: counter(list) "";
    position: absolute;
    left: 0;
    width: 2em;
    height: 2em;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700;
    line-height: 2em
}

.strategy--group--block>.content ol.orange>li:before {
    background-color: #f58142
}

.strategy--group--block>.content ol.yellow>li:before {
    background-color: #ffcd00
}

.strategy--group--block>.content ol.blue>li:before {
    background-color: #008fcf
}

.strategy--group--block>.content ol.green>li:before {
    background-color: #b6ca48
}

.strategy--group--icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around
}

.strategy--group--icons>img {
    margin-bottom: 1rem
}

.strategy--group--header {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.strategy--group--header>.text {
    margin-left: 1rem;
    font-size: 2.4rem;
    line-height: 2.64rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 600
}

.strategy--group--header>.text>span {
    display: inline-block
}

.strategy--practices {
    background-image: url(themes/custom/inpost/css/../images/esg/bg-practices.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.strategy--practices--blocks>.item {
    margin-bottom: 5rem
}

.strategy--practices--blocks>.item:nth-child(odd) {
    flex-direction: row-reverse
}

.strategy--practices--blocks ul {
    list-style: disc;
    padding-left: 1rem;
    margin-bottom: 2rem
}

.strategy--practices--blocks ul>li {
    font-size: 1.5rem;
    line-height: 2.6rem
}

.strategy--download--wrap {
    border-top: 2px #ececec solid;
    padding-top: 4rem
}

@media(min-width:768px) {
    .strategy--section {
        margin-top: 9rem;
        margin-bottom: 9rem
    }
    .strategy--section.-gray {
        padding: 8rem 0
    }
    .strategy--group--block {
        padding: 5rem
    }
}

.weekend--highlighted--bg {
    background: #683a88;
    padding: 3.7rem 0;
    margin-bottom: 6rem
}

.weekend--block {
    text-align: center;
    margin-bottom: 2.7rem
}

.weekend--block>.icon {
    height: 10.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.8rem
}

.weekend--form--container {
    background: #eee;
    padding: 2.5rem 2.5rem 3rem;
    margin-top: 3rem
}

.weekend--dark--bg {
    background: #eee;
    padding-top: 5.8rem;
    margin-top: 1rem;
    padding-bottom: 8rem
}

.dark--section--percentage {
    margin-top: 4rem
}

.dark--section--percentage:nth-child(3) {
    margin-bottom: 4.5rem
}

.dark--section--percentage>.number {
    font-size: 7rem;
    line-height: 1;
    font-weight: 600;
    color: #683a88;
    font-family: "Dinamit", sans-serif
}

.dark--section--percentage>.text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5
}

.weekend--lp--logo {
    position: absolute;
    top: 5rem;
    right: 5%;
    width: 10rem
}

.form--info {
    padding: 0 15px 0 50px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 1.5rem
}

@media(max-width:575px) {
    .video--hero--block.-weekend {
        background-position: -410px center;
        min-height: 0;
        height: 30rem
    }
}

@media(min-width:576px) {
    .dark--section--percentage {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .dark--section--percentage>.text {
        width: 36rem;
        margin-left: 6rem;
        margin-top: -1.2rem
    }
    .video--hero--content.-weekend {
        margin-top: 13rem
    }
}

@media(min-width:768px) {
    .weekend--form--container {
        position: absolute;
        top: -30rem;
        z-index: 2
    }
    .weekend--form--container .form--control:not(.-error) {
        font-size: 1.4rem;
        border-color: transparent
    }
    .dark--section--percentage {
        margin-top: 7rem
    }
    .dark--section--percentage>.number {
        font-size: 12rem
    }
    .dark--section--percentage:nth-child(1) {
        margin-left: -13rem
    }
    .dark--section--percentage:nth-child(2) {
        margin-left: 20rem
    }
    .dark--section--percentage:nth-child(3) {
        margin-left: 8rem;
        margin-bottom: 8.5rem
    }
    .weekend--lp--logo {
        width: 15rem;
        right: 13%
    }
}

@media(min-width:1060px) {
    .weekend--form--container {
        margin-left: 5rem
    }
    .dark--section--percentage:nth-child(2) {
        margin-left: 40rem
    }
    .weekend--lp--logo {
        width: 20rem
    }
}

@media(max-width:400px) {
    .weekend--form--container .recaptcha {
        transform: scale(0.85);
        transform-origin: 0 0
    }
}

.newsletter--page {
    padding-top: 8.4rem;
    padding-bottom: 10rem;
    background-image: url(themes/custom/inpost/css/../images/newsletter/newsletter-bg-text.png);
    background-repeat: repeat-y;
    background-position: center top
}

.newsletter--header>.header {
    font-size: 2.8rem;
    line-height: 3.5rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif
}

.newsletter--header>.header.-mat {
    position: relative
}

.newsletter--header>.header.-mat:before {
    content: '';
    background-image: url(themes/custom/inpost/css/../images/newsletter/mat.png);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: -50px;
    background-size: cover
}

.newsletter--header>.header>.highlight {
    color: #ffcd00
}

.newsletter--form--box {
    background-color: #ffcd00;
    padding: 2.6rem 1.8rem;
    position: relative;
    box-shadow: 13px 13px 0 0 rgba(206, 206, 206, .5)
}

.newsletter--form--box>.header {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.8rem;
    font-family: "Dinamit", sans-serif
}

@media(min-width:768px) {
    .newsletter--page {
        background-image: url(themes/custom/inpost/css/../images/newsletter/newsletter-bg-text.png), url(themes/custom/inpost/css/../images/newsletter/newsletter-bg-image.png), url(themes/custom/inpost/css/../images/newsletter/newsletter-bg-text.png), url(themes/custom/inpost/css/../images/newsletter/newsletter-bg-image-box.png);
        background-repeat: no-repeat;
        background-position: left top, right top, right bottom, 83% bottom;
        background-size: auto, 55%, auto auto
    }
    .newsletter--form--box {
        padding: 3.6rem 3.8rem
    }
    .newsletter--header>.header {
        font-size: 5.2rem;
        line-height: 6.5rem
    }
    .newsletter--header>.header.-mat:before {
        left: -115px;
        top: 7px;
        width: 101px;
        height: 101px
    }
}

.summary--items--list>li {
    padding: 11px 0;
    border-bottom: solid 1px #d8d8d8;
    display: flex;
    justify-content: space-between
}

.summary--items--list>li>.price {
    font-weight: 600
}

.summary--amount {
    margin: 10px 0 0;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.summary--amount>.txt {
    font-size: 2rem
}

.summary--amount>.amount {
    font-size: 2.4rem;
    font-family: "Dinamit", sans-serif
}

.summary--amount>.amount>big {
    font-size: 3.2rem
}

.athlete--page {
    margin-bottom: 5.1rem
}

.athlete--timeline--component {
    width: 25rem;
    position: relative;
    margin: 0 auto;
    margin-top: 5rem;
    position: relative;
    z-index: 3;
    padding-top: 3rem;
    cursor: n-resize
}

.athlete--timeline--component.-overflow {
    width: 26rem;
    padding-right: 1rem
}

.athlete--timeline--component:after {
    content: '';
    border-left: 1px dashed #414142;
    width: 1px;
    position: absolute;
    left: 9.6rem;
    top: .4rem;
    bottom: 2rem
}

.athlete--timeline--component>.arrows {
    position: absolute
}

.athlete--timeline--component>.arrows:before,
.athlete--timeline--component>.arrows:after {
    content: '';
    width: 1px;
    height: .5rem;
    display: block;
    position: absolute;
    top: -3rem;
    left: 9.4rem;
    background-color: #414142
}

.athlete--timeline--component>.arrows:before {
    transform: rotate(45deg)
}

.athlete--timeline--component>.arrows:after {
    transform: rotate(-45deg);
    left: 9.8rem
}

.athlete--timeline--component .slick-vertical .slick-slide {
    outline: 0
}

.timeline--item {
    display: flex;
    padding-bottom: 4rem;
    position: relative;
    opacity: 1
}

.slick-current .timeline--item {
    opacity: 1
}

.slick-current .timeline--item:after {
    background-color: #ffcc05
}

.slick-current .timeline--item>.description--component>b,
.slick-current .timeline--item>.description--component>.city {
    opacity: 1
}

.timeline--item:after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-color: #c4c4c4;
    display: block;
    position: absolute;
    left: 8.9rem;
    top: 5px;
    z-index: 1
}

.timeline--item>.grade {
    width: 9.6rem;
    padding-right: 1.8rem;
    text-align: right;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.35;
    opacity: 0
}

.slick-current .timeline--item>.grade {
    opacity: 1
}

.timeline--item>.grade>.img {
    max-width: 100%;
    margin-left: auto;
    height: 35px;
    margin-top: 30px
}

.timeline--item>.grade>b,
.timeline--item>.grade>strong {
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    font-size: 2rem
}

.timeline--item>.description--component {
    flex: 1;
    font-size: 1.6rem;
    font-weight: normal;
    padding-left: 1.1rem
}

.timeline--item>.description--component>* {
    color: #36454f
}

.timeline--item>.description--component>b,
.timeline--item>.description--component>.city {
    display: inline;
    opacity: 0;
    transition: opacity .3s ease .3s
}

.athlete--animation>.embed-responsive-animation {
    overflow: hidden;
    position: relative;
    padding-top: 90%
}

.athlete--animation>.embed-responsive-animation>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0
}

.athlete--motto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 6rem 0
}

.athlete--motto>.image {
    flex: 0 0 1;
    max-width: 100%
}

.athlete--motto>.description {
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.0625em;
    color: #ffcc05;
    margin-top: -1.5rem
}

.athlete--motto>.description:before {
    content: '"';
    color: #ffcc05;
    display: block;
    font-size: 15rem;
    line-height: 1;
    margin-bottom: -5rem;
    margin-top: calc(-0.25em + 25px)
}

.athelete--gallery .slick-list {
    margin: 0 -15px
}

.athelete--gallery .slick-slide {
    margin: 0 15px
}

.athelete--gallery--item {
    display: block;
    padding-top: 63%;
    background-size: cover;
    background-position: top
}

.img--popupimage {
    padding-top: 54%;
    background-position: center;
    background-size: cover
}

@media(max-width:767.98px) {
    .athlete--animation {
        overflow: hidden
    }
    .athlete--animation>.embed-responsive-animation {
        margin: 0;
        padding-top: 120%
    }
}

@media(min-width:768px) {
    .athlete--description {
        padding-left: 0;
        padding-right: 1rem;
        padding-top: 3rem;
        width: 64%;
        position: relative;
        z-index: 4
    }
    .athlete--animation {
        width: 70%;
        margin-top: -80px;
        margin-right: -40%;
        position: relative;
        left: -20%;
        z-index: 2
    }
    .athlete--page {
        margin-bottom: 11.1rem
    }
}

@media(min-width:1060px) {
    .athlete--description {
        padding-left: 6rem;
        padding-right: 1rem;
        padding-top: 4rem;
        width: 44%
    }
    .athlete--animation {
        margin-top: -55px;
        width: 58%;
        margin-right: -25%;
        position: relative;
        left: -12%
    }
    .athlete--timeline--component {
        margin-top: 0;
        margin-right: 0
    }
    .athlete--motto {
        flex-wrap: nowrap
    }
    .athlete--motto>.image {
        flex: 0 0 570px;
        max-width: 570px
    }
    .athlete--motto>.description {
        margin-left: -105px;
        margin-top: 0;
        font-size: 6.4rem
    }
    .athlete--motto>.description:before {
        margin-bottom: -.25em;
        font-size: 25rem
    }
}

.sport--banners--carousel {
    margin: 6.7rem 0 3.5rem 0;
    position: relative;
    padding-bottom: 3rem
}

.sport--banners--carousel>.banners {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sport--banners--carousel>.banners .slick-list,
.sport--banners--carousel>.banners .slick-track {
    height: 100%
}

.animated--banner {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.animated--features--container {
    padding-top: 1.1rem
}

.animated--features--container>.item {
    padding: 4px 0
}

.animated--features--container>.item.-active>.header--h1 {
    color: #ffcb04
}

.animated--features--container>.item>.description {
    display: none;
    padding: 5px 0
}

.animated--features--box {
    text-align: right
}

@media(min-width:768px) {
    .animated--features--container>.item>.description {
        padding: 1.1rem 0
    }
    .animated--features--box {
        padding-top: 9.5rem
    }
    .sport--banners--carousel {
        min-height: 70.1rem
    }
}

.sport--team--carousel--player {
    padding: 0 4rem;
    position: relative;
    margin: 0 auto;
    width: 18.3rem;
    padding-top: 77%;
    margin-bottom: 5.5rem;
    transition: all .5s ease
}

.slick-current .sport--team--carousel--player {
    width: calc(100% - 90px);
    margin-bottom: 3.5rem
}

.slick-current .sport--team--carousel--player:before {
    font-weight: 600
}

.sport--team--carousel--player:before {
    content: attr(data-name);
    text-shadow: 0 0 1px #fff, 0px 0 2px #fff, 0px 0 3px #fff, 0px 0 4px #fff;
    color: #000;
    font-size: 1.7rem;
    position: absolute;
    left: 0;
    z-index: 6;
    font-weight: 500;
    text-align: left;
    top: 0;
    width: 100%;
    text-align: center;
    font-family: "Dinamit", sans-serif
}

.sport--team--carousel--player:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url("themes/custom/inpost/css/../images/sport-team/carousel-bg.png");
    background-size: cover;
    background-position: center;
    z-index: -1
}

.slick-current .sport--team--carousel--player:after {
    opacity: 1
}

.sport--team--carousel--player+.sport--team--text--carousel {
    opacity: 0;
    position: absolute;
    height: 100%;
    left: 50%;
    width: 150%;
    z-index: 8;
    background: white;
    padding: 0 0 10px 0;
    bottom: 20px;
    transition: all .75s ease
}

.sport--team--carousel--player>.img {
    margin: 0 auto;
    height: auto;
    max-height: 100%;
    position: absolute;
    bottom: -3.2rem;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 25px
}

.sport--team--arrow {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 5
}

.sport--team--arrow.-right {
    right: 0;
    transform: translateY(-50%)
}

.sport--team--arrow.-left {
    left: 0;
    transform: translateY(-50%) rotate(180deg)
}

.sport--team--carousel {
    position: relative
}

.sport--team--text--carousel {
    padding-right: 5rem;
    margin-bottom: 4rem
}

.sport--team--text--carousel>.header--h1 {
    margin-top: 2rem
}

.sport--team--text--carousel>.paragraph--component,
.blog--content .sport--team--text--carousel>p {
    margin-top: 2rem
}

@media(min-width:1060px) {
    .sport--team--carousel {
        margin: 2rem 42px;
        min-height: 36rem
    }
    .sport--team--arrow.-right {
        right: -42px
    }
    .sport--team--arrow.-left {
        left: -42px
    }
    .sport--team--arrow.-popup.-right {
        right: 0
    }
    .sport--team--arrow.-popup.-left {
        left: 0
    }
}

@media(min-width:1060px) {
    .slick-current {
        z-index: 16
    }
    .slick-current:hover .sport--team--carousel--player {
        transform: translateX(-60%)
    }
    .slick-current:hover .sport--team--text--carousel {
        opacity: 1
    }
    .slick-current .sport--team--carousel--player:before {
        text-indent: 9.6rem
    }
    .sport--team--carousel.slick-initialized .slick-slide {
        display: flex !important;
        align-items: flex-end;
        height: auto;
        position: relative
    }
    .sport--team--carousel .slick-track {
        display: flex
    }
    .sport--team--carousel:after {
        width: 20%
    }
    .slick-current .sport--team--carousel--player {
        padding-top: 102%;
        min-height: 300px;
        width: 24.5rem
    }
    .sport--team--carousel--player:before {
        transform: translate(-50%, -50%) rotate(-90deg);
        text-shadow: none;
        left: -9px;
        bottom: 0;
        top: auto;
        text-indent: 6.4rem;
        text-align: left;
        white-space: nowrap
    }
    .sport--team--text--carousel {
        display: flex;
        justify-content: flex-end;
        padding-right: 8rem;
        margin-bottom: 0;
        flex-direction: column
    }
    .sport--team--text--carousel>.paragraph--component,
    .blog--content .sport--team--text--carousel>p {
        margin-top: 0
    }
    .sport--team--text--carousel>.header--h1 {
        text-align: left
    }
    .sport--team--arrow {
        width: 4rem
    }
    .sport--team--carousel--player:after {
        opacity: .5
    }
}

.events--calendar {
    border-top: 1px solid #000;
    margin-top: 8.3rem;
    padding-top: 4.2rem;
    margin-bottom: 5.6rem
}

.calendar--events--arrow {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    width: 4rem;
    position: absolute;
    top: -8.5rem;
    right: 1.5rem
}

.calendar--events--arrow.-left {
    right: 6.5rem;
    transform: rotate(180deg)
}

.events--calendar--img,
.events--calendar--img--big {
    display: block
}

.events--calendar--img>img,
.events--calendar--img--big>img {
    margin: 0 auto
}

@media(min-width:768px) {
    .events--lightbox .slick-slide {
        margin: 0 15px
    }
    .events--calendar--img {
        width: 152px
    }
    .events--calendar--img--big {
        width: 322px
    }
    .events--calendar {
        margin-bottom: 3rem
    }
}

@media(min-width:1060px) {
    .events--calendar--img {
        width: 211px
    }
    .events--calendar--img--big {
        width: 445px
    }
}

@media(min-width:1260px) {
    .events--calendar--img {
        width: 262px
    }
    .events--calendar--img--big {
        width: 555px
    }
}

.sport--team--page {
    margin-bottom: 5rem
}

.sport--team--top {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative
}

.sport--team--top>.bg {
    position: absolute;
    left: 0;
    top: -10rem;
    bottom: 0;
    right: 0;
    background-size: auto 100%;
    background-position: center;
    z-index: -1;
    opacity: 0;
    transition: all .5s
}

.sport--team--top>.bg:nth-child(1) {
    opacity: 1
}

.sport--team--top .paragraph--component.-sportteam-mainparagraph,
.sport--team--top .blog--content p.-sportteam-mainparagraph,
.blog--content .sport--team--top p.-sportteam-mainparagraph {
    margin-top: -.4rem
}

.sport--team--top .paragraph--component.-sportteam-mainparagraph.-osxstyle,
.sport--team--top .blog--content p.-sportteam-mainparagraph.-osxstyle,
.blog--content .sport--team--top p.-sportteam-mainparagraph.-osxstyle {
    margin-top: .4rem
}

.sport--banners--carousel .animated--features--container .item .header--h1 {
    font-size: 2.8rem
}

.sport--banners--carousel .button {
    margin-top: 50px
}

.sport--team--header {
    font-size: 3.2rem;
    line-height: 1;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    position: relative
}

.sport--team--header.-shadow {
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.sport--team--header.-light {
    color: #fff
}

.sport--team--header>.animate {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    white-space: nowrap;
    color: transparent;
    text-stroke-width: 1px;
    text-stroke-color: #c5c5c4;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c5c5c4;
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sport--team--header>.animate.-delay1 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.sport--team--header>.animate.-delay2 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.sport--team--header>.final {
    opacity: 0;
    -webkit-animation-name: finalSlide;
    animation-name: finalSlide;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.sport--team--header>.animation {
    text-stroke-width: 1px;
    text-stroke-color: #c5c5c4;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c5c5c4;
    color: transparent;
    transition-property: transform;
    position: absolute;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: marquee;
    animation-name: marquee;
    -webkit-animation-duration: 12.5s;
    animation-duration: 12.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.sport--team--header>.animated {
    transition-property: transform;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    transform: translateX(125%);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: wordTransform;
    animation-name: wordTransform;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes wordTransform {
    0% {
        transform: translateX(125%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes wordTransform {
    0% {
        transform: translateX(125%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes marquee {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(-200%)
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(-200%)
    }
}

@-webkit-keyframes finalSlide {
    0% {
        transform: translateX(5rem);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes finalSlide {
    0% {
        transform: translateX(5rem);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slideRight {
    0% {
        transform: translateX(5vw);
        opacity: 0
    }
    50% {
        transform: translateX(0);
        opacity: 1
    }
    80% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-3vw);
        opacity: 0
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(5vw);
        opacity: 0
    }
    50% {
        transform: translateX(0);
        opacity: 1
    }
    80% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-3vw);
        opacity: 0
    }
}

.discipline--filters>.input {
    position: absolute;
    left: -999px;
    opacity: 0
}

.discipline--filters>.input:checked+.label {
    background: #ffcc05;
    color: #fff
}

.discipline--filters>.input:checked+.label>.icon>.img {
    display: none
}

.discipline--filters>.input:checked+.label>.icon>.img.-highlighted {
    display: block
}

.discipline--filters>.input:checked+.label>.icon svg path {
    fill: #fff
}

.discipline--filters>.label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 3px #ffcc05 solid;
    cursor: pointer;
    pointer-events: all;
    font-size: 1.4rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    line-height: 1.1
}

.discipline--filters>.label>.text {
    flex: 1;
    padding: 15px
}

.discipline--filters>.label>.icon {
    padding-right: 1rem
}

.discipline--filters>.label>.icon>.img {
    width: auto;
    max-height: 100%;
    max-width: 100%
}

.discipline--filters>.label>.icon>.img.-highlighted {
    display: none
}

@media(min-width:768px) {
    .sport--team--header {
        font-size: 5.2rem
    }
    .sport--team--page {
        margin-bottom: 15rem
    }
    .discipline--filters>.label {
        font-size: 2rem
    }
    .discipline--filters>.label>.text {
        padding: 1.7rem 1.5rem 1.6rem 2.4rem
    }
    .sport--team--paragraph {
        width: 38.5rem
    }
}

@media(min-width:1060px) {
    .sport--team--header {
        font-size: 8.2rem;
        z-index: 4;
        position: relative;
        margin-bottom: 50px
    }
    .sport--team--header.-small {
        font-size: 3.2rem;
        margin-bottom: 0;
        letter-spacing: 0
    }
    .sport--team--paragraph {
        width: 61.5rem
    }
}

@media(max-width:1259.98px) {
    .sport--team--header>.animated {
        -webkit-animation-delay: 2.3s;
        animation-delay: 2.3s
    }
}

@media(max-width:1059.98px) {
    .sport--team--header>.animated {
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s
    }
}

@media(max-width:767.98px) {
    .sport--team--header>.animated {
        -webkit-animation-delay: 3.3s;
        animation-delay: 3.3s
    }
}

.sport--worker--block--wrapper {
    padding: 0 1.5rem 2.1rem;
    vertical-align: top
}

.sport--worker--block {
    position: relative;
    font-family: "Montserrat", sans-serif
}

.sport--worker--block>.content {
    padding: 1.4rem 7rem .8rem 2rem;
    background: #ececec;
    width: 100%;
    position: relative
}

.sport--worker--block>.content>.name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #414142
}

.sport--worker--block>.content>.specialisation {
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #000
}

.sport--worker--block>.img {
    padding-top: 74.7%;
    background-size: cover;
    background-position: center
}

.sport--worker--block>.popupbtn {
    padding: 0;
    display: inline-block;
    line-height: 1;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    bottom: 1.2rem;
    right: 1.4rem;
    background: rgba(65, 65, 66, .6);
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.7;
    padding: .1rem .7rem 0
}

.sport--worker--block>.popupbtn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    margin-top: -.2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    transition: transform .3s ease
}

.sport--worker--block>.popupbtn:hover:after {
    transform: translateX(0.3rem)
}

.sport--worker--block>.content>.icons {
    position: absolute;
    right: 1.8rem;
    top: 100%;
    margin-top: -3.3rem
}

.sport--worker--block>.content>.icons>.icon img {
    display: inline-block;
    vertical-align: middle
}

.sport--category--icon,
.sport--worker--block>.content>.icons>.icon {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 3rem;
    line-height: .85;
    background: #ffcc05;
    margin-bottom: 1.4rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.sport--category--icon.-sm,
.sport--worker--block>.content>.icons>.-sm.icon {
    width: 3.5rem;
    height: 3.5rem
}

.sport--category--icon img,
.sport--worker--block>.content>.icons>.icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.workerswrapper {
    position: relative
}

.workerswrapper>.headerworkers {
    max-width: calc(100% - 130px)
}

.workerswrapper>.workers--arrows {
    position: absolute;
    top: -42px;
    right: 0
}

.workerswrapper>.workers--arrows>.slick-arrow {
    border: 0;
    background: none;
    padding: 0
}

.workerswrapper>.workers--arrows>.slick-arrow.slick-prev {
    margin-right: 15px;
    transform: rotate(180deg)
}

.workerswrapper>.workers--carousel {
    margin: 0 -1.5rem
}

.workers--agreement--popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 5rem;
    background-color: rgba(196, 196, 196, .8);
    z-index: 403;
    overflow: auto;
    text-align: center;
    line-height: 100vh;
    height: 100vh;
    overflow: auto
}

.workers--agreement--popup>.content {
    background-color: #fff;
    max-width: 90%;
    padding: 2rem;
    overflow-y: auto;
    position: relative;
    overflow: visible;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin: 5rem 0;
    line-height: 1
}

.workers--agreement--popup>.content>.close {
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    border: 0;
    display: block;
    font-size: 3rem;
    margin-left: auto;
    line-height: 1;
    position: absolute;
    top: 1rem;
    right: 1.3rem;
    z-index: 1
}

.workers--agreement--popup>.content>.workers--nav>.carousel--arrow {
    position: absolute;
    top: 50%;
    padding: 0;
    border: 0
}

.workers--agreement--popup>.content>.workers--nav>.carousel--arrow.slick-prev {
    transform: translate(0, -50%) rotate(180deg);
    left: -60px
}

.workers--agreement--popup>.content>.workers--nav>.carousel--arrow.slick-next {
    transform: translate(0, -50%);
    right: -60px
}

.workers--agreement--popup .popupimage .slick-dots,
.workers--agreement--popup .popupimage .socials--component .cke-ig ul,
.socials--component .cke-ig .workers--agreement--popup .popupimage ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.workers--agreement--popup .popupimage .slick-dots>li,
.workers--agreement--popup .popupimage .socials--component .cke-ig ul>li,
.socials--component .cke-ig .workers--agreement--popup .popupimage ul>li {
    font-size: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff;
    margin: 4px;
    border-color: transparent
}

.workers--agreement--popup .popupimage .slick-dots>li.slick-active,
.workers--agreement--popup .popupimage .socials--component .cke-ig ul>li.slick-active,
.socials--component .cke-ig .workers--agreement--popup .popupimage ul>li.slick-active {
    background-color: #ffcc05
}

.workers--agreement--popup .popupimage .slick-dots>li>button,
.workers--agreement--popup .popupimage .socials--component .cke-ig ul>li>button,
.socials--component .cke-ig .workers--agreement--popup .popupimage ul>li>button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    box-shadow: none
}

.workers--agreement--popup .achievement {
    font-size: 1.2rem;
    line-height: 1.6rem
}

@media(min-width:1060px) {
    .workers--agreement--popup>.content {
        width: 1142px
    }
    .workers--carousel {
        padding-bottom: 20rem
    }
    .popupimage {
        margin-left: -20px
    }
}

@media(min-width:768px) {
    .sport--worker--block {
        height: 100%;
        display: flex;
        flex-direction: column
    }
    .sport--worker--block>.content {
        flex: 1 1 auto
    }
    .workers--carousel .slick-slide>div {
        display: flex
    }
}

.sport--team--tab {
    margin-top: 1.7rem
}

.sport--team--tab .tabs {
    position: relative;
    z-index: 6
}

.sport--team--tab .tabs>.tab-link {
    font-size: 1.2rem;
    line-height: 1.1em;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: right;
    white-space: nowrap;
    border-bottom: 3px transparent solid;
    margin-left: 32px;
    padding-bottom: 6px;
    color: #414142
}

.sport--team--tab .tabs>.tab-link:first-child {
    margin-left: 0
}

.sport--team--tab .tabs>.tab-link.current {
    border-color: #ffcd00;
    font-weight: bold
}

.sport--team--tab .sport--team--content>.item {
    display: none
}

.sport--team--tab .sport--team--content>.item.current {
    display: flex
}

.sport--team--tab .header--h1 {
    margin-top: 2rem
}

.sport--team--tab .paragraph--component,
.sport--team--tab .blog--content p,
.blog--content .sport--team--tab p {
    line-height: 1.4;
    font-weight: normal
}

@media(min-width:768px) {
    .sport--team--tab .tabs {
        width: 38.7rem
    }
}

@media(min-width:1060px) {
    .sport--team--content {
        margin-top: -9rem;
        margin-bottom: 2.8rem
    }
    .sport--team--tab .tabs {
        width: 59rem
    }
    .sport--team--text--tab {
        margin-left: 15.5rem;
        margin-top: 11.8rem
    }
    .sport--team--tab--player {
        margin-left: -8rem
    }
    .sport--team--text--tab>.btn {
        margin-right: .4rem
    }
}

@media(min-width:1260px) {
    .sport--team--text--tab>.btn {
        margin-right: 2.4rem
    }
    .sport--team--tab .paragraph--component,
    .sport--team--tab .blog--content p,
    .blog--content .sport--team--tab p {
        padding-right: 2rem
    }
}

@media(max-width:767.98px) {
    .sport--team--top {
        margin-bottom: 3rem
    }
}

.sport--team--football-hero {
    position: relative
}

.sport--team--football--top {
    background-color: #ffcd00;
    position: relative
}

.sport--team--football--top .sport--team-football-sponsor {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.sport--team--football--top .sport--team-football-sponsor .text {
    font-family: "Dinamit", sans-serif;
    font-size: 1.6rem;
    font-weight: 600
}

.sport--team--football--top .sport--team-football-header-top {
    font-family: "Dinamit", sans-serif;
    font-size: 6.4rem;
    color: #ffcd00;
    font-weight: 600;
    line-height: 1.2
}

.sport--team--football--top .sport--team-football-header-top>span {
    display: block;
    font-size: 4.5rem;
    color: #fff
}

.sport--team--football--bottom {
    background-color: #f2f2f2;
    position: relative
}

.football--nav {
    margin: 5rem 0 3rem 0;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

.football--nav .link--component,
.football--nav .helpdesk--component>.item>.description a,
.helpdesk--component>.item>.description .football--nav a,
.football--nav .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
.blog--content .football--nav a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
    font-size: 1.4rem
}

.sport-team-countdown {
    background-color: #d93077;
    padding: 2rem 0
}

.sport-team-countdown .text {
    font-family: "Dinamit", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.sport--countdown {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 2rem 0
}

.sport--countdown>.item {
    background-color: #404041;
    border-radius: 10px;
    text-align: center;
    width: 11rem;
    flex: 0 0 11rem;
    margin: 1rem .5rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 600
}

.sport--countdown>.item>.number {
    font-size: 4rem;
    color: #ffcd00
}

.sport--countdown>.item>.text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    text-transform: lowercase
}

.sport--ticket--component {
    background: #feaa00;
    background: linear-gradient(45deg, #feaa00 6%, #ffcb04 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feaa00', endColorstr='#ffcb04', GradientType=1);
    padding: 4.5rem 0 4.9rem 0
}

.sport--ticket--component .btn--primary,
.sport--ticket--component .btn--secondary,
.sport--ticket--component .btn--dark {
    font-size: 2.4rem
}

.carousel--football--player {
    pointer-events: none;
    border: 15px #fff solid
}

.sport--ticket--text>.header {
    font-family: "Dinamit", sans-serif;
    font-size: 4.2rem;
    text-align: center;
    font-weight: 600;
    line-height: 1
}

.sport--ticket--text>.header>span {
    color: #fff
}

.sport--inpostfresh--component {
    background-color: #ffcd00;
    padding: 5rem 0
}

.sport-football--representations {
    background-color: #404042;
    color: #fff;
    font-family: "Dinamit", sans-serif;
    font-weight: 700;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sport-football--representations>.representations {
    font-size: 2.5rem;
    line-height: 3.2rem
}

.sport-football--representations>.date {
    font-size: 1.7rem;
    line-height: 2.1rem
}

.sport-football--stadium {
    display: flex;
    align-items: center;
    justify-content: center
}

.sport-football--stadium>span {
    background-color: #fff;
    font-size: 9px;
    line-height: 11px;
    padding: 3px 7px
}

.sport--inpostfresh-app .download--store--section .btn--downloadapp {
    max-width: 100%
}

.sport--inpostfresh-app .download--store--section .image {
    max-width: 80px
}

.sport--inpostfresh-app .wrap-app-ipostfresh {
    position: relative
}

.sport--inpostfresh-app .wrap-app-ipostfresh>.image {
    position: absolute;
    top: -210px;
    right: -115px
}

.sport--inpostfresh-app .download--store--section .btn--downloadapp {
    max-width: 100%
}

.sport--inpostfresh-app .download--store--section .image {
    max-width: 80px
}

.sport--inpostfresh-app .wrap-app-ipostfresh>.image {
    position: absolute;
    top: -200px;
    right: -28px;
    max-width: 33%
}

.sport--price--component {
    background-image: url(themes/custom/inpost/css/../images/sport-team-football/bg-price.jpg);
    background-size: cover;
    padding: 6.7rem 0
}

.header--sport--price--football {
    font-size: 4.1rem;
    font-family: "Dinamit", sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.sport--team-football-header-price {
    color: #fff;
    font-family: "Dinamit", sans-serif;
    font-size: 3.1rem;
    line-height: 3.5rem
}

.sport--team-football-header-price>span {
    color: #ffcd00
}

.football--gallery--slider .slick-track {
    margin-left: 0;
    margin-right: 0
}

.calendar--date {
    position: relative
}

.calendar--date>.date--name--block {
    position: absolute;
    left: 2rem;
    bottom: 15px
}

.calendar--date>.date--name--block>.date {
    font-size: 8.2rem;
    font-weight: 600;
    color: #fff;
    font-family: "Dinamit", sans-serif;
    text-shadow: 0 0 6px rgba(60, 60, 60, .66);
    line-height: 1
}

.calendar--date>.date--name--block>.name {
    color: #ffcd00;
    font-family: "Dinamit", sans-serif;
    font-size: 3.2rem;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(60, 60, 60, .66);
    line-height: 1
}

.events--calendar--football--img,
.events--calendar--football--img--big {
    display: block;
    height: 25rem
}

.events--calendar--football--img:before,
.events--calendar--football--img--big:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.events--calendar--football--img>.img,
.events--calendar--football--img--big>.img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.calendar-details {
    background-color: #ffcd00;
    padding: 3.1rem 2.4rem;
    font-size: 1.8rem;
    line-height: 2.43rem;
    font-weight: 500
}

.sport--timetable {
    margin-top: 5rem
}

.timetable--blocks>.div:nth-child(3n)>.timetable--block {
    border: 0
}

.timetable--block {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2
}

.timetable--block>.header {
    color: #ffcd00;
    font-size: 4.2rem;
    font-weight: 600;
    font-family: "Dinamit", sans-serif;
    padding: 1rem 4rem;
    background-color: #404041
}

.timetable--block>.content {
    padding: 3rem 4rem
}

.timetable--month {
    margin-bottom: 3rem
}

.timetable--month>.header {
    font-family: "Dinamit", sans-serif;
    font-size: 1.8rem;
    font-weight: 600
}

.timetable--month>.content .pink {
    color: #d93077
}

.sport--newsletter-football {
    background: url(themes/custom/inpost/css/../images/sport-team-football/bg-ticket.jpg);
    background-size: cover;
    padding: 4.5rem 0 4.9rem 0
}

@media(min-width:768px) {
    .carousel--football--player {
        margin: 0 -10rem 0 0;
        left: 0;
        top: 7rem;
        z-index: 2
    }
    .football--nav .link--component,
    .football--nav .helpdesk--component>.item>.description a,
    .helpdesk--component>.item>.description .football--nav a,
    .football--nav .blog--content a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink),
    .blog--content .football--nav a:not(.btn--primary):not(.btn--secondary):not(.btn--dark):not(.tag--component):not(.socialink) {
        font-size: 1.2rem
    }
    .sport--ticket--component {
        padding: 6.5rem 0 9.9rem 0
    }
    .sport--ticket--text>.header {
        text-align: left;
        font-size: 5.2rem;
        line-height: 1.3em
    }
    .sport--ticket--text>.header>span {
        display: block;
        color: #fff
    }
    .sport--ticket--image {
        margin: 0 -2rem
    }
    .sport--inpostfresh-app .wrap-app-ipostfresh>.image {
        position: absolute;
        top: -162px;
        right: -115px;
        max-width: none
    }
    .header--sport--price--football {
        font-size: 6.1rem;
        flex-direction: row
    }
    .sport--timetable {
        margin-top: 10.6rem
    }
    .timetable--block {
        border-right: 1px #d8d8d8 solid
    }
}

@media(min-width:1060px) {
    .sport--team--football-hero:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(themes/custom/inpost/css/../images/sport-team-football/decor-right.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        z-index: 1;
        max-height: 491px
    }
    .sport--team--football--top:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(themes/custom/inpost/css/../images/sport-team-football/decor-left.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain
    }
    .sport--inpostfresh-app .wrap-app-ipostfresh>.image {
        top: -210px
    }
}

@media(min-width:1260px) {
    .sport--inpostfresh--component {
        background-image: url(themes/custom/inpost/css/../images/sport-team-football/decor-fresh.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain
    }
}

body>.blend {
    display: none !important
}

body.page-node-type-wyprawa-k2 {
    padding-top: 0 !important
}

body.page-node-type-wyprawa-k2>.blend {
    display: none !important
}

body.page-node-12489 {
    padding-top: 0 !important
}

body.page-node-12489>.blend {
    display: none !important
}

.k2-yellow {
    color: #ffcb04
}

.k2-black {
    color: #000
}

.k2-dark-grey {
    color: #404041
}

.k2-white {
    color: #fff
}

.k2-body {
    position: relative;
    display: block;
    width: 100%;
    background-color: #eee
}

.k2-page {
    height: 100%;
    overflow: hidden
}

@media(min-width:992px) {
    .k2-page {
        background-image: url("themes/custom/inpost/css/../images/wyprawa-k2/k2-bg-page.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%
    }
}

.k2-bg-mobile {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    opacity: 1
}

.k2-bg-mobile img {
    position: absolute;
    display: block;
    bottom: -159px;
    right: -57px;
    opacity: 1
}

@media(min-width:400px) {
    .k2-bg-mobile img {
        bottom: -69px;
        right: -20px
    }
}

.k2-bg-mobile.-bg-mobile-hide {
    opacity: 0;
    transition: all 1s ease
}

@media(min-width:992px) {
    .k2-bg-mobile {
        display: none
    }
}

.k2-blog--bg {
    display: none;
    position: absolute;
    width: 100%;
    top: 465px
}

@media(min-width:768px) {
    .k2-blog--bg {
        display: block
    }
}

.k2-mobile-bg {
    position: fixed;
    display: block;
    z-index: 990;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: #eee
}

@media(min-width:1500px) {
    .k2-mobile-bg {
        display: none
    }
}

.k2-header {
    position: fixed;
    display: flex;
    flex-flow: column nowrap;
    top: 0;
    right: 7px;
    width: 99px;
    z-index: 999
}

@media(min-width:768px) {
    .k2-header {
        top: 0;
        right: 7px;
        width: 204px
    }
}

@media(min-width:1500px) {
    .k2-header {
        top: 11px;
        right: 67px;
        width: 204px
    }
}

.k2-inpost {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .k2-inpost {
        margin-bottom: 40px
    }
}

.k2-rwd {
    display: block;
    width: 100%;
    height: auto
}

.k2-social {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
    padding-right: 10px
}

@media(min-width:768px) {
    .k2-social {
        padding-right: 25px
    }
}

.k2-social--text {
    display: none;
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #000;
    margin-bottom: 13px
}

@media(min-width:768px) {
    .k2-social--text {
        display: block
    }
}

.k2-social--link {
    margin-bottom: 15px
}

@media(min-width:768px) {
    .k2-social--link {
        margin-bottom: 18px
    }
}

.k2-social--link img {
    display: block;
    opacity: .75
}

.k2-height {
    position: fixed;
    display: block;
    height: 100vh;
    padding: 35px 0 35px 9px;
    z-index: 1001
}

@media(min-width:768px) {
    .k2-height {
        padding: 35px 0 35px 9px
    }
}

@media(min-width:1500px) {
    .k2-height {
        padding: 80px 0 60px 73px
    }
}

.k2-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    z-index: -1
}

.k2-overlay--show {
    position: fixed;
    opacity: .5;
    z-index: 1000
}

.k2-height--box {
    position: relative;
    display: block;
    height: 100%
}

.k2-height--measure {
    display: block;
    width: auto;
    height: 100%
}

.k2-height--max {
    position: absolute;
    top: -6px;
    left: 0;
    display: block;
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 11.3343px;
    line-height: 14px;
    white-space: nowrap;
    padding-left: 35px;
    color: #000
}

.k2-height--max::before {
    position: absolute;
    content: '';
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 10px solid #ffcb04
}

@media(min-width:768px) {
    .k2-height--max {
        top: -13px;
        font-size: 24px;
        line-height: 30px;
        padding-left: 80px
    }
    .k2-height--max::before {
        left: 35px;
        top: 50%;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 21px solid #ffcb04
    }
}

.k2-height--current {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-flow: row nowrap;
    transition: all 1s ease-out
}

.k2-height--arrow {
    position: absolute;
    width: 56px;
    height: 20px;
    z-index: 1010;
    top: -10px;
    cursor: pointer
}

.k2-height--arrow::before {
    position: absolute;
    content: '';
    left: 20px;
    top: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 10px solid #000
}

@media(min-width:768px) {
    .k2-height--arrow {
        padding-left: 35px
    }
    .k2-height--arrow::before {
        left: 35px;
        top: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 21px solid #000
    }
}

.k2-height--content {
    position: relative;
    margin-top: -23px;
    padding-left: 50px;
    opacity: 0
}

@media(min-width:768px) {
    .k2-height--content {
        padding-left: 80px
    }
}

.k2-height--content img {
    display: block;
    margin-bottom: 10px
}

.k2-height--content p {
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 13px;
    color: #404041;
    padding: 0;
    margin: 0 0 20px 0
}

.k2-height--content::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: -5px;
    width: 198px;
    height: calc(100% - 18px);
    background-color: #fff;
    opacity: 0;
    z-index: -1
}

@media(min-width:1500px) {
    .k2-height--content {
        padding-left: 80px;
        opacity: 1
    }
}

.k2-height--show {
    opacity: 1;
    z-index: -1;
    transition: all 1s ease
}

.k2-height--show::before {
    opacity: 1;
    z-index: -1;
    transition: all 1s ease
}

.k2-blog--container {
    position: relative;
    width: calc(100% - 88px);
    margin: 0 35px 0 53px;
    z-index: 5
}

@media(min-width:768px) {
    .k2-blog--container {
        width: calc(100% - 320px);
        margin: 0 35px 0 85px
    }
}

@media(min-width:992px) {
    .k2-blog--container {
        width: calc(100% - 120px);
        margin: 0 35px 0 85px
    }
}

@media(min-width:1200px) {
    .k2-blog--container {
        max-width: 1070px;
        padding: 0;
        margin: 0 35px 0 85px
    }
}

@media(min-width:1500px) {
    .k2-blog--container {
        max-width: 1100px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto 0 345px
    }
}

@media(min-width:1700px) {
    .k2-blog--container {
        max-width: 1100px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto 0 465px
    }
}

@media(min-width:1921px) {
    .k2-blog--container {
        max-width: 1100px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto
    }
}

.k2-blog--row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.k2-blog--col {
    flex: 1 1 auto;
    width: 100%
}

@media(min-width:768px) {
    .k2-blog--col {
        max-width: 630px
    }
}

.k2-blog--col-magda {
    display: none;
    flex: 0;
    max-width: 350px
}

@media(min-width:992px) {
    .k2-blog--col-magda {
        display: block;
        flex: 1 0 auto
    }
}

.k2-page--col {
    flex: 1 1 auto;
    width: 100%
}

.k2-entry {
    position: relative;
    margin: 0;
    padding-top: 78px
}

@media(min-width:992px) {
    .k2-entry {
        padding-top: 120px
    }
}

@media(min-width:1370px) {
    .k2-entry {
        padding-top: 256px
    }
}

.k2-blog--magda {
    display: block
}

.k2-page--magda {
    position: absolute;
    display: block;
    top: 210px;
    transform: scale(1.45) translateY(20%)
}

.-animation--magda {
    transform: scale(1) translateY(0);
    transition: all 1s ease
}

.k2-entry--h1 {
    font-family: Dinamit;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    padding: 0;
    margin: 0 0 20px 0;
    color: #ffcb04
}

@media(min-width:768px) {
    .k2-entry--h1 {
        font-size: 60px;
        line-height: 78px
    }
}

@media(min-width:1440px) {
    .k2-entry--h1 {
        font-size: 72px;
        line-height: 90px
    }
}

.k2-entry--subtitle {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 35px 0;
    color: #404041
}

@media(min-width:768px) {
    .k2-entry--subtitle {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 70px 0
    }
}

.k2-entry p {
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 13px;
    color: #000;
    padding: 0;
    margin: 0 0 60px 0
}

@media(min-width:768px) {
    .k2-entry p {
        font-size: 14px;
        line-height: 18px
    }
}

.k2-entry img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0
}

.k2-entry--h2 {
    font-family: Dinamit;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 20px 0;
    color: #404041
}

@media(min-width:768px) {
    .k2-entry--h2 {
        font-size: 48px;
        line-height: 60px
    }
}

.k2-btn-wrapper {
    position: relative
}

.k2-btn {
    position: absolute;
    display: block;
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .05em;
    color: #404041;
    border: 0;
    outline: 0;
    padding: 17px 44px;
    opacity: 1;
    background-color: #ffcb04;
    top: 0;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%)
}

@media(min-width:500px) {
    .k2-btn {
        position: relative;
        left: 0;
        transform: translateX(0)
    }
}

.k2-btn.k2-hide {
    opacity: 0;
    z-index: 0
}

.k2-paragraph {
    display: block;
    max-width: 500px;
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px
}

.k2-mb20 {
    margin-bottom: 20px !important
}

.k2-mb50 {
    margin-bottom: 20px !important
}

@media(min-width:768px) {
    .k2-mb50 {
        margin-bottom: 50px !important
    }
}

.js-click-show {
    opacity: 0
}

.k2-show {
    opacity: 1;
    transition: all 1s ease-out
}

.k2-page-clouds {
    position: absolute;
    display: none;
    top: 629px;
    right: 0;
    z-index: 99;
    transition: all 1s ease-out
}

@media(min-width:992px) {
    .k2-page-clouds {
        display: block
    }
}

.k2-page-clouds.-cloud-right {
    transform: translateX(50%)
}

.k2-yt {
    margin: 70px auto
}

.k2-route-main {
    position: relative;
    display: block;
    width: 100%;
    height: 900px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
    z-index: 1;
    margin-top: -250px
}

@media(min-width:992px) {
    .k2-route-main {
        width: 100%;
        height: 985;
        overflow-y: unset;
        overflow-x: unset;
        overflow: hidden;
        margin-top: -250px
    }
}

@media(min-width:1440px) {
    .k2-route-main {
        height: 1385px;
        margin-top: -350px
    }
}

.k2-route-container {
    position: relative;
    width: 1368px;
    height: 100%
}

@media(min-width:992px) {
    .k2-route-container {
        width: 100%;
        height: 100%
    }
}

.k2-route-mountain {
    position: absolute;
    display: block;
    width: 1368px;
    height: auto;
    margin: 0;
    padding: 0
}

@media(min-width:992px) {
    .k2-route-mountain {
        position: absolute;
        width: 1368px;
        height: auto;
        top: 0;
        right: 0
    }
}

@media(min-width:1440px) {
    .k2-route-mountain {
        width: 1920px;
        height: auto
    }
}

.k2-route-main .views-row {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.k2-route--item {
    position: absolute;
    top: 0;
    right: 0;
    width: 598px;
    top: 185px;
    right: 123px
}

@media(min-width:992px) {
    .k2-route--item {
        width: 598px;
        top: 185px;
        right: 123px
    }
}

@media(min-width:1440px) {
    .k2-route--item {
        width: auto;
        top: 380px;
        right: 176px
    }
}

.k2-point--black {
    position: absolute
}

.k2-point--black::after {
    position: absolute;
    content: '';
    display: block;
    top: -40px;
    right: -40px;
    width: 20px;
    height: 20px;
    background-color: #000
}

.k2-item {
    position: absolute;
    width: 465px
}

.k2-item:nth-child(1) {
    top: 600px;
    right: 250px
}

.k2-item:nth-child(2) {
    top: 490px;
    right: 360px
}

.k2-item:nth-child(3) {
    top: 455px;
    right: 535px
}

.k2-item:nth-child(4) {
    top: 414px;
    right: 589px
}

.k2-item:nth-child(5) {
    top: 490px;
    right: 890px
}

.k2-item:nth-child(6) {
    top: 300px;
    right: 745px
}

.k2-point--black:nth-child(1) {
    top: 600px;
    right: 250px
}

.k2-point--black:nth-child(2) {
    top: 490px;
    right: 360px
}

.k2-point--black:nth-child(3) {
    top: 455px;
    right: 535px
}

.k2-point--black:nth-child(4) {
    top: 414px;
    right: 589px
}

.k2-point--black:nth-child(5) {
    top: 360px;
    right: 640px
}

.k2-point--black:nth-child(6) {
    top: 300px;
    right: 745px
}

@media(min-width:992px) {
    .k2-item {
        position: absolute;
        width: 465px
    }
    .k2-item:nth-child(1) {
        top: 600px;
        right: 250px
    }
    .k2-item:nth-child(2) {
        top: 490px;
        right: 360px
    }
    .k2-item:nth-child(3) {
        top: 455px;
        right: 535px
    }
    .k2-item:nth-child(4) {
        top: 414px;
        right: 589px
    }
    .k2-item:nth-child(5) {
        top: 490px;
        right: 890px
    }
    .k2-item:nth-child(6) {
        top: 300px;
        right: 745px
    }
    .k2-point--black:nth-child(1) {
        top: 600px;
        right: 250px
    }
    .k2-point--black:nth-child(2) {
        top: 490px;
        right: 360px
    }
    .k2-point--black:nth-child(3) {
        top: 455px;
        right: 535px
    }
    .k2-point--black:nth-child(4) {
        top: 414px;
        right: 589px
    }
    .k2-point--black:nth-child(5) {
        top: 360px;
        right: 640px
    }
    .k2-point--black:nth-child(6) {
        top: 300px;
        right: 745px
    }
}

@media(min-width:1440px) {
    .k2-item {
        position: absolute;
        width: 465px
    }
    .k2-item:nth-child(1) {
        top: 820px;
        right: 340px
    }
    .k2-item:nth-child(2) {
        top: 670px;
        right: 495px
    }
    .k2-item:nth-child(3) {
        top: 630px;
        right: 730px
    }
    .k2-item:nth-child(4) {
        top: 575px;
        right: 800px
    }
    .k2-item:nth-child(5) {
        top: 490px;
        right: 890px
    }
    .k2-item:nth-child(6) {
        top: 410px;
        right: 1027px
    }
    .k2-point--black:nth-child(1) {
        top: 820px;
        right: 340px
    }
    .k2-point--black:nth-child(2) {
        top: 670px;
        right: 495px
    }
    .k2-point--black:nth-child(3) {
        top: 630px;
        right: 730px
    }
    .k2-point--black:nth-child(4) {
        top: 575px;
        right: 800px
    }
    .k2-point--black:nth-child(5) {
        top: 490px;
        right: 890px
    }
    .k2-point--black:nth-child(6) {
        top: 410px;
        right: 1027px
    }
}

.k2-point--wrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k2-item--point {
    position: absolute;
    top: -40px;
    right: -40px;
    display: block;
    width: 33px;
    height: 33px;
    cursor: pointer
}

.k2-item--point::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #ffcb04;
    transition: all .3s ease-out
}

.k2-item--point:hover::after {
    width: 33px;
    height: 33px;
    transition: all .3s ease-out
}

.k2-item--point.-animation--k2-point::after {
    width: 33px;
    height: 33px;
    transition: all .3s ease-out
}

.route--line--yellow {
    stroke: #ffcb04 !important
}

.k2-item--box {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    transition: opacity .5s ease-out
}

.k2-item--box.-show-item-box {
    opacity: 1;
    z-index: 99;
    transition: opacity .5s ease-out
}

.k2-item--images {
    flex: 1 1 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.k2-item--content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    flex: 1 1 50%;
    padding: 12px;
    background-color: #ffcb04
}

.k2-item--title {
    font-family: Dinamit;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #404041;
    margin-bottom: 30px
}

.k2-item--text {
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #404041;
    margin-bottom: 30px
}

.k2-item--more {
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .05em;
    color: #404041
}

.k2-route-help {
    position: absolute;
    display: none;
    right: 60px;
    bottom: 60px;
    font-family: Dinamit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #404041
}

@media(min-width:992px) {
    .k2-route-main .k2-route-help {
        display: block
    }
}

.k2-body .plyr__video-wrapper.plyr__video-embed {
    padding-bottom: 56.25%
}

.k2-logo--mobile {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 88px);
    margin: 0 35px 0 53px;
    opacity: 1;
    z-index: 999
}

.k2-logo--mobile img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.k2-logo--mobile.logo--hide {
    opacity: 0;
    z-index: 1;
    transition: opacity .5s ease
}

@media(min-width:992px) {
    .k2-logo--mobile {
        opacity: 0;
        z-index: -1
    }
}

.k2-magda--mobile {
    position: relative;
    display: block
}

.k2-magda--mobile img {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    transform: translate(0, -280px)
}

@media(min-width:360px) {
    .k2-magda--mobile img {
        transform: translate(3%, -220px)
    }
}

@media(min-width:768px) {
    .k2-magda--mobile img {
        transform: translate(24%, -300px)
    }
}

@media(min-width:769px) {
    .k2-magda--mobile {
        display: none
    }
}

.k2-magda--mobile.-magda--mobile img {
    transform: scale(0.5) translate(80%, -70%);
    transition: all 1s ease
}

.k2-clouds--mobile {
    position: relative;
    display: block
}

.k2-clouds--mobile img {
    position: absolute;
    display: block;
    width: calc(100% + 88px);
    left: -53px;
    transform: translate(0, -75px)
}

.k2-clouds--mobile.-clouds-mobile-right img {
    transform: scale(1.3) translate(0, 50%);
    transition: all 1s ease
}

@media(min-width:769px) {
    .k2-clouds--mobile {
        display: none
    }
}

.magda-sticky {
    height: 853px;
    position: sticky;
    top: 210px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}