@import "webfonts/fontawesome.css";
@import "webfonts/brands.css";
@import "webfonts/solid.css";

#wpwrap {
    background-color:#5195ac;
    background-image:
    radial-gradient(at 25% 86%, hsla(192,80%,72%,1) 0px, transparent 50%),
    radial-gradient(at 12% 17%, rgb(107, 210, 236) 0px, transparent 50%),
    radial-gradient(at 85% 35%, hsla(199, 97%, 54%,0.5) 0px, transparent 50%),
    radial-gradient(at 50% 49%, hsla(162,88%,71%,0.6) 0px, transparent 50%), url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='63' height='63.6' patternTransform='scale(7) rotate(20)'><rect x='0' y='0' width='100%' height='100%' fill='%231e282f'/><path fill='%233f5f5c' d='M10.7-1.8c1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6-17.5-1.4-17-1.1zM1.2-.7l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.3-.5-.1-.2s-.9.7-1.7 1.2c-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2L6.8-.2c-.4-.2-.7-.5-1.1-.8l-.6-.4S-.2-2 1.2-.7zm-2.3 6.5l.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8L1 3.5.4 3l-.6-.5-.3-.3-.1-.1-.1-.1c-1.6-1.5-.4 3.8-.4 3.8zM36.1-.9c-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.2 2.1 4.6 3.4l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 3.2-1.8 1.5-2.6l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1A24.5 24.5 0 0057-1.8c-1.9-1-19.8.2-20.9.9zM-1.8 12.9c1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.8 3-.3 3.3zM42.33.8a22.9 22.9 0 00-2.83.3c-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6a20.69 20.69 0 019.8 5.4l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 2.5-2.2.7-2.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1a24.5 24.5 0 00-5.3-3.8c-1.9-1-4-1.6-6-2a26.05 26.05 0 00-4.47-.3zM-5.9 17.9c1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2 0 0-2 2.3-1.5 2.6zM38.23 5.8a22.9 22.9 0 00-2.83.3c-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.2 2.1 4.6 3.4l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 .8-2.2 0-2.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1a24.5 24.5 0 00-5.3-3.8c-1.9-1-4-1.6-6-2a26.03 26.03 0 00-4.47-.3zM35.67 13c-1.43-.04-2.9.08-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1 .7-.4 1a17.8 17.8 0 006.3 2.7c.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1a20.69 20.69 0 019.8-5.4c1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2a22.9 22.9 0 00-2.83-.3zM65.5 24.9c-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1a17.8 17.8 0 006.3 2.7c.9.1 1.1-1.9.3-2zm-25.63-7c-1.43-.04-2.9.07-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4C3 29 1.7 28.6.5 28.1c-.5-.3-1.1-.5-1.5-.8-.5-.3-.9.4-.4.8.4.4.9.7 1.5 1a17.8 17.8 0 006.3 2.7c.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1c1.4-1.3 2.9-2.5 4.6-3.4 1.7-.9 3.4-1.6 5.2-2 1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2-.4-.1-.9-.2-1.4-.2-.47-.05-.95-.08-1.43-.1zM67.4 29.4c-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1 1.1.8 2.4 1.4 3.9 2 .8.3 1.2-1.5.4-1.7zm-23.33-6.6c-1.43-.04-2.9.07-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1 1.1.7 2.4 1.4 3.9 2 .8.3 1.6.5 2.4.7.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1a20.69 20.69 0 019.8-5.4c1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2-.4-.1-.9-.2-1.4-.2-.47-.05-.95-.08-1.43-.1zm20.83 8.7c-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7-.3.3-.5zM-.3 34.6c.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.5-.1-.1.2zm48.47-6.9c-1.43-.04-2.9.07-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1 1.1.7 2.4 1.4 3.9 2 .8.3 1.6.5 2.4.7.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1a20.69 20.69 0 019.8-5.4c1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2a22.9 22.9 0 00-2.83-.3zM-.6 36.8c.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3 2.3 2.5 3.5 3zm52.97-4.2c-1.43-.04-2.9.08-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1 1.1.7 2.4 1.4 3.9 2 .8.3 1.6.5 2.4.7.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1c1.4-1.3 2.9-2.5 4.6-3.4 1.7-.9 3.4-1.6 5.2-2 1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9-.4.4-.8-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2-.4-.1-.9-.2-1.4-.2-.47-.05-.95-.08-1.43-.1zM-2.7 40.1c.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1.1.5 1.5.8.5.3.9.5 1.3.7.8.5 1.3.9 1.7 1.2.4.3.6.4.6.4s-.2-.2-.5-.6c-.3-.3-.8-.9-1.5-1.5-.4-.3-.7-.6-1.2-1-.4-.4-.9-.7-1.5-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-1.1 1.9-.3 2zm59.17-2.5c-1.43-.04-2.9.08-4.47.3-2 .4-4.1 1-6 2-1.9 1-3.7 2.3-5.3 3.8l-.1.1-.1.1-.3.3-.6.5-.6.5-.6.4c-.4.3-.7.6-1.1.8l-1.2.7c-1.7.8-3.4 1.6-5.2 2-1.8.4-3.5.6-5.2.6-.8 0-1.6-.1-2.4-.2-.8-.1-1.5-.2-2.3-.4-1.4-.4-2.7-.8-3.9-1.3-.5-.3-1.1-.5-1.5-.8-.5-.3-.9-.5-1.3-.7-.8-.5-1.3-.9-1.7-1.2-.4-.3-.6-.4-.6-.4s.2.2.5.6c.3.3.8.9 1.5 1.5.3.3.7.6 1.2 1 .4.4.9.7 1.5 1 1.1.7 2.4 1.4 3.9 2 .8.3 1.6.5 2.4.7.9.1 1.7.4 2.7.4 1.9.2 3.8.1 5.9-.2 2-.4 4.1-1 6-2 .5-.3.9-.5 1.4-.8.5-.3.9-.6 1.4-.9l.7-.5.6-.5.6-.5.3-.3.2-.2.1-.1c1.4-1.3 2.9-2.5 4.6-3.4 1.7-.9 3.4-1.6 5.2-2 1.8-.4 3.5-.6 5.2-.6.8 0 1.6.1 2.4.2.8.1 1.5.2 2.3.4 1.4.4 2.7.8 3.9 1.3.5.3 1-.7.4-1-1.1-.7-2.4-1.4-3.9-2-.8-.3-1.6-.5-2.4-.7-.4-.1-.9-.2-1.3-.2-.4-.1-.9-.2-1.4-.2-.47-.05-.95-.08-1.43-.1zm-60.44 7.2c-.48.02-2.23 2.3-1.43 2.3 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.2 2.1 4.6 3.4l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1a21.9 21.9 0 00-5.3-3.8c-1.9-1-4-1.6-6-2a26.05 26.05 0 00-4.47-.3zm61.57.1c-.5 0-1 .1-1.4.2-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.4-1.6 1.5-2.6s-4-1.6-6-2a25.81 25.81 0 00-4-.3c-.95.02-1.43.05-1.9.1zm-62 7.7A20.69 20.69 0 015.4 58l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 4 1.6 6 2 2.1.3 4 .4 5.9.2 1 0 1.8-.3 2.7-.4.8-.2 1.6-.4 2.4-.7 1.5-.6 2.8-1.3 3.9-2 .6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1A24.5 24.5 0 002.3 52c-1.9-1-4-1.6-6-2-1.57-.22-2.5 2.2-.7 2.6zm59.23-2.9A22.9 22.9 0 0052 50c-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.4-1.6 1.5-2.6s-4-1.6-6-2a26.05 26.05 0 00-4.47-.3zM-3.4 59.5c1.7.9 3.2 2.1 4.6 3.4l.1.1.2.2.3.3.6.5.6.5.7.5c.5.3.9.6 1.4.9.5.3.9.5 1.4.8 1.9 1 19.8-.2 20.9-.9.6-.3 1.1-.6 1.5-1 .5-.4.9-.7 1.2-1 .7-.6 1.2-1.2 1.5-1.5.3-.4.5-.6.5-.6s-.2.1-.6.4c-.4.3-.9.7-1.7 1.2-.4.2-.8.4-1.3.7-.4.3-1 .5-1.5.8-1.2.5-2.5.9-3.9 1.3-.8.2-1.5.3-2.3.4-.8.1-1.6.2-2.4.2-1.7 0-3.4-.2-5.2-.6-1.8-.4-3.5-1.2-5.2-2l-1.2-.7c-.4-.2-.7-.5-1.1-.8l-.6-.4-.6-.5-.6-.5-.3-.3-.1-.1-.1-.1a24.5 24.5 0 00-5.3-3.8c-1.9-1-3.2 1.7-1.5 2.6zm54.03-4.9c-.48.02-.96.05-1.43.1-.5 0-1 .1-1.4.2-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-1.2 1.2-1.5 1.5-.3.4-.5.6-.5.6s.2-.1.6-.4c.4-.3.9-.7 1.7-1.2.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 3.2 2.1 4.6 3.4l.1.1 2.1-2.3a24.5 24.5 0 00-5.3-3.8c-1.9-1-4-1.6-6-2a26.04 26.04 0 00-4.47-.3zm-4.1 4.9c-.48.02-.96.05-1.43.1-.5 0-1 .1-1.4.2-.4 0-.9.1-1.3.2-.8.2-1.6.4-2.4.7-1.5.6-2.8 1.3-3.9 2-.6.3-1.1.6-1.5 1-.5.4-.8.7-1.2 1-.7.6-.5 1 .3.5.4-.2.8-.4 1.3-.7.4-.3 1-.5 1.5-.8 1.2-.5 2.5-.9 3.9-1.3.8-.2 1.5-.3 2.3-.4.8-.1 1.6-.2 2.4-.2 1.7 0 3.4.2 5.2.6 1.8.4 3.5 1.1 5.2 2 1.7.9 6.9 1.3 6.9 1.3l-.1-.1a24.5 24.5 0 00-5.3-3.8c-1.9-1-4-1.6-6-2a26.05 26.05 0 00-4.47-.3z'/></pattern></defs><rect width='100%' height='100%' fill='url(%23a)'/></svg>");
    background-size: cover;
    min-height: 100%;
    color: #212931;
}

.pvb-setup-container {
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    min-height: 350px;
    background: rgba(242, 250, 255, 0.90);
    backdrop-filter: saturate(100), blur(6px) !important;
    border-radius: 12px;
    border: 1px solid #c5cdd4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.pvb-setup-container h1 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 25px 0 15px 0;
    text-align: center;
}

.pvb-setup-container-inner {
    background: #fff;
    border-radius: 0 0 11px 11px;
    padding: 20px;
}

.pvb-setup-inner div {
    position: relative;
}

.pvb-setup-container-inner h2 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.3rem;
}

.pvb-setup-container-inner p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 20px 0 20px 0;
    text-align: center;
}

.pvb-steps-wrapper {
    position: relative;
    width: 100%;
    transition: height 0.4s ease;
    overflow: hidden;
    will-change: height;
    height: auto;
}

.pvb-settings-tabs-logo {
    width: 100%;
}
.pvb-settings-tabs-logo img {
    width: 100%;
    max-width: 480px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.pvb-step {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease;
    box-sizing: border-box;
    display: none;
}


.pvb-step.active {
    opacity: 1;
    position: absolute;
    visibility: visible;
    z-index: 2;
    display: block;
}

.pvb-step.hidden {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

#pvb-setup-form {
    width: 100%;
    position: relative;
    padding-bottom: 80px; /* Reserve space for fixed nav */
}

.pvb-navigation {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.pvb-navigation button {
    padding: 8px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.button-primary { background: #2271b1; color: #fff; }
.button-secondary { background: #eee; color: #333; }

.pvb-progress-bar-wrapper {
    margin: 0 24px 0 24px;
}

.pvb-progress-bar {
    width: 100%;
    height: 8px;
    background: rgba(219, 219, 219, 0.9);
    border-radius: 6px;
    overflow: hidden;
}

.pvb-progress-bar-fill {
    height: 100%;
    width: 0;
    background: #16b3fb;
    transition: width 0.3s ease;
    border-radius: 6px;
}

.pvb-progress-percent {
    text-align: center;
    font-size: 14px;
    color: #64748b;
    font-weight: 600;
    margin: 2px 0 15px 0;
}


.step-number {
    font-size: 14px;
    color: #16b3fb;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
}

input[type="text"] {
    max-width: 450px;
    float: right;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 11px;
    box-sizing: border-box;
    font-size: 18px;
    margin-top: -30px;
    transition: all 0.2s ease;
}

input[type="text"]:focus {
    border-color: #16b3fb;
    outline: none;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

input[type="text"]::placeholder {
    color: #9ca3af;
}

/* Buttons */
button.pvbdefault, input.pvbdefault {
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 800;
    font-size: 18px;
    transition: transform 0.2s;
    background-color: #16b3fb;
    color: #fff;
}

button.pvbdefault:hover, input.pvbdefault:hover {
    transform: translateY(-2px);
}

/* Primary button with right icon */
button.pvbdefault.with-right-icon, input.pvbdefault.with-right-icon {
    padding-right: 60px; /* Make room for the large icon */
    display: inline-flex;
    align-items: center;
    position: relative;
}

button.pvbdefault.with-right-icon i, input.pvbdefault.with-right-icon i {
    position: absolute;
    right: 6px; /* Small blue border on the right */
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem; /* Large icon */
    color: #16b3fb;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
}

/* Base secondary button - no icon space */
button.pvbsecondary, input.pvbsecondary {
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 800;
    font-size: 18px;
    background-color: transparent;
    color: #5f5f5f;
    box-shadow: inset 0 0 0 2px #5f5f5f;
    transition: transform 0.2s;
}

button.pvbsecondary:hover, input.pvbsecondary:hover {
    transform: translateY(-3px);
}

/* Secondary button with left icon */
button.pvbsecondary.with-left-icon, input.pvbsecondary.with-left-icon {
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 800;
    font-size: 18px;
    background-color: #5f5f5f;
    color: #fff;
    transition: transform 0.2s;
}

button.pvbsecondary.with-left-icon:hover, input.pvbsecondary.with-left-icon:hover {
    transform: translateY(-2px);
}

button.pvbsecondary.with-left-icon, input.pvbsecondary.with-left-icon {
    padding-left: 60px; /* Make room for the large icon on the left */
    display: inline-flex;
    align-items: center;
    position: relative;
}

button.pvbsecondary.with-left-icon i, input.pvbsecondary.with-left-icon i {
    position: absolute;
    left: 6px; /* Small border on the left */
    right: 6px; /* Small border on the right */
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem; /* Large icon */
    color: #5f5f5f;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: none;
}

/* Main Options */
.main-option {
    background: linear-gradient(135deg, #f8faff 0%, #f1f5f9 100%);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.2s ease;
    margin-bottom: 20px;
}

.main-option p {
    text-align: left;
}

.main-option:hover {
    border-color:#16b3fb;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.1);
}

.option-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.option-header > div:first-child {
    min-width: 100%;
}

.option-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
}

.required-badge {
    background: linear-gradient(135deg,rgb(185, 16, 16),rgb(150, 5, 5));
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.recommended-badge {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.optional-badge {
    background: linear-gradient(135deg,rgb(16, 109, 185),rgb(5, 51, 150));
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.option-description {
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 16px;
}

.details-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.details-content.open {
    display: block;
    max-height: 1000px;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.detail-section {
    margin-bottom: 20px;
}

.detail-title {
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 14px;
}

.detail-text {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
}

.privacy-notice {
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: 8px;
    padding: 16px;
    margin-top: 20px;
}

.privacy-icon {
    color: #f59e0b;
    margin-right: 8px;
}

.privacy-text {
    color: #92400e;
    font-size: 14px;
    line-height: 1.5;
}

.wizard-actions {
    padding: 24px 40px;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.details-toggle {
    background: none;
    border: none;
    color: #16b3fb;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    transition: color 0.2s ease;
}

.details-toggle:hover {
    color: #16b3fb;
}

.details-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

.details-content.open {
    display: block;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chevron {
    transition: transform 0.3s ease;
}

.chevron.rotated {
    transform: rotate(180deg);
}

/*styles for colored switches*/
.onoffswitch-container {
    display: inline-block;
    float: right;
    margin: -40px 0 0 0
}

.onoffswitch {
    position: relative;
    width: 80px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    margin: 10px auto;
}
.onoffswitch input {
    display: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: background-color 0.2s ease 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 28px;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    font-size: 14px;
    color: white;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    text-align: left;
    background: #16b3fb;
    color: #fff;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    text-align: right;
    background-color: #EEEEEE;
    color: #999999;
}
.onoffswitch-switch {
    display: block;
    width: 32px;
    margin: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 48px;
    transition: transform 0.2s ease-in 0s, right 0.2s ease-in 0s;
    will-change: transform, right;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #c6cdd4;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch {
    right: 40px; 
}

/* SETUP WIZARD IP HEADER TOGGLE */

.recommended-setting {
    margin-top: 20px;
}

.header-option {
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.header-option:hover {
    border-color: #0073aa;
    background-color: #f8f9fa;
}

.header-option.recommended {
    border-color: #00a32a;
    background-color: #f0f8f0;
}

.header-option input[type="radio"] {
    margin-right: 10px;
    margin-top: 2px;
}

.option-content {
    flex: 1;
}

.option-content strong {
    display: block;
    margin-bottom: 4px;
    color: #23282d;
}

.option-content .option-description {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

.header-options {
    margin-top: 10px;
}

/* LAST STEP */

#pvb-setup-complete {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#pvb-setup-complete i {
    color: #16b3fb;
    font-size: 6rem;
}

/* Error Messages */
.pvberror {
	border-radius: 9px;
	overflow: hidden;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}
.pvberrortitle {
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
    background: #16b3fb;
    color: #fff;
    border-bottom: 1px solid #ddd;
}
.pvberrorinside {
	padding: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
}