html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
*,
*::before,
*::after{box-sizing:border-box;}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration:none; 
color:inherit; 
cursor:pointer;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}body {
font-size: 16px;
line-height: 1;
letter-spacing: 0.3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
flex-direction: column;
}
img,
video,
svg {
vertical-align: top;
}
a {
text-decoration: none;
}
li {
list-style-type: none;
}
p {
line-height: 1.5;
}
b {
font-weight:initial;
}
ul,
ol {
margin: 0px;
padding: 0px;
}
.post,
.page {
margin: 0px;
}
button {
border: none;
}
hr {
border:0;
display:inline-block;
}
:root {
--f-14: 14px;
--f-16: 16px;
--f-18: 18px;
--f-20: 20px;
--f-22: 22px;
--f-25: 25px;
--f-30: 30px;
--f-35: 35px;
--f-40: 40px;
--f-45: 45px;
--f-50: 50px;
--f-60: 60px;
--f-70: 70px;
--f-80: 80px;
--f-90: 90px;
--f-100: 100px;
--f-110: 110px;
--f-120: 120px;
--f-130: 130px;
--f-140: 140px;
--f-150: 150px;
--f-180: 180px;
--f-200: 200px;
--f-250: 250px;
--f-300: 300px;
--f-350: 350px;
--mb-5: 5px;
--mb-8: 8px;
--mb-10: 10px;
--mb-15: 15px;
--mb-20: 20px;
--mb-25: 25px;
--mb-30: 30px;
--mb-35: 35px;
--mb-40: 40px;
--mb-45: 45px;
--mb-50: 50px;
--mb-60: 60px;
--mb-70: 70px;
--mb-80: 80px;
--mb-90: 90px;
--mb-100: 100px;
--mb-120: 120px;
--mb-130: 130px;
--mb-150: 150px;
--mb-170: 170px;
--mb-180: 180px;
--mb-200: 200px;
--mb-220: 220px;
--mb-250: 250px;
--mb-300: 300px;
--mb-350: 350px;
--mb-400: 400px;
--mb--5: -5px;
--mb--8: -8px;
--mb--10: -10px;
--mb--15: -15px;
--mb--20: -20px;
--mb--25: -25px;
--mb--30: -30px;
--mb--35: -35px;
--mb--40: -40px;
--mb--50: -50px;
--mb--60: -60px;
--mb--70: -70px;
--mb--80: -80px;
--mb--90: -90px;
--mb--100: -100px;
--mb--120: -120px;
--mb--150: -150px;
--mb--170: -170px;
--mb--200: -200px;
--mb--250: -250px;
--mb--300: -300px;
--mb--350: -350px;
--mb--400: -400px;
--mt--5: -5px;
--mt--8: -8px;
--mt--10: -10px;
--mt--15: -15px;
--mt--20: -20px;
--mt--25: -25px;
--mt--30: -30px;
--mt--35: -35px;
--mt--40: -40px;
--mt--50: -50px;
--mt--60: -60px;
--mt--70: -70px;
--mt--80: -80px;
--mt--90: -90px;
--mt--100: -100px;
--mt--120: -120px;
--mt--150: -150px;
--mt--170: -170px;
--mt--200: -200px;
--mt--250: -250px;
--mt--300: -300px;
--mt--350: -350px;
--mt--400: -400px;
--mr--5: -5px;
--mr--8: -8px;
--mr--10: -10px;
--mr--15: -15px;
--mr--20: -20px;
--mr--25: -25px;
--mr--30: -30px;
--mr--35: -35px;
--mr--40: -40px;
--mr--50: -50px;
--mr--60: -60px;
--mr--70: -70px;
--mr--80: -80px;
--mr--90: -90px;
--mr--100: -100px;
--mr--120: -120px;
--mr--150: -150px;
--mr--170: -170px;
--mr--200: -200px;
--mr--250: -250px;
--mr--300: -300px;
--mr--350: -350px;
--mr--400: -400px;
--mr-2: 2px;
--mr-5: 5px;
--mr-8: 8px;
--mr-10: 10px;
--mr-15: 15px;
--mr-20: 20px;
--mr-25: 25px;
--mr-30: 30px;
--mr-35: 35px;
--mr-40: 40px;
--mr-45: 45px;
--mr-50: 50px;
--mr-60: 60px;
--mr-70: 70px;
--mr-80: 80px;
--mr-90: 90px;
--mr-100: 100px;
--mr-120: 120px;
--mr-150: 150px;
--mr-170: 170px;
--mr-200: 200px;
--mr-250: 250px;
--mr-300: 300px;
--mr-350: 350px;
--mr-400: 400px;
--ml-5: 5px;
--ml-8: 8px;
--ml-10: 10px;
--ml-15: 15px;
--ml-20: 20px;
--ml-25: 25px;
--ml-30: 30px;
--ml-35: 35px;
--ml-40: 40px;
--ml-50: 50px;
--ml-60: 60px;
--ml-70: 70px;
--ml-80: 80px;
--ml-90: 90px;
--ml-100: 100px;
--ml-120: 120px;
--ml-150: 150px;
--ml-170: 170px;
--ml-200: 200px;
--ml-250: 250px;
--ml-300: 300px;
--ml-350: 350px;
--ml-400: 400px;
--ml--5: -5px;
--ml--8: -8px;
--ml--10: -10px;
--ml--15: -15px;
--ml--20: -20px;
--ml--25: -25px;
--ml--30: -30px;
--ml--35: -35px;
--ml--40: -40px;
--ml--50: -50px;
--ml--60: -60px;
--ml--70: -70px;
--ml--80: -80px;
--ml--90: -90px;
--ml--100: -100px;
--ml--120: -120px;
--ml--150: -150px;
--ml--170: -170px;
--ml--200: -200px;
--ml--250: -250px;
--ml--300: -300px;
--ml--350: -350px;
--ml--400: -400px;
--mt-5: 5px;
--mt-8: 8px;
--mt-10: 10px;
--mt-15: 15px;
--mt-20: 20px;
--mt-25: 25px;
--mt-30: 30px;
--mt-35: 35px;
--mt-40: 40px;
--mt-50: 50px;
--mt-60: 60px;
--mt-70: 70px;
--mt-80: 80px;
--mt-90: 90px;
--mt-100: 100px;
--mt-120: 120px;
--mt-150: 150px;
--mt-170: 170px;
--mt-200: 200px;
--mt-250: 250px;
--mt-300: 300px;
--mt-350: 350px;
--mt-400: 400px;
--mx-5: 5px;
--mx-8: 8px;
--mx-10: 10px;
--mx-15: 15px;
--mx-20: 20px;
--mx-25: 25px;
--mx-30: 30px;
--mx-35: 35px;
--mx-40: 40px;
--mx-50: 50px;
--mx-60: 60px;
--mx-70: 70px;
--mx-80: 80px;
--mx-90: 90px;
--mx-100: 100px;
--mx-120: 120px;
--mx-150: 150px;
--mx-170: 170px;
--mx-200: 200px;
--mx-250: 250px;
--mx-300: 300px;
--mx-350: 350px;
--mx-400: 400px;
--mx--5: -5px;
--mx--8: -8px;
--mx--10: -10px;
--mx--15: -15px;
--mx--20: -20px;
--mx--25: -25px;
--mx--30: -30px;
--mx--35: -35px;
--mx--40: -40px;
--mx--50: -50px;
--mx--60: -60px;
--mx--70: -70px;
--mx--80: -80px;
--mx--90: -90px;
--mx--100: -100px;
--mx--120: -120px;
--mx--150: -150px;
--mx--170: -170px;
--mx--200: -200px;
--mx--250: -250px;
--mx--300: -300px;
--mx--350: -350px;
--mx--400: -400px;
--my-5: 5px;
--my-8: 8px;
--my-10: 10px;
--my-15: 15px;
--my-20: 20px;
--my-25: 25px;
--my-30: 30px;
--my-35: 35px;
--my-40: 40px;
--my-50: 50px;
--my-60: 60px;
--my-70: 70px;
--my-80: 80px;
--my-90: 90px;
--my-100: 100px;
--my-120: 120px;
--my-150: 150px;
--my-170: 170px;
--my-200: 200px;
--my-250: 250px;
--my-300: 300px;
--my-350: 350px;
--my-400: 400px;
--my--5: -5px;
--my--8: -8px;
--my--10: -10px;
--my--15: -15px;
--my--20: -20px;
--my--25: -25px;
--my--30: -30px;
--my--35: -35px;
--my--40: -40px;
--my--50: -50px;
--my--60: -60px;
--my--70: -70px;
--my--80: -80px;
--my--90: -90px;
--my--100: -100px;
--my--120: -120px;
--my--150: -150px;
--my--170: -170px;
--my--200: -200px;
--my--250: -250px;
--my--300: -300px;
--my--350: -350px;
--my--400: -400px;
--gap-5: 5px;
--gap-10: 10px;
--gap-15: 15px;
--gap-20: 20px;
--gap-25: 25px;
--gap-30: 30px;
--gap-35: 35px;
--gap-40: 40px;
--gap-50: 50px;
--gap-60: 60px;
--gap-70: 70px;
--gap-80: 80px;
--gap-90: 90px;
--gap-100: 100px;
--gap-120: 120px;
--gap-140: 140px;
--gap-150: 150px;
--gap-200: 200px;
--gap-x-5: 5px;
--gap-x-10: 10px;
--gap-x-15: 15px;
--gap-x-20: 20px;
--gap-x-25: 25px;
--gap-x-30: 30px;
--gap-x-40: 40px;
--gap-x-50: 50px;
--gap-x-60: 60px;
--gap-x-70: 70px;
--gap-x-80: 80px;
--gap-x-90: 90px;
--gap-x-100: 100px;
--gap-x-120: 120px;
--gap-x-140: 140px;
--gap-x-150: 150px;
--gap-x-200: 200px;
--w-10: 10px;
--w-15: 15px;
--w-20: 20px;
--w-30: 30px;
--w-35: 35px;
--w-40: 40px;
--w-45: 45px;
--w-50: 50px;
--w-55: 55px;
--w-60: 60px;
--w-65: 65px;
--w-70: 70px;
--w-80: 80px;
--w-85: 85px;
--w-90: 90px;
--w-95: 95px;
--w-100: 100px;
--w-110: 110px;
--w-120: 120px;
--w-130: 130px;
--w-140: 140px;
--w-150: 150px;
--w-160: 160px;
--w-170: 170px;
--w-180: 180px;
--w-190: 190px;
--w-200: 200px;
--w-250: 250px;
--w-300: 300px;
--w-350: 350px;
--w-400: 400px;
--w-450: 450px;
--w-500: 500px;
--w-550: 550px;
--w-600: 600px;
--w-650: 650px;
--w-700: 700px;
--w-750: 750px;
--w-800: 800px;
--w-850: 850px;
--w-900: 900px;
--w-950: 950px;
--w-1000: 1000px;
--w-1100: 1100px;
--w-1200: 1200px;
--w-1300: 1300px;
--w-1400: 1400px;
--w-1500: 1500px;
--w-1600: 1600px;
--h-5: 5px;
--h-8: 8px;
--h-10: 10px;
--h-12: 12px;
--h-14: 14px;
--h-15: 15px;
--h-16: 16px;
--h-18: 18px;
--h-20: 20px;
--h-22: 22px;
--h-24: 24px;
--h-25: 25px;
--h-26: 26px;
--h-28: 28px;
--h-30: 30px;
--h-35: 35px;
--h-40: 40px;
--h-45: 45px;
--h-50: 50px;
--h-55: 55px;
--h-60: 60px;
--h-65: 65px;
--h-70: 70px;
--h-75: 75px;
--h-80: 80px;
--h-85: 85px;
--h-90: 90px;
--h-95: 95px;
--h-100: 100px;
--h-110: 110px;
--h-120: 120px;
--h-130: 130px;
--h-140: 140px;
--h-150: 150px;
--h-160: 160px;
--h-170: 170px;
--h-180: 180px;
--h-190: 190px;
--h-200: 200px;
--h-250: 250px;
--h-300: 300px;
--h-350: 350px;
--h-400: 400px;
--h-450: 450px;
--h-500: 500px;
--h-550: 550px;
--h-600: 600px;
--h-650: 650px;
--h-700: 700px;
--h-750: 750px;
--h-800: 800px;
--h-850: 850px;
--h-900: 900px;
--h-950: 950px;
--h-1000: 1000px;
--h-1100: 1100px;
--h-1200: 1200px;
--h-1300: 1300px;
--h-1400: 1400px;
--h-1500: 1500px;
--h-1600: 1600px;
--p-5: 5px;
--p-8: 8px;
--p-10-100: 10%;
--px-10-100: 10%;
--py-10-100: 10%;
--p-10: 10px;
--p-15: 15px;
--p-20: 20px;
--p-25: 25px;
--p-30: 30px;
--p-35: 35px;
--p-40: 40px;
--p-50: 50px;
--p-60: 60px;
--p-70: 70px;
--p-80: 80px;
--p-90: 90px;
--p-100: 100px;
--p-120: 120px;
--p-150: 150px;
--p-170: 170px;
--p-200: 200px;
--p-250: 250px;
--p-300: 300px;
--p-350: 350px;
--p-400: 400px;
--pr-5: 5px;
--pr-8: 8px;
--pr-10: 10px;
--pr-15: 15px;
--pr-20: 20px;
--pr-25: 25px;
--pr-30: 30px;
--pr-35: 35px;
--pr-40: 40px;
--pr-50: 50px;
--pr-60: 60px;
--pr-70: 70px;
--pr-80: 80px;
--pr-90: 90px;
--pr-100: 100px;
--pr-120: 120px;
--pr-150: 150px;
--pr-170: 170px;
--pr-200: 200px;
--pr-250: 250px;
--pr-300: 300px;
--pr-350: 350px;
--pr-400: 400px;
--pl-5: 5px;
--pl-8: 8px;
--pl-10: 10px;
--pl-15: 15px;
--pl-20: 20px;
--pl-25: 25px;
--pl-30: 30px;
--pl-35: 35px;
--pl-40: 40px;
--pl-50: 50px;
--pl-60: 60px;
--pl-70: 70px;
--pl-80: 80px;
--pl-90: 90px;
--pl-100: 100px;
--pl-150: 150px;
--pl-170: 170px;
--pl-200: 200px;
--pl-250: 250px;
--pl-300: 300px;
--pl-350: 350px;
--pl-400: 400px;
--pt-5: 5px;
--pt-8: 8px;
--pt-10: 10px;
--pt-15: 15px;
--pt-20: 20px;
--pt-25: 25px;
--pt-30: 30px;
--pt-35: 35px;
--pt-40: 40px;
--pt-50: 50px;
--pt-60: 60px;
--pt-70: 70px;
--pt-80: 80px;
--pt-90: 90px;
--pt-100: 100px;
--pt-120: 120px;
--pt-150: 150px;
--pt-170: 170px;
--pt-200: 200px;
--pt-250: 250px;
--pt-300: 300px;
--pt-350: 350px;
--pt-400: 400px;
--pb-5: 5px;
--pb-8: 8px;
--pb-10: 10px;
--pb-15: 15px;
--pb-20: 20px;
--pb-25: 25px;
--pb-30: 30px;
--pb-35: 35px;
--pb-40: 40px;
--pb-50: 50px;
--pb-60: 60px;
--pb-70: 70px;
--pb-80: 80px;
--pb-90: 90px;
--pb-100: 100px;
--pb-120: 120px;
--pb-150: 150px;
--pb-170: 170px;
--pb-200: 200px;
--pb-250: 250px;
--pb-300: 300px;
--pb-350: 350px;
--pb-400: 400px;
--py-5: 5px;
--py-8: 8px;
--py-10: 10px;
--py-15: 15px;
--py-20: 20px;
--py-25: 25px;
--py-30: 30px;
--py-35: 35px;
--py-40: 40px;
--py-50: 50px;
--py-60: 60px;
--py-70: 70px;
--py-80: 80px;
--py-90: 90px;
--py-100: 100px;
--py-120: 120px;
--py-150: 150px;
--py-170: 170px;
--py-200: 200px;
--py-250: 250px;
--py-300: 300px;
--py-350: 350px;
--py-400: 400px;
--px-5: 5px;
--px-8: 8px;
--px-10: 10px;
--px-15: 15px;
--px-20: 20px;
--px-25: 25px;
--px-30: 30px;
--px-35: 35px;
--px-40: 40px;
--px-50: 50px;
--px-60: 60px;
--px-70: 70px;
--px-80: 80px;
--px-90: 90px;
--px-100: 100px;
--px-120: 120px;
--px-150: 150px;
--px-170: 170px;
--px-200: 200px;
--px-250: 250px;
--px-300: 300px;
--px-350: 350px;
--px-400: 400px;
--br-8: 8px;
--br-10: 10px;
--br-12: 12px;
--br-15: 15px;
--br-20: 20px;
--br-25: 25px;
--br-30: 30px;
--r-0: 0px;
--r-5: 5px;
--r-10: 10px;
--r-15: 15px;
--r-20: 20px;
--r-25: 25px;
--r-30: 30px;
--r-40: 40px;
--r-50: 50px;
--r-60: 60px;
--r-70: 70px;
--r-80: 80px;
--r-90: 90px;
--r-100: 100px;
--r-110: 110px;
--r-120: 120px;
--r-130: 130px;
--r-140: 140px;
--r-150: 150px;
--r--5: -5px;
--r--10: -10px;
--r--15: -15px;
--r--20: -20px;
--r--25: -25px;
--r--30: -30px;
--r--35: -35px;
--r--40: -40px;
--r--50: -50px;
--r--60: -60px;
--r--70: -70px;
--r--80: -80px;
--r--90: -90px;
--r--100: -100px;
--r--110: 110px;
--r--130: -130px;
--r--140: -140px;
--r--150: -150px;
--r--200: -200px;
--r--300: -300px;
--r--350: -350px;
--r--400: -400px;
--t-0: 0px;
--t-5: 5px;
--t-8: 8px;
--t-10: 10px;
--t-15: 15px;
--t-20: 20px;
--t-25: 25px;
--t-30: 30px;
--t-40: 40px;
--t-50: 50px;
--t-60: 60px;
--t-70: 70px;
--t-80: 80px;
--t-90: 90px;
--t-100: 100px;
--t-110: 110px;
--t-120: 120px;
--t-130: 130px;
--t-140: 140px;
--t-150: 150px;
--t-200: 200px;
--t-250: 250px;
--t--1: -1px;
--t--2: -2px;
--t--3: -3px;
--t--4: -4px;
--t--5: -5px;
--t--10: -10px;
--t--15: -15px;
--t--20: -20px;
--t--25: -25px;
--t--30: -30px;
--t--40: -40px;
--t--50: -50px;
--t--60: -60px;
--t--70: -70px;
--t--80: -80px;
--t--90: -90px;
--t--100: -100px;
--t--110: 110px;
--t--120: -120px;
--t--130: -130px;
--t--140: -140px;
--t--150: -150px;
--t--200: -200px;
--t--250: -250px;
--l-0: 0px;
--l-5: 5px;
--l-10: 10px;
--l-15: 15px;
--l-20: 20px;
--l-25: 25px;
--l-30: 30px;
--l-35: 35px;
--l-40: 40px;
--l-50: 50px;
--l-60: 60px;
--l-70: 70px;
--l-80: 80px;
--l-90: 90px;
--l-100: 100px;
--l-130: 130px;
--l-140: 140px;
--l-150: 150px;
--l--5: -5px;
--l--10: -10px;
--l--15: -15px;
--l--20: -20px;
--l--25: -25px;
--l--30: -30px;
--l--35: -35px;
--l--40: -40px;
--l--50: -50px;
--l--60: -60px;
--l--70: -70px;
--l--80: -80px;
--l--90: -90px;
--l--100: -100px;
--l--110: 110px;
--l--120: -120px;
--l--130: -130px;
--l--140: -140px;
--l--150: -150px;
--l--200: -200px;
--l--300: -300px;
--b-5: 5px;
--b-10: 10px;
--b-15: 15px;
--b-20: 20px;
--b-25: 25px;
--b-30: 30px;
--b-40: 40px;
--b-50: 50px;
--b-60: 60px;
--b-70: 70px;
--b-80: 80px;
--b-90: 90px;
--b-100: 100px;
--b-110: 110px;
--b-120: 120px;
--b-130: 130px;
--b-140: 140px;
--b-150: 150px;
--b--2: -2px;
--b--5: -5px;
--b--10: -10px;
--b--15: -15px;
--b--20: -20px;
--b--25: -25px;
--b--30: -30px;
--b--40: -40px;
--b--50: -50px;
--b--60: -60px;
--b--70: -70px;
--b--80: -80px;
--b--90: -90px;
--b--100: -100px;
--b--110: 110px;
--b--120: -120px;
--b--130: -130px;
--b--140: -140px;
--b--150: -150px;
} :root {
--90: 100;
}
@media (max-width:2000px) {
:root {
--90: 99;
}
}
@media (max-width:1500px) {
:root {
--90: 98;
}
}
@media (max-width:1100px) {
:root {
--90: 97;
}
}
@media (max-width:1000px) {
:root {
--90: 95;
}
}
@media (max-width:800px) {
:root {
--90: 94;
}
}
@media (max-width:700px) {
:root {
--90: 93;
}
}
@media (max-width:600px) {
:root {
--90: 92;
}
}
@media (max-width:500px) {
:root {
--90: 91;
}
}
@media (max-width:400px) {
:root {
--90: 90;
}
} :root {
--80: 100;
}
@media (max-width:2000px) {
:root {
--80: 98;
}
}
@media (max-width:1500px) {
:root {
--80: 96;
}
}
@media (max-width:1300px) {
:root {
--80: 95;
}
}
@media (max-width:1200px) {
:root {
--80: 95;
}
}
@media (max-width:1100px) {
:root {
--80: 94;
}
}
@media (max-width:1000px) {
:root {
--80: 90;
}
}
@media (max-width:900px) {
:root {
--80: 89;
}
}
@media (max-width:800px) {
:root {
--80: 88;
}
}
@media (max-width:700px) {
:root {
--80: 86;
}
}
@media (max-width:600px) {
:root {
--80: 84;
}
}
@media (max-width:500px) {
:root {
--80: 82;
}
}
@media (max-width:400px) {
:root {
--80: 80;
}
} :root {
--70: 100;
}
@media (max-width:2000px) {
:root {
--70: 97;
}
}
@media (max-width:1500px) {
:root {
--70: 93;
}
}
@media (max-width:1300px) {
:root {
--70: 91;
}
}
@media (max-width:1200px) {
:root {
--70: 90;
}
}
@media (max-width:1100px) {
:root {
--70: 89;
}
}
@media (max-width:1000px) {
:root {
--70: 85;
}
}
@media (max-width:900px) {
:root {
--70: 83;
}
}
@media (max-width:800px) {
:root {
--70: 82;
}
}
@media (max-width:700px) {
:root {
--70: 79;
}
}
@media (max-width:600px) {
:root {
--70: 76;
}
}
@media (max-width:500px) {
:root {
--70: 73;
}
}
@media (max-width:400px) {
:root {
--70: 70;
}
} :root {
--60: 100;
}
@media (max-width:2000px) {
:root {
--60: 96;
}
}
@media (max-width:1500px) {
:root {
--60: 90;
}
}
@media (max-width:1300px) {
:root {
--60: 87;
}
}
@media (max-width:1200px) {
:root {
--60: 86;
}
}
@media (max-width:1100px) {
:root {
--60: 85;
}
}
@media (max-width:1000px) {
:root {
--60: 80;
}
}
@media (max-width:900px) {
:root {
--60: 78;
}
}
@media (max-width:800px) {
:root {
--60: 76;
}
}
@media (max-width:700px) {
:root {
--60: 72;
}
}
@media (max-width:600px) {
:root {
--60: 68;
}
}
@media (max-width:500px) {
:root {
--60: 64;
}
}
@media (max-width:400px) {
:root {
--60: 60;
}
} :root {
--50: 100;
}
@media (max-width:2000px) {
:root {
--50: 95;
}
}
@media (max-width:1500px) {
:root {
--50: 89;
}
}
@media (max-width:1300px) {
:root {
--50: 85;
}
}
@media (max-width:1200px) {
:root {
--50: 83;
}
}
@media (max-width:1100px) {
:root {
--50: 82;
}
}
@media (max-width:1000px) {
:root {
--50: 75;
}
}
@media (max-width:900px) {
:root {
--50: 72;
}
}
@media (max-width:800px) {
:root {
--50: 70;
}
}
@media (max-width:700px) {
:root {
--50: 65;
}
}
@media (max-width:600px) {
:root {
--50: 60;
}
}
@media (max-width:500px) {
:root {
--50: 55;
}
}
@media (max-width:400px) {
:root {
--50: 50;
}
} :root {
--40: 100;
}
@media (max-width:2000px) {
:root {
--40: 94;
}
}
@media (max-width:1500px) {
:root {
--40: 86;
}
}
@media (max-width:1300px) {
:root {
--40: 82;
}
}
@media (max-width:1200px) {
:root {
--40: 80;
}
}
@media (max-width:1100px) {
:root {
--40: 78;
}
}
@media (max-width:1000px) {
:root {
--40: 70;
}
}
@media (max-width:900px) {
:root {
--40: 67;
}
}
@media (max-width:800px) {
:root {
--40: 64;
}
}
@media (max-width:700px) {
:root {
--40: 58;
}
}
@media (max-width:600px) {
:root {
--40: 52;
}
}
@media (max-width:500px) {
:root {
--40: 46;
}
}
@media (max-width:400px) {
:root {
--40: 40;
}
} :root {
--30: 100;
}
@media (max-width:2000px) {
:root {
--30: 93;
}
}
@media (max-width:1500px) {
:root {
--30: 83;
}
}
@media (max-width:1300px) {
:root {
--30: 78;
}
}
@media (max-width:1200px) {
:root {
--30: 76;
}
}
@media (max-width:1100px) {
:root {
--30: 74;
}
}
@media (max-width:1000px) {
:root {
--30: 65;
}
}
@media (max-width:900px) {
:root {
--30: 61;
}
}
@media (max-width:800px) {
:root {
--30: 58;
}
}
@media (max-width:700px) {
:root {
--30: 51;
}
}
@media (max-width:600px) {
:root {
--30: 44;
}
}
@media (max-width:500px) {
:root {
--30: 37;
}
}
@media (max-width:400px) {
:root {
--30: 30;
}
} :root {
--20: 100;
}
@media (max-width:2000px) {
:root {
--20: 92;
}
}
@media (max-width:1500px) {
:root {
--20: 80;
}
}
@media (max-width:1300px) {
:root {
--20: 75;
}
}
@media (max-width:1200px) {
:root {
--20: 73;
}
}
@media (max-width:1100px) {
:root {
--20: 70;
}
}
@media (max-width:1000px) {
:root {
--20: 60;
}
}
@media (max-width:900px) {
:root {
--20: 56;
}
}
@media (max-width:800px) {
:root {
--20: 52;
}
}
@media (max-width:700px) {
:root {
--20: 44;
}
}
@media (max-width:600px) {
:root {
--20: 36;
}
}
@media (max-width:500px) {
:root {
--20: 28;
}
}
@media (max-width:400px) {
:root {
--20: 20;
}
} :root {
--10: 100;
}
@media (max-width:2000px) {
:root {
--10: 91;
}
}
@media (max-width:1500px) {
:root {
--10: 80;
}
}
@media (max-width:1300px) {
:root {
--10: 75;
}
}
@media (max-width:1200px) {
:root {
--10: 73;
}
}
@media (max-width:1100px) {
:root {
--10: 70;
}
}
@media (max-width:1000px) {
:root {
--10: 60;
}
}
@media (max-width:900px) {
:root {
--10: 55;
}
}
@media (max-width:800px) {
:root {
--10: 50;
}
}
@media (max-width:700px) {
:root {
--10: 40;
}
}
@media (max-width:600px) {
:root {
--10: 30;
}
}
@media (max-width:500px) {
:root {
--10: 20;
}
}
@media (max-width:400px) {
:root {
--10: 10;
}
} .cont-1800 {
--cont-1800:1800px;
max-width:var(--cont-1800);
margin-left:auto;
margin-right:auto;
}
@media (max-width:2000px) {
.cont-1800 {
--cont-1800:1600px;
}
}
@media (max-width:1700px) {
.cont-1800 {
--cont-1800:1400px;
}
}
@media (max-width:1500px) {
.cont-1800 {
--cont-1800:1200px;
}
}
@media (max-width:1300px) {
.cont-1800 {
--cont-1800:1100px;
}
}
@media (max-width:1200px) {
.cont-1800 {
--cont-1800:950px;
}
}
@media (max-width:1100px) {
.cont-1800 {
--cont-1800:900px;
}
}
@media (max-width:1000px) {
.cont-1800 {
--cont-1800:800px;
}
}
@media (max-width:900px) {
.cont-1800 {
--cont-1800:700px;
}
}
@media (max-width:800px) {
.cont-1800 {
--cont-1800:600px;
}
}
@media (max-width:700px) {
.cont-1800 {
--cont-1800:500px;
}
}
@media (max-width:600px) {
.cont-1800 {
--cont-1800:calc(100% - 100px);
}
}
@media (max-width:500px) {
.cont-1800 {
--cont-1800:calc(100% - 60px);
}
}
@media (max-width:400px) {
.cont-1800 {
--cont-1800:calc(100% - 50px);
}
} .cont-1600 {
--cont-1600:1600px;
max-width:var(--cont-1600);
margin-left:auto;
margin-right:auto;
}
@media (max-width:2000px) {
.cont-1600 {
--cont-1600:1400px;
}
}
@media (max-width:1500px) {
.cont-1600 {
--cont-1600:1200px;
}
}
@media (max-width:1300px) {
.cont-1600 {
--cont-1600:1100px;
}
}
@media (max-width:1200px) {
.cont-1600 {
--cont-1600:950px;
}
}
@media (max-width:1100px) {
.cont-1600 {
--cont-1600:900px;
}
}
@media (max-width:1000px) {
.cont-1600 {
--cont-1600:800px;
}
}
@media (max-width:900px) {
.cont-1600 {
--cont-1600:700px;
}
}
@media (max-width:800px) {
.cont-1600 {
--cont-1600:600px;
}
}
@media (max-width:700px) {
.cont-1600 {
--cont-1600:500px;
}
}
@media (max-width:600px) {
.cont-1600 {
--cont-1600:calc(100% - 100px);
}
}
@media (max-width:500px) {
.cont-1600 {
--cont-1600:calc(100% - 60px);
}
}
@media (max-width:400px) {
.cont-1600 {
--cont-1600:calc(100% - 50px);
}
} .cont-1400 {
--cont-1400:1400px;
--cont-1400-full:calc((100vw - var(--cont-1400))/-2);
max-width:var(--cont-1400);
margin-left:auto;
margin-right:auto;
}
@media (max-width:2000px) {
.cont-1400 {
--cont-1400:1200px;
}
}
@media (max-width:1500px) {
.cont-1400 {
--cont-1400:1000px;
}
}
@media (max-width:1300px) {
.cont-1400 {
--cont-1400:950px;
}
}
@media (max-width:1100px) {
.cont-1400 {
--cont-1400:900px;
}
}
@media (max-width:1000px) {
.cont-1400 {
--cont-1400:800px;
}
}
@media (max-width:900px) {
.cont-1400 {
--cont-1400:700px;
}
}
@media (max-width:800px) {
.cont-1400 {
--cont-1400:600px;
}
}
@media (max-width:700px) {
.cont-1400 {
--cont-1400:500px;
}
}
@media (max-width:600px) {
.cont-1400 {
--cont-1400:calc(100% - 100px);
--cont-1400-full:-50px;
}
}
@media (max-width:500px) {
.cont-1400 {
--cont-1400:calc(100% - 60px);
--cont-1400-full:-30px;
}
}
@media (max-width:400px) {
.cont-1400 {
--cont-1400:calc(100% - 50px);
--cont-1400-full:-25px;
}
} .cont-1200 {
--cont-1200:1200px;
--cont-1200-full:calc((100vw - var(--cont-1200))/-2);
max-width:var(--cont-1200);
margin-left:auto;
margin-right:auto;
}
@media (max-width:2000px) {
.cont-1200 {
--cont-1200:1100px;
}
}
@media (max-width:1500px) {
.cont-1200 {
--cont-1200:1000px;
}
}
@media (max-width:1300px) {
.cont-1200 {
--cont-1200:950px;
}
}
@media (max-width:1100px) {
.cont-1200 {
--cont-1200:900px;
}
}
@media (max-width:1000px) {
.cont-1200 {
--cont-1200:800px;
}
}
@media (max-width:900px) {
.cont-1200 {
--cont-1200:700px;
}
}
@media (max-width:800px) {
.cont-1200 {
--cont-1200:600px;
}
}
@media (max-width:700px) {
.cont-1200 {
--cont-1200:500px;
}
}
@media (max-width:600px) {
.cont-1200 {
--cont-1200:calc(100% - 100px);
--cont-1200-full:-50px;
}
}
@media (max-width:500px) {
.cont-1200 {
--cont-1200:calc(100% - 60px);
--cont-1200-full:-30px;
}
}
@media (max-width:400px) {
.cont-1200 {
--cont-1200:calc(100% - 50px);
--cont-1200-full:-25px;
}
} .td-u {
text-decoration: underline;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0px;
font-size: inherit;
font-weight: initial;
} svg {
width:auto;
max-width: none;
} .max-80-100 {
max-width: 80%;
}
.max-90-100 {
max-width: 90%;
}
.max-100-100 {
max-width: 100%;
}
.maxh-100-100 {
max-width: 100%;
}
.max-100vw {
max-width: 100vw;
}
.max-100 {
max-width: 100px;
}
.max-200 {
max-width: 200px;
}
.max-250 {
max-width: 250px;
}
.max-300 {
max-width: 300px;
}
.max-350 {
max-width: 350px;
}
.max-400 {
max-width: 400px;
}
.max-450 {
max-width: 450px;
}
.max-500 {
max-width: 500px;
}
.max-550 {
max-width: 550px;
}
.max-600 {
max-width: 600px;
}
.max-650 {
max-width: 650px;
}
.max-700 {
max-width: 700px;
}
.max-750 {
max-width: 750px;
}
.max-800 {
max-width: 800px;
}
.max-850 {
max-width: 850px;
}
.max-900 {
max-width: 900px;
}
.max-950 {
max-width: 950px;
}
.max-1000 {
max-width: 1000px;
}
.max-1100 {
max-width: 1100px;
}
.max-1200 {
max-width: 1200px;
}
.max-1300 {
max-width: 1300px;
}
.max-1400 {
max-width: 1400px;
}
.max-1500 {
max-width: 1500px;
}
.max-1600 {
max-width: 1600px;
}
.max-1700 {
max-width: 1700px;
}
.max-1800 {
max-width: 1800px;
} a {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover,
a:focus,
a:active {
color: inherit;
} .m-a {
margin-left: auto;
margin-right: auto;
}
.ml-a {
margin-left: auto;
}
.mr-a {
margin-right: auto;
}
.mb-a {
margin-bottom: auto;
}
.mt-a {
margin-top: auto;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-5 {
margin-bottom: calc((var(--mb-5)/100)*(var(--50)));
}
.mb-8 {
margin-bottom: calc((var(--mb-8)/100)*(var(--50)));
}
.mb-10 {
margin-bottom: calc((var(--mb-10)/100)*(var(--50)));
}
.mb-15 {
margin-bottom: calc((var(--mb-15)/100)*(var(--50)));
}
.mb-20 {
margin-bottom: calc((var(--mb-20)/100)*(var(--50)));
}
.mb-25 {
margin-bottom: calc((var(--mb-25)/100)*(var(--50)));
}
.mb-30 {
margin-bottom: calc((var(--mb-30)/100)*(var(--50)));
}
.mb-35 {
margin-bottom: calc((var(--mb-35)/100)*(var(--50)));
}
.mb-40 {
margin-bottom: calc((var(--mb-40)/100)*(var(--50)));
}
.mb-45 {
margin-bottom: calc((var(--mb-45)/100)*(var(--50)));
}
.mb-50 {
margin-bottom: calc((var(--mb-50)/100)*(var(--50)));
}
.mb-60 {
margin-bottom: calc((var(--mb-60)/100)*(var(--50)));
}
.mb-70 {
margin-bottom: calc((var(--mb-70)/100)*(var(--50)));
}
.mb-80 {
margin-bottom: calc((var(--mb-80)/100)*(var(--40)));
}
.mb-90 {
margin-bottom: calc((var(--mb-90)/100)*(var(--40)));
}
.mb-100 {
margin-bottom: calc((var(--mb-100)/100)*(var(--30)));
}
.mb-120 {
margin-bottom: calc((var(--mb-120)/100)*(var(--30)));
}
.mb-130 {
margin-bottom: calc((var(--mb-130)/100)*(var(--30)));
}
.mb-150 {
margin-bottom: calc((var(--mb-150)/100)*(var(--30)));
}
.mb-170 {
margin-bottom: calc((var(--mb-170)/100)*(var(--30)));
}
.mb-180 {
margin-bottom: calc((var(--mb-180)/100)*(var(--30)));
}
.mb-200 {
margin-bottom: calc((var(--mb-200)/100)*(var(--30)));
}
.mb-220 {
margin-bottom: calc((var(--mb-220)/100)*(var(--30)));
}
.mb-250 {
margin-bottom: calc((var(--mb-250)/100)*(var(--30)));
}
.mb-300 {
margin-bottom: calc((var(--mb-300)/100)*(var(--30)));
}
.mb-350 {
margin-bottom: calc((var(--mb-350)/100)*(var(--30)));
}
.mb-400 {
margin-bottom: calc((var(--mb-400)/100)*(var(--30)));
}
.mb--5 {
margin-bottom: calc((var(--mb--5)/100)*(var(--50)));
}
.mb--8 {
margin-bottom: calc((var(--mb--8)/100)*(var(--50)));
}
.mb--10 {
margin-bottom: calc((var(--mb--10)/100)*(var(--50)));
}
.mb--15 {
margin-bottom: calc((var(--mb--15)/100)*(var(--50)));
}
.mb--20 {
margin-bottom: calc((var(--mb--20)/100)*(var(--50)));
}
.mb--25 {
margin-bottom: calc((var(--mb--25)/100)*(var(--50)));
}
.mb--30 {
margin-bottom: calc((var(--mb--30)/100)*(var(--50)));
}
.mb--35 {
margin-bottom: calc((var(--mb--35)/100)*(var(--50)));
}
.mb--40 {
margin-bottom: calc((var(--mb--40)/100)*(var(--50)));
}
.mb--50 {
margin-bottom: calc((var(--mb--50)/100)*(var(--50)));
}
.mb--60 {
margin-bottom: calc((var(--mb--60)/100)*(var(--50)));
}
.mb--70 {
margin-bottom: calc((var(--mb--70)/100)*(var(--50)));
}
.mb--80 {
margin-bottom: calc((var(--mb--80)/100)*(var(--40)));
}
.mb--90 {
margin-bottom: calc((var(--mb--90)/100)*(var(--40)));
}
.mb--100 {
margin-bottom: calc((var(--mb--100)/100)*(var(--30)));
}
.mb--120 {
margin-bottom: calc((var(--mb--120)/100)*(var(--30)));
}
.mb--150 {
margin-bottom: calc((var(--mb--150)/100)*(var(--30)));
}
.mb--170 {
margin-bottom: calc((var(--mb--170)/100)*(var(--30)));
}
.mb--200 {
margin-bottom: calc((var(--mb--200)/100)*(var(--30)));
}
.mb--250 {
margin-bottom: calc((var(--mb--250)/100)*(var(--30)));
}
.mb--300 {
margin-bottom: calc((var(--mb--300)/100)*(var(--30)));
}
.mb--350 {
margin-bottom: calc((var(--mb--350)/100)*(var(--30)));
}
.mb--400 {
margin-bottom: calc((var(--mb--400)/100)*(var(--30)));
}
.mt--5 {
margin-top: calc((var(--mt--5)/100)*(var(--50)));
}
.mt--8 {
margin-top: calc((var(--mt--8)/100)*(var(--50)));
}
.mt--10 {
margin-top: calc((var(--mt--10)/100)*(var(--50)));
}
.mt--15 {
margin-top: calc((var(--mt--15)/100)*(var(--50)));
}
.mt--20 {
margin-top: calc((var(--mt--20)/100)*(var(--50)));
}
.mt--25 {
margin-top: calc((var(--mt--25)/100)*(var(--50)));
}
.mt--30 {
margin-top: calc((var(--mt--30)/100)*(var(--50)));
}
.mt--35 {
margin-top: calc((var(--mt--35)/100)*(var(--50)));
}
.mt--40 {
margin-top: calc((var(--mt--40)/100)*(var(--50)));
}
.mt--50 {
margin-top: calc((var(--mt--50)/100)*(var(--50)));
}
.mt--60 {
margin-top: calc((var(--mt--60)/100)*(var(--50)));
}
.mt--70 {
margin-top: calc((var(--mt--70)/100)*(var(--50)));
}
.mt--80 {
margin-top: calc((var(--mt--80)/100)*(var(--40)));
}
.mt--90 {
margin-top: calc((var(--mt--90)/100)*(var(--40)));
}
.mt--100 {
margin-top: calc((var(--mt--100)/100)*(var(--30)));
}
.mt--120 {
margin-top: calc((var(--mt--120)/100)*(var(--30)));
}
.mt--150 {
margin-top: calc((var(--mt--150)/100)*(var(--30)));
}
.mt--170 {
margin-top: calc((var(--mt--170)/100)*(var(--30)));
}
.mt--200 {
margin-top: calc((var(--mt--200)/100)*(var(--30)));
}
.mt--250 {
margin-top: calc((var(--mt--250)/100)*(var(--30)));
}
.mt--300 {
margin-top: calc((var(--mt--300)/100)*(var(--30)));
}
.mt--350 {
margin-top: calc((var(--mt--350)/100)*(var(--30)));
}
.mt--400 {
margin-top: calc((var(--mt--400)/100)*(var(--30)));
}
.mr--5 {
margin-right: calc((var(--mr--5)/100)*(var(--50)));
}
.mr--8 {
margin-right: calc((var(--mr--8)/100)*(var(--50)));
}
.mr--10 {
margin-right: calc((var(--mr--10)/100)*(var(--50)));
}
.mr--15 {
margin-right: calc((var(--mr--15)/100)*(var(--50)));
}
.mr--20 {
margin-right: calc((var(--mr--20)/100)*(var(--50)));
}
.mr--25 {
margin-right: calc((var(--mr--25)/100)*(var(--50)));
}
.mr--30 {
margin-right: calc((var(--mr--30)/100)*(var(--50)));
}
.mr--35 {
margin-right: calc((var(--mr--35)/100)*(var(--50)));
}
.mr--40 {
margin-right: calc((var(--mr--40)/100)*(var(--50)));
}
.mr--50 {
margin-right: calc((var(--mr--50)/100)*(var(--50)));
}
.mr--60 {
margin-right: calc((var(--mr--60)/100)*(var(--50)));
}
.mr--70 {
margin-right: calc((var(--mr--70)/100)*(var(--50)));
}
.mr--80 {
margin-right: calc((var(--mr--80)/100)*(var(--40)));
}
.mr--90 {
margin-right: calc((var(--mr--90)/100)*(var(--40)));
}
.mr--100 {
margin-right: calc((var(--mr--100)/100)*(var(--30)));
}
.mr--120 {
margin-right: calc((var(--mr--120)/100)*(var(--30)));
}
.mr--150 {
margin-right: calc((var(--mr--150)/100)*(var(--30)));
}
.mr--170 {
margin-right: calc((var(--mr--170)/100)*(var(--30)));
}
.mr--200 {
margin-right: calc((var(--mr--200)/100)*(var(--30)));
}
.mr--250 {
margin-right: calc((var(--mr--250)/100)*(var(--30)));
}
.mr--300 {
margin-right: calc((var(--mr--300)/100)*(var(--30)));
}
.mr--350 {
margin-right: calc((var(--mr--350)/100)*(var(--30)));
}
.mr--400 {
margin-right: calc((var(--mr--400)/100)*(var(--30)));
}
.mr-0 {
margin-right: 0px;
}
.mr-2 {
margin-right: var(--mr-2);
}
.mr-5 {
margin-right: calc((var(--mr-5)/100)*(var(--50)));
}
.mr-8 {
margin-right: calc((var(--mr-8)/100)*(var(--50)));
}
.mr-10 {
margin-right: calc((var(--mr-10)/100)*(var(--50)));
}
.mr-15 {
margin-right: calc((var(--mr-15)/100)*(var(--50)));
}
.mr-20 {
margin-right: calc((var(--mr-20)/100)*(var(--50)));
}
.mr-25 {
margin-right: calc((var(--mr-25)/100)*(var(--50)));
}
.mr-30 {
margin-right: calc((var(--mr-30)/100)*(var(--50)));
}
.mr-35 {
margin-right: calc((var(--mr-35)/100)*(var(--50)));
}
.mr-40 {
margin-right: calc((var(--mr-40)/100)*(var(--50)));
}
.mr-45 {
margin-right: calc((var(--mr-45)/100)*(var(--50)));
}
.mr-50 {
margin-right: calc((var(--mr-50)/100)*(var(--50)));
}
.mr-60 {
margin-right: calc((var(--mr-60)/100)*(var(--50)));
}
.mr-70 {
margin-right: calc((var(--mr-70)/100)*(var(--50)));
}
.mr-80 {
margin-right: calc((var(--mr-80)/100)*(var(--40)));
}
.mr-90 {
margin-right: calc((var(--mr-90)/100)*(var(--40)));
}
.mr-100 {
margin-right: calc((var(--mr-100)/100)*(var(--30)));
}
.mr-120 {
margin-right: calc((var(--mr-120)/100)*(var(--30)));
}
.mr-150 {
margin-right: calc((var(--mr-150)/100)*(var(--30)));
}
.mr-170 {
margin-right: calc((var(--mr-170)/100)*(var(--30)));
}
.mr-200 {
margin-right: calc((var(--mr-200)/100)*(var(--30)));
}
.mr-250 {
margin-right: calc((var(--mr-250)/100)*(var(--30)));
}
.mr-300 {
margin-right: calc((var(--mr-300)/100)*(var(--30)));
}
.mr-350 {
margin-right: calc((var(--mr-350)/100)*(var(--30)));
}
.mr-400 {
margin-right: calc((var(--mr-400)/100)*(var(--30)));
}
.ml-0 {
margin-left: 0px;
}
.ml-5 {
margin-left: calc((var(--ml-5)/100)*(var(--50)));
}
.ml-8 {
margin-left: calc((var(--ml-8)/100)*(var(--50)));
}
.ml-10 {
margin-left: calc((var(--ml-10)/100)*(var(--50)));
}
.ml-15 {
margin-left: calc((var(--ml-15)/100)*(var(--50)));
}
.ml-20 {
margin-left: calc((var(--ml-20)/100)*(var(--50)));
}
.ml-25 {
margin-left: calc((var(--ml-25)/100)*(var(--50)));
}
.ml-30 {
margin-left: calc((var(--ml-30)/100)*(var(--50)));
}
.ml-35 {
margin-left: calc((var(--ml-35)/100)*(var(--50)));
}
.ml-40 {
margin-left: calc((var(--ml-40)/100)*(var(--50)));
}
.ml-50 {
margin-left: calc((var(--ml-50)/100)*(var(--50)));
}
.ml-60 {
margin-left: calc((var(--ml-60)/100)*(var(--50)));
}
.ml-70 {
margin-left: calc((var(--ml-70)/100)*(var(--50)));
}
.ml-80 {
margin-left: calc((var(--ml-80)/100)*(var(--40)));
}
.ml-90 {
margin-left: calc((var(--ml-90)/100)*(var(--40)));
}
.ml-100 {
margin-left: calc((var(--ml-100)/100)*(var(--30)));
}
.ml-120 {
margin-left: calc((var(--ml-120)/100)*(var(--30)));
}
.ml-150 {
margin-left: calc((var(--ml-150)/100)*(var(--30)));
}
.ml-170 {
margin-left: calc((var(--ml-170)/100)*(var(--30)));
}
.ml-200 {
margin-left: calc((var(--ml-200)/100)*(var(--30)));
}
.ml-250 {
margin-left: calc((var(--ml-250)/100)*(var(--30)));
}
.ml-300 {
margin-left: calc((var(--ml-300)/100)*(var(--30)));
}
.ml-350 {
margin-left: calc((var(--ml-350)/100)*(var(--30)));
}
.ml-400 {
margin-left: calc((var(--ml-400)/100)*(var(--30)));
}
.ml--5 {
margin-left: calc((var(--ml--5)/100)*(var(--50)));
}
.ml--8 {
margin-left: calc((var(--ml--8)/100)*(var(--50)));
}
.ml--10 {
margin-left: calc((var(--ml--10)/100)*(var(--50)));
}
.ml--15 {
margin-left: calc((var(--ml--15)/100)*(var(--50)));
}
.ml--20 {
margin-left: calc((var(--ml--20)/100)*(var(--50)));
}
.ml--25 {
margin-left: calc((var(--ml--25)/100)*(var(--50)));
}
.ml--30 {
margin-left: calc((var(--ml--30)/100)*(var(--50)));
}
.ml--35 {
margin-left: calc((var(--ml--35)/100)*(var(--50)));
}
.ml--40 {
margin-left: calc((var(--ml--40)/100)*(var(--50)));
}
.ml--50 {
margin-left: calc((var(--ml--50)/100)*(var(--50)));
}
.ml--60 {
margin-left: calc((var(--ml--60)/100)*(var(--50)));
}
.ml--70 {
margin-left: calc((var(--ml--70)/100)*(var(--50)));
}
.ml--80 {
margin-left: calc((var(--ml--80)/100)*(var(--40)));
}
.ml--90 {
margin-left: calc((var(--ml--90)/100)*(var(--40)));
}
.ml--100 {
margin-left: calc((var(--ml--100)/100)*(var(--30)));
}
.ml--120 {
margin-left: calc((var(--ml--120)/100)*(var(--30)));
}
.ml--150 {
margin-left: calc((var(--ml--150)/100)*(var(--30)));
}
.ml--170 {
margin-left: calc((var(--ml--170)/100)*(var(--30)));
}
.ml--200 {
margin-left: calc((var(--ml--200)/100)*(var(--30)));
}
.ml--250 {
margin-left: calc((var(--ml--250)/100)*(var(--30)));
}
.ml--300 {
margin-left: calc((var(--ml--300)/100)*(var(--30)));
}
.ml--350 {
margin-left: calc((var(--ml--350)/100)*(var(--30)));
}
.ml--400 {
margin-left: calc((var(--ml--400)/100)*(var(--30)));
}
.mt-0 {
margin-top: 0px;
}
.mt-5 {
margin-top: calc((var(--mt-5)/100)*(var(--50)));
}
.mt-8 {
margin-top: calc((var(--mt-8)/100)*(var(--50)));
}
.mt-10 {
margin-top: calc((var(--mt-10)/100)*(var(--50)));
}
.mt-15 {
margin-top: calc((var(--mt-15)/100)*(var(--50)));
}
.mt-20 {
margin-top: calc((var(--mt-20)/100)*(var(--50)));
}
.mt-25 {
margin-top: calc((var(--mt-25)/100)*(var(--50)));
}
.mt-30 {
margin-top: calc((var(--mt-30)/100)*(var(--50)));
}
.mt-35 {
margin-top: calc((var(--mt-35)/100)*(var(--50)));
}
.mt-40 {
margin-top: calc((var(--mt-40)/100)*(var(--50)));
}
.mt-50 {
margin-top: calc((var(--mt-50)/100)*(var(--50)));
}
.mt-60 {
margin-top: calc((var(--mt-60)/100)*(var(--50)));
}
.mt-70 {
margin-top: calc((var(--mt-70)/100)*(var(--50)));
}
.mt-80 {
margin-top: calc((var(--mt-80)/100)*(var(--40)));
}
.mt-90 {
margin-top: calc((var(--mt-90)/100)*(var(--40)));
}
.mt-100 {
margin-top: calc((var(--mt-100)/100)*(var(--30)));
}
.mt-120 {
margin-top: calc((var(--mt-120)/100)*(var(--30)));
}
.mt-150 {
margin-top: calc((var(--mt-150)/100)*(var(--30)));
}
.mt-170 {
margin-top: calc((var(--mt-170)/100)*(var(--30)));
}
.mt-200 {
margin-top: calc((var(--mt-200)/100)*(var(--30)));
}
.mt-250 {
margin-top: calc((var(--mt-250)/100)*(var(--30)));
}
.mt-300 {
margin-top: calc((var(--mt-300)/100)*(var(--30)));
}
.mt-350 {
margin-top: calc((var(--mt-350)/100)*(var(--30)));
}
.mt-400 {
margin-top: calc((var(--mt-400)/100)*(var(--30)));
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-5 {
margin-left: calc((var(--mx-5)/100)*(var(--50)));
margin-right: calc((var(--mx-5)/100)*(var(--50)));
}
.mx-8 {
margin-left: calc((var(--mx-8)/100)*(var(--50)));
margin-right: calc((var(--mx-8)/100)*(var(--50)));
}
.mx-10 {
margin-left: calc((var(--mx-10)/100)*(var(--50)));
margin-right: calc((var(--mx-10)/100)*(var(--50)));
}
.mx-15 {
margin-left: calc((var(--mx-15)/100)*(var(--50)));
margin-right: calc((var(--mx-15)/100)*(var(--50)));
}
.mx-20 {
margin-left: calc((var(--mx-20)/100)*(var(--50)));
margin-right: calc((var(--mx-20)/100)*(var(--50)));
}
.mx-25 {
margin-left: calc((var(--mx-25)/100)*(var(--50)));
margin-right: calc((var(--mx-25)/100)*(var(--50)));
}
.mx-30 {
margin-left: calc((var(--mx-30)/100)*(var(--50)));
margin-right: calc((var(--mx-30)/100)*(var(--50)));
}
.mx-35 {
margin-left: calc((var(--mx-35)/100)*(var(--50)));
margin-right: calc((var(--mx-35)/100)*(var(--50)));
}
.mx-40 {
margin-left: calc((var(--mx-40)/100)*(var(--50)));
margin-right: calc((var(--mx-40)/100)*(var(--50)));
}
.mx-50 {
margin-left: calc((var(--mx-50)/100)*(var(--50)));
margin-right: calc((var(--mx-50)/100)*(var(--50)));
}
.mx-60 {
margin-left: calc((var(--mx-60)/100)*(var(--50)));
margin-right: calc((var(--mx-60)/100)*(var(--50)));
}
.mx-70 {
margin-left: calc((var(--mx-70)/100)*(var(--50)));
margin-right: calc((var(--mx-70)/100)*(var(--50)));
}
.mx-80 {
margin-left: calc((var(--mx-80)/100)*(var(--40)));
margin-right: calc((var(--mx-80)/100)*(var(--40)));
}
.mx-90 {
margin-left: calc((var(--mx-90)/100)*(var(--40)));
margin-right: calc((var(--mx-90)/100)*(var(--40)));
}
.mx-100 {
margin-left: calc((var(--mx-100)/100)*(var(--30)));
margin-right: calc((var(--mx-100)/100)*(var(--30)));
}
.mx-120 {
margin-left: calc((var(--mx-120)/100)*(var(--30)));
margin-right: calc((var(--mx-120)/100)*(var(--30)));
}
.mx-150 {
margin-left: calc((var(--mx-150)/100)*(var(--30)));
margin-right: calc((var(--mx-150)/100)*(var(--30)));
}
.mx-170 {
margin-left: calc((var(--mx-170)/100)*(var(--30)));
margin-right: calc((var(--mx-170)/100)*(var(--30)));
}
.mx-200 {
margin-left: calc((var(--mx-200)/100)*(var(--30)));
margin-right: calc((var(--mx-200)/100)*(var(--30)));
}
.mx-250 {
margin-left: calc((var(--mx-250)/100)*(var(--30)));
margin-right: calc((var(--mx-250)/100)*(var(--30)));
}
.mx-300 {
margin-left: calc((var(--mx-300)/100)*(var(--30)));
margin-right: calc((var(--mx-300)/100)*(var(--30)));
}
.mx-350 {
margin-left: calc((var(--mx-350)/100)*(var(--30)));
margin-right: calc((var(--mx-350)/100)*(var(--30)));
}
.mx-400 {
margin-left: calc((var(--mx-400)/100)*(var(--30)));
margin-right: calc((var(--mx-400)/100)*(var(--30)));
}
.mx--5 {
margin-left: calc((var(--mx--5)/100)*(var(--50)));
margin-right: calc((var(--mx--5)/100)*(var(--50)));
}
.mx--8 {
margin-left: calc((var(--mx--8)/100)*(var(--50)));
margin-right: calc((var(--mx--8)/100)*(var(--50)));
}
.mx--10 {
margin-left: calc((var(--mx--10)/100)*(var(--50)));
margin-right: calc((var(--mx--10)/100)*(var(--50)));
}
.mx--15 {
margin-left: calc((var(--mx--15)/100)*(var(--50)));
margin-right: calc((var(--mx--15)/100)*(var(--50)));
}
.mx--20 {
margin-left: calc((var(--mx--20)/100)*(var(--50)));
margin-right: calc((var(--mx--20)/100)*(var(--50)));
}
.mx--25 {
margin-left: calc((var(--mx--25)/100)*(var(--50)));
margin-right: calc((var(--mx--25)/100)*(var(--50)));
}
.mx--30 {
margin-left: calc((var(--mx--30)/100)*(var(--50)));
margin-right: calc((var(--mx--30)/100)*(var(--50)));
}
.mx--35 {
margin-left: calc((var(--mx--35)/100)*(var(--50)));
margin-right: calc((var(--mx--35)/100)*(var(--50)));
}
.mx--40 {
margin-left: calc((var(--mx--40)/100)*(var(--50)));
margin-right: calc((var(--mx--40)/100)*(var(--50)));
}
.mx--50 {
margin-left: calc((var(--mx--50)/100)*(var(--50)));
margin-right: calc((var(--mx--50)/100)*(var(--50)));
}
.mx--60 {
margin-left: calc((var(--mx--60)/100)*(var(--50)));
margin-right: calc((var(--mx--60)/100)*(var(--50)));
}
.mx--70 {
margin-left: calc((var(--mx--70)/100)*(var(--50)));
margin-right: calc((var(--mx--70)/100)*(var(--50)));
}
.mx--80 {
margin-left: calc((var(--mx--80)/100)*(var(--40)));
margin-right: calc((var(--mx--80)/100)*(var(--40)));
}
.mx--90 {
margin-left: calc((var(--mx--90)/100)*(var(--40)));
margin-right: calc((var(--mx--90)/100)*(var(--40)));
}
.mx--100 {
margin-left: calc((var(--mx--100)/100)*(var(--30)));
margin-right: calc((var(--mx--100)/100)*(var(--30)));
}
.mx--120 {
margin-left: calc((var(--mx--120)/100)*(var(--30)));
margin-right: calc((var(--mx--120)/100)*(var(--30)));
}
.mx--150 {
margin-left: calc((var(--mx--150)/100)*(var(--30)));
margin-right: calc((var(--mx--150)/100)*(var(--30)));
}
.mx--170 {
margin-left: calc((var(--mx--170)/100)*(var(--30)));
margin-right: calc((var(--mx--170)/100)*(var(--30)));
}
.mx--200 {
margin-left: calc((var(--mx--200)/100)*(var(--30)));
margin-right: calc((var(--mx--200)/100)*(var(--30)));
}
.mx--250 {
margin-left: calc((var(--mx--250)/100)*(var(--30)));
margin-right: calc((var(--mx--250)/100)*(var(--30)));
}
.mx--300 {
margin-left: calc((var(--mx--300)/100)*(var(--30)));
margin-right: calc((var(--mx--300)/100)*(var(--30)));
}
.mx--350 {
margin-left: calc((var(--mx--350)/100)*(var(--30)));
margin-right: calc((var(--mx--350)/100)*(var(--30)));
}
.mx--400 {
margin-left: calc((var(--mx--400)/100)*(var(--30)));
margin-right: calc((var(--mx--400)/100)*(var(--30)));
}
.my-5 {
margin-top: calc((var(--my-5)/100)*(var(--50)));
margin-bottom: calc((var(--my-5)/100)*(var(--50)));
}
.my-8 {
margin-top: calc((var(--my-8)/100)*(var(--50)));
margin-bottom: calc((var(--my-8)/100)*(var(--50)));
}
.my-10 {
margin-top: calc((var(--my-10)/100)*(var(--50)));
margin-bottom: calc((var(--my-10)/100)*(var(--50)));
}
.my-15 {
margin-top: calc((var(--my-15)/100)*(var(--50)));
margin-bottom: calc((var(--my-15)/100)*(var(--50)));
}
.my-20 {
margin-top: calc((var(--my-20)/100)*(var(--50)));
margin-bottom: calc((var(--my-20)/100)*(var(--50)));
}
.my-25 {
margin-top: calc((var(--my-25)/100)*(var(--50)));
margin-bottom: calc((var(--my-25)/100)*(var(--50)));
}
.my-30 {
margin-top: calc((var(--my-30)/100)*(var(--50)));
margin-bottom: calc((var(--my-30)/100)*(var(--50)));
}
.my-35 {
margin-top: calc((var(--my-35)/100)*(var(--50)));
margin-bottom: calc((var(--my-35)/100)*(var(--50)));
}
.my-40 {
margin-top: calc((var(--my-40)/100)*(var(--50)));
margin-bottom: calc((var(--my-40)/100)*(var(--50)));
}
.my-50 {
margin-top: calc((var(--my-50)/100)*(var(--50)));
margin-bottom: calc((var(--my-50)/100)*(var(--50)));
}
.my-60 {
margin-top: calc((var(--my-60)/100)*(var(--50)));
margin-bottom: calc((var(--my-60)/100)*(var(--50)));
}
.my-70 {
margin-top: calc((var(--my-70)/100)*(var(--50)));
margin-bottom: calc((var(--my-70)/100)*(var(--50)));
}
.my-80 {
margin-top: calc((var(--my-80)/100)*(var(--40)));
margin-bottom: calc((var(--my-80)/100)*(var(--40)));
}
.my-90 {
margin-top: calc((var(--my-90)/100)*(var(--40)));
margin-bottom: calc((var(--my-90)/100)*(var(--40)));
}
.my-100 {
margin-top: calc((var(--my-100)/100)*(var(--30)));
margin-bottom: calc((var(--my-100)/100)*(var(--30)));
}
.my-120 {
margin-top: calc((var(--my-120)/100)*(var(--30)));
margin-bottom: calc((var(--my-120)/100)*(var(--30)));
}
.my-150 {
margin-top: calc((var(--my-150)/100)*(var(--30)));
margin-bottom: calc((var(--my-150)/100)*(var(--30)));
}
.my-170 {
margin-top: calc((var(--my-170)/100)*(var(--30)));
margin-bottom: calc((var(--my-170)/100)*(var(--30)));
}
.my-200 {
margin-top: calc((var(--my-200)/100)*(var(--30)));
margin-bottom: calc((var(--my-200)/100)*(var(--30)));
}
.my-250 {
margin-top: calc((var(--my-250)/100)*(var(--30)));
margin-bottom: calc((var(--my-250)/100)*(var(--30)));
}
.my-300 {
margin-top: calc((var(--my-300)/100)*(var(--30)));
margin-bottom: calc((var(--my-300)/100)*(var(--30)));
}
.my-350 {
margin-top: calc((var(--my-350)/100)*(var(--30)));
margin-bottom: calc((var(--my-350)/100)*(var(--30)));
}
.my-400 {
margin-top: calc((var(--my-400)/100)*(var(--30)));
margin-bottom: calc((var(--my-400)/100)*(var(--30)));
}
.my--5 {
margin-top: calc((var(--my--5)/100)*(var(--50)));
margin-bottom: calc((var(--my--5)/100)*(var(--50)));
}
.my--8 {
margin-top: calc((var(--my--8)/100)*(var(--50)));
margin-bottom: calc((var(--my--8)/100)*(var(--50)));
}
.my--10 {
margin-top: calc((var(--my--10)/100)*(var(--50)));
margin-bottom: calc((var(--my--10)/100)*(var(--50)));
}
.my--15 {
margin-top: calc((var(--my--15)/100)*(var(--50)));
margin-bottom: calc((var(--my--15)/100)*(var(--50)));
}
.my--20 {
margin-top: calc((var(--my--20)/100)*(var(--50)));
margin-bottom: calc((var(--my--20)/100)*(var(--50)));
}
.my--25 {
margin-top: calc((var(--my--25)/100)*(var(--50)));
margin-bottom: calc((var(--my--25)/100)*(var(--50)));
}
.my--30 {
margin-top: calc((var(--my--30)/100)*(var(--50)));
margin-bottom: calc((var(--my--30)/100)*(var(--50)));
}
.my--35 {
margin-top: calc((var(--my--35)/100)*(var(--50)));
margin-bottom: calc((var(--my--35)/100)*(var(--50)));
}
.my--40 {
margin-top: calc((var(--my--40)/100)*(var(--50)));
margin-bottom: calc((var(--my--40)/100)*(var(--50)));
}
.my--50 {
margin-top: calc((var(--my--50)/100)*(var(--50)));
margin-bottom: calc((var(--my--50)/100)*(var(--50)));
}
.my--60 {
margin-top: calc((var(--my--60)/100)*(var(--50)));
margin-bottom: calc((var(--my--60)/100)*(var(--50)));
}
.my--70 {
margin-top: calc((var(--my--70)/100)*(var(--50)));
margin-bottom: calc((var(--my--70)/100)*(var(--50)));
}
.my--80 {
margin-top: calc((var(--my--80)/100)*(var(--40)));
margin-bottom: calc((var(--my--80)/100)*(var(--40)));
}
.my--90 {
margin-top: calc((var(--my--90)/100)*(var(--40)));
margin-bottom: calc((var(--my--90)/100)*(var(--40)));
}
.my--100 {
margin-top: calc((var(--my--100)/100)*(var(--30)));
margin-bottom: calc((var(--my--100)/100)*(var(--30)));
}
.my--120 {
margin-top: calc((var(--my--120)/100)*(var(--30)));
margin-bottom: calc((var(--my--120)/100)*(var(--30)));
}
.my--150 {
margin-top: calc((var(--my--150)/100)*(var(--30)));
margin-bottom: calc((var(--my--150)/100)*(var(--30)));
}
.my--170 {
margin-top: calc((var(--my--170)/100)*(var(--30)));
margin-bottom: calc((var(--my--170)/100)*(var(--30)));
}
.my--200 {
margin-top: calc((var(--my--200)/100)*(var(--30)));
margin-bottom: calc((var(--my--200)/100)*(var(--30)));
}
.my--250 {
margin-top: calc((var(--my--250)/100)*(var(--30)));
margin-bottom: calc((var(--my--250)/100)*(var(--30)));
}
.my--300 {
margin-top: calc((var(--my--300)/100)*(var(--30)));
margin-bottom: calc((var(--my--300)/100)*(var(--30)));
}
.my--350 {
margin-top: calc((var(--my--350)/100)*(var(--30)));
margin-bottom: calc((var(--my--350)/100)*(var(--30)));
}
.my--400 {
margin-top: calc((var(--my--400)/100)*(var(--30)));
margin-bottom: calc((var(--my--400)/100)*(var(--30)));
} .o-h {
overflow: hidden;
}
.ox-h {
overflow-x: hidden;
}
.oy-h {
overflow-x: hidden;
} .d-b {
display: block;
}
.d-f {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-if {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-i {
display: inline;
}
.d-ib {
display: inline-block;
}
.d-n {
display: none;
}
.d-g {
display: grid;
} .gc-1 {
grid-column: span 1;
}
.gc-2 {
grid-column: span 2;
}
.gc-3 {
grid-column: span 3;
}
.gc-4 {
grid-column: span 3;
} .c-pointer {
cursor: pointer;
}
.c-pointer-none {
pointer-events: none;
} .gap-5 {
gap: calc((var(--gap-5)/100)*(var(--50)));
}
.gap-10 {
gap: calc((var(--gap-10)/100)*(var(--50)));
}
.gap-15 {
gap: calc((var(--gap-15)/100)*(var(--50)));
}
.gap-20 {
gap: calc((var(--gap-20)/100)*(var(--50)));
}
.gap-25 {
gap: calc((var(--gap-25)/100)*(var(--50)));
}
.gap-30 {
gap: calc((var(--gap-30)/100)*(var(--50)));
}
.gap-35 {
gap: calc((var(--gap-35)/100)*(var(--50)));
}
.gap-40 {
gap: calc((var(--gap-40)/100)*(var(--50)));
}
.gap-50 {
gap: calc((var(--gap-50)/100)*(var(--50)));
}
.gap-60 {
gap: calc((var(--gap-60)/100)*(var(--50)));
}
.gap-70 {
gap: calc((var(--gap-70)/100)*(var(--50)));
}
.gap-80 {
gap: calc((var(--gap-80)/100)*(var(--40)));
}
.gap-90 {
gap: calc((var(--gap-90)/100)*(var(--40)));
}
.gap-100 {
gap: calc((var(--gap-100)/100)*(var(--30)));
}
.gap-120 {
gap: calc((var(--gap-120)/100)*(var(--30)));
}
.gap-140 {
gap: calc((var(--gap-140)/100)*(var(--30)));
}
.gap-150 {
gap: calc((var(--gap-150)/100)*(var(--30)));
}
.gap-200 {
gap: calc((var(--gap-200)/100)*(var(--30)));
}
.gap-x-5 {
column-gap: calc((var(--gap-x-5)/100)*(var(--50)));
}
.gap-x-10 {
column-gap: calc((var(--gap-x-10)/100)*(var(--50)));
}
.gap-x-15 {
column-gap: calc((var(--gap-x-15)/100)*(var(--50)));
}
.gap-x-20 {
column-gap: calc((var(--gap-x-20)/100)*(var(--50)));
}
.gap-x-25 {
column-gap: calc((var(--gap-x-25)/100)*(var(--50)));
}
.gap-x-30 {
column-gap: calc((var(--gap-x-30)/100)*(var(--50)));
}
.gap-x-40 {
column-gap: calc((var(--gap-x-40)/100)*(var(--50)));
}
.gap-x-50 {
column-gap: calc((var(--gap-x-50)/100)*(var(--50)));
}
.gap-x-60 {
column-gap: calc((var(--gap-x-60)/100)*(var(--50)));
}
.gap-x-70 {
column-gap: calc((var(--gap-x-70)/100)*(var(--50)));
}
.gap-x-80 {
column-gap: calc((var(--gap-x-80)/100)*(var(--40)));
}
.gap-x-90 {
column-gap: calc((var(--gap-x-90)/100)*(var(--40)));
}
.gap-x-100 {
column-gap: calc((var(--gap-x-100)/100)*(var(--30)));
}
.gap-x-120 {
column-gap: calc((var(--gap-x-120)/100)*(var(--30)));
}
.gap-x-140 {
column-gap: calc((var(--gap-x-140)/100)*(var(--30)));
}
.gap-x-150 {
column-gap: calc((var(--gap-x-150)/100)*(var(--30)));
}
.gap-x-200 {
column-gap: calc((var(--gap-x-200)/100)*(var(--30)));
} .col-1 {
grid-template-columns: 1fr;
}
.col-2 {
grid-template-columns: 1fr 1fr;
}
.col-2-auto {
grid-template-columns: auto auto;
}
.col-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.col-3-auto {
grid-template-columns: auto auto auto;
}
.col-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.col-4-auto {
grid-template-columns: auto auto auto auto;
}
.col-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.col-1-2 {
grid-template-columns: 1fr 2fr;
}
.col-1-3 {
grid-template-columns: 1fr 3fr;
}
.col-1-4 {
grid-template-columns: 1fr 4fr;
}
.col-1-5 {
grid-template-columns: 1fr 5fr;
}
.col-2-1 {
grid-template-columns: 2fr 1fr;
}
.col-3-1 {
grid-template-columns: 3fr 1fr;
}
.col-4-1 {
grid-template-columns: 4fr 1fr;
}
.col-5-1 {
grid-template-columns: 5fr 1fr;
} .f-s-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.f-s-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.f-g-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.f-g-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.fs-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.fs-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.fg-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.fg-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.f-w {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fj-c {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fj-s {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.fj-e {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.fj-sb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fj-sa {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.fa-c {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fa-e {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.fa-s {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.f-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gj-c {
justify-items: center;
} .w-10-100 {
width: 10%;
}
.w-15-100 {
width: 15%;
}
.w-20-100 {
width: 20%;
}
.w-30-100 {
width: 30%;
}
.w-40-100 {
width: 40%;
}
.w-50-100 {
width: 50%;
}
.w-60-100 {
width: 60%;
}
.w-70-100 {
width: 70%;
}
.w-80-100 {
width: 80%;
}
.w-90-100 {
width: 90%;
}
.w-100-100 {
width: 100%;
}
.w-110-100 {
width: 110%;
}
.w-120-100 {
width: 120%;
}
.w-130-100 {
width: 130%;
}
.w-1 {
width: 1px;
}
.w-2 {
width: 2px;
}
.w-3 {
width: 3px;
}
.w-4 {
width: 4px;
}
.w-5 {
width: 5px;
}
.w-8 {
width: 8px;
}
.w-10 {
width: calc((var(--w-10)/100)*(var(--70)));
}
.w-15 {
width: calc((var(--w-15)/100)*(var(--70)));
}
.w-20 {
width: calc((var(--w-20)/100)*(var(--70)));
}
.w-30 {
width: calc((var(--w-30)/100)*(var(--70)));
}
.w-35 {
width: calc((var(--w-35)/100)*(var(--70)));
}
.w-40 {
width: calc((var(--w-40)/100)*(var(--70)));
}
.w-45 {
width: calc((var(--w-45)/100)*(var(--70)));
}
.w-50 {
width: calc((var(--w-50)/100)*(var(--70)));
}
.w-55 {
width: calc((var(--w-55)/100)*(var(--70)));
}
.w-60 {
width: calc((var(--w-60)/100)*(var(--70)));
}
.w-65 {
width: calc((var(--w-65)/100)*(var(--70)));
}
.w-70 {
width: calc((var(--w-70)/100)*(var(--70)));
}
.w-80 {
width: calc((var(--w-80)/100)*(var(--70)));
}
.w-85 {
width: calc((var(--w-85)/100)*(var(--70)));
}
.w-90 {
width: calc((var(--w-90)/100)*(var(--70)));
}
.w-95 {
width: calc((var(--w-95)/100)*(var(--70)));
}
.w-100 {
width: calc((var(--w-100)/100)*(var(--70)));
}
.w-110 {
width: calc((var(--w-110)/100)*(var(--70)));
}
.w-120 {
width: calc((var(--w-120)/100)*(var(--70)));
}
.w-130 {
width: calc((var(--w-130)/100)*(var(--70)));
}
.w-140 {
width: calc((var(--w-140)/100)*(var(--70)));
}
.w-150 {
width: calc((var(--w-150)/100)*(var(--70)));
}
.w-160 {
width: calc((var(--w-160)/100)*(var(--70)));
}
.w-170 {
width: calc((var(--w-170)/100)*(var(--70)));
}
.w-180 {
width: calc((var(--w-180)/100)*(var(--70)));
}
.w-190 {
width: calc((var(--w-190)/100)*(var(--70)));
}
.w-200 {
width: calc((var(--w-200)/100)*(var(--70)));
}
.w-250 {
width: calc((var(--w-250)/100)*(var(--70)));
}
.w-300 {
width: calc((var(--w-300)/100)*(var(--70)));
}
.w-350 {
width: calc((var(--w-350)/100)*(var(--70)));
}
.w-400 {
width: calc((var(--w-400)/100)*(var(--70)));
}
.w-450 {
width: calc((var(--w-450)/100)*(var(--70)));
}
.w-500 {
width: calc((var(--w-500)/100)*(var(--70)));
}
.w-550 {
width: calc((var(--w-550)/100)*(var(--70)));
}
.w-600 {
width: calc((var(--w-600)/100)*(var(--70)));
}
.w-650 {
width: calc((var(--w-650)/100)*(var(--70)));
}
.w-700 {
width: calc((var(--w-700)/100)*(var(--70)));
}
.w-750 {
width: calc((var(--w-750)/100)*(var(--70)));
}
.w-800 {
width: calc((var(--w-800)/100)*(var(--70)));
}
.w-850 {
width: calc((var(--w-850)/100)*(var(--70)));
}
.w-900 {
width: calc((var(--w-900)/100)*(var(--70)));
}
.w-950 {
width: calc((var(--w-950)/100)*(var(--70)));
}
.w-1000 {
width: calc((var(--w-1000)/100)*(var(--70)));
}
.w-1100 {
width: calc((var(--w-1100)/100)*(var(--70)));
}
.w-1200 {
width: calc((var(--w-1200)/100)*(var(--70)));
}
.w-1300 {
width: calc((var(--w-1300)/100)*(var(--70)));
}
.w-1400 {
width: calc((var(--w-1400)/100)*(var(--70)));
}
.w-1500 {
width: calc((var(--w-1500)/100)*(var(--70)));
}
.w-1600 {
width: calc((var(--w-1600)/100)*(var(--70)));
} .h-10-100 {
height: 10%;
}
.h-20-100 {
height: 20%;
}
.h-30-100 {
height: 30%;
}
.h-40-100 {
height: 40%;
}
.h-50-100 {
height: 50%;
}
.h-60-100 {
height: 60%;
}
.h-70-100 {
height: 70%;
}
.h-80-100 {
height: 80%;
}
.h-90-100 {
height: 90%;
}
.h-100-100 {
height: 100%;
}
.h-1 {
height: 1px;
}
.h-2 {
height: 2px;
}
.h-3 {
height: 3px;
}
.h-4 {
height: 4px;
}
.h-5 {
height: calc((var(--h-5)/100)*(var(--80)));
}
.h-6 {
height: 6px;
}
.h-7 {
height: calc((var(--h-7)/100)*(var(--80)));
}
.h-8 {
height: calc((var(--h-8)/100)*(var(--80)));
}
.h-9 {
height: 9px;
}
.h-10 {
height: calc((var(--h-10)/100)*(var(--70)));
}
.h-12 {
height: calc((var(--h-12)/100)*(var(--70)));
}
.h-14 {
height: calc((var(--h-14)/100)*(var(--70)));
}
.h-15 {
height: calc((var(--h-15)/100)*(var(--70)));
}
.h-16 {
height: calc((var(--h-16)/100)*(var(--70)));
}
.h-18 {
height: calc((var(--h-18)/100)*(var(--70)));
}
.h-20 {
height: calc((var(--h-20)/100)*(var(--70)));
}
.h-22 {
height: calc((var(--h-22)/100)*(var(--70)));
}
.h-24 {
height: calc((var(--h-24)/100)*(var(--70)));
}
.h-25 {
height: calc((var(--h-25)/100)*(var(--70)));
}
.h-26 {
height: calc((var(--h-26)/100)*(var(--70)));
}
.h-28 {
height: calc((var(--h-28)/100)*(var(--70)));
}
.h-30 {
height: calc((var(--h-30)/100)*(var(--70)));
}
.h-35 {
height: calc((var(--h-35)/100)*(var(--70)));
}
.h-40 {
height: calc((var(--h-40)/100)*(var(--60)));
}
.h-45 {
height: calc((var(--h-45)/100)*(var(--60)));
}
.h-50 {
height: calc((var(--h-50)/100)*(var(--60)));
}
.h-55 {
height: calc((var(--h-55)/100)*(var(--60)));
}
.h-60 {
height: calc((var(--h-60)/100)*(var(--60)));
}
.h-65 {
height: calc((var(--h-65)/100)*(var(--60)));
}
.h-70 {
height: calc((var(--h-70)/100)*(var(--60)));
}
.h-75 {
height: calc((var(--h-75)/100)*(var(--60)));
}
.h-80 {
height: calc((var(--h-80)/100)*(var(--50)));
}
.h-85 {
height: calc((var(--h-85)/100)*(var(--50)));
}
.h-90 {
height: calc((var(--h-90)/100)*(var(--50)));
}
.h-95 {
height: calc((var(--h-95)/100)*(var(--50)));
}
.h-100 {
height: calc((var(--h-100)/100)*(var(--40)));
}
.h-110 {
height: calc((var(--h-110)/100)*(var(--40)));
}
.h-120 {
height: calc((var(--h-120)/100)*(var(--40)));
}
.h-130 {
height: calc((var(--h-130)/100)*(var(--40)));
}
.h-140 {
height: calc((var(--h-140)/100)*(var(--40)));
}
.h-150 {
height: calc((var(--h-150)/100)*(var(--30)));
}
.h-160 {
height: calc((var(--h-160)/100)*(var(--30)));
}
.h-170 {
height: calc((var(--h-170)/100)*(var(--30)));
}
.h-180 {
height: calc((var(--h-180)/100)*(var(--20)));
}
.h-190 {
height: calc((var(--h-190)/100)*(var(--20)));
}
.h-200 {
height: calc((var(--h-200)/100)*(var(--20)));
}
.h-250 {
height: calc((var(--h-250)/100)*(var(--70)));
}
.h-300 {
height: calc((var(--h-300)/100)*(var(--70)));
}
.h-350 {
height: calc((var(--h-350)/100)*(var(--70)));
}
.h-400 {
height: calc((var(--h-400)/100)*(var(--70)));
}
.h-450 {
height: calc((var(--h-450)/100)*(var(--30)));
}
.h-500 {
height: calc((var(--h-500)/100)*(var(--30)));
}
.h-550 {
height: calc((var(--h-550)/100)*(var(--30)));
}
.h-600 {
height: calc((var(--h-600)/100)*(var(--40)));
}
.h-650 {
height: calc((var(--h-650)/100)*(var(--40)));
}
.h-700 {
height: calc((var(--h-700)/100)*(var(--40)));
}
.h-750 {
height: calc((var(--h-750)/100)*(var(--40)));
}
.h-800 {
height: calc((var(--h-800)/100)*(var(--40)));
}
.h-850 {
height: calc((var(--h-850)/100)*(var(--40)));
}
.h-900 {
height: calc((var(--h-900)/100)*(var(--40)));
}
.h-950 {
height: calc((var(--h-950)/100)*(var(--40)));
}
.h-1000 {
height: calc((var(--h-1000)/100)*(var(--40)));
}
.h-1100 {
height: calc((var(--h-1100)/100)*(var(--50)));
}
.h-1200 {
height: calc((var(--h-1200)/100)*(var(--50)));
}
.h-1300 {
height: calc((var(--h-1300)/100)*(var(--50)));
}
.h-1400 {
height: calc((var(--h-1400)/100)*(var(--50)));
}
.h-1500 {
height: calc((var(--h-1500)/100)*(var(--50)));
}
.h-1600 {
height: calc((var(--h-1600)/100)*(var(--50)));
} .bs-18-10 {
-webkit-box-shadow: 0px 6px 18px rgba(40, 60, 80, 0.1);
box-shadow: 0px 6px 18px rgba(40, 60, 80, 0.1);
}
.bs-18-15 {
-webkit-box-shadow: 0px 6px 18px rgba(40, 60, 80, 0.15);
box-shadow: 0px 6px 18px rgba(40, 60, 80, 0.15);
}
.bs-28-10 {
-webkit-box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.1);
box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.1);
}
.bs-28-15 {
-webkit-box-shadow: 3px 8px 28px rgba(40, 60, 80, 0.15);
box-shadow: 3px 8px 28px rgba(40, 60, 80, 0.15);
}
.bs-28-20 {
-webkit-box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.2);
box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.2);
}
.bs-28-25 {
-webkit-box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.25);
box-shadow: 5px 8px 28px rgba(40, 60, 80, 0.25);
}
.bs-60-10 {
-webkit-box-shadow: 5px 18px 60px rgba(40, 60, 80, 0.10);
box-shadow: 5px 18px 60px rgba(40, 60, 80, 0.10);
}
.bs-60-15 {
-webkit-box-shadow: 5px 18px 60px rgba(40, 60, 80, 0.15);
box-shadow: 5px 18px 60px rgba(40, 60, 80, 0.15);
}
.bs-90-15 {
-webkit-box-shadow: 5px 28px 90px rgba(40, 60, 80, 0.15);
box-shadow: 5px 28px 90px rgba(40, 60, 80, 0.15);
}
.bs-150-15 {
-webkit-box-shadow: 3px 8px 150px rgba(40, 60, 80, 0.15);
box-shadow: 3px 8px 150px rgba(40, 60, 80, 0.15);
}
.ds-18-10 {
filter:drop-shadow( 0px 6px 18px rgba(40, 60, 80, 0.1));
}
.ds-18-15 {
filter:drop-shadow( 0px 6px 18px rgba(40, 60, 80, 0.15));
}
.ds-28-10 {
filter:drop-shadow( 5px 8px 28px rgba(40, 60, 80, 0.1));
}
.ds-28-15 {
filter:drop-shadow( 3px 8px 28px rgba(40, 60, 80, 0.15));
}
.ds-28-20 {
filter:drop-shadow( 5px 8px 28px rgba(40, 60, 80, 0.2));
}
.ds-28-25 {
filter:drop-shadow( 5px 8px 28px rgba(40, 60, 80, 0.25));
}
.ds-60-10 {
filter:drop-shadow( 5px 18px 60px rgba(40, 60, 80, 0.10));
}
.ds-60-15 {
filter:drop-shadow( 5px 18px 60px rgba(40, 60, 80, 0.15));
}
.ds-90-15 {
filter:drop-shadow( 5px 28px 90px rgba(40, 60, 80, 0.15));
}
.ds-150-15 {
filter:(-shadow: 3px 8px 150px rgba(40, 60, 80, 0.15));
} .p-10-100 {
padding: var(--p-10-100);
}
.px-10-100 {
padding-left: var(--px-10-100);
padding-right: var(--px-10-100);
}
.py-10-100 {
padding-top: var(--py-10-100);
padding-bottom: var(--py-10-100);
}
.p-0 {
padding: 0px;
}
.p-5 {
padding: calc((var(--p-5)/100)*(var(--50)));
}
.p-8 {
padding: calc((var(--p-8)/100)*(var(--50)));
}
.p-10 {
padding: calc((var(--p-10)/100)*(var(--50)));
}
.p-15 {
padding: calc((var(--p-15)/100)*(var(--50)));
}
.p-20 {
padding: calc((var(--p-20)/100)*(var(--50)));
}
.p-25 {
padding: calc((var(--p-25)/100)*(var(--50)));
}
.p-30 {
padding: calc((var(--p-30)/100)*(var(--50)));
}
.p-35 {
padding: calc((var(--p-35)/100)*(var(--50)));
}
.p-40 {
padding: calc((var(--p-40)/100)*(var(--50)));
}
.p-50 {
padding: calc((var(--p-50)/100)*(var(--50)));
}
.p-60 {
padding: calc((var(--p-60)/100)*(var(--50)));
}
.p-70 {
padding: calc((var(--p-70)/100)*(var(--50)));
}
.p-80 {
padding: calc((var(--p-80)/100)*(var(--40)));
}
.p-90 {
padding: calc((var(--p-90)/100)*(var(--40)));
}
.p-100 {
padding: calc((var(--p-100)/100)*(var(--30)));
}
.p-120 {
padding: calc((var(--p-120)/100)*(var(--30)));
}
.p-150 {
padding: calc((var(--p-150)/100)*(var(--30)));
}
.p-170 {
padding: calc((var(--p-170)/100)*(var(--30)));
}
.p-200 {
padding: calc((var(--p-200)/100)*(var(--30)));
}
.p-250 {
padding: calc((var(--p-250)/100)*(var(--30)));
}
.p-300 {
padding: calc((var(--p-300)/100)*(var(--30)));
}
.p-350 {
padding: calc((var(--p-350)/100)*(var(--30)));
}
.p-400 {
padding: calc((var(--p-400)/100)*(var(--30)));
}
.p-2 {
padding-left: 2%;
padding-right: 2%;
}
.p-4 {
padding-left: 4%;
padding-right: 4%;
}
.p-8 {
padding-left: 8%;
padding-right: 8%;
}
.pl-0 {
padding-left: 0px;
}
.pr-0 {
padding-right: 0px;
}
.pr-5 {
padding-right: calc((var(--pr-5)/100)*(var(--50)));
}
.pr-8 {
padding-right: calc((var(--pr-8)/100)*(var(--50)));
}
.pr-10 {
padding-right: calc((var(--pr-10)/100)*(var(--50)));
}
.pr-15 {
padding-right: calc((var(--pr-15)/100)*(var(--50)));
}
.pr-20 {
padding-right: calc((var(--pr-20)/100)*(var(--50)));
}
.pr-25 {
padding-right: calc((var(--pr-25)/100)*(var(--50)));
}
.pr-30 {
padding-right: calc((var(--pr-30)/100)*(var(--50)));
}
.pr-35 {
padding-right: calc((var(--pr-35)/100)*(var(--50)));
}
.pr-40 {
padding-right: calc((var(--pr-40)/100)*(var(--50)));
}
.pr-50 {
padding-right: calc((var(--pr-50)/100)*(var(--50)));
}
.pr-60 {
padding-right: calc((var(--pr-60)/100)*(var(--50)));
}
.pr-70 {
padding-right: calc((var(--pr-70)/100)*(var(--50)));
}
.pr-80 {
padding-right: calc((var(--pr-80)/100)*(var(--40)));
}
.pr-90 {
padding-right: calc((var(--pr-90)/100)*(var(--40)));
}
.pr-100 {
padding-right: calc((var(--pr-100)/100)*(var(--30)));
}
.pr-120 {
padding-right: calc((var(--pr-120)/100)*(var(--30)));
}
.pr-150 {
padding-right: calc((var(--pr-150)/100)*(var(--30)));
}
.pr-170 {
padding-right: calc((var(--pr-170)/100)*(var(--30)));
}
.pr-200 {
padding-right: calc((var(--pr-200)/100)*(var(--30)));
}
.pr-250 {
padding-right: calc((var(--pr-250)/100)*(var(--30)));
}
.pr-300 {
padding-right: calc((var(--pr-300)/100)*(var(--30)));
}
.pr-350 {
padding-right: calc((var(--pr-350)/100)*(var(--30)));
}
.pr-400 {
padding-right: calc((var(--pr-400)/100)*(var(--30)));
}
.pl-5 {
padding-left: calc((var(--pl-5)/100)*(var(--50)));
}
.pl-8 {
padding-left: calc((var(--pl-8)/100)*(var(--50)));
}
.pl-10 {
padding-left: calc((var(--pl-10)/100)*(var(--50)));
}
.pl-15 {
padding-left: calc((var(--pl-15)/100)*(var(--50)));
}
.pl-20 {
padding-left: calc((var(--pl-20)/100)*(var(--50)));
}
.pl-25 {
padding-left: calc((var(--pl-25)/100)*(var(--50)));
}
.pl-30 {
padding-left: calc((var(--pl-30)/100)*(var(--50)));
}
.pl-35 {
padding-left: calc((var(--pl-35)/100)*(var(--50)));
}
.pl-40 {
padding-left: calc((var(--pl-40)/100)*(var(--50)));
}
.pl-50 {
padding-left: calc((var(--pl-50)/100)*(var(--50)));
}
.pl-60 {
padding-left: calc((var(--pl-60)/100)*(var(--50)));
}
.pl-70 {
padding-left: calc((var(--pl-70)/100)*(var(--50)));
}
.pl-80 {
padding-left: calc((var(--pl-80)/100)*(var(--40)));
}
.pl-90 {
padding-left: calc((var(--pl-90)/100)*(var(--40)));
}
.pl-100 {
padding-left: calc((var(--pl-100)/100)*(var(--30)));
}
.pl-120 {
padding-left: calc((var(--pl-120)/100)*(var(--30)));
}
.pl-150 {
padding-left: calc((var(--pl-150)/100)*(var(--30)));
}
.pl-170 {
padding-left: calc((var(--pl-170)/100)*(var(--30)));
}
.pl-200 {
padding-left: calc((var(--pl-200)/100)*(var(--30)));
}
.pl-250 {
padding-left: calc((var(--pl-250)/100)*(var(--30)));
}
.pl-300 {
padding-left: calc((var(--pl-300)/100)*(var(--30)));
}
.pl-350 {
padding-left: calc((var(--pl-350)/100)*(var(--30)));
}
.pl-400 {
padding-left: calc((var(--pl-400)/100)*(var(--30)));
}
.pt-0 {
padding-top: 0px;
}
.pt-5 {
padding-top: calc((var(--pt-5)/100)*(var(--50)));
}
.pt-8 {
padding-top: calc((var(--pt-8)/100)*(var(--50)));
}
.pt-10 {
padding-top: calc((var(--pt-10)/100)*(var(--50)));
}
.pt-15 {
padding-top: calc((var(--pt-15)/100)*(var(--50)));
}
.pt-20 {
padding-top: calc((var(--pt-20)/100)*(var(--50)));
}
.pt-25 {
padding-top: calc((var(--pt-25)/100)*(var(--50)));
}
.pt-30 {
padding-top: calc((var(--pt-30)/100)*(var(--50)));
}
.pt-35 {
padding-top: calc((var(--pt-35)/100)*(var(--50)));
}
.pt-40 {
padding-top: calc((var(--pt-40)/100)*(var(--50)));
}
.pt-50 {
padding-top: calc((var(--pt-50)/100)*(var(--50)));
}
.pt-60 {
padding-top: calc((var(--pt-60)/100)*(var(--50)));
}
.pt-70 {
padding-top: calc((var(--pt-70)/100)*(var(--50)));
}
.pt-80 {
padding-top: calc((var(--pt-80)/100)*(var(--40)));
}
.pt-90 {
padding-top: calc((var(--pt-90)/100)*(var(--40)));
}
.pt-100 {
padding-top: calc((var(--pt-100)/100)*(var(--30)));
}
.pt-100-100 {
padding-top: 100%;
}
.pt-120 {
padding-top: calc((var(--pt-120)/100)*(var(--30)));
}
.pt-150 {
padding-top: calc((var(--pt-150)/100)*(var(--30)));
}
.pt-170 {
padding-top: calc((var(--pt-170)/100)*(var(--30)));
}
.pt-200 {
padding-top: calc((var(--pt-200)/100)*(var(--30)));
}
.pt-250 {
padding-top: calc((var(--pt-250)/100)*(var(--30)));
}
.pt-300 {
padding-top: calc((var(--pt-300)/100)*(var(--30)));
}
.pt-350 {
padding-top: calc((var(--pt-350)/100)*(var(--30)));
}
.pt-400 {
padding-top: calc((var(--pt-400)/100)*(var(--30)));
}
.pb-5 {
padding-bottom: calc((var(--pb-5)/100)*(var(--50)));
}
.pb-8 {
padding-bottom: calc((var(--pb-8)/100)*(var(--50)));
}
.pb-10 {
padding-bottom: calc((var(--pb-10)/100)*(var(--50)));
}
.pb-15 {
padding-bottom: calc((var(--pb-15)/100)*(var(--50)));
}
.pb-20 {
padding-bottom: calc((var(--pb-20)/100)*(var(--50)));
}
.pb-25 {
padding-bottom: calc((var(--pb-25)/100)*(var(--50)));
}
.pb-30 {
padding-bottom: calc((var(--pb-30)/100)*(var(--50)));
}
.pb-35 {
padding-bottom: calc((var(--pb-35)/100)*(var(--50)));
}
.pb-40 {
padding-bottom: calc((var(--pb-40)/100)*(var(--50)));
}
.pb-50 {
padding-bottom: calc((var(--pb-50)/100)*(var(--50)));
}
.pb-60 {
padding-bottom: calc((var(--pb-60)/100)*(var(--50)));
}
.pb-70 {
padding-bottom: calc((var(--pb-70)/100)*(var(--50)));
}
.pb-80 {
padding-bottom: calc((var(--pb-80)/100)*(var(--40)));
}
.pb-90 {
padding-bottom: calc((var(--pb-90)/100)*(var(--40)));
}
.pb-100 {
padding-bottom: calc((var(--pb-100)/100)*(var(--30)));
}
.pb-120 {
padding-bottom: calc((var(--pb-120)/100)*(var(--30)));
}
.pb-150 {
padding-bottom: calc((var(--pb-150)/100)*(var(--30)));
}
.pb-170 {
padding-bottom: calc((var(--pb-170)/100)*(var(--30)));
}
.pb-200 {
padding-bottom: calc((var(--pb-200)/100)*(var(--30)));
}
.pb-250 {
padding-bottom: calc((var(--pb-250)/100)*(var(--30)));
}
.pb-300 {
padding-bottom: calc((var(--pb-300)/100)*(var(--30)));
}
.pb-350 {
padding-bottom: calc((var(--pb-350)/100)*(var(--30)));
}
.pb-400 {
padding-bottom: calc((var(--pb-400)/100)*(var(--30)));
}
.py-5 {
padding-top: calc((var(--py-5)/100)*(var(--50)));
padding-bottom: calc((var(--py-5)/100)*(var(--50)));
}
.py-8 {
padding-top: calc((var(--py-8)/100)*(var(--50)));
padding-bottom: calc((var(--py-8)/100)*(var(--50)));
}
.py-10 {
padding-top: calc((var(--py-10)/100)*(var(--50)));
padding-bottom: calc((var(--py-10)/100)*(var(--50)));
}
.py-15 {
padding-top: calc((var(--py-15)/100)*(var(--50)));
padding-bottom: calc((var(--py-15)/100)*(var(--50)));
}
.py-20 {
padding-top: calc((var(--py-20)/100)*(var(--50)));
padding-bottom: calc((var(--py-20)/100)*(var(--50)));
}
.py-25 {
padding-top: calc((var(--py-25)/100)*(var(--50)));
padding-bottom: calc((var(--py-25)/100)*(var(--50)));
}
.py-30 {
padding-top: calc((var(--py-30)/100)*(var(--50)));
padding-bottom: calc((var(--py-30)/100)*(var(--50)));
}
.py-35 {
padding-top: calc((var(--py-35)/100)*(var(--50)));
padding-bottom: calc((var(--py-35)/100)*(var(--50)));
}
.py-40 {
padding-top: calc((var(--py-40)/100)*(var(--50)));
padding-bottom: calc((var(--py-40)/100)*(var(--50)));
}
.py-50 {
padding-top: calc((var(--py-50)/100)*(var(--50)));
padding-bottom: calc((var(--py-50)/100)*(var(--50)));
}
.py-60 {
padding-top: calc((var(--py-60)/100)*(var(--50)));
padding-bottom: calc((var(--py-60)/100)*(var(--50)));
}
.py-70 {
padding-top: calc((var(--py-70)/100)*(var(--50)));
padding-bottom: calc((var(--py-70)/100)*(var(--50)));
}
.py-80 {
padding-top: calc((var(--py-80)/100)*(var(--40)));
padding-bottom: calc((var(--py-80)/100)*(var(--40)));
}
.py-90 {
padding-top: calc((var(--py-90)/100)*(var(--40)));
padding-bottom: calc((var(--py-90)/100)*(var(--40)));
}
.py-100 {
padding-top: calc((var(--py-100)/100)*(var(--30)));
padding-bottom: calc((var(--py-100)/100)*(var(--30)));
}
.py-120 {
padding-top: calc((var(--py-120)/100)*(var(--30)));
padding-bottom: calc((var(--py-120)/100)*(var(--30)));
}
.py-150 {
padding-top: calc((var(--py-150)/100)*(var(--30)));
padding-bottom: calc((var(--py-150)/100)*(var(--30)));
}
.py-170 {
padding-top: calc((var(--py-170)/100)*(var(--30)));
padding-bottom: calc((var(--py-170)/100)*(var(--30)));
}
.py-200 {
padding-top: calc((var(--py-200)/100)*(var(--30)));
padding-bottom: calc((var(--py-200)/100)*(var(--30)));
}
.py-250 {
padding-top: calc((var(--py-250)/100)*(var(--30)));
padding-bottom: calc((var(--py-250)/100)*(var(--30)));
}
.py-300 {
padding-top: calc((var(--py-300)/100)*(var(--30)));
padding-bottom: calc((var(--py-300)/100)*(var(--30)));
}
.py-350 {
padding-top: calc((var(--py-350)/100)*(var(--30)));
padding-bottom: calc((var(--py-350)/100)*(var(--30)));
}
.py-400 {
padding-top: calc((var(--py-400)/100)*(var(--30)));
padding-bottom: calc((var(--py-400)/100)*(var(--30)));
}
.px-5 {
padding-right: calc((var(--px-5)/100)*(var(--50)));
padding-left: calc((var(--px-5)/100)*(var(--50)));
}
.px-8 {
padding-right: calc((var(--px-8)/100)*(var(--50)));
padding-left: calc((var(--px-8)/100)*(var(--50)));
}
.px-10 {
padding-right: calc((var(--px-10)/100)*(var(--50)));
padding-left: calc((var(--px-10)/100)*(var(--50)));
}
.px-15 {
padding-right: calc((var(--px-15)/100)*(var(--50)));
padding-left: calc((var(--px-15)/100)*(var(--50)));
}
.px-20 {
padding-right: calc((var(--px-20)/100)*(var(--50)));
padding-left: calc((var(--px-20)/100)*(var(--50)));
}
.px-25 {
padding-right: calc((var(--px-25)/100)*(var(--50)));
padding-left: calc((var(--px-25)/100)*(var(--50)));
}
.px-30 {
padding-right: calc((var(--px-30)/100)*(var(--50)));
padding-left: calc((var(--px-30)/100)*(var(--50)));
}
.px-35 {
padding-right: calc((var(--px-35)/100)*(var(--50)));
padding-left: calc((var(--px-35)/100)*(var(--50)));
}
.px-40 {
padding-right: calc((var(--px-40)/100)*(var(--50)));
padding-left: calc((var(--px-40)/100)*(var(--50)));
}
.px-50 {
padding-right: calc((var(--px-50)/100)*(var(--50)));
padding-left: calc((var(--px-50)/100)*(var(--50)));
}
.px-60 {
padding-right: calc((var(--px-60)/100)*(var(--50)));
padding-left: calc((var(--px-60)/100)*(var(--50)));
}
.px-70 {
padding-right: calc((var(--px-70)/100)*(var(--50)));
padding-left: calc((var(--px-70)/100)*(var(--50)));
}
.px-80 {
padding-right: calc((var(--px-80)/100)*(var(--40)));
padding-left: calc((var(--px-80)/100)*(var(--40)));
}
.px-90 {
padding-right: calc((var(--px-90)/100)*(var(--40)));
padding-left: calc((var(--px-90)/100)*(var(--40)));
}
.px-100 {
padding-right: calc((var(--px-100)/100)*(var(--30)));
padding-left: calc((var(--px-100)/100)*(var(--30)));
}
.px-120 {
padding-right: calc((var(--px-120)/100)*(var(--30)));
padding-left: calc((var(--px-120)/100)*(var(--30)));
}
.px-150 {
padding-right: calc((var(--px-150)/100)*(var(--30)));
padding-left: calc((var(--px-150)/100)*(var(--30)));
}
.px-170 {
padding-right: calc((var(--px-170)/100)*(var(--30)));
padding-left: calc((var(--px-170)/100)*(var(--30)));
}
.px-200 {
padding-right: calc((var(--px-200)/100)*(var(--30)));
padding-left: calc((var(--px-200)/100)*(var(--30)));
}
.px-250 {
padding-right: calc((var(--px-250)/100)*(var(--30)));
padding-left: calc((var(--px-250)/100)*(var(--30)));
}
.px-300 {
padding-right: calc((var(--px-300)/100)*(var(--30)));
padding-left: calc((var(--px-300)/100)*(var(--30)));
}
.px-350 {
padding-right: calc((var(--px-350)/100)*(var(--30)));
padding-left: calc((var(--px-350)/100)*(var(--30)));
}
.px-400 {
padding-right: calc((var(--px-400)/100)*(var(--30)));
padding-left: calc((var(--px-400)/100)*(var(--30)));
} .bg-dark-300 {
background: #3C434A;
}
.bg-dark-400 {
background: #343B43;
}
.bg-gray-200 {
background-color: #F3F3F4;
}
.bg-gray-300 {
background-color: #EFF2F6
}
.bg-gray-800 {
background-color: #303842;
}
.bg-blue-500 {
background-color: #1289ED;
}
.bg-white {
background-color: #ffffff;
}
.bg-yellow {
background-color: #ffed00;
}
.bg-light-gray {
background: #E4EBF0;
}
.bg-g-green {
background: -webkit-linear-gradient(315deg, #1DE5E2 0%, #08C792 100%);
background: -o-linear-gradient(315deg, #1DE5E2 0%, #08C792 100%);
background: linear-gradient(135deg, #1DE5E2 0%, #08C792 100%);
}
.bg-g-green .A-page-h-overlay {
background: rgba(40, 60, 80, 0.2);
}
.bg-black {
background-color: #000000;
}
@media (max-width:800px) {
.bg-g-green .A-page-h-overlay {
opacity: 0, 3;
}
}
.bg-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bg-contain {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .z--30 {
z-index: -30;
}
.z--20 {
z-index: -20;
}
.z--10 {
z-index: -10;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-60 {
z-index: 60;
}
.z-70 {
z-index: 70;
}
.z-80 {
z-index: 80;
}
.z-90 {
z-index: 90;
}
.z-100 {
z-index: 100;
}
.z-200 {
z-index: 200;
} .l {
height: 20vw;
position: relative;
margin-top: -1px;
margin-bottom: -1px;
}
.l-a-b {
height: 20vw;
width: 100%;
position: absolute;
bottom: 0px;
}
.l-a-t {
height: 20vw;
width: 100%;
position: absolute;
top: 0px;
}
.l-w-g {
background: -webkit-linear-gradient(99deg, #EFF2F6 50%, #ffffff 50.3%);
background: -o-linear-gradient(99deg, #EFF2F6 50%, #ffffff 50.3%);
background: linear-gradient(-9deg, #EFF2F6 50%, #ffffff 50.3%);
}
.l-g-w {
background: -webkit-linear-gradient(99deg, #ffffff 50%, #EFF2F6 50.3%);
background: -o-linear-gradient(99deg, #ffffff 50%, #EFF2F6 50.3%);
background: linear-gradient(-9deg, #ffffff 50%, #EFF2F6 50.3%);
}
.l-w-t {
background: -webkit-linear-gradient(99deg, transparent 50%, #ffffff 50.3%);
background: -o-linear-gradient(99deg, transparent 50%, #ffffff 50.3%);
background: linear-gradient(-9deg, transparent 50%, #ffffff 50.3%);
}
.l-t-w {
background: -webkit-linear-gradient(99deg, #ffffff 50%, transparent 50.3%);
background: -o-linear-gradient(99deg, #ffffff 50%, transparent 50.3%);
background: linear-gradient(-9deg, #ffffff 50%, transparent 50.3%);
}
.l-t-g {
background: -webkit-linear-gradient(99deg, #EFF2F6 50%, transparent 50.3%);
background: -o-linear-gradient(99deg, #EFF2F6 50%, transparent 50.3%);
background: linear-gradient(-9deg, #EFF2F6 50%, transparent 50.3%);
} .b-10-black {
border: 10px solid #000000;
}
.br-2 {
border-radius: 2px;
}
.br-4 {
border-radius: 4px;
}
.br-6 {
border-radius: 6px;
}
.br-8 {
border-radius: calc((var(--br-8)/100)*(var(--70)));
}
.br-12 {
border-radius: calc((var(--br-12)/100)*(var(--70)));
}
.br-15 {
border-radius: calc((var(--br-15)/100)*(var(--70)));
}
.br-18 {
border-radius: calc((var(--br-18)/100)*(var(--30)));
}
.br-20 {
border-radius: calc((var(--br-20)/100)*(var(--30)));
}
.br-25 {
border-radius: calc((var(--br-25)/100)*(var(--30)));
}
.br-30 {
border-radius: calc((var(--br-30)/100)*(var(--30)));
}
.br-50 {
border-radius: 50px;
}
.br-60 {
border-radius: 60px;
}
.br-100 {
border-radius: 100px;
} .o-0 {
opacity: 0;
}
.o-1 {
opacity: 0.1;
}
.o-2 {
opacity: 0.2;
}
.o-3 {
opacity: 0.3;
}
.o-4 {
opacity: 0.4;
}
.o-5 {
opacity: 0.5;
}
.o-6 {
opacity: 0.6;
}
.o-7 {
opacity: 0.7;
}
.o-8 {
opacity: 0.8;
}
.o-9 {
opacity: 0.9;
}
.o-10 {
opacity: 1;
} .din {
font-family: "DIN Next LT W01 Heavy Cond It";
text-transform: uppercase;
}
.din-rc {
font-family:"DINNextW01-CondensedReg";
}
.ave-c {
font-family: "Avenir Next LT W01 Condensed";
}
.ave-cl {
font-family: "Avenir Next LT W01 Light Cond";
} .champ {
font-family: "PF Champion Script W01 Regular";
}
.ave-b {
font-family: "Avenir Next LT W01 Bold";
}
.ave-d {
font-family: "Avenir Next LT W01 Demi";
}
.ave-l {
font-family:"Avenir Next LT W01 Light";
}
.ave-m {
font-family: "Avenir Next LT W01 Medium";
}
.ave-r {
font-family: "Avenir Next LT W01 Regular";
}
.ave-t {
font-family: "Avenir Next W01 Thin";
}
.oly-r {
font-family: "Olympian LT W01 Roman";
}
.tt-m {
font-family: "TT Norms W01 Medium";
}
.tt-b {
font-family: "TT Norms W01 Bold";
}
.tt-eb {
font-family: "TT Norms W01 ExtraBold";
}
.pro-t {
font-family: "Proxima Soft W01 Thin";
}
.pro-l {
font-family: "Proxima Soft W01 Light";
}
.pro-r {
font-family: "Proxima Soft W01 Regular";
}
.pro-m {
font-family: "Proxima Soft W01 Medium";
}
.pro-s {
font-family: "Proxima Soft W01 Semibold";
}
.pro-b {
font-family: "Proxima Soft W01 Bold";
}
.pro-e {
font-family: "Proxima Soft W01 Extrabold";
} .f-10 {
font-size: 10px;
}
.f-12 {
font-size: 12px;
}
.f-13 {
font-size: 13px;
}
.f-14 {
font-size: calc((var(--f-14)/100)*(var(--80)));
}
.f-16 {
font-size: calc((var(--f-16)/100)*(var(--80)));
}
.f-18 {
font-size: max(calc((var(--f-18)/100)*(var(--70))), 14px);
}
.f-20 {
font-size: max(calc((var(--f-20)/100)*(var(--50))), 14px);
}
.f-22 {
font-size: max(calc((var(--f-22)/100)*(var(--50))), 14px);
}
.f-25 {
font-size: max(calc((var(--f-25)/100)*(var(--50))), 16px);
}
.f-30 {
font-size: max(calc((var(--f-30)/100)*(var(--50))), 19px);
}
.f-35 {
font-size: max(calc((var(--f-35)/100)*(var(--50))), 20px);
}
.f-40 {
font-size: max(calc((var(--f-40)/100)*(var(--50))), 22px);
}
.f-45 {
font-size: max(calc((var(--f-45)/100)*(var(--50))), 24px);
}
.f-50 {
font-size: max(calc((var(--f-50)/100)*(var(--40))), 25px);
}
.f-60 {
font-size: max(calc(( var(--f-60)/100)*(var(--30))), 26px);
}
.f-70 {
font-size: calc((var(--f-70)/100)*(var(--40)));
}
.f-80 {
font-size: calc((var(--f-80)/100)*(var(--40)));
}
.f-90 {
font-size: calc((var(--f-90)/100)*(var(--40)));
}
.f-100 {
font-size: calc((var(--f-100)/100)*(var(--40)));
}
.f-110 {
font-size: calc((var(--f-110)/100)*(var(--40)));
}
.f-120 {
font-size: calc((var(--f-120)/100)*(var(--40)));
}
.f-130 {
font-size: calc((var(--f-130)/100)*(var(--50)));
}
.f-140 {
font-size: calc((var(--f-140)/100)*(var(--50)));
}
.f-150 {
font-size: calc((var(--f-150)/100)*(var(--30)));
}
.f-180 {
font-size: calc((var(--f-180)/100)*(var(--30)));
}
.f-200 {
font-size: calc((var(--f-200)/100)*(var(--30)));
}
.f-250 {
font-size: calc((var(--f-250)/100)*(var(--50)));
}
.f-300 {
font-size: calc((var(--f-300)/100)*(var(--50)));
}
.f-350 {
font-size: calc((var(--f-350)/100)*(var(--50)));
}
.ta-l {
text-align: left;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.ta-j {
text-align: justify;
}
.t-u {
text-transform: uppercase;
} .p-r {
position: relative;
}
.p-a {
position: absolute;
}
.p-a-0 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.p-a-c {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.p-a-cy {
position:absolute;
top: 50%;
transform: translateY(-50%);
}
.p-a-cx {
position:absolute;
left: 50%;
transform: translateX(-50%);
}
.p-f {
position: fixed;
} .le-0 {
line-height: 0;
}
.le-08 {
line-height: 0.8;
}
.le-09 {
line-height: 0.9;
}
.le-1 {
line-height: 1;
}
.le-12 {
line-height: 1.2;
}
.le-13 {
line-height: 1.3;
}
.le-14 {
line-height: 1.4;
}
@media (max-width:400px) {
.le-14 {
line-height: 1.3;
}
}
.le-15 {
line-height: 1.5;
}
@media (max-width:1200px) {
.le-15 {
line-height: 1.4;
}
}
@media (max-width:500px) {
.le-15 {
line-height: 1.3;
}
}
.le-16 {
line-height: 1.6;
}
@media (max-width:800px) {
.le-16 {
line-height: 1.5;
}
}
@media (max-width:500px) {
.le-16 {
line-height: 1.4;
}
}
@media (max-width:400px) {
.le-16 {
line-height: 1.3;
}
}
.le-17 {
line-height: 1.7;
}
.le-18 {
line-height: 1.8;
}
.le-19 {
line-height: 1.9;
}
.le-20 {
line-height: 2;
} img {
display: block;
}
.img-fit {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.img-contain {
height: 100%;
width: 100%;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.obj-r {
object-position:right;
}
.obj-t {
object-position:top;
}
.obj-l {
object-position:left;
}
.obj-b {
object-position:bottom;
} .ls-0 {
letter-spacing: 0px;
}
.ls-1 {
letter-spacing: 1px;
}
.ls-2 {
letter-spacing: 2px;
}
.ls-3 {
letter-spacing: 3px;
}
.ls-4 {
letter-spacing: 4px;
}
.ls-5 {
letter-spacing: 5px;
}
.ls-10 {
letter-spacing: 10px;
}
.ls-15 {
letter-spacing: 15px;
} .r-0 {
right: calc((var(--r-0)/100)*(var(--50)));
}
.r-5 {
right: calc((var(--r-5)/100)*(var(--50)));
}
.r-10 {
right: calc((var(--r-10)/100)*(var(--50)));
}
.r-15 {
right: calc((var(--r-15)/100)*(var(--50)));
}
.r-20 {
right: calc((var(--r-20)/100)*(var(--50)));
}
.r-25 {
right: calc((var(--r-25)/100)*(var(--50)));
}
.r-30 {
right: calc((var(--r-30)/100)*(var(--50)));
}
.r-40 {
right: calc((var(--r-40)/100)*(var(--50)));
}
.r-50 {
right: calc((var(--r-50)/100)*(var(--50)));
}
.r-60 {
right: calc((var(--r-60)/100)*(var(--50)));
}
.r-70 {
right: calc((var(--r-70)/100)*(var(--50)));
}
.r-80 {
right: calc((var(--r-80)/100)*(var(--40)));
}
.r-90 {
right: calc((var(--r-90)/100)*(var(--40)));
}
.r-100 {
right: calc((var(--r-100)/100)*(var(--30)));
}
.r-110 {
right: calc((var(--r-110)/100)*(var(--30)));
}
.r-120 {
right: calc((var(--r-120)/100)*(var(--30)));
}
.r-130 {
right: calc((var(--r-130)/100)*(var(--30)));
}
.r-140 {
right: calc((var(--r-140)/100)*(var(--30)));
}
.r-150 {
right: calc((var(--r-150)/100)*(var(--30)));
}
.r--5 {
right: calc((var(--r--5)/100)*(var(--50)));
}
.r--10 {
right: calc((var(--r--10)/100)*(var(--50)));
}
.r--15 {
right: calc((var(--r--15)/100)*(var(--50)));
}
.r--20 {
right: calc((var(--r--20)/100)*(var(--50)));
}
.r--25 {
right: calc((var(--r--25)/100)*(var(--50)));
}
.r--30 {
right: calc((var(--r--30)/100)*(var(--50)));
}
.r--35 {
right: calc((var(--r--35)/100)*(var(--50)));
}
.r--40 {
right: calc((var(--r--40)/100)*(var(--50)));
}
.r--50 {
right: calc((var(--r--50)/100)*(var(--50)));
}
.r--60 {
right: calc((var(--r--60)/100)*(var(--50)));
}
.r--70 {
right: calc((var(--r--70)/100)*(var(--50)));
}
.r--80 {
right: calc((var(--r--80)/100)*(var(--40)));
}
.r--90 {
right: calc((var(--r--90)/100)*(var(--40)));
}
.r--100 {
right: calc((var(--r--100)/100)*(var(--30)));
}
.r--110 {
right: calc((var(--r--110)/100)*(var(--30)));
}
.r--120 {
right: calc((var(--r--120)/100)*(var(--30)));
}
.r--130 {
right: calc((var(--r--130)/100)*(var(--30)));
}
.r--140 {
right: calc((var(--r--140)/100)*(var(--30)));
}
.r--150 {
right: calc((var(--r--150)/100)*(var(--30)));
}
.r--200 {
right: calc((var(--r--200)/100)*(var(--30)));
}
.r--300 {
right: calc((var(--r--300)/100)*(var(--30)));
}
.r--350 {
right: calc((var(--r--350)/100)*(var(--30)));
}
.r--400 {
right: calc((var(--r--400)/100)*(var(--30)));
} .t-0 {
top: 0px;
}
.t-1 {
top: 1px;
}
.t-2 {
top: 2px;
}
.t-3 {
top: 3px;
}
.t-5 {
top: calc((var(--t-5)/100)*(var(--50)));
}
.t-8 {
top: calc((var(--t-8)/100)*(var(--50)));
}
.t-10 {
top: calc((var(--t-10)/100)*(var(--50)));
}
.t-15 {
top: calc((var(--t-15)/100)*(var(--50)));
}
.t-20 {
top: calc((var(--t-20)/100)*(var(--50)));
}
.t-25 {
top: calc((var(--t-25)/100)*(var(--50)));
}
.t-30 {
top: calc((var(--t-30)/100)*(var(--50)));
}
.t-40 {
top: calc((var(--t-40)/100)*(var(--50)));
}
.t-50 {
top: calc((var(--t-50)/100)*(var(--50)));
}
.t-60 {
top: calc((var(--t-60)/100)*(var(--50)));
}
.t-70 {
top: calc((var(--t-70)/100)*(var(--50)));
}
.t-80 {
top: calc((var(--t-80)/100)*(var(--40)));
}
.t-90 {
top: calc((var(--t-90)/100)*(var(--40)));
}
.t-100 {
top: calc((var(--t-100)/100)*(var(--30)));
}
.t-110 {
top: calc((var(--t-110)/100)*(var(--30)));
}
.t-120 {
top: calc((var(--t-120)/100)*(var(--30)));
}
.t-130 {
top: calc((var(--t-130)/100)*(var(--30)));
}
.t-140 {
top: calc((var(--t-140)/100)*(var(--30)));
}
.t-150 {
top: calc((var(--t-150)/100)*(var(--30)));
}
.t-200 {
top: calc((var(--t-200)/100)*(var(--30)));
}
.t-250 {
top: calc((var(--t-250)/100)*(var(--30)));
}
.t--1 {
top: var(--t--1);
}
.t--2 {
top: var(--t--2);
}
.t--3 {
top: var(--t--3);
}
.t--4 {
top: var(--t--4);
}
.t--5 {
top: calc((var(--t--5)/100)*(var(--50)));
}
.t--10 {
top: calc((var(--t--10)/100)*(var(--50)));
}
.t--15 {
top: calc((var(--t--15)/100)*(var(--50)));
}
.t--20 {
top: calc((var(--t--20)/100)*(var(--50)));
}
.t--25 {
top: calc((var(--t--25)/100)*(var(--50)));
}
.t--30 {
top: calc((var(--t--30)/100)*(var(--50)));
}
.t--40 {
top: calc((var(--t--40)/100)*(var(--50)));
}
.t--50 {
top: calc((var(--t--50)/100)*(var(--50)));
}
.t--60 {
top: calc((var(--t--60)/100)*(var(--50)));
}
.t--70 {
top: calc((var(--t--70)/100)*(var(--50)));
}
.t--80 {
top: calc((var(--t--80)/100)*(var(--40)));
}
.t--90 {
top: calc((var(--t--90)/100)*(var(--40)));
}
.t--100 {
top: calc((var(--t--100)/100)*(var(--30)));
}
.t--110 {
top: calc((var(--t--110)/100)*(var(--30)));
}
.t--120 {
top: calc((var(--t--120)/100)*(var(--30)));
}
.t--130 {
top: calc((var(--t--130)/100)*(var(--30)));
}
.t--140 {
top: calc((var(--t--140)/100)*(var(--30)));
}
.t--150 {
top: calc((var(--t--150)/100)*(var(--30)));
}
.t--200 {
top: calc((var(--t--200)/100)*(var(--30)));
}
.t--250 {
top: calc((var(--t--250)/100)*(var(--30)));
} .l-0 {
left: var(--l-0);
}
.l-5 {
left: calc((var(--l-5)/100)*(var(--50)));
}
.l-10 {
left: calc((var(--l-10)/100)*(var(--50)));
}
.l-15 {
left: calc((var(--l-15)/100)*(var(--50)));
}
.l-20 {
left: calc((var(--l-20)/100)*(var(--50)));
}
.l-25 {
left: calc((var(--l-25)/100)*(var(--50)));
}
.l-30 {
left: calc((var(--l-30)/100)*(var(--50)));
}
.l-40 {
left: calc((var(--l-40)/100)*(var(--50)));
}
.l-50 {
left: calc((var(--l-50)/100)*(var(--50)));
}
.l-60 {
left: calc((var(--l-60)/100)*(var(--50)));
}
.l-70 {
left: calc((var(--l-70)/100)*(var(--50)));
}
.l-80 {
left: calc((var(--l-80)/100)*(var(--40)));
}
.l-90 {
left: calc((var(--l-90)/100)*(var(--40)));
}
.l-100 {
left: calc((var(--l-100)/100)*(var(--30)));
}
.l-110 {
left: calc((var(--l-110)/100)*(var(--30)));
}
.l-120 {
left: calc((var(--l-120)/100)*(var(--30)));
}
.l-130 {
left: calc((var(--l-130)/100)*(var(--30)));
}
.l-140 {
left: calc((var(--l-140)/100)*(var(--30)));
}
.l-150 {
left: calc((var(--l-150)/100)*(var(--30)));
}
.l--5 {
left: calc((var(--l--5)/100)*(var(--50)));
}
.l--10 {
left: calc((var(--l--10)/100)*(var(--50)));
}
.l--15 {
left: calc((var(--l--15)/100)*(var(--50)));
}
.l--20 {
left: calc((var(--l--20)/100)*(var(--50)));
}
.l--25 {
left: calc((var(--l--25)/100)*(var(--50)));
}
.l--30 {
left: calc((var(--l--30)/100)*(var(--50)));
}
.l--35 {
left: calc((var(--l--35)/100)*(var(--50)));
}
.l--40 {
left: calc((var(--l--40)/100)*(var(--50)));
}
.l--50 {
left: calc((var(--l--50)/100)*(var(--50)));
}
.l--60 {
left: calc((var(--l--60)/100)*(var(--50)));
}
.l--70 {
left: calc((var(--l--70)/100)*(var(--50)));
}
.l--80 {
left: calc((var(--l--80)/100)*(var(--40)));
}
.l--90 {
left: calc((var(--l--90)/100)*(var(--40)));
}
.l--100 {
left: calc((var(--l--100)/100)*(var(--30)));
}
.l--110 {
left: calc((var(--l--110)/100)*(var(--30)));
}
.l--120 {
left: calc((var(--l--120)/100)*(var(--30)));
}
.l--130 {
left: calc((var(--l--130)/100)*(var(--30)));
}
.l--140 {
left: calc((var(--l--140)/100)*(var(--30)));
}
.l--150 {
left: calc((var(--l--150)/100)*(var(--30)));
}
.l--200 {
left: calc((var(--l--200)/100)*(var(--30)));
}
.l--300 {
left: calc((var(--l--300)/100)*(var(--30)));
} .b-0 {
bottom: 0px;
}
.b-5 {
bottom: calc((var(--b-5)/100)*(var(--50)));
}
.b-10 {
bottom: calc((var(--b-10)/100)*(var(--50)));
}
.b-15 {
bottom: calc((var(--b-15)/100)*(var(--50)));
}
.b-20 {
bottom: calc((var(--b-20)/100)*(var(--50)));
}
.b-25 {
bottom: calc((var(--b-25)/100)*(var(--50)));
}
.b-30 {
bottom: calc((var(--b-30)/100)*(var(--50)));
}
.b-40 {
bottom: calc((var(--b-40)/100)*(var(--50)));
}
.b-50 {
bottom: calc((var(--b-50)/100)*(var(--50)));
}
.b-60 {
bottom: calc((var(--b-60)/100)*(var(--50)));
}
.b-70 {
bottom: calc((var(--b-70)/100)*(var(--50)));
}
.b-80 {
bottom: calc((var(--b-80)/100)*(var(--40)));
}
.b-90 {
bottom: calc((var(--b-90)/100)*(var(--40)));
}
.b-100 {
bottom: calc((var(--b-100)/100)*(var(--30)));
}
.b-110 {
bottom: calc((var(--b-110)/100)*(var(--30)));
}
.b-120 {
bottom: calc((var(--b-120)/100)*(var(--30)));
}
.b-130 {
bottom: calc((var(--b-130)/100)*(var(--30)));
}
.b-140 {
bottom: calc((var(--b-140)/100)*(var(--30)));
}
.b-150 {
bottom: calc((var(--b-150)/100)*(var(--30)));
}
.b--2 {
bottom: calc((var(--b--2)/100)*(var(--50)));
}
.b--5 {
bottom: calc((var(--b--5)/100)*(var(--50)));
}
.b--10 {
bottom: calc((var(--b--10)/100)*(var(--50)));
}
.b--15 {
bottom: calc((var(--b--15)/100)*(var(--50)));
}
.b--20 {
bottom: calc((var(--b--20)/100)*(var(--50)));
}
.b--25 {
bottom: calc((var(--b--25)/100)*(var(--50)));
}
.b--30 {
bottom: calc((var(--b--30)/100)*(var(--50)));
}
.b--40 {
bottom: calc((var(--b--40)/100)*(var(--50)));
}
.b--50 {
bottom: calc((var(--b--50)/100)*(var(--50)));
}
.b--60 {
bottom: calc((var(--b--60)/100)*(var(--50)));
}
.b--70 {
bottom: calc((var(--b--70)/100)*(var(--50)));
}
.b--80 {
bottom: calc((var(--b--80)/100)*(var(--40)));
}
.b--90 {
bottom: calc((var(--b--90)/100)*(var(--40)));
}
.b--100 {
bottom: calc((var(--b--100)/100)*(var(--30)));
}
.b--110 {
bottom: calc((var(--b--110)/100)*(var(--30)));
}
.b--120 {
bottom: calc((var(--b--120)/100)*(var(--30)));
}
.b--130 {
bottom: calc((var(--b--130)/100)*(var(--30)));
}
.b--140 {
bottom: calc((var(--b--140)/100)*(var(--30)));
}
.b--150 {
bottom: calc((var(--b--150)/100)*(var(--30)));
} @media (max-width:2000px) {
.hide-2000 {
display: none;
}
}
@media (max-width:1500px) {
.hide-1500 {
display: none;
}
}
@media (max-width:1300px) {
.hide-1300 {
display: none;
}
}
@media (max-width:1200px) {
.hide-1200 {
display: none;
}
}
@media (max-width:1100px) {
.hide-1100 {
display: none;
}
}
@media (max-width:1000px) {
.hide-1000 {
display: none;
}
}
@media (max-width:900px) {
.hide-900 {
display: none;
}
}
@media (max-width:800px) {
.hide-800 {
display: none;
}
}
@media (max-width:700px) {
.hide-700 {
display: none;
}
}
@media (max-width:600px) {
.hide-600 {
display: none;
}
}
@media (max-width:500px) {
.hide-500 {
display: none;
}
}
@media (max-width:450px) {
.hide-450 {
display: none;
}
}
@media (max-width:400px) {
.hide-400 {
display: none;
}
} @media (max-width:2000px) {
.show-2000 {
display: block;
}
}
@media (max-width:1500px) {
.show-1500 {
display: block;
}
}
@media (max-width:1300px) {
.show-1300 {
display: block;
}
}
@media (max-width:1200px) {
.show-1200 {
display: block;
}
}
@media (max-width:1100px) {
.show-1100 {
display: block;
}
}
@media (max-width:1000px) {
.show-1000 {
display: block;
}
}
@media (max-width:900px) {
.show-900 {
display: block;
}
}
@media (max-width:800px) {
.show-800 {
display: block;
}
}
@media (max-width:700px) {
.show-700 {
display: block;
}
}
@media (max-width:600px) {
.show-600 {
display: block;
}
}
@media (max-width:500px) {
.show-500 {
display: block;
}
}
@media (max-width:450px) {
.show-450 {
display: block;
}
}
@media (max-width:400px) {
.show-400 {
display: block;
}
}
@media (max-width:2000px) {
.show-g-2000 {
display: grid;
}
}
@media (max-width:1500px) {
.show-g-1500 {
display: grid;
}
}
@media (max-width:1300px) {
.show-g-1300 {
display: grid;
}
}
@media (max-width:1200px) {
.show-g-1200 {
display: grid;
}
}
@media (max-width:1100px) {
.show-g-1100 {
display: grid;
}
}
@media (max-width:1000px) {
.show-g-1000 {
display: grid;
}
}
@media (max-width:900px) {
.show-g-900 {
display: grid;
}
}
@media (max-width:800px) {
.show-g-800 {
display: grid;
}
}
@media (max-width:800px) {
.show-g-800 {
display: grid;
}
}
@media (max-width:700px) {
.show-g-700 {
display: grid;
}
}
@media (max-width:600px) {
.show-g-600 {
display: grid;
}
}
@media (max-width:500px) {
.show-g-500 {
display: grid;
}
}
@media (max-width:400px) {
.show-g-400 {
display: grid;
}
}
@media (max-width:2000px) {
.show-f-2000 {
display: flex;
}
}
@media (max-width:1500px) {
.show-f-1500 {
display: flex;
}
}
@media (max-width:1300px) {
.show-f-1300 {
display: flex;
}
}
@media (max-width:1200px) {
.show-f-1200 {
display: flex;
}
}
@media (max-width:1100px) {
.show-f-1100 {
display: flex;
}
}
@media (max-width:1000px) {
.show-f-1000 {
display: flex;
}
}
@media (max-width:900px) {
.show-f-900 {
display: flex;
}
}
@media (max-width:800px) {
.show-f-800 {
display: flex;
}
}
@media (max-width:800px) {
.show-f-800 {
display: flex;
}
}
@media (max-width:700px) {
.show-f-700 {
display: flex;
}
}
@media (max-width:600px) {
.show-f-600 {
display: flex;
}
}
@media (max-width:500px) {
.show-f-500 {
display: flex;
}
}
@media (max-width:400px) {
.show-f-400 {
display: flex;
}
}
@media (max-width:2000px) {
.show-i-2000 {
display: inline;
}
}
@media (max-width:1500px) {
.show-i-1500 {
display: inline;
}
}
@media (max-width:1300px) {
.show-i-1300 {
display: inline;
}
}
@media (max-width:1200px) {
.show-i-1200 {
display: inline;
}
}
@media (max-width:1100px) {
.show-i-1100 {
display: inline;
}
}
@media (max-width:1000px) {
.show-i-1000 {
display: inline;
}
}
@media (max-width:900px) {
.show-i-900 {
display: inline;
}
}
@media (max-width:800px) {
.show-i-800 {
display: inline;
}
}
@media (max-width:700px) {
.show-i-700 {
display: inline;
}
}
@media (max-width:600px) {
.show-i-600 {
display: inline;
}
}
@media (max-width:500px) {
.show-i-500 {
display: inline;
}
}
@media (max-width:400px) {
.show-i-400 {
display: inline;
}
}
@media (max-width:2000px) {
.show-ib-2000 {
display: inline-block;
}
}
@media (max-width:1500px) {
.show-ib-1500 {
display: inline-block;
}
}
@media (max-width:1300px) {
.show-ib-1300 {
display: inline-block;
}
}
@media (max-width:1200px) {
.show-ib-1200 {
display: inline-block;
}
}
@media (max-width:1100px) {
.show-ib-1100 {
display: inline-block;
}
}
@media (max-width:1000px) {
.show-ib-1000 {
display: inline-block;
}
}
@media (max-width:900px) {
.show-ib-900 {
display: inline-block;
}
}
@media (max-width:800px) {
.show-ib-800 {
display: inline-block;
}
}
@media (max-width:700px) {
.show-ib-700 {
display: inline-block;
}
}
@media (max-width:600px) {
.show-ib-600 {
display: inline-block;
}
}
@media (max-width:500px) {
.show-ib-500 {
display: inline-block;
}
}
@media (max-width:400px) {
.show-ib-400 {
display: inline-block;
}
} a[href],
button,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
label[for],
select,
summary,
.button,
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button,
.wc-block-components-button,
.select_option,
.swiper-button-next,
.swiper-button-prev,
.wpml-ls-item-toggle {
cursor: pointer;
}
button:disabled,
input[type="submit"]:disabled {
cursor: not-allowed;
}@font-face{
font-display:swap;
font-family:"Avenir Next LT W01 Regular";
src:url(//www.etapharma.com/wp-content/themes/etapharma/fonts/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2) format("woff2"),url(//www.etapharma.com/wp-content/themes/etapharma/fonts/a1adabe6-efe5-40b7-b619-48111c8ff883.woff) format("woff");
}
@font-face{
font-display:swap;
font-family:"Avenir Next LT W01 Demi";
src:url(//www.etapharma.com/wp-content/themes/etapharma/fonts/6afe4676-059a-4aa8-b891-29856bbcba22.woff2) format("woff2"),url(//www.etapharma.com/wp-content/themes/etapharma/fonts/a9817c16-2a79-49bf-8543-6c846d73a52f.woff) format("woff");
}
@font-face{
font-display:swap;
font-family:"Avenir Next LT W01 Bold";
src:url(//www.etapharma.com/wp-content/themes/etapharma/fonts/b56355b0-7729-42a7-9f65-62c7211d078c.woff2) format("woff2"),url(//www.etapharma.com/wp-content/themes/etapharma/fonts/05537afc-e923-4df9-b365-71798fbd220d.woff) format("woff");
}
@font-face{
font-display:swap;
font-family:"TT Norms W01 Medium";
src:url(//www.etapharma.com/wp-content/themes/etapharma/fonts/e82f6cee-9013-4a8a-88b7-f588b977558a.woff2) format("woff2"),url(//www.etapharma.com/wp-content/themes/etapharma/fonts/dd46c47a-49a0-4615-998d-2943c528e5d0.woff) format("woff");
}
@font-face{
font-display:swap;
font-family:"Olympian LT W01 Roman";
src:url(//www.etapharma.com/wp-content/themes/etapharma/fonts/9a1a508f-3f46-440a-92d2-050bdd51c88e.woff2) format("woff2"),url(//www.etapharma.com/wp-content/themes/etapharma/fonts/f2bf0741-f5ed-45c7-98b3-356e6d8fb2be.woff) format("woff");
}html {
overflow-x:hidden;
}
body {
font-family:"TT Norms W01 Medium";
color:#353F4F;
line-height:1.1;
overflow-x:hidden;
}
.tc-white,
.tc-white:hover,
.tc-white:active,
.tc-white:visited,
.tc-white:focus {
color:#fff;
}
.tc-green,
.tc-green:hover,
.tc-green:active,
.tc-green:visited,
.tc-green:focus {
color:#36969A;
}
.tc-gray,
.tc-gray:hover,
.tc-gray:active,
.tc-gray:visited,
.tc-gray:focus {
color:#8A97A4;
}
.bg-line {
background-color:#E4EBF0;
}
.bg-gray {
background-color:#F4C3B2;
background-color:#F6F8FC;
}
.bg-dark {
background-color:#353F4F;
}
.bg-green {
background-color:#35969A;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.S-home-hs-back:before {
background-image: linear-gradient(to right, rgba(245,247,250,1) 0%, rgba(245,247,250, 0.95) 19%, rgba(245,247,250, 0.85) 34%, rgba(245,247,250, 0.75) 47%, rgba(245,247,250, 0.65) 56.5%, rgba(245,247,250, 0.55) 65%, rgba(245,247,250, 0.45) 73%, rgba(245,247,250, 0.35) 80.2%, rgba(245,247,250, 0.25) 86.1%, rgba(245,247,250, 0.15) 91%, rgba(245,247,250, 0.05) 95.2%, rgba(245,247,250, 0.025) 98.2%, transparent 100%);
z-index:40;
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:50%;
}
.S-home-hsm-title {
max-width:53%;
}
.S-home-hsm-desc {
max-width:45%;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
}
@media (max-width:900px) {
}
@media (max-width:800px) {
.S-home-hs-img {
object-position:top right;
}
}
@media (max-width:700px) {
.S-home-hs-back:before {
width:90%;
}
.S-home-hsm-title {
max-width:73%;
}
.S-home-hsm-desc {
max-width:65%;
}
.S-home-h-slide {
--h-450:600px;
}
}
@media (max-width:600px) {
}
@media (max-width:500px) {
.S-home-h-slide {
height:250px;
}
}
@media (max-width:400px) {
.S-home-hs-back:before {
width:95%;
}
.S-home-hsm-title {
max-width:83%;
}
.S-home-hsm-desc {
max-width:74%;
}
} .S-home-r-cont {
border-bottom:2px solid #E4EBF0;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:400px) {
} .S-home-l-cont {
border-bottom:2px solid #E4EBF0;
}
.S-home-l-item img {
max-width:70%;
width:70%;
height:auto;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:400px) {
} .S-home-pih-label {
border-radius:0px 8px 8px 0px;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-home-pi-head {
--h-400:350px;
}
.S-home-pib-desc {
--f-18:17px;
line-height:1.4;
}
.S-home-pi-head {
--mb-40:35px;
}
.S-home-pib-title {
--mb-20:17px;
}
.S-home-pih-label {
--px-25:22px;
--py-10:9px;
border-radius:0px 6px 6px 0px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
.S-home-pi-arrows {
--r--100:-80px;
--l--100:-80px;
}
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-home-p-head {
grid-template-columns:1fr;
--gap-100:50px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
}
@media (max-width:600px) {
.S-home-p-items .swiper-slide {
width:70%;
}
.S-home-p-body {
max-width:100%;
}
.S-home-pih-label {
font-size:13px;
--px-25:26px;
--py-10:12px;
border-radius:0px 6px 6px 0px;
}
}
@media (max-width:500px) {
.S-home-pf-button {
width:100%;
}
}
@media (max-width:400px) {
} @media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-home-vi-title {
--f-22:20px;
}
.S-home-vi-icon svg {
--h-100:90px;
--h-110:100px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-home-vi-title {
--f-22:22px;
}
.S-home-vi-icon svg {
--h-100:100px;
--h-110:110px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
.S-home-values {
--mb-120:10px;
}
.S-home-vi-title {
--f-22:25px;
}
.S-home-vi-icon svg {
--h-100:120px;
--h-110:140px;
}
.S-home-v-items {
grid-template-columns:1fr;
gap:25px;
margin-left: calc((var(--ml-100)/100)*(var(--50)));
}
.S-home-vi-icon {
width: calc((var(--w-80)/100)*(var(--70)));
display:flex;
justify-content:center;
flex-shrink:0;
}
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:450px) {
.S-home-v-items {
--ml-100:50px;
}
}
@media (max-width:400px) {
.S-home-v-items {
--ml-100:10px;
}
} @media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-home-b-main {
--w-550:500px;
}
.S-home-b-cont {
--gap-150:120px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
.S-home-b-main {
--w-550:470px;
}
}
@media (max-width:1000px) {
.S-home-b-side {
position: absolute;
right:  calc((100vw - 800px)/-2);
top:0;
bottom: 0;
width: 40vw;
display: flex;
flex-direction: column;
gap: 10px;
}
.S-home-bs-img {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width:100%;
}
.S-home-bs-img:nth-child(1) {
border-radius:8px 0px 0px 0px
}
.S-home-bs-img:nth-child(2) {
border-radius:0px 0px 0px 8px
}
}
@media (max-width:900px) {
.S-home-b-side {
right:  calc((100vw - 700px)/-2);
width:37vw;
}
}
@media (max-width:800px) {
.S-home-b-side {
right:  calc((100vw - 600px)/-2);
}
.S-home-b-main {
--w-550:410px;
}
}
@media (max-width:700px) {
.S-home-b-cont {
flex-direction:column;
--gap-150:100px;
}
.S-home-b-main {
--py-100:0px;
width:100%;
}
.S-home-b-side {
position:relative;
right:0;
width:100vw;
display:grid;
height:250px;
order:-1;
border-radius:0px;
grid-template-columns:1fr;
gap:5px;
margin-left:calc((100vw - 500px)/-2);
margin-right:calc((100vw - 500px)/-2);
}
.S-home-bs-img {
border-radius:0px!important;
position:relative;
top:0;
left:0;
right:0;
bottom:0;
}
.S-home-bm-item {
--f-22:22px;
--h-60:60px;
}
}
@media (max-width:600px) {
.S-home-b-side {
margin-left:-50px;
margin-right:-50px;
}
.S-home-bmi-icon {
--h-45:55px;
}
.S-home-bmi-title {
--f-18:20px;
}
}
@media (max-width:500px) {
.S-home-b-side {
margin-left:-30px;
margin-right:-30px;
}
.S-home-bm-button {
width:100%;
}
}
@media (max-width:400px) {
.S-home-b-side {
margin-left:-25px;
margin-right:-25px;
}
} @media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-home-a-main {
--w-550:500px;
}
.S-home-a-cont {
--gap-150:120px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
.S-home-a-main {
--w-550:470px;
}
.S-home-am-title {
--f-45:41px;
}
.S-home-as-img {
--l--10:-60px;
--h-700:750px;
}
}
@media (max-width:1000px) {
.S-home-am-title {
--f-45:43px;
}
.S-home-a-cont {
justify-content:flex-end;
}
.S-home-a-side {
position: absolute;
left:  calc((100vw - 800px)/-2);
top:0;
bottom: 0;
right:0;
width: 40vw;
display: flex;
flex-direction: column;
gap: 10px;
}
.S-home-as-img {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width:100%;
}
.S-home-as-img:nth-child(1) {
border-radius:0px 8px 0px 0px
}
.S-home-as-img:nth-child(2) {
border-radius:0px 0px 8px 0px
}
}
@media (max-width:900px) {
.S-home-a-side {
left:  calc((100vw - 700px)/-2);
width:37vw;
}
}
@media (max-width:800px) {
.S-home-a-side {
left:  calc((100vw - 600px)/-2);
}
.S-home-a-main {
--w-550:400px;
}
}
@media (max-width:700px) {
.S-home-about {
--mb-120:10px;
}
.S-home-a-cont {
flex-direction:column;
--gap-150:100px;
justify-content:initial;
}
.S-home-a-main {
--py-100:0px;
width:100%;
margin-left:0px;
}
.S-home-a-side {
display:grid;
order:2;
position:relative;
left:0;
width:100vw;
right:0;
height:250px;
border-radius:0px;
grid-template-columns:1fr;
gap:5px;
margin-left:calc((100vw - 500px)/-2);
margin-right:calc((100vw - 500px)/-2);
}
.S-home-as-img {
width:100%;
border-radius:0px!important;
position:relative;
top:0;
left:0;
right:0;
bottom:0;
}
}
@media (max-width:600px) {
.S-home-a-side {
margin-left:-50px;
margin-right:-50px;
}
.S-home-ami-icon {
--h-45:55px;
}
.S-home-ami-title {
--f-18:20px;
}
}
@media (max-width:500px) {
.S-home-a-side {
margin-left:-30px;
margin-right:-30px;
}
.S-home-am-button {
width:100%;
}
.S-home-am-logo svg {
--h-60:53px;
}
}
@media (max-width:400px) {
.S-home-a-side {
margin-left:-25px;
margin-right:-25px;
}
} @media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-home-s-cont {
--gap-150:80px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
.S-home-showreel {
max-width:100%;
border-radius:0px;
}
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-home-s-main {
--w-500:400px;
}
.S-home-s-cont {
--gap-150:90px;
}
}
@media (max-width:900px) {
.S-home-s-side {
margin-right:-80px;
}
}
@media (max-width:800px) {
}
@media (max-width:700px) {
.S-home-sss-img {
height:auto;
}
.S-home-s-cont {
flex-direction:column;
--gap-150:0px;
padding-bottom: calc((var(--pb-100)/100)*(var(--30)));
}
.S-home-s-main {
width:100%;
}
.S-home-s-side {
margin-right:0px;
max-width:70%;
}
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:400px) {
} @media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-home-nin-number {
--f-50:65px;
}
.S-home-nin-plus {
--f-25:35px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
.S-home-nin-number {
--f-50:57px;
}
}
@media (max-width:600px) {
.S-home-n-items {
--h-250:200px;
grid-template-columns:1fr 1fr;
}
.S-home-ni-number {
--f-60:100px;
--f-30:40px;
--f-22:30px;
}
.S-home-nin-number {
--f-50:70px;
}
}
@media (max-width:500px) {
}
@media (max-width:400px) {
} .S-blog-latest .swiper-slide {
height:auto;
}
.S-blog-latest .swiper {
padding:10px 15px 20px;
margin-left:-20px;
margin-right:-20px;
}
.S-blog-lbi-b-cta {
border-top:1px solid #E4EBF0;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-blog-lbi-cover {
--h-300:250px;
}
.S-blog-lbi-body {
--p-50:40px;
}
.S-blog-lbi-b-desc {
--f-18:17px;
line-height:1.4;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-blog-l-head {
grid-template-columns:1fr;
--gap-150:50px;
}
.S-blog-lbi-b-title {
--f-22:25px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
}
@media (max-width:600px) {
.S-blog-lb-items .swiper-slide {
width:70%;
}
.S-blog-l-body {
max-width:100%;
}
.S-blog-lbi-b-title {
font-size:16px;
}
.S-blog-lbi-b-desc {
line-height:1.3;
}
}
@media (max-width:500px) {
.S-blog-lbf-button {
width:100%;
}
}
@media (max-width:400px) {
}@media (max-width:2000px) {}
@media (max-width:1700px) {}
@media (max-width:1500px) {}
@media (max-width:1300px) {}
@media (max-width:1200px) {}
@media (max-width:1100px) {}
@media (max-width:1000px) {}
@media (max-width:900px) {}
@media (max-width:800px) {}
@media (max-width:700px) {}
@media (max-width:600px) {}
@media (max-width:500px) {
.S-footer-q-author {
font-size: 13px;
}
}
@media (max-width:400px) {
.S-footer-q-author {
font-size: 12px;
}
} .S-footer-i-back:before {
background-image: linear-gradient(to right, rgba(53, 63, 79, 1) 0%, rgba(53, 63, 79, 0.95) 19%, rgba(53, 63, 79, 0.85) 34%, rgba(53, 63, 79, 0.75) 47%, rgba(53, 63, 79, 0.65) 56.5%, rgba(53, 63, 79, 0.55) 65%, rgba(53, 63, 79, 0.45) 73%, rgba(53, 63, 79, 0.35) 80.2%, rgba(53, 63, 79, 0.25) 86.1%, rgba(53, 63, 79, 0.15) 91%, rgba(53, 63, 79, 0.05) 95.2%, rgba(53, 63, 79, 0.025) 98.2%, transparent 100%);
z-index: 40;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
}
.S-footer-ib-img {
object-position: right;
}
@media (max-width:2000px) {}
@media (max-width:1700px) {}
@media (max-width:1500px) {
.S-footer-im-desc {
max-width: 600px;
}
}
@media (max-width:1300px) {}
@media (max-width:1200px) {}
@media (max-width:1100px) {}
@media (max-width:1000px) {}
@media (max-width:900px) {}
@media (max-width:800px) {
.S-footer-i-back:after {
background-image: linear-gradient(to right, rgba(53, 63, 79, 1) 0%, rgba(53, 63, 79, 0.95) 19%, rgba(53, 63, 79, 0.85) 34%, rgba(53, 63, 79, 0.75) 47%, rgba(53, 63, 79, 0.65) 56.5%, rgba(53, 63, 79, 0.55) 65%, rgba(53, 63, 79, 0.45) 73%, rgba(53, 63, 79, 0.35) 80.2%, rgba(53, 63, 79, 0.25) 86.1%, rgba(53, 63, 79, 0.15) 91%, rgba(53, 63, 79, 0.05) 95.2%, rgba(53, 63, 79, 0.025) 98.2%, transparent 100%);
z-index: 40;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
opacity: 0.7;
}
}
@media (max-width:700px) {}
@media (max-width:600px) {
.S-footer-i-back {
position: relative;
height: 300px;
width: 100vw;
margin-left: -50px;
margin-right: -50px;
order: -1;
}
.S-footer-i-back:after {
display: none;
}
.S-footer-im-desc {
--mb-100: 150px;
}
.S-footer-im-items {
--mb-100: 150px;
}
}
@media (max-width:500px) {
.S-footer-i-back {
height: 250px;
margin-left: -30px;
margin-right: -30px;
}
.S-footer-im-item {
font-size: 15px;
}
}
@media (max-width:400px) {
.S-footer-i-back {
height: 200px;
margin-left: -25px;
margin-right: -25px;
}
.S-footer-im-item {
font-size: 14px;
}
.S-footer-im-items {
--gap-50: 40px;
}
}
@media (max-width:370px) {
.S-footer-im-item {
font-size: 12px;
}
} .S-footer-b-line {
background-color: rgba(255, 255, 255, .1);
}
.S-footer-bd-info {
white-space: nowrap;
}
@media (max-width:2000px) {
.S-footer-b-desc {
max-width: 100%;
}
}
@media (max-width:1700px) {}
@media (max-width:1500px) {
.S-footer-b-desc {
--mb-30: 50px;
}
}
@media (max-width:1300px) {
.S-footer-b-desc {
max-width: 100%;
}
.S-footer-b-legal {
--gap-40: 30px;
}
}
@media (max-width:1200px) {}
@media (max-width:1100px) {
.S-footer-b-desc {
max-width: 100%;
}
}
@media (max-width:1000px) {
.S-footer-b-desc {
max-width: 100%;
--mb-30: 30px;
}
.S-footer-b-payments {
bottom: 0px;
top: auto;
}
.S-footer-b-firma {
position: relative;
margin-top: calc((var(--mt-50)/100)*(var(--50)));
}
.S-footer-b-firma a {
bottom: 0px;
}
}
@media (max-width:900px) {}
@media (max-width:800px) {}
@media (max-width:700px) {
.S-footer-b-legal {
--gap-x-40: 25px;
}
}
@media (max-width:600px) {}
@media (max-width:500px) {
.S-footer-bd-info {
white-space: initial;
}
}
@media (max-width:400px) {
.S-footer-b-payments {
position: relative;
margin-top: calc((var(--mt-50)/100)*(var(--50)));
--h-22: 30px;
}
}@media (max-width:2000px) {
.S-nav-items {
--gap-40:50px;
}
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
.S-nav-logo svg {
--h-35:30px;
}
.S-nav-items {
--gap-40:40px;
}
.S-nav-item {
--f-22:21px;
}
.S-nav-store svg {
--h-28:26px;
}
.S-nav-line {
--mx-40:30px;
}
.S-nav-l-flag svg {
--h-20:19px;
}
}
@media (max-width:1300px) {
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-nav-cont {
height:100px;
}
.S-nav-mobile .S-nav-logo {
height:100px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
.S-nav-items {
--gap-40:30px;
}
}
@media (max-width:700px) {
}
@media (max-width:600px) {
}
@media (max-width:500px) {
.home .S-home-hs-img {
object-position: -38vw 0px;
}
}
@media (max-width:400px) {
} .S-menu-mobile {
top:20px;
right:10px;
width:65px;
height:60px;
z-index:1600;
box-shadow:1px 4px 12px rgba(78,92,114,0.20);
}
.S-menu-mobile-open {
overflow: hidden;
}
.S-menu-mobile-open body {
overflow: hidden;
}
.S-menu-mobile-open .S-nav-mobile {
display:block;
}
.S-nav-mobile {
top:0;
left:0;
right:0;
bottom:0;
z-index:1500;
overflow-y: scroll;
}
.show-nav .S-menu-mobile {
right:14px;
transition:0.25s linear all;
box-shadow:8px 8px 28px rgba(40,60,80,0.15);
}
.hide-nav .S-menu-mobile {
right:-80px;
transition:0.25s linear all;
box-shadow: none;
}
@media (max-width:1000px) {
}
@media (max-width:900px) {
}
@media (max-width:800px) {
}
@media (max-width:700px) {
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:400px) {
} .S-header-c-back:before {
background-image: linear-gradient(to right, rgba(245,247,250,1) 0%, rgba(245,247,250, 0.95) 19%, rgba(245,247,250, 0.85) 34%, rgba(245,247,250, 0.75) 47%, rgba(245,247,250, 0.65) 56.5%, rgba(245,247,250, 0.55) 65%, rgba(245,247,250, 0.45) 73%, rgba(245,247,250, 0.35) 80.2%, rgba(245,247,250, 0.25) 86.1%, rgba(245,247,250, 0.15) 91%, rgba(245,247,250, 0.05) 95.2%, rgba(245,247,250, 0.025) 98.2%, transparent 100%);
z-index:40;
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:50%;
}
@media (max-width:2000px) {
}
@media (max-width:1700px) {
}
@media (max-width:1500px) {
}
@media (max-width:1300px) {
.S-header-cm-desc {
--pr-150:250px;
}
}
@media (max-width:1200px) {
}
@media (max-width:1100px) {
}
@media (max-width:1000px) {
.S-header-c-back:before {
width:80%;
}
.S-header-cm-desc {
--pr-150:400px;
}
}
@media (max-width:900px) {
}
@media (max-width:800px) {
.S-header-c-back:before {
width:100%;
}
}
@media (max-width:700px) {
.S-header-cm-title {
width:90%;
}
}
@media (max-width:600px) {
.S-header-c-main {
--h-350:250px;
}
}
@media (max-width:500px) {
.S-header-c-back:before {
width:110%;
}
.S-header-c-back {
width:60%;
}
.S-header-c-back:after {
background-image: linear-gradient(to right, rgba(245,247,250,1) 0%, rgba(245,247,250, 0.95) 19%, rgba(245,247,250, 0.85) 34%, rgba(245,247,250, 0.75) 47%, rgba(245,247,250, 0.65) 56.5%, rgba(245,247,250, 0.55) 65%, rgba(245,247,250, 0.45) 73%, rgba(245,247,250, 0.35) 80.2%, rgba(245,247,250, 0.25) 86.1%, rgba(245,247,250, 0.15) 91%, rgba(245,247,250, 0.05) 95.2%, rgba(245,247,250, 0.025) 98.2%, transparent 100%);
z-index:40;
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:110%;
opacity:0.7;
}
}
@media (max-width:400px) {
} .S-nav-lang .wpml-ls-legacy-dropdown {
width:64px;
}
.S-nav-lang .wpml-ls-display,
.S-nav-lang .wpml-ls-native {
display:none;
}
.S-nav-lang .wpml-ls-legacy-dropdown a {
border:none!important;
background:transparent!important;
}
.S-nav-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
background: white;
box-shadow: 0px 4px 12px rgba(40,60,80,0.15);
border: none;
width:40px;
} html[lang="fr-FR"] .S-nav-items {
margin-left: auto;
text-align: center;
align-items: center;
display:flex;
}
@media (max-width:1000px) {
html[lang="fr-FR"] .S-nav-items {
display:none;
}
} .S-nav-lang .wpml-ls-flag {
width:22px;
height:22px;
} .S-nav-m-flags {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px;
}
.S-nav-m-flag {
display:inline-flex;
padding:3px;
border:2px solid transparent;
border-radius:50%;
transition:border-color .2s ease;
}
.S-nav-m-flag img {
width:22px;
height:22px;
display:block;
}
.S-nav-m-flag.is-active,
.S-nav-m-flag:hover {
border-color:#36969A;
} .S-nav-mobile .S-nav-m-cont {
align-items:center;
text-align:center;
}
.S-nav-mobile .S-nav-logo {
justify-content:center;
}
.S-nav-mobile .S-nav-items {
justify-items:center;
}
.S-nav-mobile .S-nav-store {
justify-content:center;
}
.S-nav-mobile .S-nav-line {
width:100%;
}
.S-nav-mobile .S-nav-m-flags {
justify-content:center;
}