/*! * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*! * Bootstrap Grid v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*! * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;font-display:swap;src:local("Material Icons"),local("MaterialIcons-Regular"),url(https://piixonova.com/wp-content/themes/asli/fonts/MaterialIcons-Regular.woff2) format("woff2")}.material-icons{font-family:"Material Icons";font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.elementor-editor-active .select2-container .material-icons{font-size:inherit}.material-icons.ac_unit:before{content:"\eb3b"}.material-icons.access_alarm:before{content:"\e190"}.material-icons.access_alarms:before{content:"\e191"}.material-icons.access_time:before{content:"\e192"}.material-icons.accessibility:before{content:"\e84e"}.material-icons.accessible:before{content:"\e914"}.material-icons.account_balance:before{content:"\e84f"}.material-icons.account_balance_wallet:before{content:"\e850"}.material-icons.account_box:before{content:"\e851"}.material-icons.account_circle:before{content:"\e853"}.material-icons.adb:before{content:"\e60e"}.material-icons.add:before{content:"\e145"}.material-icons.add_a_photo:before{content:"\e439"}.material-icons.add_alarm:before{content:"\e193"}.material-icons.add_alert:before{content:"\e003"}.material-icons.add_box:before{content:"\e146"}.material-icons.add_circle:before{content:"\e147"}.material-icons.add_circle_outline:before{content:"\e148"}.material-icons.add_location:before{content:"\e567"}.material-icons.add_shopping_cart:before{content:"\e854"}.material-icons.add_to_photos:before{content:"\e39d"}.material-icons.add_to_queue:before{content:"\e05c"}.material-icons.adjust:before{content:"\e39e"}.material-icons.airline_seat_flat:before{content:"\e630"}.material-icons.airline_seat_flat_angled:before{content:"\e631"}.material-icons.airline_seat_individual_suite:before{content:"\e632"}.material-icons.airline_seat_legroom_extra:before{content:"\e633"}.material-icons.airline_seat_legroom_normal:before{content:"\e634"}.material-icons.airline_seat_legroom_reduced:before{content:"\e635"}.material-icons.airline_seat_recline_extra:before{content:"\e636"}.material-icons.airline_seat_recline_normal:before{content:"\e637"}.material-icons.airplanemode_active:before{content:"\e195"}.material-icons.airplanemode_inactive:before{content:"\e194"}.material-icons.airplay:before{content:"\e055"}.material-icons.airport_shuttle:before{content:"\eb3c"}.material-icons.alarm:before{content:"\e855"}.material-icons.alarm_add:before{content:"\e856"}.material-icons.alarm_off:before{content:"\e857"}.material-icons.alarm_on:before{content:"\e858"}.material-icons.album:before{content:"\e019"}.material-icons.all_inclusive:before{content:"\eb3d"}.material-icons.all_out:before{content:"\e90b"}.material-icons.android:before{content:"\e859"}.material-icons.announcement:before{content:"\e85a"}.material-icons.apps:before{content:"\e5c3"}.material-icons.archive:before{content:"\e149"}.material-icons.arrow_back:before{content:"\e5c4"}.material-icons.arrow_downward:before{content:"\e5db"}.material-icons.arrow_drop_down:before{content:"\e5c5"}.material-icons.arrow_drop_down_circle:before{content:"\e5c6"}.material-icons.arrow_drop_up:before{content:"\e5c7"}.material-icons.arrow_forward:before{content:"\e5c8"}.material-icons.arrow_upward:before{content:"\e5d8"}.material-icons.art_track:before{content:"\e060"}.material-icons.aspect_ratio:before{content:"\e85b"}.material-icons.assessment:before{content:"\e85c"}.material-icons.assignment:before{content:"\e85d"}.material-icons.assignment_ind:before{content:"\e85e"}.material-icons.assignment_late:before{content:"\e85f"}.material-icons.assignment_return:before{content:"\e860"}.material-icons.assignment_returned:before{content:"\e861"}.material-icons.assignment_turned_in:before{content:"\e862"}.material-icons.assistant:before{content:"\e39f"}.material-icons.assistant_photo:before{content:"\e3a0"}.material-icons.attach_file:before{content:"\e226"}.material-icons.attach_money:before{content:"\e227"}.material-icons.attachment:before{content:"\e2bc"}.material-icons.audiotrack:before{content:"\e3a1"}.material-icons.autorenew:before{content:"\e863"}.material-icons.av_timer:before{content:"\e01b"}.material-icons.backspace:before{content:"\e14a"}.material-icons.backup:before{content:"\e864"}.material-icons.battery_alert:before{content:"\e19c"}.material-icons.battery_charging_full:before{content:"\e1a3"}.material-icons.battery_full:before{content:"\e1a4"}.material-icons.battery_std:before{content:"\e1a5"}.material-icons.battery_unknown:before{content:"\e1a6"}.material-icons.beach_access:before{content:"\eb3e"}.material-icons.beenhere:before{content:"\e52d"}.material-icons.block:before{content:"\e14b"}.material-icons.bluetooth:before{content:"\e1a7"}.material-icons.bluetooth_audio:before{content:"\e60f"}.material-icons.bluetooth_connected:before{content:"\e1a8"}.material-icons.bluetooth_disabled:before{content:"\e1a9"}.material-icons.bluetooth_searching:before{content:"\e1aa"}.material-icons.blur_circular:before{content:"\e3a2"}.material-icons.blur_linear:before{content:"\e3a3"}.material-icons.blur_off:before{content:"\e3a4"}.material-icons.blur_on:before{content:"\e3a5"}.material-icons.book:before{content:"\e865"}.material-icons.bookmark:before{content:"\e866"}.material-icons.bookmark_border:before{content:"\e867"}.material-icons.border_all:before{content:"\e228"}.material-icons.border_bottom:before{content:"\e229"}.material-icons.border_clear:before{content:"\e22a"}.material-icons.border_color:before{content:"\e22b"}.material-icons.border_horizontal:before{content:"\e22c"}.material-icons.border_inner:before{content:"\e22d"}.material-icons.border_left:before{content:"\e22e"}.material-icons.border_outer:before{content:"\e22f"}.material-icons.border_right:before{content:"\e230"}.material-icons.border_style:before{content:"\e231"}.material-icons.border_top:before{content:"\e232"}.material-icons.border_vertical:before{content:"\e233"}.material-icons.branding_watermark:before{content:"\e06b"}.material-icons.brightness_1:before{content:"\e3a6"}.material-icons.brightness_2:before{content:"\e3a7"}.material-icons.brightness_3:before{content:"\e3a8"}.material-icons.brightness_4:before{content:"\e3a9"}.material-icons.brightness_5:before{content:"\e3aa"}.material-icons.brightness_6:before{content:"\e3ab"}.material-icons.brightness_7:before{content:"\e3ac"}.material-icons.brightness_auto:before{content:"\e1ab"}.material-icons.brightness_high:before{content:"\e1ac"}.material-icons.brightness_low:before{content:"\e1ad"}.material-icons.brightness_medium:before{content:"\e1ae"}.material-icons.broken_image:before{content:"\e3ad"}.material-icons.brush:before{content:"\e3ae"}.material-icons.bubble_chart:before{content:"\e6dd"}.material-icons.bug_report:before{content:"\e868"}.material-icons.build:before{content:"\e869"}.material-icons.burst_mode:before{content:"\e43c"}.material-icons.business:before{content:"\e0af"}.material-icons.business_center:before{content:"\eb3f"}.material-icons.cached:before{content:"\e86a"}.material-icons.cake:before{content:"\e7e9"}.material-icons.call:before{content:"\e0b0"}.material-icons.call_end:before{content:"\e0b1"}.material-icons.call_made:before{content:"\e0b2"}.material-icons.call_merge:before{content:"\e0b3"}.material-icons.call_missed:before{content:"\e0b4"}.material-icons.call_missed_outgoing:before{content:"\e0e4"}.material-icons.call_received:before{content:"\e0b5"}.material-icons.call_split:before{content:"\e0b6"}.material-icons.call_to_action:before{content:"\e06c"}.material-icons.camera:before{content:"\e3af"}.material-icons.camera_alt:before{content:"\e3b0"}.material-icons.camera_enhance:before{content:"\e8fc"}.material-icons.camera_front:before{content:"\e3b1"}.material-icons.camera_rear:before{content:"\e3b2"}.material-icons.camera_roll:before{content:"\e3b3"}.material-icons.cancel:before{content:"\e5c9"}.material-icons.card_giftcard:before{content:"\e8f6"}.material-icons.card_membership:before{content:"\e8f7"}.material-icons.card_travel:before{content:"\e8f8"}.material-icons.casino:before{content:"\eb40"}.material-icons.cast:before{content:"\e307"}.material-icons.cast_connected:before{content:"\e308"}.material-icons.center_focus_strong:before{content:"\e3b4"}.material-icons.center_focus_weak:before{content:"\e3b5"}.material-icons.change_history:before{content:"\e86b"}.material-icons.chat:before{content:"\e0b7"}.material-icons.chat_bubble:before{content:"\e0ca"}.material-icons.chat_bubble_outline:before{content:"\e0cb"}.material-icons.check:before{content:"\e5ca"}.material-icons.check_box:before{content:"\e834"}.material-icons.check_box_outline_blank:before{content:"\e835"}.material-icons.check_circle:before{content:"\e86c"}.material-icons.chevron_left:before{content:"\e5cb"}.material-icons.chevron_right:before{content:"\e5cc"}.material-icons.child_care:before{content:"\eb41"}.material-icons.child_friendly:before{content:"\eb42"}.material-icons.chrome_reader_mode:before{content:"\e86d"}.material-icons.class:before{content:"\e86e"}.material-icons.clear:before{content:"\e14c"}.material-icons.clear_all:before{content:"\e0b8"}.material-icons.close:before{content:"\e5cd"}.material-icons.closed_caption:before{content:"\e01c"}.material-icons.cloud:before{content:"\e2bd"}.material-icons.cloud_circle:before{content:"\e2be"}.material-icons.cloud_done:before{content:"\e2bf"}.material-icons.cloud_download:before{content:"\e2c0"}.material-icons.cloud_off:before{content:"\e2c1"}.material-icons.cloud_queue:before{content:"\e2c2"}.material-icons.cloud_upload:before{content:"\e2c3"}.material-icons.code:before{content:"\e86f"}.material-icons.collections:before{content:"\e3b6"}.material-icons.collections_bookmark:before{content:"\e431"}.material-icons.color_lens:before{content:"\e3b7"}.material-icons.colorize:before{content:"\e3b8"}.material-icons.comment:before{content:"\e0b9"}.material-icons.compare:before{content:"\e3b9"}.material-icons.compare_arrows:before{content:"\e915"}.material-icons.computer:before{content:"\e30a"}.material-icons.confirmation_number:before{content:"\e638"}.material-icons.contact_mail:before{content:"\e0d0"}.material-icons.contact_phone:before{content:"\e0cf"}.material-icons.contacts:before{content:"\e0ba"}.material-icons.content_copy:before{content:"\e14d"}.material-icons.content_cut:before{content:"\e14e"}.material-icons.content_paste:before{content:"\e14f"}.material-icons.control_point:before{content:"\e3ba"}.material-icons.control_point_duplicate:before{content:"\e3bb"}.material-icons.copyright:before{content:"\e90c"}.material-icons.create:before{content:"\e150"}.material-icons.create_new_folder:before{content:"\e2cc"}.material-icons.credit_card:before{content:"\e870"}.material-icons.crop:before{content:"\e3be"}.material-icons.crop_16_9:before{content:"\e3bc"}.material-icons.crop_3_2:before{content:"\e3bd"}.material-icons.crop_5_4:before{content:"\e3bf"}.material-icons.crop_7_5:before{content:"\e3c0"}.material-icons.crop_din:before{content:"\e3c1"}.material-icons.crop_free:before{content:"\e3c2"}.material-icons.crop_landscape:before{content:"\e3c3"}.material-icons.crop_original:before{content:"\e3c4"}.material-icons.crop_portrait:before{content:"\e3c5"}.material-icons.crop_rotate:before{content:"\e437"}.material-icons.crop_square:before{content:"\e3c6"}.material-icons.dashboard:before{content:"\e871"}.material-icons.data_usage:before{content:"\e1af"}.material-icons.date_range:before{content:"\e916"}.material-icons.dehaze:before{content:"\e3c7"}.material-icons.delete:before{content:"\e872"}.material-icons.delete_forever:before{content:"\e92b"}.material-icons.delete_sweep:before{content:"\e16c"}.material-icons.description:before{content:"\e873"}.material-icons.desktop_mac:before{content:"\e30b"}.material-icons.desktop_windows:before{content:"\e30c"}.material-icons.details:before{content:"\e3c8"}.material-icons.developer_board:before{content:"\e30d"}.material-icons.developer_mode:before{content:"\e1b0"}.material-icons.device_hub:before{content:"\e335"}.material-icons.devices:before{content:"\e1b1"}.material-icons.devices_other:before{content:"\e337"}.material-icons.dialer_sip:before{content:"\e0bb"}.material-icons.dialpad:before{content:"\e0bc"}.material-icons.directions:before{content:"\e52e"}.material-icons.directions_bike:before{content:"\e52f"}.material-icons.directions_boat:before{content:"\e532"}.material-icons.directions_bus:before{content:"\e530"}.material-icons.directions_car:before{content:"\e531"}.material-icons.directions_railway:before{content:"\e534"}.material-icons.directions_run:before{content:"\e566"}.material-icons.directions_subway:before{content:"\e533"}.material-icons.directions_transit:before{content:"\e535"}.material-icons.directions_walk:before{content:"\e536"}.material-icons.disc_full:before{content:"\e610"}.material-icons.dns:before{content:"\e875"}.material-icons.do_not_disturb:before{content:"\e612"}.material-icons.do_not_disturb_alt:before{content:"\e611"}.material-icons.do_not_disturb_off:before{content:"\e643"}.material-icons.do_not_disturb_on:before{content:"\e644"}.material-icons.dock:before{content:"\e30e"}.material-icons.domain:before{content:"\e7ee"}.material-icons.done:before{content:"\e876"}.material-icons.done_all:before{content:"\e877"}.material-icons.donut_large:before{content:"\e917"}.material-icons.donut_small:before{content:"\e918"}.material-icons.drafts:before{content:"\e151"}.material-icons.drag_handle:before{content:"\e25d"}.material-icons.drive_eta:before{content:"\e613"}.material-icons.dvr:before{content:"\e1b2"}.material-icons.edit:before{content:"\e3c9"}.material-icons.edit_location:before{content:"\e568"}.material-icons.eject:before{content:"\e8fb"}.material-icons.email:before{content:"\e0be"}.material-icons.enhanced_encryption:before{content:"\e63f"}.material-icons.equalizer:before{content:"\e01d"}.material-icons.error:before{content:"\e000"}.material-icons.error_outline:before{content:"\e001"}.material-icons.euro_symbol:before{content:"\e926"}.material-icons.ev_station:before{content:"\e56d"}.material-icons.event:before{content:"\e878"}.material-icons.event_available:before{content:"\e614"}.material-icons.event_busy:before{content:"\e615"}.material-icons.event_note:before{content:"\e616"}.material-icons.event_seat:before{content:"\e903"}.material-icons.exit_to_app:before{content:"\e879"}.material-icons.expand_less:before{content:"\e5ce"}.material-icons.expand_more:before{content:"\e5cf"}.material-icons.explicit:before{content:"\e01e"}.material-icons.explore:before{content:"\e87a"}.material-icons.exposure:before{content:"\e3ca"}.material-icons.exposure_neg_1:before{content:"\e3cb"}.material-icons.exposure_neg_2:before{content:"\e3cc"}.material-icons.exposure_plus_1:before{content:"\e3cd"}.material-icons.exposure_plus_2:before{content:"\e3ce"}.material-icons.exposure_zero:before{content:"\e3cf"}.material-icons.extension:before{content:"\e87b"}.material-icons.face:before{content:"\e87c"}.material-icons.fast_forward:before{content:"\e01f"}.material-icons.fast_rewind:before{content:"\e020"}.material-icons.favorite:before{content:"\e87d"}.material-icons.favorite_border:before{content:"\e87e"}.material-icons.featured_play_list:before{content:"\e06d"}.material-icons.featured_video:before{content:"\e06e"}.material-icons.feedback:before{content:"\e87f"}.material-icons.fiber_dvr:before{content:"\e05d"}.material-icons.fiber_manual_record:before{content:"\e061"}.material-icons.fiber_new:before{content:"\e05e"}.material-icons.fiber_pin:before{content:"\e06a"}.material-icons.fiber_smart_record:before{content:"\e062"}.material-icons.file_download:before{content:"\e2c4"}.material-icons.file_upload:before{content:"\e2c6"}.material-icons.filter:before{content:"\e3d3"}.material-icons.filter_1:before{content:"\e3d0"}.material-icons.filter_2:before{content:"\e3d1"}.material-icons.filter_3:before{content:"\e3d2"}.material-icons.filter_4:before{content:"\e3d4"}.material-icons.filter_5:before{content:"\e3d5"}.material-icons.filter_6:before{content:"\e3d6"}.material-icons.filter_7:before{content:"\e3d7"}.material-icons.filter_8:before{content:"\e3d8"}.material-icons.filter_9:before{content:"\e3d9"}.material-icons.filter_9_plus:before{content:"\e3da"}.material-icons.filter_b_and_w:before{content:"\e3db"}.material-icons.filter_center_focus:before{content:"\e3dc"}.material-icons.filter_drama:before{content:"\e3dd"}.material-icons.filter_frames:before{content:"\e3de"}.material-icons.filter_hdr:before{content:"\e3df"}.material-icons.filter_list:before{content:"\e152"}.material-icons.filter_none:before{content:"\e3e0"}.material-icons.filter_tilt_shift:before{content:"\e3e2"}.material-icons.filter_vintage:before{content:"\e3e3"}.material-icons.find_in_page:before{content:"\e880"}.material-icons.find_replace:before{content:"\e881"}.material-icons.fingerprint:before{content:"\e90d"}.material-icons.first_page:before{content:"\e5dc"}.material-icons.fitness_center:before{content:"\eb43"}.material-icons.flag:before{content:"\e153"}.material-icons.flare:before{content:"\e3e4"}.material-icons.flash_auto:before{content:"\e3e5"}.material-icons.flash_off:before{content:"\e3e6"}.material-icons.flash_on:before{content:"\e3e7"}.material-icons.flight:before{content:"\e539"}.material-icons.flight_land:before{content:"\e904"}.material-icons.flight_takeoff:before{content:"\e905"}.material-icons.flip:before{content:"\e3e8"}.material-icons.flip_to_back:before{content:"\e882"}.material-icons.flip_to_front:before{content:"\e883"}.material-icons.folder:before{content:"\e2c7"}.material-icons.folder_open:before{content:"\e2c8"}.material-icons.folder_shared:before{content:"\e2c9"}.material-icons.folder_special:before{content:"\e617"}.material-icons.font_download:before{content:"\e167"}.material-icons.format_align_center:before{content:"\e234"}.material-icons.format_align_justify:before{content:"\e235"}.material-icons.format_align_left:before{content:"\e236"}.material-icons.format_align_right:before{content:"\e237"}.material-icons.format_bold:before{content:"\e238"}.material-icons.format_clear:before{content:"\e239"}.material-icons.format_color_fill:before{content:"\e23a"}.material-icons.format_color_reset:before{content:"\e23b"}.material-icons.format_color_text:before{content:"\e23c"}.material-icons.format_indent_decrease:before{content:"\e23d"}.material-icons.format_indent_increase:before{content:"\e23e"}.material-icons.format_italic:before{content:"\e23f"}.material-icons.format_line_spacing:before{content:"\e240"}.material-icons.format_list_bulleted:before{content:"\e241"}.material-icons.format_list_numbered:before{content:"\e242"}.material-icons.format_paint:before{content:"\e243"}.material-icons.format_quote:before{content:"\e244"}.material-icons.format_shapes:before{content:"\e25e"}.material-icons.format_size:before{content:"\e245"}.material-icons.format_strikethrough:before{content:"\e246"}.material-icons.format_textdirection_l_to_r:before{content:"\e247"}.material-icons.format_textdirection_r_to_l:before{content:"\e248"}.material-icons.format_underlined:before{content:"\e249"}.material-icons.forum:before{content:"\e0bf"}.material-icons.forward:before{content:"\e154"}.material-icons.forward_10:before{content:"\e056"}.material-icons.forward_30:before{content:"\e057"}.material-icons.forward_5:before{content:"\e058"}.material-icons.free_breakfast:before{content:"\eb44"}.material-icons.fullscreen:before{content:"\e5d0"}.material-icons.fullscreen_exit:before{content:"\e5d1"}.material-icons.functions:before{content:"\e24a"}.material-icons.g_translate:before{content:"\e927"}.material-icons.gamepad:before{content:"\e30f"}.material-icons.games:before{content:"\e021"}.material-icons.gavel:before{content:"\e90e"}.material-icons.gesture:before{content:"\e155"}.material-icons.get_app:before{content:"\e884"}.material-icons.gif:before{content:"\e908"}.material-icons.golf_course:before{content:"\eb45"}.material-icons.gps_fixed:before{content:"\e1b3"}.material-icons.gps_not_fixed:before{content:"\e1b4"}.material-icons.gps_off:before{content:"\e1b5"}.material-icons.grade:before{content:"\e885"}.material-icons.gradient:before{content:"\e3e9"}.material-icons.grain:before{content:"\e3ea"}.material-icons.graphic_eq:before{content:"\e1b8"}.material-icons.grid_off:before{content:"\e3eb"}.material-icons.grid_on:before{content:"\e3ec"}.material-icons.group:before{content:"\e7ef"}.material-icons.group_add:before{content:"\e7f0"}.material-icons.group_work:before{content:"\e886"}.material-icons.hd:before{content:"\e052"}.material-icons.hdr_off:before{content:"\e3ed"}.material-icons.hdr_on:before{content:"\e3ee"}.material-icons.hdr_strong:before{content:"\e3f1"}.material-icons.hdr_weak:before{content:"\e3f2"}.material-icons.headset:before{content:"\e310"}.material-icons.headset_mic:before{content:"\e311"}.material-icons.healing:before{content:"\e3f3"}.material-icons.hearing:before{content:"\e023"}.material-icons.help:before{content:"\e887"}.material-icons.help_outline:before{content:"\e8fd"}.material-icons.high_quality:before{content:"\e024"}.material-icons.highlight:before{content:"\e25f"}.material-icons.highlight_off:before{content:"\e888"}.material-icons.history:before{content:"\e889"}.material-icons.home:before{content:"\e88a"}.material-icons.hot_tub:before{content:"\eb46"}.material-icons.hotel:before{content:"\e53a"}.material-icons.hourglass_empty:before{content:"\e88b"}.material-icons.hourglass_full:before{content:"\e88c"}.material-icons.http:before{content:"\e902"}.material-icons.https:before{content:"\e88d"}.material-icons.image:before{content:"\e3f4"}.material-icons.image_aspect_ratio:before{content:"\e3f5"}.material-icons.import_contacts:before{content:"\e0e0"}.material-icons.import_export:before{content:"\e0c3"}.material-icons.important_devices:before{content:"\e912"}.material-icons.inbox:before{content:"\e156"}.material-icons.indeterminate_check_box:before{content:"\e909"}.material-icons.info:before{content:"\e88e"}.material-icons.info_outline:before{content:"\e88f"}.material-icons.input:before{content:"\e890"}.material-icons.insert_chart:before{content:"\e24b"}.material-icons.insert_comment:before{content:"\e24c"}.material-icons.insert_drive_file:before{content:"\e24d"}.material-icons.insert_emoticon:before{content:"\e24e"}.material-icons.insert_invitation:before{content:"\e24f"}.material-icons.insert_link:before{content:"\e250"}.material-icons.insert_photo:before{content:"\e251"}.material-icons.invert_colors:before{content:"\e891"}.material-icons.invert_colors_off:before{content:"\e0c4"}.material-icons.iso:before{content:"\e3f6"}.material-icons.keyboard:before{content:"\e312"}.material-icons.keyboard_arrow_down:before{content:"\e313"}.material-icons.keyboard_arrow_left:before{content:"\e314"}.material-icons.keyboard_arrow_right:before{content:"\e315"}.material-icons.keyboard_arrow_up:before{content:"\e316"}.material-icons.keyboard_backspace:before{content:"\e317"}.material-icons.keyboard_capslock:before{content:"\e318"}.material-icons.keyboard_hide:before{content:"\e31a"}.material-icons.keyboard_return:before{content:"\e31b"}.material-icons.keyboard_tab:before{content:"\e31c"}.material-icons.keyboard_voice:before{content:"\e31d"}.material-icons.kitchen:before{content:"\eb47"}.material-icons.label:before{content:"\e892"}.material-icons.label_outline:before{content:"\e893"}.material-icons.landscape:before{content:"\e3f7"}.material-icons.language:before{content:"\e894"}.material-icons.laptop:before{content:"\e31e"}.material-icons.laptop_chromebook:before{content:"\e31f"}.material-icons.laptop_mac:before{content:"\e320"}.material-icons.laptop_windows:before{content:"\e321"}.material-icons.last_page:before{content:"\e5dd"}.material-icons.launch:before{content:"\e895"}.material-icons.layers:before{content:"\e53b"}.material-icons.layers_clear:before{content:"\e53c"}.material-icons.leak_add:before{content:"\e3f8"}.material-icons.leak_remove:before{content:"\e3f9"}.material-icons.lens:before{content:"\e3fa"}.material-icons.library_add:before{content:"\e02e"}.material-icons.library_books:before{content:"\e02f"}.material-icons.library_music:before{content:"\e030"}.material-icons.lightbulb_outline:before{content:"\e90f"}.material-icons.line_style:before{content:"\e919"}.material-icons.line_weight:before{content:"\e91a"}.material-icons.linear_scale:before{content:"\e260"}.material-icons.link:before{content:"\e157"}.material-icons.linked_camera:before{content:"\e438"}.material-icons.list:before{content:"\e896"}.material-icons.live_help:before{content:"\e0c6"}.material-icons.live_tv:before{content:"\e639"}.material-icons.local_activity:before{content:"\e53f"}.material-icons.local_airport:before{content:"\e53d"}.material-icons.local_atm:before{content:"\e53e"}.material-icons.local_bar:before{content:"\e540"}.material-icons.local_cafe:before{content:"\e541"}.material-icons.local_car_wash:before{content:"\e542"}.material-icons.local_convenience_store:before{content:"\e543"}.material-icons.local_dining:before{content:"\e556"}.material-icons.local_drink:before{content:"\e544"}.material-icons.local_florist:before{content:"\e545"}.material-icons.local_gas_station:before{content:"\e546"}.material-icons.local_grocery_store:before{content:"\e547"}.material-icons.local_hospital:before{content:"\e548"}.material-icons.local_hotel:before{content:"\e549"}.material-icons.local_laundry_service:before{content:"\e54a"}.material-icons.local_library:before{content:"\e54b"}.material-icons.local_mall:before{content:"\e54c"}.material-icons.local_movies:before{content:"\e54d"}.material-icons.local_offer:before{content:"\e54e"}.material-icons.local_parking:before{content:"\e54f"}.material-icons.local_pharmacy:before{content:"\e550"}.material-icons.local_phone:before{content:"\e551"}.material-icons.local_pizza:before{content:"\e552"}.material-icons.local_play:before{content:"\e553"}.material-icons.local_post_office:before{content:"\e554"}.material-icons.local_printshop:before{content:"\e555"}.material-icons.local_see:before{content:"\e557"}.material-icons.local_shipping:before{content:"\e558"}.material-icons.local_taxi:before{content:"\e559"}.material-icons.location_city:before{content:"\e7f1"}.material-icons.location_disabled:before{content:"\e1b6"}.material-icons.location_off:before{content:"\e0c7"}.material-icons.location_on:before{content:"\e0c8"}.material-icons.location_searching:before{content:"\e1b7"}.material-icons.lock:before{content:"\e897"}.material-icons.lock_open:before{content:"\e898"}.material-icons.lock_outline:before{content:"\e899"}.material-icons.looks:before{content:"\e3fc"}.material-icons.looks_3:before{content:"\e3fb"}.material-icons.looks_4:before{content:"\e3fd"}.material-icons.looks_5:before{content:"\e3fe"}.material-icons.looks_6:before{content:"\e3ff"}.material-icons.looks_one:before{content:"\e400"}.material-icons.looks_two:before{content:"\e401"}.material-icons.loop:before{content:"\e028"}.material-icons.loupe:before{content:"\e402"}.material-icons.low_priority:before{content:"\e16d"}.material-icons.loyalty:before{content:"\e89a"}.material-icons.mail:before{content:"\e158"}.material-icons.mail_outline:before{content:"\e0e1"}.material-icons.map:before{content:"\e55b"}.material-icons.markunread:before{content:"\e159"}.material-icons.markunread_mailbox:before{content:"\e89b"}.material-icons.memory:before{content:"\e322"}.material-icons.menu:before{content:"\e5d2"}.material-icons.merge_type:before{content:"\e252"}.material-icons.message:before{content:"\e0c9"}.material-icons.mic:before{content:"\e029"}.material-icons.mic_none:before{content:"\e02a"}.material-icons.mic_off:before{content:"\e02b"}.material-icons.mms:before{content:"\e618"}.material-icons.mode_comment:before{content:"\e253"}.material-icons.mode_edit:before{content:"\e254"}.material-icons.monetization_on:before{content:"\e263"}.material-icons.money_off:before{content:"\e25c"}.material-icons.monochrome_photos:before{content:"\e403"}.material-icons.mood:before{content:"\e7f2"}.material-icons.mood_bad:before{content:"\e7f3"}.material-icons.more:before{content:"\e619"}.material-icons.more_horiz:before{content:"\e5d3"}.material-icons.more_vert:before{content:"\e5d4"}.material-icons.motorcycle:before{content:"\e91b"}.material-icons.mouse:before{content:"\e323"}.material-icons.move_to_inbox:before{content:"\e168"}.material-icons.movie:before{content:"\e02c"}.material-icons.movie_creation:before{content:"\e404"}.material-icons.movie_filter:before{content:"\e43a"}.material-icons.multiline_chart:before{content:"\e6df"}.material-icons.music_note:before{content:"\e405"}.material-icons.music_video:before{content:"\e063"}.material-icons.my_location:before{content:"\e55c"}.material-icons.nature:before{content:"\e406"}.material-icons.nature_people:before{content:"\e407"}.material-icons.navigate_before:before{content:"\e408"}.material-icons.navigate_next:before{content:"\e409"}.material-icons.navigation:before{content:"\e55d"}.material-icons.near_me:before{content:"\e569"}.material-icons.network_cell:before{content:"\e1b9"}.material-icons.network_check:before{content:"\e640"}.material-icons.network_locked:before{content:"\e61a"}.material-icons.network_wifi:before{content:"\e1ba"}.material-icons.new_releases:before{content:"\e031"}.material-icons.next_week:before{content:"\e16a"}.material-icons.nfc:before{content:"\e1bb"}.material-icons.no_encryption:before{content:"\e641"}.material-icons.no_sim:before{content:"\e0cc"}.material-icons.not_interested:before{content:"\e033"}.material-icons.note:before{content:"\e06f"}.material-icons.note_add:before{content:"\e89c"}.material-icons.notifications:before{content:"\e7f4"}.material-icons.notifications_active:before{content:"\e7f7"}.material-icons.notifications_none:before{content:"\e7f5"}.material-icons.notifications_off:before{content:"\e7f6"}.material-icons.notifications_paused:before{content:"\e7f8"}.material-icons.offline_pin:before{content:"\e90a"}.material-icons.ondemand_video:before{content:"\e63a"}.material-icons.opacity:before{content:"\e91c"}.material-icons.open_in_browser:before{content:"\e89d"}.material-icons.open_in_new:before{content:"\e89e"}.material-icons.open_with:before{content:"\e89f"}.material-icons.pages:before{content:"\e7f9"}.material-icons.pageview:before{content:"\e8a0"}.material-icons.palette:before{content:"\e40a"}.material-icons.pan_tool:before{content:"\e925"}.material-icons.panorama:before{content:"\e40b"}.material-icons.panorama_fish_eye:before{content:"\e40c"}.material-icons.panorama_horizontal:before{content:"\e40d"}.material-icons.panorama_vertical:before{content:"\e40e"}.material-icons.panorama_wide_angle:before{content:"\e40f"}.material-icons.party_mode:before{content:"\e7fa"}.material-icons.pause:before{content:"\e034"}.material-icons.pause_circle_filled:before{content:"\e035"}.material-icons.pause_circle_outline:before{content:"\e036"}.material-icons.payment:before{content:"\e8a1"}.material-icons.people:before{content:"\e7fb"}.material-icons.people_outline:before{content:"\e7fc"}.material-icons.perm_camera_mic:before{content:"\e8a2"}.material-icons.perm_contact_calendar:before{content:"\e8a3"}.material-icons.perm_data_setting:before{content:"\e8a4"}.material-icons.perm_device_information:before{content:"\e8a5"}.material-icons.perm_identity:before{content:"\e8a6"}.material-icons.perm_media:before{content:"\e8a7"}.material-icons.perm_phone_msg:before{content:"\e8a8"}.material-icons.perm_scan_wifi:before{content:"\e8a9"}.material-icons.person:before{content:"\e7fd"}.material-icons.person_add:before{content:"\e7fe"}.material-icons.person_outline:before{content:"\e7ff"}.material-icons.person_pin:before{content:"\e55a"}.material-icons.person_pin_circle:before{content:"\e56a"}.material-icons.personal_video:before{content:"\e63b"}.material-icons.pets:before{content:"\e91d"}.material-icons.phone:before{content:"\e0cd"}.material-icons.phone_android:before{content:"\e324"}.material-icons.phone_bluetooth_speaker:before{content:"\e61b"}.material-icons.phone_forwarded:before{content:"\e61c"}.material-icons.phone_in_talk:before{content:"\e61d"}.material-icons.phone_iphone:before{content:"\e325"}.material-icons.phone_locked:before{content:"\e61e"}.material-icons.phone_missed:before{content:"\e61f"}.material-icons.phone_paused:before{content:"\e620"}.material-icons.phonelink:before{content:"\e326"}.material-icons.phonelink_erase:before{content:"\e0db"}.material-icons.phonelink_lock:before{content:"\e0dc"}.material-icons.phonelink_off:before{content:"\e327"}.material-icons.phonelink_ring:before{content:"\e0dd"}.material-icons.phonelink_setup:before{content:"\e0de"}.material-icons.photo:before{content:"\e410"}.material-icons.photo_album:before{content:"\e411"}.material-icons.photo_camera:before{content:"\e412"}.material-icons.photo_filter:before{content:"\e43b"}.material-icons.photo_library:before{content:"\e413"}.material-icons.photo_size_select_actual:before{content:"\e432"}.material-icons.photo_size_select_large:before{content:"\e433"}.material-icons.photo_size_select_small:before{content:"\e434"}.material-icons.picture_as_pdf:before{content:"\e415"}.material-icons.picture_in_picture:before{content:"\e8aa"}.material-icons.picture_in_picture_alt:before{content:"\e911"}.material-icons.pie_chart:before{content:"\e6c4"}.material-icons.pie_chart_outlined:before{content:"\e6c5"}.material-icons.pin_drop:before{content:"\e55e"}.material-icons.place:before{content:"\e55f"}.material-icons.play_arrow:before{content:"\e037"}.material-icons.play_circle_filled:before{content:"\e038"}.material-icons.play_circle_outline:before{content:"\e039"}.material-icons.play_for_work:before{content:"\e906"}.material-icons.playlist_add:before{content:"\e03b"}.material-icons.playlist_add_check:before{content:"\e065"}.material-icons.playlist_play:before{content:"\e05f"}.material-icons.plus_one:before{content:"\e800"}.material-icons.poll:before{content:"\e801"}.material-icons.polymer:before{content:"\e8ab"}.material-icons.pool:before{content:"\eb48"}.material-icons.portable_wifi_off:before{content:"\e0ce"}.material-icons.portrait:before{content:"\e416"}.material-icons.power:before{content:"\e63c"}.material-icons.power_input:before{content:"\e336"}.material-icons.power_settings_new:before{content:"\e8ac"}.material-icons.pregnant_woman:before{content:"\e91e"}.material-icons.present_to_all:before{content:"\e0df"}.material-icons.print:before{content:"\e8ad"}.material-icons.priority_high:before{content:"\e645"}.material-icons.public:before{content:"\e80b"}.material-icons.publish:before{content:"\e255"}.material-icons.query_builder:before{content:"\e8ae"}.material-icons.question_answer:before{content:"\e8af"}.material-icons.queue:before{content:"\e03c"}.material-icons.queue_music:before{content:"\e03d"}.material-icons.queue_play_next:before{content:"\e066"}.material-icons.radio:before{content:"\e03e"}.material-icons.radio_button_checked:before{content:"\e837"}.material-icons.radio_button_unchecked:before{content:"\e836"}.material-icons.rate_review:before{content:"\e560"}.material-icons.receipt:before{content:"\e8b0"}.material-icons.recent_actors:before{content:"\e03f"}.material-icons.record_voice_over:before{content:"\e91f"}.material-icons.redeem:before{content:"\e8b1"}.material-icons.redo:before{content:"\e15a"}.material-icons.refresh:before{content:"\e5d5"}.material-icons.remove:before{content:"\e15b"}.material-icons.remove_circle:before{content:"\e15c"}.material-icons.remove_circle_outline:before{content:"\e15d"}.material-icons.remove_from_queue:before{content:"\e067"}.material-icons.remove_red_eye:before{content:"\e417"}.material-icons.remove_shopping_cart:before{content:"\e928"}.material-icons.reorder:before{content:"\e8fe"}.material-icons.repeat:before{content:"\e040"}.material-icons.repeat_one:before{content:"\e041"}.material-icons.replay:before{content:"\e042"}.material-icons.replay_10:before{content:"\e059"}.material-icons.replay_30:before{content:"\e05a"}.material-icons.replay_5:before{content:"\e05b"}.material-icons.reply:before{content:"\e15e"}.material-icons.reply_all:before{content:"\e15f"}.material-icons.report:before{content:"\e160"}.material-icons.report_problem:before{content:"\e8b2"}.material-icons.restaurant:before{content:"\e56c"}.material-icons.restaurant_menu:before{content:"\e561"}.material-icons.restore:before{content:"\e8b3"}.material-icons.restore_page:before{content:"\e929"}.material-icons.ring_volume:before{content:"\e0d1"}.material-icons.room:before{content:"\e8b4"}.material-icons.room_service:before{content:"\eb49"}.material-icons.rotate_90_degrees_ccw:before{content:"\e418"}.material-icons.rotate_left:before{content:"\e419"}.material-icons.rotate_right:before{content:"\e41a"}.material-icons.rounded_corner:before{content:"\e920"}.material-icons.router:before{content:"\e328"}.material-icons.rowing:before{content:"\e921"}.material-icons.rss_feed:before{content:"\e0e5"}.material-icons.rv_hookup:before{content:"\e642"}.material-icons.satellite:before{content:"\e562"}.material-icons.save:before{content:"\e161"}.material-icons.scanner:before{content:"\e329"}.material-icons.schedule:before{content:"\e8b5"}.material-icons.school:before{content:"\e80c"}.material-icons.screen_lock_landscape:before{content:"\e1be"}.material-icons.screen_lock_portrait:before{content:"\e1bf"}.material-icons.screen_lock_rotation:before{content:"\e1c0"}.material-icons.screen_rotation:before{content:"\e1c1"}.material-icons.screen_share:before{content:"\e0e2"}.material-icons.sd_card:before{content:"\e623"}.material-icons.sd_storage:before{content:"\e1c2"}.material-icons.search:before{content:"\e8b6"}.material-icons.security:before{content:"\e32a"}.material-icons.select_all:before{content:"\e162"}.material-icons.send:before{content:"\e163"}.material-icons.sentiment_dissatisfied:before{content:"\e811"}.material-icons.sentiment_neutral:before{content:"\e812"}.material-icons.sentiment_satisfied:before{content:"\e813"}.material-icons.sentiment_very_dissatisfied:before{content:"\e814"}.material-icons.sentiment_very_satisfied:before{content:"\e815"}.material-icons.settings:before{content:"\e8b8"}.material-icons.settings_applications:before{content:"\e8b9"}.material-icons.settings_backup_restore:before{content:"\e8ba"}.material-icons.settings_bluetooth:before{content:"\e8bb"}.material-icons.settings_brightness:before{content:"\e8bd"}.material-icons.settings_cell:before{content:"\e8bc"}.material-icons.settings_ethernet:before{content:"\e8be"}.material-icons.settings_input_antenna:before{content:"\e8bf"}.material-icons.settings_input_component:before{content:"\e8c0"}.material-icons.settings_input_composite:before{content:"\e8c1"}.material-icons.settings_input_hdmi:before{content:"\e8c2"}.material-icons.settings_input_svideo:before{content:"\e8c3"}.material-icons.settings_overscan:before{content:"\e8c4"}.material-icons.settings_phone:before{content:"\e8c5"}.material-icons.settings_power:before{content:"\e8c6"}.material-icons.settings_remote:before{content:"\e8c7"}.material-icons.settings_system_daydream:before{content:"\e1c3"}.material-icons.settings_voice:before{content:"\e8c8"}.material-icons.share:before{content:"\e80d"}.material-icons.shop:before{content:"\e8c9"}.material-icons.shop_two:before{content:"\e8ca"}.material-icons.shopping_basket:before{content:"\e8cb"}.material-icons.shopping_cart:before{content:"\e8cc"}.material-icons.short_text:before{content:"\e261"}.material-icons.show_chart:before{content:"\e6e1"}.material-icons.shuffle:before{content:"\e043"}.material-icons.signal_cellular_4_bar:before{content:"\e1c8"}.material-icons.signal_cellular_connected_no_internet_4_bar:before{content:"\e1cd"}.material-icons.signal_cellular_no_sim:before{content:"\e1ce"}.material-icons.signal_cellular_null:before{content:"\e1cf"}.material-icons.signal_cellular_off:before{content:"\e1d0"}.material-icons.signal_wifi_4_bar:before{content:"\e1d8"}.material-icons.signal_wifi_4_bar_lock:before{content:"\e1d9"}.material-icons.signal_wifi_off:before{content:"\e1da"}.material-icons.sim_card:before{content:"\e32b"}.material-icons.sim_card_alert:before{content:"\e624"}.material-icons.skip_next:before{content:"\e044"}.material-icons.skip_previous:before{content:"\e045"}.material-icons.slideshow:before{content:"\e41b"}.material-icons.slow_motion_video:before{content:"\e068"}.material-icons.smartphone:before{content:"\e32c"}.material-icons.smoke_free:before{content:"\eb4a"}.material-icons.smoking_rooms:before{content:"\eb4b"}.material-icons.sms:before{content:"\e625"}.material-icons.sms_failed:before{content:"\e626"}.material-icons.snooze:before{content:"\e046"}.material-icons.sort:before{content:"\e164"}.material-icons.sort_by_alpha:before{content:"\e053"}.material-icons.spa:before{content:"\eb4c"}.material-icons.space_bar:before{content:"\e256"}.material-icons.speaker:before{content:"\e32d"}.material-icons.speaker_group:before{content:"\e32e"}.material-icons.speaker_notes:before{content:"\e8cd"}.material-icons.speaker_notes_off:before{content:"\e92a"}.material-icons.speaker_phone:before{content:"\e0d2"}.material-icons.spellcheck:before{content:"\e8ce"}.material-icons.star:before{content:"\e838"}.material-icons.star_border:before{content:"\e83a"}.material-icons.star_half:before{content:"\e839"}.material-icons.stars:before{content:"\e8d0"}.material-icons.stay_current_landscape:before{content:"\e0d3"}.material-icons.stay_current_portrait:before{content:"\e0d4"}.material-icons.stay_primary_landscape:before{content:"\e0d5"}.material-icons.stay_primary_portrait:before{content:"\e0d6"}.material-icons.stop:before{content:"\e047"}.material-icons.stop_screen_share:before{content:"\e0e3"}.material-icons.storage:before{content:"\e1db"}.material-icons.store:before{content:"\e8d1"}.material-icons.store_mall_directory:before{content:"\e563"}.material-icons.straighten:before{content:"\e41c"}.material-icons.streetview:before{content:"\e56e"}.material-icons.strikethrough_s:before{content:"\e257"}.material-icons.style:before{content:"\e41d"}.material-icons.subdirectory_arrow_left:before{content:"\e5d9"}.material-icons.subdirectory_arrow_right:before{content:"\e5da"}.material-icons.subject:before{content:"\e8d2"}.material-icons.subscriptions:before{content:"\e064"}.material-icons.subtitles:before{content:"\e048"}.material-icons.subway:before{content:"\e56f"}.material-icons.supervisor_account:before{content:"\e8d3"}.material-icons.surround_sound:before{content:"\e049"}.material-icons.swap_calls:before{content:"\e0d7"}.material-icons.swap_horiz:before{content:"\e8d4"}.material-icons.swap_vert:before{content:"\e8d5"}.material-icons.swap_vertical_circle:before{content:"\e8d6"}.material-icons.switch_camera:before{content:"\e41e"}.material-icons.switch_video:before{content:"\e41f"}.material-icons.sync:before{content:"\e627"}.material-icons.sync_disabled:before{content:"\e628"}.material-icons.sync_problem:before{content:"\e629"}.material-icons.system_update:before{content:"\e62a"}.material-icons.system_update_alt:before{content:"\e8d7"}.material-icons.tab:before{content:"\e8d8"}.material-icons.tab_unselected:before{content:"\e8d9"}.material-icons.tablet:before{content:"\e32f"}.material-icons.tablet_android:before{content:"\e330"}.material-icons.tablet_mac:before{content:"\e331"}.material-icons.tag_faces:before{content:"\e420"}.material-icons.tap_and_play:before{content:"\e62b"}.material-icons.terrain:before{content:"\e564"}.material-icons.text_fields:before{content:"\e262"}.material-icons.text_format:before{content:"\e165"}.material-icons.textsms:before{content:"\e0d8"}.material-icons.texture:before{content:"\e421"}.material-icons.theaters:before{content:"\e8da"}.material-icons.thumb_down:before{content:"\e8db"}.material-icons.thumb_up:before{content:"\e8dc"}.material-icons.thumbs_up_down:before{content:"\e8dd"}.material-icons.time_to_leave:before{content:"\e62c"}.material-icons.timelapse:before{content:"\e422"}.material-icons.timeline:before{content:"\e922"}.material-icons.timer:before{content:"\e425"}.material-icons.timer_10:before{content:"\e423"}.material-icons.timer_3:before{content:"\e424"}.material-icons.timer_off:before{content:"\e426"}.material-icons.title:before{content:"\e264"}.material-icons.toc:before{content:"\e8de"}.material-icons.today:before{content:"\e8df"}.material-icons.toll:before{content:"\e8e0"}.material-icons.tonality:before{content:"\e427"}.material-icons.touch_app:before{content:"\e913"}.material-icons.toys:before{content:"\e332"}.material-icons.track_changes:before{content:"\e8e1"}.material-icons.traffic:before{content:"\e565"}.material-icons.train:before{content:"\e570"}.material-icons.tram:before{content:"\e571"}.material-icons.transfer_within_a_station:before{content:"\e572"}.material-icons.transform:before{content:"\e428"}.material-icons.translate:before{content:"\e8e2"}.material-icons.trending_down:before{content:"\e8e3"}.material-icons.trending_flat:before{content:"\e8e4"}.material-icons.trending_up:before{content:"\e8e5"}.material-icons.tune:before{content:"\e429"}.material-icons.turned_in:before{content:"\e8e6"}.material-icons.turned_in_not:before{content:"\e8e7"}.material-icons.tv:before{content:"\e333"}.material-icons.unarchive:before{content:"\e169"}.material-icons.undo:before{content:"\e166"}.material-icons.unfold_less:before{content:"\e5d6"}.material-icons.unfold_more:before{content:"\e5d7"}.material-icons.update:before{content:"\e923"}.material-icons.usb:before{content:"\e1e0"}.material-icons.verified_user:before{content:"\e8e8"}.material-icons.vertical_align_bottom:before{content:"\e258"}.material-icons.vertical_align_center:before{content:"\e259"}.material-icons.vertical_align_top:before{content:"\e25a"}.material-icons.vibration:before{content:"\e62d"}.material-icons.video_call:before{content:"\e070"}.material-icons.video_label:before{content:"\e071"}.material-icons.video_library:before{content:"\e04a"}.material-icons.videocam:before{content:"\e04b"}.material-icons.videocam_off:before{content:"\e04c"}.material-icons.videogame_asset:before{content:"\e338"}.material-icons.view_agenda:before{content:"\e8e9"}.material-icons.view_array:before{content:"\e8ea"}.material-icons.view_carousel:before{content:"\e8eb"}.material-icons.view_column:before{content:"\e8ec"}.material-icons.view_comfy:before{content:"\e42a"}.material-icons.view_compact:before{content:"\e42b"}.material-icons.view_day:before{content:"\e8ed"}.material-icons.view_headline:before{content:"\e8ee"}.material-icons.view_list:before{content:"\e8ef"}.material-icons.view_module:before{content:"\e8f0"}.material-icons.view_quilt:before{content:"\e8f1"}.material-icons.view_stream:before{content:"\e8f2"}.material-icons.view_week:before{content:"\e8f3"}.material-icons.vignette:before{content:"\e435"}.material-icons.visibility:before{content:"\e8f4"}.material-icons.visibility_off:before{content:"\e8f5"}.material-icons.voice_chat:before{content:"\e62e"}.material-icons.voicemail:before{content:"\e0d9"}.material-icons.volume_down:before{content:"\e04d"}.material-icons.volume_mute:before{content:"\e04e"}.material-icons.volume_off:before{content:"\e04f"}.material-icons.volume_up:before{content:"\e050"}.material-icons.vpn_key:before{content:"\e0da"}.material-icons.vpn_lock:before{content:"\e62f"}.material-icons.wallpaper:before{content:"\e1bc"}.material-icons.warning:before{content:"\e002"}.material-icons.watch:before{content:"\e334"}.material-icons.watch_later:before{content:"\e924"}.material-icons.wb_auto:before{content:"\e42c"}.material-icons.wb_cloudy:before{content:"\e42d"}.material-icons.wb_incandescent:before{content:"\e42e"}.material-icons.wb_iridescent:before{content:"\e436"}.material-icons.wb_sunny:before{content:"\e430"}.material-icons.wc:before{content:"\e63d"}.material-icons.web:before{content:"\e051"}.material-icons.web_asset:before{content:"\e069"}.material-icons.weekend:before{content:"\e16b"}.material-icons.whatshot:before{content:"\e80e"}.material-icons.widgets:before{content:"\e1bd"}.material-icons.wifi:before{content:"\e63e"}.material-icons.wifi_lock:before{content:"\e1e1"}.material-icons.wifi_tethering:before{content:"\e1e2"}.material-icons.work:before{content:"\e8f9"}.material-icons.wrap_text:before{content:"\e25b"}.material-icons.youtube_searched_for:before{content:"\e8fa"}.material-icons.zoom_in:before{content:"\e8ff"}.material-icons.zoom_out:before{content:"\e900"}.material-icons.zoom_out_map:before{content:"\e56b"}.material-icons.north_east:before{content:"\f1e1"}
/*!========================================================================== * ========================================================================== * ========================================================================== * * Asli – AJAX Portfolio Elementor Theme * * [Table of Contents] * * 1. AJAX * 2. PSWP * 3. PSWP Custom Arrow * 4. PSWP Custom Button * 5. PSWP Custom Button Close * 6. PSWP Custom Caption * 7. PSWP Custom Counter * 8. PSWP Custom Preloader * 9. PSWP Custom Zoom * 10. Animations * 11. Arc Images * 12. Arrows * 13. Aspect Ratio * 14. Auto Scroll Next * 15. Auto Scroll Next Button * 16. Auto Scroll Next Complete * 17. Auto Scroll Next Scrolling * 18. Background Hover * 19. Block * 20. Block Counter * 21. Bootstrap * 22. Width Container Edge * 23. Border Auto Opacity Solid * 24. Borders Auto * 25. Borders Background * 26. Borders Opacity * 27. Borders Solid * 28. Button * 29. Button Bordered * 30. Button Solid * 31. Background Colors * 32. Text Colors * 33. Content * 34. Content Width * 35. Counter Circle * 36. Counter Up * 37. Cursor * 38. Cursor Follower * 39. Cursor Follower Themes * 40. Curtain * 41. Curtains Base * 42. Elementor Editor * 43. Elementor Widgets * 44. Hover Zoom * 45. Filter * 46. Footer * 47. Form * 48. Grid * 49. Google Map * 50. Height * 51. Object Fit * 52. Overflow * 53. Overlay * 54. Visibility * 55. Width * 56. Z Index * 57. Header * 58. Header Arrow Back * 59. Header Bar * 60. Header Burger * 61. Header Button Back * 62. Header Columns * 63. Header Height * 64. Header Layouts * 65. Header Logo * 66. Header Overlay * 67. Header Submenu Status * 68. Header Widgets * 69. Icon Box * 70. Horizontal Scroll * 71. Horizontal Scroll Layout * 72. Infinite List * 73. Infinite List Button * 74. Infinite List Headings * 75. Infinite List Hover Zoom * 76. Infinite List Interactions * 77. Infinite List Split Counter * 78. Lazy * 79. Loading Animation * 80. Marquee Crossing Lanes * 81. Logo * 82. Marquee Header * 83. Marquee Headings Hover * 84. Marquee Headings Hover Button * 85. Marquee Headings Hover Interaction * 86. Mask * 87. Media * 88. Masthead * 89. Masthead1 * 90. Masthead2 * 91. Menu Column * 92. Menu Classic * 93. Modal * 94. Menu Overlay * 95. Submenu Holder * 96. Outdated * 97. Parallax * 98. Portfolio Item * 99. Portfolio Card * 100. Preloader * 101. Pricing Table * 102. Responsive Rectangle * 103. Rotating Button * 104. Shapes * 105. Scroll * 106. Section * 107. Section Fullheight * 108. Slider Arrow * 109. Slider Arrows * 110. Slider Categories * 111. Slider Dots * 112. Slider Fullpage Backgrounds * 113. Slider Images * 114. Slider Testimonials * 115. Social * 116. Fluid * 117. Gutters Default * 118. Gutters Half * 119. Gutters Horizontal * 120. Gutters Vertical * 121. Table * 122. Split Text * 123. Split Counter * 124. Spinner * 125. Spinner Themes * 126. Tag * 127. Themes * 128. Team Member * 129. Transitions * 130. Drop Cap * 131. Typography * 132. Underline * 133. Wordpress Core * 134. Widget * 135. Gallery * 136. Pagination * 137. Pagination Themes * 138. Post * 139. Comments * 140. Post Date Floating * 141. Tags * 142. Post Meta * 143. Sidebar * 144. Posts Navigation * 145. Button Circle * 146. Input Float * 147. Input Checkbox * 148. Button Circles * 149. Input Radio * 150. Input Search * 151. Select * 152. Section Demo Screens Wall * 153. Section F Ixed Wall * 154. Section Instagram * 155. Section Portfolio Grid * 156. Section Portfolio Headings Centered * 157. Widget Archives * 158. Widget Calendar * 159. Widget Nav Menu * 160. Widget RSS * 161. Widget Marquee * 162. Widget Recent Entries * 163. Widget Recent Comments * 164. Widget Text * 165. Widget Social * 166. Widget Tag Cloud * 167. Widget Categories * 168. Widget Search * * ========================================================================== * ========================================================================== * ========================================================================== */ @charset "UTF-8"; html { font-size: 16px; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; -webkit-text-rendering: optimizeSpeed; -moz-osx-font-smoothing: grayscale; font-kerning: none; scroll-behavior: auto !important; width: 100%; min-height: calc(100% - var(--wp-admin--admin-bar--height, 0px)); scrollbar-gutter: stable; } body { width: 100%; min-height: 100%; min-width: 320px; font-family: var(--paragraph-font-family); line-height: clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem); font-size: calc(var(--paragraph-min-font-size) * 1px); color: var(--paragraph-color); font-size: 100%; word-wrap: break-word; overflow-wrap: anywhere; overflow-x: hidden; } @media screen and (min-width: 360px) { body { font-size: calc(var(--paragraph-min-font-size) * 1px + (var(--paragraph-max-font-size) - var(--paragraph-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { body { font-size: calc(var(--paragraph-max-font-size) * 1px); } } body:not([class*=elementor]), body.woocommerce { background-color: var(--color-light-1); } .lock-scroll { overflow-y: scroll !important; } .lock-scroll body { overflow: hidden !important; } img, iframe { max-width: 100%; } img { display: block; height: auto; } .page-wrapper { position: relative; z-index: 100; overflow: hidden; } .page-wrapper__content { width: 100%; display: flex; flex-direction: column; min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)); min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px)); position: relative; z-index: 100; overflow: hidden; } [tabindex] { outline: none; } .d-flex-centered { display: flex; align-items: center; justify-content: center; } .d-inline-flex-centered { display: inline-flex; align-items: center; justify-content: center; } .has-smooth-scroll { overscroll-behavior: none !important; } .js-ajax-transition-element__media { transform-origin: center center !important; } .h-33 { height: 33% !important; } .w-100-elementor { width: 100%; } .footer-width-fixer:not(.footer-width-fixer + .footer-width-fixer) { margin-top: auto; } .no-overscroll { overscroll-behavior: none; } q:before { content: "(    "; } q:after { content: "    )"; } @media screen and (max-width: 767px) { q:before { content: "(   "; } q:after { content: "   )"; } } html.elementor-html { --wp-admin--admin-bar--height: 0px; } :root { --font-primary: "Nunito Sans", sans-serif; --font-secondary: "Noto Serif Display", serif; --paragraph-font-family: var(--font-primary); --paragraph-min-font-size: 16; --paragraph-max-font-size: 18; --paragraph-min-line-height: 24; --paragraph-max-line-height: 32; --paragraph-letter-spacing: 0; --paragraph-color-light-theme: #20211F; --paragraph-color-dark-theme: #dfdfdf; --paragraph-color: var(--paragraph-color-light-theme); --ui-element-font-family: var(--font-primary); --ui-element-min-font-size: 14; --ui-element-max-font-size: 16; --ui-element-font-weight: 600; --ui-element-line-height: 1; --ui-element-letter-spacing: 0; --ui-element-color-light-theme: #20211F; --ui-element-color-dark-theme: #fff; --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-font-family: var(--font-secondary); --display-xxl-max-font-size: 288; --display-xxl-min-font-size: 80; --display-xxl-font-weight: 200; --display-xxl-line-height: 1.2; --display-xxl-letter-spacing: -0.02em; --display-xxl-color-light-theme: #20211F; --display-xxl-color-dark-theme: #ffffff; --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-font-family: var(--font-secondary); --display-xl-max-font-size: 216; --display-xl-min-font-size: 80; --display-xl-font-weight: 200; --display-xl-line-height: 1.2; --display-xl-letter-spacing: -0.02em; --display-xl-color-light-theme: #20211F; --display-xl-color-dark-theme: #ffffff; --display-xl-color: var(--display-xl-color-light-theme); --display-caps-font-family: var(--font-secondary); --display-caps-max-font-size: 144; --display-caps-min-font-size: 48; --display-caps-font-weight: 200; --display-caps-line-height: 1.2; --display-caps-letter-spacing: 0.06em; --display-caps-color-light-theme: #20211F; --display-caps-color-dark-theme: #ffffff; --display-caps-color: var(--display-caps-color-light-theme); --h1-font-family: var(--font-secondary); --h1-max-font-size: 144; --h1-min-font-size: 54; --h1-font-weight: 200; --h1-line-height: 1.2; --h1-letter-spacing: -0.01em; --h1-color-light-theme: #20211F; --h1-color-dark-theme: #ffffff; --h1-color: var(--h1-color-light-theme); --h2-font-family: var(--font-secondary); --h2-max-font-size: 110; --h2-min-font-size: 48; --h2-font-weight: 200; --h2-line-height: 1.2; --h2-letter-spacing: -0.01em; --h2-color-light-theme: #20211F; --h2-color-dark-theme: #ffffff; --h2-color: var(--h2-color-light-theme); --h3-font-family: var(--font-secondary); --h3-max-font-size: 86; --h3-min-font-size: 42; --h3-font-weight: 200; --h3-line-height: 1.2; --h3-letter-spacing: 0; --h3-color-light-theme: #20211F; --h3-color-dark-theme: #ffffff; --h3-color: var(--h3-color-light-theme); --h4-font-family: var(--font-secondary); --h4-max-font-size: 54; --h4-min-font-size: 32; --h4-font-weight: 300; --h4-line-height: 1.25; --h4-letter-spacing: 0; --h4-color-light-theme: #20211F; --h4-color-dark-theme: #ffffff; --h4-color: var(--h4-color-light-theme); --h5-font-family: var(--font-primary); --h5-max-font-size: 30; --h5-min-font-size: 18; --h5-font-weight: 700; --h5-line-height: 1.3; --h5-letter-spacing: 0; --h5-color-light-theme: #20211F; --h5-color-dark-theme: #ffffff; --h5-color: var(--h5-color-light-theme); --h6-font-family: var(--font-primary); --h6-max-font-size: 20; --h6-min-font-size: 16; --h6-font-weight: 700; --h6-line-height: 1.3; --h6-letter-spacing: 0; --h6-color-light-theme: #20211F; --h6-color-dark-theme: #ffffff; --h6-color: var(--h6-color-light-theme); --blockquote-font-family: var(--font-primary); --blockquote-max-font-size: 24; --blockquote-min-font-size: 18; --blockquote-font-weight: 400; --blockquote-line-height: 1.33; --blockquote-letter-spacing: 0; --blockquote-color-light-theme: #20211F; --blockquote-color-dark-theme: #ffffff; --blockquote-color: var(--blockquote-color-light-theme); --dropcap-font-family: var(--font-secondary); --dropcap-max-font-size: 112; --dropcap-min-font-size: 52; --dropcap-font-weight: 200; --dropcap-line-height: 0.7; --dropcap-letter-spacing: 0; --dropcap-color-light-theme: #20211F; --dropcap-color-dark-theme: #ffffff; --dropcap-color: var(--dropcap-color-light-theme); --subheading-font-family: var(--font-primary); --subheading-max-font-size: 13; --subheading-min-font-size: 11; --subheading-font-weight: 700; --subheading-line-height: 1.3; --subheading-letter-spacing: 0.15em; --subheading-color-light-theme: #20211F; --subheading-color-dark-theme: #dfdfdf; --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-font-family: var(--font-secondary); --overlay-menu-item-max-font-size: 144; --overlay-menu-item-min-font-size: 42; --overlay-menu-item-font-weight: 200; --overlay-menu-item-line-height: 1.2; --overlay-menu-item-letter-spacing: -0.01em; --overlay-menu-item-color-light-theme: #20211F; --overlay-menu-item-color-dark-theme: #ffffff; --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-font-family: var(--font-secondary); --overlay-submenu-item-max-font-size: 54; --overlay-submenu-item-min-font-size: 32; --overlay-submenu-item-font-weight: 300; --overlay-submenu-item-line-height: 1.3; --overlay-submenu-item-letter-spacing: 0; --overlay-submenu-item-color-light-theme: #20211F; --overlay-submenu-item-color-dark-theme: #ffffff; --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-font-family: var(--font-primary); --super-label-max-font-size: 18; --super-label-min-font-size: 12; --super-label-font-weight: 700; --super-label-line-height: 1; --super-label-letter-spacing: 0; --super-label-color-light-theme: #20211F; --super-label-color-dark-theme: #ffffff; --super-label-color: var(--super-label-color-light-theme); } :root { --distance-min-xxsmall: 20; --distance-min-xsmall: 30; --distance-min-small: 40; --distance-min-medium: 40; --distance-min-large: 50; --distance-min-xlarge: 90; --distance-max-xxsmall: 30; --distance-max-xsmall: 40; --distance-max-small: 80; --distance-max-medium: 120; --distance-max-large: 180; --distance-max-xlarge: 240; --gutter-horizontal-min: 20; --gutter-horizontal-max: 120; --gutter-vertical-min: 20; --gutter-vertical-max: 80; --gutter-horizontal: calc(1 * var(--gutter-horizontal-min) * 1px); --gutter-vertical: calc(1 * var(--gutter-vertical-min) * 1px); --bs-gutter-x: 20px; --bs-gutter-y: 20px; } @media screen and (min-width: 360px) { :root { --gutter-horizontal: calc(1 * (var(--gutter-horizontal-min) * 1px + (var(--gutter-horizontal-max) - var(--gutter-horizontal-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { :root { --gutter-horizontal: calc(1 * var(--gutter-horizontal-max) * 1px); } } @media screen and (min-width: 360px) { :root { --gutter-vertical: calc(1 * (var(--gutter-vertical-min) * 1px + (var(--gutter-vertical-max) - var(--gutter-vertical-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { :root { --gutter-vertical: calc(1 * var(--gutter-vertical-max) * 1px); } } :root { --color-dark-1: #20211F; --color-dark-1-rgb: 32, 33, 31; --color-dark-2: #1B1A18; --color-dark-2-rgb: 27, 26, 24; --color-dark-3: #313130; --color-dark-3-rgb: 49, 49, 48; --color-dark-4: #060707; --color-dark-4-rgb: 6, 7, 7; --color-gray-1: #939597; --color-gray-1-rgb: 147, 149, 151; --color-gray-2: #C0C0C0; --color-gray-2-rgb: 192, 192, 192; --color-gray-3: #777777; --color-gray-3-rgb: 119, 119, 119; --color-gray-4: #888888; --color-gray-4-rgb: 136, 136, 136; --color-light-1: #DBDAD7; --color-light-1-rgb: 219, 218, 215; --color-light-2: #E8E6E0; --color-light-2-rgb: 232, 230, 224; --color-light-3: #F1F2ED; --color-light-3-rgb: 241, 242, 237; --color-light-4: #FFFFFF; --color-light-4-rgb: 255, 255, 255; --color-custom-1: #FF0000; --color-custom-1-rgb: 255, 0, 0; --color-custom-2: #00FF00; --color-custom-2-rgb: 0, 255, 0; --color-custom-3: #0000FF; --color-custom-3-rgb: 0, 0, 255; --color-custom-4: #000000; --color-custom-4-rgb: 0, 0, 0; --color-platinum-1: #767B75; --color-platinum-1-rgb: 118, 123, 117; --color-platinum-2: #686D67; --color-platinum-2-rgb: 104, 109, 103; --color-accent-light-theme: #656453; --color-accent-light-theme-rgb: 101, 100, 83; --color-accent-dark-theme: #FDF9CF; --color-accent-dark-theme-rgb: 253, 249, 207; --color-accent: var(--color-accent-light-theme); --color-accent-rgb: 101, 100, 83; --color-border-opacity-light-theme: rgba(32, 33, 32, .2); --color-border-opacity-dark-theme: rgba(255, 255, 255, .2); --color-border-opacity: var(--color-border-opacity-light-theme); --color-border-solid-light-theme: #20211F; --color-border-solid-dark-theme: #fff; --color-border-solid: var(--color-border-solid-light-theme); --color-links-light-theme: #666; --color-links-dark-theme: #fff; --color-links: var(--color-links-light-theme); --color-links-hover-light-theme: #656453; --color-links-hover-dark-theme: #FDF9CF; --color-links-hover: var(--color-links-hover-light-theme); --color-classic-submenu-links: #000; --color-classic-submenu-links-hover: #656453; --color-classic-submenu-links-hover-background: #65645315; --color-classic-submenu-background: #fff; } /*!======================================================================== * 1. AJAX * ======================================================================!*/ .blocking-curtain { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; } [data-barba=wrapper] { height: 100%; overflow: hidden; } .page-wrapper + .page-wrapper { position: fixed; top: 0; left: 0; right: 0; height: 100vh; margin-top: var(--wp-admin--admin-bar--height, 0px); opacity: 0; } .ajax-loading .arts-is-dragging__blocker { opacity: 1; visibility: visible; } /*!======================================================================== * 2. PSWP * ======================================================================!*/ .pswp { --pswp-min-gutters-horizontal: 20; --pswp-max-gutters-horizontal: 40; --pswp-min-gutters-vertical: 10; --pswp-max-gutters-vertical: 30; } .pswp .pswp__top-bar { height: auto; } .pswp .pswp__wrapper-embed { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding-top: 120px; padding-right: calc(1 * 20 * 1px); padding-bottom: 120px; padding-left: calc(1 * 20 * 1px); } @media screen and (min-width: 360px) { .pswp .pswp__wrapper-embed { padding-right: calc(1 * (20 * 1px + (120 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp .pswp__wrapper-embed { padding-right: calc(1 * 120 * 1px); } } @media screen and (min-width: 360px) { .pswp .pswp__wrapper-embed { padding-left: calc(1 * (20 * 1px + (120 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp .pswp__wrapper-embed { padding-left: calc(1 * 120 * 1px); } } .pswp .pswp__wrapper-embed iframe { width: 100%; height: 100%; } .pswp .pswp__wrapper-embed video { width: 100%; height: auto; } /*!======================================================================== * 3. PSWP Custom Arrow * ======================================================================!*/ .pswp-custom-arrow-prev, .pswp-custom-arrow-next { position: absolute; top: 50%; transform: translateY(-50%); } .pswp-custom-arrow-prev { left: 0; padding-left: 15px !important; } .pswp-custom-arrow-next { right: 0; padding-right: 15px !important; } .pswp--one-slide .pswp-custom-arrow-prev, .pswp--one-slide .pswp-custom-arrow-next { opacity: 0; visibility: hidden; } .has-cursor-follower .pswp-custom-arrow > [data-arts-cursor-follower-target*=magnetic] { border-color: transparent; } /*!======================================================================== * 4. PSWP Custom Button * ======================================================================!*/ .pswp-custom-button { display: flex; align-items: center; justify-content: center; padding-left: calc(1 * var(--pswp-min-gutters-horizontal) * 1px); padding-right: calc(1 * var(--pswp-min-gutters-horizontal) * 1px); padding-top: calc(1 * var(--pswp-min-gutters-vertical) * 1px); padding-bottom: calc(1 * var(--pswp-min-gutters-vertical) * 1px); transition: all 0.3s ease; z-index: 500; } @media screen and (min-width: 360px) { .pswp-custom-button { padding-left: calc(1 * (var(--pswp-min-gutters-horizontal) * 1px + (var(--pswp-max-gutters-horizontal) - var(--pswp-min-gutters-horizontal)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp-custom-button { padding-left: calc(1 * var(--pswp-max-gutters-horizontal) * 1px); } } @media screen and (min-width: 360px) { .pswp-custom-button { padding-right: calc(1 * (var(--pswp-min-gutters-horizontal) * 1px + (var(--pswp-max-gutters-horizontal) - var(--pswp-min-gutters-horizontal)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp-custom-button { padding-right: calc(1 * var(--pswp-max-gutters-horizontal) * 1px); } } @media screen and (min-width: 360px) { .pswp-custom-button { padding-top: calc(1 * (var(--pswp-min-gutters-vertical) * 1px + (var(--pswp-max-gutters-vertical) - var(--pswp-min-gutters-vertical)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp-custom-button { padding-top: calc(1 * var(--pswp-max-gutters-vertical) * 1px); } } @media screen and (min-width: 360px) { .pswp-custom-button { padding-bottom: calc(1 * (var(--pswp-min-gutters-vertical) * 1px + (var(--pswp-max-gutters-vertical) - var(--pswp-min-gutters-vertical)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pswp-custom-button { padding-bottom: calc(1 * var(--pswp-max-gutters-vertical) * 1px); } } .pswp-custom-button__label { position: relative; white-space: nowrap; transition: transform 0.3s ease; } .pswp-custom-button_left { margin-right: auto; } .pswp-custom-button_center { margin-left: auto; margin-right: auto; } .has-cursor-follower .pswp-custom-button_left[data-arts-cursor-follower-target]:hover .pswp-custom-button__label { transform: translateX(20px); } .has-cursor-follower .pswp-custom-button_right[data-arts-cursor-follower-target]:hover .pswp-custom-button__label, .has-cursor-follower .pswp-custom-button_center[data-arts-cursor-follower-target]:hover .pswp-custom-button__label { transform: translateX(-20px); } /*!======================================================================== * 5. PSWP Custom Button Close * ======================================================================!*/ .pswp-custom-button_close { order: 10; } .pswp-custom-button_close:hover .pswp-custom-button__close-label-close { transform: translateY(-100%); opacity: 0; } .pswp-custom-button_close:hover .pswp-custom-button__close-label-hover { transform: translateY(0%); opacity: 1; } .pswp-custom-button__close-label-close { position: relative; transform: translateY(0%); opacity: 1; transition: all 0.3s ease; } .pswp-custom-button__close-label-hover { position: absolute; top: 0; right: 0; transform: translateY(100%); opacity: 0; transition: all 0.3s ease; } .pswp-custom-button__close-line:nth-of-type(1) { transform: scaleX(1) rotate(45deg) translate(2px, 2px); } .pswp-custom-button__close-line:nth-of-type(2) { transform: scaleX(1) rotate(-45deg) translate(2px, -2px); } .pswp-custom-button__close-line:nth-of-type(3) { transform-origin: right center; transform: scaleX(0); } /*!======================================================================== * 6. PSWP Custom Caption * ======================================================================!*/ .pswp-custom-caption { position: absolute; left: 0; right: 0; bottom: 0; padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); text-align: center; background-color: #000; } .pswp-custom-caption__content { display: inline-block; max-width: 600px; padding: 20px 0; } /*!======================================================================== * 7. PSWP Custom Counter * ======================================================================!*/ .pswp-custom-button_counter { transition: opacity 0.3s ease; opacity: 1; visibility: visible; } .pswp--one-slide .pswp-custom-button_counter { opacity: 0; visibility: hidden; } /*!======================================================================== * 8. PSWP Custom Preloader * ======================================================================!*/ .pswp-custom-preloader { display: inline-flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: calc(var(--pswp-max-gutters-vertical) * 1px); z-index: 50 !important; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .pswp-custom-preloader svg { width: 30px; height: 30px; z-index: 10000; animation: rotate 2s linear infinite; transform-origin: center center; color: var(--color-accent); } .pswp-custom-preloader svg circle { stroke: currentColor; stroke-width: 2px; stroke-dasharray: 150, 200; stroke-dashoffset: -150; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .pswp__preloader--active.pswp-custom-preloader { opacity: 1; visibility: visible; } /*!======================================================================== * 9. PSWP Custom Zoom * ======================================================================!*/ .pswp-custom-button_zoom { transition: opacity 0.3s ease; opacity: 0; visibility: hidden; } .pswp-custom-button__zoom-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; } .pswp--zoom-allowed .pswp-custom-button_zoom { opacity: 1; visibility: visible; } /*!======================================================================== * 10. Animations * ======================================================================!*/ [data-arts-os-animation=true]:not(.preloader):not(.preloader [data-arts-os-animation]):not(.preloader [data-arts-os-animation] *) > *:not(.js-ajax-transition-visible-element) { opacity: 0; pointer-events: none !important; } [data-arts-os-animation=true]:not(.preloader):not(.preloader [data-arts-os-animation]):not(.preloader [data-arts-os-animation] *) > *:not(.js-ajax-transition-visible-element) * { pointer-events: none !important; } [data-arts-os-animation=true] .js-ajax-transition-hidden-element { opacity: 0; visibility: hidden; --opacity: 0; pointer-events: none !important; } [data-arts-os-animation=true] .js-ajax-transition-hidden-element * { pointer-events: none !important; } /*!======================================================================== * 11. Arc Images * ======================================================================!*/ .arc-images__wrapper-content { border-width: 1px; border-style: solid; border-color: transparent; } /*!======================================================================== * 12. Arrows * ======================================================================!*/ .svg-arrow path { fill: currentColor; } /*!======================================================================== * 13. Aspect Ratio * ======================================================================!*/ .has-aspect-ratio { position: relative; width: 100%; max-width: 100%; overflow: hidden; } .has-aspect-ratio::before { content: ""; display: block; padding-bottom: calc(var(--media-height) / var(--media-width) * 100%); } .has-aspect-ratio::after { content: ""; display: table; clear: both; } .has-aspect-ratio > img, .has-aspect-ratio > video, .has-aspect-ratio > noscript > img, .has-aspect-ratio > noscript > video { position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .has-limited-width { max-width: calc(var(--media-width) * 1px); } .custom-aspect-ratio { --aspect-ratio: calc(var(--media-width) / var(--media-height)); aspect-ratio: var(--aspect-ratio); } /*!======================================================================== * 14. Auto Scroll Next * ======================================================================!*/ .auto-scroll-next { overflow: hidden; position: relative; z-index: 100; margin-bottom: 1px; } .auto-scroll-next__label { position: absolute !important; top: 0; left: 0; right: 0; width: 100%; transition: opacity 0.3s ease; opacity: 1; visibility: visible; } .auto-scroll-next__heading { transition: all 0.3s ease; } .auto-scroll-next__link { display: block; overflow: initial !important; } .auto-scroll-next__link:hover * { color: currentColor; } .auto-scroll-next__wrapper-media { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: var(--gutter-horizontal); right: var(--gutter-horizontal); max-width: calc(100% - var(--gutter-horizontal) * 2); max-height: 100%; height: 55%; margin: 0 auto; transform: translateY(-50%); pointer-events: none; cursor: pointer; } .auto-scroll-next__wrapper-media *:not(.auto-scroll-next__inner-media) { pointer-events: none; } .auto-scroll-next__header { pointer-events: none; cursor: pointer; overflow: initial !important; } .auto-scroll-next__lane { transition: opacity 0.3s ease; } .auto-scroll-next__inner { z-index: 200 !important; } .auto-scroll-next__inner-media { overflow: hidden; display: inline-flex; justify-content: center; align-items: stretch; overflow: hidden; width: 100%; max-width: 100%; max-height: 100%; pointer-events: all; cursor: pointer; } .auto-scroll-next__mask-media { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; } .auto-scroll-next__progress-line { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: currentColor; z-index: 50; transform: scaleX(0); transform-origin: left center; } /*!======================================================================== * 15. Auto Scroll Next Button * ======================================================================!*/ .auto-scroll-next[data-arts-os-animation=true] .auto-scroll-next__button-hover { opacity: 0; transform: translate(-50%, -50%) scale(1); } .auto-scroll-next__wrapper-button { pointer-events: all !important; cursor: pointer; } .auto-scroll-next__wrapper-button * { pointer-events: none; } .auto-scroll-next_scrolling .auto-scroll-next__button-normal { transform: scale(0); } .auto-scroll-next_scrolling .auto-scroll-next__button-hover { transform: translate(-50%, -50%) scale(1); opacity: 1; } .auto-scroll-next_scrolling .auto-scroll-next__button-hover * { color: currentColor; } .auto-scroll-next__button-normal, .auto-scroll-next__button-hover, .auto-scroll-next__button-static { transition: transform 0.3s ease, opacity 0.3s ease; } .auto-scroll-next__button-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); } /*!======================================================================== * 16. Auto Scroll Next Complete * ======================================================================!*/ .auto-scroll-next_complete .auto-scroll-next__label { opacity: 0; visibility: hidden; } .auto-scroll-next_complete .auto-scroll-next__button-normal { transform: scale(0); } .auto-scroll-next_complete .auto-scroll-next__button-hover { transform: translate(-50%, -50%) scale(0); } .auto-scroll-next_complete .auto-scroll-next__lane { opacity: 0; visibility: hidden; } /*!======================================================================== * 17. Auto Scroll Next Scrolling * ======================================================================!*/ .auto-scroll-next_scrolling .auto-scroll-next__label-lane-normal { transform: translateY(100%); } .auto-scroll-next_scrolling .auto-scroll-next__label-lane-scrolling { transform: translateY(0%); } .auto-scroll-next__label-lane-normal { transition: transform 0.6s ease; } .auto-scroll-next__label-lane-scrolling { transition: transform 0.6s ease; transform: translateY(-100%); } /*!======================================================================== * 18. Background Hover * ======================================================================!*/ .background-hover { position: relative; display: flex; align-items: center; width: 100%; height: 100%; } .background-hover:hover { outline-color: transparent; } .background-hover:hover .background-hover__heading { color: var(--color-links-hover-dark-theme); } .background-hover:hover .background-hover__subheading { color: var(--color-links-dark-theme); } .background-hover__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .background-hover__image:not(.js-ajax-transition-clone) { opacity: 0; transition: all 0.3s ease; } .background-hover__content { position: relative; z-index: 50; } .background-hover__overlay { transition: all 0.3s ease; z-index: 10 !important; } .background-hover__heading, .background-hover__subheading { transition: color 0.3s ease; } /*!======================================================================== * 19. Block * ======================================================================!*/ .wp-block-column, .wp-block-group { margin-bottom: 1.75em; } .wp-block-column > *:first-child, .wp-block-group > *:first-child { margin-top: 0; } .wp-block-column > *:last-child, .wp-block-group > *:last-child { margin-bottom: 0; } .wp-block-column .widget { margin-bottom: 0; } .widget_block { margin-bottom: 0; } .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-categories-list:after, .wp-block-archives-list:after { content: ""; display: table; clear: both; } .wp-block-categories-list li span, .wp-block-archives-list li span { float: right; } .wp-block-latest-comments { list-style-type: none; padding: 0; margin: 0; } .wp-block-latest-comments__comment { line-height: 1.5; min-height: unset; } .wp-block-latest-comments__comment-excerpt > *:last-child { margin-bottom: 0; } .wp-block-search__button { white-space: nowrap; } .wp-block-button { float: none; margin: 1em 0; } .wp-block-button__link { font-size: 1em; line-height: 1.4; padding: 16px 28px; } .wp-block-button__link:hover { color: var(--color-accent-dark-theme); } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared, .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-gallery { margin-bottom: 1em; } .wp-block-media-text__content p { margin-top: 1rem; margin-bottom: 1rem; } .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form textarea { padding-left: 0; padding-right: 0; border-top: none; border-left: none; border-right: none; } @media screen and (max-width: 767px) { .wp-block-column, .wp-block-group { margin-bottom: 1.5em; } } /*!======================================================================== * 20. Block Counter * ======================================================================!*/ .block-counter { position: relative; } .block-counter__counter { position: absolute; top: auto; bottom: max(100% - 3em, 0px); left: calc(100% + 0.25em); letter-spacing: 0; white-space: nowrap; } @media screen and (max-width: 767px) { .block-counter__counter { bottom: max(100% - 2em, 0px); } } /*!======================================================================== * 21. Bootstrap * ======================================================================!*/ .row:not([class*=g-]) { --bs-gutter-x: 40px; --bs-gutter-y: 0; } .g-default { --bs-gutter-x: calc(1 * 20 * 1px); --bs-gutter-y: calc(1 * 30 * 1px); } @media screen and (min-width: 360px) { .g-default { --bs-gutter-x: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .g-default { --bs-gutter-x: calc(1 * 40 * 1px); } } @media screen and (min-width: 360px) { .g-default { --bs-gutter-y: calc(1 * (30 * 1px + (40 - 30) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .g-default { --bs-gutter-y: calc(1 * 40 * 1px); } } .g-gutters { --bs-gutter-x: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-horizontal)); --bs-gutter-y: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-vertical)); } .g-gutters-horizontal { --bs-gutter-x: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-horizontal)); --bs-gutter-y: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-horizontal)); } .g-gutters-vertical { --bs-gutter-x: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-vertical)); --bs-gutter-y: max(calc(var(--distance-min-xsmall) * 1px), var(--gutter-vertical)); } .container-fluid-gutters { width: 100%; padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { .max-lg-pt-0 { padding-top: 0 !important; } .max-lg-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .max-lg-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .max-lg-pb-0 { padding-bottom: 0 !important; } .max-lg-p-0 { padding: 0 !important; } .max-lg-mt-0 { margin-top: 0 !important; } .max-lg-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .max-lg-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .max-lg-mb-0 { margin-bottom: 0 !important; } .max-lg-m-0 { margin: 0 !important; } } @media screen and (max-width: 991px) { .max-md-pt-0 { padding-top: 0 !important; } .max-md-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .max-md-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .max-md-pb-0 { padding-bottom: 0 !important; } .max-md-p-0 { padding: 0 !important; } .max-md-mt-0 { margin-top: 0 !important; } .max-md-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .max-md-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .max-md-mb-0 { margin-bottom: 0 !important; } .max-md-m-0 { margin: 0 !important; } } @media screen and (max-width: 767px) { .max-sm-pt-0 { padding-top: 0 !important; } .max-sm-pb-0 { padding-bottom: 0 !important; } .max-sm-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .max-sm-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .max-sm-mt-0 { margin-top: 0 !important; } .max-sm-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .max-sm-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .max-sm-mb-0 { margin-bottom: 0 !important; } .max-sm-m-0 { margin: 0 !important; } } .p-bs-gutters { padding: var(--bs-gutter-x) var(--bs-gutter-y); } .px-bs-gutters { padding-left: var(--bs-gutter-x); padding-right: var(--bs-gutter-x); } .ps-bs-gutters { padding-left: var(--bs-gutter-x); } .pe-bs-gutters { padding-right: var(--bs-gutter-x); } .py-bs-gutters { padding-top: var(--bs-gutter-y); padding-bottom: var(--bs-gutter-y); } .pt-bs-gutters { padding-top: var(--bs-gutter-y); } .pb-bs-gutters { padding-bottom: var(--bs-gutter-y); } @media screen and (min-width: 992px) { .px-lg-min-gutters { padding-left: calc(var(--gutter-horizontal-min) * 1px); padding-right: calc(var(--gutter-horizontal-min) * 1px); } } /*!======================================================================== * 22. Width Container Edge * ======================================================================!*/ .w-container-edge-end { max-width: 100%; width: calc(100% - (100vw - 1320px) / 2 - var(--bs-gutter-x)); margin-left: auto; text-align: left; } .w-container-edge-start { max-width: 100%; width: calc(100% - (100vw - 1320px) / 2 - var(--bs-gutter-x)); margin-right: auto; text-align: right; } @media screen and (max-width: 1400px) { .w-container-edge-end, .w-container-edge-start { width: 100%; text-align: center; } } @media screen and (max-width: 1200px) { .w-container-edge-end { width: calc(100% - (100vw - 1140px) / 2 - var(--bs-gutter-x)); } .w-container-edge-start { width: calc(100% - (100vw - 1140px) / 2 - var(--bs-gutter-x)); } } /*!======================================================================== * 23. Border Auto Opacity Solid * ======================================================================!*/ .b-auto-opacity-solid { --color-borders: var(--color-border-solid); border: 1px solid var(--color-borders); } .bt-auto-opacity-solid { --color-borders: var(--color-border-solid); border-top: 1px solid var(--color-borders); } .br-auto-opacity-solid { --color-borders: var(--color-border-solid); border-right: 1px solid var(--color-borders); } .bb-auto-opacity-solid { --color-borders: var(--color-border-solid); border-bottom: 1px solid var(--color-borders); } .bl-auto-opacity-solid { --color-borders: var(--color-border-solid); border-left: 1px solid var(--color-borders); } .borders-transparent { --color-borders: transparent !important; } .borders-solid { --color-borders: var(--color-border-solid) !important; } .borders-opacity { --color-borders: var(--color-border-opacity) !important; } .borders-auto-opacity-solid { --color-borders: var(--color-border-solid) !important; } [data-arts-color-theme=dark] .borders-auto-opacity-solid, [data-arts-color-theme=dark] .b-auto-opacity-solid .bt-auto-opacity-solid, [data-arts-color-theme=dark] .br-auto-opacity-solid, [data-arts-color-theme=dark] .bb-auto-opacity-solid, [data-arts-color-theme=dark] .bl-auto-opacity-solid { --color-borders: var(--color-border-opacity) !important; } .borders-auto-opacity-solid[data-arts-color-theme=dark], .b-auto-opacity-solid .bt-auto-opacity-solid[data-arts-color-theme=dark], .br-auto-opacity-solid[data-arts-color-theme=dark], .bb-auto-opacity-solid[data-arts-color-theme=dark], .bl-auto-opacity-solid[data-arts-color-theme=dark] { --color-borders: var(--color-border-opacity) !important; } /*!======================================================================== * 24. Borders Auto * ======================================================================!*/ .b-auto { border: 1px solid var(--color-borders); } .bt-auto { border-top: 1px solid var(--color-borders); } .br-auto { border-right: 1px solid var(--color-borders); } .bb-auto { border-bottom: 1px solid var(--color-borders); } .bl-auto { border-left: 1px solid var(--color-borders); } /*!======================================================================== * 25. Borders Background * ======================================================================!*/ .bg-bt { position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: var(--color-borders); } .bg-br { position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: var(--color-borders); } .bg-bb { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: var(--color-borders); } .bg-bl { position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: var(--color-borders); } /*!======================================================================== * 26. Borders Opacity * ======================================================================!*/ .b-opacity { border: 1px solid var(--color-border-opacity); } .bt-opacity { border-top: 1px solid var(--color-border-opacity); } .br-opacity { border-right: 1px solid var(--color-border-opacity); } .bb-opacity { border-bottom: 1px solid var(--color-border-opacity); } .bl-opacity { border-left: 1px solid var(--color-border-opacity); } /*!======================================================================== * 27. Borders Solid * ======================================================================!*/ .b-solid { border: 1px solid var(--color-border-solid); } .bt-solid { border-top: 1px solid var(--color-border-solid); } .br-solid { border-right: 1px solid var(--color-border-solid); } .bb-solid { border-bottom: 1px solid var(--color-border-solid); } .bl-solid { border-left: 1px solid var(--color-border-solid); } /*!======================================================================== * 28. Button * ======================================================================!*/ .button, .wp-block-search__button, .woocommerce-store-notice__dismiss-link { --button-border-width: 2px; position: relative; display: inline-block; max-width: 100%; white-space: nowrap; cursor: pointer; box-shadow: none; border-width: var(--button-border-width); border-style: solid; font-weight: 700; padding: 16px 36px; border-radius: 96px; transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: color, background-color, border-color; outline: none; } .button:focus, .wp-block-search__button:focus, .woocommerce-store-notice__dismiss-link:focus { outline: none; } .button:hover .button__label-normal .button__title, .wp-block-search__button:hover .button__label-normal .button__title, .button.button_hovered .button__label-normal .button__title, .button_hovered.wp-block-search__button .button__label-normal .button__title, .woocommerce-store-notice__dismiss-link:hover .button__label-normal .button__title, .woocommerce-store-notice__dismiss-link.button_hovered .button__label-normal .button__title { transform: translate(0%, -100%); opacity: 0; } .button:hover .button__label-normal .button__icon, .wp-block-search__button:hover .button__label-normal .button__icon, .button.button_hovered .button__label-normal .button__icon, .button_hovered.wp-block-search__button .button__label-normal .button__icon, .woocommerce-store-notice__dismiss-link:hover .button__label-normal .button__icon, .woocommerce-store-notice__dismiss-link.button_hovered .button__label-normal .button__icon { opacity: 0; transform: translate(100%, 0%); } .button:hover .button__label-hover .button__title, .wp-block-search__button:hover .button__label-hover .button__title, .button.button_hovered .button__label-hover .button__title, .button_hovered.wp-block-search__button .button__label-hover .button__title, .woocommerce-store-notice__dismiss-link:hover .button__label-hover .button__title, .woocommerce-store-notice__dismiss-link.button_hovered .button__label-hover .button__title { transform: translate(0%, 0%); opacity: 1; } .button:hover .button__label-hover .button__icon, .wp-block-search__button:hover .button__label-hover .button__icon, .button.button_hovered .button__label-hover .button__icon, .button_hovered.wp-block-search__button .button__label-hover .button__icon, .woocommerce-store-notice__dismiss-link:hover .button__label-hover .button__icon, .woocommerce-store-notice__dismiss-link.button_hovered .button__label-hover .button__icon { opacity: 1; transform: translate(0%, 0%); } .button *, .wp-block-search__button *, .woocommerce-store-notice__dismiss-link * { pointer-events: none; } .button.button_loading .button__label-hover .button__title, .button_loading.wp-block-search__button .button__label-hover .button__title, .woocommerce-store-notice__dismiss-link.button_loading .button__label-hover .button__title { transform: translate(50%, 0%); opacity: 1; } .button.button_loading .button__label-hover .button__icon, .button_loading.wp-block-search__button .button__label-hover .button__icon, .woocommerce-store-notice__dismiss-link.button_loading .button__label-hover .button__icon { opacity: 0; visibility: hidden; } .button_icon, .button_icon.elementor-button { display: inline-flex; align-items: center; justify-content: center; } .button_icon .button__label, .button_icon.elementor-button .button__label { padding: 0; } .has-cursor-follower .button_icon-before:hover .button__label-hover .button__title, .has-cursor-follower .button_icon-before.button_hovered .button__label-hover .button__title { transform: translate(var(--cursor-hover-offset, 50%), 0%); } .has-cursor-follower .button_icon-after:hover .button__label-hover .button__title, .has-cursor-follower .button_icon-after.button_hovered .button__label-hover .button__title { transform: translate(var(--cursor-hover-offset, 50%), 0%); } .button_icon-before .button__title { order: 10; } .button_icon-before .button__label-hover .button__title { transform: translate(0%, 100%); } .button_icon-before:hover .button__label-normal .button__title, .button_icon-before.button_hovered .button__label-normal .button__title { transform: translate(0%, -100%); } .button_icon-before:hover .button__label-normal .button__icon, .button_icon-before.button_hovered .button__label-normal .button__icon { transform: translate(100%, 0%); } .button_icon-before:hover .button__label-hover .button__title, .button_icon-before.button_hovered .button__label-hover .button__title { transform: translate(0%, 0%); } .button_icon-before:hover .button__label-hover .button__icon, .button_icon-before.button_hovered .button__label-hover .button__icon { transform: translate(0%, 0%); } .button_icon-after .button__label-hover .button__title { transform: translate(0%, 100%); } .button_icon-after:hover .button__label-normal .button__title, .button_icon-after.button_hovered .button__label-normal .button__title { transform: translate(0%, -100%); } .button_icon-after:hover .button__label-normal .button__icon, .button_icon-after.button_hovered .button__label-normal .button__icon { transform: translate(100%, 0%); } .button_icon-after:hover .button__label-hover .button__title, .button_icon-after.button_hovered .button__label-hover .button__title { transform: translate(0%, 0%); } .button_icon-after:hover .button__label-hover .button__icon, .button_icon-after.button_hovered .button__label-hover .button__icon { transform: translate(0%, 0%); } .button__label-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .button__label-hover .button__title { transform: translate(0%, 100%); opacity: 0; } .button__label-hover .button__icon { transform: translate(-100%, 0%); opacity: 0; } .button__label-normal .button__title { transform: translate(0%, 0%); opacity: 1; } .button__title { display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .button__label { display: inline-flex; align-items: center; padding: 16px 36px; } .button__icon { display: inline-flex; align-items: center; justify-content: center; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; vertical-align: middle; margin-bottom: 0.1em; } .button__icon_before { margin-right: 0.5em; } .button__icon_after { margin-left: 0.25em; margin-right: -0.5em; } .button_fullwidth { width: 100%; } .button-fullwidth .button, .button-fullwidth .wp-block-search__button { width: 100%; } @media screen and (max-width: 1200px) { .button, .wp-block-search__button { padding: 12px 24px; } .button__label { padding: 12px 24px; } } @media screen and (max-width: 991px) { .button, .wp-block-search__button { padding: 12px 24px; } .button__label { padding: 12px 24px; } .button__icon i { font-size: 20px; } } /*!======================================================================== * 29. Button Bordered * ======================================================================!*/ .button.button_bordered, .button_bordered.wp-block-search__button { background-color: unset !important; border-color: currentColor; } .button.button_bordered[class*=bg-], .button_bordered[class*=bg-].wp-block-search__button { color: var(--background-color); } /*!======================================================================== * 30. Button Solid * ======================================================================!*/ .button.button_solid, .button_solid.wp-block-search__button { border: none !important; } /*!======================================================================== * 31. Background Colors * ======================================================================!*/ .bg-dark-1 { background-color: var(--color-dark-1) !important; --background-color: var(--color-dark-1) !important; --overlay-rgb: var(--color-dark-1-rgb) !important; } .bg-dark-2 { background-color: var(--color-dark-2) !important; --background-color: var(--color-dark-2) !important; --overlay-rgb: var(--color-dark-2-rgb) !important; } .bg-dark-3 { background-color: var(--color-dark-3) !important; --background-color: var(--color-dark-3) !important; --overlay-rgb: var(--color-dark-3-rgb) !important; } .bg-dark-4 { background-color: var(--color-dark-4) !important; --background-color: var(--color-dark-4) !important; --overlay-rgb: var(--color-dark-4-rgb) !important; } .bg-gray-1 { background-color: var(--color-gray-1) !important; --background-color: var(--color-gray-1) !important; --overlay-rgb: var(--color-gray-1-rgb) !important; } .bg-gray-2 { background-color: var(--color-gray-2) !important; --background-color: var(--color-gray-2) !important; --overlay-rgb: var(--color-gray-2-rgb) !important; } .bg-gray-3 { background-color: var(--color-gray-3) !important; --background-color: var(--color-gray-3) !important; --overlay-rgb: var(--color-gray-3-rgb) !important; } .bg-gray-4 { background-color: var(--color-gray-4) !important; --background-color: var(--color-gray-4) !important; --overlay-rgb: var(--color-gray-4-rgb) !important; } .bg-light-1 { background-color: var(--color-light-1) !important; --background-color: var(--color-light-1) !important; --overlay-rgb: var(--color-light-1-rgb) !important; } .bg-light-2 { background-color: var(--color-light-2) !important; --background-color: var(--color-light-2) !important; --overlay-rgb: var(--color-light-2-rgb) !important; } .bg-light-3 { background-color: var(--color-light-3) !important; --background-color: var(--color-light-3) !important; --overlay-rgb: var(--color-light-3-rgb) !important; } .bg-light-4 { background-color: var(--color-light-4) !important; --background-color: var(--color-light-4) !important; --overlay-rgb: var(--color-light-4-rgb) !important; } .bg-custom-1 { background-color: var(--color-custom-1) !important; --background-color: var(--color-custom-1) !important; --overlay-rgb: var(--color-custom-1-rgb) !important; } .bg-custom-2 { background-color: var(--color-custom-2) !important; --background-color: var(--color-custom-2) !important; --overlay-rgb: var(--color-custom-2-rgb) !important; } .bg-custom-3 { background-color: var(--color-custom-3) !important; --background-color: var(--color-custom-3) !important; --overlay-rgb: var(--color-custom-3-rgb) !important; } .bg-custom-4 { background-color: var(--color-custom-4) !important; --background-color: var(--color-custom-4) !important; --overlay-rgb: var(--color-custom-4-rgb) !important; } .bg-platinum-1 { background-color: var(--color-platinum-1) !important; --background-color: var(--color-platinum-1) !important; --overlay-rgb: var(--color-platinum-1-rgb) !important; } .bg-platinum-2 { background-color: var(--color-platinum-2) !important; --background-color: var(--color-platinum-2) !important; --overlay-rgb: var(--color-platinum-2-rgb) !important; } .bg-accent { background-color: var(--color-accent) !important; --background-color: var(--color-accent) !important; --overlay-rgb: var(--color-accent-rgb) !important; } .bg-accent-dark-theme { background-color: var(--color-accent-dark-theme) !important; --background-color: var(--color-accent-dark-theme) !important; --overlay-rgb: var(--color-accent-dark-theme-rgb) !important; } .bg-accent-light-theme { background-color: var(--color-accent-light-theme) !important; --background-color: var(--color-accent-light-theme) !important; --overlay-rgb: var(--color-accent-light-theme-rgb) !important; } /*!======================================================================== * 32. Text Colors * ======================================================================!*/ .color-accent { color: var(--color-accent) !important; } .color-accent-dark-theme { color: var(--color-accent-dark-theme) !important; } .color-accent-light-theme { color: var(--color-accent-light-theme) !important; } .color-light-theme { color: var(--paragraph-color-light-theme) !important; } .color-dark-theme { color: var(--paragraph-color-dark-theme) !important; } /*!======================================================================== * 33. Content * ======================================================================!*/ .content { --stroke-rotation: -5deg; --stroke-width: 110%; --stroke-height: 80%; --stroke-offset-top: 55%; --stroke-offset-left: 50%; --content-indent: 0%; } .content u { display: inline-block; position: relative; text-decoration: none; transition: color 0.6s ease; } .content u svg { position: absolute; top: var(--stroke-offset-top); left: var(--stroke-offset-left); width: var(--stroke-width); height: var(--stroke-height); transform: translate(-50%, -50%) rotate(var(--stroke-rotation, -5deg)); transform-origin: center center; stroke: currentColor; stroke-width: 1px; pointer-events: none; } .content u svg ellipse { stroke-dashoffset: 0; stroke-dasharray: none; } .content > *:first-child:not(.soc1al):not(.row) { margin-top: 0 !important; } .content > *:last-child:not(.soc1al):not(.row) { margin-bottom: 0 !important; } .post__content u { text-decoration: underline; } .split-text-animation-revealed u { color: var(--color-accent); } .content__indent { margin-left: var(--content-indent); } /*!======================================================================== * 34. Content Width * ======================================================================!*/ .content-width-1 { width: 100%; max-width: 600px; } .content-width-2 { width: 100%; max-width: 720px; } .content-width-3 { width: 100%; max-width: 960px; } /*!======================================================================== * 35. Counter Circle * ======================================================================!*/ .counter-circle { display: inline-flex; align-items: center; justify-content: center; width: calc(1 * 50 * 1px); height: calc(1 * 50 * 1px); border-radius: 100%; border: 1px solid var(--color-border-opacity); white-space: nowrap; } @media screen and (min-width: 360px) { .counter-circle { width: calc(1 * (50 * 1px + (80 - 50) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .counter-circle { width: calc(1 * 80 * 1px); } } @media screen and (min-width: 360px) { .counter-circle { height: calc(1 * (50 * 1px + (80 - 50) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .counter-circle { height: calc(1 * 80 * 1px); } } /*!======================================================================== * 36. Counter Up * ======================================================================!*/ .counter-up { display: inline-block; } .counter-up__prefix { font-size: 75%; } .counter-up__suffix { font-size: 75%; } .counter-up__number { line-height: 0.9 !important; white-space: nowrap; } .counter-up__label { line-height: 1 !important; } /*!======================================================================== * 37. Cursor * ======================================================================!*/ .cursor-none { cursor: none !important; } .cursor-none * { cursor: none !important; } .cursor-progress { cursor: progress !important; } .cursor-progress:not(.blocking-curtain) * { cursor: progress !important; } .pointer-events-none { pointer-events: none !important; } .pointer-events-none * { pointer-events: none !important; } .pointer-events-inner-none * { pointer-events: none !important; } .pointer-events-links-none a { pointer-events: none !important; } a.pointer-events-links-none { pointer-events: none !important; } .pointer-events-auto { pointer-events: auto; } /*!======================================================================== * 38. Cursor Follower * ======================================================================!*/ .arts-cursor { --cursor-color: var(--color-accent-light-theme); --cursor-color-dark-theme: var(--color-accent-dark-theme); --cursor-border-width: 1px; --cursor-background-color: transparent; --cursor-background-color-dark-theme: transparent; position: fixed; top: 0; left: 0; transform: scale(0); -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; z-index: 100001; color: var(--cursor-color, transparent); } .arts-cursor * { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .has-cursor-follower .arts-cursor.uses-css-vars { transform: translate(calc(var(--translateX, 0px) - 50%), calc(var(--translateY, 0px) - 50%)) rotate(var(--rotate, 0deg)) scale(var(--scaleX, 0), var(--scaleY, 0)); scale: var(--scaleX, 0), var(--scaleY, 0); } .has-cursor-follower .arts-cursor.uses-css-vars * { --translateX: initial; --translateY: initial; --rotate: initial; --scaleX: initial; --scaleY: initial; } .has-cursor-follower .arts-cursor.uses-css-vars .arts-cursor__follower { transform: scale(calc(var(--scale, 1) * var(--scale-pressed, 1))); } .has-cursor-follower .arts-cursor.uses-css-vars .arts-cursor__follower * { --scale: initial; --scale-pressed: initial; } .has-cursor-follower .arts-cursor.uses-css-vars .arts-cursor__wrapper { transform: rotate(var(--rotate, 0deg)); } .has-cursor-follower .arts-cursor.uses-css-vars .arts-cursor__wrapper * { --rotate: initial; } .arts-cursor__follower { position: relative; width: 60px; height: 60px; border-radius: 100%; box-shadow: inset 0 0 0 var(--cursor-border-width, 1px) currentColor; background-color: var(--cursor-background-color, transparent); } .arts-cursor__wrapper { position: relative; width: 100%; height: 100%; } .arts-cursor__arrow { position: absolute; margin: auto; font-size: 24px !important; width: 24px; height: 24px; opacity: 0; visibility: hidden; } .arts-cursor__arrow_left { top: 0; bottom: 0; left: 0; } .arts-cursor__arrow_right { top: 0; bottom: 0; right: 0; } .arts-cursor__arrow_up { top: 0; left: 0; right: 0; } .arts-cursor__arrow_down { bottom: 0; left: 0; right: 0; } .arts-cursor__wrapper-label, .arts-cursor__wrapper-icon, .arts-cursor__wrapper-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .arts-cursor__label { display: block; opacity: 0; visibility: hidden; white-space: nowrap; } .arts-cursor__icon { display: inline-block; opacity: 0; visibility: hidden; font-size: 28px !important; width: 28px; height: 28px; vertical-align: middle; } .arts-cursor__icon:before { margin: 0; vertical-align: top; } .arts-cursor-none { cursor: none !important; } .arts-cursor-none * { cursor: none !important; } .arts-cursor-progress { cursor: progress !important; } .arts-cursor-progress * { cursor: progress !important; } .arts-cursor__label { font-size: 14px; line-height: 1.2; font-weight: bold; letter-spacing: 0; } .arts-is-dragging { cursor: none !important; } .arts-is-dragging * { cursor: none !important; } .arts-is-dragging .arts-is-dragging__blocker { visibility: visible; opacity: 1; z-index: 100; } .arts-is-dragging__blocker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; transition-delay: 0.2s; } .arts-cursor__wrapper-loading { transform: translate(-50%, -50%) scale(0); width: 100%; height: 100%; } .arts-cursor__wrapper-loading svg { animation: rotate 2s linear infinite; transform-origin: center center; width: 100%; height: 100%; top: 0; left: 0; margin: auto; } .arts-cursor__wrapper-loading svg circle { stroke: currentColor; stroke-width: 2px; stroke-dasharray: 150, 200; stroke-dashoffset: -150; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } /*!======================================================================== * 39. Cursor Follower Themes * ======================================================================!*/ .arts-cursor[data-arts-color-theme=dark], #page-wrapper[data-arts-color-theme=dark] + .arts-cursor { --color-accent: var(--color-accent-dark-theme); --cursor-color: var(--cursor-color-dark-theme); --cursor-background-color: var(--cursor-background-color-dark-theme); } /*!======================================================================== * 40. Curtain * ======================================================================!*/ .curtain-svg { position: absolute; top: 0; left: 0; width: 1px; height: 1px; z-index: -1; pointer-events: none; } /*!======================================================================== * 41. Curtains Base * ======================================================================!*/ .canvas-wrapper { position: absolute; top: 50%; left: 50%; width: 100vw; height: 100%; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; } .has-curtains img, .has-curtains video { visibility: hidden; opacity: 0; } .no-curtains .canvas-wrapper { opacity: 0; visibility: hidden; } .canvas-wrapper ~ img, .canvas-wrapper ~ video { visibility: hidden; opacity: 0; } /*!======================================================================== * 42. Elementor Editor * ======================================================================!*/ .elementor-add-section#elementor-add-new-section { margin-top: calc(60px + var(--header-height, 0px)); } /*!======================================================================== * 43. Elementor Widgets * ======================================================================!*/ .elementor-widget-asli-widget-horizontal-scrolling, .elementor-widget-asli-widget-services, .elementor-widget-asli-widget-crossing-lanes, .elementor-widget-asli-widget-left-right, .elementor-widget-asli-widget-fixed-wall-images { width: 100%; } .elementor-button-icon svg { fill: currentColor; } /*!======================================================================== * 44. Hover Zoom * ======================================================================!*/ .hover-zoom.shape-top-arc .hover-zoom__zoom, .hover-zoom.shape-top-arc .hover-zoom__inner, .hover-zoom.shape-top-arc .lazy.hover-zoom__zoom, .hover-zoom.shape-top-arc .lazy.hover-zoom__inner { transform-origin: center bottom; } .hover-zoom.shape-bottom-arc .hover-zoom__zoom, .hover-zoom.shape-bottom-arc .hover-zoom__inner, .hover-zoom.shape-bottom-arc .lazy.hover-zoom__zoom, .hover-zoom.shape-bottom-arc .lazy.hover-zoom__inner { transform-origin: center top; } .hover-zoom:hover:not(:focus) .hover-zoom__zoom { transform: scale(0.98); } .hover-zoom:hover:not(:focus) .hover-zoom__inner { transform: scale(1.02); } .hover-zoom:hover:not(:focus) .hover-zoom__overlay { opacity: 0; } .hover-zoom-hovered .hover-zoom__zoom { transform: scale(0.98); } .hover-zoom-hovered .hover-zoom__inner { transform: scale(1.02); } .hover-zoom-hovered .hover-zoom__overlay { opacity: 0; } .hover-zoom__inner { overflow: hidden; height: 100%; width: 100%; } .hover-zoom__zoom, .hover-zoom__inner, .lazy.hover-zoom__zoom, .lazy.hover-zoom__inner { transform-origin: center center; transform: scale(1); transition: transform 0.4s ease-in-out; } /*!======================================================================== * 45. Filter * ======================================================================!*/ .filter { position: relative; white-space: nowrap; } .filter__inner { margin-top: -0.5em; margin-bottom: -0.5em; margin-left: -0.25em; margin-right: -0.25em; position: relative; } .filter__item { position: relative; padding-top: 0.5em; padding-bottom: 0.5em; cursor: pointer; transition: color 0.3s ease; } .filter__item:not(.filter__item_active):hover { color: var(--color-accent); } .filter__item-inner { display: inline-block; padding: 0.5em; position: relative; } .filter__item-inner svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2em); height: calc(100% + 1em); stroke: currentColor; stroke-width: 1px; pointer-events: none; } .filter__item_active { pointer-events: none; } .filter__item-label { display: inline-block; } @media screen and (max-width: 991px) { .filter .filter__item:first-child { padding-top: 0; } .filter .filter__item:last-child { padding-bottom: 0; } } /*!======================================================================== * 46. Footer * ======================================================================!*/ .footer__column-pt-small { padding-top: calc(1 * 20 * 1px); } @media screen and (min-width: 360px) { .footer__column-pt-small { padding-top: calc(1 * (20 * 1px + (30 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .footer__column-pt-small { padding-top: calc(1 * 30 * 1px); } } .footer__column-pt-medium { padding-top: calc(1 * 30 * 1px); } @media screen and (min-width: 360px) { .footer__column-pt-medium { padding-top: calc(1 * (30 * 1px + (50 - 30) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .footer__column-pt-medium { padding-top: calc(1 * 50 * 1px); } } .footer__row-pb-small { padding-bottom: calc(1 * 20 * 1px); } @media screen and (min-width: 360px) { .footer__row-pb-small { padding-bottom: calc(1 * (20 * 1px + (30 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .footer__row-pb-small { padding-bottom: calc(1 * 30 * 1px); } } .footer__row-pb-medium { padding-bottom: calc(1 * 30 * 1px); } @media screen and (min-width: 360px) { .footer__row-pb-medium { padding-bottom: calc(1 * (30 * 1px + (50 - 30) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .footer__row-pb-medium { padding-bottom: calc(1 * 50 * 1px); } } /*!======================================================================== * 47. Form * ======================================================================!*/ .form { width: 100%; } .form__submit { margin-top: 1.5em; } .form__col { margin-top: 0.5em; margin-bottom: 0.5em; } .form__col_submit { margin-top: 1.5em; margin-bottom: 0; } .form__heading { margin-top: 0; margin-bottom: 1em; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: red; padding: 15px; margin: 1.5em 0 0; display: none !important; } .post-password-form-message { margin-top: 0; line-height: 1; } .post-password-form-error { border: 1px solid var(--form-primary-color); border-radius: 4px; padding: 1em; margin-top: 2em; } .post-password-form-wrapper_elementor { max-width: 600px; margin-left: auto; margin-right: auto; margin-top: max(var(--header-height, 0px) + 3em, 3em); margin-bottom: min(var(--header-height, 0px) + 3em, 3em); padding: 3em; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.04); border-radius: 4px; } .post-password-form-message-icon { vertical-align: middle; padding-bottom: 0.25em; margin-right: 0.1em; } .wpcf7-form, form, .post-password-form-wrapper { --form-primary-color: #333333; --form-secondary-color: #000000; --form-accent-color: #656453; color: var(--form-primary-color); } .wpcf7-form button[type=submit], form button[type=submit], .post-password-form-wrapper button[type=submit] { color: var(--form-secondary-color); border-color: var(--form-secondary-color); background: transparent; } .wpcf7-form button[type=submit]:hover, .wpcf7-form button[type=submit]:focus, form button[type=submit]:hover, form button[type=submit]:focus, .post-password-form-wrapper button[type=submit]:hover, .post-password-form-wrapper button[type=submit]:focus { color: var(--form-accent-color); border-color: var(--form-accent-color); } .wpcf7-form a, form a, .post-password-form-wrapper a { color: var(--form-secondary-color); } .wpcf7-form a:hover, .wpcf7-form a:focus, form a:hover, form a:focus, .post-password-form-wrapper a:hover, .post-password-form-wrapper a:focus { color: var(--form-accent-color); } @media only screen and (max-width: 992px) { .form__col_submit { text-align: left; } } /*!======================================================================== * 48. Grid * ======================================================================!*/ .grid { --grid-spacing-x: calc(1 * var(--grid-spacing-x-mobile) * 1px); --grid-spacing-y: calc(1 * var(--grid-spacing-y-mobile) * 1px); } @media screen and (min-width: 360px) { .grid { --grid-spacing-x: calc(1 * (var(--grid-spacing-x-mobile) * 1px + (var(--grid-spacing-x-desktop) - var(--grid-spacing-x-mobile)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .grid { --grid-spacing-x: calc(1 * var(--grid-spacing-x-desktop) * 1px); } } @media screen and (min-width: 360px) { .grid { --grid-spacing-y: calc(1 * (var(--grid-spacing-y-mobile) * 1px + (var(--grid-spacing-y-desktop) - var(--grid-spacing-y-mobile)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .grid { --grid-spacing-y: calc(1 * var(--grid-spacing-y-desktop) * 1px); } } .row.grid__row { --bs-gutter-x: var(--grid-spacing-x); --bs-gutter-y: var(--grid-spacing-y); } .grid__border { --color-borders: transparent; border-top: 1px solid var(--color-borders); } .grid__border-item { margin-top: var(--bs-gutter-y); border-top: 1px solid var(--color-borders); } /*!======================================================================== * 49. Google Map * ======================================================================!*/ .google-map { width: 100%; height: 100%; } .google-map__container { width: 100%; height: 100%; } .google-map-no-key { background-color: rgba(128, 128, 128, 0.2); padding-left: 20px; padding-right: 20px; } /*!======================================================================== * 50. Height * ======================================================================!*/ .h-200 { max-height: 100vh; height: 200px; } .h-300 { max-height: 100vh; height: 300px; } .h-400 { max-height: 100vh; height: 400px; } .h-500 { max-height: 100vh; height: 500px; } .h-600 { max-height: 100vh; height: 600px; } .h-700 { max-height: 100vh; height: 700px; } .h-800 { max-height: 100vh; height: 800px; } .h-900 { max-height: 100vh; height: 900px; } .h-1000 { max-height: 100vh; height: 1000px; } @media screen and (min-width: 992px) { .h-lg-100 { height: 100% !important; } .h-lg-75 { height: 75% !important; } .h-lg-50 { height: 50% !important; } } /*!======================================================================== * 51. Object Fit * ======================================================================!*/ .of-cover, .elementor img.of-cover { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .of-contain, .elementor img.of-contain { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .full-height { position: relative !important; display: inline-block !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 100% !important; max-width: unset !important; } .hs-full-height, .elementor img.hs-full-height { width: 100%; height: auto; } .auto-width-height, .elementor img.auto-width-height { width: auto; height: auto; max-height: 100%; max-width: 100%; min-width: 1px; min-height: 1px; } .full-width { width: 100% !important; height: auto !important; } .of-cover-absolute, .elementor img.of-cover-absolute { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } /*!======================================================================== * 52. Overflow * ======================================================================!*/ .overflow-hidden { overflow: hidden; clip-path: inset(0px); } /*!======================================================================== * 53. Overlay * ======================================================================!*/ .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .overlay_dark { --overlay-rgb: 0, 0, 0; } .overlay_light { --overlay-rgb: 255, 255, 255; } /*!======================================================================== * 54. Visibility * ======================================================================!*/ .hidden { opacity: 0; visibility: hidden; } /*!======================================================================== * 55. Width * ======================================================================!*/ .w-30 { width: 30% !important; } .w-33 { width: 33% !important; } .w-40 { width: 40% !important; } @media screen and (min-width: 992px) { .w-lg-25 { width: 25% !important; } .w-lg-30 { width: 30% !important; } .w-lg-33 { width: 33% !important; } .w-lg-40 { width: 40% !important; } .w-lg-50 { width: 50% !important; } .w-lg-66 { width: 66% !important; } } /*!======================================================================== * 56. Z Index * ======================================================================!*/ .z-100 { z-index: 100 !important; } .z-50 { z-index: 50 !important; } /*!======================================================================== * 57. Header * ======================================================================!*/ .header { position: static; --header-min-gutters-horizontal: 20; --header-max-gutters-horizontal: 40; --header-min-gutters-vertical: 10; --header-max-gutters-vertical: 30; } .header a, .header select, .header input, .header .wpml-elementor-ls, .header .wpml-elementor-ls *, .header .mini-cart__content, .header .mini-cart__content *, .header .widget_shopping_cart { pointer-events: initial; } .header.customize-partial-refreshing { position: relative; z-index: 500; } .header__border-horizontal { transform-origin: left center; transition: all 0.3s ease; } .header__border-vertical { transform-origin: top center; transition: all 0.3s ease; } .header__label { position: relative; white-space: nowrap; transition: transform 0.3s ease; } .header__label-hover { position: absolute; top: 0; left: 0; transform: translateY(100%); opacity: 0; transition: all 0.3s ease; color: currentColor; } .header__label-normal { position: relative; transform: translateY(0%); transition: all 0.3s ease; } .header__label-static { position: relative; transition: all 0.3s ease; } /*!======================================================================== * 58. Header Arrow Back * ======================================================================!*/ .header__arrow-back { position: relative; width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: space-between; } .header__arrow-back-line { position: relative; width: 32px; height: 2px; margin-top: 1px; margin-bottom: 1px; margin-left: auto; margin-right: auto; overflow: hidden; clip-path: inset(0px); } .header__arrow-back-line:nth-of-type(1) { width: 20px; transform: rotate(-40deg) translate(-18px, 9px); transform-origin: left center; } .header__arrow-back-line:nth-of-type(1):before, .header__arrow-back-line:nth-of-type(1):after { transition-delay: 50ms; } .header__arrow-back-line:nth-of-type(2) { margin-top: auto; margin-bottom: auto; } .header__arrow-back-line:nth-of-type(2):before, .header__arrow-back-line:nth-of-type(2):after { transition-delay: 0ms; } .header__arrow-back-line:nth-of-type(3) { width: 20px; transform: rotate(40deg) translate(-18px, -9px); transform-origin: left center; } .header__arrow-back-line:nth-of-type(3):before, .header__arrow-back-line:nth-of-type(3):after { transition-delay: 50ms; } .header__arrow-back-line:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(0%); background-color: currentColor; transition: all 0.3s ease; } .header__arrow-back-line:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - 4px)); background-color: currentColor; transition: all 0.5s ease; } /*!======================================================================== * 59. Header Bar * ======================================================================!*/ .header__bar, .header__bar.e-con, .header__bar.elementor-element.e-con { display: flex; z-index: 500; pointer-events: none; transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease, top 0.3s ease; } .header__bar_absolute { position: absolute; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; } .header__bar_fixed { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; } .header__bar_relative { position: relative !important; } .header__bar { box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0); --color-border-bottom: transparent; } .header__bar * { --translateY: initial; } .header__bar::after { content: ""; position: absolute; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: var(--color-border-bottom); } .header__bar_sticky:not(.header__bar_scrolling-down):not(.ajax-loading .header__bar_sticky) { --color-border-bottom: transparent; box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.04); } .header__bar_sticky:not(.header__bar_scrolling-down):not(.ajax-loading .header__bar_sticky) .header__border-container { background-color: transparent; } .header__bar_scrolling-down, .ajax-loading .header__bar_sticky { background-color: transparent !important; } .header.animating .header__bar_sticky, .header.opened .header__bar_sticky, .ajax-loading .header .header__bar_sticky { transform: none !important; } .header__bar_sticky, .header__bar_sticky.e-con, .header__bar_sticky.elementor-element.e-con { translate: none; rotate: none; scale: none; transform: translateY(var(--translateY, 0px)); transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; } .header__bar_locked-reveal, .header__bar_locked-reveal.e-con, .header__bar_locked-reveal.elementor-element.e-con { transform: translateY(var(--translateY, 0px)) !important; transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; } @media screen and (max-width: 600px) { .admin-bar .header__bar_sticky { top: 0; transform: translateY(var(--translateY, 0px)); } .admin-bar .header__bar_scrolling-down { top: 0; transform: translateY(calc(var(--translateY, 0px) + var(--wp-admin--admin-bar--height, 0px))); } } /*!======================================================================== * 60. Header Burger * ======================================================================!*/ .header:not(.opened) .header__label-burger_closed-hover, .header:not(.opened) .header__label-burger_opened-open, .header:not(.opened) .header__label-burger_opened-hover { transform: translateY(100%); opacity: 0; } .header:not(.opened) .header__burger:hover .header__label-burger_closed-open { transform: translateY(-100%); opacity: 0; } .header:not(.opened) .header__burger:hover .header__label-burger_closed-hover { transform: translateY(0%); opacity: 1; } .header.opened .header__label-burger_closed-open, .header.opened .header__label-burger_closed-hover, .header.opened .header__label-burger_opened-hover { transform: translateY(100%); opacity: 0; } .header.opened .header__burger:hover .header__label-burger_opened-open { transform: translateY(-100%); opacity: 0; } .header.opened .header__burger:hover .header__label-burger_opened-hover { transform: translateY(0%); opacity: 1; } .header__burger-wrapper-lines, .pswp-custom-button__close-wrapper-lines { position: relative; display: flex; height: 40px; flex-direction: column; justify-content: center; } .header__burger { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; cursor: pointer; pointer-events: initial; z-index: 500; background: none; outline: none; } .header__burger:hover .header__burger-line:before, .header__burger:hover .pswp-custom-button__close-line:before { transform: translateX(100%); } .header__burger:hover .header__burger-line:after, .header__burger:hover .pswp-custom-button__close-line:after { transform: translateX(0%); } .header__burger-label, .pswp-custom-button__label { display: inline-block; line-height: 1; position: relative; text-align: right; transition: transform 0.3s ease; color: currentColor; } .header__burger-label_before-icon { order: 0; margin-right: 1rem; } .header__burger-label_after-icon { order: 2; margin-left: 1rem; } .header__label-burger_inner { position: absolute; top: 0; right: 0; transition: all 0.3s ease; } .header__label-burger_closed-open { position: relative; } .header__burger-line, .pswp-custom-button__close-line { position: relative; width: calc(1 * 30 * 1px); height: 2px; margin-top: 2px; margin-bottom: 2px; margin-left: auto; margin-right: auto; overflow: hidden; transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media screen and (min-width: 360px) { .header__burger-line, .pswp-custom-button__close-line { width: calc(1 * (30 * 1px + (40 - 30) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .header__burger-line, .pswp-custom-button__close-line { width: calc(1 * 40 * 1px); } } .header__burger-line:nth-of-type(1):before, .pswp-custom-button__close-line:nth-of-type(1):before, .header__burger-line:nth-of-type(1):after, .pswp-custom-button__close-line:nth-of-type(1):after { transition-delay: 0ms; } .header__burger-line:nth-of-type(2):before, .pswp-custom-button__close-line:nth-of-type(2):before, .header__burger-line:nth-of-type(2):after, .pswp-custom-button__close-line:nth-of-type(2):after { transition-delay: 50ms; } .header__burger-line:nth-of-type(3):before, .pswp-custom-button__close-line:nth-of-type(3):before, .header__burger-line:nth-of-type(3):after, .pswp-custom-button__close-line:nth-of-type(3):after { transition-delay: 100ms; } .header__burger-line:first-of-type, .pswp-custom-button__close-line:first-of-type { margin-top: auto; margin-bottom: 2px; } .header__burger-line:last-of-type, .pswp-custom-button__close-line:last-of-type { margin-top: 2px; margin-bottom: auto; } .header__burger-line:before, .pswp-custom-button__close-line:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(0%); background-color: currentColor; transition: transform 0.2s ease; } .header__burger-line:after, .pswp-custom-button__close-line:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - 4px)); background-color: currentColor; transition: transform 0.4s ease; } .header__burger_opened .header__burger-line:nth-of-type(1), .header__burger_opened .pswp-custom-button__close-line:nth-of-type(1), .header__burger_opened:hover .header__burger-line:nth-of-type(1) { transform: scaleX(1) rotate(45deg) translate(2px, 2px); } .header__burger_opened .header__burger-line:nth-of-type(2), .header__burger_opened .pswp-custom-button__close-line:nth-of-type(2), .header__burger_opened:hover .header__burger-line:nth-of-type(2) { transform: scaleX(1) rotate(-45deg) translate(2px, -2px); } .header__burger_opened .header__burger-line:nth-of-type(3), .header__burger_opened .pswp-custom-button__close-line:nth-of-type(3), .header__burger_opened:hover .header__burger-line:nth-of-type(3) { transform-origin: right center; transform: scaleX(0); } .header__burger_opened .header__label-burger_closed-open, .header__burger_opened .header__label-burger_closed-hover { transform: translateY(-100%) !important; opacity: 0 !important; } /*!======================================================================== * 61. Header Button Back * ======================================================================!*/ .header__overlay-menu-back { display: inline-flex; align-items: center; justify-content: center; position: absolute !important; top: var(--wp-admin--admin-bar--height, 0px); left: 0; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: auto; z-index: 500; transform: translateY(-30px); transition: all 0.3s ease; min-height: var(--header-height, 0px); } .header__overlay-menu-back:hover .header__arrow-back-line:before { transform: translateX(100%); } .header__overlay-menu-back:hover .header__arrow-back-line:after { transform: translateX(0%); } .header__overlay-menu-back:hover .header__label_opened-back { transform: translateY(-100%); opacity: 0; } .header__overlay-menu-back:hover .header__label_opened-hover { transform: translateY(0%); opacity: 1; } .has-cursor-follower .header__overlay-menu-back[data-arts-cursor-follower-target]:hover .header__label { transform: translateX(20px); } .header__label_opened-hover { position: absolute; top: 0; left: 0; transform: translateY(100%); opacity: 0; transition: all 0.3s ease; color: currentColor; } .header__label_opened-back { position: relative; transform: translateY(0%); transition: all 0.3s ease; } .header__label_opened-static { position: relative; transition: all 0.3s ease; } /*!======================================================================== * 62. Header Columns * ======================================================================!*/ .header__col { position: relative; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 500; } .header__col:hover { border-color: transparent; } .header__col:hover .header__label-normal { transform: translateY(-100%); opacity: 0; } .header__col:hover .header__label-hover { transform: translateY(0%); opacity: 1; } .header__col_fluid-paddings, .header-element-fluid-paddings { padding-left: calc(1 * var(--header-min-gutters-horizontal) * 1px); padding-right: calc(1 * var(--header-min-gutters-horizontal) * 1px); padding-top: calc(1 * var(--header-min-gutters-vertical) * 1px); padding-bottom: calc(1 * var(--header-min-gutters-vertical) * 1px); } @media screen and (min-width: 360px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-left: calc(1 * (var(--header-min-gutters-horizontal) * 1px + (var(--header-max-gutters-horizontal) - var(--header-min-gutters-horizontal)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-left: calc(1 * var(--header-max-gutters-horizontal) * 1px); } } @media screen and (min-width: 360px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-right: calc(1 * (var(--header-min-gutters-horizontal) * 1px + (var(--header-max-gutters-horizontal) - var(--header-min-gutters-horizontal)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-right: calc(1 * var(--header-max-gutters-horizontal) * 1px); } } @media screen and (min-width: 360px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-top: calc(1 * (var(--header-min-gutters-vertical) * 1px + (var(--header-max-gutters-vertical) - var(--header-min-gutters-vertical)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-top: calc(1 * var(--header-max-gutters-vertical) * 1px); } } @media screen and (min-width: 360px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-bottom: calc(1 * (var(--header-min-gutters-vertical) * 1px + (var(--header-max-gutters-vertical) - var(--header-min-gutters-vertical)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .header__col_fluid-paddings, .header-element-fluid-paddings { padding-bottom: calc(1 * var(--header-max-gutters-vertical) * 1px); } } .header-element-fluid-paddings { height: 100%; } .has-cursor-follower .header__col_left[data-arts-cursor-follower-target]:hover .header__label, .has-cursor-follower .header__col_label-after-icon[data-arts-cursor-follower-target]:hover .header__label { transform: translateX(1rem); } .has-cursor-follower .header__col_right[data-arts-cursor-follower-target]:hover .header__label, .has-cursor-follower .header__col_center[data-arts-cursor-follower-target]:hover .header__label, .has-cursor-follower .header__col_label-before-icon[data-arts-cursor-follower-target]:hover .header__label { transform: translateX(-1rem); } .header__col-overlay, .header__col-widgets { position: relative; height: 100%; overflow: hidden; } .header__col-overlay { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .header__col-overlay.text-start { padding-right: var(--gutter-horizontal); padding-left: calc(var(--gutter-horizontal) / 2); } .header__col-overlay.text-center { padding-left: calc(var(--gutter-horizontal) / 2); padding-right: calc(var(--gutter-horizontal) / 2); } .header__col-overlay.text-end { padding-left: var(--gutter-horizontal); padding-right: calc(var(--gutter-horizontal) / 2); } .header__col-widgets { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-left: calc(var(--gutter-horizontal) / 2); padding-right: var(--gutter-horizontal); padding-bottom: calc(var(--gutter-vertical)); } .header__col-widgets.text-start { padding-left: calc(var(--gutter-horizontal) / 2); padding-right: var(--gutter-horizontal); } .header__col-widgets.text-center { padding-left: calc(var(--gutter-horizontal) / 2); padding-right: calc(var(--gutter-horizontal) / 2); } .header__col-widgets.text-end { padding-right: calc(var(--gutter-horizontal) / 2); padding-left: var(--gutter-horizontal); } .header__col-widgets.order-lg-1 { border-right: 1px solid var(--color-borders); } .header__col-widgets.order-lg-3 { border-left: 1px solid var(--color-borders); } .header__col_left { text-align: left; } .header__col_center { text-align: center; } .header__col_right { text-align: right; } @media screen and (max-width: 991px) { .header__col-overlay, .header__col-widgets { justify-content: flex-start; padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); height: auto; } .header__col-overlay.text-start, .header__col-overlay.text-end, .header__col-widgets.text-start, .header__col-widgets.text-end { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .header__col-overlay { padding-top: calc(var(--gutter-vertical) + var(--header-height, 0px)); padding-bottom: calc(var(--gutter-vertical) * 2); } .header__col-widgets { padding-top: calc(var(--gutter-vertical) * 2); padding-bottom: calc(var(--gutter-vertical) * 2 + 100vh - var(--client-height, 0px) * 1px); border-left: none; border-right: none; border-top: 1px solid var(--color-borders); } .header__col-widgets.order-lg-1, .header__col-widgets.order-lg-3 { border-left: none; border-right: none; } .header__col_md-border-left { border-left: none; } .header__col_md-border-right { border-right: none; } } /*!======================================================================== * 63. Header Height * ======================================================================!*/ .pt-header-height { padding-top: var(--header-height, 0px); } .pb-header-height { padding-bottom: var(--header-height, 0px); } .py-header-height { padding-top: var(--header-height, 0px); padding-bottom: var(--header-height, 0px); } .header-height { height: var(--header-height, 0px); } .mt-header-height { margin-top: var(--header-height, 0px); } .mb-header-height { margin-bottom: var(--header-height, 0px); } .my-header-height { margin-top: var(--header-height, 0px); margin-bottom: var(--header-height, 0px); } .vh-100-header-height { height: calc(100vh - var(--header-height, 0px)); } @media screen and (min-width: 992px) { .pt-lg-header-height { padding-top: var(--header-height, 0px); } .pt-lg-header-height.py-gutters { padding-top: calc(var(--gutter-vertical, 0px) + var(--header-height, 0px)); } } /*!======================================================================== * 64. Header Layouts * ======================================================================!*/ .header_classic-menu-right .menu-classic .sub-menu, .header_classic-logo-left-menu-right .menu-classic .sub-menu { left: auto; right: 1em; } .header_classic-menu-right .menu-classic .sub-menu ul, .header_classic-logo-left-menu-right .menu-classic .sub-menu ul { left: auto; right: calc(100% + 1px); } /*!======================================================================== * 65. Header Logo * ======================================================================!*/ [data-arts-header-logo=primary] .logo__img-primary { opacity: 1; visibility: visible; } [data-arts-header-logo=primary] .logo__img-secondary { opacity: 0; visibility: hidden; } [data-arts-header-logo=secondary] .logo__img-primary { opacity: 0; visibility: hidden; } [data-arts-header-logo=secondary] .logo__img-secondary { opacity: 1; visibility: visible; } /*!======================================================================== * 66. Header Overlay * ======================================================================!*/ .header.opened .header__col { border-color: transparent; } .header.opened .header__col_logo, .header.opened .header__col_additional { transform: translateY(-30px); opacity: 0; visibility: hidden; } .header.opened .header__wrapper-overlay-menu { pointer-events: auto; } .header.opened .header__border-horizontal { transform: scaleX(0); } .header.opened .header__border-vertical { transform: scaleY(0); } .header.opened.opened-submenu .header__overlay-menu-back, .header.opened.opened-submenu .header__overlay-submenu-status { pointer-events: initial; transform: translateY(0); opacity: 1; visibility: visible; } .header.opened.opened-submenu .menu-overlay__counter { border-color: transparent; } .header.animating .header__wrapper-overlay-menu *:not(.header__overlay-menu-back) { pointer-events: none !important; } .header.animating .menu-overlay__counter { border-color: transparent; } .header:not(.opened) .header__wrapper-overlay-menu { pointer-events: none !important; } .header:not(.opened) .header__wrapper-overlay-menu * { pointer-events: none !important; } .header__wrapper-overlay-menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100%; min-height: 100vh; overflow: hidden; opacity: 0; visibility: hidden; } .header_hidden-not-opened:not(.opened) { opacity: 0; visibility: hidden; } .header__wrapper-overlay-menu:not(.header .header__wrapper-overlay-menu) { display: none; } .header__overlay-inner { display: flex; justify-content: center; overflow: hidden; width: 100%; height: 100%; } @media screen and (max-width: 991px) { .header__overlay-inner { flex-wrap: wrap; } .header:not(.opened-submenu) .header__overlay-inner { overflow-x: hidden; overflow-y: overlay; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } } /*!======================================================================== * 67. Header Submenu Status * ======================================================================!*/ .header__overlay-submenu-status { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: var(--wp-admin--admin-bar--height, 0px); right: 0; opacity: 0; visibility: hidden; padding-right: calc(var(--gutter-horizontal) / 2); pointer-events: none !important; z-index: 500; transform: translateY(-30px); transition: all 0.3s ease; } .header__submenu-label { display: inline-block; line-height: 1; height: 40px; text-align: right; transition: transform 0.3s ease; } .header__label_opened-next { position: absolute; top: calc(50% - 8px); transform: translate(-50%, 100%); right: 0; opacity: 0; color: currentColor; } .header__label_opened-current { position: absolute; top: calc(50% - 8px); transform: translate(-50%, -50%); right: 0; opacity: 1; } @media screen and (max-width: 991px) { .header__overlay-submenu-status { left: 0; right: 0; text-align: center; padding-right: var(--gutter-horizontal); } } @media screen and (max-width: 767px) { .header__overlay-submenu-status { display: none; top: auto; bottom: 0; } } /*!======================================================================== * 68. Header Widgets * ======================================================================!*/ .header__widget { margin-top: 1em; margin-bottom: 1em; width: 100%; } .header__widget:last-child { margin-bottom: 0; } .header__widget > *:first-child { margin-top: 0; } .header__widget > *:last-child { margin-bottom: 0; } .header__widget-title { margin-bottom: 0.5em; } .header__widget-content { line-height: 1.8; } /*!======================================================================== * 69. Icon Box * ======================================================================!*/ .icon-box { display: inline-flex; align-items: center; flex-direction: column; --icon-min-size: 30; --icon-max-size: 40; --icon-container-min-size: 120; --icon-container-max-size: 160; } .icon-box:hover .icon-box__wrapper-icon { border-color: var(--color-borders); } .icon-box * { pointer-events: none; } .has-cursor-follower .icon-box[data-arts-cursor-follower-target*=magnetic]:hover { --color-borders: transparent !important; } .has-cursor-follower .icon-box[data-arts-cursor-follower-target*=magnetic]:hover .icon-box__wrapper-icon { border-color: var(--color-borders); } .icon-box__wrapper-icon { display: inline-flex; align-items: center; justify-content: center; width: calc(1 * var(--icon-container-min-size) * 1px); height: calc(1 * var(--icon-container-min-size) * 1px); border: 1px solid var(--color-borders); transition: border-color 0.3s ease; } @media screen and (min-width: 360px) { .icon-box__wrapper-icon { width: calc(1 * (var(--icon-container-min-size) * 1px + (var(--icon-container-max-size) - var(--icon-container-min-size)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .icon-box__wrapper-icon { width: calc(1 * var(--icon-container-max-size) * 1px); } } @media screen and (min-width: 360px) { .icon-box__wrapper-icon { height: calc(1 * (var(--icon-container-min-size) * 1px + (var(--icon-container-max-size) - var(--icon-container-min-size)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .icon-box__wrapper-icon { height: calc(1 * var(--icon-container-max-size) * 1px); } } .icon-box__wrapper-icon svg { fill: var(--icon-color-fill); stroke: var(--icon-color-stroke); max-width: 100%; max-height: 100%; } .icon-box__wrapper-icon .icon-box__icon { font-size: calc(var(--icon-min-size) * 1px); } @media screen and (min-width: 360px) { .icon-box__wrapper-icon .icon-box__icon { font-size: calc(var(--icon-min-size) * 1px + (var(--icon-max-size) - var(--icon-min-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .icon-box__wrapper-icon .icon-box__icon { font-size: calc(var(--icon-max-size) * 1px); } } .icon-box__inner-icon { width: calc(1 * var(--icon-min-size) * 1px); height: calc(1 * var(--icon-min-size) * 1px); } @media screen and (min-width: 360px) { .icon-box__inner-icon { width: calc(1 * (var(--icon-min-size) * 1px + (var(--icon-max-size) - var(--icon-min-size)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .icon-box__inner-icon { width: calc(1 * var(--icon-max-size) * 1px); } } @media screen and (min-width: 360px) { .icon-box__inner-icon { height: calc(1 * (var(--icon-min-size) * 1px + (var(--icon-max-size) - var(--icon-min-size)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .icon-box__inner-icon { height: calc(1 * var(--icon-max-size) * 1px); } } /*!======================================================================== * 70. Horizontal Scroll * ======================================================================!*/ .horizontal-scroll { display: flex; } .horizontal-scroll.has-horizontal-scroll { overflow: hidden; } .horizontal-scroll.has-horizontal-scroll .js-horizontal-scroll__wrapper .js-horizontal-scroll__section { transform: translate(var(--translateX), var(--translateY)); } .horizontal-scroll.has-horizontal-scroll .js-horizontal-scroll__wrapper .js-horizontal-scroll__section * { --translateX: initial; --translateY: initial; } .horizontal-scroll.has-horizontal-scroll .horizontal-scroll__wrapper { flex-wrap: nowrap; height: 100vh; width: 100%; } .horizontal-scroll.has-horizontal-scroll .horizontal-scroll__section { display: flex; flex-direction: column; justify-content: center; height: 100%; } .horizontal-scroll.has-horizontal-scroll .horizontal-scroll__section_limited-max-width { --offset-vertical: 0px; --offset-horizontal: 0px; max-width: calc(var(--media-width) / var(--media-height) * (100vh - var(--offset-horizontal)) + var(--offset-horizontal)); } .horizontal-scroll.has-horizontal-scroll .horizontal-scroll__section_limited-max-width.p-gutters-vertical { --offset-horizontal: calc(var(--gutter-vertical, 0px) * 2); --offset-vertical: calc(var(--gutter-vertical, 0px) * 2); } .horizontal-scroll.has-horizontal-scroll .horizontal-scroll__divider { display: none; } .horizontal-scroll__bordered { box-shadow: 0px 0 0 0 var(--color-borders), 0 0 0 0 var(--color-borders), 1px 1px 0 0 var(--color-borders), 0px 0 0 0 var(--color-borders) inset, 0 0 0 0 var(--color-borders) inset; } .horizontal-scroll__wrapper { position: relative; display: flex; width: 100%; } .horizontal-scroll__section { position: relative; } .horizontal-scroll__header { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; height: 100%; } .horizontal-scroll__divider { width: 100%; display: block; } /*!======================================================================== * 71. Horizontal Scroll Layout * ======================================================================!*/ .no-horizontal-scroll .no-hs-flex-nowrap { flex-wrap: nowrap !important; } .no-horizontal-scroll .no-hs-flex-wrap { flex-wrap: wrap !important; } .no-horizontal-scroll .no-hs-flex-column { flex-direction: column !important; } .no-horizontal-scroll .no-hs-w-100 { width: 100% !important; } .no-horizontal-scroll .no-hs-h-100 { height: 100% !important; } .no-horizontal-scroll .no-hs-h-50 { height: 50% !important; } .no-horizontal-scroll .no-hs-h-33 { height: 33.3333% !important; } .no-horizontal-scroll .no-hs-h-25 { height: 25% !important; } .no-horizontal-scroll img.no-hs-of-cover { -o-object-fit: cover !important; object-fit: cover !important; } .no-horizontal-scroll img.no-hs-of-cover-contain { -o-object-fit: contain !important; object-fit: contain !important; } .no-horizontal-scroll img.no-hs-of-cover-contain.of-cover-absolute { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: auto; max-width: 100%; max-height: unset; } .no-horizontal-scroll .no-hs-text-start { text-align: left !important; } .no-horizontal-scroll .no-hs-text-center { text-align: center !important; } .no-horizontal-scroll .no-hs-text-end { text-align: right !important; } .no-horizontal-scroll .no-hs-align-items-center { align-items: center !important; } .no-horizontal-scroll .no-hs-d-block { display: block !important; } .no-horizontal-scroll .no-hs-d-flex { display: flex !important; } .no-horizontal-scroll .no-hs-d-inline-flex { display: inline-flex !important; } .no-horizontal-scroll .no-hs-d-none { display: none !important; } .no-horizontal-scroll .no-hs-pt-header-height { padding-top: var(--header-height, 0px); } .no-horizontal-scroll .no-hs-pb-header-height { padding-bottom: var(--header-height, 0px); } .no-horizontal-scroll .no-hs-py-header-height { padding-top: var(--header-height, 0px); padding-bottom: var(--header-height, 0px); } .no-horizontal-scroll .no-hs-header-height { height: var(--header-height, 0px); } .no-horizontal-scroll .no-hs-mt-0 { margin-top: 0 !important; } .no-horizontal-scroll .no-hs-mb-0 { margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-me-0 { margin-right: 0 !important; } .no-horizontal-scroll .no-hs-ms-0 { margin-left: 0 !important; } .no-horizontal-scroll .no-hs-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .no-horizontal-scroll .no-hs-m-0 { margin: 0 !important; } .no-horizontal-scroll .no-hs-pt-0 { padding-top: 0 !important; } .no-horizontal-scroll .no-hs-pb-0 { padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-pe-0 { padding-right: 0 !important; } .no-horizontal-scroll .no-hs-ps-0 { padding-left: 0 !important; } .no-horizontal-scroll .no-hs-py-0 { paddipg-top: 0 !important; padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .no-horizontal-scroll .no-hs-p-0 { padding: 0 !important; } @media screen and (min-width: 992px) { .no-horizontal-scroll .no-hs-pb-lg-0 { padding-bottom: 0 !important; } } @media screen and (max-width: 1024px) { .no-horizontal-scroll .no-hs-max-lg-pt-0 { padding-top: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-pb-0 { padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-p-0 { padding: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-mt-0 { margin-top: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-mb-0 { margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-lg-m-0 { margin: 0 !important; } } @media screen and (max-width: 767px) { .no-horizontal-scroll .no-hs-max-sm-pt-0 { padding-top: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-pb-0 { padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-px-0 { padding-left: 0 !important; padding-right: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-mt-0 { margin-top: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-mb-0 { margin-bottom: 0 !important; } .no-horizontal-scroll .no-hs-max-sm-m-0 { margin: 0 !important; } } .has-horizontal-scroll .hs-flex-nowrap { flex-wrap: nowrap !important; } .has-horizontal-scroll .hs-flex-wrap { flex-wrap: wrap !important; } .has-horizontal-scroll .hs-flex-column { flex-direction: column !important; } .has-horizontal-scroll .hs-w-100 { width: 100% !important; } .has-horizontal-scroll .hs-h-100 { height: 100% !important; } .has-horizontal-scroll .hs-h-50 { height: 50% !important; } .has-horizontal-scroll .hs-h-33 { height: 33.3333% !important; } .has-horizontal-scroll .hs-h-25 { height: 25% !important; } .has-horizontal-scroll .hs-vh-100-header-height { height: calc(100vh - var(--header-height, 0px)); } .has-horizontal-scroll img.hs-of-cover { -o-object-fit: cover !important; object-fit: cover !important; } .has-horizontal-scroll img.hs-of-cover-contain { -o-object-fit: contain !important; object-fit: contain !important; } .has-horizontal-scroll .hs-full-height { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 100% !important; max-width: unset !important; } .has-horizontal-scroll .no-hs-d-block { display: none !important; } .has-horizontal-scroll .no-hs-d-flex { display: none !important; } .has-horizontal-scroll .no-hs-d-inline-flex { display: none !important; } .has-horizontal-scroll .no-hs-d-none { display: block !important; } .has-horizontal-scroll .hs-pt-header-height { padding-top: var(--header-height, 0px); } .has-horizontal-scroll .hs-pb-header-height { padding-bottom: var(--header-height, 0px); } .has-horizontal-scroll .hs-py-header-height { padding-top: var(--header-height, 0px); padding-bottom: var(--header-height, 0px); } .has-horizontal-scroll .hs-header-height { height: var(--header-height, 0px); } .has-horizontal-scroll .hs-mt-header-height { margin-top: var(--header-height, 0px); } .has-horizontal-scroll .hs-mb-header-height { margin-bottom: var(--header-height, 0px); } .has-horizontal-scroll .hs-my-header-height { margin-top: var(--header-height, 0px); margin-bottom: var(--header-height, 0px); } .has-horizontal-scroll .hs-vh-100 { height: 100vh !important; } .has-horizontal-scroll .hs-col { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-12 { flex: 0 0 auto; width: 100%; } @media screen and (min-width: 992px) { .has-horizontal-scroll .hs-pb-lg-0 { padding-bottom: 0 !important; } } @media (min-width: 576px) { .has-horizontal-scroll .hs-col-sm { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-sm-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-sm-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-sm-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-sm-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-sm-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .has-horizontal-scroll .hs-col-md { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-md-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-md-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-md-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-md-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-md-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-md-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .has-horizontal-scroll .hs-col-lg { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-lg-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-lg-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-lg-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-lg-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-lg-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .has-horizontal-scroll .hs-col-xl { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-xl-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-xl-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-xl-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-xl-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-xl-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1400px) { .has-horizontal-scroll .hs-col-xxl { flex: 1 0 0%; } .has-horizontal-scroll .row-hs-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .row-hs-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .has-horizontal-scroll .row-hs-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .row-hs-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .has-horizontal-scroll .row-hs-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .row-hs-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .has-horizontal-scroll .row-hs-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .has-horizontal-scroll .hs-col-xxl-auto { flex: 0 0 auto; width: auto; } .has-horizontal-scroll .hs-col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .has-horizontal-scroll .hs-col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .has-horizontal-scroll .hs-col-xxl-3 { flex: 0 0 auto; width: 25%; } .has-horizontal-scroll .hs-col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .has-horizontal-scroll .hs-col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .has-horizontal-scroll .hs-col-xxl-6 { flex: 0 0 auto; width: 50%; } .has-horizontal-scroll .hs-col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .has-horizontal-scroll .hs-col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .has-horizontal-scroll .hs-col-xxl-9 { flex: 0 0 auto; width: 75%; } .has-horizontal-scroll .hs-col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .has-horizontal-scroll .hs-col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .has-horizontal-scroll .hs-col-xxl-12 { flex: 0 0 auto; width: 100%; } } /*!======================================================================== * 72. Infinite List * ======================================================================!*/ .infinite-list { position: relative; width: 100%; height: 100%; overflow: hidden; } .infinite-list__content { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; pointer-events: none; } .infinite-list__content a { pointer-events: auto; } .infinite-list__content_bottom { top: auto; bottom: var(--gutter-vertical); transform: translateY(0%); } .infinite-list__content_top { top: var(--gutter-vertical); bottom: auto; transform: translateY(0%); } .infinite-list__content_relative { position: relative; top: auto; bottom: auto; transform: none; } .infinite-list__images { position: relative; width: 100%; height: 100%; z-index: 40; } .infinite-list__images-lane { position: absolute; top: 0; height: 100%; width: 100%; overflow: hidden; clip-path: inset(0px); z-index: 10; pointer-events: none; } .infinite-list__images-lane_left { left: 0; right: auto; } .infinite-list__images-lane_right { left: auto; right: 0; } .infinite-list__image-link { position: relative; display: block; pointer-events: auto; } .infinite-list__item-heading { display: inline-block; } .infinite-list__image-item { display: flex; flex-direction: column; align-items: center; justify-content: center; } .infinite-list__image-item.custom-aspect-ratio { max-width: min(var(--media-width) * 1px - var(--bs-gutter-x) * 2, 100vw - var(--bs-gutter-x) * 2); max-height: min(var(--media-height) * 1px - var(--bs-gutter-y) * 2, 100vh - var(--bs-gutter-y) * 2); width: var(--media-width, 100%); } .infinite-list__image-item_lock-inactive:not(.active) { pointer-events: none; } .infinite-list__image-item_lock-inactive:not(.active) * { pointer-events: none; } .infinite-list__image-inner { width: 100%; max-width: 100%; max-height: 100%; } .infinite-list__image-inner.p-bs-gutters { max-width: calc(100% - var(--bs-gutter-x)); max-height: calc(100% - var(--bs-gutter-y)); } .infinite-list__counters { transition: opacity 0.3s ease; white-space: nowrap; } .infinite-list__image-item_narrow-width { width: 760px; max-width: 66vw; flex: 1 0 760px; } .infinite-list__image-item_halfscreen-width { width: 100%; max-width: calc(50vw - var(--gutter-horizontal) * 2); } .infinite-list__hide-on-hover { transition: all 0.3s ease; transform: translateY(0%); opacity: 1; visibility: visible; } .infinite-list__header { overflow: hidden; } .infinite-list__header_absolute { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .infinite-list__opacity-link { transition: all 0.3s ease; } .infinite-list__marquee-row { display: flex; flex-wrap: wrap; } .infinite-list__marquee-image-inner { padding: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); } .infinite-list__wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } .infinite-list__horizontal-image-wrapper { --offset-horizontal: 0px; --item-height: 40vh; --item-min-height: min(var(--item-height), ((100vw - var(--offset-horizontal)) / var(--aspect-ratio))); height: var(--item-min-height); width: 100%; max-width: calc(var(--aspect-ratio) * var(--item-min-height)); } .infinite-list__horizontal-image-wrapper_gutters { --offset-horizontal: calc(var(--bs-gutter-x) * 4); } .infinite-list__horizontal-image-wrapper:is(.px-gutters .infinite-list__horizontal-image-wrapper) { --offset-horizontal: calc(var(--gutter-horizontal) * 2); } .infinite-list__horizontal-image-wrapper:is(.p-bs-gutters .infinite-list__horizontal-image-wrapper) { --offset-horizontal: calc(var(--bs-gutter-x) * 6); } .infinite-list__horizontal-image-wrapper:is(.px-bs-gutters .infinite-list__horizontal-image-wrapper) { --offset-horizontal: calc(var(--bs-gutter-x) * 4); } .infinite-list__horizontal-image-wrapper_height-66vh { --item-height: 66vh; } .infinite-list__horizontal-image-wrapper_height-75vh { --item-height: 75vh; } @media screen and (min-width: 992px) { .infinite-list__marquee-row { height: 100%; padding-left: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); padding-right: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); } } @media screen and (max-width: 991px) { .infinite-list__image-item_narrow-width, .infinite-list__image-item_halfscreen-width { max-width: 50vw; } } /*!======================================================================== * 73. Infinite List Button * ======================================================================!*/ .infinite-list[data-arts-os-animation=true] .infinite-list__button-hover { opacity: 0; transform: translate(-50%, -50%) scale(1); } .infinite-list_hovered .infinite-list__button-normal, .infinite-list_hovered-zoom-out .infinite-list__button-normal { transform: scale(0); } .infinite-list_hovered .infinite-list__button-hover, .infinite-list_hovered-zoom-out .infinite-list__button-hover { transform: translate(-50%, -50%) scale(1); opacity: 1; } .infinite-list__wrapper-button, .auto-scroll-next__wrapper-button { display: inline-block; line-height: 1; position: absolute; left: var(--gutter-horizontal); bottom: var(--gutter-vertical); z-index: 50; pointer-events: none; } .infinite-list__wrapper-button.text-start, .text-start.auto-scroll-next__wrapper-button { left: var(--gutter-horizontal); right: auto; } .infinite-list__wrapper-button.text-center, .text-center.auto-scroll-next__wrapper-button { left: var(--gutter-horizontal); right: var(--gutter-horizontal); } .infinite-list__wrapper-button.text-end, .text-end.auto-scroll-next__wrapper-button { left: auto; right: var(--gutter-horizontal); } .infinite-list__wrapper-button.d-lg-none .rotating-button__label, .d-lg-none.auto-scroll-next__wrapper-button .rotating-button__label { opacity: 0.5; } .infinite-list__wrapper-button_top { top: var(--gutter-vertical); bottom: auto; } .pt-header-height .infinite-list__wrapper-button_top { top: calc(var(--gutter-vertical) + var(--header-height, 0px)); } .infinite-list__button-normal, .infinite-list__button-hover, .infinite-list__button-static { transition: transform 0.3s ease, opacity 0.3s ease; } .infinite-list__button-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); } /*!======================================================================== * 74. Infinite List Headings * ======================================================================!*/ .infinite-list__inner-headings { position: relative; overflow: hidden; display: flex; flex-direction: column; } .infinite-list__item-heading { display: inline-block; line-height: 1; transform: translateY(100%); opacity: 0; visibility: hidden; transition: all 0.3s ease; } .infinite-list__item-heading:hover * { color: currentColor; } .infinite-list:not(.infinite-list_dragging):not(.ajax-loading .infinite-list) .infinite-list__item-heading.current { opacity: 1; visibility: visible; transform: translateY(-50%); } .infinite-list__heading-inner { padding-top: 0.5em; padding-bottom: 0.5em; } /*!======================================================================== * 75. Infinite List Hover Zoom * ======================================================================!*/ .infinite-list__inner { overflow: hidden; height: 100%; width: 100%; } .infinite-list__zoom, .infinite-list__inner { transform-origin: center center; transform: scale(1); transition: transform 0.3s ease; } /*!======================================================================== * 76. Infinite List Interactions * ======================================================================!*/ .infinite-list_mouse-drag { cursor: grab; } .infinite-list_mouse-drag *:not(a)*:not(button) { cursor: grab; } .infinite-list_mouse-drag.infinite-list_pressed { cursor: grabbing; } .infinite-list_mouse-drag.infinite-list_pressed * { cursor: grabbing; } .infinite-list_scrolling * { pointer-events: none; } .infinite-list_dragging { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .infinite-list_dragging * { pointer-events: none; } .infinite-list_scrolling .infinite-list__counters { opacity: 0.1; transition-delay: 0.4s; } .infinite-list_dragging .infinite-list__counters { opacity: 0.1; transition-delay: 0s; } .infinite-list_dragging .arts-is-dragging__blocker { opacity: 1; visibility: visible; } .infinite-list_pressed .infinite-list__zoom { transform: scale(0.95); } .infinite-list_pressed .infinite-list__inner { transform: scale(1.05); } .infinite-list_hovered:not(.infinite-list_dragging) .infinite-list__hide-on-hover, .infinite-list_hovered-zoom-out:not(.infinite-list_dragging) .infinite-list__hide-on-hover { transform: translateY(-100%); opacity: 0; visibility: hidden; } .infinite-list_hovered:not(.infinite-list_dragging) .infinite-list__opacity-link:not(.current), .infinite-list_hovered-zoom-out:not(.infinite-list_dragging) .infinite-list__opacity-link:not(.current) { opacity: 0.1; } .infinite-list_hovered .infinite-list__zoom-link.current .infinite-list__zoom { transform: scale(0.98); } .infinite-list_hovered .infinite-list__zoom-link.current .infinite-list__inner { transform: scale(1.02); } .infinite-list_hovered-zoom-out .infinite-list__zoom-link:not(.current) .infinite-list__zoom { transform: scale(0.95); } .infinite-list_hovered-zoom-out .infinite-list__zoom-link:not(.current) .infinite-list__inner { transform: scale(1.05); } /*!======================================================================== * 77. Infinite List Split Counter * ======================================================================!*/ .infinite-list__wrapper-counter { position: absolute; top: 0; left: 1rem; white-space: nowrap; transform: none !important; } .infinite-list__wrapper-counter [data-arts-split-text-element=char]:nth-child(1), .infinite-list__wrapper-counter .js-arts-split-text__char:nth-child(1) { z-index: -1; transform: translateY(-33%); } .infinite-list__wrapper-counter [data-arts-split-text-element=char]:nth-child(2), .infinite-list__wrapper-counter .js-arts-split-text__char:nth-child(2) { z-index: 60; transform: translateY(-33%); } .infinite-list__wrapper-counter [data-arts-split-text-element=char]:nth-child(3), .infinite-list__wrapper-counter .js-arts-split-text__char:nth-child(3) { z-index: 60; transform: translateY(-33%); } .infinite-list__wrapper-counter:not([data-arts-split-text-ready=true]) { transform: translateY(-33%); } .infinite-list__wrapper-counter_right { left: auto; right: 1rem; } @media screen and (max-width: 991px) { .infinite-list__wrapper-counter { left: auto; right: 1rem; } } /*!======================================================================== * 78. Lazy * ======================================================================!*/ .lazy, .lazy-lcp { transition: background-color 0.1s ease, opacity 0.2s ease; } .lazy:not(.loaded):not(.entered) { background-color: rgba(136, 136, 136, 0.1); } video.lazy { transition: background-color 0.1s ease, opacity 0.2s ease; } video.lazy:not(.error) + img.lazy, video.lazy:not(.error) + img[fetchpriority=high] { opacity: 0; visibility: hidden; } video.lazy:not(.loaded) { opacity: 0; visibility: hidden; } [data-arts-os-animation=true] .lazy-lcp, [data-arts-os-animation=true] img[fetchpriority=high].lazy { opacity: 0; } /*!======================================================================== * 79. Loading Animation * ======================================================================!*/ @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: -1; } 50% { stroke-dasharray: 75, 200; stroke-dashoffset: -75; } 100% { stroke-dasharray: 150, 200; stroke-dashoffset: -150; } } /*!======================================================================== * 80. Marquee Crossing Lanes * ======================================================================!*/ .marquee-crossing-lanes { --lanes-rotation: 3; } .marquee-crossing-lanes__wrapper-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; } .marquee-crossing-lanes__lane { position: relative; transform-origin: center center; margin-left: calc(max(var(--lanes-rotation), -1 * var(--lanes-rotation)) * -1em); margin-right: calc(max(var(--lanes-rotation), -1 * var(--lanes-rotation)) * -1em); width: auto; outline: 2px solid transparent; zoom: 1.005; } .marquee-crossing-lanes__lane_rotate-1, .marquee-crossing-lanes__lane_1 { transform: rotateZ(calc(var(--lanes-rotation) * -1deg)) translate3d(0, 50%, 0); z-index: 50; } .marquee-crossing-lanes__lane_rotate-2, .marquee-crossing-lanes__lane_2 { transform: rotateZ(calc(var(--lanes-rotation) * 1deg)) translate3d(0, -50%, 0); z-index: 40; } .marquee-crossing-lanes__inner { padding-top: calc(max(var(--lanes-rotation), -1 * var(--lanes-rotation)) * 0.5em); padding-bottom: calc(max(var(--lanes-rotation), -1 * var(--lanes-rotation)) * 0.5em); } @media screen and (max-width: 1200px) { .marquee-crossing-lanes__lane_rotate-1, .marquee-crossing-lanes__lane_1 { transform: rotateZ(calc(var(--lanes-rotation) * -1deg - 1deg)) translate3d(0, 50%, 0); } .marquee-crossing-lanes__lane_rotate-2, .marquee-crossing-lanes__lane_2 { transform: rotateZ(calc(var(--lanes-rotation) * 1deg + 1deg)) translate3d(0, -50%, 0); } } @media screen and (max-width: 1024px) { .marquee-crossing-lanes__lane_rotate-1, .marquee-crossing-lanes__lane_1 { transform: rotateZ(calc(var(--lanes-rotation) * -1deg - 2deg)) translate3d(0, 50%, 0); } .marquee-crossing-lanes__lane_rotate-2, .marquee-crossing-lanes__lane_2 { transform: rotateZ(calc(var(--lanes-rotation) * 1deg + 2deg)) translate3d(0, -50%, 0); } } /*!======================================================================== * 81. Logo * ======================================================================!*/ .logo { position: relative; display: inline-flex; align-items: center; vertical-align: middle; } a.logo { transition: color 0.3s ease, opacity 0.3s ease; } a.logo:hover { opacity: 0.8; } .logo__wrapper-img { position: relative; align-items: center; flex: 1 0 auto; max-width: 100%; } .logo__wrapper-img img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; width: auto; transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); display: block; } .logo__text-title { display: block; font-family: var(--font-secondary); font-size: 24px; font-weight: bold; line-height: 1.3; color: var(--paragraph-color); } .logo__text-tagline { display: block; font-style: italic; font-size: 12px; font-weight: bold; line-height: 1.3; } .logo__img-secondary { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .logo__description { margin-top: 1em; } /*!======================================================================== * 82. Marquee Header * ======================================================================!*/ .marquee-header { position: relative; width: 100%; --gaps-marquee-items: 0px; } .marquee-header .marquee-header__inner:not(:first-child) .marquee-header__lane { padding-top: calc(var(--gaps-marquee-items, 0px) / 2); } .marquee-header .marquee-header__inner:not(:last-child) .marquee-header__lane { padding-bottom: calc(var(--gaps-marquee-items, 0px) / 2); } .marquee-header .marquee-header__item { padding-left: calc(var(--gaps-marquee-items, 0px) / 2); padding-right: calc(var(--gaps-marquee-items, 0px) / 2); } .marquee-header__lane { display: flex; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; text-align: center; } .marquee-header__lane_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; margin: 0 auto; } .marquee-header__lane_v-center { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 100%; } .marquee-header__inner { position: relative; overflow: hidden; z-index: 50; } a.marquee-header__item { display: inline-block; } a.marquee-header__item:hover * { color: currentColor; } .auto-scroll-next__heading { margin: 0; } /*!======================================================================== * 83. Marquee Headings Hover * ======================================================================!*/ .marquee-headings-hover { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; overflow: hidden; } .marquee-headings-hover[data-arts-os-animation=true] .marquee-headings-hover__button-hover { opacity: 0; transform: translate(-50%, -50%) scale(1); } .marquee-headings-hover__content { transition: opacity 0.2s ease; transition-delay: 0.3s; z-index: 50; } .marquee-headings-hover__header { display: flex; flex-wrap: wrap; align-items: stretch; } .marquee-headings-hover__wrapper-button { position: relative; display: inline-block; } .marquee-headings-hover__wrapper-button.text-start { margin-left: var(--gutter-horizontal); margin-right: auto; } .marquee-headings-hover__wrapper-button.text-center { margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .marquee-headings-hover__wrapper-button.text-end { margin-left: auto; margin-right: var(--gutter-horizontal); } .marquee-headings-hover__wrapper-button_absolute { display: inline-block; line-height: 1; position: absolute; left: var(--gutter-horizontal); bottom: var(--gutter-vertical); z-index: 50; pointer-events: none; } .marquee-headings-hover__wrapper-button_absolute.text-start { left: var(--gutter-horizontal); right: auto; } .marquee-headings-hover__wrapper-button_absolute.text-center { left: var(--gutter-horizontal); right: var(--gutter-horizontal); } .marquee-headings-hover__wrapper-button_absolute.text-end { left: auto; right: var(--gutter-horizontal); } .marquee-headings-hover__item { position: relative; display: inline-block; transition: color 0.3s ease; max-width: 100%; z-index: 50; } .marquee-headings-hover__item:hover * { color: currentColor; } .marquee-headings-hover__item:hover .marquee-headings-hover__counter { border-color: currentColor; } .marquee-headings-hover__heading, .headings-hover__item-image { transition: opacity 0.3s ease; max-width: 100%; } .headings-hover__item-image { width: 100%; } .marquee-headings-hover__images { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: hidden; } .marquee-headings-hover__inner-img { position: relative; display: inline-flex; max-height: 60vh; height: 100%; } .marquee-headings-hover__images_right .marquee-headings-hover__wrapper-img { left: auto; right: var(--gutter-horizontal); transform: translate(0%, -50%); max-width: calc(100% - var(--gutter-horizontal)); } .marquee-headings-hover__images_center .marquee-headings-hover__wrapper-img { left: var(--gutter-horizontal); right: var(--gutter-horizontal); transform: translate(0%, -50%); max-width: calc(100% - var(--gutter-horizontal) * 2); } .marquee-headings-hover__images_left .marquee-headings-hover__wrapper-img { left: var(--gutter-horizontal); right: auto; transform: translate(0%, -50%); max-width: calc(100% - var(--gutter-horizontal) * 2); } .marquee-headings-hover__wrapper-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; display: inline-flex; align-items: center; justify-content: center; clip-path: polygon(0% 0%, 100% 0%, 100% calc(var(--shape-size) * 1%), 0% calc(var(--shape-size) * 1%)); --shape-size: 0; z-index: 0; } .marquee-headings-hover__counter { vertical-align: middle; margin-right: calc(var(--gutter-horizontal) / 2); margin-bottom: 0.5em; transition: border-color 0.3s ease; flex: 1 0 auto; } .marquee-headings-hover__col-content { display: flex; flex-wrap: wrap; align-items: stretch; } .marquee-headings-hover__border { width: 100%; height: 1px; background-color: var(--color-border, transparent); } @media screen and (max-width: 991px) { .marquee-headings-hover__wrapper-img { max-width: calc(100% - var(--gutter-horizontal) * 2); width: 100%; height: auto; margin: auto; } .marquee-headings-hover__images_right, .marquee-headings-hover__images_left { width: 100%; right: 0; left: 0; } .marquee-headings-hover__images_right .marquee-headings-hover__wrapper-img, .marquee-headings-hover__images_left .marquee-headings-hover__wrapper-img { max-width: calc(100% - var(--gutter-horizontal) * 2); left: 0; right: 0; } } .marquee-heading, .marquee-delimiter { display: inline-flex; } /*!======================================================================== * 84. Marquee Headings Hover Button * ======================================================================!*/ .marquee-headings-hover__button-normal, .marquee-headings-hover__button-hover { transition: transform 0.3s ease, opacity 0.3s ease; } .marquee-headings-hover__button-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); } /*!======================================================================== * 85. Marquee Headings Hover Interaction * ======================================================================!*/ .marquee-headings-hover_hovered .marquee-headings-hover__item:not(.current) .marquee-headings-hover__heading, .marquee-headings-hover_hovered .marquee-headings-hover__item:not(.current) .headings-hover__item-image { opacity: 0.1; visibility: visible; } .marquee-headings-hover_hovered .marquee-headings-hover__button-normal { transform: scale(0); } .marquee-headings-hover_hovered .marquee-headings-hover__button-hover { transform: translate(-50%, -50%) scale(1); opacity: 1; } .marquee-headings-hover_hovered .marquee-headings-hover__button-hover .rotating-button__link { color: var(--color-accent); } .marquee-headings-hover_hovered .marquee-headings-hover__content { opacity: 0; transition-delay: 0s; } .marquee-headings-hover_hovered .marquee-header__item-border { opacity: 0; visibility: hidden; } .marquee-headings-hover__item.current * { color: currentColor; } .marquee-headings-hover_mouse-drag { cursor: grab; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .marquee-headings-hover_mouse-drag *:not(a)*:not(button) { cursor: grab; } .marquee-headings-hover_mouse-drag.marquee-headings-hover_pressed { cursor: grabbing; } .marquee-headings-hover_mouse-drag.marquee-headings-hover_pressed * { cursor: grabbing; } .marquee-headings-hover_dragging .arts-is-dragging__blocker { opacity: 1; visibility: visible; } .marquee-header__item-border { transition: opacity 0.3s ease; } /*!======================================================================== * 86. Mask * ======================================================================!*/ .js-mask__clone_has-color * { color: inherit !important; } .mask-wrapper { height: 100%; } /*!======================================================================== * 87. Media * ======================================================================!*/ .media__link:hover * { color: currentColor; } .media__caption { margin-top: 1em; } .media-wrapper { width: 100%; height: 100%; } @media screen and (max-width: 991px) { .media__caption { margin-bottom: 0.5em; } } /*!======================================================================== * 88. Masthead * ======================================================================!*/ .masthead { position: relative; } .masthead__overlay { --opacity: 1; --opacity-animation: 1; opacity: calc(var(--opacity) * var(--opacity-animation)); z-index: 10; } .masthead__scroll-down { display: inline-block; position: absolute; left: var(--gutter-horizontal); right: var(--gutter-horizontal); bottom: calc(var(--gutter-horizontal-min) * 1px); z-index: 100; } @media screen and (min-width: 992px) { .masthead__scroll-down.offset-lg-6 { margin-left: calc(50% - var(--gutter-horizontal)); } } .masthead__scroll-down_left { left: var(--gutter-horizontal); right: auto; } .masthead__scroll-down_left-half { left: calc(var(--gutter-horizontal) / 2); right: 0; } .masthead__scroll-down_right { left: auto; right: var(--gutter-horizontal); } .masthead__scroll-down_right-half { left: 0; right: calc(var(--gutter-horizontal) / 2); } .masthead__scroll-down_center { left: calc(var(--gutter-horizontal) / 2); right: calc(var(--gutter-horizontal) / 2); } .masthead__header { position: relative; z-index: 50; } .masthead__header .text-start .masthead__wrapper-description { margin-right: auto; margin-left: 0; } .masthead__header .text-center .masthead__wrapper-description { margin-left: auto; margin-right: auto; } .masthead__header .text-end .masthead__wrapper-description { margin-left: auto; margin-right: 0; } .masthead__footer { position: absolute; bottom: var(--gutter-vertical); left: var(--gutter-horizontal); right: var(--gutter-horizontal); z-index: 50; } .masthead__background-full-height { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; max-height: 100%; width: auto; z-index: 0; } .masthead__background-full-height_left { left: 0; right: auto; } .masthead__background-full-height_center { left: 50%; right: auto; transform: translateX(-50%); } .masthead__background-full-height_right { left: auto; right: 0; } .masthead__background, .masthead__background.parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; z-index: 0; } .masthead__background-top-space { position: absolute; top: calc(var(--header-height, 0px) + var(--gutter-vertical) / 2); left: 0; right: 0; bottom: 0; height: 100%; max-width: 100%; max-height: calc(100% - var(--header-height, 0px) - var(--gutter-vertical) / 2); } .masthead__background_right { margin-left: auto; } .masthead__media { position: relative; overflow: hidden; width: 100%; } .masthead__border_bottom { border-bottom-style: solid; border-bottom-width: 1px; } @media screen and (min-width: 1025px) { .masthead__background_right { right: var(--gutter-horizontal); } } @media screen and (max-width: 1024px) { .masthead__background-mobile { height: 50vh; } .masthead__scroll-down_mobile-center { left: var(--gutter-horizontal); right: var(--gutter-horizontal); text-align: center; } } /*!======================================================================== * 89. Masthead1 * ======================================================================!*/ .masthead-1__background { position: absolute; top: calc(var(--header-height, 0px) + var(--gutter-vertical)); left: var(--gutter-horizontal); right: var(--gutter-horizontal); bottom: 0; height: 100%; max-width: calc(100% - var(--gutter-horizontal) * 2); max-height: calc(100% - var(--header-height, 0px) - var(--gutter-vertical) * 2); } .masthead-1__header { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding-top: calc(var(--header-height, 0px) + var(--gutter-vertical) * 2); padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); padding-bottom: calc(var(--gutter-vertical) * 2); margin: 0; z-index: 50; } .masthead-1__heading-top { display: block; width: 100%; max-width: calc(50vw - var(--gutter-horizontal)); text-align: right; } .masthead-1__heading-bottom { display: block; width: 100%; max-width: calc(50vw - var(--gutter-horizontal)); margin-left: auto; text-align: left; } .masthead-1__description { width: 100%; max-width: calc(50% - var(--gutter-horizontal)); z-index: 60; } @media screen and (max-width: 991px) { .masthead-1__header { justify-content: flex-start; } .masthead-1__heading-top, .masthead-1__heading-bottom { max-width: 100%; text-align: left; } .masthead-1__description { margin-top: auto; text-align: right; margin-left: auto; } } /*!======================================================================== * 90. Masthead2 * ======================================================================!*/ .masthead-2__background { position: relative; max-height: 100%; height: 100%; max-width: 100%; overflow: hidden; } .masthead-2__wrapper-background { height: 100vh; } .masthead-2__header_absolute { position: absolute; top: 0; left: 0; } .masthead-2__header { position: relative; z-index: 60; } @media screen and (max-width: 991px) { .masthead-2__wrapper-background { height: 66vh; } } @media screen and (min-width: 992px) { .masthead-2__header { margin-left: calc(-1 * var(--distance-min-xlarge) * 1px); } } @media screen and (min-width: 992px) and (min-width: 360px) { .masthead-2__header { margin-left: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 992px) and (min-width: 1920px) { .masthead-2__header { margin-left: calc(-1 * var(--distance-max-xlarge) * 1px); } } /*!======================================================================== * 91. Menu Column * ======================================================================!*/ .menu { list-style-type: none; padding: 0; margin: 0; line-height: 2; } /*!======================================================================== * 92. Menu Classic * ======================================================================!*/ .menu-classic { position: relative; list-style-type: none; padding: 0; margin: 0; margin: 0 -0.25em; font-weight: bold; font-size: 14px; line-height: 2; } .menu-classic > li { position: relative; display: inline-block; } .menu-classic > li:not(:last-child) { margin-right: 0.25em; } .menu-classic > li a { display: block; padding: 0.5em 1em; } .menu-classic > li.menu-item-has-children > a:after { content: "+"; display: inline-block; margin-left: 0.5em; transition: transform 0.3s ease; transform: rotate(0deg); transform-origin: center center; } .menu-classic > li.menu-item-has-children > a:hover:after { transform: rotate(-90deg); } .menu-classic > li:not(.menu-item-has-children) svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; stroke: currentColor; stroke-width: 1px; pointer-events: none; } .menu-classic > li:not(.menu-item-has-children).elementor-button-wrapper svg { display: none; } .menu-classic .menu-item-has-children { position: relative; } .menu-classic .menu-item-has-children > a:hover ~ ul, .menu-classic .menu-item-has-children > a:focus ~ ul { opacity: 1; visibility: visible; transform: translate(0px, 0px); z-index: 50; } .menu-classic > li.current-menu-item > a { color: var(--color-accent); } .menu-classic > li.current-menu-ancestor > a { color: var(--color-accent); } .menu-classic > li.current-menu-ancestor .sub-menu li.current-menu-ancestor > a { color: var(--color-classic-submenu-links-hover); } .menu-classic > li.current-menu-ancestor .sub-menu li.current-menu-item > a { color: var(--color-classic-submenu-links-hover); } .menu-classic .sub-menu { position: absolute; top: 100%; left: 1em; transform: translate(0px, 1em); list-style-type: none; padding: 0; margin: 0; opacity: 0; visibility: hidden; transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; background-color: var(--color-classic-submenu-background); border-radius: 4px; text-align: left; box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.08); } .menu-classic .sub-menu:hover { opacity: 1; visibility: visible; transform: translate(0px, 0px); z-index: 50; } .menu-classic .sub-menu > li { white-space: nowrap; } .menu-classic .sub-menu > li a { padding: 0.5em 1.25em; background-color: transparent; color: var(--color-classic-submenu-links); transition: color 0.3s ease, background 0.3s ease; } .menu-classic .sub-menu > li a:hover { background-color: var(--color-classic-submenu-links-hover-background); color: var(--color-classic-submenu-links-hover); } .menu-classic .sub-menu > li:first-child a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .menu-classic .sub-menu > li:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .menu-classic .sub-menu ul { top: 0; left: calc(100% + 1px); transform: translate(0.5em, 0); opacity: 0; visibility: hidden; } .menu-classic.menu-classic_submenus_left .sub-menu { left: auto; right: 1em; } .menu-classic.menu-classic_submenus_left .sub-menu ul { left: auto; right: calc(100% + 1px); } .menu-classic.menu-classic_submenus_right .sub-menu { right: auto; left: 1em; } .menu-classic.menu-classic_submenus_right .sub-menu ul { right: auto; left: calc(100% + 1px); } .ajax-loading .menu-classic { pointer-events: auto; } .ajax-loading .menu-classic * { pointer-events: auto; } /*!======================================================================== * 93. Modal * ======================================================================!*/ .modal-open .modal { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .modal { position: fixed; top: 0; left: 0; z-index: 6000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal__message { font-size: 18px; } .modal-content__wrapper-button { text-align: center; } .modal-content__wrapper-button .button, .modal-content__wrapper-button .wp-block-search__button { min-width: 200px; } .modal-content__wrapper-button .button *, .modal-content__wrapper-button .wp-block-search__button * { pointer-events: none; } .modal__close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 60; } .modal__close * { pointer-events: none; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal-dialog_container { max-width: 980px !important; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; overscroll-behavior: contain; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius: 6px; outline: 0; padding: 3em; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.7; } .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } .modal__message { font-size: 24px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } /*!======================================================================== * 94. Menu Overlay * ======================================================================!*/ .menu-overlay { list-style-type: none; padding: 0; margin: 0; position: relative; width: 100%; height: 100%; overflow: hidden; } .menu-overlay .sub-menu { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-top: var(--header-height, 0px); padding-bottom: var(--header-height, 0px); visibility: hidden; } .menu-overlay .sub-menu > li { display: block; } .menu-overlay .sub-menu > li > a { display: inline-block; padding: 0.4rem 0; } .menu-overlay > li { display: block; overflow: hidden; } .menu-overlay > li > a { display: inline-flex; align-items: center; padding: 1rem 0; } .menu-overlay > li > a:hover .menu-overlay__counter { color: currentColor; border-color: currentColor; } .menu-overlay li.current-menu-item > a, .menu-overlay li.current-menu-ancestor > a { color: var(--color-accent); } .menu-overlay li.current-menu-item > a *, .menu-overlay li.current-menu-ancestor > a * { color: var(--color-accent); } .menu-overlay li a * { color: currentColor; pointer-events: none; } .menu-overlay__heading { flex: 0 1 auto; } .menu-overlay__counter { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; flex: 1 0 70px; border-radius: 100%; --color-borders: rgba(128, 128, 128, .5); border: 1px solid var(--color-borders); white-space: nowrap; transition: color 0.2s ease, border-color 0.2s ease; } .text-start .menu-overlay__counter, .text-center .menu-overlay__counter { margin-right: calc(var(--gutter-horizontal) / 2); order: -1; } .text-end .menu-overlay__counter { margin-left: calc(var(--gutter-horizontal) / 2); } @media screen and (max-width: 991px) { .menu-overlay .sub-menu { padding-top: 0; } .menu-overlay__counter { width: 50px; height: 50px; flex: 1 0 50px; } .text-start .menu-overlay__counter, .text-center .menu-overlay__counter { margin-right: calc(var(--gutter-horizontal)); } .text-end .menu-overlay__counter { margin-left: calc(var(--gutter-horizontal)); } } /*!======================================================================== * 95. Submenu Holder * ======================================================================!*/ .sub-menu-holder { list-style-type: none; padding: 0; margin: 0; position: absolute; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; bottom: 0; pointer-events: none; } .sub-menu-holder .sub-menu { width: 100%; height: 100%; z-index: 50; } .sub-menu-holder .sub-menu.current { pointer-events: auto; } @media screen and (max-width: 991px) { .sub-menu-holder .sub-menu { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; max-height: calc(var(--fix-bar-vh, 1vh) * 100); padding-bottom: calc(var(--header-height, 0px) * 2); } } /*!======================================================================== * 96. Outdated * ======================================================================!*/ #outdated { font-family: sans-serif; position: absolute; color: white; display: none; overflow: hidden; left: 0; position: fixed; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 100000; padding: 24px 24px 36px 0; } #outdated.fullscreen { height: 100%; } #outdated .vertical-center { display: table-cell; text-align: center; vertical-align: middle; } #outdated h6, #outdated .widgettitle, #outdated .sidebar h1, .sidebar #outdated h1, #outdated .sidebar h2, .sidebar #outdated h2, #outdated .sidebar h3, .sidebar #outdated h3, #outdated .sidebar h4, .sidebar #outdated h4, #outdated .sidebar h5, .sidebar #outdated h5 { font-size: 25px; line-height: 25px; margin: 12px 0; } #outdated p { font-size: 16px; line-height: 12px; margin: 0; text-transform: none; } #outdated #buttonUpdateBrowser { border: 2px solid white; cursor: pointer; display: block; margin: 30px auto 0; padding: 16px 24px; position: relative; text-decoration: none; width: 230px; white-space: nowrap; } #outdated #buttonUpdateBrowser:hover { background-color: #b29400; color: white; } #outdated .last { height: 20px; position: absolute; right: 70px; top: 10px; width: auto; display: inline-table; } #outdated .last[dir=rtl] { left: 25px !important; right: auto !important; } #outdated #buttonCloseUpdateBrowser { color: white; display: block; font-size: 36px; height: 100%; line-height: 36px; position: relative; text-decoration: none; width: 100%; } /*!======================================================================== * 97. Parallax * ======================================================================!*/ .parallax { display: flex; flex-direction: column; position: relative; height: 100%; } .parallax__link { display: inline-block; max-width: 100%; } .parallax__caption { margin-top: 1rem; } @media screen and (max-width: 991px) { .parallax__caption { margin-bottom: 0.5rem; } } /*!======================================================================== * 98. Portfolio Item * ======================================================================!*/ .portfolio-item { overflow: hidden; position: relative; display: block; z-index: 50; --counter-scale-from: 0.5; --counter-scale-to: 0; --button-hover-background: transparent //var(--color-accent); --button-hover-border-color: transparent //var(--color-accent); --button-hover-color: transparent //#000; } a.portfolio-item:hover .portfolio-item__overlay { opacity: 0; } a.portfolio-item:hover .portfolio-item__inner-button:after { background-color: var(--button-hover-background); transform: scale(var(--counter-scale-to, 1)); } a.portfolio-item:hover .portfolio-item__inner-button_border:after { box-shadow: inset 0 0 0 1px var(--color-border); } a.portfolio-item:hover .portfolio-item__button-label { transform: translateY(0); opacity: 1; color: var(--button-hover-color); } a.portfolio-item:hover .portfolio-item__circle { color: var(--button-hover-color); transform: translate(-50%, calc(-50% - 30px)); opacity: 0; } a.portfolio-item:hover .portfolio-item__wrapper-title { transform: translateY(30px); opacity: 0; } .portfolio-item__overlay { transition: all 0.3s ease; z-index: 0; } .portfolio-item__wrapper-title { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 50; transition: all 0.3s ease; transform: translateY(0); } .portfolio-item__wrapper-button { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .portfolio-item__circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .portfolio-item__button { border-color: transparent !important; } .portfolio-item__inner-button:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; transform: scale(var(--counter-scale-from, 0.5)); background-color: transparent; transition: transform 0.2s ease, box-shadow 0.2s ease; } .portfolio-item__inner-button_border:after { box-shadow: inset 0 0 0 2px var(--color-border); } .portfolio-item__button-label { position: relative; display: inline-block; opacity: 0; transform: translateY(30px); transition: all 0.3s ease; z-index: 50; } .portfolio-item__wrapper-circle { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: calc(1 * 40 * 1px); height: calc(1 * 40 * 1px); border-radius: 50%; border: 1px solid var(--color-border); top: var(--gutter-horizontal); right: var(--gutter-horizontal); transform: translate(50%, -50%); z-index: 50; pointer-events: none; } @media screen and (min-width: 360px) { .portfolio-item__wrapper-circle { width: calc(1 * (40 * 1px + (80 - 40) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .portfolio-item__wrapper-circle { width: calc(1 * 80 * 1px); } } @media screen and (min-width: 360px) { .portfolio-item__wrapper-circle { height: calc(1 * (40 * 1px + (80 - 40) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .portfolio-item__wrapper-circle { height: calc(1 * 80 * 1px); } } @media screen and (max-width: 767px) { .portfolio-item__wrapper-circle { transform: translate(0%, 0%); } } /*!======================================================================== * 99. Portfolio Card * ======================================================================!*/ .portfolio-card { display: block; } .portfolio-card__wrapper-media { position: relative; overflow: hidden; z-index: 50; } .portfolio-card__media-mask { position: relative; max-width: 66vw; width: 1320px; } .portfolio-card__link { display: block; transition: all 0.3s ease; --opacity: 1; --opacity-static: 0.25; --opacity-hover-static: 1; --opacity-hover: 0.6; } .portfolio-card__link:hover .portfolio-card__overlay, .portfolio-card__link:hover .portfolio-card__wrapper-marquee, .portfolio-card__link:hover .portfolio-card__wrapper-content { opacity: 1; } .portfolio-card__link_static:hover .portfolio-card__overlay_static { opacity: var(--opacity-hover); } .portfolio-card__link_static:hover .portfolio-card__wrapper-marquee_static { opacity: var(--opacity-hover-static); } .portfolio-card__link_static:hover .portfolio-card__wrapper-marquee_mask { opacity: var(--opacity-hover-static); } .portfolio-card__content { display: inline-block; } .portfolio-card__wrapper-marquee { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; z-index: 50; opacity: 0; visibility: hidden; transition: color 0.3s ease, opacity 0.3s ease; } .portfolio-card__wrapper-marquee_static { opacity: var(--opacity-static); visibility: visible; } .portfolio-card__wrapper-marquee_mask { opacity: 1; visibility: visible; } .portfolio-card__overlay { z-index: 0; opacity: 0; transition: all 0.3s ease; } .portfolio-card__overlay_static { opacity: 1; visibility: visible; } .portfolio-card__wrapper-content { position: absolute; width: 100%; padding: calc(1 * 20 * 1px); display: flex; justify-content: space-between; z-index: 50; opacity: 0; transition: all 0.3s ease; } @media screen and (min-width: 360px) { .portfolio-card__wrapper-content { padding: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .portfolio-card__wrapper-content { padding: calc(1 * 40 * 1px); } } .portfolio-card__wrapper-content_top { top: 0; left: 0; } .portfolio-card__wrapper-content_bottom { bottom: 0; left: 0; } @media screen and (max-width: 1024px) { .portfolio-card__media-mask { max-width: 100%; width: 100%; } } /*!======================================================================== * 100. Preloader * ======================================================================!*/ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; overflow: hidden; --preloader-image-height: 66vh; } .preloader[data-arts-os-animation=true] *:not(.preloader__lcp-visible) { opacity: 0; pointer-events: none !important; } .preloader[data-arts-os-animation=true] *:not(.preloader__lcp-visible) * { pointer-events: none !important; } .preloader:not(.preloader_loaded) { cursor: progress; } .preloader:not(.preloader_loaded) * { cursor: progress; } .preloader__wrapper { display: flex; flex-direction: column; position: relative; align-items: center; justify-content: center; width: 100%; height: 100%; } .preloader__content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative; } .preloader__footer { position: relative; margin-top: auto; width: 100%; z-index: 50; } .preloader__image { display: block; height: var(--preloader-image-height); width: calc(var(--preloader-image-height) * var(--aspect-ratio)); } .preloader__image-mask { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; } .preloader__wrapper-image { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; max-width: calc(100% - 2 * var(--gutter-horizontal)); max-height: 100%; margin: auto; transform: translate(-50%, -50%); z-index: 40; } .preloader__wrapper-images-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .preloader__loading { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .preloader__custom-loader { width: auto; max-width: unset; height: 80px; } .preloader__wrapper-counter { position: absolute; top: 0; left: var(--gutter-horizontal); right: var(--gutter-horizontal); bottom: 0; --preloader-counter-size-min: 200; --preloader-counter-size-max: 600; width: calc(1 * var(--preloader-counter-size-min) * 1px); height: calc(1 * var(--preloader-counter-size-min) * 1px); margin: auto; aspect-ratio: 1/1; border: 1px solid var(--color-border-opacity); border-radius: 100em; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 360px) { .preloader__wrapper-counter { width: calc(1 * (var(--preloader-counter-size-min) * 1px + (var(--preloader-counter-size-max) - var(--preloader-counter-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .preloader__wrapper-counter { width: calc(1 * var(--preloader-counter-size-max) * 1px); } } @media screen and (min-width: 360px) { .preloader__wrapper-counter { height: calc(1 * (var(--preloader-counter-size-min) * 1px + (var(--preloader-counter-size-max) - var(--preloader-counter-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .preloader__wrapper-counter { height: calc(1 * var(--preloader-counter-size-max) * 1px); } } .preloader__wrapper-counter svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 100%; height: 100%; border-radius: 100%; stroke-width: 3px; pointer-events: none; stroke-dashoffset: 0.001; stroke-dasharray: 0px, 999999px; } .preloader__wrapper-counter svg .circle { stroke: currentColor; } .preloader__heading { position: absolute; top: 50%; left: var(--gutter-horizontal); right: var(--gutter-horizontal); transform: translateY(-50%); z-index: 50; } .preloader__counter { position: relative; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow: hidden; width: 100%; } .preloader__wrapper-images-inner { position: relative; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; } .preloader__overlay { z-index: 0; } .preloader__counter-sign { display: inline-block; margin-top: 0.4em; } .preloader__wrapper-counter-end { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } /*!======================================================================== * 101. Pricing Table * ======================================================================!*/ .pricing-table { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } .pricing-table_hovered .pricing-table__overlay { opacity: 0.7; } .pricing-table__outline, .pricing-table__border { pointer-events: none; border-width: 1px; border-style: solid; border-color: transparent; } .pricing-table__outline { position: absolute; top: calc(var(--gutter-horizontal-min) * 1px); left: calc(var(--gutter-horizontal-min) * 1px); right: calc(var(--gutter-horizontal-min) * 1px); bottom: calc(var(--gutter-horizontal-min) * 1px); z-index: 50; } .pricing-table__border { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .pricing-table__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .pricing-table__overlay { z-index: 10; transition: opacity 0.3s ease; } .pricing-table__content { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; z-index: 50; } .pricing-table__currency-sign { display: inline-block; --sign-offset: 0.5em; position: absolute; top: 0; margin-top: var(--sign-offset); } .pricing-table__currency-sign_before { right: calc(100% + var(--sign-offset) / 2); } .pricing-table__currency-sign_after { left: calc(100% + var(--sign-offset) / 2); } .pricing-table__price { display: inline-block; } .pricing-table__cost { position: relative; display: inline-flex; align-items: flex-start; flex-wrap: nowrap; justify-content: center; white-space: nowrap; } .pricing-table__property-item { display: flex; align-items: center; justify-content: space-between; } /*!======================================================================== * 102. Responsive Rectangle * ======================================================================!*/ .responsive-rectangle { position: static; pointer-events: none; } .responsive-rectangle svg { border: none !important; position: absolute; z-index: 50; top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); width: calc(100% + var(--border-width) * 2); height: calc(100% + var(--border-width) * 2); stroke: var(--color-accent); fill: none; stroke-width: var(--border-width); stroke-dashoffset: 0.001; stroke-dasharray: 0px, 999999px; } .responsive-rectangle { pointer-events: none; } /*!======================================================================== * 103. Rotating Button * ======================================================================!*/ .rotating-button { display: inline-flex; } .rotating-button__link { display: inline-flex; align-items: center; justify-content: center; text-align: center; position: relative; border-radius: 50%; } .rotating-button__link * { pointer-events: none; } .rotating-button__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: currentColor; } .rotating-button__dot { color: var(--color-accent); pointer-events: none; --size-min: 20; --size-max: 25; position: relative; width: calc(1 * var(--size-min) * 1px); height: calc(1 * var(--size-min) * 1px); box-shadow: 0px 0px 0px 1px var(--color-border) inset; display: inline-flex; align-items: center; border-radius: 100%; vertical-align: middle; z-index: 50; } @media screen and (min-width: 360px) { .rotating-button__dot { width: calc(1 * (var(--size-min) * 1px + (var(--size-max) - var(--size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .rotating-button__dot { width: calc(1 * var(--size-max) * 1px); } } @media screen and (min-width: 360px) { .rotating-button__dot { height: calc(1 * (var(--size-min) * 1px + (var(--size-max) - var(--size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .rotating-button__dot { height: calc(1 * var(--size-max) * 1px); } } .rotating-button__dot svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 100%; height: 100%; border-radius: 100%; stroke-width: 4px; pointer-events: none; } .rotating-button__dot svg .circle { stroke: currentColor; } .rotating-button__label { white-space: nowrap; } /*!======================================================================== * 104. Shapes * ======================================================================!*/ .shape-rounded-rectangle { overflow: hidden; clip-path: inset(0px); border-radius: 9999rem; } .shape-oval { overflow: hidden; clip-path: inset(0px); border-radius: 100%; } .shape-top-arc { overflow: hidden; clip-path: inset(0px); border-top-left-radius: 9999rem; border-top-right-radius: 9999rem; } .shape-bottom-arc { overflow: hidden; clip-path: inset(0px); border-bottom-left-radius: 9999rem; border-bottom-right-radius: 9999rem; } /*!======================================================================== * 105. Scroll * ======================================================================!*/ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } /*!======================================================================== * 106. Section * ======================================================================!*/ .section { position: relative; } .section__content, .section__header { position: relative; z-index: 50; } .section__background { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 0; } .section__overlay { z-index: 10; transition: opacity 0.3s ease; will-change: opacity; } .section_hovered .section__overlay { opacity: 0.5; } @media screen and (min-width: 992px) { .section__lg-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 0; } } /*!======================================================================== * 107. Section Fullheight * ======================================================================!*/ .section-fullheight { display: flex; } .section-fullheight__inner { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 100vh; z-index: 50; } .section-fullheight__inner_mobile { height: calc(var(--fix-bar-vh, 1vh) * 100 - var(--wp-admin--admin-bar--height, 0px)); min-height: 0vh; } @media screen and (max-width: 991px) { .section-fullheight__inner_mobile-auto { height: auto; display: block; min-height: 0; } .section-fullheight__inner_mobile-min-auto { height: auto; display: block; min-height: 100vh; } } /*!======================================================================== * 108. Slider Arrow * ======================================================================!*/ .slider-arrow { display: inline-flex; align-items: center; justify-content: center; z-index: 60; } .slider-arrow__button { color: currentColor; border: none; min-width: 0 !important; min-height: 0 !important; } .slider-arrow__button[disabled] { border-color: transparent; } .slider-arrow__button * { pointer-events: none; } .slider-arrow__button svg { width: calc(1 * 20 * 1px); height: calc(1 * 20 * 1px); } @media screen and (min-width: 360px) { .slider-arrow__button svg { width: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-arrow__button svg { width: calc(1 * 40 * 1px); } } @media screen and (min-width: 360px) { .slider-arrow__button svg { height: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-arrow__button svg { height: calc(1 * 40 * 1px); } } .slider-arrow_absolute { position: absolute; top: 50%; transform: translateY(-50%); } .slider-arrow_absolute.slider-arrow_left { left: var(--gutter-horizontal); transform: translate(-33%, -50%); } .slider-arrow_absolute.slider-arrow_right { right: var(--gutter-horizontal); transform: translate(33%, -50%); } .no-cursor-follower .slider-arrow__button:hover { border-color: currentColor !important; } @media screen and (max-width: 1024px) { .slider-arrow__button { border: none !important; } .slider-arrow_mobile-bottom.slider-arrow_absolute { top: auto; bottom: var(--gutter-vertical); } .slider-arrow_absolute.slider-arrow_left { transform: translate(0, -33%); } .slider-arrow_absolute.slider-arrow_right { transform: translate(0, -33%); } .no-cursor-follower .slider-arrow__button { padding-left: 0 !important; padding-right: 0 !important; } } /*!======================================================================== * 109. Slider Arrows * ======================================================================!*/ .slider-arrows { position: absolute; margin: -8px; } .slider-arrows_left-bottom { left: var(--gutter-horizontal); bottom: var(--gutter-vertical); } .slider-arrows_right-bottom { right: var(--gutter-horizontal); bottom: var(--gutter-vertical); } .slider-arrows_center-bottom { left: var(--gutter-horizontal); bottom: var(--gutter-vertical); right: var(--gutter-horizontal); margin: auto; text-align: center; } .slider-arrows__arrow { margin: 8px; } /*!======================================================================== * 110. Slider Categories * ======================================================================!*/ .slider-categories { display: inline-flex; flex-wrap: wrap; position: absolute; bottom: var(--gutter-vertical); z-index: 50; white-space: nowrap; opacity: var(--opacity-animation, 1); } .slider-categories_left { left: var(--gutter-horizontal); margin-right: auto; justify-content: flex-start; } .slider-categories_center { left: var(--gutter-horizontal); right: var(--gutter-horizontal); margin: 0 auto; justify-content: center; text-align: center; } .slider-categories_center .slider-categories__item { right: 0; } .slider-categories_right { right: var(--gutter-horizontal); margin-left: auto; justify-content: flex-end; text-align: right; } .slider-categories_right .slider-categories__item { right: 0; } .slider-categories__inner { position: relative; overflow: hidden; } .slider-categories__item { transition: all 0.6s ease; opacity: 1; } .slider-categories__item:not([current]) { transform: translateY(-100%); opacity: 0; } /*!======================================================================== * 111. Slider Dots * ======================================================================!*/ .slider-dots { display: inline-flex; flex-wrap: wrap; position: absolute; bottom: var(--gutter-vertical); z-index: 50; margin: -4px; } .slider-dots_vertical { flex-direction: column; height: auto; vertical-align: initial; } .slider-dots_left, .slider-dots_center-left { left: var(--gutter-horizontal); margin-right: auto; justify-content: flex-start; } .slider-dots_center-left { top: 50%; transform: translateY(-50%); bottom: auto; } .slider-dots_center.justify-content-center, .slider-dots_center.slider-dots_vertical { left: 50%; right: auto; transform: translateX(-50%) !important; } .slider-dots_center.justify-content-between, .slider-dots_center.justify-content-around { left: var(--gutter-horizontal); right: var(--gutter-horizontal); } .slider-dots_right, .slider-dots_center-right { right: var(--gutter-horizontal); margin-left: auto; } .slider-dots_right .slider-dots__item, .slider-dots_center-right .slider-dots__item { justify-content: flex-end; } .slider-dots_right .slider-dots__label, .slider-dots_center-right .slider-dots__label { order: -1; } .slider-dots_center-right { top: 50%; transform: translate(50%, -50%); bottom: auto; } .slider-dots__item { display: inline-flex; align-items: center; cursor: pointer; margin: 4px; transition: color 0.3s ease, opacity 0.3s ease; } .slider-dots__item[current] .slider-dots__label, .slider-dots__item[current] .slider-dots__counter { opacity: 1; } .slider-dots__item:not([current]):hover .slider-dots__label, .slider-dots__item:not([current]):hover .slider-dots__counter { opacity: 1; } .slider-dots__label, .slider-dots__counter { display: inline-block; pointer-events: none; padding: 0 0.75em; opacity: 0.6; transition: color 0.3s ease, opacity 0.3s ease; } .slider-dots__dot { pointer-events: none; --dot-size-min: 25; --dot-size-max: 40; --dot-color-border: #000; box-shadow: 0px 0px 0px 1px var(--dot-color-border) inset; transition: box-shadow 0.3s ease; position: relative; width: calc(1 * var(--dot-size-min) * 1px); height: calc(1 * var(--dot-size-min) * 1px); outline: none; display: inline-flex; align-items: center; border-radius: 100%; vertical-align: middle; z-index: 50; } @media screen and (min-width: 360px) { .slider-dots__dot { width: calc(1 * (var(--dot-size-min) * 1px + (var(--dot-size-max) - var(--dot-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-dots__dot { width: calc(1 * var(--dot-size-max) * 1px); } } @media screen and (min-width: 360px) { .slider-dots__dot { height: calc(1 * (var(--dot-size-min) * 1px + (var(--dot-size-max) - var(--dot-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-dots__dot { height: calc(1 * var(--dot-size-max) * 1px); } } .slider-dots__dot svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 100%; height: 100%; border-radius: 100%; stroke-width: 4px; pointer-events: none; } .slider-dots__dot svg .circle { stroke: currentColor; } .slider-dots__dot:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; display: block; width: calc(1 * 2 * 1px); height: calc(1 * 2 * 1px); border-radius: 100%; } @media screen and (min-width: 360px) { .slider-dots__dot:after { width: calc(1 * (2 * 1px + (4 - 2) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-dots__dot:after { width: calc(1 * 4 * 1px); } } @media screen and (min-width: 360px) { .slider-dots__dot:after { height: calc(1 * (2 * 1px + (4 - 2) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-dots__dot:after { height: calc(1 * 4 * 1px); } } .slider-dots__dot_number { --size-min: 40; --size-max: 80; --dot-size-min: 40; --dot-size-max: 80; justify-content: center; flex-wrap: wrap; } .slider-dots__dot_number svg { stroke-width: 1px; } .slider-dots__dot_number:after { display: none; } @media screen and (max-width: 1024px) { .slider-dots { bottom: var(--gutter-vertical); } .slider-dots_center-right { transform: translate(0%, -50%); bottom: auto; } } /*!======================================================================== * 112. Slider Fullpage Backgrounds * ======================================================================!*/ .slider-fullpage-backgrounds { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 50; } .slider-fullpage-backgrounds.locked .slider-fullpage-backgrounds__section { pointer-events: none !important; } .slider-fullpage-backgrounds.locked .slider-fullpage-backgrounds__section * { pointer-events: none !important; } .slider-fullpage-backgrounds[data-arts-os-animation=true] .slider-fullpage-backgrounds__section:first-child { opacity: 1; } .slider-fullpage-backgrounds[data-arts-os-animation=true] .slider-fullpage-backgrounds__section:first-child .slider-fullpage-backgrounds__wrapper-background { opacity: 1; } .slider-fullpage-backgrounds[data-arts-os-animation=true] .slider-fullpage-backgrounds__section:first-child .slider-fullpage-backgrounds__wrapper-background *:not(.slider-fullpage-backgrounds__overlay) { opacity: 1; } .slider-fullpage-backgrounds[data-arts-os-animation=true] .slider-fullpage-backgrounds__section:first-child .slider-fullpage-backgrounds__wrapper-content { opacity: 0; } .slider-fullpage-backgrounds__wrapper-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; --shape-size: 100; --shape-size-multipler: 1; --shape-position: calc(82.5% - var(--gutter-horizontal)); } .slider-fullpage-backgrounds__wrapper-background:not(.js-ajax-transition-clone) { z-index: 10 !important; } .slider-fullpage-backgrounds__wrapper-background_mask-circle { clip-path: circle(max(var(--shape-size) * var(--shape-size-multipler) * 1vw, var(--shape-size) * var(--shape-size-multipler) * 1vh) at var(--shape-position) 50%); } .slider-fullpage-backgrounds__wrapper-background-mask { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transform-origin: center center; } .slider-fullpage-backgrounds__header { position: relative; } .slider-fullpage-backgrounds__wrapper-text { display: inline-block; max-width: 600px; } .slider-fullpage-backgrounds__wrapper-content { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; z-index: 50; } .slider-fullpage-backgrounds__container { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 100%; padding-left: calc(var(--gutter-horizontal) * 2.5); padding-right: calc(var(--gutter-horizontal) * 2.5); } .slider-fullpage-backgrounds__section { perspective: 1px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; overflow: hidden; } .slider-fullpage-backgrounds__section:not([data-arts-fullpage-slider-section-state=current]):not(.slider-fullpage-backgrounds__section_single) { pointer-events: none; } .slider-fullpage-backgrounds__section:not([data-arts-fullpage-slider-section-state=current]):not(.slider-fullpage-backgrounds__section_single) * { pointer-events: none; } .slider-fullpage-backgrounds__overlay { opacity: 0; z-index: 20; } .slider-fullpage-backgrounds__col { position: relative; height: 100%; } .slider-fullpage-backgrounds__col_gutters { padding-top: calc(var(--header-height, 0px) + var(--gutter-vertical)); padding-right: calc(var(--gutter-horizontal) * 2); padding-bottom: var(--gutter-vertical); padding-left: calc(var(--gutter-horizontal) * 2); } .slider-fullpage-backgrounds__wrapper-button_centered { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%) !important; z-index: 100; } .slider-fullpage-backgrounds__wrapper-background_arc { width: auto; height: 100%; aspect-ratio: 1/1.5; margin: 0 auto; } .slider-fullpage-backgrounds__wrapper-button_arc { position: absolute; top: 50%; left: auto; right: 0; transform: translate(0, -50%); z-index: 100; } @media screen and (max-width: 1200px) { .slider-fullpage-backgrounds__col_gutters { padding-top: var(--header-height, 0px); padding-right: 0; padding-bottom: var(--gutter-vertical); padding-left: 0; } .slider-fullpage-backgrounds__wrapper-button_centered { left: 50%; } } @media screen and (max-width: 1024px) { .slider-fullpage-backgrounds__container { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } } @media screen and (max-width: 767px) { .slider-fullpage-backgrounds__header { width: 100%; } .slider-fullpage-backgrounds__wrapper-background { --shape-position: 50%; --shape-size-multipler: 1.2; } .slider-fullpage-backgrounds__wrapper-background_arc { width: 100%; height: 100%; aspect-ratio: initial; } } /*!======================================================================== * 113. Slider Images * ======================================================================!*/ .slider-images { position: relative; width: 100%; overflow: hidden; --slider-min-height: 40; --slider-max-height: 66; --slider-height: calc(1 * var(--slider-min-height) * 1vh); height: var(--slider-height); } @media screen and (min-width: 360px) { .slider-images { --slider-height: calc(1 * (var(--slider-min-height) * 1vh + (var(--slider-max-height) - var(--slider-min-height)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-images { --slider-height: calc(1 * var(--slider-max-height) * 1vh); } } .slider-images__lane { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; height: 100%; overflow-x: hidden; } .slider-images__item { height: 100%; max-width: calc(100vw - 4 * var(--gutter-horizontal)); } /*!======================================================================== * 114. Slider Testimonials * ======================================================================!*/ .slider-testimonials { position: relative; } .slider-testimonials__container { position: relative; } .slider-testimonials__sign { display: inline-flex; } .slider-testimonials__sign svg { width: calc(1 * 40 * 1px); fill: currentColor; } @media screen and (min-width: 360px) { .slider-testimonials__sign svg { width: calc(1 * (40 * 1px + (80 - 40) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-testimonials__sign svg { width: calc(1 * 80 * 1px); } } .slider-testimonials__dot-image { display: inline-block; width: 100%; height: 100%; transition: opacity 0.3s ease; } .slider-testimonials__dot { cursor: pointer; --size-min: 60; --size-max: 80; position: relative; width: calc(1 * var(--size-min) * 1px); height: calc(1 * var(--size-min) * 1px); outline: none; border-radius: 100%; margin: 0.5em; background-color: #000; } @media screen and (min-width: 360px) { .slider-testimonials__dot { width: calc(1 * (var(--size-min) * 1px + (var(--size-max) - var(--size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-testimonials__dot { width: calc(1 * var(--size-max) * 1px); } } @media screen and (min-width: 360px) { .slider-testimonials__dot { height: calc(1 * (var(--size-min) * 1px + (var(--size-max) - var(--size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .slider-testimonials__dot { height: calc(1 * var(--size-max) * 1px); } } .slider-testimonials__dot svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; stroke-width: 4px; pointer-events: none; } .slider-testimonials__dot svg .circle { stroke: currentColor; } .slider-testimonials__dot[current] .slider-testimonials__dot-image { opacity: 1; } .slider-testimonials__dot:not([current]) .slider-testimonials__dot-image { opacity: 0.5; } .slider-testimonials__dot:not([current]):hover .slider-testimonials__dot-image { opacity: 1; } .slider-testimonials__dot * { pointer-events: none; } .slider-testimonials__dots { position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 50; } .slider-testimonials__arrow { position: absolute; top: 50%; transform: translate(0%, -50%); } .slider-testimonials__arrow-prev { left: var(--gutter-horizontal); right: auto; transform: translate(-33%, -50%); } .slider-testimonials__arrow-next { left: auto; right: var(--gutter-horizontal); transform: translate(33%, -50%); } @media screen and (max-width: 1024px) { .slider-testimonials__arrow { top: calc(1 * 35 * 1px); } } @media screen and (max-width: 1024px) and (min-width: 360px) { .slider-testimonials__arrow { top: calc(1 * (35 * 1px + (60 - 35) * (100vw - 360px) / 1560)); } } @media screen and (max-width: 1024px) and (min-width: 1920px) { .slider-testimonials__arrow { top: calc(1 * 60 * 1px); } } /*!======================================================================== * 115. Social * ======================================================================!*/ .soc1al { display: block; --social-size: 16; padding: 0; list-style: none; margin: calc(var(--social-size) * -0.25px); } .soc1al .soc1al__item { display: inline-block; transition: none; margin: calc(var(--social-size) * 0.25px); } .soc1al .soc1al__item a { display: flex !important; align-items: center; justify-content: center; width: calc(var(--social-size) * 2.5px); height: calc(var(--social-size) * 2.5px); font-size: calc(var(--social-size) * 1px); border-radius: 50%; transition: 0.3s color ease, 0.3s border-color ease; } .soc1al .soc1al__item a:hover { border-color: var(--color-accent) !important; } .soc1al .soc1al__item a:hover svg g { fill: var(--color-accent); } .soc1al .soc1al__item svg { max-width: calc(var(--social-size) * 1px); max-height: calc(var(--social-size) * 1px); } .soc1al .soc1al__item svg g { transition: all 0.3s ease; } .soc1al_large { --social-size: 20; } .soc1al_xlarge { --social-size: 24; } .soc1al_small { --social-size: 12; } .has-cursor-follower .soc1al_borders-opacity .soc1al__item a[data-arts-cursor-follower-target]:hover { border-color: transparent !important; } .soc1al_borders-opacity .soc1al__item a { border: 1px solid var(--color-border-opacity); } .no-cursor-follower .soc1al_borders-opacity-no-cursor .soc1al__item a { border: 1px solid var(--color-border-opacity); } .soc1al_borders-solid .soc1al__item a { border: 1px solid var(--color-border-solid); } .elementor-social-icon, .elementor-social-icon i { transition: 0.3s color ease, 0.3s border-color ease; } .elementor-grid-0 .elementor-grid.elementor-social-icons-wrapper { display: inline-flex; flex-wrap: wrap; } /*!======================================================================== * 116. Fluid * ======================================================================!*/ .m-xxsmall { margin: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .m-xxsmall { margin: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-xxsmall { margin: calc(1 * var(--distance-max-xxsmall) * 1px); } } .my-xxsmall { margin-top: calc(1 * var(--distance-min-xxsmall) * 1px); margin-bottom: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .my-xxsmall { margin-top: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xxsmall { margin-top: calc(1 * var(--distance-max-xxsmall) * 1px); } } @media screen and (min-width: 360px) { .my-xxsmall { margin-bottom: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xxsmall { margin-bottom: calc(1 * var(--distance-max-xxsmall) * 1px); } } .mx-xxsmall { margin-left: calc(1 * var(--distance-min-xxsmall) * 1px); margin-right: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .mx-xxsmall { margin-left: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xxsmall { margin-left: calc(1 * var(--distance-max-xxsmall) * 1px); } } @media screen and (min-width: 360px) { .mx-xxsmall { margin-right: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xxsmall { margin-right: calc(1 * var(--distance-max-xxsmall) * 1px); } } .mt-xxsmall { margin-top: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .mt-xxsmall { margin-top: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-xxsmall { margin-top: calc(1 * var(--distance-max-xxsmall) * 1px); } } .me-xxsmall { margin-right: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .me-xxsmall { margin-right: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-xxsmall { margin-right: calc(1 * var(--distance-max-xxsmall) * 1px); } } .mb-xxsmall { margin-bottom: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .mb-xxsmall { margin-bottom: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-xxsmall { margin-bottom: calc(1 * var(--distance-max-xxsmall) * 1px); } } .ms-xxsmall { margin-left: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .ms-xxsmall { margin-left: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-xxsmall { margin-left: calc(1 * var(--distance-max-xxsmall) * 1px); } } .mt-minus-xxsmall { margin-top: calc(-1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .mt-minus-xxsmall { margin-top: calc(-1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-xxsmall { margin-top: calc(-1 * var(--distance-max-xxsmall) * 1px); } } .me-minus-xxsmall { margin-right: calc(-1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .me-minus-xxsmall { margin-right: calc(-1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-xxsmall { margin-right: calc(-1 * var(--distance-max-xxsmall) * 1px); } } .mb-minus-xxsmall { margin-bottom: calc(-1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .mb-minus-xxsmall { margin-bottom: calc(-1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-xxsmall { margin-bottom: calc(-1 * var(--distance-max-xxsmall) * 1px); } } .ms-minus-xxsmall { margin-left: calc(-1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .ms-minus-xxsmall { margin-left: calc(-1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-xxsmall { margin-left: calc(-1 * var(--distance-max-xxsmall) * 1px); } } .m-xsmall { margin: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .m-xsmall { margin: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-xsmall { margin: calc(1 * var(--distance-max-xsmall) * 1px); } } .my-xsmall { margin-top: calc(1 * var(--distance-min-xsmall) * 1px); margin-bottom: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .my-xsmall { margin-top: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xsmall { margin-top: calc(1 * var(--distance-max-xsmall) * 1px); } } @media screen and (min-width: 360px) { .my-xsmall { margin-bottom: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xsmall { margin-bottom: calc(1 * var(--distance-max-xsmall) * 1px); } } .mx-xsmall { margin-left: calc(1 * var(--distance-min-xsmall) * 1px); margin-right: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .mx-xsmall { margin-left: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xsmall { margin-left: calc(1 * var(--distance-max-xsmall) * 1px); } } @media screen and (min-width: 360px) { .mx-xsmall { margin-right: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xsmall { margin-right: calc(1 * var(--distance-max-xsmall) * 1px); } } .mt-xsmall { margin-top: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .mt-xsmall { margin-top: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-xsmall { margin-top: calc(1 * var(--distance-max-xsmall) * 1px); } } .me-xsmall { margin-right: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .me-xsmall { margin-right: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-xsmall { margin-right: calc(1 * var(--distance-max-xsmall) * 1px); } } .mb-xsmall { margin-bottom: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .mb-xsmall { margin-bottom: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-xsmall { margin-bottom: calc(1 * var(--distance-max-xsmall) * 1px); } } .ms-xsmall { margin-left: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .ms-xsmall { margin-left: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-xsmall { margin-left: calc(1 * var(--distance-max-xsmall) * 1px); } } .mt-minus-xsmall { margin-top: calc(-1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .mt-minus-xsmall { margin-top: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-xsmall { margin-top: calc(-1 * var(--distance-max-xsmall) * 1px); } } .me-minus-xsmall { margin-right: calc(-1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .me-minus-xsmall { margin-right: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-xsmall { margin-right: calc(-1 * var(--distance-max-xsmall) * 1px); } } .mb-minus-xsmall { margin-bottom: calc(-1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .mb-minus-xsmall { margin-bottom: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-xsmall { margin-bottom: calc(-1 * var(--distance-max-xsmall) * 1px); } } .ms-minus-xsmall { margin-left: calc(-1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .ms-minus-xsmall { margin-left: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-xsmall { margin-left: calc(-1 * var(--distance-max-xsmall) * 1px); } } .m-small { margin: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .m-small { margin: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-small { margin: calc(1 * var(--distance-max-small) * 1px); } } .my-small { margin-top: calc(1 * var(--distance-min-small) * 1px); margin-bottom: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .my-small { margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-small { margin-top: calc(1 * var(--distance-max-small) * 1px); } } @media screen and (min-width: 360px) { .my-small { margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-small { margin-bottom: calc(1 * var(--distance-max-small) * 1px); } } .mx-small { margin-left: calc(1 * var(--distance-min-small) * 1px); margin-right: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .mx-small { margin-left: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-small { margin-left: calc(1 * var(--distance-max-small) * 1px); } } @media screen and (min-width: 360px) { .mx-small { margin-right: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-small { margin-right: calc(1 * var(--distance-max-small) * 1px); } } .mt-small { margin-top: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .mt-small { margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-small { margin-top: calc(1 * var(--distance-max-small) * 1px); } } .me-small { margin-right: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .me-small { margin-right: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-small { margin-right: calc(1 * var(--distance-max-small) * 1px); } } .mb-small { margin-bottom: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .mb-small { margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-small { margin-bottom: calc(1 * var(--distance-max-small) * 1px); } } .ms-small { margin-left: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .ms-small { margin-left: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-small { margin-left: calc(1 * var(--distance-max-small) * 1px); } } .mt-minus-small { margin-top: calc(-1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .mt-minus-small { margin-top: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-small { margin-top: calc(-1 * var(--distance-max-small) * 1px); } } .me-minus-small { margin-right: calc(-1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .me-minus-small { margin-right: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-small { margin-right: calc(-1 * var(--distance-max-small) * 1px); } } .mb-minus-small { margin-bottom: calc(-1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .mb-minus-small { margin-bottom: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-small { margin-bottom: calc(-1 * var(--distance-max-small) * 1px); } } .ms-minus-small { margin-left: calc(-1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .ms-minus-small { margin-left: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-small { margin-left: calc(-1 * var(--distance-max-small) * 1px); } } .m-medium { margin: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .m-medium { margin: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-medium { margin: calc(1 * var(--distance-max-medium) * 1px); } } .my-medium { margin-top: calc(1 * var(--distance-min-medium) * 1px); margin-bottom: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .my-medium { margin-top: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-medium { margin-top: calc(1 * var(--distance-max-medium) * 1px); } } @media screen and (min-width: 360px) { .my-medium { margin-bottom: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-medium { margin-bottom: calc(1 * var(--distance-max-medium) * 1px); } } .mx-medium { margin-left: calc(1 * var(--distance-min-medium) * 1px); margin-right: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .mx-medium { margin-left: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-medium { margin-left: calc(1 * var(--distance-max-medium) * 1px); } } @media screen and (min-width: 360px) { .mx-medium { margin-right: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-medium { margin-right: calc(1 * var(--distance-max-medium) * 1px); } } .mt-medium { margin-top: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .mt-medium { margin-top: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-medium { margin-top: calc(1 * var(--distance-max-medium) * 1px); } } .me-medium { margin-right: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .me-medium { margin-right: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-medium { margin-right: calc(1 * var(--distance-max-medium) * 1px); } } .mb-medium { margin-bottom: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .mb-medium { margin-bottom: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-medium { margin-bottom: calc(1 * var(--distance-max-medium) * 1px); } } .ms-medium { margin-left: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .ms-medium { margin-left: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-medium { margin-left: calc(1 * var(--distance-max-medium) * 1px); } } .mt-minus-medium { margin-top: calc(-1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .mt-minus-medium { margin-top: calc(-1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-medium { margin-top: calc(-1 * var(--distance-max-medium) * 1px); } } .me-minus-medium { margin-right: calc(-1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .me-minus-medium { margin-right: calc(-1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-medium { margin-right: calc(-1 * var(--distance-max-medium) * 1px); } } .mb-minus-medium { margin-bottom: calc(-1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .mb-minus-medium { margin-bottom: calc(-1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-medium { margin-bottom: calc(-1 * var(--distance-max-medium) * 1px); } } .ms-minus-medium { margin-left: calc(-1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .ms-minus-medium { margin-left: calc(-1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-medium { margin-left: calc(-1 * var(--distance-max-medium) * 1px); } } .m-large { margin: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .m-large { margin: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-large { margin: calc(1 * var(--distance-max-large) * 1px); } } .my-large { margin-top: calc(1 * var(--distance-min-large) * 1px); margin-bottom: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .my-large { margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-large { margin-top: calc(1 * var(--distance-max-large) * 1px); } } @media screen and (min-width: 360px) { .my-large { margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-large { margin-bottom: calc(1 * var(--distance-max-large) * 1px); } } .mx-large { margin-left: calc(1 * var(--distance-min-large) * 1px); margin-right: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .mx-large { margin-left: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-large { margin-left: calc(1 * var(--distance-max-large) * 1px); } } @media screen and (min-width: 360px) { .mx-large { margin-right: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-large { margin-right: calc(1 * var(--distance-max-large) * 1px); } } .mt-large { margin-top: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .mt-large { margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-large { margin-top: calc(1 * var(--distance-max-large) * 1px); } } .me-large { margin-right: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .me-large { margin-right: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-large { margin-right: calc(1 * var(--distance-max-large) * 1px); } } .mb-large { margin-bottom: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .mb-large { margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-large { margin-bottom: calc(1 * var(--distance-max-large) * 1px); } } .ms-large { margin-left: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .ms-large { margin-left: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-large { margin-left: calc(1 * var(--distance-max-large) * 1px); } } .mt-minus-large { margin-top: calc(-1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .mt-minus-large { margin-top: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-large { margin-top: calc(-1 * var(--distance-max-large) * 1px); } } .me-minus-large { margin-right: calc(-1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .me-minus-large { margin-right: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-large { margin-right: calc(-1 * var(--distance-max-large) * 1px); } } .mb-minus-large { margin-bottom: calc(-1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .mb-minus-large { margin-bottom: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-large { margin-bottom: calc(-1 * var(--distance-max-large) * 1px); } } .ms-minus-large { margin-left: calc(-1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .ms-minus-large { margin-left: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-large { margin-left: calc(-1 * var(--distance-max-large) * 1px); } } .m-xlarge { margin: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .m-xlarge { margin: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .m-xlarge { margin: calc(1 * var(--distance-max-xlarge) * 1px); } } .my-xlarge { margin-top: calc(1 * var(--distance-min-xlarge) * 1px); margin-bottom: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .my-xlarge { margin-top: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xlarge { margin-top: calc(1 * var(--distance-max-xlarge) * 1px); } } @media screen and (min-width: 360px) { .my-xlarge { margin-bottom: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .my-xlarge { margin-bottom: calc(1 * var(--distance-max-xlarge) * 1px); } } .mx-xlarge { margin-left: calc(1 * var(--distance-min-xlarge) * 1px); margin-right: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .mx-xlarge { margin-left: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xlarge { margin-left: calc(1 * var(--distance-max-xlarge) * 1px); } } @media screen and (min-width: 360px) { .mx-xlarge { margin-right: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mx-xlarge { margin-right: calc(1 * var(--distance-max-xlarge) * 1px); } } .mt-xlarge { margin-top: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .mt-xlarge { margin-top: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-xlarge { margin-top: calc(1 * var(--distance-max-xlarge) * 1px); } } .me-xlarge { margin-right: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .me-xlarge { margin-right: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-xlarge { margin-right: calc(1 * var(--distance-max-xlarge) * 1px); } } .mb-xlarge { margin-bottom: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .mb-xlarge { margin-bottom: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-xlarge { margin-bottom: calc(1 * var(--distance-max-xlarge) * 1px); } } .ms-xlarge { margin-left: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .ms-xlarge { margin-left: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-xlarge { margin-left: calc(1 * var(--distance-max-xlarge) * 1px); } } .mt-minus-xlarge { margin-top: calc(-1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .mt-minus-xlarge { margin-top: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mt-minus-xlarge { margin-top: calc(-1 * var(--distance-max-xlarge) * 1px); } } .me-minus-xlarge { margin-right: calc(-1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .me-minus-xlarge { margin-right: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .me-minus-xlarge { margin-right: calc(-1 * var(--distance-max-xlarge) * 1px); } } .mb-minus-xlarge { margin-bottom: calc(-1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .mb-minus-xlarge { margin-bottom: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .mb-minus-xlarge { margin-bottom: calc(-1 * var(--distance-max-xlarge) * 1px); } } .ms-minus-xlarge { margin-left: calc(-1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .ms-minus-xlarge { margin-left: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ms-minus-xlarge { margin-left: calc(-1 * var(--distance-max-xlarge) * 1px); } } .p-xxsmall { padding: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .p-xxsmall { padding: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-xxsmall { padding: calc(1 * var(--distance-max-xxsmall) * 1px); } } .py-xxsmall { padding-top: calc(1 * var(--distance-min-xxsmall) * 1px); padding-bottom: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .py-xxsmall { padding-top: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xxsmall { padding-top: calc(1 * var(--distance-max-xxsmall) * 1px); } } @media screen and (min-width: 360px) { .py-xxsmall { padding-bottom: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xxsmall { padding-bottom: calc(1 * var(--distance-max-xxsmall) * 1px); } } .px-xxsmall { padding-left: calc(1 * var(--distance-min-xxsmall) * 1px); padding-right: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .px-xxsmall { padding-left: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xxsmall { padding-left: calc(1 * var(--distance-max-xxsmall) * 1px); } } @media screen and (min-width: 360px) { .px-xxsmall { padding-right: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xxsmall { padding-right: calc(1 * var(--distance-max-xxsmall) * 1px); } } .pt-xxsmall { padding-top: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .pt-xxsmall { padding-top: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-xxsmall { padding-top: calc(1 * var(--distance-max-xxsmall) * 1px); } } .pe-xxsmall { padding-right: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .pe-xxsmall { padding-right: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-xxsmall { padding-right: calc(1 * var(--distance-max-xxsmall) * 1px); } } .pb-xxsmall { padding-bottom: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .pb-xxsmall { padding-bottom: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-xxsmall { padding-bottom: calc(1 * var(--distance-max-xxsmall) * 1px); } } .ps-xxsmall { padding-left: calc(1 * var(--distance-min-xxsmall) * 1px); } @media screen and (min-width: 360px) { .ps-xxsmall { padding-left: calc(1 * (var(--distance-min-xxsmall) * 1px + (var(--distance-max-xxsmall) - var(--distance-min-xxsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-xxsmall { padding-left: calc(1 * var(--distance-max-xxsmall) * 1px); } } .p-xsmall { padding: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .p-xsmall { padding: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-xsmall { padding: calc(1 * var(--distance-max-xsmall) * 1px); } } .py-xsmall { padding-top: calc(1 * var(--distance-min-xsmall) * 1px); padding-bottom: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .py-xsmall { padding-top: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xsmall { padding-top: calc(1 * var(--distance-max-xsmall) * 1px); } } @media screen and (min-width: 360px) { .py-xsmall { padding-bottom: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xsmall { padding-bottom: calc(1 * var(--distance-max-xsmall) * 1px); } } .px-xsmall { padding-left: calc(1 * var(--distance-min-xsmall) * 1px); padding-right: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .px-xsmall { padding-left: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xsmall { padding-left: calc(1 * var(--distance-max-xsmall) * 1px); } } @media screen and (min-width: 360px) { .px-xsmall { padding-right: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xsmall { padding-right: calc(1 * var(--distance-max-xsmall) * 1px); } } .pt-xsmall { padding-top: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .pt-xsmall { padding-top: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-xsmall { padding-top: calc(1 * var(--distance-max-xsmall) * 1px); } } .pe-xsmall { padding-right: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .pe-xsmall { padding-right: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-xsmall { padding-right: calc(1 * var(--distance-max-xsmall) * 1px); } } .pb-xsmall { padding-bottom: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .pb-xsmall { padding-bottom: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-xsmall { padding-bottom: calc(1 * var(--distance-max-xsmall) * 1px); } } .ps-xsmall { padding-left: calc(1 * var(--distance-min-xsmall) * 1px); } @media screen and (min-width: 360px) { .ps-xsmall { padding-left: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-xsmall { padding-left: calc(1 * var(--distance-max-xsmall) * 1px); } } .p-small { padding: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .p-small { padding: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-small { padding: calc(1 * var(--distance-max-small) * 1px); } } .py-small { padding-top: calc(1 * var(--distance-min-small) * 1px); padding-bottom: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .py-small { padding-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-small { padding-top: calc(1 * var(--distance-max-small) * 1px); } } @media screen and (min-width: 360px) { .py-small { padding-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-small { padding-bottom: calc(1 * var(--distance-max-small) * 1px); } } .px-small { padding-left: calc(1 * var(--distance-min-small) * 1px); padding-right: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .px-small { padding-left: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-small { padding-left: calc(1 * var(--distance-max-small) * 1px); } } @media screen and (min-width: 360px) { .px-small { padding-right: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-small { padding-right: calc(1 * var(--distance-max-small) * 1px); } } .pt-small { padding-top: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .pt-small { padding-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-small { padding-top: calc(1 * var(--distance-max-small) * 1px); } } .pe-small { padding-right: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .pe-small { padding-right: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-small { padding-right: calc(1 * var(--distance-max-small) * 1px); } } .pb-small { padding-bottom: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .pb-small { padding-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-small { padding-bottom: calc(1 * var(--distance-max-small) * 1px); } } .ps-small { padding-left: calc(1 * var(--distance-min-small) * 1px); } @media screen and (min-width: 360px) { .ps-small { padding-left: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-small { padding-left: calc(1 * var(--distance-max-small) * 1px); } } .p-medium { padding: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .p-medium { padding: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-medium { padding: calc(1 * var(--distance-max-medium) * 1px); } } .py-medium { padding-top: calc(1 * var(--distance-min-medium) * 1px); padding-bottom: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .py-medium { padding-top: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-medium { padding-top: calc(1 * var(--distance-max-medium) * 1px); } } @media screen and (min-width: 360px) { .py-medium { padding-bottom: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-medium { padding-bottom: calc(1 * var(--distance-max-medium) * 1px); } } .px-medium { padding-left: calc(1 * var(--distance-min-medium) * 1px); padding-right: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .px-medium { padding-left: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-medium { padding-left: calc(1 * var(--distance-max-medium) * 1px); } } @media screen and (min-width: 360px) { .px-medium { padding-right: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-medium { padding-right: calc(1 * var(--distance-max-medium) * 1px); } } .pt-medium { padding-top: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .pt-medium { padding-top: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-medium { padding-top: calc(1 * var(--distance-max-medium) * 1px); } } .pe-medium { padding-right: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .pe-medium { padding-right: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-medium { padding-right: calc(1 * var(--distance-max-medium) * 1px); } } .pb-medium { padding-bottom: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .pb-medium { padding-bottom: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-medium { padding-bottom: calc(1 * var(--distance-max-medium) * 1px); } } .ps-medium { padding-left: calc(1 * var(--distance-min-medium) * 1px); } @media screen and (min-width: 360px) { .ps-medium { padding-left: calc(1 * (var(--distance-min-medium) * 1px + (var(--distance-max-medium) - var(--distance-min-medium)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-medium { padding-left: calc(1 * var(--distance-max-medium) * 1px); } } .p-large { padding: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .p-large { padding: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-large { padding: calc(1 * var(--distance-max-large) * 1px); } } .py-large { padding-top: calc(1 * var(--distance-min-large) * 1px); padding-bottom: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .py-large { padding-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-large { padding-top: calc(1 * var(--distance-max-large) * 1px); } } @media screen and (min-width: 360px) { .py-large { padding-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-large { padding-bottom: calc(1 * var(--distance-max-large) * 1px); } } .px-large { padding-left: calc(1 * var(--distance-min-large) * 1px); padding-right: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .px-large { padding-left: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-large { padding-left: calc(1 * var(--distance-max-large) * 1px); } } @media screen and (min-width: 360px) { .px-large { padding-right: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-large { padding-right: calc(1 * var(--distance-max-large) * 1px); } } .pt-large { padding-top: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .pt-large { padding-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-large { padding-top: calc(1 * var(--distance-max-large) * 1px); } } .pe-large { padding-right: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .pe-large { padding-right: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-large { padding-right: calc(1 * var(--distance-max-large) * 1px); } } .pb-large { padding-bottom: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .pb-large { padding-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-large { padding-bottom: calc(1 * var(--distance-max-large) * 1px); } } .ps-large { padding-left: calc(1 * var(--distance-min-large) * 1px); } @media screen and (min-width: 360px) { .ps-large { padding-left: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-large { padding-left: calc(1 * var(--distance-max-large) * 1px); } } .p-xlarge { padding: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .p-xlarge { padding: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .p-xlarge { padding: calc(1 * var(--distance-max-xlarge) * 1px); } } .py-xlarge { padding-top: calc(1 * var(--distance-min-xlarge) * 1px); padding-bottom: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .py-xlarge { padding-top: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xlarge { padding-top: calc(1 * var(--distance-max-xlarge) * 1px); } } @media screen and (min-width: 360px) { .py-xlarge { padding-bottom: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .py-xlarge { padding-bottom: calc(1 * var(--distance-max-xlarge) * 1px); } } .px-xlarge { padding-left: calc(1 * var(--distance-min-xlarge) * 1px); padding-right: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .px-xlarge { padding-left: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xlarge { padding-left: calc(1 * var(--distance-max-xlarge) * 1px); } } @media screen and (min-width: 360px) { .px-xlarge { padding-right: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .px-xlarge { padding-right: calc(1 * var(--distance-max-xlarge) * 1px); } } .pt-xlarge { padding-top: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .pt-xlarge { padding-top: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pt-xlarge { padding-top: calc(1 * var(--distance-max-xlarge) * 1px); } } .pe-xlarge { padding-right: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .pe-xlarge { padding-right: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pe-xlarge { padding-right: calc(1 * var(--distance-max-xlarge) * 1px); } } .pb-xlarge { padding-bottom: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .pb-xlarge { padding-bottom: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pb-xlarge { padding-bottom: calc(1 * var(--distance-max-xlarge) * 1px); } } .ps-xlarge { padding-left: calc(1 * var(--distance-min-xlarge) * 1px); } @media screen and (min-width: 360px) { .ps-xlarge { padding-left: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .ps-xlarge { padding-left: calc(1 * var(--distance-max-xlarge) * 1px); } } /*!======================================================================== * 117. Gutters Default * ======================================================================!*/ .m-gutters { margin-top: var(--gutter-vertical); margin-bottom: var(--gutter-vertical); margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .m-min-gutters { margin-top: calc(var(--gutter-vertical-min) * 1px); margin-bottom: calc(var(--gutter-vertical-min) * 1px); margin-left: calc(var(--gutter-horizontal-min) * 1px); margin-right: calc(var(--gutter-horizontal-min) * 1px); } .mx-gutters { margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .mx-min-gutters { margin-left: calc(var(--gutter-horizontal-min) * 1px); margin-right: calc(var(--gutter-horizontal-min) * 1px); } .me-gutters { margin-right: var(--gutter-horizontal); } .ms-gutters { margin-left: var(--gutter-horizontal); } .my-gutters { margin-top: var(--gutter-vertical); margin-bottom: var(--gutter-vertical); } .my-min-gutters { margin-top: calc(var(--gutter-vertical-min) * 1px); margin-bottom: calc(var(--gutter-vertical-min) * 1px); } .mt-gutters { margin-top: var(--gutter-vertical); } .mb-gutters { margin-bottom: var(--gutter-vertical); } .my-gutters-horizontal { margin-top: var(--gutter-horizontal); margin-bottom: var(--gutter-horizontal); } .my-min-gutters-horizontal { margin-top: calc(var(--gutter-horizontal-min) * 1px); margin-bottom: calc(var(--gutter-horizontal-min) * 1px); } .mt-gutter-horizontal { margin-top: var(--gutter-horizontal); } .mt-min-gutter-horizontal { margin-top: calc(var(--gutter-horizontal-min) * 1px); } .mb-gutter-horizontal { margin-bottom: var(--gutter-horizontal); } .mb-min-gutter-horizontal { margin-bottom: calc(var(--gutter-horizontal-min) * 1px); } .mx-gutters-horizontal { margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .mx-min-gutters-horizontal { margin-left: calc(var(--gutter-horizontal-min) * 1px); margin-right: calc(var(--gutter-horizontal-min) * 1px); } .me-gutter-horizontal { margin-right: var(--gutter-horizontal); } .me-min-gutter-horizontal { margin-right: calc(var(--gutter-horizontal-min) * 1px); } .ms-gutter-horizontal { margin-left: var(--gutter-horizontal); } .ms-min-gutter-horizontal { margin-left: calc(var(--gutter-horizontal-min) * 1px); } .my-gutters-vertical { margin-top: var(--gutter-vertical); margin-bottom: var(--gutter-vertical); } .my-min-gutters-vertical { margin-top: calc(var(--gutter-vertical-min) * 1px); margin-bottom: calc(var(--gutter-vertical-min) * 1px); } .mt-gutter-vertical { margin-top: var(--gutter-vertical); } .mt-min-gutter-vertical { margin-top: calc(var(--gutter-vertical-min) * 1px); } .mb-gutter-vertical { margin-bottom: var(--gutter-vertical); } .mb-min-gutter-vertical { margin-bottom: calc(var(--gutter-vertical-min) * 1px); } .mx-gutters-vertical { margin-left: var(--gutter-vertical); margin-right: var(--gutter-vertical); } .mx-min-gutters-vertical { margin-left: calc(var(--gutter-vertical-min) * 1px); margin-right: calc(var(--gutter-vertical-min) * 1px); } .me-gutter-vertical { margin-right: var(--gutter-vertical); } .me-min-gutter-vertical { margin-right: calc(var(--gutter-vertical-min) * 1px); } .ms-gutter-vertical { margin-left: var(--gutter-vertical); } .ms-min-gutter-vertical { margin-left: calc(var(--gutter-vertical-min) * 1px); } .p-gutters { padding-top: var(--gutter-vertical); padding-bottom: var(--gutter-vertical); padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .p-min-gutters { padding-top: calc(var(--gutter-vertical-min) * 1px); padding-bottom: calc(var(--gutter-vertical-min) * 1px); padding-left: calc(var(--gutter-horizontal-min) * 1px); padding-right: calc(var(--gutter-horizontal-min) * 1px); } .px-gutters { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .px-min-gutters { padding-left: calc(var(--gutter-horizontal-min) * 1px); padding-right: calc(var(--gutter-horizontal-min) * 1px); } .pe-gutters { padding-right: var(--gutter-horizontal); } .ps-gutters { padding-left: var(--gutter-horizontal); } .py-gutters { padding-top: var(--gutter-vertical); padding-bottom: var(--gutter-vertical); } .py-min-gutters { padding-top: calc(var(--gutter-vertical-min) * 1px); padding-bottom: calc(var(--gutter-vertical-min) * 1px); } .pt-gutters { padding-top: var(--gutter-vertical); } .pb-gutters { padding-bottom: var(--gutter-vertical); } .py-gutters-horizontal { padding-top: var(--gutter-horizontal); padding-bottom: var(--gutter-horizontal); } .py-min-gutters-horizontal { padding-top: calc(var(--gutter-horizontal-min) * 1px); padding-bottom: calc(var(--gutter-horizontal-min) * 1px); } .pt-gutter-horizontal { padding-top: var(--gutter-horizontal); } .pt-min-gutter-horizontal { padding-top: calc(var(--gutter-horizontal-min) * 1px); } .pb-gutter-horizontal { padding-bottom: var(--gutter-horizontal); } .pb-min-gutter-horizontal { padding-bottom: calc(var(--gutter-horizontal-min) * 1px); } .px-gutters-horizontal { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .px-min-gutters-horizontal { padding-left: calc(var(--gutter-horizontal-min) * 1px); padding-right: calc(var(--gutter-horizontal-min) * 1px); } .pe-gutter-horizontal { padding-right: var(--gutter-horizontal); } .pe-min-gutter-horizontal { padding-right: calc(var(--gutter-horizontal-min) * 1px); } .ps-gutter-horizontal { padding-left: var(--gutter-horizontal); } .ps-min-gutter-horizontal { padding-left: calc(var(--gutter-horizontal-min) * 1px); } .py-gutters-vertical { padding-top: var(--gutter-vertical); padding-bottom: var(--gutter-vertical); } .py-min-gutters-vertical { padding-top: calc(var(--gutter-vertical-min) * 1px); padding-bottom: calc(var(--gutter-vertical-min) * 1px); } .pt-gutter-vertical { padding-top: var(--gutter-vertical); } .pt-min-gutter-vertical { padding-top: calc(var(--gutter-vertical-min) * 1px); } .pb-gutter-vertical { padding-bottom: var(--gutter-vertical); } .pb-min-gutter-vertical { padding-bottom: calc(var(--gutter-vertical-min) * 1px); } .px-gutters-vertical { padding-left: var(--gutter-vertical); padding-right: var(--gutter-vertical); } .px-min-gutters-vertical { padding-left: calc(var(--gutter-vertical-min) * 1px); padding-right: calc(var(--gutter-vertical-min) * 1px); } .pe-gutter-vertical { padding-right: var(--gutter-vertical); } .pe-min-gutter-vertical { padding-right: calc(var(--gutter-vertical-min) * 1px); } .ps-gutter-vertical { padding-left: var(--gutter-vertical); } .ps-min-gutter-vertical { padding-left: calc(var(--gutter-vertical-min) * 1px); } /*!======================================================================== * 118. Gutters Half * ======================================================================!*/ .py-half-gutters { padding-top: max(var(--gutter-vertical) / 2, var(--gutter-vertical-min) * 1px); padding-bottom: max(var(--gutter-vertical) / 2, var(--gutter-vertical-min) * 1px); } .px-half-gutters { padding-left: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); padding-right: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); } .ps-half-gutters { padding-left: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); } .pe-half-gutters { padding-right: max(var(--gutter-horizontal) / 2, var(--gutter-horizontal-min) * 1px); } /*!======================================================================== * 119. Gutters Horizontal * ======================================================================!*/ .p-gutters-horizontal { padding-top: var(--gutter-horizontal); padding-bottom: var(--gutter-horizontal); padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .px-gutters-horizontal { padding-left: var(--gutter-horizontal); padding-right: var(--gutter-horizontal); } .ps-gutter-horizontal { padding-left: var(--gutter-horizontal); } .pe-gutter-horizontal { padding-right: var(--gutter-horizontal); } .py-gutters-horizontal { padding-top: var(--gutter-horizontal); padding-bottom: var(--gutter-horizontal); } .pt-gutter-horizontal { padding-top: var(--gutter-horizontal); } .pb-gutter-horizontal { padding-bottom: var(--gutter-horizontal); } .m-gutters-horizontal { margin-top: var(--gutter-horizontal); margin-bottom: var(--gutter-horizontal); margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .mx-gutters-horizontal { margin-left: var(--gutter-horizontal); margin-right: var(--gutter-horizontal); } .ms-gutter-horizontal { margin-left: var(--gutter-horizontal); } .me-gutter-horizontal { margin-right: var(--gutter-horizontal); } .my-gutters-horizontal { margin-top: var(--gutter-horizontal); margin-bottom: var(--gutter-horizontal); } .mt-gutter-horizontal { margin-top: var(--gutter-horizontal); } .mb-gutter-horizontal { margin-bottom: var(--gutter-horizontal); } /*!======================================================================== * 120. Gutters Vertical * ======================================================================!*/ .p-gutters-vertical { padding-top: var(--gutter-vertical); padding-bottom: var(--gutter-vertical); padding-left: var(--gutter-vertical); padding-right: var(--gutter-vertical); } .px-gutters-vertical { padding-left: var(--gutter-vertical); padding-right: var(--gutter-vertical); } .ps-gutter-vertical { padding-left: var(--gutter-vertical); } .pe-gutter-vertical { padding-right: var(--gutter-vertical); } .py-gutters-vertical { padding-top: var(--gutter-vertical); padding-bottom: var(--gutter-vertical); } .pt-gutter-vertical { padding-top: var(--gutter-vertical); } .pb-gutter-vertical { padding-bottom: var(--gutter-vertical); } .m-gutters-vertical { margin-top: var(--gutter-vertical); margin-bottom: var(--gutter-vertical); margin-left: var(--gutter-vertical); margin-right: var(--gutter-vertical); } .mx-gutters-vertical { margin-left: var(--gutter-vertical); margin-right: var(--gutter-vertical); } .ms-gutter-vertical { margin-left: var(--gutter-vertical); } .me-gutter-vertical { margin-right: var(--gutter-vertical); } .my-gutters-vertical { margin-top: var(--gutter-vertical); margin-bottom: var(--gutter-vertical); } .mt-gutter-vertical { margin-top: var(--gutter-vertical); } .mb-gutter-vertical { margin-bottom: var(--gutter-vertical); } /*!======================================================================== * 121. Table * ======================================================================!*/ table { border-collapse: collapse; width: 100%; } thead th { border-bottom: 1px solid var(--color-border-solid); padding-bottom: 0.5em; } th { padding: 1em; text-align: left; } tr { border-bottom: 1px solid var(--color-border-opacity); } td { padding: 1em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } .table_no-outer-borders { table-layout: fixed; border-collapse: collapse; border-style: hidden; } .table_no-outer-borders tr { border-collapse: collapse; border-style: hidden; border: 1px solid var(--color-border-opacity); } .table_no-outer-borders td { padding: 2em; border-collapse: collapse; border: 1px solid var(--color-border-opacity); } @media screen and (max-width: 576px) { .table-xs-flex { display: block; } .table-xs-flex tbody, .table-xs-flex tr, .table-xs-flex td { display: block; } .table-xs-flex.table_no-outer-borders tr { border: none; } .table-xs-flex.table_no-outer-borders td { padding: 2em; border-left: none; border-right: none; border-top: none; } .table-xs-flex.table_no-outer-borders tr:first-child td:first-child { margin-top: -2em; } .table-xs-flex.table_no-outer-borders tr:last-child td:last-child { border-bottom: none; margin-bottom: -2em; } } /*!======================================================================== * 122. Split Text * ======================================================================!*/ .js-arts-split-text__wrapper-line { display: block; overflow: hidden; } .js-arts-split-text__wrapper-char { display: inline-flex; overflow: hidden; } .js-arts-split-text__wrapper-word { display: inline-flex; overflow: hidden; } [data-arts-split-text-preset] u, [data-arts-split-text-preset] a, [data-arts-split-text-preset] strong, [data-arts-split-text-preset] em { display: inline-block; } /*!======================================================================== * 123. Split Counter * ======================================================================!*/ .split-counter { display: inline-flex; align-items: flex-end; } .split-counter__lane { position: relative; overflow: hidden; display: inline-block; line-height: 1; } .split-counter__lane:nth-child(1) span { right: 0; } .split-counter__lane:nth-child(2) span { left: 0; } .split-counter__lane:nth-child(3) span { left: 0; } /*!======================================================================== * 124. Spinner * ======================================================================!*/ .spinner { position: fixed; left: var(--gutter-horizontal); bottom: var(--gutter-vertical); width: 30px; height: 30px; z-index: 10000; animation: rotate 2s linear infinite; transform-origin: center center; opacity: 0; visibility: hidden; color: var(--color-accent-light-theme); } .spinner circle { stroke: currentColor; stroke-width: 2px; stroke-dasharray: 150, 200; stroke-dashoffset: -150; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .has-cursor-follower .spinner { display: none !important; } .spinner-button { width: 20px; height: 20px; animation: rotate 2s linear infinite; transform-origin: center center; } .spinner-button circle { stroke: currentColor; stroke-width: 6px; stroke-dasharray: 150, 200; stroke-dashoffset: -150; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } /*!======================================================================== * 125. Spinner Themes * ======================================================================!*/ .spinner[data-arts-color-theme=dark], [data-arts-color-theme=dark] ~ .spinner { color: var(--color-accent-dark-theme); } /*!======================================================================== * 126. Tag * ======================================================================!*/ .tag:not(body) { display: inline-flex; align-items: center; justify-content: center; border-radius: 100em; padding: 8px 12px; } /*!======================================================================== * 127. Themes * ======================================================================!*/ [data-arts-color-theme=dark] { color: var(--paragraph-color-dark-theme); --paragraph-color: var(--paragraph-color-dark-theme); --ui-element-color: var(--ui-element-color-dark-theme); --display-xxl-color: var(--display-xxl-color-dark-theme); --display-xl-color: var(--display-xl-color-dark-theme); --display-caps-color: var(--display-caps-color-dark-theme); --h1-color: var(--h1-color-dark-theme); --h2-color: var(--h2-color-dark-theme); --h3-color: var(--h3-color-dark-theme); --h4-color: var(--h4-color-dark-theme); --h5-color: var(--h5-color-dark-theme); --h6-color: var(--h6-color-dark-theme); --blockquote-color: var(--blockquote-color-dark-theme); --dropcap-color: var(--dropcap-color-dark-theme); --subheading-color: var(--subheading-color-dark-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-dark-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-dark-theme); --super-label-color: var(--super-label-color-dark-theme); --color-accent: var(--color-accent-dark-theme); --color-border-solid: var(--color-border-solid-dark-theme); --color-border-opacity: var(--color-border-opacity-dark-theme); --color-links: var(--color-links-dark-theme); --color-links-hover: var(--color-links-hover-dark-theme); } @media screen and (max-width: 1024px) { [data-arts-color-theme-lg=dark] { color: var(--paragraph-color-dark-theme); --paragraph-color: var(--paragraph-color-dark-theme); --ui-element-color: var(--ui-element-color-dark-theme); --display-xxl-color: var(--display-xxl-color-dark-theme); --display-xl-color: var(--display-xl-color-dark-theme); --display-caps-color: var(--display-caps-color-dark-theme); --h1-color: var(--h1-color-dark-theme); --h2-color: var(--h2-color-dark-theme); --h3-color: var(--h3-color-dark-theme); --h4-color: var(--h4-color-dark-theme); --h5-color: var(--h5-color-dark-theme); --h6-color: var(--h6-color-dark-theme); --blockquote-color: var(--blockquote-color-dark-theme); --dropcap-color: var(--dropcap-color-dark-theme); --subheading-color: var(--subheading-color-dark-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-dark-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-dark-theme); --super-label-color: var(--super-label-color-dark-theme); --color-accent: var(--color-accent-dark-theme); --color-border-solid: var(--color-border-solid-dark-theme); --color-border-opacity: var(--color-border-opacity-dark-theme); --color-links: var(--color-links-dark-theme); --color-links-hover: var(--color-links-hover-dark-theme); } } @media screen and (max-width: 991px) { [data-arts-color-theme-md=dark] { color: var(--paragraph-color-dark-theme); --paragraph-color: var(--paragraph-color-dark-theme); --ui-element-color: var(--ui-element-color-dark-theme); --display-xxl-color: var(--display-xxl-color-dark-theme); --display-xl-color: var(--display-xl-color-dark-theme); --display-caps-color: var(--display-caps-color-dark-theme); --h1-color: var(--h1-color-dark-theme); --h2-color: var(--h2-color-dark-theme); --h3-color: var(--h3-color-dark-theme); --h4-color: var(--h4-color-dark-theme); --h5-color: var(--h5-color-dark-theme); --h6-color: var(--h6-color-dark-theme); --blockquote-color: var(--blockquote-color-dark-theme); --dropcap-color: var(--dropcap-color-dark-theme); --subheading-color: var(--subheading-color-dark-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-dark-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-dark-theme); --super-label-color: var(--super-label-color-dark-theme); --color-accent: var(--color-accent-dark-theme); --color-border-solid: var(--color-border-solid-dark-theme); --color-border-opacity: var(--color-border-opacity-dark-theme); --color-links: var(--color-links-dark-theme); --color-links-hover: var(--color-links-hover-dark-theme); } } @media screen and (max-width: 767px) { [data-arts-color-theme-sm=dark] { color: var(--paragraph-color-dark-theme); --paragraph-color: var(--paragraph-color-dark-theme); --ui-element-color: var(--ui-element-color-dark-theme); --display-xxl-color: var(--display-xxl-color-dark-theme); --display-xl-color: var(--display-xl-color-dark-theme); --display-caps-color: var(--display-caps-color-dark-theme); --h1-color: var(--h1-color-dark-theme); --h2-color: var(--h2-color-dark-theme); --h3-color: var(--h3-color-dark-theme); --h4-color: var(--h4-color-dark-theme); --h5-color: var(--h5-color-dark-theme); --h6-color: var(--h6-color-dark-theme); --blockquote-color: var(--blockquote-color-dark-theme); --dropcap-color: var(--dropcap-color-dark-theme); --subheading-color: var(--subheading-color-dark-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-dark-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-dark-theme); --super-label-color: var(--super-label-color-dark-theme); --color-accent: var(--color-accent-dark-theme); --color-border-solid: var(--color-border-solid-dark-theme); --color-border-opacity: var(--color-border-opacity-dark-theme); --color-links: var(--color-links-dark-theme); --color-links-hover: var(--color-links-hover-dark-theme); } } @media screen and (max-width: 576px) { [data-arts-color-theme-xs=dark] { color: var(--paragraph-color-dark-theme); --paragraph-color: var(--paragraph-color-dark-theme); --ui-element-color: var(--ui-element-color-dark-theme); --display-xxl-color: var(--display-xxl-color-dark-theme); --display-xl-color: var(--display-xl-color-dark-theme); --display-caps-color: var(--display-caps-color-dark-theme); --h1-color: var(--h1-color-dark-theme); --h2-color: var(--h2-color-dark-theme); --h3-color: var(--h3-color-dark-theme); --h4-color: var(--h4-color-dark-theme); --h5-color: var(--h5-color-dark-theme); --h6-color: var(--h6-color-dark-theme); --blockquote-color: var(--blockquote-color-dark-theme); --dropcap-color: var(--dropcap-color-dark-theme); --subheading-color: var(--subheading-color-dark-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-dark-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-dark-theme); --super-label-color: var(--super-label-color-dark-theme); --color-accent: var(--color-accent-dark-theme); --color-border-solid: var(--color-border-solid-dark-theme); --color-border-opacity: var(--color-border-opacity-dark-theme); --color-links: var(--color-links-dark-theme); --color-links-hover: var(--color-links-hover-dark-theme); } } [data-arts-color-theme=light] { color: var(--paragraph-color-light-theme); --paragraph-color: var(--paragraph-color-light-theme); --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-color: var(--display-xl-color-light-theme); --display-caps-color: var(--display-caps-color-light-theme); --h1-color: var(--h1-color-light-theme); --h2-color: var(--h2-color-light-theme); --h3-color: var(--h3-color-light-theme); --h4-color: var(--h4-color-light-theme); --h5-color: var(--h5-color-light-theme); --h6-color: var(--h6-color-light-theme); --blockquote-color: var(--blockquote-color-light-theme); --dropcap-color: var(--dropcap-color-light-theme); --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-color: var(--super-label-color-light-theme); --color-accent: var(--color-accent-light-theme); --color-border-solid: var(--color-border-solid-light-theme); --color-border-opacity: var(--color-border-opacity-light-theme); --color-links: var(--color-links-light-theme); --color-links-hover: var(--color-links-hover-light-theme); } @media screen and (max-width: 1024px) { [data-arts-color-theme-lg=light] { color: var(--paragraph-color-light-theme); --paragraph-color: var(--paragraph-color-light-theme); --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-color: var(--display-xl-color-light-theme); --display-caps-color: var(--display-caps-color-light-theme); --h1-color: var(--h1-color-light-theme); --h2-color: var(--h2-color-light-theme); --h3-color: var(--h3-color-light-theme); --h4-color: var(--h4-color-light-theme); --h5-color: var(--h5-color-light-theme); --h6-color: var(--h6-color-light-theme); --blockquote-color: var(--blockquote-color-light-theme); --dropcap-color: var(--dropcap-color-light-theme); --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-color: var(--super-label-color-light-theme); --color-accent: var(--color-accent-light-theme); --color-border-solid: var(--color-border-solid-light-theme); --color-border-opacity: var(--color-border-opacity-light-theme); --color-links: var(--color-links-light-theme); --color-links-hover: var(--color-links-hover-light-theme); } } @media screen and (max-width: 991px) { [data-arts-color-theme-md=light] { color: var(--paragraph-color-light-theme); --paragraph-color: var(--paragraph-color-light-theme); --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-color: var(--display-xl-color-light-theme); --display-caps-color: var(--display-caps-color-light-theme); --h1-color: var(--h1-color-light-theme); --h2-color: var(--h2-color-light-theme); --h3-color: var(--h3-color-light-theme); --h4-color: var(--h4-color-light-theme); --h5-color: var(--h5-color-light-theme); --h6-color: var(--h6-color-light-theme); --blockquote-color: var(--blockquote-color-light-theme); --dropcap-color: var(--dropcap-color-light-theme); --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-color: var(--super-label-color-light-theme); --color-accent: var(--color-accent-light-theme); --color-border-solid: var(--color-border-solid-light-theme); --color-border-opacity: var(--color-border-opacity-light-theme); --color-links: var(--color-links-light-theme); --color-links-hover: var(--color-links-hover-light-theme); } } @media screen and (max-width: 767px) { [data-arts-color-theme-sm=light] { color: var(--paragraph-color-light-theme); --paragraph-color: var(--paragraph-color-light-theme); --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-color: var(--display-xl-color-light-theme); --display-caps-color: var(--display-caps-color-light-theme); --h1-color: var(--h1-color-light-theme); --h2-color: var(--h2-color-light-theme); --h3-color: var(--h3-color-light-theme); --h4-color: var(--h4-color-light-theme); --h5-color: var(--h5-color-light-theme); --h6-color: var(--h6-color-light-theme); --blockquote-color: var(--blockquote-color-light-theme); --dropcap-color: var(--dropcap-color-light-theme); --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-color: var(--super-label-color-light-theme); --color-accent: var(--color-accent-light-theme); --color-border-solid: var(--color-border-solid-light-theme); --color-border-opacity: var(--color-border-opacity-light-theme); --color-links: var(--color-links-light-theme); --color-links-hover: var(--color-links-hover-light-theme); } } @media screen and (max-width: 576px) { [data-arts-color-theme-xs=light] { color: var(--paragraph-color-light-theme); --paragraph-color: var(--paragraph-color-light-theme); --ui-element-color: var(--ui-element-color-light-theme); --display-xxl-color: var(--display-xxl-color-light-theme); --display-xl-color: var(--display-xl-color-light-theme); --display-caps-color: var(--display-caps-color-light-theme); --h1-color: var(--h1-color-light-theme); --h2-color: var(--h2-color-light-theme); --h3-color: var(--h3-color-light-theme); --h4-color: var(--h4-color-light-theme); --h5-color: var(--h5-color-light-theme); --h6-color: var(--h6-color-light-theme); --blockquote-color: var(--blockquote-color-light-theme); --dropcap-color: var(--dropcap-color-light-theme); --subheading-color: var(--subheading-color-light-theme); --overlay-menu-item-color: var(--overlay-menu-item-color-light-theme); --overlay-submenu-item-color: var(--overlay-submenu-item-color-light-theme); --super-label-color: var(--super-label-color-light-theme); --color-accent: var(--color-accent-light-theme); --color-border-solid: var(--color-border-solid-light-theme); --color-border-opacity: var(--color-border-opacity-light-theme); --color-links: var(--color-links-light-theme); --color-links-hover: var(--color-links-hover-light-theme); } } /*!======================================================================== * 128. Team Member * ======================================================================!*/ .team-member { position: relative; width: 100%; height: auto; } .team-member__footer { position: relative; } .team-member_has-social:hover .team-member__position { transition-delay: 50ms; transform: translateY(-30px); opacity: 0; visibility: hidden; } .team-member_has-social:hover .team-member__name { transform: translateY(-20px); opacity: 0; visibility: hidden; transition-delay: 0ms; } .team-member_has-social:hover .team-member__social li, .team-member_has-social:hover .team-member__social .elementor-grid-item { transform: translateY(0px); opacity: 1; visibility: visible; } .team-member_has-social:hover .team-member__social li:nth-child(1), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(1) { transition-delay: 70ms; } .team-member_has-social:hover .team-member__social li:nth-child(2), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(2) { transition-delay: 90ms; } .team-member_has-social:hover .team-member__social li:nth-child(3), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(3) { transition-delay: 110ms; } .team-member_has-social:hover .team-member__social li:nth-child(4), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(4) { transition-delay: 130ms; } .team-member_has-social:hover .team-member__social li:nth-child(5), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(5) { transition-delay: 150ms; } .team-member_has-social:hover .team-member__social li:nth-child(6), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(6) { transition-delay: 170ms; } .team-member_has-social:hover .team-member__social li:nth-child(7), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(7) { transition-delay: 190ms; } .team-member_has-social:hover .team-member__social li:nth-child(8), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(8) { transition-delay: 210ms; } .team-member_has-social:hover .team-member__social li:nth-child(9), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(9) { transition-delay: 230ms; } .team-member_has-social:hover .team-member__social li:nth-child(10), .team-member_has-social:hover .team-member__social .elementor-grid-item:nth-child(10) { transition-delay: 250ms; } .team-member__name { transition: all 0.3s ease; transition-delay: 150ms; } .team-member__position { transition: all 0.3s ease; transition-delay: 100ms; } .team-member__social { position: absolute; top: 0; left: 0; right: 0; } .team-member__social .soc1al, .team-member__social .elementor-social-icons-wrapper { display: flex; justify-content: center; width: 100%; } .team-member__social .soc1al li, .team-member__social .soc1al .elementor-grid-item, .team-member__social .elementor-social-icons-wrapper li, .team-member__social .elementor-social-icons-wrapper .elementor-grid-item { transform: translateY(30px); transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); opacity: 0; visibility: hidden; } /*!======================================================================== * 129. Transitions * ======================================================================!*/ .transition-opacity { transition: opacity 0.3s ease; } .transition-color { transition: color 0.3s ease; } /*!======================================================================== * 130. Drop Cap * ======================================================================!*/ .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter { float: left; font-style: normal; margin: 0.15em 0.25em 0 0; } .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter:after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter:after { content: ""; display: table; clear: both; } .arts-split-text:not(.js-arts-split-text) .has-drop-cap > div:first-child { display: inline-block !important; float: left; } .arts-split-text:not(.js-arts-split-text) .has-drop-cap > div:first-child:after { content: ""; display: table; clear: both; } .arts-split-text:not(.js-arts-split-text) .has-drop-cap:first-letter { margin: unset; float: unset; font-size: unset; text-transform: unset; } /*!======================================================================== * 131. Typography * ======================================================================!*/ .display-xxl { font-family: var(--display-xxl-font-family); font-weight: var(--display-xxl-font-weight); line-height: var(--display-xxl-line-height); letter-spacing: var(--display-xxl-letter-spacing); font-size: calc(var(--display-xxl-min-font-size) * 1px); color: var(--display-xxl-color); } @media screen and (min-width: 360px) { .display-xxl { font-size: calc(var(--display-xxl-min-font-size) * 1px + (var(--display-xxl-max-font-size) - var(--display-xxl-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .display-xxl { font-size: calc(var(--display-xxl-max-font-size) * 1px); } } .display-xl { font-family: var(--display-xl-font-family); font-weight: var(--display-xl-font-weight); line-height: var(--display-xl-line-height); letter-spacing: var(--display-xl-letter-spacing); font-size: calc(var(--display-xl-min-font-size) * 1px); color: var(--display-xl-color); } @media screen and (min-width: 360px) { .display-xl { font-size: calc(var(--display-xl-min-font-size) * 1px + (var(--display-xl-max-font-size) - var(--display-xl-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .display-xl { font-size: calc(var(--display-xl-max-font-size) * 1px); } } .display-caps { font-family: var(--display-caps-font-family); font-weight: var(--display-caps-font-weight); line-height: var(--display-caps-line-height); letter-spacing: var(--display-caps-letter-spacing); font-size: calc(var(--display-caps-min-font-size) * 1px); color: var(--display-caps-color); } @media screen and (min-width: 360px) { .display-caps { font-size: calc(var(--display-caps-min-font-size) * 1px + (var(--display-caps-max-font-size) - var(--display-caps-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .display-caps { font-size: calc(var(--display-caps-max-font-size) * 1px); } } h1, .h1 { font-family: var(--h1-font-family); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); letter-spacing: var(--h1-letter-spacing); font-size: calc(var(--h1-min-font-size) * 1px); color: var(--h1-color); } @media screen and (min-width: 360px) { h1, .h1 { font-size: calc(var(--h1-min-font-size) * 1px + (var(--h1-max-font-size) - var(--h1-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h1, .h1 { font-size: calc(var(--h1-max-font-size) * 1px); } } h2, .h2 { font-family: var(--h2-font-family); font-weight: var(--h2-font-weight); line-height: var(--h2-line-height); letter-spacing: var(--h2-letter-spacing); font-size: calc(var(--h2-min-font-size) * 1px); color: var(--h2-color); } @media screen and (min-width: 360px) { h2, .h2 { font-size: calc(var(--h2-min-font-size) * 1px + (var(--h2-max-font-size) - var(--h2-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h2, .h2 { font-size: calc(var(--h2-max-font-size) * 1px); } } h3, .h3 { font-family: var(--h3-font-family); font-weight: var(--h3-font-weight); line-height: var(--h3-line-height); letter-spacing: var(--h3-letter-spacing); font-size: calc(var(--h3-min-font-size) * 1px); color: var(--h3-color); } @media screen and (min-width: 360px) { h3, .h3 { font-size: calc(var(--h3-min-font-size) * 1px + (var(--h3-max-font-size) - var(--h3-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h3, .h3 { font-size: calc(var(--h3-max-font-size) * 1px); } } h4, .h4 { font-family: var(--h4-font-family); font-weight: var(--h4-font-weight); line-height: var(--h4-line-height); letter-spacing: var(--h4-letter-spacing); font-size: calc(var(--h4-min-font-size) * 1px); color: var(--h4-color); } @media screen and (min-width: 360px) { h4, .h4 { font-size: calc(var(--h4-min-font-size) * 1px + (var(--h4-max-font-size) - var(--h4-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h4, .h4 { font-size: calc(var(--h4-max-font-size) * 1px); } } h5, .h5, .comments-title, .comment-reply-title { font-family: var(--h5-font-family); font-weight: var(--h5-font-weight); line-height: var(--h5-line-height); letter-spacing: var(--h5-letter-spacing); font-size: calc(var(--h5-min-font-size) * 1px); color: var(--h5-color); } @media screen and (min-width: 360px) { h5, .h5, .comments-title, .comment-reply-title { font-size: calc(var(--h5-min-font-size) * 1px + (var(--h5-max-font-size) - var(--h5-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h5, .h5, .comments-title, .comment-reply-title { font-size: calc(var(--h5-max-font-size) * 1px); } } h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle, .h6, .comment-body .fn { font-family: var(--h6-font-family); font-weight: var(--h6-font-weight); line-height: var(--h6-line-height); letter-spacing: var(--h6-letter-spacing); font-size: calc(var(--h6-min-font-size) * 1px); color: var(--h6-color); } @media screen and (min-width: 360px) { h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle, .h6, .comment-body .fn { font-size: calc(var(--h6-min-font-size) * 1px + (var(--h6-max-font-size) - var(--h6-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle, .h6, .comment-body .fn { font-size: calc(var(--h6-max-font-size) * 1px); } } .subheading, .widget_categories ul li span, .wp-block-latest-posts__post-date, .comment-edit-link, .comment-reply-link, .comment-metadata { font-family: var(--subheading-font-family); font-weight: var(--subheading-font-weight); line-height: var(--subheading-line-height); letter-spacing: var(--subheading-letter-spacing); font-size: calc(var(--subheading-min-font-size) * 1px); color: var(--subheading-color); } @media screen and (min-width: 360px) { .subheading, .widget_categories ul li span, .wp-block-latest-posts__post-date, .comment-edit-link, .comment-reply-link, .comment-metadata { font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .subheading, .widget_categories ul li span, .wp-block-latest-posts__post-date, .comment-edit-link, .comment-reply-link, .comment-metadata { font-size: calc(var(--subheading-max-font-size) * 1px); } } .overlay-menu-item { font-family: var(--overlay-menu-item-font-family); font-weight: var(--overlay-menu-item-font-weight); line-height: var(--overlay-menu-item-line-height); letter-spacing: var(--overlay-menu-item-letter-spacing); font-size: calc(var(--overlay-menu-item-min-font-size) * 1px); color: var(--overlay-menu-item-color); } @media screen and (min-width: 360px) { .overlay-menu-item { font-size: calc(var(--overlay-menu-item-min-font-size) * 1px + (var(--overlay-menu-item-max-font-size) - var(--overlay-menu-item-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .overlay-menu-item { font-size: calc(var(--overlay-menu-item-max-font-size) * 1px); } } .overlay-submenu-item { font-family: var(--overlay-submenu-item-font-family); font-weight: var(--overlay-submenu-item-font-weight); line-height: var(--overlay-submenu-item-line-height); letter-spacing: var(--overlay-submenu-item-letter-spacing); font-size: calc(var(--overlay-submenu-item-min-font-size) * 1px); color: var(--overlay-submenu-item-color); } @media screen and (min-width: 360px) { .overlay-submenu-item { font-size: calc(var(--overlay-submenu-item-min-font-size) * 1px + (var(--overlay-submenu-item-max-font-size) - var(--overlay-submenu-item-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .overlay-submenu-item { font-size: calc(var(--overlay-submenu-item-max-font-size) * 1px); } } .paragraph { font-family: var(--paragraph-font-family); font-weight: var(--paragraph-font-weight); line-height: var(--paragraph-line-height); letter-spacing: var(--paragraph-letter-spacing); font-size: calc(var(--paragraph-min-font-size) * 1px); color: var(--paragraph-color); } @media screen and (min-width: 360px) { .paragraph { font-size: calc(var(--paragraph-min-font-size) * 1px + (var(--paragraph-max-font-size) - var(--paragraph-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .paragraph { font-size: calc(var(--paragraph-max-font-size) * 1px); } } .ui-element, .pswp-custom-button, .pswp-custom-caption__content, .header__col { font-family: var(--ui-element-font-family); font-weight: var(--ui-element-font-weight); line-height: var(--ui-element-line-height); letter-spacing: var(--ui-element-letter-spacing); font-size: calc(var(--ui-element-min-font-size) * 1px); color: var(--ui-element-color); } @media screen and (min-width: 360px) { .ui-element, .pswp-custom-button, .pswp-custom-caption__content, .header__col { font-size: calc(var(--ui-element-min-font-size) * 1px + (var(--ui-element-max-font-size) - var(--ui-element-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .ui-element, .pswp-custom-button, .pswp-custom-caption__content, .header__col { font-size: calc(var(--ui-element-max-font-size) * 1px); } } .dropcap, .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter { font-family: var(--dropcap-font-family); font-weight: var(--dropcap-font-weight); line-height: var(--dropcap-line-height); letter-spacing: var(--dropcap-letter-spacing); font-size: calc(var(--dropcap-min-font-size) * 1px); color: var(--dropcap-color); } @media screen and (min-width: 360px) { .dropcap, .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter { font-size: calc(var(--dropcap-min-font-size) * 1px + (var(--dropcap-max-font-size) - var(--dropcap-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .dropcap, .has-drop-cap:not(:focus):not(.has-drop-cap_split):first-letter { font-size: calc(var(--dropcap-max-font-size) * 1px); } } .super-label { font-family: var(--super-label-font-family); font-weight: var(--super-label-font-weight); line-height: var(--super-label-line-height); letter-spacing: var(--super-label-letter-spacing); font-size: calc(var(--super-label-min-font-size) * 1px); color: var(--super-label-color); } @media screen and (min-width: 360px) { .super-label { font-size: calc(var(--super-label-min-font-size) * 1px + (var(--super-label-max-font-size) - var(--super-label-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { .super-label { font-size: calc(var(--super-label-max-font-size) * 1px); } } a:not(.e-lottie__container__link), .virtual-link { transition: color 0.3s ease, opacity 0.3s ease; text-decoration: none; } a:not(.e-lottie__container__link):hover, .virtual-link:hover { text-decoration: none; } a:not(.e-lottie__container__link) *, .virtual-link * { pointer-events: none; } .strong { font-weight: bold; } .italic { font-style: italic; } .subheading, .widget_categories ul li span, .wp-block-latest-posts__post-date, .comment-edit-link, .comment-reply-link, .comment-metadata { text-transform: uppercase; } h1, h2, h3 { margin-top: calc(1 * 16 * 1px); margin-bottom: calc(1 * 16 * 1px); } @media screen and (min-width: 360px) { h1, h2, h3 { margin-top: calc(1 * (16 * 1px + (24 - 16) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { h1, h2, h3 { margin-top: calc(1 * 24 * 1px); } } @media screen and (min-width: 360px) { h1, h2, h3 { margin-bottom: calc(1 * (16 * 1px + (24 - 16) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { h1, h2, h3 { margin-bottom: calc(1 * 24 * 1px); } } h4, h5, h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { margin-top: calc(1 * 16 * 1px); margin-bottom: calc(1 * 16 * 1px); } @media screen and (min-width: 360px) { h4, h5, h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { margin-top: calc(1 * (16 * 1px + (24 - 16) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { h4, h5, h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { margin-top: calc(1 * 24 * 1px); } } @media screen and (min-width: 360px) { h4, h5, h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { margin-bottom: calc(1 * (16 * 1px + (24 - 16) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { h4, h5, h6, .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { margin-bottom: calc(1 * 24 * 1px); } } p { margin-top: 1em; margin-bottom: 1em; } .wp-block-quote.is-style-large:where(:not(.is-style-plain)) { padding: 1.5em; } blockquote { display: block; font-size: calc(var(--blockquote-min-font-size) * 1px); line-height: var(--blockquote-line-height); letter-spacing: calc(var(--blockquote-letter-spacing) * 1px); font-style: italic; margin-top: 1.5em; margin-bottom: 1.5em; padding: 1.5em; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 4px; } @media screen and (min-width: 360px) { blockquote { font-size: calc(var(--blockquote-min-font-size) * 1px + (var(--blockquote-max-font-size) - var(--blockquote-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { blockquote { font-size: calc(var(--blockquote-max-font-size) * 1px); } } blockquote p { margin-top: 0; font-size: calc(var(--blockquote-min-font-size) * 1px); line-height: var(--blockquote-line-height); } @media screen and (min-width: 360px) { blockquote p { font-size: calc(var(--blockquote-min-font-size) * 1px + (var(--blockquote-max-font-size) - var(--blockquote-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { blockquote p { font-size: calc(var(--blockquote-max-font-size) * 1px); } } blockquote p:last-child, blockquote p:last-of-type { margin-bottom: 0; } blockquote cite { display: block; margin-top: 0.75em; font-size: calc(var(--paragraph-min-font-size) * 1px); line-height: 1; font-style: normal; font-weight: bold; } @media screen and (min-width: 360px) { blockquote cite { font-size: calc(var(--paragraph-min-font-size) * 1px + (var(--paragraph-max-font-size) - var(--paragraph-min-font-size)) * (100vw - 360px) / 1560); } } @media screen and (min-width: 1920px) { blockquote cite { font-size: calc(var(--paragraph-max-font-size) * 1px); } } blockquote svg { max-width: calc(1 * 30 * 1px); height: auto; margin-top: 4px; fill: currentColor; } @media screen and (min-width: 360px) { blockquote svg { max-width: calc(1 * (30 * 1px + (50 - 30) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { blockquote svg { max-width: calc(1 * 50 * 1px); } } code, kbd, tt, var, samp { font-family: Inconsolata, monospace; } pre { font-family: Inconsolata, monospace; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.5em; white-space: pre-wrap; word-wrap: break-word; background-color: #f0f0f0; margin-top: 1em; margin-bottom: 1em; } code { color: var(--color-accent); background-color: #f0f0f0; padding: 0.125em 0.25em; } kbd { padding: 0.125em 0.25em; } .typography-reset { letter-spacing: initial; font-size: 1rem; line-height: 1rem; } /*!======================================================================== * 132. Underline * ======================================================================!*/ .underline, .underline-hover-self { display: inline; position: relative; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% 2px; } .underline [data-arts-split-text-element=line], .underline .js-arts-split-text__line, .underline-hover-self [data-arts-split-text-element=line], .underline-hover-self .js-arts-split-text__line { display: inline-block !important; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% 2px; transition: background-size 0.4s ease; } .underline-hover-self { background-position: 100% 100%; background-size: 100% 2px; transition: background-size 0.4s ease, color 0.2s ease-in-out; } .underline-hover-self:hover { background-position: 0% 100%; background-size: 100% 2px; } /*!======================================================================== * 133. Wordpress Core * ======================================================================!*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .bypostauthor { display: block; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { line-height: 1.6; max-width: 100%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone, .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-caption .wp-caption-text { margin-top: 0.5em; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*!======================================================================== * 134. Widget * ======================================================================!*/ .widget select { width: 100%; max-width: 100%; } .widget ul, .widget ol { list-style-type: none; padding: 0; margin: 0; text-align: left; } .widget ul li, .widget ol li { display: block; margin-bottom: 0.5em; } .widget ul li:last-child, .widget ol li:last-child { margin-bottom: 0; } .widget ul li .children, .widget ul li .sub-menu, .widget ol li .children, .widget ol li .sub-menu { margin-top: 0.5em; } .widget ul ul, .widget ul ol, .widget ol ul, .widget ol ol { width: 100%; padding-left: 1em; margin-top: 1em; } .widget ul .sub-menu, .widget ol .sub-menu { padding-left: 1em; margin-top: 0.5em; } .widget .inline-links { text-align: inherit; } .widget .wp-block-columns:last-child { margin-bottom: 0; } .widget__title { margin-top: 0.5em; margin-bottom: 0.5em; } .widget__title_underline:after { content: ""; display: block; width: 100%; height: 2px; background-color: var(--color-border-solid); margin-top: 0.25em; margin-bottom: 0.5em; } .wp-block-categories-list li, .wp-block-archives-list li { display: block; margin-bottom: 0.5em; } .wp-block-categories-list li:last-child, .wp-block-archives-list li:last-child { margin-bottom: 0; } .wp-block-categories-list li .children, .wp-block-categories-list li .sub-menu, .wp-block-archives-list li .children, .wp-block-archives-list li .sub-menu { margin-top: 0.5em; } .widgettitle, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar .widgettitle { display: block; margin-top: 0.75em; margin-bottom: 0.75em; } .widgettitle:after, .sidebar h1:after, .sidebar h2:after, .sidebar h3:after, .sidebar h4:after, .sidebar h5:after, .sidebar h6:after { content: ""; display: block; width: 100%; height: 2px; background-color: var(--color-border-solid); margin-top: 0.25em; margin-bottom: 0.75em; } .widget-area_no-margin-last-widget > *:last-child { margin-bottom: 0; } .sidebar .widget:first-child .widget__title { margin-top: 0; } /*!======================================================================== * 135. Gallery * ======================================================================!*/ .gallery { margin-top: 2em; margin-bottom: 2em; } .gallery-icon a { display: block; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item img { display: inline-block; line-height: 1; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { margin-top: 0.5em; display: block; } .blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { font-size: 13px; font-weight: bold; line-height: 1.4; text-align: center; } .blocks-gallery-item__caption { line-height: 1.4; pointer-events: none; } /*!======================================================================== * 136. Pagination * ======================================================================!*/ .pagination { margin-top: calc(var(--bs-gutter-y, 0px) * 1.5); } .pagination .nav-links { display: flex; justify-content: space-between; align-items: center; } .pagination .nav-links__container { margin-top: -0.5rem; margin-bottom: -0.5rem; margin-left: auto; margin-right: auto; } .pagination .page-numbers { --number-size-min: 32; --number-size-max: 48; width: calc(1 * var(--number-size-min) * 1px); height: calc(1 * var(--number-size-min) * 1px); display: inline-flex; align-items: center; justify-content: center; line-height: 1; border-radius: 100%; --color-borders: var(--color-border-opacity); border: 1px solid var(--color-borders); transition-property: color, border-color; margin: 0.5rem; } @media screen and (min-width: 360px) { .pagination .page-numbers { width: calc(1 * (var(--number-size-min) * 1px + (var(--number-size-max) - var(--number-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pagination .page-numbers { width: calc(1 * var(--number-size-max) * 1px); } } @media screen and (min-width: 360px) { .pagination .page-numbers { height: calc(1 * (var(--number-size-min) * 1px + (var(--number-size-max) - var(--number-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .pagination .page-numbers { height: calc(1 * var(--number-size-max) * 1px); } } .pagination .page-numbers.prev { font-size: 24px; font-weight: normal; margin-left: -1rem; border-color: transparent; } .pagination .page-numbers.next { font-size: 24px; font-weight: normal; margin-right: -1rem; border-color: transparent; } .pagination .page-numbers:not(a) { border-color: transparent; } .pagination .page-numbers.current { background-color: var(--color-accent); color: var(--ui-element-color-dark-theme); border-color: transparent; } .pagination a.page-numbers:hover { border-color: currentColor; } .has-cursor-follower .pagination a[data-arts-cursor-follower-target]:hover { border-color: transparent !important; } @media screen and (max-width: 991px) { .pagination .nav-links__container { margin-top: -0.25rem; margin-bottom: -0.25rem; } .pagination .page-numbers { margin: 0.25rem; } .pagination .page-numbers.prev { margin-left: -0.75rem; } .pagination .page-numbers.next { margin-right: -0.75rem; } } /*!======================================================================== * 137. Pagination Themes * ======================================================================!*/ .pagination[data-arts-color-theme=dark] .page-numbers.current, [data-arts-color-theme=dark] .pagination .page-numbers.current { color: var(--ui-element-color-light-theme); } /*!======================================================================== * 138. Post * ======================================================================!*/ .post { position: relative; z-index: 50; } .post__wrapper-date { position: absolute; top: 20px; left: 20px; z-index: 50; } .post__media, .post__link { position: relative; } .post__media:hover, .post__link:hover { color: var(--color-accent); } .post__media:hover *, .post__link:hover * { color: var(--color-accent); } .sticky { border-radius: 2px; background-color: var(--color-light-2); padding: 3em; } .sticky + .w-100.bt-opacity { display: none; } .elementor-widget-theme-post-content .elementor-widget-container > *:first-child { margin-top: 0; } .elementor-widget-theme-post-content .elementor-widget-container > *:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .sticky { padding: 2em; } } /*!======================================================================== * 139. Comments * ======================================================================!*/ .comments-title, .comment-reply-title { position: relative; z-index: 50; margin-top: 0; margin-bottom: 0.25em; } .comment-list { list-style-type: none; padding: 0; margin: 0; padding-left: 0 !important; } .comment-list > li { padding-top: 1.5em; padding-bottom: 1.5em; } .comment-list > li ol.children { list-style-type: none; padding: 0; margin: 0; padding-left: 4%; } .comment-list > li ol.children li { padding-top: 1.5em; padding-bottom: 1.5em; } .comment-list > li ol.children li:last-child { padding-bottom: 0; } .comment-list > li:not(:last-child) { border-bottom: 1px solid var(--color-border-opacity); } .comment-list > ol { list-style-type: none; padding: 0; margin: 0; } .comment-author { margin-right: 2em; flex: 0 0 auto; } .comment-author .avatar { position: relative; width: 100%; max-width: 80px; max-height: 80px; border-radius: 100%; display: block; } .comment-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5em; } .comment-metadata { text-transform: uppercase; margin-left: 1rem; } .comment-metadata a { border-bottom: none !important; } .comment-body { display: flex; } .comment-content { width: 100%; } .comment-content > *:last-child { margin-bottom: 0; } .reply { display: inline-block; line-height: 1; margin-top: 0.5em; margin-bottom: 0.5em; } .comment-reply-link { text-transform: uppercase; border-bottom: none !important; margin-right: 24px; } .comment-reply-link:before { content: "\e15e"; font-family: "Material Icons"; text-transform: none; margin-right: 0.5rem; } .comment-respond { position: relative; z-index: 50; margin-top: 1em; } .comment-edit-link { text-transform: uppercase; border-bottom: none !important; white-space: nowrap; } .comment-edit-link:before { content: "\e3c9"; font-family: "Material Icons"; text-transform: none; margin-right: 6px; } .trackback .edit-link, .pingback .edit-link { margin-left: 0.5em; } #cancel-comment-reply-link { margin-top: 1em; margin-left: 1em; } .comment { outline-width: 1em; outline-style: solid; outline-color: transparent; transition: background-color 2.4s ease, outline-color 2.4s ease, opacity 0.3s ease; } .comment_ajax-added { outline-color: #eeece6; background-color: #eeece6; } .comment_ajax-unapproved .comment-body, .comment_ajax-unapproved .comment_container { opacity: 0.3; pointer-events: none; } .comment_ajax-unapproved .comment-body *, .comment_ajax-unapproved .comment_container * { pointer-events: none; } @media screen and (max-width: 991px) { .comment-author { margin-right: 1em; } .comment-author .avatar { max-width: 50px; max-height: 50px; } .comment-meta { flex-wrap: wrap; } .comment-metadata { margin-top: 0.75em; margin-left: 0; width: 100%; } } /*!======================================================================== * 140. Post Date Floating * ======================================================================!*/ .post-date-floating { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; --date-size-min: 60; --date-size-max: 100; width: calc(1 * var(--date-size-min) * 1px); height: calc(1 * var(--date-size-min) * 1px); text-align: center; } @media screen and (min-width: 360px) { .post-date-floating { width: calc(1 * (var(--date-size-min) * 1px + (var(--date-size-max) - var(--date-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .post-date-floating { width: calc(1 * var(--date-size-max) * 1px); } } @media screen and (min-width: 360px) { .post-date-floating { height: calc(1 * (var(--date-size-min) * 1px + (var(--date-size-max) - var(--date-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .post-date-floating { height: calc(1 * var(--date-size-max) * 1px); } } /*!======================================================================== * 141. Tags * ======================================================================!*/ .tagcloud, .widget .tagcloud, .wp-block-tag-cloud { --tags-color: inherit; --tags-color-hover: var(--color-accent); --tags-background-color: transparent; --tags-background-color-hover: transparent; --tags-border-color: var(--color-border-opacity); --tags-border-color-hover: var(--color-accent); } .tagcloud a, .widget .tagcloud a, .wp-block-tag-cloud a { color: var(--tags-color); display: inline-block; font-size: 13px; font-weight: 600; line-height: 1; background-color: var(--tags-background-color); padding: 8px 14px; margin-bottom: 6px; margin-right: 4px; border-radius: 100px; border: 1px solid var(--tags-border-color); transition: 0.3s ease color, 0.3s ease border-color, 0.3s ease background-color; } .tagcloud a:hover, .widget .tagcloud a:hover, .wp-block-tag-cloud a:hover { color: var(--tags-color-hover); border-color: var(--tags-border-color-hover); background-color: var(--tags-background-color-hover); } .tagcloud ul, .widget .tagcloud ul, .wp-block-tag-cloud ul { list-style-type: none; padding: 0; margin: 0; } .tagcloud ul li, .widget .tagcloud ul li, .wp-block-tag-cloud ul li { display: inline-block; margin-bottom: 0; } /*!======================================================================== * 142. Post Meta * ======================================================================!*/ .text-center .post-meta { justify-content: center; } .post-meta { list-style-type: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; line-height: 1; --divider-opacity: 0.5; --divider-color: currentColor; } .post-meta i { font-size: max(14px, 0.9em); vertical-align: middle; margin-right: 4px; } .post-meta .post-meta__item { display: inline-flex; flex-wrap: wrap; align-items: center; line-height: 1.6; vertical-align: middle; } .post-meta .post-meta__item span { vertical-align: middle; } .post-meta ul { padding-left: 0; } .post-meta a { display: inline-block; vertical-align: middle; white-space: nowrap; } .post-meta .js-arts-split-text__wrapper-line { width: 100%; } .post-meta-blog .post-meta__item:not(:last-child):after { content: "/"; color: var(--divider-color, inherit); opacity: var(--divider-opacity, 1); display: inline-block; margin-left: 0.5em; margin-right: 0.5em; transition: all 0.3s ease; } .post-meta__divider { color: var(--divider-color); opacity: var(--divider-opacity, 1); display: inline-block; padding-left: 0.5em; padding-right: 0.5em; margin-bottom: 0.1em; } .post-meta_block .post-meta__item { display: block; margin: 0.5em 0; } .post-meta_block .post-meta__item:not(:last-child):after { display: none; } .post-meta_flex { display: flex; justify-content: space-between; } .post-meta_accent * { color: var(--color-accent); } .text-start .post-meta .post-meta__item { justify-content: flex-start; } .text-center .post-meta .post-meta__item { justify-content: center; } .text-end .post-meta .post-meta__item { justify-content: flex-end; } [data-arts-split-text-element=wrapperLi] { display: flex; flex-wrap: wrap; } /*!======================================================================== * 143. Sidebar * ======================================================================!*/ .sidebar > .widget:not(:last-child) { margin-bottom: 1.75em; } .sidebar .widget:not(:first-child) { margin-top: 1.75em; } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget:last-child .wp-block-column, .sidebar .widget:last-child .wp-block-group { margin-bottom: 0; } .section-blog__sidebar { max-width: 370px; } .elementor-editor-active .section-blog__row { overflow: initial !important; } @media screen and (max-width: 991px) { .section-blog__sidebar { margin-top: 3em; max-width: 100%; } } /*!======================================================================== * 144. Posts Navigation * ======================================================================!*/ .posts-navigation__item_next { border-left: 1px solid var(--color-borders); } @media screen and (max-width: 576px) { .posts-navigation__item_next { border-left: none; border-bottom: 1px solid var(--color-borders); } } /*!======================================================================== * 145. Button Circle * ======================================================================!*/ .button-circle { position: relative; --button-paddings-min: 20; --button-paddings-max: 30; --button-size-min: 80; --button-size-max: 160; --button-paddings: calc(1 * var(--button-paddings-min) * 1px); --button-size: calc(1 * var(--button-size-min) * 1px); padding-top: 0; padding-left: var(--button-paddings); padding-bottom: 0; padding-right: var(--button-paddings); min-width: var(--button-size); min-height: var(--button-size); border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--color-border-solid); background: none; transition: color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media screen and (min-width: 360px) { .button-circle { --button-paddings: calc(1 * (var(--button-paddings-min) * 1px + (var(--button-paddings-max) - var(--button-paddings-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .button-circle { --button-paddings: calc(1 * var(--button-paddings-max) * 1px); } } @media screen and (min-width: 360px) { .button-circle { --button-size: calc(1 * (var(--button-size-min) * 1px + (var(--button-size-max) - var(--button-size-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .button-circle { --button-size: calc(1 * var(--button-size-max) * 1px); } } .button-circle:hover { color: var(--color-accent); border-color: currentColor; } .button-circle[disabled] { pointer-events: none; opacity: 0.2; } .button-circle:before { content: ""; display: block; padding-top: calc(100% + var(--button-paddings) * 2); } .button-circle.elementor-button[class*=elementor-size-] { padding-top: 0; padding-left: var(--button-paddings); padding-bottom: 0; padding-right: var(--button-paddings); } .button-circle.elementor-button.elementor-size-xs { --button-size-min: 60; --button-size-max: 80; } .button-circle.elementor-button.elementor-size-sm { --button-size-min: 80; --button-size-max: 120; } .button-circle.elementor-button.elementor-size-md { --button-size-min: 80; --button-size-max: 160; } .button-circle.elementor-button.elementor-size-lg { --button-size-min: 100; --button-size-max: 200; } .button-circle.elementor-button.elementor-size-xl { --button-size-min: 100; --button-size-max: 240; } .button-circlea, .button-circlebutton { cursor: pointer; } .button-border-opacity { border-color: var(--color-border-opacity); } .button-border-opacity svg { transition: opacity 0.2s ease; } .button-border-opacity:hover { border-color: currentColor !important; } .button-border-opacity:hover svg { opacity: 0; } .button-progress .svg-circle { position: absolute; top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px); stroke: var(--color-accent); border-radius: 100%; stroke-width: 0.5px; stroke-dashoffset: 0.001; stroke-dasharray: 0px, 999999px; } .button-progress * { pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .button-progress__hold { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; } .has-click-and-hold, .has-click-and-hold * { -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .has-cursor-follower [data-arts-cursor-follower-target*=magnetic]:not(.has-click-and-hold a):not(.header-element-fluid-paddings):hover { border-color: transparent !important; } /*!======================================================================== * 146. Input Float * ======================================================================!*/ .input-float { position: relative; display: block; width: 100%; margin-bottom: 0; } .input-float__label { position: absolute; top: 0.75em; left: 0; margin: auto; display: block; font-size: 16px; transition: all 0.3s ease; transform-origin: left center; pointer-events: none; color: currentColor; opacity: 0.7; } .input-float__input { display: block; width: 100%; width: 100%; border-bottom: 1px solid var(--form-primary-color); border-top: none; border-right: none; border-left: none; outline: none; padding: 14px 0 8px; transition: all 0.3s ease; background-color: transparent; border-radius: 0; color: var(--form-secondary-color, inherit); line-height: 1.5; } .input-float__input_textarea { resize: none; height: 200px; } .input-float__error, span.wpcf7-not-valid-tip { display: block; font-size: 13px; color: red; text-align: left; margin-top: 4px; } .input-float__input_focused + .input-float__label, .input-float__input_focused .input-float__label, .input-float__input_not-empty + .input-float__label, .input-float__input_not-empty .input-float__label { transform: scale(0.8571) translateY(-1.75rem); pointer-events: all; } .input-float__input_focused { border-color: var(--form-secondary-color); } .input-float__input_focused + .input-float__label, .input-float__input_focused .input-float__label { opacity: 1; pointer-events: all; } /*!======================================================================== * 147. Input Checkbox * ======================================================================!*/ .input-checkbox { position: relative; display: block; width: 100%; margin-bottom: 0; } .input-checkbox .wpcf7-list-item { margin: 0; } .input-checkbox__checkbox, .input-checkbox__checkbox.input-float__input { display: none; } .input-checkbox__checkbox:checked ~ .input-checkbox__label:before { content: "check"; color: var(--form-accent-color); } .input-float__input_checked ~ .input-checkbox__label:before { content: "check"; color: var(--form-accent-color); } .input-checkbox__label { cursor: pointer; display: inline-block; } .input-checkbox__label:before { content: ""; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; line-height: 1; font-weight: bold; width: 1.3em; height: 1.3em; border-radius: 4px; background-color: transparent; border: 1px solid currentColor; font-family: "Material Icons"; font-size: 18px; margin-right: 0.4em; transition: all 0.3s ease; } .input-checkbox__label:hover:before { color: var(--form-accent-color); } /*!======================================================================== * 148. Button Circles * ======================================================================!*/ .button-circles { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 20px; height: 20px; padding: 0 !important; } .button-circles__circle { position: relative; width: 8px; height: 8px; outline: none; display: inline-block; border: 2px solid currentColor; vertical-align: middle; border-radius: 100%; } .button-circles__circle:nth-child(1) { align-self: flex-start; } .button-circles__circle:nth-child(2) { align-self: flex-start; } .button-circles__circle:nth-child(3) { align-self: flex-end; } .button-circles__circle:nth-child(4) { align-self: flex-end; } /*!======================================================================== * 149. Input Radio * ======================================================================!*/ .input-radio { display: none; } .input-radio:checked + label { font-weight: bold; } .input-radio:checked + label:before { content: "\e837"; } .input-radio + label { cursor: pointer; } .input-radio + label:before { content: "\e836"; font-family: "Material Icons"; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 24px; line-height: 1; vertical-align: middle; } /*!======================================================================== * 150. Input Search * ======================================================================!*/ .input-search__input { padding-right: 30px !important; } .input-search__input::-webkit-outer-spin-button, .input-search__input::-webkit-inner-spin-button, .input-search__input::-webkit-clear-button { -webkit-appearance: none; margin: 0; } .input-search__submit { display: inline-block; font-size: 18px; width: 24px; height: 24px; padding: 0; position: absolute; right: 0; top: 12px; bottom: 0; background: transparent; border: none !important; color: #888; outline: none; transition: all 0.3s ease; cursor: pointer; } .input-search__submit:hover { color: #000; } .input-search__submit:focus { outline: none; } /*!======================================================================== * 151. Select * ======================================================================!*/ #page-header select, #page-wrapper select, #page-footer select { display: block; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 4px; padding: 16px 36px 16px 16px; font-size: 16px; background-color: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("https://piixonova.com/wp-content/themes/asli/img/ui/select_black.png"); background-position: right 15px bottom 50%; background-repeat: no-repeat; background-size: 6px 4px; color: currentColor; transition: border-color 0.3s ease; } #page-header select:focus, #page-wrapper select:focus, #page-footer select:focus { border-color: var(--accent-dark); } #page-header[data-arts-color-theme=dark] select, #page-wrapper[data-arts-color-theme=dark] select, #page-footer[data-arts-color-theme=dark] select { background-image: url("https://piixonova.com/wp-content/themes/asli/img/ui/select_white.png"); } /*!======================================================================== * 152. Section Demo Screens Wall * ======================================================================!*/ .section-demo-screens-wall__wrapper-lanes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-demo-screens-wall__overlay { z-index: 0; } @media screen and (max-width: 991px) { .section-demo-screens-wall__overlay { --overlay-gradient-opacity-end: 0.75; } } /*!======================================================================== * 153. Section F Ixed Wall * ======================================================================!*/ .fixed-wall.has-fixed-wall .hs-h-33 .fixed-wall__wrapper-img { --item-height: 33.3333vh; } .fixed-wall.has-fixed-wall .hs-h-50 .fixed-wall__wrapper-img { --item-height: 50vh; } .fixed-wall.has-fixed-wall .hs-h-25 .fixed-wall__wrapper-img { --item-height: 25vh; } .fixed-wall.has-fixed-wall .fixed-wall__wrapper-img { --offset-horizontal: calc(var(--gap) * 2); --item-height: 100vh; --item-min-height: min(var(--item-height), ((100vw - var(--offset-horizontal)) / var(--aspect-ratio))); height: var(--item-min-height); width: 100%; max-width: calc(var(--aspect-ratio) * var(--item-min-height)); } @media (min-width: 768px) { .fixed-wall.has-fixed-wall .col-md-3 { flex: 1 0 auto; width: calc(25% - var(--gap)); } .fixed-wall.has-fixed-wall .col-md-6 { flex: 1 0 auto; width: calc(50% - var(--gap)); } .fixed-wall.has-fixed-wall .col-md-4 { flex: 1 0 auto; width: calc(33.33333333% - var(--gap)); } } .fixed-wall.no-fixed-wall .fixed-wall__wrapper { padding-left: var(--gap); padding-right: var(--gap); } .fixed-wall.no-fixed-wall .fixed-wall__lane { width: 100%; flex: 1 0 100%; } @media (min-width: 768px) { .fixed-wall.no-fixed-wall .hs-h-33, .fixed-wall.no-fixed-wall .col-md-3 { flex: 1 0 auto; width: calc(25% - var(--gap)); } .fixed-wall.no-fixed-wall .hs-h-50, .fixed-wall.no-fixed-wall .col-md-6 { flex: 1 0 auto; width: calc(50% - var(--gap)); } .fixed-wall.no-fixed-wall .hs-h-25, .fixed-wall.no-fixed-wall .col-md-4 { flex: 1 0 auto; width: calc(33.33333333% - var(--gap)); } } .fixed-wall__wrapper { width: 100%; --gap: 20px; gap: var(--gap); overflow: hidden; } .fixed-wall__lane { gap: var(--gap); } /*!======================================================================== * 154. Section Instagram * ======================================================================!*/ .section-instagram__lane { --height-min: 200; --height-max: 350; --gutters-min: 10; --gutters-max: 20; height: calc(1 * var(--height-min) * 1px); } @media screen and (min-width: 360px) { .section-instagram__lane { height: calc(1 * (var(--height-min) * 1px + (var(--height-max) - var(--height-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-instagram__lane { height: calc(1 * var(--height-max) * 1px); } } .section-instagram__link { display: block; } .section-instagram__link img { height: 100%; } .section-instagram__item { height: 100%; } .section-instagram__link { height: 100%; } .section-instagram__item-inner { padding-left: calc(1 * var(--gutters-min) * 1px); padding-right: calc(1 * var(--gutters-min) * 1px); height: 100%; } @media screen and (min-width: 360px) { .section-instagram__item-inner { padding-left: calc(1 * (var(--gutters-min) * 1px + (var(--gutters-max) - var(--gutters-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-instagram__item-inner { padding-left: calc(1 * var(--gutters-max) * 1px); } } @media screen and (min-width: 360px) { .section-instagram__item-inner { padding-right: calc(1 * (var(--gutters-min) * 1px + (var(--gutters-max) - var(--gutters-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-instagram__item-inner { padding-right: calc(1 * var(--gutters-max) * 1px); } } .section-instagram__inner .section-instagram__lane:first-child { padding-bottom: calc(1 * var(--gutters-min) * 1px); } @media screen and (min-width: 360px) { .section-instagram__inner .section-instagram__lane:first-child { padding-bottom: calc(1 * (var(--gutters-min) * 1px + (var(--gutters-max) - var(--gutters-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-instagram__inner .section-instagram__lane:first-child { padding-bottom: calc(1 * var(--gutters-max) * 1px); } } .section-instagram__inner .section-instagram__lane:last-child { padding-top: calc(1 * var(--gutters-min) * 1px); } @media screen and (min-width: 360px) { .section-instagram__inner .section-instagram__lane:last-child { padding-top: calc(1 * (var(--gutters-min) * 1px + (var(--gutters-max) - var(--gutters-min)) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-instagram__inner .section-instagram__lane:last-child { padding-top: calc(1 * var(--gutters-max) * 1px); } } /*!======================================================================== * 155. Section Portfolio Grid * ======================================================================!*/ .section-portfolio-grid__col-filter { position: relative; transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0); padding-top: calc(1 * 20 * 1px); padding-bottom: calc(1 * 20 * 1px); } @media screen and (min-width: 360px) { .section-portfolio-grid__col-filter { padding-top: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-portfolio-grid__col-filter { padding-top: calc(1 * 40 * 1px); } } @media screen and (min-width: 360px) { .section-portfolio-grid__col-filter { padding-bottom: calc(1 * (20 * 1px + (40 - 20) * (100vw - 360px) / 1560)); } } @media screen and (min-width: 1920px) { .section-portfolio-grid__col-filter { padding-bottom: calc(1 * 40 * 1px); } } .section-portfolio-grid__col-filter.sticking { border-color: transparent; box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.04); } .section-portfolio-grid_hovered .portfolio-card__link:hover .hover-zoom__zoom { transform: scale(0.98); } .section-portfolio-grid_hovered .portfolio-card__link:hover .hover-zoom__inner { transform: scale(1.02); } .section-portfolio-grid_hovered-zoom-out .portfolio-card__link:not(:hover) .hover-zoom__zoom { transform: scale(0.95); } .section-portfolio-grid_hovered-zoom-out .portfolio-card__link:not(:hover) .hover-zoom__inner { transform: scale(1.05); } .section-portfolio-grid_hovered-zoom-out .portfolio-card__opacity-link:not(:hover) { opacity: 0.5; } /*!======================================================================== * 156. Section Portfolio Headings Centered * ======================================================================!*/ .section-portfolio-headings-centered__item { display: block; position: relative; z-index: 50; pointer-events: none; } .section-portfolio-headings-centered__item-header { text-align: center; } .section-portfolio-headings-centered__item { max-width: calc(100% - var(--gutter-horizontal) * 2); margin: auto; } .section-portfolio-headings-centered__item-media { position: relative; } .section-portfolio-headings-centered__link { display: block; pointer-events: auto; } .section-portfolio-headings-centered__wrapper-button { display: inline-block; pointer-events: auto; } .section-portfolio-headings-centered__item-counter { position: absolute; top: 0; left: 1em; white-space: nowrap; pointer-events: none; transform: none !important; } .section-portfolio-headings-centered__item-counter [data-arts-split-text-element=char]:nth-child(1), .section-portfolio-headings-centered__item-counter .js-arts-split-text__char:nth-child(1) { z-index: -1; transform: translateY(-40%); } .section-portfolio-headings-centered__item-counter [data-arts-split-text-element=char]:nth-child(2), .section-portfolio-headings-centered__item-counter .js-arts-split-text__char:nth-child(2) { z-index: 60; transform: translateY(-40%); } .section-portfolio-headings-centered__item-counter:not([data-arts-split-text-ready=true]) { transform: translateY(-40%); } .section-portfolio-headings-centered__item-counter_right { left: auto; right: 1em; } @media screen and (max-width: 991px) { .section-portfolio-headings-centered__item-header { margin-top: 1em; } } .section-portfolio-headings-centered__item_hovered .hover-zoom__zoom { transform: scale(0.98); } .section-portfolio-headings-centered__item_hovered .hover-zoom__inner { transform: scale(1.02); } @media screen and (min-width: 992px) { .section-portfolio-headings-centered__item { max-width: 100%; } .section-portfolio-headings-centered__item-header { position: absolute; top: 50%; left: var(--gutter-horizontal); right: var(--gutter-horizontal); width: auto; transform: translateY(-50%); margin: auto; z-index: 60; } .section-portfolio-headings-centered__item-media { position: relative; width: 720px; max-width: calc(50vw - var(--gutter-horizontal)); pointer-events: auto; } } /*!======================================================================== * 157. Widget Archives * ======================================================================!*/ .widget_archive ul li { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 16px; font-weight: 600; } .wp-block-categories-list, .wp-block-archives-list { list-style-type: none; padding: 0; margin: 0; } .wp-block-categories-list li, .wp-block-archives-list li { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 16px; font-weight: 600; } /*!======================================================================== * 158. Widget Calendar * ======================================================================!*/ #wp-calendar, .wp-block-calendar { width: 100%; text-align: center; } #wp-calendar thead, .wp-block-calendar thead { border-bottom: 1px solid var(--border-color-solid); } #wp-calendar caption, .wp-block-calendar caption { caption-side: top; width: 100%; text-align: center; padding-top: 0; padding-bottom: 10px; color: var(--paragraph-color); } #wp-calendar th, .wp-block-calendar th { font-weight: 600; padding: 5px; text-align: center; white-space: nowrap; } #wp-calendar td, .wp-block-calendar td { padding: 5px; white-space: nowrap; } #wp-calendar td#next, .wp-block-calendar td#next { text-align: right; } #wp-calendar td#prev, .wp-block-calendar td#prev { text-align: left; } #wp-calendar tbody a:before, .wp-block-calendar tbody a:before { content: ""; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border-radius: 100%; transform: translate(-50%, -50%); z-index: -1; transition: all 0.3s ease; } #wp-calendar tr, .wp-block-calendar tr { border-bottom: none; } #wp-calendar a, .wp-block-calendar a { display: inline-block; position: relative; z-index: 50; } .wp-calendar-nav { display: flex; justify-content: space-between; align-content: center; width: 100%; margin-top: 0.5em; } /*!======================================================================== * 159. Widget Nav Menu * ======================================================================!*/ .widget_nav_menu ul.menu-column > li { white-space: normal; word-break: break-word; } .widget_nav_menu ul.menu-column > li a { display: inline-block; padding: 0; text-transform: none; letter-spacing: 0; } .widget_nav_menu ul.menu-column > li.menu-item-has-children:not(:last-child) { margin-bottom: 1em !important; } /*!======================================================================== * 160. Widget RSS * ======================================================================!*/ .widget_rss .rsswidget { font-size: 102%; font-weight: 600; display: inline-block; } .widget_rss .rss-date { display: block; width: 100%; font-size: 14px; font-weight: 600; margin-bottom: 0.75em; } .widget_rss .rssSummary { margin-top: 0.5em; margin-bottom: 0.5em; } .widget_rss ul > li { border-bottom: 1px solid var(--color-border-opacity); padding-top: 0.5em; padding-bottom: 0.5em; } .widget_rss ul > li:last-child { border-bottom: none; padding-bottom: 0; } /*!======================================================================== * 161. Widget Marquee * ======================================================================!*/ /*!======================================================================== * 162. Widget Recent Entries * ======================================================================!*/ .widget_recent_entries .post-date { display: block; width: 100%; font-size: 13px; font-weight: 600; opacity: 0.7; } .widget_recent_entries ul li { padding: 0.75em 0; margin-bottom: 0 !important; border-bottom: 1px solid var(--color-border-opacity); } .widget_recent_entries ul li a { display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.5; } .widget_recent_entries ul li a span { display: inline-block; } .widget_recent_entries ul li:first-child { padding-top: 0; } .widget_recent_entries ul li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts__list li { padding: 0.75em 0; margin-bottom: 0 !important; border-bottom: 1px solid var(--color-border-opacity); } .wp-block-latest-posts__list li a { font-weight: 600; line-height: 1.5; } .wp-block-latest-posts__list li a span { display: inline-block; } .wp-block-latest-posts__list li:first-child { padding-top: 0; } .wp-block-latest-posts__list li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts__post-date { display: block; width: 100%; text-transform: uppercase; margin-top: 0.25em; } /*!======================================================================== * 163. Widget Recent Comments * ======================================================================!*/ .widget_recent_comments { line-height: 1.5; } .widget_recent_comments ul li { padding: 0.75em 0; margin-bottom: 0 !important; border-bottom: 1px solid var(--color-border-opacity); } .widget_recent_comments ul li:first-child { padding-top: 0; } .widget_recent_comments ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget_recent_comments ul li a { font-weight: 600; } .widget_recent_comments .comment-author-link a { font-weight: normal; } .wp-block-latest-comments__comment-link { font-weight: normal; } .wp-block-latest-comments { line-height: 1.5; } .wp-block-latest-comments li { padding: 0.75em 0; margin-bottom: 0 !important; border-bottom: 1px solid var(--color-border-opacity); } .wp-block-latest-comments li:first-child { padding-top: 0; } .wp-block-latest-comments li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-comments li a:not(.wp-block-latest-comments__comment-author) { font-weight: 500; } /*!======================================================================== * 164. Widget Text * ======================================================================!*/ .widget_text .textwidget > *:first-child { margin-top: 0; } .widget_text .textwidget > *:last-child { margin-bottom: 0; } /*!======================================================================== * 165. Widget Social * ======================================================================!*/ .widget_asli_soc1al ul { text-align: inherit; } .widget_asli_soc1al ul li { display: inline-block; margin-bottom: 0; } /*!======================================================================== * 166. Widget Tag Cloud * ======================================================================!*/ /*!======================================================================== * 167. Widget Categories * ======================================================================!*/ .widget_categories ul li { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 16px; font-weight: 600; } .widget_categories ul li span { text-transform: uppercase; line-height: 1; } /*!======================================================================== * 168. Widget Search * ======================================================================!*/ .wp-block-search__button { padding-top: 8px; padding-bottom: 8px; padding-left: 16px !important; padding-right: 16px !important; } .wp-block-search__input { outline: none; border-radius: 512px; padding: 6px 12px; line-height: 1; } .wp-block-search__label { font-size: 16px; }
 
 

              @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0rmimslybiv1o4x1m8cce4odvismz5nzrqy6cmmmu3t2fqweaeovv9wnvrwlnstmkw3y6k5wmwd-daly50.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0rmimslybiv1o4x1m8cce4odvismz5nzrqy6cmmmu3t2fqweaeovv9wnvrwlnstmkw3y6k5wmwd-lalq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }                             @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }    @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }    @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }    @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }    @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }    @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t7r-tckq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://piixonova.com/wp-content/uploads/elementor/google-fonts/fonts/nunitosans-pe0tmimslybiv1o4x1m8ce2xcx3yop4tqpf_metm0lfgwvpnn64cl7u8uphzibmv51q42ptcp7t1r-s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }