/** Shopify CDN: Minification failed
Line 82:1 Expected identifier but found "*"
Line 374:0 Unexpected ".0"
**/
@charset "UTF-8";
:root {
--base-size: 16px;
--space-ratio: 1.25;
--space-ratio-md: 1.25;
--space-ratio-lg: 1.333
}
@media (max-width:767px) {
:root {
--space-12: 95.36743px;
--space-11: 76.29395px;
--space-10: 61.03516px;
--space-9: 48.82812px;
--space-8: 39.0625px;
--space-7: 31.25px;
--space-6: 25px;
--space-5: 20px;
--space-4: 16px;
--space-3: 12.8px;
--space-2: 10.24px;
--space-1: 8.192px;
--space-0: 0
}
}
@media (min-width:768px) and (max-width:1179px) {
:root {
--space-12: 95.36743px;
--space-11: 76.29395px;
--space-10: 61.03516px;
--space-9: 48.82812px;
--space-8: 39.0625px;
--space-7: 31.25px;
--space-6: 25px;
--space-5: 20px;
--space-4: 16px;
--space-3: 12.8px;
--space-2: 10.24px;
--space-1: 8.192px;
--space-0: 0
}
}
@media (min-width:1180px) {
:root {
--space-12: 159.50018px;
--space-11: 119.65505px;
--space-10: 89.76373px;
--space-9: 67.33963px;
--space-8: 50.51735px;
--space-7: 37.89749px;
--space-6: 28.43022px;
--space-5: 21.328px;
--space-4: 16px;
--space-3: 12.003px;
--space-2: 9.0045px;
--space-1: 6.75507px;
--space-0: 0
}
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(boxsizing.htc)
}
* {
margin: 0
}
body {
overflow-x: hidden
}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0
}
body.slideout-open {
height: 100vh;
overflow-y: hidden;
padding-right: 4px
}
article, aside, figcaption, figure, footer, header, main, nav, section {
display: block
}
style {
display: none !important
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none
}
a img {
vertical-align: middle
}
small, small a {
font-size: var(--font-size-sm)
}
.rte img {
height: unset
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
input {
border-radius: 0
}
input[type=search] {
-webkit-appearance: none
}
textarea {
overflow: auto
}
.hide, .no-js .box-ratio, .no-js .load-wait, .no-js .loading-wrapper, .no-js .related-products img.lazyload, .no-js .thumbnail-slider .lazyload {
display: none
}
.no-js .select-wrapper select .no-js .variants .original-select label, .no-js .vantage-accordion .product-accordion-content {
display: block !important
}
.no-js .variants .original-select:before {
line-height: 60px;
content: "CHOOSE";
width: 30%;
height: 60px;
position: absolute;
left: 0;
top: 0;
color: #000;
font-size: var(--font-size)
}
.no-js .variants .original-select select {
display: block !important;
float: right;
width: 60%
}
.no-js .product-media-container {
display: none !important
}
.no-js .product__section-images #main-slider li.carousel-cell {
opacity: 1 !important
}
.no-js .product__section-images {
visibility: visible !important
}
.js #no-js-update-cart, .js .ajax-cart__form-wrapper--nojs {
display: none
}
.no-js #CollectionFiltersForm {
display: none
}
.cart-type--no_js_cart .ajax-cart__item-remove--no-js, .no-js .ajax-cart__item-remove--no-js {
display: block !important;
position: absolute;
top: 10px;
right: 10px
}
.cart-type--no_js_cart .ajax-cart__item-remove--js, .no-js .ajax-cart__item-remove--js {
display: none
}
.cart-type--no_js_cart .ajax-cart__qty-control--down, .cart-type--no_js_cart .ajax-cart__qty-control--up, .no-js .ajax-cart__qty-control--down, .no-js .ajax-cart__qty-control--up {
display: none
}
.cart-type--no_js_cart .ajax-cart__item-quantity, .no-js .ajax-cart__item-quantity {
text-align: center !important
}
.cart-type--no_js_cart #cartForm .ajax-cart__qty-input--no-js, .no-js #cartForm .ajax-cart__qty-input--no-js {
width: 100px;
margin: 0;
border: 1px solid var(--dotted-color)
}
.cart-type--no_js_cart #cartForm .ajax-cart__item-update--no-js, .no-js #cartForm .ajax-cart__item-update--no-js {
display: block !important;
margin-top: 8px !important;
text-decoration: underline;
font-size: 13px;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
cursor: pointer
}
.no-js .ajax-cart__accordion--shipping-calc {
display: none
}
.cart-type--no_js_cart .ajax-cart__form-wrapper--nojs, .no-js .ajax-cart__accordion .accordion-content {
display: block !important
}
.cart-type--no_js_cart .loading-wrapper, .no-js .loading-wrapper {
display: none
}
.show {
display: block;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .8s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
body, html {
height: 100%
}
ul {
margin: 0;
padding: 0;
list-style: none
}
ul.bullet {
list-style: disc;
padding-left: 1rem
}
ol {
margin: 0;
padding-left: 1rem
}
ol ol {
margin: 0
}
img {
max-width: 100%;
border: 0
}
img[data-sizes=auto] {
display: block;
width: 100%
}
.box-ratio {
display: block;
height: 0;
width: 100%;
overflow: hidden;
background-color: #f1f1f1
}
.product .box-ratio {
background-color: #fff
}
.box-ratio img {
background-color: #fff
}
.lazyload-fade {
opacity: 0;
transition: opacity .2s
}
.lazyload-fade.lazyloaded {
opacity: 1
}
.placeholder-svg {
background: #efefef;
fill: #c5c5c5
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.0 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.onboard {
width: 100%;
height: 100%
}
.onboard svg {
width: 100%;
height: 100%
}
:focus, a:focus {
outline: var(--keyboard-focus) var(--keyboard-border-style) var(--keyboard-border-weight) !important;
outline-offset: var(--keyboard-border-offset-weight) !important
}
.collection-loop a, .product-loop a {
display: block;
width: 100%
}
::-webkit-scrollbar {
width: 5px;
height: 5px
}
::-webkit-scrollbar-button {
width: 0;
height: 0
}
::-webkit-scrollbar-thumb {
background: var(--accent-color);
border: 0 none #fff;
border-radius: 50px
}
::-webkit-scrollbar-thumb:hover {
background: #fff
}
::-webkit-scrollbar-thumb:active {
background: #000
}
::-webkit-scrollbar-track {
background: --border-color;
border: 0 none #fff;
border-radius: 50px
}
::-webkit-scrollbar-track:hover {
background: --border-color
}
::-webkit-scrollbar-track:active {
background: #333
}
::-webkit-scrollbar-corner {
background: 0 0
}
.rte a, p a {
text-decoration: underline
}
.rte h1 a, .rte h2 a, .rte h3 a, .rte h4 a, .rte h5 a, .rte h6 a {
text-decoration: none
}
.rte ul {
list-style-type: disc;
padding-left: 1rem
}
.rte ul ul {
margin: 0
}
.rte, a, p {
line-height: 1.6;
margin-bottom: var(--space-7)
}
.rte, blockquote, ol, ul {
margin-bottom: var(--space-7)
}
ol li, ol li a, ul li, ul li a {
font-size: var(--font-size);
line-height: 1.6
}
.nav-font, ul.nav a {
font-size: var(--nav-size);
line-height: 1.3;
font-style: var(--nav-style);
font-family: var(--nav-family);
font-weight: var(--nav-weight)
}
ul.cart a, ul.cart span {
font-size: var(--nav-size);
font-style: var(--nav-style);
font-family: var(--nav-family);
font-weight: var(--nav-weight)
}
small, small a, small p {
font-size: var(--font-size);
display: block
}
.sm-caps {
font-size: var(--font-size);
font-weight: 700;
text-transform: uppercase;
line-height: 1.6
}
blockquote, blockquote p {
font-size: 2rem;
line-height: 1.3;
font-style: italic
}
blockquote cite {
font-size: 1rem;
line-height: 1.3;
font-style: normal
}
svg {
vertical-align: middle;
cursor: pointer
}
svg.md {
transform: scale(1.3);
transform-origin: center
}
svg.lg {
transform: scale(1.3);
transform-origin: center
}
.h1, .h1 a, .h2, .h2 a, .h3, .h3 a, .h4, .h4 a, .h5, .h5 a, .h6, .h6 a, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
font-family: var(--heading-family);
font-style: var(--heading-style);
font-weight: var(--heading-weight);
letter-spacing: var(--heading-spacing);
margin-bottom: var(--space-4);
text-decoration: none
}
.main-font, .rte, a, body, p, td, th {
font-size: var(--font-size);
font-family: var(--main-family);
font-style: var(--main-style);
font-weight: var(--main-weight)
}
.h1, .h1 a, h1, h1 a {
font-size: var(--h1-size);
line-height: calc((var(--h1-size) * .17) + var(--h1-size))
}
.h2, .h2 a, h2, h2 a {
font-size: var(--h2-size);
line-height: calc((var(--h2-size) * .17) + var(--h2-size))
}
.h3, .h3 a, h3, h3 a {
font-size: var(--h3-size);
line-height: calc((var(--h3-size) * .17) + var(--h3-size))
}
.h4, .h4 a, h4, h4 a {
font-size: calc(var(--font-size) + 2px);
line-height: calc((var(--font-size) * .375) + var(--font-size))
}
.h5, .h5 a, h5, h5 a {
font-size: calc(var(--font-size) + 1px);
line-height: calc((var(--font-size) * .375) + var(--font-size))
}
.h6, .h6 a, h6, h6 a {
font-size: var(--font-size)
}
.m0 {
margin: 0
}
.mt0 {
margin-top: 0
}
.mr0 {
margin-right: 0
}
.mb0 {
margin-bottom: 0
}
.ml0 {
margin-left: 0
}
.mx0 {
margin-left: 0;
margin-right: 0
}
.my0 {
margin-top: 0;
margin-bottom: 0
}
.m1 {
margin: var(--space-1)
}
.mt1 {
margin-top: var(--space-1)
}
.mtn1 {
margin-top: calc(var(--space-1) * -1)
}
.mr1 {
margin-right: var(--space-1)
}
.mrn1 {
margin-right: calc(var(--space-1) * -1)
}
.mb1 {
margin-bottom: var(--space-1)
}
.mbn1 {
margin-bottom: calc(var(--space-1) * -1)
}
.ml1 {
margin-left: var(--space-1)
}
.mln1 {
margin-left: calc(var(--space-1) * -1)
}
.mx1 {
margin-left: var(--space-1);
margin-right: var(--space-1)
}
.my1 {
margin-top: var(--space-1);
margin-bottom: var(--space-1)
}
.m2 {
margin: var(--space-2)
}
.mt2 {
margin-top: var(--space-2)
}
.mtn2 {
margin-top: calc(var(--space-2) * -1)
}
.mr2 {
margin-right: var(--space-2)
}
.mrn2 {
margin-right: calc(var(--space-2) * -1)
}
.mb2 {
margin-bottom: var(--space-2)
}
.mbn2 {
margin-bottom: calc(var(--space-2) * -1)
}
.ml2 {
margin-left: var(--space-2)
}
.mln2 {
margin-left: calc(var(--space-2) * -1)
}
.mx2 {
margin-left: var(--space-2);
margin-right: var(--space-2)
}
.my2 {
margin-top: var(--space-2);
margin-bottom: var(--space-2)
}
.m3 {
margin: var(--space-3)
}
.mt3 {
margin-top: var(--space-3)
}
.mtn3 {
margin-top: calc(var(--space-3) * -1)
}
.mr3 {
margin-right: var(--space-3)
}
.mrn3 {
margin-right: calc(var(--space-3) * -1)
}
.mb3 {
margin-bottom: var(--space-3)
}
.mbn3 {
margin-bottom: calc(var(--space-3) * -1)
}
.ml3 {
margin-left: var(--space-3)
}
.mln3 {
margin-left: calc(var(--space-3) * -1)
}
.mx3 {
margin-left: var(--space-3);
margin-right: var(--space-3)
}
.my3 {
margin-top: var(--space-3);
margin-bottom: var(--space-3)
}
.m4 {
margin: var(--space-4)
}
.mt4 {
margin-top: var(--space-4)
}
.mtn4 {
margin-top: calc(var(--space-4) * -1)
}
.mr4 {
margin-right: var(--space-4)
}
.mrn4 {
margin-right: calc(var(--space-4) * -1)
}
.mb4 {
margin-bottom: var(--space-4)
}
.mbn4 {
margin-bottom: calc(var(--space-4) * -1)
}
.ml4 {
margin-left: var(--space-4)
}
.mln4 {
margin-left: calc(var(--space-4) * -1)
}
.mx4 {
margin-left: var(--space-4);
margin-right: var(--space-4)
}
.my4 {
margin-top: var(--space-4);
margin-bottom: var(--space-4)
}
.m5 {
margin: var(--space-5)
}
.mt5 {
margin-top: var(--space-5)
}
.mtn5 {
margin-top: calc(var(--space-5) * -1)
}
.mr5 {
margin-right: var(--space-5)
}
.mrn5 {
margin-right: calc(var(--space-5) * -1)
}
.mb5 {
margin-bottom: var(--space-5)
}
.mbn5 {
margin-bottom: calc(var(--space-5) * -1)
}
.ml5 {
margin-left: var(--space-5)
}
.mln5 {
margin-left: calc(var(--space-5) * -1)
}
.mx5 {
margin-left: var(--space-5);
margin-right: var(--space-5)
}
.my5 {
margin-top: var(--space-5);
margin-bottom: var(--space-5)
}
.m6 {
margin: var(--space-6)
}
.mt6 {
margin-top: var(--space-6)
}
.mtn6 {
margin-top: calc(var(--space-6) * -1)
}
.mr6 {
margin-right: var(--space-6)
}
.mrn6 {
margin-right: calc(var(--space-6) * -1)
}
.mb6 {
margin-bottom: var(--space-6)
}
.mbn6 {
margin-bottom: calc(var(--space-6) * -1)
}
.ml6 {
margin-left: var(--space-6)
}
.mln6 {
margin-left: calc(var(--space-6) * -1)
}
.mx6 {
margin-left: var(--space-6);
margin-right: var(--space-6)
}
.my6 {
margin-top: var(--space-6);
margin-bottom: var(--space-6)
}
.m7 {
margin: var(--space-7)
}
.mt7 {
margin-top: var(--space-7)
}
.mtn7 {
margin-top: calc(var(--space-7) * -1)
}
.mr7 {
margin-right: var(--space-7)
}
.mrn7 {
margin-right: calc(var(--space-7) * -1)
}
.mb7 {
margin-bottom: var(--space-7)
}
.mbn7 {
margin-bottom: calc(var(--space-7) * -1)
}
.ml7 {
margin-left: var(--space-7)
}
.mln7 {
margin-left: calc(var(--space-7) * -1)
}
.mx7 {
margin-left: var(--space-7);
margin-right: var(--space-7)
}
.my7 {
margin-top: var(--space-7);
margin-bottom: var(--space-7)
}
.m8 {
margin: var(--space-8)
}
.mt8 {
margin-top: var(--space-8)
}
.mtn8 {
margin-top: calc(var(--space-8) * -1)
}
.mr8 {
margin-right: var(--space-8)
}
.mrn8 {
margin-right: calc(var(--space-8) * -1)
}
.mb8 {
margin-bottom: var(--space-8)
}
.mbn8 {
margin-bottom: calc(var(--space-8) * -1)
}
.ml8 {
margin-left: var(--space-8)
}
.mln8 {
margin-left: calc(var(--space-8) * -1)
}
.mx8 {
margin-left: var(--space-8);
margin-right: var(--space-8)
}
.my8 {
margin-top: var(--space-8);
margin-bottom: var(--space-8)
}
.m9 {
margin: var(--space-9)
}
.mt9 {
margin-top: var(--space-9)
}
.mtn9 {
margin-top: calc(var(--space-9) * -1)
}
.mr9 {
margin-right: var(--space-9)
}
.mrn9 {
margin-right: calc(var(--space-9) * -1)
}
.mb9 {
margin-bottom: var(--space-9)
}
.mbn9 {
margin-bottom: calc(var(--space-9) * -1)
}
.ml9 {
margin-left: var(--space-9)
}
.mln9 {
margin-left: calc(var(--space-9) * -1)
}
.mx9 {
margin-left: var(--space-9);
margin-right: var(--space-9)
}
.my9 {
margin-top: var(--space-9);
margin-bottom: var(--space-9)
}
.m10 {
margin: var(--space-10)
}
.mt10 {
margin-top: var(--space-10)
}
.mtn10 {
margin-top: calc(var(--space-10) * -1)
}
.mr10 {
margin-right: var(--space-10)
}
.mrn10 {
margin-right: calc(var(--space-10) * -1)
}
.mb10 {
margin-bottom: var(--space-10)
}
.mbn10 {
margin-bottom: calc(var(--space-10) * -1)
}
.ml10 {
margin-left: var(--space-10)
}
.mln10 {
margin-left: calc(var(--space-10) * -1)
}
.mx10 {
margin-left: var(--space-10);
margin-right: var(--space-10)
}
.my10 {
margin-top: var(--space-10);
margin-bottom: var(--space-10)
}
.m11 {
margin: var(--space-11)
}
.mt11 {
margin-top: var(--space-11)
}
.mr11 {
margin-right: var(--space-11)
}
.mb11 {
margin-bottom: var(--space-11)
}
.ml11 {
margin-left: var(--space-11)
}
.mx11 {
margin-left: var(--space-11);
margin-right: var(--space-11)
}
.my11 {
margin-top: var(--space-11);
margin-bottom: var(--space-11)
}
.m12 {
margin: var(--space-12)
}
.mt12 {
margin-top: var(--space-12)
}
.mr12 {
margin-right: var(--space-12)
}
.mb12 {
margin-bottom: var(--space-12)
}
.ml12 {
margin-left: var(--space-12)
}
.mx12 {
margin-left: var(--space-12);
margin-right: var(--space-12)
}
.my12 {
margin-top: var(--space-12);
margin-bottom: var(--space-12)
}
.mxn1 {
margin-left: calc(var(--space-1) * -1);
margin-right: calc(var(--space-1) * -1)
}
.mxn2 {
margin-left: calc(var(--space-2) * -1);
margin-right: calc(var(--space-2) * -1)
}
.mxn3 {
margin-left: calc(var(--space-3) * -1);
margin-right: calc(var(--space-3) * -1)
}
.mxn4 {
margin-left: calc(var(--space-4) * -1);
margin-right: calc(var(--space-4) * -1)
}
.mxn5 {
margin-left: calc(var(--space-5) * -1);
margin-right: calc(var(--space-5) * -1)
}
.mxn6 {
margin-left: calc(var(--space-6) * -1);
margin-right: calc(var(--space-6) * -1)
}
.mxn7 {
margin-left: calc(var(--space-7) * -1);
margin-right: calc(var(--space-7) * -1)
}
.mxn8 {
margin-left: calc(var(--space-8) * -1);
margin-right: calc(var(--space-8) * -1)
}
.mxn9 {
margin-left: calc(var(--space-9) * -1);
margin-right: calc(var(--space-9) * -1)
}
.mxn10 {
margin-left: calc(var(--space-10) * -1);
margin-right: calc(var(--space-10) * -1)
}
.mxn11 {
margin-left: calc(var(--space-11) * -1);
margin-right: calc(var(--space-11) * -1)
}
.mxn12 {
margin-left: calc(var(--space-12) * -1);
margin-right: calc(var(--space-12) * -1)
}
.m-auto {
margin: auto
}
.mt-auto {
margin-top: auto
}
.mr-auto {
margin-right: auto
}
.mb-auto {
margin-bottom: auto
}
.ml-auto {
margin-left: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.p0 {
padding: 0
}
.pt0 {
padding-top: 0
}
.pr0 {
padding-right: 0
}
.pb0 {
padding-bottom: 0
}
.pl0 {
padding-left: 0
}
.px0 {
padding-left: 0;
padding-right: 0
}
.py0 {
padding-top: 0;
padding-bottom: 0
}
.p1 {
padding: var(--space-1)
}
.pt1 {
padding-top: var(--space-1)
}
.pr1 {
padding-right: var(--space-1)
}
.pb1 {
padding-bottom: var(--space-1)
}
.pl1 {
padding-left: var(--space-1)
}
.py1 {
padding-top: var(--space-1);
padding-bottom: var(--space-1)
}
.px1 {
padding-left: var(--space-1);
padding-right: var(--space-1)
}
.p2 {
padding: var(--space-2)
}
.pt2 {
padding-top: var(--space-2)
}
.pr2 {
padding-right: var(--space-2)
}
.pb2 {
padding-bottom: var(--space-2)
}
.pl2 {
padding-left: var(--space-2)
}
.py2 {
padding-top: var(--space-2);
padding-bottom: var(--space-2)
}
.px2 {
padding-left: var(--space-2);
padding-right: var(--space-2)
}
.p3 {
padding: var(--space-3)
}
.pt3 {
padding-top: var(--space-3)
}
.pr3 {
padding-right: var(--space-3)
}
.pb3 {
padding-bottom: var(--space-3)
}
.pl3 {
padding-left: var(--space-3)
}
.py3 {
padding-top: var(--space-3);
padding-bottom: var(--space-3)
}
.px3 {
padding-left: var(--space-3);
padding-right: var(--space-3)
}
.p4 {
padding: var(--space-4)
}
.pt4 {
padding-top: var(--space-4)
}
.pr4 {
padding-right: var(--space-4)
}
.pb4 {
padding-bottom: var(--space-4)
}
.pl4 {
padding-left: var(--space-4)
}
.py4 {
padding-top: var(--space-4);
padding-bottom: var(--space-4)
}
.px4 {
padding-left: var(--space-4);
padding-right: var(--space-4)
}
.p5 {
padding: var(--space-5)
}
.pt5 {
padding-top: var(--space-5)
}
.pr5 {
padding-right: var(--space-5)
}
.pb5 {
padding-bottom: var(--space-5)
}
.pl5 {
padding-left: var(--space-5)
}
.py5 {
padding-top: var(--space-5);
padding-bottom: var(--space-5)
}
.px5 {
padding-left: var(--space-5);
padding-right: var(--space-5)
}
.p6 {
padding: var(--space-6)
}
.pt6 {
padding-top: var(--space-6)
}
.pr6 {
padding-right: var(--space-6)
}
.pb6 {
padding-bottom: var(--space-6)
}
.pl6 {
padding-left: var(--space-6)
}
.py6 {
padding-top: var(--space-6);
padding-bottom: var(--space-6)
}
.px6 {
padding-left: var(--space-6);
padding-right: var(--space-6)
}
.p7 {
padding: var(--space-7)
}
.pt7 {
padding-top: var(--space-7)
}
.pr7 {
padding-right: var(--space-7)
}
.pb7 {
padding-bottom: var(--space-7)
}
.pl7 {
padding-left: var(--space-7)
}
.py7 {
padding-top: var(--space-7);
padding-bottom: var(--space-7)
}
.px7 {
padding-left: var(--space-7);
padding-right: var(--space-7)
}
.p8 {
padding: var(--space-8)
}
.pt8 {
padding-top: var(--space-8)
}
.pr8 {
padding-right: var(--space-8)
}
.pb8 {
padding-bottom: var(--space-8)
}
.pl8 {
padding-left: var(--space-8)
}
.py8 {
padding-top: var(--space-8);
padding-bottom: var(--space-8)
}
.px8 {
padding-left: var(--space-8);
padding-right: var(--space-8)
}
.p9 {
padding: var(--space-9)
}
.pt9 {
padding-top: var(--space-9)
}
.pr9 {
padding-right: var(--space-9)
}
.pb9 {
padding-bottom: var(--space-9)
}
.pl9 {
padding-left: var(--space-9)
}
.py9 {
padding-top: var(--space-9);
padding-bottom: var(--space-9)
}
.px9 {
padding-left: var(--space-9);
padding-right: var(--space-9)
}
.p10 {
padding: var(--space-10)
}
.pt10 {
padding-top: var(--space-10)
}
.pr10 {
padding-right: var(--space-10)
}
.pb10 {
padding-bottom: var(--space-10)
}
.pl10 {
padding-left: var(--space-10)
}
.py10 {
padding-top: var(--space-10);
padding-bottom: var(--space-10)
}
.px10 {
padding-left: var(--space-10);
padding-right: var(--space-10)
}
.p11 {
padding: var(--space-11)
}
.pt11 {
padding-top: var(--space-11)
}
.pr11 {
padding-right: var(--space-11)
}
.pb11 {
padding-bottom: var(--space-11)
}
.pl11 {
padding-left: var(--space-11)
}
.py11 {
padding-top: var(--space-11);
padding-bottom: var(--space-11)
}
.px11 {
padding-left: var(--space-11);
padding-right: var(--space-11)
}
.p12 {
padding: var(--space-12)
}
.pt12 {
padding-top: var(--space-12)
}
.pr12 {
padding-right: var(--space-12)
}
.pb12 {
padding-bottom: var(--space-12)
}
.pl12 {
padding-left: var(--space-12)
}
.py12 {
padding-top: var(--space-12);
padding-bottom: var(--space-12)
}
.px12 {
padding-left: var(--space-12);
padding-right: var(--space-12)
}
@media (min-width:768px) and (max-width:1179px) {
.md-m0 {
margin: 0
}
.md-mt0 {
margin-top: 0
}
.md-mr0 {
margin-right: 0
}
.md-mb0 {
margin-bottom: 0
}
.md-ml0 {
margin-left: 0
}
.md-mx0 {
margin-left: 0;
margin-right: 0
}
.md-my0 {
margin-top: 0;
margin-bottom: 0
}
.md-m1 {
margin: var(--space-1)
}
.md-mt1 {
margin-top: var(--space-1)
}
.md-mtn1 {
margin-top: calc(var(--space-1) * -1)
}
.md-mr1 {
margin-right: var(--space-1)
}
.md-mrn1 {
margin-right: calc(var(--space-1) * -1)
}
.md-mb1 {
margin-bottom: var(--space-1)
}
.md-mbn1 {
margin-bottom: calc(var(--space-1) * -1)
}
.md-ml1 {
margin-left: var(--space-1)
}
.md-mln1 {
margin-left: calc(var(--space-1) * -1)
}
.md-mx1 {
margin-left: var(--space-1);
margin-right: var(--space-1)
}
.md-my1 {
margin-top: var(--space-1);
margin-bottom: var(--space-1)
}
.md-m2 {
margin: var(--space-2)
}
.md-mt2 {
margin-top: var(--space-2)
}
.md-mtn2 {
margin-top: calc(var(--space-2) * -1)
}
.md-mr2 {
margin-right: var(--space-2)
}
.md-mrn2 {
margin-right: calc(var(--space-2) * -1)
}
.md-mb2 {
margin-bottom: var(--space-2)
}
.md-mbn2 {
margin-bottom: calc(var(--space-2) * -1)
}
.md-ml2 {
margin-left: var(--space-2)
}
.md-mln2 {
margin-left: calc(var(--space-2) * -1)
}
.md-mx2 {
margin-left: var(--space-2);
margin-right: var(--space-2)
}
.md-my2 {
margin-top: var(--space-2);
margin-bottom: var(--space-2)
}
.md-m3 {
margin: var(--space-3)
}
.md-mt3 {
margin-top: var(--space-3)
}
.md-mtn3 {
margin-top: calc(var(--space-3) * -1)
}
.md-mr3 {
margin-right: var(--space-3)
}
.md-mrn3 {
margin-right: calc(var(--space-3) * -1)
}
.md-mb3 {
margin-bottom: var(--space-3)
}
.md-mbn3 {
margin-bottom: calc(var(--space-3) * -1)
}
.md-ml3 {
margin-left: var(--space-3)
}
.md-mln3 {
margin-left: calc(var(--space-3) * -1)
}
.md-mx3 {
margin-left: var(--space-3);
margin-right: var(--space-3)
}
.md-my3 {
margin-top: var(--space-3);
margin-bottom: var(--space-3)
}
.md-m4 {
margin: var(--space-4)
}
.md-mt4 {
margin-top: var(--space-4)
}
.md-mtn4 {
margin-top: calc(var(--space-4) * -1)
}
.md-mr4 {
margin-right: var(--space-4)
}
.md-mrn4 {
margin-right: calc(var(--space-4) * -1)
}
.md-mb4 {
margin-bottom: var(--space-4)
}
.md-mbn4 {
margin-bottom: calc(var(--space-4) * -1)
}
.md-ml4 {
margin-left: var(--space-4)
}
.md-mln4 {
margin-left: calc(var(--space-4) * -1)
}
.md-mx4 {
margin-left: var(--space-4);
margin-right: var(--space-4)
}
.md-my4 {
margin-top: var(--space-4);
margin-bottom: var(--space-4)
}
.md-m5 {
margin: var(--space-5)
}
.md-mt5 {
margin-top: var(--space-5)
}
.md-mtn5 {
margin-top: calc(var(--space-5) * -1)
}
.md-mr5 {
margin-right: var(--space-5)
}
.md-mrn5 {
margin-right: calc(var(--space-5) * -1)
}
.md-mb5 {
margin-bottom: var(--space-5)
}
.md-mbn5 {
margin-bottom: calc(var(--space-5) * -1)
}
.md-ml5 {
margin-left: var(--space-5)
}
.md-mln5 {
margin-left: calc(var(--space-5) * -1)
}
.md-mx5 {
margin-left: var(--space-5);
margin-right: var(--space-5)
}
.md-my5 {
margin-top: var(--space-5);
margin-bottom: var(--space-5)
}
.md-m6 {
margin: var(--space-6)
}
.md-mt6 {
margin-top: var(--space-6)
}
.md-mtn6 {
margin-top: calc(var(--space-6) * -1)
}
.md-mr6 {
margin-right: var(--space-6)
}
.md-mrn6 {
margin-right: calc(var(--space-6) * -1)
}
.md-mb6 {
margin-bottom: var(--space-6)
}
.md-mbn6 {
margin-bottom: calc(var(--space-6) * -1)
}
.md-ml6 {
margin-left: var(--space-6)
}
.md-mln6 {
margin-left: calc(var(--space-6) * -1)
}
.md-mx6 {
margin-left: var(--space-6);
margin-right: var(--space-6)
}
.md-my6 {
margin-top: var(--space-6);
margin-bottom: var(--space-6)
}
.md-m7 {
margin: var(--space-7)
}
.md-mt7 {
margin-top: var(--space-7)
}
.md-mtn7 {
margin-top: calc(var(--space-7) * -1)
}
.md-mr7 {
margin-right: var(--space-7)
}
.md-mrn7 {
margin-right: calc(var(--space-7) * -1)
}
.md-mb7 {
margin-bottom: var(--space-7)
}
.md-mbn7 {
margin-bottom: calc(var(--space-7) * -1)
}
.md-ml7 {
margin-left: var(--space-7)
}
.md-mln7 {
margin-left: calc(var(--space-7) * -1)
}
.md-mx7 {
margin-left: var(--space-7);
margin-right: var(--space-7)
}
.md-my7 {
margin-top: var(--space-7);
margin-bottom: var(--space-7)
}
.md-m8 {
margin: var(--space-8)
}
.md-mt8 {
margin-top: var(--space-8)
}
.md-mtn8 {
margin-top: calc(var(--space-8) * -1)
}
.md-mr8 {
margin-right: var(--space-8)
}
.md-mrn8 {
margin-right: calc(var(--space-8) * -1)
}
.md-mb8 {
margin-bottom: var(--space-8)
}
.md-mbn8 {
margin-bottom: calc(var(--space-8) * -1)
}
.md-ml8 {
margin-left: var(--space-8)
}
.md-mln8 {
margin-left: calc(var(--space-8) * -1)
}
.md-mx8 {
margin-left: var(--space-8);
margin-right: var(--space-8)
}
.md-my8 {
margin-top: var(--space-8);
margin-bottom: var(--space-8)
}
.md-m9 {
margin: var(--space-9)
}
.md-mt9 {
margin-top: var(--space-9)
}
.md-mtn9 {
margin-top: calc(var(--space-9) * -1)
}
.md-mr9 {
margin-right: var(--space-9)
}
.md-mrn9 {
margin-right: calc(var(--space-9) * -1)
}
.md-mb9 {
margin-bottom: var(--space-9)
}
.md-mbn9 {
margin-bottom: calc(var(--space-9) * -1)
}
.md-ml9 {
margin-left: var(--space-9)
}
.md-mln9 {
margin-left: calc(var(--space-9) * -1)
}
.md-mx9 {
margin-left: var(--space-9);
margin-right: var(--space-9)
}
.md-my9 {
margin-top: var(--space-9);
margin-bottom: var(--space-9)
}
.md-m10 {
margin: var(--space-10)
}
.md-mt10 {
margin-top: var(--space-10)
}
.md-mtn10 {
margin-top: calc(var(--space-10) * -1)
}
.md-mr10 {
margin-right: var(--space-10)
}
.md-mrn10 {
margin-right: calc(var(--space-10) * -1)
}
.md-mb10 {
margin-bottom: var(--space-10)
}
.md-mbn10 {
margin-bottom: calc(var(--space-10) * -1)
}
.md-ml10 {
margin-left: var(--space-10)
}
.md-mln10 {
margin-left: calc(var(--space-10) * -1)
}
.md-mx10 {
margin-left: var(--space-10);
margin-right: var(--space-10)
}
.md-my10 {
margin-top: var(--space-10);
margin-bottom: var(--space-10)
}
.md-m11 {
margin: var(--space-11)
}
.md-mt11 {
margin-top: var(--space-11)
}
.md-mr11 {
margin-right: var(--space-11)
}
.md-mb11 {
margin-bottom: var(--space-11)
}
.md-ml11 {
margin-left: var(--space-11)
}
.md-mx11 {
margin-left: var(--space-11);
margin-right: var(--space-11)
}
.md-my11 {
margin-top: var(--space-11);
margin-bottom: var(--space-11)
}
.md-m12 {
margin: var(--space-12)
}
.md-mt12 {
margin-top: var(--space-12)
}
.md-mr12 {
margin-right: var(--space-12)
}
.md-mb12 {
margin-bottom: var(--space-12)
}
.md-ml12 {
margin-left: var(--space-12)
}
.md-mx12 {
margin-left: var(--space-12);
margin-right: var(--space-12)
}
.md-my12 {
margin-top: var(--space-12);
margin-bottom: var(--space-12)
}
.md-mxn1 {
margin-left: calc(var(--space-1) * -1);
margin-right: calc(var(--space-1) * -1)
}
.md-mxn2 {
margin-left: calc(var(--space-2) * -1);
margin-right: calc(var(--space-2) * -1)
}
.md-mxn3 {
margin-left: calc(var(--space-3) * -1);
margin-right: calc(var(--space-3) * -1)
}
.md-mxn4 {
margin-left: calc(var(--space-4) * -1);
margin-right: calc(var(--space-4) * -1)
}
.md-mxn5 {
margin-left: calc(var(--space-5) * -1);
margin-right: calc(var(--space-5) * -1)
}
.md-mxn6 {
margin-left: calc(var(--space-6) * -1);
margin-right: calc(var(--space-6) * -1)
}
.md-mxn7 {
margin-left: calc(var(--space-7) * -1);
margin-right: calc(var(--space-7) * -1)
}
.md-mxn8 {
margin-left: calc(var(--space-8) * -1);
margin-right: calc(var(--space-8) * -1)
}
.md-mxn9 {
margin-left: calc(var(--space-9) * -1);
margin-right: calc(var(--space-9) * -1)
}
.md-mxn10 {
margin-left: calc(var(--space-10) * -1);
margin-right: calc(var(--space-10) * -1)
}
.md-mxn11 {
margin-left: calc(var(--space-11) * -1);
margin-right: calc(var(--space-11) * -1)
}
.md-mxn12 {
margin-left: calc(var(--space-12) * -1);
margin-right: calc(var(--space-12) * -1)
}
.md-m-auto {
margin: auto
}
.md-mt-auto {
margin-top: auto
}
.md-mr-auto {
margin-right: auto
}
.md-mb-auto {
margin-bottom: auto
}
.md-ml-auto {
margin-left: auto
}
.md-mx-auto {
margin-left: auto;
margin-right: auto
}
.md-my-auto {
margin-top: auto;
margin-bottom: auto
}
.md-p0 {
padding: 0
}
.md-pt0 {
padding-top: 0
}
.md-pr0 {
padding-right: 0
}
.md-pb0 {
padding-bottom: 0
}
.md-pl0 {
padding-left: 0
}
.md-px0 {
padding-left: 0;
padding-right: 0
}
.md-py0 {
padding-top: 0;
padding-bottom: 0
}
.md-p1 {
padding: var(--space-1)
}
.md-pt1 {
padding-top: var(--space-1)
}
.md-pr1 {
padding-right: var(--space-1)
}
.md-pb1 {
padding-bottom: var(--space-1)
}
.md-pl1 {
padding-left: var(--space-1)
}
.md-py1 {
padding-top: var(--space-1);
padding-bottom: var(--space-1)
}
.md-px1 {
padding-left: var(--space-1);
padding-right: var(--space-1)
}
.md-p2 {
padding: var(--space-2)
}
.md-pt2 {
padding-top: var(--space-2)
}
.md-pr2 {
padding-right: var(--space-2)
}
.md-pb2 {
padding-bottom: var(--space-2)
}
.md-pl2 {
padding-left: var(--space-2)
}
.md-py2 {
padding-top: var(--space-2);
padding-bottom: var(--space-2)
}
.md-px2 {
padding-left: var(--space-2);
padding-right: var(--space-2)
}
.md-p3 {
padding: var(--space-3)
}
.md-pt3 {
padding-top: var(--space-3)
}
.md-pr3 {
padding-right: var(--space-3)
}
.md-pb3 {
padding-bottom: var(--space-3)
}
.md-pl3 {
padding-left: var(--space-3)
}
.md-py3 {
padding-top: var(--space-3);
padding-bottom: var(--space-3)
}
.md-px3 {
padding-left: var(--space-3);
padding-right: var(--space-3)
}
.md-p4 {
padding: var(--space-4)
}
.md-pt4 {
padding-top: var(--space-4)
}
.md-pr4 {
padding-right: var(--space-4)
}
.md-pb4 {
padding-bottom: var(--space-4)
}
.md-pl4 {
padding-left: var(--space-4)
}
.md-py4 {
padding-top: var(--space-4);
padding-bottom: var(--space-4)
}
.md-px4 {
padding-left: var(--space-4);
padding-right: var(--space-4)
}
.md-p5 {
padding: var(--space-5)
}
.md-pt5 {
padding-top: var(--space-5)
}
.md-pr5 {
padding-right: var(--space-5)
}
.md-pb5 {
padding-bottom: var(--space-5)
}
.md-pl5 {
padding-left: var(--space-5)
}
.md-py5 {
padding-top: var(--space-5);
padding-bottom: var(--space-5)
}
.md-px5 {
padding-left: var(--space-5);
padding-right: var(--space-5)
}
.md-p6 {
padding: var(--space-6)
}
.md-pt6 {
padding-top: var(--space-6)
}
.md-pr6 {
padding-right: var(--space-6)
}
.md-pb6 {
padding-bottom: var(--space-6)
}
.md-pl6 {
padding-left: var(--space-6)
}
.md-py6 {
padding-top: var(--space-6);
padding-bottom: var(--space-6)
}
.md-px6 {
padding-left: var(--space-6);
padding-right: var(--space-6)
}
.md-p7 {
padding: var(--space-7)
}
.md-pt7 {
padding-top: var(--space-7)
}
.md-pr7 {
padding-right: var(--space-7)
}
.md-pb7 {
padding-bottom: var(--space-7)
}
.md-pl7 {
padding-left: var(--space-7)
}
.md-py7 {
padding-top: var(--space-7);
padding-bottom: var(--space-7)
}
.md-px7 {
padding-left: var(--space-7);
padding-right: var(--space-7)
}
.md-p8 {
padding: var(--space-8)
}
.md-pt8 {
padding-top: var(--space-8)
}
.md-pr8 {
padding-right: var(--space-8)
}
.md-pb8 {
padding-bottom: var(--space-8)
}
.md-pl8 {
padding-left: var(--space-8)
}
.md-py8 {
padding-top: var(--space-8);
padding-bottom: var(--space-8)
}
.md-x8 {
padding-left: var(--space-8);
padding-right: var(--space-8)
}
.md-p9 {
padding: var(--space-9)
}
.md-pt9 {
padding-top: var(--space-9)
}
.md-pr9 {
padding-right: var(--space-9)
}
.md-pb9 {
padding-bottom: var(--space-9)
}
.md-pl9 {
padding-left: var(--space-9)
}
.md-py9 {
padding-top: var(--space-9);
padding-bottom: var(--space-9)
}
.md-px9 {
padding-left: var(--space-9);
padding-right: var(--space-9)
}
.md-p10 {
padding: var(--space-10)
}
.md-pt10 {
padding-top: var(--space-10)
}
.md-pr10 {
padding-right: var(--space-10)
}
.md-pb10 {
padding-bottom: var(--space-10)
}
.md-pl10 {
padding-left: var(--space-10)
}
.md-py10 {
padding-top: var(--space-10);
padding-bottom: var(--space-10)
}
.md-px10 {
padding-left: var(--space-10);
padding-right: var(--space-10)
}
.md-p11 {
padding: var(--space-11)
}
.md-pt11 {
padding-top: var(--space-11)
}
.md-pr11 {
padding-right: var(--space-11)
}
.md-pb11 {
padding-bottom: var(--space-11)
}
.md-pl11 {
padding-left: var(--space-11)
}
.md-py11 {
padding-top: var(--space-11);
padding-bottom: var(--space-11)
}
.md-px11 {
padding-left: var(--space-11);
padding-right: var(--space-11)
}
.md-p12 {
padding: var(--space-12)
}
.md-pt12 {
padding-top: var(--space-12)
}
.md-pr12 {
padding-right: var(--space-12)
}
.md-pb12 {
padding-bottom: var(--space-12)
}
.md-pl12 {
padding-left: var(--space-12)
}
.md-py12 {
padding-top: var(--space-12);
padding-bottom: var(--space-12)
}
.md-px12 {
padding-left: var(--space-12);
padding-right: var(--space-12)
}
}
@media (max-width:767px) {
.sm-m0 {
margin: 0
}
.sm-mt0 {
margin-top: 0
}
.sm-mr0 {
margin-right: 0
}
.sm-mb0 {
margin-bottom: 0
}
.sm-ml0 {
margin-left: 0
}
.sm-mx0 {
margin-left: 0;
margin-right: 0
}
.sm-my0 {
margin-top: 0;
margin-bottom: 0
}
.sm-m1 {
margin: var(--space-1)
}
.sm-mt1 {
margin-top: var(--space-1)
}
.sm-mtn1 {
margin-top: calc(var(--space-1) * -1)
}
.sm-mr1 {
margin-right: var(--space-1)
}
.sm-mrn1 {
margin-right: calc(var(--space-1) * -1)
}
.sm-mb1 {
margin-bottom: var(--space-1)
}
.sm-mbn1 {
margin-bottom: calc(var(--space-1) * -1)
}
.sm-ml1 {
margin-left: var(--space-1)
}
.sm-mln1 {
margin-left: calc(var(--space-1) * -1)
}
.sm-mx1 {
margin-left: var(--space-1);
margin-right: var(--space-1)
}
.sm-my1 {
margin-top: var(--space-1);
margin-bottom: var(--space-1)
}
.sm-m2 {
margin: var(--space-2)
}
.sm-mt2 {
margin-top: var(--space-2)
}
.sm-mtn2 {
margin-top: calc(var(--space-2) * -1)
}
.sm-mr2 {
margin-right: var(--space-2)
}
.sm-mrn2 {
margin-right: calc(var(--space-2) * -1)
}
.sm-mb2 {
margin-bottom: var(--space-2)
}
.sm-mbn2 {
margin-bottom: calc(var(--space-2) * -1)
}
.sm-ml2 {
margin-left: var(--space-2)
}
.sm-mln2 {
margin-left: calc(var(--space-2) * -1)
}
.sm-mx2 {
margin-left: var(--space-2);
margin-right: var(--space-2)
}
.sm-my2 {
margin-top: var(--space-2);
margin-bottom: var(--space-2)
}
.sm-m3 {
margin: var(--space-3)
}
.sm-mt3 {
margin-top: var(--space-3)
}
.sm-mtn3 {
margin-top: calc(var(--space-3) * -1)
}
.sm-mr3 {
margin-right: var(--space-3)
}
.sm-mrn3 {
margin-right: calc(var(--space-3) * -1)
}
.sm-mb3 {
margin-bottom: var(--space-3)
}
.sm-mbn3 {
margin-bottom: calc(var(--space-3) * -1)
}
.sm-ml3 {
margin-left: var(--space-3)
}
.sm-mln3 {
margin-left: calc(var(--space-3) * -1)
}
.sm-mx3 {
margin-left: var(--space-3);
margin-right: var(--space-3)
}
.sm-my3 {
margin-top: var(--space-3);
margin-bottom: var(--space-3)
}
.sm-m4 {
margin: var(--space-4)
}
.sm-mt4 {
margin-top: var(--space-4)
}
.sm-mtn4 {
margin-top: calc(var(--space-4) * -1)
}
.sm-mr4 {
margin-right: var(--space-4)
}
.sm-mrn4 {
margin-right: calc(var(--space-4) * -1)
}
.sm-mb4 {
margin-bottom: var(--space-4)
}
.sm-mbn4 {
margin-bottom: calc(var(--space-4) * -1)
}
.sm-ml4 {
margin-left: var(--space-4)
}
.sm-mln4 {
margin-left: calc(var(--space-4) * -1)
}
.sm-mx4 {
margin-left: var(--space-4);
margin-right: var(--space-4)
}
.sm-my4 {
margin-top: var(--space-4);
margin-bottom: var(--space-4)
}
.sm-m5 {
margin: var(--space-5)
}
.sm-mt5 {
margin-top: var(--space-5)
}
.sm-mtn5 {
margin-top: calc(var(--space-5) * -1)
}
.sm-mr5 {
margin-right: var(--space-5)
}
.sm-mrn5 {
margin-right: calc(var(--space-5) * -1)
}
.sm-mb5 {
margin-bottom: var(--space-5)
}
.sm-mbn5 {
margin-bottom: calc(var(--space-5) * -1)
}
.sm-ml5 {
margin-left: var(--space-5)
}
.sm-mln5 {
margin-left: calc(var(--space-5) * -1)
}
.sm-mx5 {
margin-left: var(--space-5);
margin-right: var(--space-5)
}
.sm-my5 {
margin-top: var(--space-5);
margin-bottom: var(--space-5)
}
.sm-m6 {
margin: var(--space-6)
}
.sm-mt6 {
margin-top: var(--space-6)
}
.sm-mtn6 {
margin-top: calc(var(--space-6) * -1)
}
.sm-mr6 {
margin-right: var(--space-6)
}
.sm-mrn6 {
margin-right: calc(var(--space-6) * -1)
}
.sm-mb6 {
margin-bottom: var(--space-6)
}
.sm-mbn6 {
margin-bottom: calc(var(--space-6) * -1)
}
.sm-ml6 {
margin-left: var(--space-6)
}
.sm-mln6 {
margin-left: calc(var(--space-6) * -1)
}
.sm-mx6 {
margin-left: var(--space-6);
margin-right: var(--space-6)
}
.sm-my6 {
margin-top: var(--space-6);
margin-bottom: var(--space-6)
}
.sm-m7 {
margin: var(--space-7)
}
.sm-mt7 {
margin-top: var(--space-7)
}
.sm-mtn7 {
margin-top: calc(var(--space-7) * -1)
}
.sm-mr7 {
margin-right: var(--space-7)
}
.sm-mrn7 {
margin-right: calc(var(--space-7) * -1)
}
.sm-mb7 {
margin-bottom: var(--space-7)
}
.sm-mbn7 {
margin-bottom: calc(var(--space-7) * -1)
}
.sm-ml7 {
margin-left: var(--space-7)
}
.sm-mln7 {
margin-left: calc(var(--space-7) * -1)
}
.sm-mx7 {
margin-left: var(--space-7);
margin-right: var(--space-7)
}
.sm-my7 {
margin-top: var(--space-7);
margin-bottom: var(--space-7)
}
.sm-m8 {
margin: var(--space-8)
}
.sm-mt8 {
margin-top: var(--space-8)
}
.sm-mtn8 {
margin-top: calc(var(--space-8) * -1)
}
.sm-mr8 {
margin-right: var(--space-8)
}
.sm-mrn8 {
margin-right: calc(var(--space-8) * -1)
}
.sm-mb8 {
margin-bottom: var(--space-8)
}
.sm-mbn8 {
margin-bottom: calc(var(--space-8) * -1)
}
.sm-ml8 {
margin-left: var(--space-8)
}
.sm-mln8 {
margin-left: calc(var(--space-8) * -1)
}
.sm-mx8 {
margin-left: var(--space-8);
margin-right: var(--space-8)
}
.sm-my8 {
margin-top: var(--space-8);
margin-bottom: var(--space-8)
}
.sm-m9 {
margin: var(--space-9)
}
.sm-mt9 {
margin-top: var(--space-9)
}
.sm-mtn9 {
margin-top: calc(var(--space-9) * -1)
}
.sm-mr9 {
margin-right: var(--space-9)
}
.sm-mrn9 {
margin-right: calc(var(--space-9) * -1)
}
.sm-mb9 {
margin-bottom: var(--space-9)
}
.sm-mbn9 {
margin-bottom: calc(var(--space-9) * -1)
}
.sm-ml9 {
margin-left: var(--space-9)
}
.sm-mln9 {
margin-left: calc(var(--space-9) * -1)
}
.sm-mx9 {
margin-left: var(--space-9);
margin-right: var(--space-9)
}
.sm-my9 {
margin-top: var(--space-9);
margin-bottom: var(--space-9)
}
.sm-m10 {
margin: var(--space-10)
}
.sm-mt10 {
margin-top: var(--space-10)
}
.sm-mtn10 {
margin-top: calc(var(--space-10) * -1)
}
.sm-mr10 {
margin-right: var(--space-10)
}
.sm-mrn10 {
margin-right: calc(var(--space-10) * -1)
}
.sm-mb10 {
margin-bottom: var(--space-10)
}
.sm-mbn10 {
margin-bottom: calc(var(--space-10) * -1)
}
.sm-ml10 {
margin-left: var(--space-10)
}
.sm-mln10 {
margin-left: calc(var(--space-10) * -1)
}
.sm-mx10 {
margin-left: var(--space-10);
margin-right: var(--space-10)
}
.sm-my10 {
margin-top: var(--space-10);
margin-bottom: var(--space-10)
}
.sm-m11 {
margin: var(--space-11)
}
.sm-mt11 {
margin-top: var(--space-11)
}
.sm-mr11 {
margin-right: var(--space-11)
}
.sm-mb11 {
margin-bottom: var(--space-11)
}
.sm-ml11 {
margin-left: var(--space-11)
}
.sm-mx11 {
margin-left: var(--space-11);
margin-right: var(--space-11)
}
.sm-my11 {
margin-top: var(--space-11);
margin-bottom: var(--space-11)
}
.sm-m12 {
margin: var(--space-12)
}
.sm-mt12 {
margin-top: var(--space-12)
}
.sm-mr12 {
margin-right: var(--space-12)
}
.sm-mb12 {
margin-bottom: var(--space-12)
}
.sm-ml12 {
margin-left: var(--space-12)
}
.sm-mx12 {
margin-left: var(--space-12);
margin-right: var(--space-12)
}
.sm-my12 {
margin-top: var(--space-12);
margin-bottom: var(--space-12)
}
.sm-mxn1 {
margin-left: calc(var(--space-1) * -1);
margin-right: calc(var(--space-1) * -1)
}
.sm-mxn2 {
margin-left: calc(var(--space-2) * -1);
margin-right: calc(var(--space-2) * -1)
}
.sm-mxn3 {
margin-left: calc(var(--space-3) * -1);
margin-right: calc(var(--space-3) * -1)
}
.sm-mxn4 {
margin-left: calc(var(--space-4) * -1);
margin-right: calc(var(--space-4) * -1)
}
.sm-mxn5 {
margin-left: calc(var(--space-5) * -1);
margin-right: calc(var(--space-5) * -1)
}
.sm-mxn6 {
margin-left: calc(var(--space-6) * -1);
margin-right: calc(var(--space-6) * -1)
}
.sm-mxn7 {
margin-left: calc(var(--space-7) * -1);
margin-right: calc(var(--space-7) * -1)
}
.sm-mxn8 {
margin-left: calc(var(--space-8) * -1);
margin-right: calc(var(--space-8) * -1)
}
.sm-mxn9 {
margin-left: calc(var(--space-9) * -1);
margin-right: calc(var(--space-9) * -1)
}
.sm-mxn10 {
margin-left: calc(var(--space-10) * -1);
margin-right: calc(var(--space-10) * -1)
}
.sm-mxn11 {
margin-left: calc(var(--space-11) * -1);
margin-right: calc(var(--space-11) * -1)
}
.sm-mxn12 {
margin-left: calc(var(--space-12) * -1);
margin-right: calc(var(--space-12) * -1)
}
.sm-m-auto {
margin: auto
}
.sm-mt-auto {
margin-top: auto
}
.sm-mr-auto {
margin-right: auto
}
.sm-mb-auto {
margin-bottom: auto
}
.sm-ml-auto {
margin-left: auto
}
.sm-mx-auto {
margin-left: auto;
margin-right: auto
}
.sm-my-auto {
margin-top: auto;
margin-bottom: auto
}
.sm-p0 {
padding: 0
}
.sm-pt0 {
padding-top: 0
}
.sm-pr0 {
padding-right: 0
}
.sm-pb0 {
padding-bottom: 0
}
.sm-pl0 {
padding-left: 0
}
.sm-px0 {
padding-left: 0;
padding-right: 0
}
.sm-py0 {
padding-top: 0;
padding-bottom: 0
}
.sm-p1 {
padding: var(--space-1)
}
.sm-pt1 {
padding-top: var(--space-1)
}
.sm-pr1 {
padding-right: var(--space-1)
}
.sm-pb1 {
padding-bottom: var(--space-1)
}
.sm-pl1 {
padding-left: var(--space-1)
}
.sm-py1 {
padding-top: var(--space-1);
padding-bottom: var(--space-1)
}
.sm-px1 {
padding-left: var(--space-1);
padding-right: var(--space-1)
}
.sm-p2 {
padding: var(--space-2)
}
.sm-pt2 {
padding-top: var(--space-2)
}
.sm-pr2 {
padding-right: var(--space-2)
}
.sm-pb2 {
padding-bottom: var(--space-2)
}
.sm-pl2 {
padding-left: var(--space-2)
}
.sm-py2 {
padding-top: var(--space-2);
padding-bottom: var(--space-2)
}
.sm-px2 {
padding-left: var(--space-2);
padding-right: var(--space-2)
}
.sm-p3 {
padding: var(--space-3)
}
.sm-pt3 {
padding-top: var(--space-3)
}
.sm-pr3 {
padding-right: var(--space-3)
}
.sm-pb3 {
padding-bottom: var(--space-3)
}
.sm-pl3 {
padding-left: var(--space-3)
}
.sm-py3 {
padding-top: var(--space-3);
padding-bottom: var(--space-3)
}
.sm-px3 {
padding-left: var(--space-3);
padding-right: var(--space-3)
}
.sm-p4 {
padding: var(--space-4)
}
.sm-pt4 {
padding-top: var(--space-4)
}
.sm-pr4 {
padding-right: var(--space-4)
}
.sm-pb4 {
padding-bottom: var(--space-4)
}
.sm-pl4 {
padding-left: var(--space-4)
}
.sm-py4 {
padding-top: var(--space-4);
padding-bottom: var(--space-4)
}
.sm-px4 {
padding-left: var(--space-4);
padding-right: var(--space-4)
}
.sm-p5 {
padding: var(--space-5)
}
.sm-pt5 {
padding-top: var(--space-5)
}
.sm-pr5 {
padding-right: var(--space-5)
}
.sm-pb5 {
padding-bottom: var(--space-5)
}
.sm-pl5 {
padding-left: var(--space-5)
}
.sm-py5 {
padding-top: var(--space-5);
padding-bottom: var(--space-5)
}
.sm-px5 {
padding-left: var(--space-5);
padding-right: var(--space-5)
}
.sm-p6 {
padding: var(--space-6)
}
.sm-pt6 {
padding-top: var(--space-6)
}
.sm-pr6 {
padding-right: var(--space-6)
}
.sm-pb6 {
padding-bottom: var(--space-6)
}
.sm-pl6 {
padding-left: var(--space-6)
}
.sm-py6 {
padding-top: var(--space-6);
padding-bottom: var(--space-6)
}
.sm-px6 {
padding-left: var(--space-6);
padding-right: var(--space-6)
}
.sm-p7 {
padding: var(--space-7)
}
.sm-pt7 {
padding-top: var(--space-7)
}
.sm-pr7 {
padding-right: var(--space-7)
}
.sm-pb7 {
padding-bottom: var(--space-7)
}
.sm-pl7 {
padding-left: var(--space-7)
}
.sm-py7 {
padding-top: var(--space-7);
padding-bottom: var(--space-7)
}
.sm-px7 {
padding-left: var(--space-7);
padding-right: var(--space-7)
}
.sm-p8 {
padding: var(--space-8)
}
.sm-pt8 {
padding-top: var(--space-8)
}
.sm-pr8 {
padding-right: var(--space-8)
}
.sm-pb8 {
padding-bottom: var(--space-8)
}
.sm-pl8 {
padding-left: var(--space-8)
}
.sm-py8 {
padding-top: var(--space-8);
padding-bottom: var(--space-8)
}
.sm-x8 {
padding-left: var(--space-8);
padding-right: var(--space-8)
}
.sm-p9 {
padding: var(--space-9)
}
.sm-pt9 {
padding-top: var(--space-9)
}
.sm-pr9 {
padding-right: var(--space-9)
}
.sm-pb9 {
padding-bottom: var(--space-9)
}
.sm-pl9 {
padding-left: var(--space-9)
}
.sm-py9 {
padding-top: var(--space-9);
padding-bottom: var(--space-9)
}
.sm-px9 {
padding-left: var(--space-9);
padding-right: var(--space-9)
}
.sm-p10 {
padding: var(--space-10)
}
.sm-pt10 {
padding-top: var(--space-10)
}
.sm-pr10 {
padding-right: var(--space-10)
}
.sm-pb10 {
padding-bottom: var(--space-10)
}
.sm-pl10 {
padding-left: var(--space-10)
}
.sm-py10 {
padding-top: var(--space-10);
padding-bottom: var(--space-10)
}
.sm-px10 {
padding-left: var(--space-10);
padding-right: var(--space-10)
}
.sm-p11 {
padding: var(--space-11)
}
.sm-pt11 {
padding-top: var(--space-11)
}
.sm-pr11 {
padding-right: var(--space-11)
}
.sm-pb11 {
padding-bottom: var(--space-11)
}
.sm-pl11 {
padding-left: var(--space-11)
}
.sm-py11 {
padding-top: var(--space-11);
padding-bottom: var(--space-11)
}
.sm-px11 {
padding-left: var(--space-11);
padding-right: var(--space-11)
}
.sm-p12 {
padding: var(--space-12)
}
.sm-pt12 {
padding-top: var(--space-12)
}
.sm-pr12 {
padding-right: var(--space-12)
}
.sm-pb12 {
padding-bottom: var(--space-12)
}
.sm-pl12 {
padding-left: var(--space-12)
}
.sm-py12 {
padding-top: var(--space-12);
padding-bottom: var(--space-12)
}
.sm-px12 {
padding-left: var(--space-12);
padding-right: var(--space-12)
}
}
@media (max-width:1179px) {
.dv-m0 {
margin: 0
}
.dv-mt0 {
margin-top: 0
}
.dv-mr0 {
margin-right: 0
}
.dv-mb0 {
margin-bottom: 0
}
.dv-ml0 {
margin-left: 0
}
.dv-mx0 {
margin-left: 0;
margin-right: 0
}
.dv-my0 {
margin-top: 0;
margin-bottom: 0
}
.dv-m1 {
margin: var(--space-1)
}
.dv-mt1 {
margin-top: var(--space-1)
}
.dv-mtn1 {
margin-top: calc(var(--space-1) * -1)
}
.dv-mr1 {
margin-right: var(--space-1)
}
.dv-mrn1 {
margin-right: calc(var(--space-1) * -1)
}
.dv-mb1 {
margin-bottom: var(--space-1)
}
.dv-mbn1 {
margin-bottom: calc(var(--space-1) * -1)
}
.dv-ml1 {
margin-left: var(--space-1)
}
.dv-mln1 {
margin-left: calc(var(--space-1) * -1)
}
.dv-mx1 {
margin-left: var(--space-1);
margin-right: var(--space-1)
}
.dv-my1 {
margin-top: var(--space-1);
margin-bottom: var(--space-1)
}
.dv-m2 {
margin: var(--space-2)
}
.dv-mt2 {
margin-top: var(--space-2)
}
.dv-mtn2 {
margin-top: calc(var(--space-2) * -1)
}
.dv-mr2 {
margin-right: var(--space-2)
}
.dv-mrn2 {
margin-right: calc(var(--space-2) * -1)
}
.dv-mb2 {
margin-bottom: var(--space-2)
}
.dv-mbn2 {
margin-bottom: calc(var(--space-2) * -1)
}
.dv-ml2 {
margin-left: var(--space-2)
}
.dv-mln2 {
margin-left: calc(var(--space-2) * -1)
}
.dv-mx2 {
margin-left: var(--space-2);
margin-right: var(--space-2)
}
.dv-my2 {
margin-top: var(--space-2);
margin-bottom: var(--space-2)
}
.dv-m3 {
margin: var(--space-3)
}
.dv-mt3 {
margin-top: var(--space-3)
}
.dv-mtn3 {
margin-top: calc(var(--space-3) * -1)
}
.dv-mr3 {
margin-right: var(--space-3)
}
.dv-mrn3 {
margin-right: calc(var(--space-3) * -1)
}
.dv-mb3 {
margin-bottom: var(--space-3)
}
.dv-mbn3 {
margin-bottom: calc(var(--space-3) * -1)
}
.dv-ml3 {
margin-left: var(--space-3)
}
.dv-mln3 {
margin-left: calc(var(--space-3) * -1)
}
.dv-mx3 {
margin-left: var(--space-3);
margin-right: var(--space-3)
}
.dv-my3 {
margin-top: var(--space-3);
margin-bottom: var(--space-3)
}
.dv-m4 {
margin: var(--space-4)
}
.dv-mt4 {
margin-top: var(--space-4)
}
.dv-mtn4 {
margin-top: calc(var(--space-4) * -1)
}
.dv-mr4 {
margin-right: var(--space-4)
}
.dv-mrn4 {
margin-right: calc(var(--space-4) * -1)
}
.dv-mb4 {
margin-bottom: var(--space-4)
}
.dv-mbn4 {
margin-bottom: calc(var(--space-4) * -1)
}
.dv-ml4 {
margin-left: var(--space-4)
}
.dv-mln4 {
margin-left: calc(var(--space-4) * -1)
}
.dv-mx4 {
margin-left: var(--space-4);
margin-right: var(--space-4)
}
.dv-my4 {
margin-top: var(--space-4);
margin-bottom: var(--space-4)
}
.dv-m5 {
margin: var(--space-5)
}
.dv-mt5 {
margin-top: var(--space-5)
}
.dv-mtn5 {
margin-top: calc(var(--space-5) * -1)
}
.dv-mr5 {
margin-right: var(--space-5)
}
.dv-mrn5 {
margin-right: calc(var(--space-5) * -1)
}
.dv-mb5 {
margin-bottom: var(--space-5)
}
.dv-mbn5 {
margin-bottom: calc(var(--space-5) * -1)
}
.dv-ml5 {
margin-left: var(--space-5)
}
.dv-mln5 {
margin-left: calc(var(--space-5) * -1)
}
.dv-mx5 {
margin-left: var(--space-5);
margin-right: var(--space-5)
}
.dv-my5 {
margin-top: var(--space-5);
margin-bottom: var(--space-5)
}
.dv-m6 {
margin: var(--space-6)
}
.dv-mt6 {
margin-top: var(--space-6)
}
.dv-mtn6 {
margin-top: calc(var(--space-6) * -1)
}
.dv-mr6 {
margin-right: var(--space-6)
}
.dv-mrn6 {
margin-right: calc(var(--space-6) * -1)
}
.dv-mb6 {
margin-bottom: var(--space-6)
}
.dv-mbn6 {
margin-bottom: calc(var(--space-6) * -1)
}
.dv-ml6 {
margin-left: var(--space-6)
}
.dv-mln6 {
margin-left: calc(var(--space-6) * -1)
}
.dv-mx6 {
margin-left: var(--space-6);
margin-right: var(--space-6)
}
.dv-my6 {
margin-top: var(--space-6);
margin-bottom: var(--space-6)
}
.dv-m7 {
margin: var(--space-7)
}
.dv-mt7 {
margin-top: var(--space-7)
}
.dv-mtn7 {
margin-top: calc(var(--space-7) * -1)
}
.dv-mr7 {
margin-right: var(--space-7)
}
.dv-mrn7 {
margin-right: calc(var(--space-7) * -1)
}
.dv-mb7 {
margin-bottom: var(--space-7)
}
.dv-mbn7 {
margin-bottom: calc(var(--space-7) * -1)
}
.dv-ml7 {
margin-left: var(--space-7)
}
.dv-mln7 {
margin-left: calc(var(--space-7) * -1)
}
.dv-mx7 {
margin-left: var(--space-7);
margin-right: var(--space-7)
}
.dv-my7 {
margin-top: var(--space-7);
margin-bottom: var(--space-7)
}
.dv-m8 {
margin: var(--space-8)
}
.dv-mt8 {
margin-top: var(--space-8)
}
.dv-mtn8 {
margin-top: calc(var(--space-8) * -1)
}
.dv-mr8 {
margin-right: var(--space-8)
}
.dv-mrn8 {
margin-right: calc(var(--space-8) * -1)
}
.dv-mb8 {
margin-bottom: var(--space-8)
}
.dv-mbn8 {
margin-bottom: calc(var(--space-8) * -1)
}
.dv-ml8 {
margin-left: var(--space-8)
}
.dv-mln8 {
margin-left: calc(var(--space-8) * -1)
}
.dv-mx8 {
margin-left: var(--space-8);
margin-right: var(--space-8)
}
.dv-my8 {
margin-top: var(--space-8);
margin-bottom: var(--space-8)
}
.dv-m9 {
margin: var(--space-9)
}
.dv-mt9 {
margin-top: var(--space-9)
}
.dv-mtn9 {
margin-top: calc(var(--space-9) * -1)
}
.dv-mr9 {
margin-right: var(--space-9)
}
.dv-mrn9 {
margin-right: calc(var(--space-9) * -1)
}
.dv-mb9 {
margin-bottom: var(--space-9)
}
.dv-mbn9 {
margin-bottom: calc(var(--space-9) * -1)
}
.dv-ml9 {
margin-left: var(--space-9)
}
.dv-mln9 {
margin-left: calc(var(--space-9) * -1)
}
.dv-mx9 {
margin-left: var(--space-9);
margin-right: var(--space-9)
}
.dv-my9 {
margin-top: var(--space-9);
margin-bottom: var(--space-9)
}
.dv-m10 {
margin: var(--space-10)
}
.dv-mt10 {
margin-top: var(--space-10)
}
.dv-mtn10 {
margin-top: calc(var(--space-10) * -1)
}
.dv-mr10 {
margin-right: var(--space-10)
}
.dv-mrn10 {
margin-right: calc(var(--space-10) * -1)
}
.dv-mb10 {
margin-bottom: var(--space-10)
}
.dv-mbn10 {
margin-bottom: calc(var(--space-10) * -1)
}
.dv-ml10 {
margin-left: var(--space-10)
}
.dv-mln10 {
margin-left: calc(var(--space-10) * -1)
}
.dv-mx10 {
margin-left: var(--space-10);
margin-right: var(--space-10)
}
.dv-my10 {
margin-top: var(--space-10);
margin-bottom: var(--space-10)
}
.dv-m11 {
margin: var(--space-11)
}
.dv-mt11 {
margin-top: var(--space-11)
}
.dv-mr11 {
margin-right: var(--space-11)
}
.dv-mb11 {
margin-bottom: var(--space-11)
}
.dv-ml11 {
margin-left: var(--space-11)
}
.dv-mx11 {
margin-left: var(--space-11);
margin-right: var(--space-11)
}
.dv-my11 {
margin-top: var(--space-11);
margin-bottom: var(--space-11)
}
.dv-m12 {
margin: var(--space-12)
}
.dv-mt12 {
margin-top: var(--space-12)
}
.dv-mr12 {
margin-right: var(--space-12)
}
.dv-mb12 {
margin-bottom: var(--space-12)
}
.dv-ml12 {
margin-left: var(--space-12)
}
.dv-mx12 {
margin-left: var(--space-12);
margin-right: var(--space-12)
}
.dv-my12 {
margin-top: var(--space-12);
margin-bottom: var(--space-12)
}
.dv-mxn1 {
margin-left: calc(var(--space-1) * -1);
margin-right: calc(var(--space-1) * -1)
}
.dv-mxn2 {
margin-left: calc(var(--space-2) * -1);
margin-right: calc(var(--space-2) * -1)
}
.dv-mxn3 {
margin-left: calc(var(--space-3) * -1);
margin-right: calc(var(--space-3) * -1)
}
.dv-mxn4 {
margin-left: calc(var(--space-4) * -1);
margin-right: calc(var(--space-4) * -1)
}
.dv-mxn5 {
margin-left: calc(var(--space-5) * -1);
margin-right: calc(var(--space-5) * -1)
}
.dv-mxn6 {
margin-left: calc(var(--space-6) * -1);
margin-right: calc(var(--space-6) * -1)
}
.dv-mxn7 {
margin-left: calc(var(--space-7) * -1);
margin-right: calc(var(--space-7) * -1)
}
.dv-mxn8 {
margin-left: calc(var(--space-8) * -1);
margin-right: calc(var(--space-8) * -1)
}
.dv-mxn9 {
margin-left: calc(var(--space-9) * -1);
margin-right: calc(var(--space-9) * -1)
}
.dv-mxn10 {
margin-left: calc(var(--space-10) * -1);
margin-right: calc(var(--space-10) * -1)
}
.dv-mxn11 {
margin-left: calc(var(--space-11) * -1);
margin-right: calc(var(--space-11) * -1)
}
.dv-mxn12 {
margin-left: calc(var(--space-12) * -1);
margin-right: calc(var(--space-12) * -1)
}
.dv-m-auto {
margin: auto
}
.dv-mt-auto {
margin-top: auto
}
.dv-mr-auto {
margin-right: auto
}
.dv-mb-auto {
margin-bottom: auto
}
.dv-ml-auto {
margin-left: auto
}
.dv-mx-auto {
margin-left: auto;
margin-right: auto
}
.dv-my-auto {
margin-top: auto;
margin-bottom: auto
}
.dv-p0 {
padding: 0
}
.dv-pt0 {
padding-top: 0
}
.dv-pr0 {
padding-right: 0
}
.dv-pb0 {
padding-bottom: 0
}
.dv-pl0 {
padding-left: 0
}
.dv-px0 {
padding-left: 0;
padding-right: 0
}
.dv-py0 {
padding-top: 0;
padding-bottom: 0
}
.dv-p1 {
padding: var(--space-1)
}
.dv-pt1 {
padding-top: var(--space-1)
}
.dv-pr1 {
padding-right: var(--space-1)
}
.dv-pb1 {
padding-bottom: var(--space-1)
}
.dv-pl1 {
padding-left: var(--space-1)
}
.dv-py1 {
padding-top: var(--space-1);
padding-bottom: var(--space-1)
}
.dv-px1 {
padding-left: var(--space-1);
padding-right: var(--space-1)
}
.dv-p2 {
padding: var(--space-2)
}
.dv-pt2 {
padding-top: var(--space-2)
}
.dv-pr2 {
padding-right: var(--space-2)
}
.dv-pb2 {
padding-bottom: var(--space-2)
}
.dv-pl2 {
padding-left: var(--space-2)
}
.dv-py2 {
padding-top: var(--space-2);
padding-bottom: var(--space-2)
}
.dv-px2 {
padding-left: var(--space-2);
padding-right: var(--space-2)
}
.dv-p3 {
padding: var(--space-3)
}
.dv-pt3 {
padding-top: var(--space-3)
}
.dv-pr3 {
padding-right: var(--space-3)
}
.dv-pb3 {
padding-bottom: var(--space-3)
}
.dv-pl3 {
padding-left: var(--space-3)
}
.dv-py3 {
padding-top: var(--space-3);
padding-bottom: var(--space-3)
}
.dv-px3 {
padding-left: var(--space-3);
padding-right: var(--space-3)
}
.dv-p4 {
padding: var(--space-4)
}
.dv-pt4 {
padding-top: var(--space-4)
}
.dv-pr4 {
padding-right: var(--space-4)
}
.dv-pb4 {
padding-bottom: var(--space-4)
}
.dv-pl4 {
padding-left: var(--space-4)
}
.dv-py4 {
padding-top: var(--space-4);
padding-bottom: var(--space-4)
}
.dv-px4 {
padding-left: var(--space-4);
padding-right: var(--space-4)
}
.dv-p5 {
padding: var(--space-5)
}
.dv-pt5 {
padding-top: var(--space-5)
}
.dv-pr5 {
padding-right: var(--space-5)
}
.dv-pb5 {
padding-bottom: var(--space-5)
}
.dv-pl5 {
padding-left: var(--space-5)
}
.dv-py5 {
padding-top: var(--space-5);
padding-bottom: var(--space-5)
}
.dv-px5 {
padding-left: var(--space-5);
padding-right: var(--space-5)
}
.dv-p6 {
padding: var(--space-6)
}
.dv-pt6 {
padding-top: var(--space-6)
}
.dv-pr6 {
padding-right: var(--space-6)
}
.dv-pb6 {
padding-bottom: var(--space-6)
}
.dv-pl6 {
padding-left: var(--space-6)
}
.dv-py6 {
padding-top: var(--space-6);
padding-bottom: var(--space-6)
}
.dv-px6 {
padding-left: var(--space-6);
padding-right: var(--space-6)
}
.dv-p7 {
padding: var(--space-7)
}
.dv-pt7 {
padding-top: var(--space-7)
}
.dv-pr7 {
padding-right: var(--space-7)
}
.dv-pb7 {
padding-bottom: var(--space-7)
}
.dv-pl7 {
padding-left: var(--space-7)
}
.dv-py7 {
padding-top: var(--space-7);
padding-bottom: var(--space-7)
}
.dv-px7 {
padding-left: var(--space-7);
padding-right: var(--space-7)
}
.dv-p8 {
padding: var(--space-8)
}
.dv-pt8 {
padding-top: var(--space-8)
}
.dv-pr8 {
padding-right: var(--space-8)
}
.dv-pb8 {
padding-bottom: var(--space-8)
}
.dv-pl8 {
padding-left: var(--space-8)
}
.dv-py8 {
padding-top: var(--space-8);
padding-bottom: var(--space-8)
}
.dv-x8 {
padding-left: var(--space-8);
padding-right: var(--space-8)
}
.dv-p9 {
padding: var(--space-9)
}
.dv-pt9 {
padding-top: var(--space-9)
}
.dv-pr9 {
padding-right: var(--space-9)
}
.dv-pb9 {
padding-bottom: var(--space-9)
}
.dv-pl9 {
padding-left: var(--space-9)
}
.dv-py9 {
padding-top: var(--space-9);
padding-bottom: var(--space-9)
}
.dv-px9 {
padding-left: var(--space-9);
padding-right: var(--space-9)
}
.dv-p10 {
padding: var(--space-10)
}
.dv-pt10 {
padding-top: var(--space-10)
}
.dv-pr10 {
padding-right: var(--space-10)
}
.dv-pb10 {
padding-bottom: var(--space-10)
}
.dv-pl10 {
padding-left: var(--space-10)
}
.dv-py10 {
padding-top: var(--space-10);
padding-bottom: var(--space-10)
}
.dv-px10 {
padding-left: var(--space-10);
padding-right: var(--space-10)
}
.dv-p11 {
padding: var(--space-11)
}
.dv-pt11 {
padding-top: var(--space-11)
}
.dv-pr11 {
padding-right: var(--space-11)
}
.dv-pb11 {
padding-bottom: var(--space-11)
}
.dv-pl11 {
padding-left: var(--space-11)
}
.dv-py11 {
padding-top: var(--space-11);
padding-bottom: var(--space-11)
}
.dv-px11 {
padding-left: var(--space-11);
padding-right: var(--space-11)
}
.dv-p12 {
padding: var(--space-12)
}
.dv-pt12 {
padding-top: var(--space-12)
}
.dv-pr12 {
padding-right: var(--space-12)
}
.dv-pb12 {
padding-bottom: var(--space-12)
}
.dv-pl12 {
padding-left: var(--space-12)
}
.dv-py12 {
padding-top: var(--space-12);
padding-bottom: var(--space-12)
}
.dv-px12 {
padding-left: var(--space-12);
padding-right: var(--space-12)
}
}
.site-wrap {
margin: 0 auto;
width: 100%
}
.wrapper {
margin: 0 auto;
padding-left: 3%;
padding-right: 3%;
max-width: 1600px;
display: grid;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
font-size: 0
}
.wrapper-nest {
display: grid
}
.wrapper.aflow {
grid-auto-flow: dense
}
.wrapper.narrow {
padding-left: 7%;
padding-right: 7%
}
.wrapper.full {
padding-left: 1.25%;
padding-right: 1.25%;
max-width: unset;
width: 100%
}
.wrapper.edge {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: unset
}
.wrapper>.first {
order: 1
}
.wrapper>.last {
order: 2
}
.wrapper>* {
display: inline-block;
padding: 0;
font-size: initial;
vertical-align: top
}
.span-1 {
width: 8.3333333%
}
.span-2 {
width: 16.666666%
}
.span-3 {
width: 25%
}
.span-4 {
width: 33.333333%
}
.span-5 {
width: 41.666666%
}
.span-6 {
width: 50%
}
.span-7 {
width: 58.333333%
}
.span-8 {
width: 66.666666%
}
.span-9 {
width: 75%
}
.span-10 {
width: 83.33333%
}
.span-11 {
width: 91.666667%
}
.span-12 {
width: 100%
}
@media (max-width:767px) {
.span-2 {
width: 50%
}
.span-2 .auto {
width: 50%
}
.span-10, .span-11, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9 {
width: 100% !important;
margin-left: 0 !important
}
.span-10 .auto, .span-11 .auto, .span-3 .auto, .span-4 .auto, .span-5 .auto, .span-6 .auto, .span-7 .auto, .span-8 .auto, .span-9 .auto {
width: 100% !important;
margin-left: 0 !important
}
.collection__page--wrapper .product-loop .product-listing, .search__page--wrapper .product-loop .product-listing {
grid-column: auto/span 6;
width: 100% !important
}
}
.flex-masonry {
display: flex;
flex-flow: column wrap;
align-content: space-between;
height: 600px
}
.flex-masonry .item:nth-child(3n+1) {
order: 1
}
.flex-masonry .item:nth-child(3n+2) {
order: 2
}
.flex-masonry .item:nth-child(3n) {
order: 3
}
.flex-masonry .item {
width: 32%;
margin-bottom: 2%
}
.flex-masonry .item::before {
counter-increment: items;
content: counter(items)
}
.flex-masonry::after, .flex-masonry::before {
content: "";
flex-basis: 100%;
width: 0;
order: 2
}
.wrapper.gtr1 {
grid-template-rows: 1fr
}
.wrapper.gtr2 {
grid-template-rows: 1fr 1fr
}
.wrapper.gtr3 {
grid-template-rows: 1fr 1fr 1fr
}
.wrapper.gtr4 {
grid-template-rows: 1fr 1fr 1fr 1fr
}
@media (min-width:768px) {
.wrapper-fifths {
grid-template-columns: repeat(15, 1fr)
}
}
.gr1 {
grid-row: span 1
}
.gr2 {
grid-row: span 2
}
.gr3 {
grid-row: span 3
}
.gr4 {
grid-row: span 4
}
.cg0 {
grid-column-gap: 0
}
.cg1 {
grid-column-gap: var(--space-1)
}
.cg2 {
grid-column-gap: var(--space-2)
}
.cg3 {
grid-column-gap: var(--space-3)
}
.cg4 {
grid-column-gap: var(--space-4)
}
.cg5 {
grid-column-gap: var(--space-5)
}
.cg6 {
grid-column-gap: var(--space-6)
}
.cg7 {
grid-column-gap: var(--space-7)
}
.cg8 {
grid-column-gap: var(--space-8)
}
.cg9 {
grid-column-gap: var(--space-9)
}
.rg0 {
grid-row-gap: 0
}
.rg1 {
grid-row-gap: var(--space-1)
}
.rg2 {
grid-row-gap: var(--space-2)
}
.rg3 {
grid-row-gap: var(--space-3)
}
.rg4 {
grid-row-gap: var(--space-4)
}
.rg5 {
grid-row-gap: var(--space-5)
}
.rg6 {
grid-row-gap: var(--space-6)
}
.rg7 {
grid-row-gap: var(--space-7)
}
.rg8 {
grid-row-gap: var(--space-8)
}
.rg9 {
grid-row-gap: var(--space-9)
}
.a-left {
text-align: left
}
.a-right {
text-align: right
}
.a-center {
text-align: center
}
.v-start {
align-self: start;
vertical-align: top
}
.v-center {
align-self: center;
vertical-align: middle
}
.v-end {
align-self: end;
vertical-align: bottom
}
.v-stretch {
align-self: stretch
}
.vi-center {
display: inline;
vertical-align: middle
}
.vib-center {
display: inline-block;
vertical-align: middle
}
.h-start {
justify-self: start
}
.h-center {
justify-self: center
}
.h-end {
justify-self: end
}
.h-stretch {
justify-self: stretch
}
.vh-start {
place-self: start
}
.vv-center {
place-self: center
}
.vh-end {
place-self: end
}
.vh-stretch {
place-self: stretch
}
@supports (display:grid) {
.span-1 {
grid-column: 1;
width: 100%
}
.span-2 {
grid-column: 1/3;
width: 100%
}
.span-3 {
grid-column: 1/4;
width: 100%
}
.span-4, .span-third {
grid-column: 1/5;
width: 100%
}
.span-5 {
grid-column: 1/6;
width: 100%
}
.span-6 {
grid-column: 1/7;
width: 100%
}
.span-7 {
grid-column: 1/8;
width: 100%
}
.span-8 {
grid-column: 1/9;
width: 100%
}
.span-9 {
grid-column: 1/10;
width: 100%
}
.span-10 {
grid-column: 1/11;
width: 100%
}
.span-11 {
grid-column: 1/12;
width: 100%
}
.span-12 {
grid-column: 1/13;
width: 100%
}
@media (min-width:768px) {
.span-full-fifths {
grid-column: 1/16;
width: 100%
}
}
.span-6.first {
grid-column: 1/7;
width: 100%
}
.span-6.last {
grid-column: 7/13;
width: 100%
}
.span-8.first {
grid-column: 1/9;
width: 100%
}
.span-4.last {
grid-column: 9/13;
width: 100%
}
.span-4.first {
grid-column: 1/5;
width: 100%
}
.span-8.last {
grid-column: 5/13;
width: 100%
}
.span-9.first {
grid-column: 1/10;
width: 100%
}
.span-3.last {
grid-column: 10/13;
width: 100%
}
.span-3.first {
grid-column: 1/4;
width: 100%
}
.span-9.last {
grid-column: 4/13;
width: 100%
}
.span-1.auto {
grid-column: auto/span 1;
width: 100%
}
.span-2.auto {
grid-column: auto/span 2;
width: 100%
}
.span-3.auto {
grid-column: auto/span 3;
width: 100%
}
.span-4.auto, .span-third.auto {
grid-column: auto/span 4;
width: 100%
}
.span-5.auto {
grid-column: auto/span 5;
width: 100%
}
.span-6.auto {
grid-column: auto/span 6;
width: 100%
}
.span-7.auto {
grid-column: auto/span 7;
width: 100%
}
.span-8.auto {
grid-column: auto/span 8;
width: 100%
}
.span-9.auto {
grid-column: auto/span 9;
width: 100%
}
.span-10.auto {
grid-column: auto/span 10;
width: 100%
}
.span-11.auto {
grid-column: auto/span 11;
width: 100%
}
.span-12.auto {
grid-column: auto/span 12;
width: 100%
}
.span-1.push-1 {
grid-column: 2/3;
width: 100%
}
.span-1.push-2 {
grid-column: 3/4;
width: 100%
}
.span-1.push-3 {
grid-column: 4/5;
width: 100%
}
.span-1.push-4 {
grid-column: 5/6;
width: 100%
}
.span-1.push-5 {
grid-column: 6/7;
width: 100%
}
.span-1.push-6 {
grid-column: 7/8;
width: 100%
}
.span-1.push-7 {
grid-column: 8/9;
width: 100%
}
.span-1.push-8 {
grid-column: 9/10;
width: 100%
}
.span-1.push-9 {
grid-column: 10/11;
width: 100%
}
.span-1.push-10 {
grid-column: 11/12;
width: 100%
}
.span-1.push-11 {
grid-column: 12/13;
width: 100%
}
.span-2.push-1 {
grid-column: 2/4;
width: 100%
}
.span-2.push-2 {
grid-column: 3/5;
width: 100%
}
.span-2.push-3 {
grid-column: 4/6;
width: 100%
}
.span-2.push-4 {
grid-column: 5/7;
width: 100%
}
.span-2.push-5 {
grid-column: 6/8;
width: 100%
}
.span-2.push-6 {
grid-column: 7/9;
width: 100%
}
.span-2.push-7 {
grid-column: 8/10;
width: 100%
}
.span-2.push-8 {
grid-column: 9/11;
width: 100%
}
.span-2.push-9 {
grid-column: 10/12;
width: 100%
}
.span-2.push-10 {
grid-column: 11/13;
width: 100%
}
.span-3.push-1 {
grid-column: 2/5;
width: 100%
}
.span-3.push-2 {
grid-column: 3/6;
width: 100%
}
.span-3.push-3 {
grid-column: 4/7;
width: 100%
}
.span-3.push-4 {
grid-column: 5/8;
width: 100%
}
.span-3.push-5 {
grid-column: 6/9;
width: 100%
}
.span-3.push-6 {
grid-column: 7/10;
width: 100%
}
.span-3.push-7 {
grid-column: 8/11;
width: 100%
}
.span-3.push-8 {
grid-column: 9/12;
width: 100%
}
.span-3.push-9 {
grid-column: 10/13;
width: 100%
}
.span-4.push-1 {
grid-column: 2/6;
width: 100%
}
.span-4.push-2 {
grid-column: 3/7;
width: 100%
}
.span-4.push-3 {
grid-column: 4/8;
width: 100%
}
.span-4.push-4 {
grid-column: 5/9;
width: 100%
}
.span-4.push-5 {
grid-column: 6/10;
width: 100%
}
.span-4.push-6 {
grid-column: 7/11;
width: 100%
}
.span-4.push-7 {
grid-column: 8/12;
width: 100%
}
.span-4.push-8 {
grid-column: 9/13;
width: 100%
}
.span-5.push-1 {
grid-column: 2/7;
width: 100%
}
.span-5.push-2 {
grid-column: 3/8;
width: 100%
}
.span-5.push-3 {
grid-column: 4/9;
width: 100%
}
.span-5.push-4 {
grid-column: 5/10;
width: 100%
}
.span-5.push-5 {
grid-column: 6/11;
width: 100%
}
.span-5.push-6 {
grid-column: 7/12;
width: 100%
}
.span-5.push-7 {
grid-column: 8/13;
width: 100%
}
.span-6.push-1 {
grid-column: 2/8;
width: 100%
}
.span-6.push-2 {
grid-column: 3/9;
width: 100%
}
.span-6.push-3 {
grid-column: 4/10;
width: 100%
}
.span-6.push-4 {
grid-column: 5/11;
width: 100%
}
.span-6.push-5 {
grid-column: 6/12;
width: 100%
}
.span-6.push-6 {
grid-column: 7/13;
width: 100%
}
.span-7.push-1 {
grid-column: 2/9;
width: 100%
}
.span-7.push-2 {
grid-column: 3/10;
width: 100%
}
.span-7.push-3 {
grid-column: 4/11;
width: 100%
}
.span-7.push-4 {
grid-column: 5/12;
width: 100%
}
.span-7.push-5 {
grid-column: 6/13;
width: 100%
}
.span-8.push-1 {
grid-column: 2/10;
width: 100%
}
.span-8.push-2 {
grid-column: 3/11;
width: 100%
}
.span-8.push-3 {
grid-column: 4/12;
width: 100%
}
.span-8.push-4 {
grid-column: 5/13;
width: 100%
}
.span-9.push-1 {
grid-column: 2/11;
width: 100%
}
.span-9.push-2 {
grid-column: 3/12;
width: 100%
}
.span-9.push-3 {
grid-column: 4/13;
width: 100%
}
.span-10.push-1 {
grid-column: 2/12;
width: 100%
}
.span-10.push-2 {
grid-column: 3/13;
width: 100%
}
.span-11.push-1 {
grid-column: 2/13;
width: 100%
}
@media (max-width:767px) {
.span-2, .span-2.auto {
grid-column: auto/span 6;
width: 100%
}
.span-10, .span-10.auto, .span-11, .span-11.auto, .span-3, .span-3.auto, .span-4, .span-4.auto, .span-5, .span-5.auto, .span-6, .span-6.auto, .span-7, .span-7.auto, .span-8, .span-8.auto, .span-9, .span-9.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.product-loop {
grid-column: auto/span 6 !important
}
.sm-span-1.auto {
grid-column: auto/span 1 !important;
width: 100%
}
.sm-span-2.auto {
grid-column: auto/span 2 !important;
width: 100%
}
.sm-span-3.auto {
grid-column: auto/span 3 !important;
width: 100%
}
.sm-span-4.auto, .sm-span-third.auto {
grid-column: auto/span 4 !important;
width: 100%
}
.sm-span-5.auto {
grid-column: auto/span 5 !important;
width: 100%
}
.sm-span-6.auto {
grid-column: auto/span 6 !important;
width: 100%
}
.sm-span-7.auto {
grid-column: auto/span 7 !important;
width: 100%
}
.sm-span-8.auto {
grid-column: auto/span 8 !important;
width: 100%
}
.sm-span-9.auto {
grid-column: auto/span 9 !important;
width: 100%
}
.sm-span-10.auto {
grid-column: auto/span 10 !important;
width: 100%
}
.sm-span-11.auto {
grid-column: auto/span 11 !important;
width: 100%
}
.sm-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.sm-cg0 {
grid-column-gap: 0
}
.sm-cg1 {
grid-column-gap: var(--space-1)
}
.sm-cg2 {
grid-column-gap: var(--space-2)
}
.sm-cg3 {
grid-column-gap: var(--space-3)
}
.sm-cg4 {
grid-column-gap: var(--space-4)
}
.sm-cg5 {
grid-column-gap: var(--space-5)
}
.sm-cg6 {
grid-column-gap: var(--space-6)
}
.sm-cg7 {
grid-column-gap: var(--space-7)
}
.sm-cg8 {
grid-column-gap: var(--space-8)
}
.sm-cg9 {
grid-column-gap: var(--space-9)
}
.sm-rg0 {
grid-row-gap: 0
}
.sm-rg1 {
grid-row-gap: var(--space-1)
}
.sm-rg2 {
grid-row-gap: var(--space-2)
}
.sm-rg3 {
grid-row-gap: var(--space-3)
}
.sm-rg4 {
grid-row-gap: var(--space-4)
}
.sm-rg5 {
grid-row-gap: var(--space-5)
}
.sm-rg6 {
grid-row-gap: var(--space-6)
}
.sm-rg7 {
grid-row-gap: var(--space-7)
}
.sm-rg8 {
grid-row-gap: var(--space-8)
}
.sm-rg9 {
grid-row-gap: var(--space-9)
}
}
@media (min-width:768px) and (max-width:1179px) {
.md-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.md-span-1.auto {
grid-column: auto/span 1 !important;
width: 100%
}
.md-span-2.auto {
grid-column: auto/span 2 !important;
width: 100%
}
.md-span-3.auto {
grid-column: auto/span 3 !important;
width: 100%
}
.md-span-4.auto, .md-span-third.auto {
grid-column: auto/span 4 !important;
width: 100%
}
.md-span-5.auto {
grid-column: auto/span 5 !important;
width: 100%
}
.md-span-6.auto {
grid-column: auto/span 6 !important;
width: 100%
}
.md-span-7.auto {
grid-column: auto/span 7 !important;
width: 100%
}
.md-span-8.auto {
grid-column: auto/span 8 !important;
width: 100%
}
.md-span-9.auto {
grid-column: auto/span 9 !important;
width: 100%
}
.md-span-10.auto {
grid-column: auto/span 10 !important;
width: 100%
}
.md-span-11.auto {
grid-column: auto/span 11 !important;
width: 100%
}
.md-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.md-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.md-cg0 {
grid-column-gap: 0
}
.md-cg1 {
grid-column-gap: var(--space-1)
}
.md-cg2 {
grid-column-gap: var(--space-2)
}
.md-cg3 {
grid-column-gap: var(--space-3)
}
.md-cg4 {
grid-column-gap: var(--space-4)
}
.md-cg5 {
grid-column-gap: var(--space-5)
}
.md-cg6 {
grid-column-gap: var(--space-6)
}
.md-cg7 {
grid-column-gap: var(--space-7)
}
.md-cg8 {
grid-column-gap: var(--space-8)
}
.md-cg9 {
grid-column-gap: var(--space-9)
}
.md-rg0 {
grid-row-gap: 0
}
.md-rg1 {
grid-row-gap: var(--space-1)
}
.md-rg2 {
grid-row-gap: var(--space-2)
}
.md-rg3 {
grid-row-gap: var(--space-3)
}
.md-rg4 {
grid-row-gap: var(--space-4)
}
.md-rg5 {
grid-row-gap: var(--space-5)
}
.md-rg6 {
grid-row-gap: var(--space-6)
}
.md-rg7 {
grid-row-gap: var(--space-7)
}
.md-rg8 {
grid-row-gap: var(--space-8)
}
.md-rg9 {
grid-row-gap: var(--space-9)
}
}
@media (max-width:1179px) {
.dv-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.dv-span-1.auto {
grid-column: auto/span 1 !important;
width: 100%
}
.dv-span-2.auto {
grid-column: auto/span 2 !important;
width: 100%
}
.dv-span-3.auto {
grid-column: auto/span 3 !important;
width: 100%
}
.dv-span-4.auto, .md-span-third.auto {
grid-column: auto/span 4 !important;
width: 100%
}
.dv-span-5.auto {
grid-column: auto/span 5 !important;
width: 100%
}
.dv-span-6.auto {
grid-column: auto/span 6 !important;
width: 100%
}
.dv-span-7.auto {
grid-column: auto/span 7 !important;
width: 100%
}
.dv-span-8.auto {
grid-column: auto/span 8 !important;
width: 100%
}
.dv-span-9.auto {
grid-column: auto/span 9 !important;
width: 100%
}
.dv-span-10.auto {
grid-column: auto/span 10 !important;
width: 100%
}
.dv-span-11.auto {
grid-column: auto/span 11 !important;
width: 100%
}
.dv-span-12.auto {
grid-column: auto/span 12 !important;
width: 100%
}
.dv-cg0 {
grid-column-gap: 0
}
.dv-cg1 {
grid-column-gap: var(--space-1)
}
.dv-cg2 {
grid-column-gap: var(--space-2)
}
.dv-cg3 {
grid-column-gap: var(--space-3)
}
.dv-cg4 {
grid-column-gap: var(--space-4)
}
.dv-cg5 {
grid-column-gap: var(--space-5)
}
.dv-cg6 {
grid-column-gap: var(--space-6)
}
.dv-cg7 {
grid-column-gap: var(--space-7)
}
.dv-cg8 {
grid-column-gap: var(--space-8)
}
.dv-cg9 {
grid-column-gap: var(--space-9)
}
.dv-rg0 {
grid-row-gap: 0
}
.dv-rg1 {
grid-row-gap: var(--space-1)
}
.dv-rg2 {
grid-row-gap: var(--space-2)
}
.dv-rg3 {
grid-row-gap: var(--space-3)
}
.dv-rg4 {
grid-row-gap: var(--space-4)
}
.dv-rg5 {
grid-row-gap: var(--space-5)
}
.dv-rg6 {
grid-row-gap: var(--space-6)
}
.dv-rg7 {
grid-row-gap: var(--space-7)
}
.dv-rg8 {
grid-row-gap: var(--space-8)
}
.dv-rg9 {
grid-row-gap: var(--space-9)
}
}
}
table, td, th {
border: none
}
table {
width: 100%;
display: table;
border-collapse: collapse;
border-spacing: 0
}
table.striped tr {
border-bottom: none
}
table.striped>tbody>tr:nth-child(odd) {
background-color: rgba(242, 242, 242, .5)
}
table.striped>tbody>tr>td {
border-radius: 0
}
table.highlight>tbody>tr {
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease
}
table.highlight>tbody>tr:hover {
background-color: rgba(242, 242, 242, .5)
}
table.centered tbody tr td, table.centered thead tr th {
text-align: center
}
tr {
border-bottom: 1px solid rgba(0, 0, 0, .12)
}
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px
}
@media (max-width:1179px) {
table.responsive-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: block;
position: relative
}
table.responsive-table td:empty:before {
content: '\00a0'
}
table.responsive-table td, table.responsive-table th {
margin: 0;
vertical-align: top
}
table.responsive-table th {
text-align: left
}
table.responsive-table thead {
display: block;
float: left
}
table.responsive-table thead tr {
display: block;
padding: 0 10px 0 0
}
table.responsive-table thead tr th::before {
content: "\00a0"
}
table.responsive-table tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap
}
table.responsive-table tbody tr {
display: inline-block;
vertical-align: top
}
table.responsive-table th {
display: block;
text-align: right;
line-height: 2.5;
padding: 0
}
table.responsive-table tbody td {
display: block;
min-height: 1.25em;
text-align: left;
line-height: 2.5;
margin-left: 0;
padding: 0
}
table.responsive-table tfoot {
border-top: 1px solid rgba(0, 0, 0, .12);
padding: 10px;
display: block;
margin-top: 20px
}
table.responsive-table tfoot td {
display: inline-block;
min-height: 1.25em;
text-align: left;
line-height: 1.5;
margin-left: 0;
padding: 5px 5px
}
table.responsive-table tfoot td.label {
font-weight: 700
}
table.responsive-table tr {
border-bottom: none;
padding: 0 10px
}
table.responsive-table thead {
border: 0;
border-right: 1px solid rgba(0, 0, 0, .12)
}
}
.button, .shopify-challenge__button, .shopify-payment-button__button--unbranded, button {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-decoration: none;
text-transform: inherit;
cursor: pointer;
display: inline-block;
vertical-align: middle;
height: var(--space-8);
padding: 0 var(--space-2);
line-height: var(--space-8);
margin: 0;
width: auto;
-webkit-appearance: none;
color: #fff;
background-color: #000;
transition: .3s ease-out;
box-shadow: none;
border-color: transparent
}
.button:hover, .shopify-challenge__button:hover, .shopify-payment-button__button--unbranded:hover, button:hover {
text-decoration: none;
background-color: #333;
box-shadow: none
}
.button:disabled, .shopify-challenge__button:disabled, .shopify-payment-button__button--unbranded:disabled, button:disabled {
color: var(--button-text);
background-color: var(--button-bg);
opacity: .5;
pointer-events: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default
}
.button:focus, .shopify-challenge__button:focus, .shopify-payment-button__button--unbranded:focus, button:focus {
outline: 0
}
.button.btn-full, .shopify-challenge__button.btn-full, .shopify-payment-button__button--unbranded.btn-full, button.btn-full {
width: 100%;
display: block;
text-align: center
}
.button.btn-outlined, .shopify-challenge__button.btn-outlined, .shopify-payment-button__button--unbranded.btn-outlined, button.btn-outlined {
border: var(--buttons-border-weight) solid var(--button-bg) !important;
color: var(--button-bg) !important;
background-color: transparent !important
}
.button.btn-outlined:hover, .shopify-challenge__button.btn-outlined:hover, .shopify-payment-button__button--unbranded.btn-outlined:hover, button.btn-outlined:hover {
border: var(--buttons-border-weight) solid var(--button-bg-hover) !important;
color: var(--button-bg-hover) !important;
background-color: transparent !important
}
.button.btn-sm, .shopify-challenge__button.btn-sm, .shopify-payment-button__button--unbranded.btn-sm, button.btn-sm {
height: 1.5rem;
line-height: .5rem;
font-size: .75rem;
padding: .5rem .5rem
}
.button.btn-lg, .shopify-challenge__button.btn-lg, .shopify-payment-button__button--unbranded.btn-lg, button.btn-lg {
height: 3.5rem;
line-height: 2.25rem;
font-size: 1.25rem;
padding: .75rem 1.25rem
}
.shopify-payment-button__more-options, .shopify-payment-button__more-options:disabled {
background: 0 0 !important;
border: 0 none !important;
cursor: pointer !important;
display: block;
font-size: 1em;
margin-top: 1em;
text-align: center;
width: 100%;
color: var(--button-text) !important
}
.shopify-payment-button__more-options:hover:not([disabled]) {
text-decoration: underline
}
ul.nav svg {
width: 12px !important;
height: 4px !important
}
ul.nav li.dropdown ul.submenu {
display: none;
z-index: 25;
min-width: 240px;
padding: var(--space-1) 0;
border-top: 0;
background: var(--dropdown-bg-color)
}
ul.nav li.dropdown ul.submenu .inactive-arrow {
position: absolute;
right: var(--space-5);
top: 50%;
transform: translateY(-50%)
}
ul.nav li.dropdown ul.submenu li {
min-width: 180px;
text-align: left;
display: block;
clear: left;
white-space: nowrap;
background: var(--dropdown-bg-color);
line-height: 1.75;
padding: 0;
position: relative
}
ul.nav li.dropdown ul.submenu li a {
line-height: inherit !important;
width: 100%;
color: var(--dropdown-link-color)
}
ul.nav li.dropdown ul.submenu li a:hover {
color: var(--dropdown-hover-link-color)
}
ul.nav li.dropdown ul.submenu .nested {
display: none;
position: absolute;
left: 100%;
top: -6px;
background: var(--dropdown-bg-color)
}
ul.nav li.dropdown ul.submenu li.nest:hover>ul.nested {
display: block
}
ul.nav li.dropdown:hover ul.submenu {
display: block
}
ul.nav .inactive-arrow.toplevel {
margin-top: -2px
}
[type=checkbox].styled-check:checked, [type=checkbox].styled-check:not(:checked) {
position: absolute;
opacity: 0;
pointer-events: none
}
[type=checkbox].styled-check+span:not(.lever) {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
[type=checkbox].styled-check+span:not(.lever):before, [type=checkbox].styled-check:not(.filled-in)+span:not(.lever):after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 1px;
-webkit-transition: .2s;
transition: .2s
}
[type=checkbox].styled-check:not(.filled-in)+span:not(.lever):after {
border: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
[type=checkbox].styled-check:not(:checked):disabled+span:not(.lever):before {
border: none;
background-color: rgba(0, 0, 0, .42)
}
[type=checkbox].styled-check.tabbed:focus+span:not(.lever):after {
-webkit-transform: scale(1);
transform: scale(1);
border: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
background-color: rgba(0, 0, 0, .1)
}
[type=checkbox].styled-check:checked+span:not(.lever):before {
top: 0;
left: 0;
width: 5px;
height: 15px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type=checkbox].styled-check:checked:disabled+span:before {
border-right: 2px solid rgba(0, 0, 0, .42);
border-bottom: 2px solid rgba(0, 0, 0, .42)
}
[type=checkbox].styled-check:indeterminate+span:not(.lever):before {
top: -11px;
left: -12px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid #000;
border-bottom: none;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type=checkbox].styled-check:indeterminate:disabled+span:not(.lever):before {
border-right: 2px solid rgba(0, 0, 0, .42);
background-color: transparent
}
[type=checkbox].styled-check.filled-in+span:not(.lever):after {
border-radius: 2px
}
[type=checkbox].styled-check.filled-in+span:not(.lever):after, [type=checkbox].styled-check.filled-in+span:not(.lever):before {
content: '';
left: 0;
position: absolute;
-webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
z-index: 1
}
[type=checkbox].styled-check.filled-in:not(:checked)+span:not(.lever):before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type=checkbox].styled-check.filled-in:not(:checked)+span:not(.lever):after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
top: 0;
z-index: 0
}
[type=checkbox].styled-check.filled-in:checked+span:not(.lever):before {
top: 0;
left: 1px;
width: 5px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type=checkbox].styled-check.filled-in:checked+span:not(.lever):after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid #000;
background-color: #000;
z-index: 0
}
[type=checkbox].styled-check.filled-in.tabbed:focus+span:not(.lever):after {
border-radius: 2px;
border-color: #5a5a5a;
background-color: rgba(0, 0, 0, .1)
}
[type=checkbox].styled-check.filled-in.tabbed:checked:focus+span:not(.lever):after {
border-radius: 2px;
background-color: #000;
border-color: #000
}
[type=checkbox].styled-check.filled-in:disabled:not(:checked)+span:not(.lever):before {
background-color: transparent;
border: 2px solid transparent
}
[type=checkbox].styled-check.filled-in:disabled:not(:checked)+span:not(.lever):after {
border-color: transparent;
background-color: #949494
}
[type=checkbox].styled-check.filled-in:disabled:checked+span:not(.lever):before {
background-color: transparent
}
[type=checkbox].styled-check.filled-in:disabled:checked+span:not(.lever):after {
background-color: #949494;
border-color: #949494
}
[type=radio]:checked, [type=radio]:not(:checked) {
position: absolute;
opacity: 0;
pointer-events: none
}
[type=radio]:checked+span, [type=radio]:not(:checked)+span {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-transition: .28s ease;
transition: .28s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
[type=radio]+span:after, [type=radio]+span:before {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
-webkit-transition: .28s ease;
transition: .28s ease
}
[type=radio].with-gap:checked+span:after, [type=radio].with-gap:checked+span:before, [type=radio]:checked+span:after, [type=radio]:checked+span:before, [type=radio]:not(:checked)+span:after, [type=radio]:not(:checked)+span:before {
border-radius: 50%
}
[type=radio]:not(:checked)+span:after, [type=radio]:not(:checked)+span:before {
border: 2px solid #5a5a5a
}
[type=radio]:not(:checked)+span:after {
-webkit-transform: scale(0);
transform: scale(0)
}
[type=radio]:checked+span:before {
border: 2px solid transparent
}
[type=radio].with-gap:checked+span:after, [type=radio].with-gap:checked+span:before, [type=radio]:checked+span:after {
border: 2px solid #000
}
[type=radio].with-gap:checked+span:after, [type=radio]:checked+span:after {
background-color: #000
}
[type=radio]:checked+span:after {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
[type=radio].with-gap:checked+span:after {
-webkit-transform: scale(.5);
transform: scale(.5)
}
[type=radio].tabbed:focus+span:before {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}
[type=radio].with-gap:disabled:checked+span:before {
border: 2px solid rgba(0, 0, 0, .42)
}
[type=radio].with-gap:disabled:checked+span:after {
border: none;
background-color: rgba(0, 0, 0, .42)
}
[type=radio]:disabled:checked+span:before, [type=radio]:disabled:not(:checked)+span:before {
background-color: transparent;
border-color: rgba(0, 0, 0, .42)
}
[type=radio]:disabled+span {
color: rgba(0, 0, 0, .42)
}
[type=radio]:disabled:not(:checked)+span:before {
border-color: rgba(0, 0, 0, .42)
}
[type=radio]:disabled:checked+span:after {
background-color: rgba(0, 0, 0, .42);
border-color: #949494
}
.switch, .switch * {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch label {
cursor: pointer
}
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0
}
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 64px;
height: 24px;
background-color: #a3a3a3;
border-radius: 52px;
margin-right: 10px;
-webkit-transition: background .3s ease;
transition: background .3s ease;
vertical-align: middle;
margin: 0 16px
}
.switch label .lever:after, .switch label .lever:before {
content: "";
position: absolute;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
left: -12px;
top: -4px;
-webkit-transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease;
transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease
}
.switch label input[type=checkbox]:checked+.lever:after, .switch label input[type=checkbox]:checked+.lever:before {
left: unset;
right: -12px
}
.switch label .lever:before {
background-color: #d1d1d1
}
.switch label .lever:after {
background-color: #f1f1f1
}
.switch label input[type=checkbox]:checked+.lever:after {
background-color: #464646
}
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before, input[type=checkbox]:checked:not(:disabled)~.lever:active::before {
-webkit-transform: scale(2.4);
transform: scale(2.4);
background-color: rgba(152, 152, 152, .15)
}
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before, input[type=checkbox]:not(:disabled)~.lever:active:before {
-webkit-transform: scale(2.4);
transform: scale(2.4);
background-color: rgba(0, 0, 0, .08)
}
.switch input[type=checkbox][disabled]+.lever {
cursor: default;
background-color: rgba(0, 0, 0, .12)
}
.switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after {
background-color: #949494
}
.switch.labeled label .lever {
content: "";
display: inline-block;
position: relative;
width: 96px;
height: 48px;
background-color: #d1d1d1;
border-radius: 52px;
margin-right: 10px;
-webkit-transition: background .3s ease;
transition: background .3s ease;
vertical-align: middle;
margin: 0 16px
}
.switch.labeled label .lever:after, .switch.labeled label .lever:before {
content: "";
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
left: 4px;
top: 4px;
line-height: 40px;
font-size: var(--font-size);
text-align: center;
background-color: rgba(0, 0, 0, .38);
-webkit-transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease;
transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease;
transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease, -webkit-box-shadow .1s ease, -webkit-transform .1s ease
}
.switch.labeled label .lever:after, .switch.labeled label .lever:before {
content: "Off";
background-color: #fff;
color: #d1d1d1
}
.switch.labeled label input[type=checkbox]:checked+.lever:after, .switch.labeled label input[type=checkbox]:checked+.lever:before {
left: unset;
right: 4px;
content: "On";
background-color: #fff;
color: #464646
}
.switch.labeled label input[type=checkbox]:checked+.lever {
background-color: #464646 !important
}
select {
font-family: inherit;
font-size: var(--font-size);
font-weight: inherit;
color: #222;
max-width: 100%;
min-width: 18.75rem;
height: 3.75rem;
padding: 1.125rem 1.5625rem;
border: none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select:active, select:focus {
outline: 0;
box-shadow: none
}
.select-wrapper {
position: relative;
background-color: var(--background);
width: auto;
display: inline-block;
max-width: 100%
}
.select-wrapper select {
display: none
}
.select-wrapper .select-selected:after {
content: " ";
border: solid var(--text-color);
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 1rem
}
.select-wrapper .select-selected.select-arrow-active:after {
content: " ";
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
top: calc(50% - 1px)
}
.select-wrapper .select-selected {
font-size: var(--font-size);
color: var(--text-color-light);
height: var(--space-7);
padding: 0 var(--space-4);
line-height: var(--space-7);
border-color: var(--dotted-color);
border-width: var(--form-border-weight);
border-style: solid;
cursor: pointer;
border-radius: 0
}
.select-wrapper .select-items div {
font-size: var(--font-size);
color: var(--text-color-light);
height: var(--space-7);
padding: 0 var(--space-4);
line-height: var(--space-7);
cursor: pointer;
border-radius: 0
}
.select-wrapper .select-items {
position: absolute;
background-color: var(--background);
top: 100%;
left: 0;
right: 0;
z-index: 99;
max-height: 300px;
overflow-y: scroll;
border-color: var(--dotted-color);
border-width: var(--form-border-weight);
border-style: solid;
border-top: none
}
.select-wrapper .select-hide {
display: none
}
.select-wrapper .same-as-selected, .select-wrapper .select-items div:hover {
color: var(--background);
background-color: var(--text-color)
}
.simple-select {
position: relative;
background-color: var(--background);
width: auto;
display: inline-block;
max-width: 100%
}
.simple-select .select-selected:after {
content: " ";
border: solid var(--dotted-color);
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 54%;
right: 1rem
}
.simple-select .select-selected.select-arrow-active:after {
content: " ";
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg)
}
.simple-select .select-selected {
font-size: 1rem;
color: var(--text-color);
height: var(--space-8);
padding: 0 var(--space-4);
line-height: var(--space-8);
border-color: var(--dotted-color);
border-width: var(--form-border-weight);
border-style: solid;
cursor: pointer;
border-radius: 0;
border-top: none;
border-left: none;
border-right: none;
width: 100%
}
input[type=email], input[type=password], input[type=text], textarea {
font-size: 1.125rem;
color: var(--text-color);
border: var(--form-border-weight) solid var(--dotted-color);
-webkit-box-shadow: none;
box-shadow: none;
height: var(--space-8);
padding: 0 var(--space-4);
line-height: var(--space-8);
width: 100%
}
input[type=email]::placeholder, input[type=password]::placeholder, input[type=text]::placeholder, textarea::placeholder {
color: var(--text-color)
}
@media (min-width:768px) {
input[type=email] {
min-width: 300px
}
}
@media (max-width:767px) {
input[type=email] {
min-width: 230px
}
}
.form label {
position: absolute;
top: -9999px;
left: -9999px
}
.form .default label {
position: relative;
top: unset;
left: unset
}
textarea {
min-height: 6.25rem;
width: 100%
}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
outline: 0;
border: var(--form-border-weight) solid #000;
color: #000
}
input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: var(--dotted-color)
}
input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
color: var(--dotted-color)
}
input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: var(--dotted-color)
}
input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
color: var(--dotted-color)
}
input[type=email]:focus ::-webkit-input-placeholder, input[type=password]:focus ::-webkit-input-placeholder, input[type=text]:focus ::-webkit-input-placeholder, textarea:focus ::-webkit-input-placeholder {
color: #000
}
input[type=email]:focus ::-webkit-input-placeholder, input[type=password]:focus ::-webkit-input-placeholder, input[type=text]:focus ::-moz-placeholder, textarea:focus ::-moz-placeholder {
color: #000
}
input[type=email]:focus :-ms-input-placeholder, input[type=password]:focus :-ms-input-placeholder, input[type=text]:focus :-ms-input-placeholder, textarea:focus :-ms-input-placeholder {
color: #000
}
input[type=email]:focus :-moz-placeholder, input[type=password]:focus :-moz-placeholder, input[type=text]:focus :-moz-placeholder, textarea:focus :-moz-placeholder {
color: #000
}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
border: var(--form-border-weight) solid var(--dotted-color);
color: #000;
-webkit-text-fill-color: #000;
-webkit-box-shadow: 0 0 0 1000px var(--button-secondary-bg) inset;
transition: background-color 5000s ease-in-out 0s;
font-size: 1.125rem
}
.form-vertical>* {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: auto !important
}
.form-vertical [type=submit], .form-vertical input {
margin-bottom: var(--font-size-sm) !important
}
.switch-field {
display: flex;
overflow: hidden
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden
}
.switch-field input:checked+label {
background-color: var(--background)
}
.switch-field label {
background-color: var(--box-shadow-color);
color: var(--text-color);
font-size: .875rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: .5px;
text-align: center;
text-transform: uppercase;
padding: var(--space-6) var(--space-3);
margin-right: -1px;
border: 1px solid var(--dotted-color);
transition: all .1s ease-in-out;
width: 50%
}
.switch-field label:hover {
cursor: pointer
}
.switch-field label:first-of-type {
border-radius: 1px 0 0 1px
}
.switch-field label:last-of-type {
border-radius: 0 1px 1px 0
}
input[type=number] {
font-weight: var(--main-weight);
font-family: var(--main-family);
font-size: var(--font-size)
}
.rte-accordion {
position: relative;
width: 100%;
color: var(--accordion-text);
overflow: hidden
}
.rte-accordion input.trigger {
position: absolute;
opacity: 0;
z-index: -1
}
.rte-accordion label.accordion-label {
position: relative;
display: block;
background: var(--accordion-header-bg);
color: var(--accordion-text);
line-height: 1;
cursor: pointer;
padding: 5px 0 5px 5px
}
.rte-accordion label.accordion-label a, .rte-accordion label.accordion-label span {
color: var(--accordion-text)
}
.rte-accordion .item-heading {
max-width: 90%;
padding: 5px 10px 5px 0;
display: block;
padding-left: 10px
}
.rte-accordion .item-content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s
}
.rte-accordion .item-content p {
padding: .625rem
}
.rte-accordion input:checked~.item-content {
max-height: 100%
}
.rte-accordion label.accordion-label::after {
position: absolute;
right: 0;
top: -1px;
display: block;
width: .625rem;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
padding: 10px 15px
}
.rte-accordion input[type=checkbox]+label::after {
content: "+"
}
.rte-accordion input[type=radio]+label::after {
content: "\25BC"
}
.rte-accordion input[type=checkbox]:checked+label::after {
transform: rotate(315deg)
}
.rte-accordion input[type=radio]:checked+label::after {
transform: rotateX(180deg)
}
.c-accordion .dropdown-arrow {
cursor: pointer
}
.c-accordion__panel {
display: block;
max-height: 0;
overflow: hidden;
transition: max-height .35s cubic-bezier(0, 1, 0, 1)
}
.accordion-expanded+li, .c-accordion__panel.is-active {
max-height: 99em;
transition: max-height .35s ease-in-out
}
.c-accordion--custom-page .c-accordion__inner {
padding-bottom: .625rem
}
.c-accordion.c-accordion--custom-page {
color: var(--text-color)
}
.c-accordion.c-accordion--custom-page .c-accordion__header, .c-accordion.c-accordion--product .c-accordion__header {
display: flex;
width: 100%;
font-weight: 600;
overflow: hidden;
line-height: 1;
cursor: pointer;
padding: .625rem;
background: var(--background);
color: var(--text-color);
border-bottom: 1px solid var(--dotted-color);
height: unset !important
}
.c-accordion.c-accordion--custom-page .c-accordion__header .dropdown-arrow, .c-accordion.c-accordion--product .c-accordion__header .dropdown-arrow {
margin-left: auto;
transform: rotate(0);
transition: transform .35s ease
}
.c-accordion.c-accordion--custom-page .c-accordion__header[aria-expanded=true] .dropdown-arrow, .c-accordion.c-accordion--product .c-accordion__header[aria-expanded=true] .dropdown-arrow {
transform: rotate(180deg);
transition: transform .35s ease
}
.c-accordion.c-accordion--custom-page .c-accordion__panel, .c-accordion.c-accordion--product .c-accordion__panel {
padding: 0 .625rem
}
.c-accordion {
list-style: none;
margin: 0
}
.c-accordion li:not(.c-accordion__panel) {
padding: 1rem 1.375rem 1rem 2rem;
border-bottom: 1px solid
}
.c-accordion .c-accordion__third-level li:not(.c-accordion__panel) {
padding: 1rem 3.5rem
}
.c-accordion .c-accordion__header {
display: flex
}
.c-accordion .dropdown-arrow {
border: none !important;
background: 0 0 !important;
display: unset !important;
margin-bottom: unset !important;
line-height: unset !important;
height: unset !important;
width: unset !important;
max-width: unset !important;
transition: unset !important;
padding-left: .625rem;
padding-right: .625rem;
border-left: 1px solid
}
.c-accordion .dropdown-arrow>svg {
transform: rotate(0);
transition: transform .35s ease;
pointer-events: none
}
.c-accordion .dropdown-arrow[aria-expanded=true]>svg {
transform: rotate(180deg);
transition: transform .35s ease
}
.c-accordion .c-accordion__header .dropdown-arrow {
margin-left: auto
}
.c-accordion ul {
margin: 0;
list-style: none
}
.c-accordion__second-level .c-accordion__link, .c-accordion__top-level .c-accordion__link {
line-height: 2;
letter-spacing: 1px;
text-transform: uppercase
}
.c-accordion__third-level .c-accordion__link, .collection__sm-filter--final-level .c-accordion__link, .collection__sm-filter--final-level .c-accordion__tag-link a {
line-height: 2;
text-transform: capitalize !important
}
.c-accordion--outer__wrapper {
border-top: .8px solid var(--accordion-text) !important
}
.c-accordion__top-level {
border-bottom: .8px solid var(--accordion-text) !important
}
.c-accordion li:not(.c-accordion__panel) {
border-color: var(--accordion-text) !important
}
.c-accordion__link {
color: var(--accordion-text) !important
}
.dropdown-arrow .icon-fill {
stroke: var(--accordion-text) !important
}
.c-accordion__second-level-wrapper {
background-color: var(--accordion-content-bg) !important
}
:root {
--z1: 1;
--z2: 2;
--z3: 3;
--z4: 4;
--border-width: 1px;
--border-radius: 3px
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.l-float {
float: left
}
.r-float {
float: right
}
.clearfix {
overflow: auto
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.overflow-hidden {
overflow: hidden
}
.overflow-scroll {
overflow: scroll
}
.overflow-auto {
overflow: auto
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.z1 {
z-index: var(--z1)
}
.z2 {
z-index: var(--z2)
}
.z3 {
z-index: var(--z3)
}
.z4 {
z-index: var(--z4)
}
.r0 {
right: 0
}
.l0 {
left: 0
}
.t0 {
top: 0
}
.b0 {
bottom: 0
}
.r5 {
right: 5%
}
.l5 {
left: 5%
}
.t5 {
top: 5%
}
.b5 {
bottom: 5%
}
.r10 {
right: 10%
}
.l10 {
left: 10%
}
.t10 {
top: 10%
}
.b10 {
bottom: 10%
}
.r20 {
right: 20%
}
.l20 {
left: 20%
}
.t20 {
top: 20%
}
.b20 {
bottom: 20%
}
.r30 {
right: 30%
}
.l30 {
left: 30%
}
.t30 {
top: 30%
}
.b30 {
bottom: 30%
}
.r40 {
right: 40%
}
.l40 {
left: 40%
}
.t40 {
top: 40%
}
.b40 {
bottom: 40%
}
.r50 {
right: 50%
}
.l50 {
left: 50%
}
.t50 {
top: 50%
}
.b50 {
bottom: 50%
}
.w100 {
width: 100%
}
.w90 {
width: 90%
}
.w80 {
width: 80%
}
.w75 {
width: 75%
}
.w70 {
width: 70%
}
.w60 {
width: 60%
}
.w50 {
width: 50%
}
.w40 {
width: 40%
}
.w33 {
width: 33%
}
.w30 {
width: 30%
}
.w25 {
width: 25%
}
.w20 {
width: 20%
}
.w10 {
width: 10%
}
.wauto {
width: auto
}
@media (max-width:767px) {
.sm-w100 {
width: 100%
}
.sm-w90 {
width: 90%
}
.sm-w80 {
width: 80%
}
.sm-w75 {
width: 75%
}
.sm-w70 {
width: 70%
}
.sm-w60 {
width: 60%
}
.sm-w50 {
width: 50%
}
.sm-w40 {
width: 40%
}
.sm-w33 {
width: 33%
}
.sm-w30 {
width: 30%
}
.sm-w25 {
width: 25%
}
.sm-w20 {
width: 20%
}
.sm-w10 {
width: 10%
}
}
.inline {
display: inline
}
.block {
display: block
}
.button, .inline-block {
display: inline-block
}
.button.w100, .inline-block.w100 {
width: calc(100% - 2px)
}
.button.w90, .inline-block.w90 {
width: calc(90% - 2px)
}
.button.w80, .inline-block.w80 {
width: calc(80% - 2px)
}
.button.w75, .inline-block.w75 {
width: calc(75% - 2px)
}
.button.w70, .inline-block.w70 {
width: calc(70% - 2px)
}
.button.w60, .inline-block.w60 {
width: calc(60% - 2px)
}
.button.w50, .inline-block.w50 {
width: calc(50% - 2px)
}
.button.w40, .inline-block.w40 {
width: calc(40% - 2px)
}
.button.w33, .inline-block.w33 {
width: calc(33% - 2px)
}
.button.w30, .inline-block.w30 {
width: calc(30% - 2px)
}
.button.w25, .inline-block.w25 {
width: calc(25% - 2px)
}
.button.w20, .inline-block.w20 {
width: calc(20% - 2px)
}
.button.w10, .inline-block.w10 {
width: calc(10% - 2px)
}
.full-height {
min-height: 100vh
}
.absolute-center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.center-content {
text-align: center;
margin-left: auto;
margin-right: auto
}
.hor-center {
left: 50%;
transform: translate(-50%, 0)
}
ul.inline-block li {
display: inline-block;
vertical-align: middle
}
.radio-hide {
position: absolute;
appearance: none;
cursor: pointer;
left: -100%;
top: -100%
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.hide {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.display-none {
display: none !important
}
@media (max-width:767px) {
.sm-hide {
display: none !important
}
}
@media (min-width:768px) and (max-width:1179px) {
.md-hide {
display: none !important
}
}
@media (max-width:1179px) {
.devices-hide {
display: none !important
}
}
@media (min-width:768px) {
.md-lg-hide {
display: none !important
}
}
@media (min-width:1180px) {
.lg-hide {
display: none !important
}
}
.visually-hidden {
visibility: hidden !important;
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.visually-visible {
visibility: visible !important
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.shown {
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .8s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.loading-wrapper {
width: 100%;
height: 100vh;
position: absolute;
background: var(--background);
z-index: 200;
margin: 0 auto;
text-align: center;
opacity: .9
}
.cart-loaded .loading-wrapper {
display: none;
opacity: 0
}
.loading-ripple {
display: inline-block;
width: 80px;
height: 80px;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
left: 50%
}
.loading-ripple div {
position: absolute;
border: 4px solid var(--accent-color);
opacity: 1;
border-radius: 50%;
animation: loadingRipple 1s cubic-bezier(0, .2, .8, 1) infinite
}
.loading-ripple div:nth-child(2) {
animation-delay: -.5s
}
@keyframes loadingRipple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1
}
100% {
top: 0;
left: 0;
width: 72px;
height: 72px;
opacity: 0
}
}
.border {
border-style: solid;
border-width: var(--border-width);
border-color: var(--dotted-color)
}
.border-none {
border: 0
}
.border-top {
border-top-style: solid;
border-top-width: var(--border-width)
}
.border-right {
border-right-style: solid;
border-right-width: var(--border-width)
}
.border-bottom {
border-bottom-style: solid;
border-bottom-width: var(--border-width)
}
.border-left {
border-left-style: solid;
border-left-width: var(--border-width)
}
.rounded {
border-radius: var(--border-radius)
}
.circle {
border-radius: 50%
}
.not-rounded {
border-radius: 0
}
.rounded-top {
border-radius: var(--border-radius) var(--border-radius) 0 0
}
.rounded-right {
border-radius: 0 var(--border-radius) var(--border-radius) 0
}
.rounded-bottom {
border-radius: 0 0 var(--border-radius) var(--border-radius)
}
.rounded-left {
border-radius: var(--border-radius) 0 0 var(--border-radius)
}
.font-family-inherit {
font-family: inherit
}
.font-size-inherit {
font-size: inherit
}
.text-decoration-none {
text-decoration: none
}
.strike {
text-decoration: line-through
}
.bold {
font-weight: 700
}
.regular {
font-weight: 400
}
.italic {
font-style: italic
}
.caps {
text-transform: uppercase;
letter-spacing: .2em
}
.nowrap {
white-space: nowrap
}
.break-word {
word-wrap: break-word
}
.shrink-wrap {
font-size: 0
}
.lh0 {
line-height: 0
}
.lh1 {
line-height: 1
}
.lh2 {
line-height: 1.125
}
.lh3 {
line-height: 1.25
}
.lh4 {
line-height: 1.5
}
.list-style-none {
list-style: none
}
.underline {
text-decoration: underline
}
.truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.list-reset {
list-style: none;
padding-left: 0
}
.divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0
}
.note {
padding: var(--space-3);
border: 1px solid #ccc
}
.note-success {
border-color: var(--success-msg-dark);
background-color: var(--success-msg-light)
}
.note-error {
border-color: var(--error-msg-dark);
background-color: var(--error-msg-light);
color: var(--error-msg-dark)
}
hr.hr-sm {
border: 1px solid var(--dotted-color)
}
hr.hr-md {
border: 2px solid var(--dotted-color)
}
hr.hr-lg {
border: 3px solid var(--dotted-color)
}
ul.nested li>ul li {
margin-left: 20px
}
ul.nested.bullet li ul {
list-style: circle
}
ul.nested.bullet li ul li ul {
list-style: square
}
ul.bullet {
list-style: disc;
padding-left: 1rem
}
.accent-color {
color: var(--accent-color)
}
.accent-bg-color {
color: var(--accent-color)
}
.disabled {
opacity: .4
}
.pointer {
cursor: pointer
}
.onsale {
color: var(--sale-color)
}
.or-divider {
position: relative;
text-transform: uppercase
}
.or-divider span:before {
content: '';
background: var(--dotted-color);
height: 1px;
width: 40%;
position: absolute;
left: 0;
top: 50%
}
.or-divider span:after {
content: '';
background: var(--dotted-color);
height: 1px;
width: 40%;
position: absolute;
right: 0;
top: 50%
}
.swal2-modal .swal2-title {
font-size: 28px
}
.swal2-popup {
border-radius: unset !important;
padding: 3em !important
}
.swal2-styled:focus {
box-shadow: none !important
}
.swal2-container {
z-index: 99999 !important
}
.swal2-modal .swal2-styled.swal2-confirm {
background: var(--button-bg);
border: none;
-webkit-transition: background .3s ease, color .3s ease;
-moz-transition: background .3s ease, color .3s ease;
-o-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease;
-webkit-appearance: none;
color: var(--button-text);
display: inline-block;
font-family: var(--main-family);
font-weight: 400;
font-size: var(--font-size) px;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: inherit !important;
padding: 0 50px;
text-transform: uppercase;
border-radius: unset
}
.featured-product .swatch input+label, .template-product .swatch input+label {
font-size: .875rem;
padding: .375rem 1rem;
text-transform: capitalize;
border-width: 1px;
border-style: solid;
overflow: hidden
}
.featured-product .swatch input:checked+label, .template-product .swatch input:checked+label {
border-width: 1px;
border-style: solid
}
.featured-product .swatch-element.soldout label:after, .template-product .swatch-element.soldout label:after {
content: "";
width: 200px;
height: 60px;
-webkit-transform: translateY(-48px) translateX(-70px) rotate(30deg);
position: absolute;
top: 0;
left: 0
}
.featured-product .shopify-product-form h5, .template-product .shopify-product-form h5 {
font-size: .875rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1rem
}
.featured-product .shopify-product-form h5.inline-block, .template-product .shopify-product-form h5.inline-block {
margin-bottom: 0
}
.featured-product .shopify-product-form h5 span, .template-product .shopify-product-form h5 span {
text-transform: capitalize
}
.featured-product .swatch-element.color input+label, .template-product .swatch-element.color input+label {
border-radius: 50%;
width: 2rem;
height: 2rem;
border-color: transparent;
border-width: 1px;
border-style: solid
}
.featured-product .swatch-element.color input:checked+label, .template-product .swatch-element.color input:checked+label {
border-radius: 50%
}
.featured-product .swatch-element.color.soldout label:after, .template-product .swatch-element.color.soldout label:after {
content: "";
top: 6px
}
.featured-product .original-select, .featured-product .swatch .swatch-element input, .template-product .original-select, .template-product .swatch .swatch-element input {
display: none
}
.featured-product .swatch .swatch-element, .template-product .swatch .swatch-element {
display: inline-block
}
.featured-product .swatch .swatch-element label, .template-product .swatch .swatch-element label {
display: inline-block;
font-size: .875rem;
padding: .375rem 1rem;
cursor: pointer;
position: relative;
height: auto;
text-align: center;
border: 1px solid #000;
margin: 0 3px 0 1px
}
.featured-product .swatch input:checked+label, .template-product .swatch input:checked+label {
border: 1px solid grey;
background: #fff;
color: grey
}
.featured-product .product-listing, .template-product .product-listing {
position: relative
}
.featured-product input.cart-qty, .featured-product input.product-qty, .featured-product input.quantity, .template-product input.cart-qty, .template-product input.product-qty, .template-product input.quantity {
width: 1.5rem;
height: auto;
padding: 0;
text-align: center;
display: inline-block;
vertical-align: middle;
font-size: 1.125rem;
border: none
}
.featured-product a.quantity-control-down, .featured-product a.quantity-control-up, .template-product a.quantity-control-down, .template-product a.quantity-control-up {
width: 1.5rem;
display: inline-block;
vertical-align: middle;
line-height: 24px;
cursor: pointer
}
.featured-product a.quantity-control-up, .template-product a.quantity-control-up {
text-align: left
}
.featured-product a.quantity-control-down, .template-product a.quantity-control-down {
text-align: right
}
.featured-product .thumbnail-icon, .product-template .thumbnail-icon {
top: 2px;
right: 2px;
z-index: 2;
width: 25%;
line-height: 0;
position: absolute
}
.featured-product .thumbnail-icon svg, .product-template .thumbnail-icon svg {
height: 100%;
width: 100%;
background: var(--background) !important;
color: var(--text-color) !important;
border: 1px solid var(--text-color-light);
fill-opacity: .6
}
.featured-product .thumbnail-icon svg:hover, .product-template .thumbnail-icon svg:hover {
fill-opacity: .85
}
.featured-product .product-main-image svg, .product-template .product-main-image svg {
height: 100%;
width: 100%;
background: var(--background) !important;
color: var(--text-color) !important;
border: 1px solid var(--text-color-light);
fill-opacity: 1
}
.featured-product .product-media-container, .product-template .product-media-container {
position: relative;
overflow: hidden
}
.featured-product .plyr--video, .featured-product .product-media-container, .featured-product .product-video, .product-template .plyr--video, .product-template .product-media-container, .product-template .product-video {
outline: 0
}
.featured-product .plyr video, .featured-product .plyr__poster, .featured-product .plyr__video-wrapper, .product-template .plyr video, .product-template .plyr__poster, .product-template .plyr__video-wrapper {
background-color: var(--background)
}
.featured-product .product-video>video, .product-template .product-video>video {
width: 100%
}
.featured-product .product-model, .product-template .product-model {
margin: 0 auto;
min-height: 1px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.featured-product .product-model .media-item, .featured-product .product-model .shopify-model-viewer-ui, .featured-product .product-model model-viewer, .product-template .product-model .media-item, .product-template .product-model .shopify-model-viewer-ui, .product-template .product-model model-viewer {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
overflow: hidden
}
.featured-product .product-model .media-item, .featured-product .product-model .shopify-model-viewer-ui, .featured-product .product-model model-viewer, .product-template .product-model .media-item, .product-template .product-model .shopify-model-viewer-ui, .product-template .product-model model-viewer {
height: 100%
}
.featured-product button.media-button.view-in-space, .product-template button.media-button.view-in-space {
background: 0 0;
width: initial !important;
text-align: center;
width: 60px;
max-width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
margin: 0 auto;
display: inherit;
z-index: 2;
position: relative;
height: 54px;
line-height: 54px
}
.featured-product button.media-button.view-in-space[data-shopify-xr-hidden], .product-template button.media-button.view-in-space[data-shopify-xr-hidden] {
visibility: hidden
}
@media (min-width:1180px) {
.featured-product button.media-button.view-in-space[data-shopify-xr-hidden], .product-template button.media-button.view-in-space[data-shopify-xr-hidden] {
display: none
}
}
.featured-product .product-video button, .product-template .product-video button {
width: initial;
width: 62px;
height: 62px;
padding: 0;
margin-bottom: 0
}
.featured-product .plyr--audio .plyr__control.plyr__tab-focus svg, .featured-product .plyr--audio .plyr__control:hover svg, .featured-product .plyr--audio .plyr__control[aria-expanded=true] svg, .featured-product .plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .featured-product .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .featured-product .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg, .product-template .plyr--audio .plyr__control.plyr__tab-focus svg, .product-template .plyr--audio .plyr__control:hover svg, .product-template .plyr--audio .plyr__control[aria-expanded=true] svg, .product-template .plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .product-template .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .product-template .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg {
stroke: none !important
}
.featured-product .product-video .plyr button svg, .product-template .product-video .plyr button svg {
border: 0 !important;
margin: 0 auto !important
}
.featured-product button[hidden], .product-template button[hidden] {
visibility: hidden
}
.featured-product .product-single__view-in-space, .product-template .product-single__view-in-space {
background-color: var(--button-secondary-bg);
border: none;
width: 100%;
min-height: unset;
display: block;
font-size: 14px;
color: var(--button-secondary-text);
z-index: 2;
position: relative;
height: 54px;
line-height: 57px
}
.featured-product .product-single__view-in-space[data-shopify-xr-hidden], .product-template .product-single__view-in-space[data-shopify-xr-hidden] {
visibility: hidden
}
@media (min-width:1180px) {
.featured-product .product-single__view-in-space[data-shopify-xr-hidden], .product-template .product-single__view-in-space[data-shopify-xr-hidden] {
display: none
}
}
.featured-product .product-single__view-in-space:focus .product-single__view-in-space-text, .featured-product .product-single__view-in-space:hover .product-single__view-in-space-text, .product-template .product-single__view-in-space:focus .product-single__view-in-space-text, .product-template .product-single__view-in-space:hover .product-single__view-in-space-text {
border-bottom-color: transparent
}
.featured-product .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline, .product-template .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline {
stroke: none
}
.featured-product .product-single__view-in-space svg.icon .icon-3d-badge-full-color-element, .product-template .product-single__view-in-space svg.icon .icon-3d-badge-full-color-element {
fill: var(--button-secondary-text);
opacity: 1
}
.featured-product .product-single__view-in-space-text, .product-template .product-single__view-in-space-text {
border-bottom: 1px solid transparent;
display: inline-block;
width: auto;
vertical-align: middle
}
.featured-product .product-single__view-in-space svg, .product-template .product-single__view-in-space svg {
margin-right: 2.43px;
fill: transparent;
display: inline-block;
width: 24px !important;
height: 24px !important;
vertical-align: middle
}
.featured-product .product-single__view-in-space svg rect, .product-template .product-single__view-in-space svg rect {
fill: var(--button-secondary-text) !important
}
.featured-product .product-model .media-item, .featured-product .product-model .shopify-model-viewer-ui, .featured-product .product-model model-viewer, .product-template .product-model .media-item, .product-template .product-model .shopify-model-viewer-ui, .product-template .product-model model-viewer {
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
max-width: 100%
}
.featured-product #default-poster, .product-template #default-poster {
left: 0 !important
}
.featured-product .product-photos .plyr__control--overlaid svg, .product-template .product-photos .plyr__control--overlaid svg {
margin-left: 10px
}
.featured-product .product-photos .zoom_btn, .product-template .product-photos .zoom_btn {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
background-color: var(--directional-bg);
border-radius: 50%;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center
}
.featured-product .product-photos .zoom_btn svg, .product-template .product-photos .zoom_btn svg {
pointer-events: none
}
.featured-product .product-photos .zoom_btn:hover, .product-template .product-photos .zoom_btn:hover {
background-color: var(--directional-hover-bg);
opacity: 1
}
.featured-product .product-photos .zoom_btn i, .product-template .product-photos .zoom_btn i {
font-size: 17px;
color: var(--directional-text)
}
.featured-product .product-photos .zoom_btn:hover i, .product-template .product-photos .zoom_btn:hover i {
color: var(--directional-text-hover)
}
.featured-product .plyr__video-wrapper.plyr__tab-focus:focus, .featured-product .product-video .plyr:focus, .featured-product body .focus-visible, .product-template .plyr__video-wrapper.plyr__tab-focus:focus, .product-template .product-video .plyr:focus, .product-template body .focus-visible {
outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important;
outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important
}
.featured-product .thumb-slider, .product-template .thumb-slider {
float: left
}
.featured-product .vertical-carousel .thumb-slider-wrapper, .product-template .vertical-carousel .thumb-slider-wrapper {
overflow: hidden
}
.featured-product #thumb-slider-wrapper .product-single__thumbnails-item, .product-template #thumb-slider-wrapper .product-single__thumbnails-item {
padding-bottom: 100%;
display: block;
height: 0;
width: 100%;
max-width: 104px;
overflow: hidden;
position: relative
}
.featured-product #thumb-slider-wrapper .product-single__thumbnails-item img, .product-template #thumb-slider-wrapper .product-single__thumbnails-item img {
object-fit: cover;
object-position: center;
width: 110px;
height: 110px
}
.featured-product .thumb-slider-slides, .product-template .thumb-slider-slides {
position: relative;
top: 0;
left: 0;
list-style: none
}
.featured-product .thumb-slider-slides li, .product-template .thumb-slider-slides li {
margin-bottom: 5px
}
.featured-product .thumb-slider.thumbnail-slider.custom.vertical-carousel, .product-template .thumb-slider.thumbnail-slider.custom.vertical-carousel {
margin: 0 auto;
text-align: center
}
.featured-product .thumb-slider.thumbnail-slider.custom.horizontal-carousel, .product-template .thumb-slider.thumbnail-slider.custom.horizontal-carousel {
margin: 0 auto;
text-align: center
}
.featured-product .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button, .product-template .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button {
position: absolute !important;
top: 50%;
transform: translateY(-50%)
}
.featured-product .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button.previous, .product-template .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button.previous {
left: var(--space-1)
}
.featured-product .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button.next, .product-template .thumbnail-slider[data-thumbnail-position=bottom] .flickity-prev-next-button.next {
right: var(--space-1);
left: unset
}
.featured-product .horizontal-carousel .thumb-slider-slides, .product-template .horizontal-carousel .thumb-slider-slides {
display: inline-block;
width: 100%;
margin-bottom: var(--space-2)
}
.featured-product .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item, .product-template .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item {
float: left;
width: 110px;
height: 110px;
margin-right: 5px;
padding: 0
}
.featured-product .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item img, .product-template .horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item img {
width: 115px;
height: 115px
}
.featured-product .product-single__thumbnails-item:focus img, .product-template .product-single__thumbnails-item:focus img {
opacity: 1 !important
}
header .cart-link .cart-count.icon-style {
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 16px;
font-size: 12px;
top: 0;
left: 14px;
text-align: center;
font-weight: var(--nav-weight)
}
header ul.cart.cart-link-topbar-false a, header ul.nav a {
font-size: var(--nav-size);
font-weight: var(--nav-weight);
display: inline-block;
vertical-align: unset
}
@media (max-width:767px) {
header .cart-link svg {
margin-right: 0 !important
}
}
#breadcrumb.over-banner {
position: absolute;
top: 50%;
left: 1.25%;
-webkit-transform: translate(-1.25%, -50%);
-ms-transform: translate(-1.25%, -50%);
-moz-transform: translate(-1.25%, -50%);
-o-transform: translate(-1.25%, -50%)
}
#banner-heading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
footer.footer-section a, footer.footer-section a:visited, footer.footer-section p {
font-size: 1rem
}
footer.footer-section small, footer.footer-section small a, footer.footer-section small a:visited {
font-size: 1rem;
display: inline
}
footer.footer-section svg.payment-icon {
margin-bottom: var(--space-1)
}
footer.footer-section .disclosure {
position: relative
}
footer.footer-section .disclosure__toggle {
white-space: nowrap;
margin: 0
}
footer.footer-section .disclosure-list {
bottom: 65%;
position: absolute;
display: none;
min-height: 92px;
max-height: 300px;
overflow-y: auto;
border-radius: 2px
}
footer.footer-section .disclosure-list--visible {
display: block
}
footer.footer-section .disclosure-list__item {
border-bottom: 1px solid transparent;
white-space: nowrap;
text-align: left
}
footer.footer-section .disclosure-list__item:active {
background-color: rgba(128, 128, 128, .2)
}
footer.footer-section .selectors-form {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
justify-content: flex-end;
flex-wrap: wrap;
margin-bottom: var(--space-2)
}
footer.footer-section .selectors-form__item {
margin: 0 5px
}
.template-cart input.cart-qty, .template-cart input.product-qty, .template-cart input.quantity {
width: 1.5rem;
height: auto;
padding: 0;
text-align: center;
display: inline-block;
vertical-align: middle;
font-size: 1.125rem;
border: none;
color: var(--text-color)
}
.template-cart a.quantity-control-down, .template-cart a.quantity-control-up {
width: 1.5rem;
display: inline-block;
vertical-align: middle;
line-height: 24px;
cursor: pointer;
color: var(--text-color)
}
.template-cart a.quantity-control-up {
text-align: left
}
.template-cart a.quantity-control-down {
text-align: right
}
.pagination .page-number {
position: relative;
display: inline-block;
vertical-align: middle;
font-weight: 900
}
@media (min-width:768px) {
.pagination .page-number {
font-size: var(--font-size);
width: 50px;
height: 50px;
line-height: 50px
}
}
@media (max-width:767px) {
.pagination .page-number {
font-size: var(--font-size);
width: 25px;
height: 25px;
line-height: 25px
}
}
.pagination .page-number.current, .pagination .page-number:hover {
color: var(--text-color)
}
.pagination .page-number.current:after, .pagination .page-number:hover:after {
content: '';
background: var(--accent-color);
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0
}
.template-addresses .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number, .template-search .pagination .page-number {
position: relative;
display: inline-block;
vertical-align: middle;
font-weight: 900
}
@media (max-width:767px) {
.template-addresses .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number, .template-search .pagination .page-number {
width: 25px;
height: 25px;
line-height: 25px
}
}
@media (min-width:768px) {
.template-addresses .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number, .template-search .pagination .page-number {
width: 50px;
height: 50px;
line-height: 50px
}
}
.template-addresses .paginate-buttons, .template-collection .paginate-buttons, .template-list-collections .paginate-buttons, .template-search .paginate-buttons {
height: 50px;
display: inline-block;
line-height: 50px
}
.product-listing .secondary-image {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.product-listing .reveal.hover-true:hover>.secondary-image {
display: block
}
@media (max-width:767px) {
.template-order .product .image {
display: none
}
}
@media (max-width:767px) {
.template-addresses #address-loop {
text-align: center
}
}
.page-wrap {
min-height: 500px
}
@media (max-width:767px) {
.password-page div>a, .password-page div>p {
font-size: var(--font-size)
}
.password-page .left {
min-height: 450px
}
.password-page .password-page-footer {
position: relative;
margin-top: var(--space-10)
}
}
.gift-card-page .gift-cart-image {
width: auto;
height: 310px;
border-radius: 10px
}
.gift-card-page .gift-cart-image p.amount {
font-size: 40px;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: var(--main-spacing);
color: #fff;
position: absolute;
top: 25px;
right: 25px
}
@media (max-width:767px) {
.gift-card-page .gift-cart-image {
width: 305px;
height: 180px
}
.gift-card-page .gift-cart-image p.amount {
font-size: 20px
}
.gift-card-page .gift-cart-image svg {
width: 50px
}
}
.gift-card-page .gift-card-code {
font-size: 40px;
font-weight: 500;
font-stretch: normal
}
@media (max-width:767px) {
.gift-card-page .gift-card-code {
font-size: 30px
}
}
.gift-card-page #qr-code img {
display: inline-block !important
}
.icn-close {
width: 20px;
height: 20px;
position: relative
}
.icn-close:after {
content: '';
height: 20px;
border-left: 1px solid #fff;
position: absolute;
transform: rotate(45deg);
left: 8px
}
.icn-close:before {
content: '';
height: 20px;
border-left: 1px solid #fff;
position: absolute;
transform: rotate(-45deg);
left: 8px
}
.slideout {
list-style: none;
background: var(--background);
width: 375px;
height: auto;
position: fixed;
top: 0;
bottom: 0;
left: unset;
right: unset;
z-index: 11;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s
}
@media (max-width:740px) {
.slideout.slideout__drawer-left {
width: 375px
}
}
.site-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
visibility: hidden;
opacity: 0;
background: #1e1e1e;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}
.slideout__drawer-right {
transform: translateX(375px);
right: 0
}
.slideout__drawer-left {
transform: translateX(-375px);
left: 0
}
.slideout-left--open .slideout--active.slideout__drawer-left {
transform: translateX(0)
}
.slideout-right--open .slideout--active.slideout__drawer-right {
transform: translateX(0)
}
.slideout-left--open, .slideout-right--open {
overflow: hidden
}
.modal--open .js-modal-overlay, .slideout-left--open .js-slideout-overlay, .slideout-right--open .js-slideout-overlay {
opacity: .8;
visibility: visible
}
.slideout-left--open [data-aos^=fade][data-aos^=fade], .slideout-right--open [data-aos^=fade][data-aos^=fade] {
opacity: 1 !important
}
.slideout__trigger--open {
z-index: 2;
margin-bottom: 0;
cursor: pointer
}
.slideout__trigger--open .slideout__trigger-mobile-menu i, .slideout__trigger--open .slideout__trigger-password i {
font-size: 20px;
text-align: left
}
.slideout__trigger--close .slideout__trigger-ajax-cart, .slideout__trigger--close .slideout__trigger-password, .slideout__trigger--close .slideout__trigger-quickview {
color: #000;
padding: 0 !important;
margin-bottom: 0 !important;
background: 0 0 !important;
line-height: 50px;
height: 50px
}
.slideout__trigger--close .slideout__trigger-general-modal {
border: none !important;
color: #000;
margin-bottom: 0 !important;
background: 0 0 !important;
height: 40px !important;
line-height: 40px !important;
padding: 10px 10px !important
}
.slideout__trigger--close .slideout__trigger-mobile-menu, .slideout__trigger--close .slideout__trigger-store-availability {
color: #000;
padding: 0 !important;
margin-bottom: 0 !important;
background: 0 0 !important;
line-height: 30px;
height: 30px
}
.slideout__trigger--open .slideout__trigger-mobile-menu, .slideout__trigger--open .slideout__trigger-password, .slideout__trigger--open .slideout__trigger-store-availability {
background: unset;
margin-bottom: 0
}
.slideout__trigger-ajax-cart:hover, .slideout__trigger-general-modal:hover, .slideout__trigger-mobile-menu:hover, .slideout__trigger-password:hover, .slideout__trigger-quickview:hover, .slideout__trigger-store-availability:hover {
background: unset
}
.slideout__trigger--open .slideout__trigger-password, .slideout__trigger--open .slideout__trigger-store-availability {
color: var(--text-color);
height: auto;
text-align: left;
text-decoration: underline;
letter-spacing: unset;
margin: 0;
padding: 0
}
.slideout__trigger-ajax-cart, .slideout__trigger-general-modal, .slideout__trigger-password, .slideout__trigger-quickview {
display: inline-block;
width: auto;
height: 30px !important;
line-height: 30px !important
}
.slideout__trigger--open .slideout__trigger-password:hover, .slideout__trigger--open .slideout__trigger-store-availability:hover {
opacity: .8
}
.slideout__trigger-ajax-cart .icn-close:after, .slideout__trigger-ajax-cart .icn-close:before, .slideout__trigger-general-modal .icn-close:after, .slideout__trigger-general-modal .icn-close:before, .slideout__trigger-password .icn-close:after, .slideout__trigger-password .icn-close:before, .slideout__trigger-quickview .icn-close:after, .slideout__trigger-quickview .icn-close:before, .slideout__trigger-store-availability .icn-close:after, .slideout__trigger-store-availability .icn-close:before {
border-color: var(--text-color)
}
.modal__general-modal__wrapper {
padding: 60px !important
}
.modal__general-modal__wrapper .slideout__trigger--close {
position: absolute;
right: 0;
top: 0
}
.slideout-left--closed .slideout__drawer-left, .slideout-right--closed .slideout__drawer-right {
visibility: hidden;
opacity: 0;
-webkit-animation: slideoutFadeout .4s linear
}
.slideout-left--open .slideout__drawer-left, .slideout-right--open .slideout__drawer-right {
visibility: visible;
opacity: 1;
-webkit-animation: slideoutFadein .4s linear
}
@-webkit-keyframes slideoutFadeout {
0% {
opacity: 1;
visibility: visible
}
99% {
opacity: 0
}
100% {
opacity: 0;
visibility: hidden
}
}
@-webkit-keyframes slideoutFadein {
0% {
opacity: 0;
visibility: visible
}
100% {
opacity: 1
}
}
.slideout__trigger-ajax-cart, .slideout__trigger-ajax-cart:after {
border: none !important
}
li.cart-link .navigation__top-level--hover {
padding-bottom: 13px;
border-bottom: 2px solid transparent !important
}
li.cart-link:hover .navigation__top-level--hover {
border-color: var(--header-links-hover) !important
}
@media (min-width:1180px) {
.slideout__trigger-ajax-cart.js-mini-cart-trigger, .slideout__trigger-ajax-cart.js-modal-open, .slideout__trigger-ajax-cart.js-slideout-open {
padding: var(--space-2) var(--space-1);
height: unset !important;
line-height: unset !important
}
}
@media (max-width:1179px) {
.slideout__trigger-ajax-cart {
border: none !important;
padding: 0 !important;
line-height: 28px !important
}
.slideout__trigger-ajax-cart.js-mini-cart-trigger, .slideout__trigger-ajax-cart.js-modal-open, .slideout__trigger-ajax-cart.js-slideout-open {
padding: 0;
height: auto
}
}
.modal__container ::-webkit-scrollbar, .slideout ::-webkit-scrollbar {
width: 5px;
height: 5px
}
.modal__container ::-webkit-scrollbar-button, .slideout ::-webkit-scrollbar-button {
width: 0;
height: 0
}
.modal__container ::-webkit-scrollbar-thumb, .slideout ::-webkit-scrollbar-thumb {
background: #dcd9d9;
border: 0 none #fff;
border-radius: 50px
}
.modal__container ::-webkit-scrollbar-thumb:hover, .slideout ::-webkit-scrollbar-thumb:hover {
background: var(--accent-color)
}
.modal__container ::-webkit-scrollbar-thumb:active, .slideout ::-webkit-scrollbar-thumb:active {
background: #000
}
.modal__container ::-webkit-scrollbar-track, .slideout ::-webkit-scrollbar-track {
background: #fff;
border: 0 none #fff;
border-radius: 50px
}
.modal__container ::-webkit-scrollbar-track:hover, .slideout ::-webkit-scrollbar-track:hover {
background: #fff
}
.modal__container ::-webkit-scrollbar-track:active, .slideout ::-webkit-scrollbar-track:active {
background: #333
}
.modal__container ::-webkit-scrollbar-corner, .slideout ::-webkit-scrollbar-corner {
background: 0 0
}
.modal__container {
display: none;
position: absolute;
z-index: 10;
left: 50%;
top: 5vh;
transform: translateX(-50%);
animation: fadeIn;
animation-duration: 1.5s
}
.modal__inner-content-container {
max-height: 460px;
overflow-y: auto;
padding-right: 15px;
margin: 10px
}
.modal__inner-wrapper {
background-color: var(--background);
padding: 20px;
border: 1px solid #888;
max-height: 800px;
overflow: hidden;
position: relative
}
.modal__inner-wrapper .loading-wrapper {
height: 100%
}
.modal__container.modal--active {
display: block
}
@media (min-width:1180px) {
.modal__container, .modal__inner-wrapper {
width: 880px
}
}
@media (min-width:768px) and (max-width:1179px) {
.modal__container, .modal__inner-wrapper {
width: 90%
}
.modal__inner-wrapper {
margin: 5% auto;
transform: unset
}
}
@media (max-width:767px) {
.modal__container, .modal__inner-wrapper {
width: 100%
}
.modal__inner-wrapper {
max-height: 640px;
padding: 50px 10px 20px 10px !important
}
.modal__inner-wrapper {
margin: 5% auto;
transform: unset
}
}
.pswp__link {
display: block
}
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: 0
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container, .pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container, .pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none
}
.pswp__container, .pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #fff
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
.pswp__button {
width: 44px;
height: 44px;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 15px;
background-color: var(--directional-bg);
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
border: 0;
padding: 0;
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.pswp__button svg {
width: 44px;
line-height: 24px;
height: 24px;
position: absolute;
top: 10px;
pointer-events: none
}
.pswp__button:hover svg g {
stroke: var(--directional-text-hover)
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
background-color: var(--directional-hover-bg)
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__element--disabled {
display: none
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
width: 44px;
height: 44px
}
.pswp--zoom-allowed .pswp__button--zoom, .pswp__button.pswp__button--zoom {
display: none
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__ui {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 10px;
padding: 20px 0;
width: 100%;
text-align: center;
justify-content: center;
background: 0 0;
transform: translateY(0)
}
.pswp__ui.pswp__ui--hidden {
transform: translateY(200%);
transition: 0s 0s
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
opacity: .7;
border-radius: unset
}
.pswp__button--arrow--left {
position: absolute;
left: 15%;
top: 50%
}
.pswp__button--arrow--right {
position: absolute;
right: 15%;
top: 50%
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
color: var(--directional-text);
padding: 0;
line-height: 44px;
font-weight: 800;
font-size: 25px
}
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover {
background-color: var(--directional-hover-bg)
}
.pswp__button.pswp__button--close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
opacity: .7
}
.pswp__button.pswp__button--close:before {
content: '';
height: 25px;
border-left: 2px solid var(--directional-text);
position: absolute;
transform: rotate(-45deg);
left: 21px;
top: 10px
}
.pswp__button.pswp__button--close:after {
content: '';
height: 25px;
border-left: 2px solid var(--directional-text);
position: absolute;
transform: rotate(45deg);
left: 21px;
top: 10px
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: 0 0;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: 0 0;
margin: 0
}
@media screen and (max-width:1180px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
animation: fadeIn;
animation-duration: 2.5s
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__caption, .pswp__top-bar {
background-color: #fff
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: 0 0
}
.js [data-aos][data-aos][data-aos-duration="50"], .js body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
.js [data-aos][data-aos][data-aos-delay="50"], .js body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="50"].aos-animate, .js body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
.js [data-aos][data-aos][data-aos-duration="100"], .js body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
.js [data-aos][data-aos][data-aos-delay="100"], .js body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="100"].aos-animate, .js body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
.js [data-aos][data-aos][data-aos-duration="150"], .js body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
.js [data-aos][data-aos][data-aos-delay="150"], .js body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="150"].aos-animate, .js body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
.js [data-aos][data-aos][data-aos-duration="200"], .js body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
.js [data-aos][data-aos][data-aos-delay="200"], .js body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="200"].aos-animate, .js body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
.js [data-aos][data-aos][data-aos-duration="250"], .js body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
.js [data-aos][data-aos][data-aos-delay="250"], .js body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="250"].aos-animate, .js body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
.js [data-aos][data-aos][data-aos-duration="300"], .js body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
.js [data-aos][data-aos][data-aos-delay="300"], .js body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="300"].aos-animate, .js body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
.js [data-aos][data-aos][data-aos-duration="350"], .js body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
.js [data-aos][data-aos][data-aos-delay="350"], .js body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="350"].aos-animate, .js body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
.js [data-aos][data-aos][data-aos-duration="400"], .js body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
.js [data-aos][data-aos][data-aos-delay="400"], .js body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="400"].aos-animate, .js body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
.js [data-aos][data-aos][data-aos-duration="450"], .js body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
.js [data-aos][data-aos][data-aos-delay="450"], .js body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="450"].aos-animate, .js body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
.js [data-aos][data-aos][data-aos-duration="500"], .js body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
.js [data-aos][data-aos][data-aos-delay="500"], .js body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="500"].aos-animate, .js body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
.js [data-aos][data-aos][data-aos-duration="550"], .js body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
.js [data-aos][data-aos][data-aos-delay="550"], .js body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="550"].aos-animate, .js body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
.js [data-aos][data-aos][data-aos-duration="600"], .js body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
.js [data-aos][data-aos][data-aos-delay="600"], .js body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="600"].aos-animate, .js body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
.js [data-aos][data-aos][data-aos-duration="650"], .js body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
.js [data-aos][data-aos][data-aos-delay="650"], .js body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="650"].aos-animate, .js body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
.js [data-aos][data-aos][data-aos-duration="700"], .js body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
.js [data-aos][data-aos][data-aos-delay="700"], .js body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="700"].aos-animate, .js body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
.js [data-aos][data-aos][data-aos-duration="750"], .js body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
.js [data-aos][data-aos][data-aos-delay="750"], .js body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="750"].aos-animate, .js body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
.js [data-aos][data-aos][data-aos-duration="800"], .js body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
.js [data-aos][data-aos][data-aos-delay="800"], .js body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="800"].aos-animate, .js body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
.js [data-aos][data-aos][data-aos-duration="850"], .js body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
.js [data-aos][data-aos][data-aos-delay="850"], .js body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="850"].aos-animate, .js body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
.js [data-aos][data-aos][data-aos-duration="900"], .js body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
.js [data-aos][data-aos][data-aos-delay="900"], .js body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="900"].aos-animate, .js body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
.js [data-aos][data-aos][data-aos-duration="950"], .js body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
.js [data-aos][data-aos][data-aos-delay="950"], .js body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="950"].aos-animate, .js body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
.js [data-aos][data-aos][data-aos-duration="1000"], .js body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
.js [data-aos][data-aos][data-aos-delay="1000"], .js body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1000"].aos-animate, .js body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
.js [data-aos][data-aos][data-aos-duration="1050"], .js body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
.js [data-aos][data-aos][data-aos-delay="1050"], .js body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1050"].aos-animate, .js body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
.js .js body[data-aos-duration="1100"] [data-aos], .js [data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1.1s
}
.js .js body[data-aos-delay="1100"] [data-aos], .js [data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0
}
.js .js body[data-aos-delay="1100"] [data-aos].aos-animate, .js [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1.1s
}
.js [data-aos][data-aos][data-aos-duration="1150"], .js body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
.js [data-aos][data-aos][data-aos-delay="1150"], .js body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1150"].aos-animate, .js body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
.js [data-aos][data-aos][data-aos-duration="1200"], .js body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
.js [data-aos][data-aos][data-aos-delay="1200"], .js body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1200"].aos-animate, .js body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
.js [data-aos][data-aos][data-aos-duration="1250"], .js body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
.js [data-aos][data-aos][data-aos-delay="1250"], .js body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1250"].aos-animate, .js body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
.js [data-aos][data-aos][data-aos-duration="1300"], .js body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
.js [data-aos][data-aos][data-aos-delay="1300"], .js body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1300"].aos-animate, .js body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
.js [data-aos][data-aos][data-aos-duration="1350"], .js body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
.js [data-aos][data-aos][data-aos-delay="1350"], .js body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1350"].aos-animate, .js body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
.js [data-aos][data-aos][data-aos-duration="1400"], .js body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
.js [data-aos][data-aos][data-aos-delay="1400"], .js body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1400"].aos-animate, .js body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
.js [data-aos][data-aos][data-aos-duration="1450"], .js body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
.js [data-aos][data-aos][data-aos-delay="1450"], .js body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1450"].aos-animate, .js body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
.js [data-aos][data-aos][data-aos-duration="1500"], .js body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
.js [data-aos][data-aos][data-aos-delay="1500"], .js body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1500"].aos-animate, .js body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
.js [data-aos][data-aos][data-aos-duration="1550"], .js body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
.js [data-aos][data-aos][data-aos-delay="1550"], .js body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1550"].aos-animate, .js body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
.js [data-aos][data-aos][data-aos-duration="1600"], .js body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
.js [data-aos][data-aos][data-aos-delay="1600"], .js body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1600"].aos-animate, .js body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
.js [data-aos][data-aos][data-aos-duration="1650"], .js body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
.js [data-aos][data-aos][data-aos-delay="1650"], .js body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1650"].aos-animate, .js body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
.js [data-aos][data-aos][data-aos-duration="1700"], .js body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
.js [data-aos][data-aos][data-aos-delay="1700"], .js body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1700"].aos-animate, .js body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
.js [data-aos][data-aos][data-aos-duration="1750"], .js body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
.js [data-aos][data-aos][data-aos-delay="1750"], .js body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1750"].aos-animate, .js body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
.js [data-aos][data-aos][data-aos-duration="1800"], .js body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
.js [data-aos][data-aos][data-aos-delay="1800"], .js body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1800"].aos-animate, .js body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
.js [data-aos][data-aos][data-aos-duration="1850"], .js body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
.js [data-aos][data-aos][data-aos-delay="1850"], .js body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1850"].aos-animate, .js body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
.js [data-aos][data-aos][data-aos-duration="1900"], .js body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
.js [data-aos][data-aos][data-aos-delay="1900"], .js body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1900"].aos-animate, .js body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
.js [data-aos][data-aos][data-aos-duration="1950"], .js body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
.js [data-aos][data-aos][data-aos-delay="1950"], .js body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="1950"].aos-animate, .js body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
.js [data-aos][data-aos][data-aos-duration="2000"], .js body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
.js [data-aos][data-aos][data-aos-delay="2000"], .js body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2000"].aos-animate, .js body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
.js [data-aos][data-aos][data-aos-duration="2050"], .js body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
.js [data-aos][data-aos][data-aos-delay="2050"], .js body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2050"].aos-animate, .js body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
.js [data-aos][data-aos][data-aos-duration="2100"], .js body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
.js [data-aos][data-aos][data-aos-delay="2100"], .js body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2100"].aos-animate, .js body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
.js [data-aos][data-aos][data-aos-duration="2150"], .js body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
.js [data-aos][data-aos][data-aos-delay="2150"], .js body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2150"].aos-animate, .js body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
.js [data-aos][data-aos][data-aos-duration="2200"], .js body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
.js [data-aos][data-aos][data-aos-delay="2200"], .js body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2200"].aos-animate, .js body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
.js [data-aos][data-aos][data-aos-duration="2250"], .js body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
.js [data-aos][data-aos][data-aos-delay="2250"], .js body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2250"].aos-animate, .js body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
.js [data-aos][data-aos][data-aos-duration="2300"], .js body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
.js [data-aos][data-aos][data-aos-delay="2300"], .js body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2300"].aos-animate, .js body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
.js [data-aos][data-aos][data-aos-duration="2350"], .js body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
.js [data-aos][data-aos][data-aos-delay="2350"], .js body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2350"].aos-animate, .js body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
.js [data-aos][data-aos][data-aos-duration="2400"], .js body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
.js [data-aos][data-aos][data-aos-delay="2400"], .js body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2400"].aos-animate, .js body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
.js [data-aos][data-aos][data-aos-duration="2450"], .js body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
.js [data-aos][data-aos][data-aos-delay="2450"], .js body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2450"].aos-animate, .js body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
.js [data-aos][data-aos][data-aos-duration="2500"], .js body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
.js [data-aos][data-aos][data-aos-delay="2500"], .js body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2500"].aos-animate, .js body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
.js [data-aos][data-aos][data-aos-duration="2550"], .js body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
.js [data-aos][data-aos][data-aos-delay="2550"], .js body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2550"].aos-animate, .js body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
.js [data-aos][data-aos][data-aos-duration="2600"], .js body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
.js [data-aos][data-aos][data-aos-delay="2600"], .js body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2600"].aos-animate, .js body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
.js [data-aos][data-aos][data-aos-duration="2650"], .js body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
.js [data-aos][data-aos][data-aos-delay="2650"], .js body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2650"].aos-animate, .js body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
.js [data-aos][data-aos][data-aos-duration="2700"], .js body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
.js [data-aos][data-aos][data-aos-delay="2700"], .js body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2700"].aos-animate, .js body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
.js [data-aos][data-aos][data-aos-duration="2750"], .js body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
.js [data-aos][data-aos][data-aos-delay="2750"], .js body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2750"].aos-animate, .js body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
.js [data-aos][data-aos][data-aos-duration="2800"], .js body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
.js [data-aos][data-aos][data-aos-delay="2800"], .js body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2800"].aos-animate, .js body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
.js [data-aos][data-aos][data-aos-duration="2850"], .js body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
.js [data-aos][data-aos][data-aos-delay="2850"], .js body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2850"].aos-animate, .js body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
.js [data-aos][data-aos][data-aos-duration="2900"], .js body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
.js [data-aos][data-aos][data-aos-delay="2900"], .js body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2900"].aos-animate, .js body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
.js [data-aos][data-aos][data-aos-duration="2950"], .js body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
.js [data-aos][data-aos][data-aos-delay="2950"], .js body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="2950"].aos-animate, .js body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
.js [data-aos][data-aos][data-aos-duration="3000"], .js body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
.js [data-aos][data-aos][data-aos-delay="3000"], .js body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
.js [data-aos][data-aos][data-aos-delay="3000"].aos-animate, .js body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
.js [data-aos][data-aos][data-aos-easing=linear], .js body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
.js [data-aos][data-aos][data-aos-easing=ease], .js body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
.js [data-aos][data-aos][data-aos-easing=ease-in], .js body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
.js [data-aos][data-aos][data-aos-easing=ease-out], .js body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out], .js body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
.js [data-aos][data-aos][data-aos-easing=ease-in-back], .js body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
.js [data-aos][data-aos][data-aos-easing=ease-out-back], .js body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out-back], .js body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-sine], .js body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
.js [data-aos][data-aos][data-aos-easing=ease-out-sine], .js body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out-sine], .js body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-quad], .js body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.js [data-aos][data-aos][data-aos-easing=ease-out-quad], .js body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out-quad], .js body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-cubic], .js body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.js [data-aos][data-aos][data-aos-easing=ease-out-cubic], .js body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], .js body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-quart], .js body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.js [data-aos][data-aos][data-aos-easing=ease-out-quart], .js body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.js [data-aos][data-aos][data-aos-easing=ease-in-out-quart], .js body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.js [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform
}
.js [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0)
}
.js [data-aos=fade-up] {
transform: translate3d(0, 100px, 0)
}
.js [data-aos=fade-down] {
transform: translate3d(0, -100px, 0)
}
.js [data-aos=fade-right] {
transform: translate3d(-100px, 0, 0)
}
.js [data-aos=fade-left] {
transform: translate3d(100px, 0, 0)
}
.js [data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0)
}
.js [data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0)
}
.js [data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0)
}
.js [data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0)
}
.js [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform
}
.js [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1)
}
.js [data-aos=zoom-in] {
transform: scale(.6)
}
.js [data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(.6)
}
.js [data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(.6)
}
.js [data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(.6)
}
.js [data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(.6)
}
.js [data-aos=zoom-out] {
transform: scale(1.2)
}
.js [data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2)
}
.js [data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2)
}
.js [data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2)
}
.js [data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2)
}
.js [data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
.js [data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0)
}
.js [data-aos=slide-up] {
transform: translate3d(0, 100%, 0)
}
.js [data-aos=slide-down] {
transform: translate3d(0, -100%, 0)
}
.js [data-aos=slide-right] {
transform: translate3d(-100%, 0, 0)
}
.js [data-aos=slide-left] {
transform: translate3d(100%, 0, 0)
}
.js [data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
.js [data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
.js [data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
.js [data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
.js [data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
.js [data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
.js [data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
.js [data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
.js [data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}
/*!
* animate.css - https://animate.style/
* Version - 4.0.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*.8);
animation-duration: calc(var(--animate-duration)*.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.39062deg) skewY(.39062deg);
transform: skewX(.39062deg) skewY(.39062deg)
}
88.8% {
-webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
transform: skewX(-.19531deg) skewY(-.19531deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.39062deg) skewY(.39062deg);
transform: skewX(.39062deg) skewY(.39062deg)
}
88.8% {
-webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
transform: skewX(-.19531deg) skewY(-.19531deg)
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*.75);
animation-duration: calc(var(--animate-duration)*.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative
}
.flickity-enabled:focus {
outline: 0
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing
}
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, .75);
border: none;
color: #333
}
.flickity-button:hover {
background: #fff;
cursor: pointer
}
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f
}
.flickity-button:active {
opacity: .6
}
.flickity-button:disabled {
opacity: .3;
cursor: auto;
pointer-events: none
}
.flickity-button-icon {
fill: currentColor
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%)
}
.flickity-prev-next-button.previous {
left: 10px
}
.flickity-prev-next-button.next {
right: 10px
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1
}
.flickity-rtl .flickity-page-dots {
direction: rtl
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: .25;
cursor: pointer
}
.flickity-page-dots .dot.is-selected {
opacity: 1
}
.flickity-enabled.is-fade .flickity-slider>* {
pointer-events: none;
z-index: 0
}
.flickity-enabled.is-fade .flickity-slider>.is-selected {
pointer-events: auto;
z-index: 1
}
/* End of Flickity */
.main-font, body {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-style: var(--main-style);
font-display: swap;
letter-spacing: var(--main-spacing);
color: var(--text-color)
}
.heading-font, h1, h2, h3, h4, h5, h6 {
font-family: var(--heading-family);
font-weight: var(--heading-weight);
font-style: var(--heading-style);
font-display: swap;
letter-spacing: var(--heading-spacing);
color: var(--heading-color)
}
.nav-font, ul.cart a, ul.cart span, ul.nav a {
font-family: var(--nav-family);
font-weight: var(--nav-weight);
font-style: var(--nav-style);
font-display: swap;
letter-spacing: var(--nav-spacing);
color: var(--header-links);
margin-bottom: 0
}
a, a:visited {
color: var(--text-color)
}
.rte a, .rte a:visited {
color: var(--link-color)
}
.rte a:hover, ul.hover-list li>a:hover {
color: var(--link-hover)
}
a.no-hover:hover {
color: unset
}
::-webkit-input-placeholder {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-style: var(--main-style);
font-display: swap;
letter-spacing: var(--main-spacing)
}
::-moz-placeholder {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-style: var(--main-style);
font-display: swap;
letter-spacing: var(--main-spacing)
}
:-ms-input-placeholder {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-style: var(--main-style);
font-display: swap;
letter-spacing: var(--main-spacing)
}
:-moz-placeholder {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-style: var(--main-style);
font-display: swap;
letter-spacing: var(--main-spacing)
}
.announcement-text a {
font-size: var(--font-size)
}
footer small {
color: var(--footer-darker)
}
[type=button].btn-outline, [type=submit].btn-outline, a.button.btn-outline, button.btn-outline {
font-size: var(--font-size);
font-family: var(--main-family);
font-weight: var(--button-weight);
font-style: var(--main-style);
letter-spacing: var(--main-spacing);
color: var(--button-text);
border: 1px solid var(--button-border);
background-color: var(--button-bg);
text-decoration: none;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0;
-webkit-appearance: none;
transition: .3s ease-out;
box-shadow: none;
border-radius: var(--buttons-corners);
text-transform: var(--buttons-transform);
position: relative;
margin-bottom: .6875rem;
padding: 0 var(--space-5);
height: auto
}
[type=button].btn-outline:after, [type=submit].btn-outline:after, a.button.btn-outline:after, button.btn-outline:after {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
content: "";
background-color: var(--button-bg);
border: 1px solid var(--button-border);
border-radius: 1px;
left: .375rem;
top: .375rem
}
[type=button].btn-outline:hover:after, [type=submit].btn-outline:hover:after, a.button.btn-outline:hover:after, button.btn-outline:hover:after {
left: -.0625rem;
top: -.0625rem;
background-color: var(--button-bg-hover);
border-color: var(--button-border-hover)
}
[type=button].btn-outline:hover, [type=submit].btn-outline:hover, a.button.btn-outline:hover, button.btn-outline:hover {
color: var(--button-text-hover);
border: 1px solid var(--button-border-hover);
background-color: var(--button-bg-hover);
text-decoration: none;
box-shadow: none
}
[type=button].btn-sng-outline, [type=submit].btn-sng-outline, a.button.btn-sng-outline, button.btn-sng-outline {
font-size: var(--font-size);
font-family: var(--main-family);
font-weight: var(--button-weight);
font-style: var(--main-style);
letter-spacing: var(--main-spacing);
color: var(--button-text);
border: 1px solid var(--button-border);
background-color: var(--button-bg);
text-decoration: none;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0;
-webkit-appearance: none;
transition: .3s ease-out;
box-shadow: none;
border-radius: var(--buttons-corners);
text-transform: var(--buttons-transform);
position: relative;
margin-bottom: .6875rem;
padding: 0 var(--space-5)
}
[type=button].btn-sng-outline:hover, [type=submit].btn-sng-outline:hover, a.button.btn-sng-outline:hover, button.btn-sng-outline:hover {
color: var(--button-text-hover);
border: 1px solid var(--button-border-hover);
background-color: var(--button-bg-hover);
text-decoration: none;
box-shadow: none
}
[type=button]:disabled, [type=button]:disabled:hover, [type=submit]:disabled, [type=submit]:disabled:hover, a.button.btn-disabled, a.button.btn-disabled:hover, button.btn-disabled, button.btn-disabled:hover {
color: #d6d6d6;
border: 1px solid #d6d6d6;
background-color: var(--background)
}
[type=button]:disabled:after, [type=submit]:disabled:after, a.button.btn-disabled:after, button.btn-disabled:after {
-webkit-transition: none;
transition: none
}
[type=button]:disabled:hover:after, [type=submit]:disabled:hover:after, a.button.btn-disabled:hover:after, button.btn-disabled:hover:after {
left: .375rem;
top: .375rem
}
.button, .shopify-payment-button__button--unbranded, button {
background-color: var(--button-bg);
border-color: var(--button-border);
color: var(--button-text)
}
.shopify-payment-button__button--unbranded {
font-size: var(--font-size) !important;
font-family: var(--main-family) !important;
font-weight: var(--button-weight) !important;
font-style: var(--main-style) !important;
letter-spacing: var(--main-spacing) !important;
text-transform: uppercase;
color: var(--button-text) !important;
border: 1px solid var(--button-border) !important;
background-color: var(--button-bg) !important;
text-decoration: none !important;
cursor: pointer !important;
display: inline-block !important;
vertical-align: middle !important;
margin: 0 !important;
-webkit-appearance: none !important;
transition: .3s ease-out !important;
box-shadow: none !important;
border-radius: var(--buttons-corners) !important;
height: var(--space-9) !important;
line-height: var(--space-9) !important
}
.shopify-payment-button .button:hover, .shopify-payment-button__button--unbranded:hover:not([disabled]) {
color: var(--button-text-hover) !important;
border: 1px solid var(--button-border-hover) !important;
border-radius: 1px !important;
background-color: var(--button-bg-hover) !important;
text-decoration: none !important;
box-shadow: none !important
}
.shopify-payment-button .button:after, .shopify-payment-button__button--unbranded:after, .shopify-payment-button__button--unbranded:after:not([disabled]) {
content: "";
background-color: var(--button-bg);
border: none;
left: unset;
top: unset
}
.shopify-payment-button .button:hover:after, .shopify-payment-button__button--unbranded:hover:after, .shopify-payment-button__button--unbranded:hover:not([disabled]):after {
left: unset;
top: unset
}
.shopify-challenge__button, [type=button].btn-secondary, [type=submit].btn-secondary, a.button.btn-secondary, button.btn-secondary {
font-size: var(--font-size);
font-family: var(--main-family);
font-weight: var(--button-weight);
font-style: var(--main-style);
letter-spacing: var(--main-spacing);
color: var(--button-secondary-text);
background-color: var(--button-secondary-bg);
border: none;
border-radius: 1px;
margin-bottom: .6875rem;
text-transform: uppercase
}
.shopify-challenge__button:hover, [type=button].btn-secondary:hover, [type=submit].btn-secondary:hover, a.button.btn-secondary:hover, button.btn-secondary:hover {
color: var(--button-secondary-text-hover);
background-color: var(--button-secondary-bg-hover);
border: none
}
[type=button].btn-secondary:disabled, [type=submit].btn-secondary:disabled, a.button.btn-secondary.btn-disabled, button.btn-secondary.btn-disabled {
color: #888;
background-color: #d6d6d6
}
[type=button].btn-secondary:after, [type=submit].btn-secondary:after, a.button.btn-secondary:after, button.btn-secondary:after {
-webkit-transition: unset;
transition: unset;
position: relative;
z-index: 0;
width: unset;
height: unset;
content: "";
background-color: rbga(0, 0, 0, 0);
border: none;
border-radius: unset;
left: unset;
top: unset
}
.shopify-challenge__button:focus, .shopify-payment-button .button:focus, [type=button]:focus, [type=submit]:focus, button:focus, s a.button:focus {
outline: 0;
border: 1.3px solid var(--button-border)
}
.shopify-challenge__button {
height: var(--space-8);
padding: 0 var(--space-2);
line-height: var(--space-8)
}
button.btn-secondary.ajax-submit {
height: var(--space-9) !important;
line-height: var(--space-9) !important
}
input[type=email], input[type=password], input[type=text], textarea {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
font-family: var(--main-family) !important;
line-height: 1.4;
letter-spacing: var(--main-spacing);
color: var(--text-color);
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid var(--dotted-color);
-webkit-box-shadow: none;
box-shadow: none;
height: var(--space-8);
padding: 0 var(--space-5);
line-height: var(--space-8);
width: 100%;
background: 0 0
}
.form label {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
color: var(--text-color);
text-transform: uppercase;
position: relative;
top: unset;
left: unset
}
.form small {
font-size: var(--font-size-sm);
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: var(--main-spacing);
padding-top: var(--space-2)
}
.form small.validation-message {
color: var(--error-msg-dark)
}
.form small.validation-message:before {
content: "";
width: 15px;
height: 15px;
position: absolute;
top: 38px;
right: 16px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:grey;stroke-width:1.4142;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg id='Styles'%3E%3Cg id='icon-fill' transform='translate(-462.000000, -703.000000)'%3E%3Cg id='X-Icon' transform='translate(472.485281, 713.485281) rotate(-315.000000) translate(-472.485281, -713.485281) translate(466.485281, 707.485281)'%3E%3Cline id='Path-2' class='st0' x1='6' y1='-4.6' x2='6' y2='16.6'/%3E%3Cline id='Path-2-Copy' class='st0' x1='-4.6' y1='6' x2='16.6' y2='6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}
.form.form-vertical small.validation-message {
display: block;
margin-bottom: var(--space-2)
}
.form.form-vertical small.validation-message:before {
background-image: none;
top: unset;
right: unset
}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
outline: 0 !important;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid var(--dotted-color);
color: var(--text-color)
}
input[type=email] ::-webkit-input-placeholder, input[type=password] ::-webkit-input-placeholder, input[type=text] ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
color: transparent !important
}
input[type=email] ::-webkit-input-placeholder, input[type=password] ::-webkit-input-placeholder, input[type=text] ::-moz-placeholder, textarea ::-moz-placeholder {
color: transparent !important
}
input[type=email] :-ms-input-placeholder, input[type=password] :-ms-input-placeholder, input[type=text] :-ms-input-placeholder, textarea :-ms-input-placeholder {
color: transparent !important
}
input[type=email] :-moz-placeholder, input[type=password] :-moz-placeholder, input[type=text] :-moz-placeholder, textarea :-moz-placeholder {
color: transparent !important
}
input[type=email]:focus ::-webkit-input-placeholder, input[type=password]:focus ::-webkit-input-placeholder, input[type=text]:focus ::-webkit-input-placeholder, textarea:focus ::-webkit-input-placeholder {
color: transparent !important
}
input[type=email]:focus ::-webkit-input-placeholder, input[type=password]:focus ::-webkit-input-placeholder, input[type=text]:focus ::-moz-placeholder, textarea:focus ::-moz-placeholder {
color: transparent !important
}
input[type=email]:focus :-ms-input-placeholder, input[type=password]:focus :-ms-input-placeholder, input[type=text]:focus :-ms-input-placeholder, textarea:focus :-ms-input-placeholder {
color: transparent !important
}
input[type=email]:focus :-moz-placeholder, input[type=password]:focus :-moz-placeholder, input[type=text]:focus :-moz-placeholder, textarea:focus :-moz-placeholder {
color: transparent !important
}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid #000;
color: var(--text-color);
-webkit-text-fill-color: var(--text-color);
-webkit-box-shadow: 0 0 0 1000px var(--background) inset;
transition: background-color 5000s ease-in-out 0s;
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57
}
[type=button].btn-as-link, [type=submit].btn-as-link, a.button.btn-as-link, button.btn-as-link {
border: none !important;
background: 0 0 !important;
margin: 0 !important;
border-radius: none !important;
text-transform: initial !important;
padding: 0 !important
}
[type=button].btn-as-link:hover, [type=submit].btn-as-link:hover, a.button.btn-as-link:hover, button.btn-as-link:hover {
border: none !important;
background: 0 0 !important;
margin: 0 !important
}
[type=button].btn-as-link:after, [type=submit].btn-as-link:after, a.button.btn-as-link:after, button.btn-as-link:after {
content: none !important;
background-color: none !important;
border: none !important;
border-radius: unset !important;
left: 0;
top: 0
}
.mobile-nav__mobile-header {
background-color: var(--header-wrapper-background)
}
.mobile-nav__mobile-header.sticky--active {
width: 100%;
position: fixed;
top: 0;
max-width: unset;
z-index: 9;
-webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
-moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05)
}
.mobile-nav__wrapper .c-accordion__link, .mobile-nav__wrapper .dropdown-arrow svg {
color: var(--text-color)
}
.mobile-nav__wrapper .c-accordion.c-accordion--mobile-nav .c-accordion__panel {
padding: 0
}
.mobile-nav__wrapper .c-accordion__second-level .c-accordion__link, .mobile-nav__wrapper .c-accordion__top-level .c-accordion__link {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: 1px;
text-transform: uppercase
}
.mobile-nav__wrapper .c-accordion__third-level .c-accordion__link {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: 1px
}
.mobile-nav__wrapper .c-accordion--outer__wrapper {
border-top: .8px solid var(--dotted-color)
}
.mobile-nav__wrapper input::placeholder {
color: var(--text-color);
opacity: 1
}
.mobile-nav__wrapper input:-ms-input-placeholder {
color: var(--text-color);
opacity: 1
}
.mobile-nav__wrapper input::-ms-input-placeholder {
color: var(--text-color);
opacity: 1
}
.mobile-nav__mobile-header .slideout__trigger--close svg {
width: 30px;
height: 30px
}
.mobile-nav__mobile-header .mobile-nav__logo-wrapper a {
font-size: calc(var(--font-size) + 1px) !important;
display: inline-block !important;
margin-bottom: 0 !important;
padding: 0 !important
}
.mobile-nav__mobile-header a.mobile-nav__text-logo {
padding: 0 !important;
height: auto !important;
line-height: 30px !important;
word-break: break-all
}
.mobile-nav__mobile-header button {
padding: 0 !important;
height: 30px !important;
line-height: 30px !important
}
.mobile-nav__mobile-header li.cart-link:hover .slideout__trigger-ajax-cart {
border-bottom: none !important
}
body {
background-color: var(--background)
}
.box-ratio, .box-ratio img {
background-color: transparent
}
.select-wrapper .select-items div, .select-wrapper .select-selected {
font-size: var(--font-size);
color: var(--text-color)
}
.select-wrapper .select-selected {
background-color: var(--background)
}
@media (max-width:767px) {
.collection-loop, .product-loop {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: unset
}
}
.collection-loop a, .product-loop a {
margin: 0;
padding-bottom: 20px;
width: 100%;
height: 100%
}
.collection-loop a:hover, .collection-loop a:hover .h5, .product-loop a:hover, .product-loop a:hover .h5 {
color: var(--text-color)
}
a.button.fix, button.button.fix {
background-color: transparent
}
a.button.fix:after, button.button.fix:after {
z-index: 0
}
a.button.fix:hover, button.button.fix:hover {
background-color: transparent
}
@media (max-width:767px) {
.wrapper {
padding-left: var(--space-6);
padding-right: var(--space-6)
}
}
.pre-footer-section {
background-color: var(--prefooter-bg)
}
.pre-footer-section h2 {
font-size: var(--h2-size);
font-weight: var(--heading-weight);
font-stretch: normal;
font-style: italic;
line-height: 1.1;
letter-spacing: var(--heading-spacing);
color: var(--prefooter-text);
margin: 0
}
.pre-footer-section button.btn-secondary {
padding-left: var(--space-5);
padding-right: var(--space-5);
background-color: var(--prefooter-button-bg);
color: var(--prefooter-button-text)
}
.pre-footer-section #email-address {
padding-left: var(--space-5);
padding-right: var(--space-5);
color: var(--prefooter-text);
border-color: var(--prefooter-text)
}
.pre-footer-section #email-address::-webkit-input-placeholder, .pre-footer-section #email-address::placeholder {
color: var(--prefooter-text) !important
}
@media (max-width:767px) {
.pre-footer-section h2 {
text-align: center;
margin-bottom: var(--space-7)
}
.pre-footer-section #email-address {
min-width: unset;
width: 100% !important;
text-align: center
}
.pre-footer-section button.btn-secondary {
width: 100% !important
}
}
@media (min-width:768px) {
.product-listing.padding--true .icn {
top: 40px;
left: 40px
}
}
@media (max-width:767px) {
.product-listing.padding--true .icn {
top: 0;
left: 0
}
}
.product-listing.padding--false .icn {
top: 0;
left: 0
}
.product-listing .icn {
display: inline-block;
font-size: var(--font-size-sm);
height: 26px;
line-height: 26px;
padding: 0 8px 0 8px;
position: absolute;
z-index: 1
}
.product-listing .sold-out.icn {
background-color: var(--sold-out);
color: #fff
}
.product-listing .sale-item.icn {
background-color: var(--sale-color);
color: #fff
}
.product-listing .new.icn {
background-color: var(--new-icon);
color: #fff
}
.product-listing .collection-image, .product-listing .reveal {
overflow: hidden
}
.product-listing .collection-title, .product-listing .product-title {
font-family: var(--heading-family);
line-height: 1.2;
letter-spacing: var(--heading-spacing);
margin-bottom: var(--space-4)
}
.product-listing .product-vendor {
font-size: var(--font-size);
line-height: 1.57;
margin-bottom: 5px;
word-break: break-all
}
.product-listing .product-subtitle {
font-family: var(--heading-family);
font-size: var(--font-size);
font-style: italic;
line-height: 1.54
}
.product-listing .product-price {
font-family: var(--main-family);
font-size: var(--font-size);
line-height: 1.57
}
.product-listing .product-price:before {
content: "";
width: 32px;
height: 1px;
background: var(--text-color);
display: block;
margin: 0 auto;
margin-bottom: var(--space-4)
}
.product-listing .savings {
color: var(--text-color-light)
}
@media (max-width:767px) {
.product-listing .savings {
display: block
}
}
@media (min-width:1180px) {
.collection-listing:hover, .product-listing:hover {
background-color: var(--secondary-bg)
}
.product-listing.dropshadow--true:hover {
-webkit-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
-moz-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
box-shadow: 20px 20px 0 0 var(--box-shadow-color)
}
}
.collection-listing.square .box-ratio, .product-listing.square .box-ratio {
padding-bottom: 100% !important
}
.collection-listing.square .box-ratio img, .product-listing.square .box-ratio img {
object-fit: cover;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.collection-listing.square .collection-info, .product-listing.square .product-info {
padding-top: var(--space-6)
}
.collection-listing.vertical .box-ratio, .product-listing.vertical .box-ratio {
padding-bottom: 140% !important
}
.collection-listing.vertical .box-ratio img, .product-listing.vertical .box-ratio img {
object-fit: cover;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.collection-listing.vertical .collection-info, .product-listing.vertical .product-info {
padding-top: var(--space-6)
}
.collection-listing.horizontal .box-ratio, .product-listing.horizontal .box-ratio {
padding-bottom: 71.4% !important
}
.collection-listing.horizontal .box-ratio img, .product-listing.horizontal .box-ratio img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.collecton-listing.horizontal .collection-info, .product-listing.horizontal .product-info {
padding-top: var(--space-6)
}
#accordion .tlink.has_sub_menu, #accordion .tlink2.has_sub_menu {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
color: var(--text-color);
text-transform: uppercase;
position: relative
}
.newsletter__popup-overlay {
display: none
}
.newsletter__popup-overlay.is-visible {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
background: rgba(0, 0, 0, .25)
}
.newsletter__popup-container {
position: fixed;
top: 50%;
left: 50%;
right: 20px;
z-index: 99;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
width: 900px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.newsletter__popup-container-close {
position: absolute;
right: 5px;
top: 5px;
width: 35px;
text-align: center;
cursor: pointer
}
#newsletter__popup-content {
width: 900px;
text-align: center;
overflow: hidden;
margin: 0 auto
}
.newsletter__popup-text .gdpr-text {
font-size: var(--font-size)
}
.newsletter__popup-form, .newsletter__popup-text {
padding: 0 25px;
margin: 20px auto 0;
text-align: center
}
.newsletter__popup-text h3 {
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: var(--heading-spacing)
}
.newsletter__popup-form {
padding-bottom: 25px
}
.newsletter__popup-form input[type=email] {
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid !important
}
.newsletter__popup-form input[type=submit] {
margin-bottom: 0
}
.newsletter__popup-container p.gdpr-text {
margin-top: 10px
}
.global-age-verification .modal-prompt a, .global-age-verification .modal-prompt h1, .global-age-verification .modal-prompt p {
color: var(--age-text-color) !important
}
.global-age-verification .modal-prompt a {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: var(--main-spacing);
word-break: break-all
}
.global-age-verification .modal-prompt select {
float: left;
margin-right: 10px
}
.global-age-verification button#submit_birthdate {
padding: 0 var(--space-5) !important
}
.global-age-verification button#submit_birthdate:hover {
background-color: transparent !important
}
.product__section-images {
visibility: hidden;
animation: fadeIn;
animation-duration: 3s
}
.product__section-images.single_image--true {
visibility: visible !important
}
.product__section-images .carousel {
margin-bottom: 10px;
flex-grow: 1;
list-style-type: none
}
.product__section-images .carousel-cell {
width: 100%
}
.product__section-images #main-slider .carousel-cell {
opacity: 0 !important
}
.product__section-images #main-slider .carousel-cell:not(.is-selected) {
animation: fadeOut ease .2s
}
.product__section-images #main-slider .carousel-cell.is-selected {
z-index: 99;
opacity: 1 !important;
animation: fadeIn ease .2s
}
.product__section-images .vertical-carousel .carousel-nav {
width: 100%;
max-height: calc(98px * 4);
overflow-y: scroll;
padding-right: 17px;
box-sizing: content-box
}
.product__section-images .carousel-nav .carousel-cell {
height: 80px;
width: 100px;
margin: 0 0 5px 0;
cursor: pointer
}
.product__section-images .carousel-nav .carousel-cell:before {
font-size: 50px;
line-height: 80px
}
.product__section-images .flickity-prev-next-button {
position: absolute;
left: 0;
top: 26px;
right: unset
}
.flickity-prev-next-button {
background: 0 0;
width: 44px;
height: 44px;
display: inline-block;
background-color: var(--directional-bg);
-webkit-mask-image: none;
mask-image: none;
line-height: 44px;
text-align: center;
cursor: pointer;
z-index: 1;
border-radius: unset
}
.flickity-prev-next-button:hover {
background-color: var(--directional-hover-bg);
opacity: 1
}
.flickity-prev-next-button:disabled {
color: var(--directional-bg) !important;
border: 1px solid var(--directional-bg) !important;
background-color: var(--directional-bg) !important;
opacity: .5
}
.flickity-slider .carousel-cell {
width: 100%
}
.flickity-prev-next-button .flickity-button-icon {
fill: var(--directional-text);
width: 20px;
height: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.product__section-images .flickity-prev-next-button:hover .flickity-button-icon {
fill: var(--directional-text-hover)
}
.product__section-images .flickity-button.previous {
left: 5px
}
.product__section-images .flickity-button.next {
left: 54px
}
.product__section-images .flickity-button:focus {
outline: 0
}
.product__section-images .image-slide.carousel-cell.is-selected {
z-index: 1
}
.product__section-images .plyr__control--overlaid svg {
margin-left: 5px
}
.main-carousel.v-center .flickity-slider {
display: flex;
align-items: center
}
.demo-1.color-1 .placeholder-svg {
background: var(--announcement-background);
fill: var(--sale-color)
}
.demo-1.color-2 .placeholder-svg {
background: var(--secondary-bg);
fill: var(--sale-color);
border: 1px solid var(--sale-color)
}
.demo-1.color-3 .placeholder-svg {
background: var(--sale-color);
fill: var(--background)
}
.demo-1.color-4 .placeholder-svg {
background: var(--secondary-bg);
fill: var(--text-color);
border: 1px solid var(--text-color)
}
.gdpr-text.before-signup a, .gdpr-text.before-signup p {
font-size: var(--font-size);
margin-bottom: 0 !important;
padding: 0
}
.dynamic-section {
display: inline-block;
width: 100%
}
.global__section {
margin-top: calc(var(--section-padding)/ 2);
padding-bottom: calc(var(--section-padding)/ 2);
position: relative
}
.global__section.mt0 {
margin-top: 0
}
.global__section.pb0 {
padding-bottom: 0
}
.breadcrumb__nav a, .breadcrumb__nav span {
font-size: var(--font-size)
}
.breadcrumb__nav a:hover {
text-decoration: underline
}
.section-slideshow .slideshow {
border: 0 !important;
width: 100%
}
.section-slideshow .slideshow__slide, .section-slideshow .slideshow__slide-desktop {
width: 100%
}
.section-slideshow .slideshow__slide-desktop.overlay:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .25);
content: ""
}
.section-slideshow .slideshow__slide {
opacity: 0 !important;
transition: opacity 1s ease !important
}
.section-slideshow .slideshow__slide.is-selected {
opacity: 1 !important
}
@media (min-width:1180px) {
.section-slideshow .slideshow.flickity__section .flickity-page-dots {
right: 15px;
text-align: right
}
}
.section-slideshow .slideshow.flickity__section .flickity-page-dots {
bottom: 15px
}
/* style for RHF slider */
@media (min-width:1180px) {
.section-slideshow .slideshow.flickity__section .flickity-page-dots {
right: 106px;
bottom: 69px;
text-align: right
}
}
.section-slideshow .slideshow__caption {
position: absolute;
width: fit-content;
text-align: center
}
.section-slideshow.is-rhf-styled .slideshow__caption {
padding: 20px;
}
@media (min-width:1180px) {
.section-slideshow.is-rhf-styled .slideshow__caption {
padding: 0;
}
}
@media (max-width:740px) {
.section-slideshow.is-rhf-styled .slideshow__caption .slideshow__caption-wrapper {
text-align: center;
}
}
.section-slideshow .slideshow__paragraphs {
margin-top: 17px;
}
.section-slideshow .slideshow__caption .slideshow__caption-wrapper {
display: inline-block;
padding: 20px
}
.section-slideshow.is-rhf-styled .slideshow__caption .slideshow__caption-wrapper {
padding: 26px;
}
@media (min-width: 1180px){
.section-slideshow.is-rhf-styled .slideshow__caption .slideshow__caption-wrapper {
padding: 60px 98px;
}
}
.section-slideshow .slideshow__caption p {
line-height: initial;
}
.section-slideshow .slideshow__btn-wrapper {
display: inline-block;
margin-top: 10px;
margin-right: 10px
}
.section-slideshow.is-rhf-styled .slideshow__btn-wrapper {
margin-top: 40px;
}
@media (min-width:1180px) {
.section-slideshow.is-rhf-styled .slideshow__btn-wrapper {
margin-top: 60px;
}
}
.section-slideshow .slideshow__btn-wrapper a {
padding: 10px 20px;
letter-spacing: 1px;
border-radius: 3px;
display: inline-block;
-webkit-transition: background .3s ease, color .3s ease;
-moz-transition: background .3s ease, color .3s ease;
-o-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease
}
.section-slideshow.is-rhf-styled .slideshow__btn-wrapper a {
border-radius: 0;
}
@media screen and (max-width:740px) {
.section-slideshow .homepage-section.slideshow-section {
margin-bottom: 35px
}
.section-slideshow .slideshow__caption .slideshow__caption-wrapper {
width: 100%
}
.section-slideshow .slideshow__slide-desktop.overlay:after {
height: 400px
}
.section-slideshow .flickity__section .flickity-button {
width: 30px;
height: 30px;
}
}
/*Background Slideshow*/
.section-bg-slideshow .bg-slideshow {
border: 0 !important;
width: 100%
}
.section-bg-slideshow.global__section {
margin-top: 0px;
}
.section-bg-slideshow .bg-slideshow__slide, .section-bg-slideshow .bg-slideshow__slide-desktop {
width: 100%
}
.section-bg-slideshow .bg-slideshow__slide-desktop.overlay:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .25);
content: ""
}
.section-bg-slideshow .bg-slideshow__slide {
opacity: 0 !important;
transition: opacity 1s ease !important
}
.section-bg-slideshow .bg-slideshow__slide.is-selected {
opacity: 1 !important
}
@media (min-width:1180px) {
.section-bg-slideshow .bg-slideshow.flickity__section .flickity-page-dots {
right: 15px;
text-align: right
}
}
.section-bg-slideshow .bg-slideshow.flickity__section .flickity-page-dots {
bottom: 15px
}
@media (min-width:1180px) {
.section-bg-slideshow .bg-slideshow.flickity__section .flickity-page-dots {
right: 106px;
bottom: 69px;
text-align: right
}
}
.section-bg-slideshow .bg-slideshow__caption {
position: absolute;
width: fit-content;
text-align: center
}
.section-bg-slideshow.is-rhf-styled .bg-slideshow__caption {
padding: 20px;
max-width: 570px;
}
@media (min-width:1180px) {
.section-bg-slideshow.is-rhf-styled .bg-slideshow__caption {
padding: 0;
}
}
@media (max-width:740px) {
.section-bg-slideshow.is-rhf-styled .bg-slideshow__caption .bg-slideshow__caption-wrapper {
text-align: center;
}
}
.section-bg-slideshow .bg-slideshow__paragraphs {
color: black;
margin-top: 17px;
}
h2.bg-slideshow__caption {
color: black;
}
.section-bg-slideshow .bg-slideshow__caption .bg-slideshow__caption-wrapper {
display: inline-block;
padding: 20px;
}
.section-bg-slideshow.is-rhf-styled .bg-slideshow__caption .bg-slideshow__caption-wrapper {
padding: 26px;
}
@media (min-width: 1180px){
.section-bg-slideshow.is-rhf-styled .bg-slideshow__caption .bg-slideshow__caption-wrapper {
padding: 30px 38px;
background-color: #ffffffCC;
backdrop-filter: blur(2px);
border-radius: 10px;
position: relative;
left: 5vw;
}
}
.section-bg-slideshow .bg-slideshow__caption p {
line-height: 1.6;
}
.section-bg-slideshow .bg-slideshow__btn-wrapper {
display: inline-block;
margin-top: 10px;
margin-right: 10px
}
.section-bg-slideshow.is-rhf-styled .bg-slideshow__btn-wrapper {
margin-top: 40px;
}
@media (min-width:1180px) {
.section-bg-slideshow.is-rhf-styled .bg-slideshow__btn-wrapper {
margin-top: 10px;
}
}
.section-bg-slideshow .bg-slideshow__btn-wrapper a {
padding: 10px 20px;
letter-spacing: 1px;
border-radius: 3px;
display: inline-block;
-webkit-transition: background .3s ease, color .3s ease;
-moz-transition: background .3s ease, color .3s ease;
-o-transition: background .3s ease, color .3s ease;
transition: background .3s ease, color .3s ease
}
@media (min-width:1180px) {
.section-bg-slideshow .bg-slideshow__btn-wrapper a {
margin-bottom: 10px;
}
}
.section-bg-bg-slideshow.is-rhf-styled .bg-slideshow__btn-wrapper a {
border-radius: 0;
}
.bg-slideshow__paragraphs p {
color: #000;
}
.bg-slideshow__caption h2.bg-slideshow__title {
color: green;
}
@media screen and (max-width:740px) {
.section-bg-slideshow .homepage-section.bg-slideshow-section {
margin-bottom: 35px
}
.section-bg-slideshow .bg-slideshow__caption .bg-slideshow__caption-wrapper {
width: 100%
}
.section-bg-slideshow .bg-slideshow__slide-desktop.overlay:after {
height: 400px
}
.section-bg-slideshow .flickity__section .flickity-button {
width: 30px;
height: 30px;
}
}
@media screen and (max-width:1179px) {
.section-bg-slideshow .bg-slideshow__caption{
position: static!important;
transform: none !important;
}
}
/*END Background Slideshow*/
.section-image-with-text .info {
background-color: var(--secondary-bg)
}
@media (max-width:767px) {
.section-image-with-text .info {
position: relative
}
}
@media (min-width:768px) {
.section-image-with-text .info__inner-wrapper {
top: 50%;
transform: translateY(-50%);
position: absolute;
width: 47%
}
}
.section-image-with-text article {
-webkit-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
-moz-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
box-shadow: 20px 20px 0 0 var(--box-shadow-color)
}
.section-image-with-text .background-image {
width: 100%;
height: 100%;
background-size: cover;
}
.section-image-with-text .button {
background-color: transparent;
}
.section-image-with-text .button:after {
z-index: -1 !important;
}
.section-image-with-text .button:hover {
background-color: transparent;
}
@media (max-width:767px) {
.section-image-with-text {
padding-right: var(--space-6) !important;
padding-left: var(--space-6) !important;
}
.section-image-with-text .background-image {
min-height: 336px;
}
.section-image-with-text article.image {
margin-bottom: -16px;
order: 1 !important;
}
.section-image-with-text article.text {
order: 2 !important;
}
}
/* event block */
.section-event-block .info {
background-color: var(--secondary-bg)
}
.section-event-block h2{
color: var(--heading-color);
}
@media (max-width:1179px) {
.section-event-block .info {
position: relative
}
}
@media (min-width:1180px) {
.section-event-block .info__inner-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
}
.section-event-block article {
/* -webkit-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
-moz-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
box-shadow: 20px 20px 0 0 var(--box-shadow-color) */
}
.section-event-block .background-image {
width: 100%;
height: 100%;
background-size: cover;
}
.section-event-block .background-image.has-mobile.is-mobile{
display: block;
}
.section-event-block .background-image.has-mobile.is-desktop{
display: none;
}
@media (min-width:1180px) {
.section-event-block .background-image.has-mobile.is-mobile{
display: none;
}
.section-event-block .background-image.has-mobile.is-desktop{
display: block;
}
}
.section-event-block .event-block__btn {
display: inline-block;
background-color: #95C13D;
color: white;
padding: 10px 26px;
font-weight: 300;
}
.section-event-block .event-block__btn:hover {
}
@media (min-width:1180px) {
.section-event-block .event-block__list{
columns: 2;
column-gap: 4em;
padding-left: 2em;
}
.section-event-block .event-block__list li{
font-size: 14px;
line-height: 28px;
list-style: disc;
}
}
@media (max-width:1179px) {
.section-event-block{
padding: 0;
}
.section-event-block .info__inner-wrapper {
padding: 42px 36px;
}
.section-event-block h2{
text-align: center;
}
.section-event-block .event-block__list{
text-align: center;
list-style: none;
}
.section-event-block .event-block__list li{
text-align: center;
font-size: 15px;
line-height: 45px;
}
.section-event-block .background-image {
min-height: 336px
}
.section-event-block article.image {
/* margin-bottom: -16px; */
order: 1 !important
}
.section-event-block article.text {
order: 2 !important
}
.section-event-block .event-block__btn-wrap{
text-align: center;
}
}
@media (max-width: 767px){
.section-event-block article.image {
margin-bottom: -16px;
}
}
/* end event block */
/* Image Text CTA block */
.section-image-text-cta .info {
}
.section-image-text-cta .info__wrapper{
background-color: var(--secondary-bg)
}
.section-image-text-cta h2{
color: var(--heading-color);
}
@media (max-width: 767px){
.section-image-text-cta .image{
grid-row: 1;
grid-column: 1 / 13;
}
.section-image-text-cta .info{
grid-row: 2;
grid-column: 1 / 13;
padding: 0 26px;
position: relative;
top: -50px;
margin-bottom: -50px;
}
}
@media (min-width: 768px){
.section-image-text-cta .info{
padding: 85px 0;
}
.section-image-text-cta.image_left .image{
grid-column: 1 / -5;
grid-row: 1;
}
.section-image-text-cta.image_left .info{
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
}
.section-image-text-cta.image_right .image{
grid-column: span 8 / -1;
grid-row: 1;
}
.section-image-text-cta.image_right .info{
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
}
.section-image-text-cta .info__wrapper{
padding: 26px;
}
}
@media (min-width: 1180px){
.section-image-text-cta .info{
padding: 85px 0;
}
.section-image-text-cta.image_left .image{
grid-column: 2 / -5;
grid-row: 1;
}
.section-image-text-cta.image_left .info{
grid-column-start: 7;
grid-column-end: 12;
grid-row-start: 1;
}
.section-image-text-cta.image_right .image{
grid-column: span 7 / -2;
grid-row: 1;
}
.section-image-text-cta.image_right .info{
grid-column-start: 2;
grid-column-end: 7;
grid-row-start: 1;
}
.section-image-text-cta .info__wrapper{
padding: 47px 71px;
}
}
@media (max-width:1179px) {
.section-image-text-cta .info {
position: relative
}
}
@media (min-width:1180px) {
.section-image-text-cta .info__inner-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
}
.section-image-text-cta article {
/* -webkit-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
-moz-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
box-shadow: 20px 20px 0 0 var(--box-shadow-color) */
}
.section-image-text-cta .background-image {
width: 100%;
height: 100%;
background-size: cover;
}
.section-image-text-cta .background-image.has-mobile.is-mobile{
display: block;
}
.section-image-text-cta .background-image.has-mobile.is-desktop{
display: none;
}
@media (min-width:1180px) {
.section-image-text-cta .background-image.has-mobile.is-mobile{
display: none;
}
.section-image-text-cta .background-image.has-mobile.is-desktop{
display: block;
}
}
.section-image-text-cta .image-text-cta__btn {
display: inline-block;
background-color: #7A5895;
color: white;
padding: 10px 26px;
font-weight: 300;
}
.section-image-text-cta .image-text-cta__btn:hover {
}
@media (min-width:1180px) {
.section-image-text-cta .image-text-cta__list{
columns: 2;
column-gap: 4em;
padding-left: 2em;
}
.section-image-text-cta .image-text-cta__list li{
font-size: 14px;
line-height: 28px;
list-style: disc;
}
}
@media (max-width:1179px) {
.section-image-text-cta{
padding: 0;
}
.section-image-text-cta .info__inner-wrapper {
padding: 42px 36px;
}
.section-image-text-cta h2{
text-align: center;
}
.section-image-text-cta .image-text-cta__list{
text-align: center;
list-style: none;
}
.section-image-text-cta .image-text-cta__list li{
text-align: center;
font-size: 15px;
line-height: 45px;
}
.section-image-text-cta .background-image {
min-height: 336px
}
.section-image-text-cta article.image {
/* margin-bottom: -16px; */
order: 1 !important
}
.section-image-text-cta article.text {
order: 2 !important
}
.section-image-text-cta .image-text-cta__btn-wrap{
text-align: center;
}
}
@media (max-width: 767px){
.section-image-text-cta article.image {
margin-bottom: -16px;
}
}
/* end Image Text CTA block */
/* Job Card */
.section-job-card .info {
background-color: var(--secondary-bg);
padding: var(--space-8) var(--space-6) var(--space-11);
grid-row: 1;
grid-column: 1 / 13;
text-align: center;
max-width: 710px;
margin: auto;
}
.section-job-card .job-card__btn {
display: inline-block;
background-color: black;
color: white;
padding: 10px 26px;
font-weight: 300;
margin-bottom: 0;
}
@media (min-width: 768px){
.section-job-card .info{
padding: var(--space-8);
}
.section-job-card .job-card__btn-wrap{
display: flex;
justify-content: center;
align-items: center;
}
.section-job-card .job-card__btn-wrap::before,
.section-job-card .job-card__btn-wrap::after{
content: '';
display: block;
height: 1px;
width: 122px;
background: #95C13D;
}
.section-job-card .job-card__btn-wrap::before{
margin-right: 35px;
}
.section-job-card .job-card__btn-wrap::after{
margin-left: 35px;
}
}
@media (min-width: 1180px){
.section-job-card .info{
padding: var(--space-10);
}
.section-job-card .info p{
text-align: justify;
}
}
.section-job-card .info{}
/* end job card */
/* Quotes section */
.section-quotes .quotes__wrapper{
grid-row: 1;
grid-column: 1 / 13;
}
.section-quotes .quotes__quote-wrap{
width: 100%;
}
.section-quotes .quotes__quote{
text-align: center;
width: 100%;
padding: var(--space-8) var(--space-8) var(--space-8);
background-color: #ECF5D8;
display: flex;
flex-direction: column;
}
.section-quotes .quotes__quote::before{
content: '';
display: inline-block;
width: 43px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 43'%3E%3Ctitle%3Equotation%3C/title%3E%3Cpath d='M18,0h-.84C3.36,17.49-.2,25.51,0,32.71,0,38.89,4.19,43,9.84,43A9.61,9.61,0,0,0,11.3,23.87c0-4.32,2.93-9.67,10.46-20v-1ZM46.44,0h-1C31.59,17.49,28.25,25.51,28.46,32.71c0,6.17,4,10.29,9.83,10.29a9.7,9.7,0,0,0,9.83-9.46,9.8,9.8,0,0,0-8.58-9.67c.21-4.32,2.93-9.67,10.46-20v-1Z' transform='translate(0)'/%3E%3C/svg%3E");
margin: 0 auto 23px;
}
.section-quotes .quotes__quote p{
color: #000;
text-align: center;
font-size: 15px;
line-height: 22px;
font-weight: 400;
font-style: normal;
}
.section-quotes .quotes__quote cite{
color: #000;
text-align: center;
font-size: 15px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
}
.section-quotes .flickity-prev-next-button.previous{
left: -20px;
}
.section-quotes .flickity-prev-next-button.next{
right: -20px;
}
@media (min-width: 768px){
.section-quotes .quotes__quote{
text-align: left;
padding: var(--space-8) var(--space-6) var(--space-8);
}
.section-quotes .quotes__quote::before{
margin-left: 0;
}
.section-quotes .quotes__quote p{
text-align: left;
font-size: 18px;
line-height: 27px;
}
.section-quotes .quotes__quote-wrap{
padding-left: 25px;
padding-right: 25px;
width: 50%;
}
.section-quotes .quotes__quote-inner{
margin-bottom: var(--space-8);
}
.section-quotes .quotes__quote cite{
text-align: left;
font-size: 22px;
line-height: 26px;
}
}
@media (min-width: 1180px){
.section-quotes .quotes__quote-wrap{
width: 33.333%;
}
.section-quotes .flickity-prev-next-button.previous{
display:none;
}
.section-quotes .flickity-prev-next-button.next{
display:none;
}
}
/* END Quotes section */
/* Profile Cards section */
.section-profile-cards .profile-cards__wrapper{
grid-row: 1;
grid-column: 1 / 13;
}
.section-profile-cards .profile-card{
width: 100%;
max-width: 440px;
margin-bottom: var(--space-6);
color: #000;
}
.section-profile-cards .profile-card__image {
width: 100%;
position: relative;
padding: 50%;
}
.section-profile-cards .profile-card__background-image {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.section-profile-cards .profile-card__inner {
padding: var(--space-4);
text-align: center;
}
.section-profile-cards h2{
color: #000;
font-size: 29px;
line-height: 34px;
}
.section-profile-cards .profile-card{
perspective: 2000px;
}
.section-profile-cards .profile-card__top{
/* background-color: var(--secondary-bg); */
background-color: #ECF5D8;
transition: transform .3s linear,opacity 0s linear .15s,-webkit-transform .3s linear;
}
.section-profile-cards .profile-card__back{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
/* background-color: var(--secondary-bg); */
background-color: #ECF5D8;
padding: var(--space-6) var(--space-4) var(--space-4);
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transform: rotateY(180deg);
transition: transform .3s linear,opacity 0s linear .15s,-webkit-transform .3s linear;
}
.section-profile-cards .profile-card__flip-back {
position: absolute;
display: none; /* initially hidden and displayed for non hover/touch devices */
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0.949951C27.4286 0.949951 35.0499 8.5713 35.0499 18C35.0499 27.4286 27.4286 35.0499 18 35.0499C8.5713 35.0499 0.949951 27.4286 0.949951 18C0.949951 8.5713 8.5713 0.949951 18 0.949951ZM24.1209 9.47495L18 15.5959L11.879 9.47495L9.47495 11.879L15.5959 18L9.47495 24.1209L11.879 26.525L18 20.404L24.1209 26.525L26.525 24.1209L20.404 18L26.525 11.879L24.1209 9.47495Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
border-radius: 50%;
top: -0.15em;
right: -0.15em;
background-size: contain;
font-size: 36px;
}
.section-profile-cards .profile-card__mobile-toggle{
display: none; /* initially hidden and displayed for non hover/touch devices */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-profile-cards .profile-card__description-inner{
overflow-y: auto;
text-align: center;
}
.section-profile-cards .profile-card__position{
text-transform: uppercase;
color: #000;
font-size: 12px;
line-height: 14px;
}
@media (min-width: 768px){
.section-profile-cards .profile-cards__wrapper{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.section-profile-cards .profile-card__wrap{
padding-left: 25px;
padding-right: 25px;
margin-top: 25px;
margin-bottom: 25px;
width: 50%;
max-width: 490px;
}
.section-profile-cards .profile-card{
margin-bottom: 0;
}
.section-profile-cards .profile-card__back{
padding: var(--space-6) var(--space-6) var(--space-6);
}
.section-profile-cards .profile-card__position{
font-size: 18px;
line-height: 22px;
}
.section-profile-cards h2{
font-size: 40px;
line-height: 57px;
}
.section-profile-cards .profile-card__inner {
padding: var(--space-6) var(--space-2);
}
}
@media (hover: hover) {
.section-profile-cards .profile-card:hover .profile-card__top{
transform: translateY(-2rem) rotateY(-180deg);
opacity: 0;
}
.section-profile-cards .profile-card:hover .profile-card__back{
transform: rotateY(0deg);
opacity: 1;
}
}
@media (hover: none){
.section-profile-cards .profile-card__flip-back {
display: block;
}
.section-profile-cards .profile-card__mobile-toggle{
display: block;
}
.section-profile-cards .profile-card.hovered .profile-card__top{
transform: translateY(-2rem) rotateY(-180deg);
opacity: 0;
}
.section-profile-cards .profile-card.hovered .profile-card__back{
transform: rotateY(0deg);
opacity: 1;
z-index: 1;
}
}
/* END Profile Cards section */
.section-richtext h2 {
font-size: var(--h2-size);
font-weight: var(--heading-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: var(--heading-spacing);
margin-bottom: var(--space-5)
}
.section-richtext p {
font-family: var(--heading-family);
font-size: var(--h3-size);
font-stretch: normal;
line-height: 1.2;
letter-spacing: var(--main-spacing);
text-align: center
}
.section-gallery .homepage-promo a {
display: block;
margin: 0
}
.section-gallery .homepage-promo:hover {
cursor: pointer
}
.section-gallery .homepage-promo:hover .caption p {
visibility: visible
}
.section-gallery .homepage-promo:hover .box-ratio img {
opacity: .5
}
@media (max-width:1179px) {
.section-gallery .homepage-promo .caption p {
visibility: visible
}
}
.section-gallery .caption {
position: absolute;
bottom: var(--space-6);
left: 50%;
transform: translateX(-50%);
text-align: center
}
.section-gallery .caption h3 {
font-family: var(--main-family);
font-size: var(--font-size)
}
.section-gallery .caption p {
font-family: var(--heading-family);
font-size: var(--font-size);
font-style: italic;
visibility: hidden
}
.section-gallery .flex-container {
padding: 0;
margin: 0;
list-style: none
}
.section-gallery .flex-container .flex-item {
float: left;
margin-bottom: 0;
padding: 0
}
.section-gallery .flex-container .one-quarter {
width: 25%
}
.section-gallery .flex-container .one-third {
width: calc(100% / 3)
}
.section-gallery .flex-container .two-thirds {
width: 66.667%
}
.section-gallery .flex-container .one-half {
width: 50%
}
.section-gallery .flex-container .three-quarters {
width: 75%
}
.section-gallery .flex-container .one-whole {
width: 100%
}
@media (max-width:1179px) {
.section-gallery .flex-container {
width: 100%;
margin: 0 auto !important
}
.section-gallery .flex-container .one-quarter {
width: 50%
}
.section-gallery .flex-container .one-third {
width: 100%
}
.section-gallery .flex-container .two-thirds {
width: 100%
}
.section-gallery .flex-container .one-half {
width: 100%
}
.section-gallery .flex-container .three-quarters {
width: 100%
}
.section-gallery .flex-container .one-whole {
width: 100%
}
}
@media (max-width:767px) {
.section-gallery .flex-container {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch
}
.section-gallery .flex-container .one-half, .section-gallery .flex-container .one-quarter, .section-gallery .flex-container .one-third, .section-gallery .flex-container .one-whole, .section-gallery .flex-container .three-quarters, .section-gallery .flex-container .two-thirds {
flex: 0 0 auto;
width: 270px;
float: none !important
}
.section-gallery .homepage-promo .promo-inner h3 {
font-size: calc(var(--font-size) + 1px)
}
.section-gallery .homepage-promo .promo-inner p {
font-size: var(--font-size)
}
}
.section-text-with-image {
background: -webkit-linear-gradient(var(--link-hover) 80%, var(--background) 20%);
color: var(--background);
padding: 0 var(--space-11) var(--space-8) var(--space-11)
}
.section-text-with-image .button {
background: 0 0 !important;
color: var(--background) !important;
border-color: var(--background) !important;
padding: 0 var(--space-4) !important
}
.section-text-with-image .button:after {
border-color: var(--background) !important;
background-color: transparent !important
}
.section-text-with-image h3 {
color: var(--background);
font-size: var(--h3-size);
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: var(--heading-spacing);
text-transform: unset;
word-break: break-word
}
.section-text-with-image .rte p {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing)
}
@media (max-width:767px) {
.section-text-with-image {
background: -webkit-linear-gradient(var(--link-hover) 35%, var(--background) 35%);
padding: 0;
color: var(--text-color) !important
}
.section-text-with-image h3 {
color: var(--text-color) !important
}
.section-text-with-image .rte p {
color: var(--text-color) !important
}
.section-text-with-image .button {
color: var(--button-text) !important;
border-color: var(--button-border) !important
}
.section-text-with-image .button:after {
border-color: var(--button-border) !important
}
.section-text-with-image article.text {
order: 2;
text-align: center
}
.section-text-with-image article.image {
order: 1
}
}
.section-menu .menu-wrapper {
background-color: var(--secondary-bg);
padding-top: var(--space-9) !important;
padding-bottom: var(--space-8) !important
}
.section-menu.section-menu__box-show--true .menu-wrapper {
-webkit-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
-moz-box-shadow: 20px 20px 0 0 var(--box-shadow-color);
box-shadow: 20px 20px 0 0 var(--box-shadow-color)
}
.section-menu h2 a {
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: var(--heading-spacing)
}
.section-menu .collection-heading a {
display: block;
font-family: var(--main-family);
font-size: var(--font-size);
line-height: 1.4;
padding: var(--space-2) 0;
text-align: center;
border-top: solid 1px var(--text-color);
border-bottom: solid 1px var(--text-color)
}
.section-menu article .h5 {
font-size: calc(var(--font-size) + 1px);
line-height: 1.2;
letter-spacing: var(--heading-spacing)
}
.section-menu article p {
font-size: var(--font-size);
line-height: 1.4;
letter-spacing: var(--main-spacing);
margin: 0;
border-right: 1px solid var(--text-color-light);
padding-right: 5px;
display: inline-block;
text-align: left
}
.section-menu article p:last-child {
border-right: none
}
.section-menu article span.v-title {
display: block;
font-size: var(--font-size)
}
@media (max-width:767px) {
.section-menu article .menu__item--price {
text-align: left
}
}
.section-menu .button {
background-color: transparent
}
.section-menu .button:after {
z-index: 1 !important
}
.section-menu .button:hover {
background-color: transparent
}
.section-menu div.variants {
font-size: var(--font-size);
font-stretch: normal;
font-style: italic;
line-height: 1.54;
letter-spacing: var(--main-spacing);
text-transform: lowercase
}
.section-featured-locations h4 {
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: var(--heading-spacing)
}
.section-featured-locations ul.locations li a {
display: block;
width: 100%;
margin: 0;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: var(--main-spacing);
padding: var(--space-4) var(--space-2);
border-top: 1px solid var(--dotted-color)
}
@media (min-width:768px) {
.section-featured-locations ul.locations li a {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.section-featured-locations ul.locations li a {
font-size: var(--font-size)
}
}
.section-featured-locations ul.locations li a svg {
top: 50%;
transform: translateY(-50%)
}
.section-featured-locations ul.locations li a:hover #icon--right-arrow.stroke g {
stroke: var(--link-hover)
}
.section-featured-locations .box-ratio {
padding-bottom: 100% !important
}
.section-featured-locations .box-ratio img {
object-fit: cover;
object-position: center;
width: 100%;
height: 700px
}
.store-availability-container {
animation-duration: 3s
}
.store-availability-container .store-availability-information__title {
font-size: var(--font-size);
font-family: var(--heading-family);
font-weight: var(--main-weight)
}
.store-availability-container .store-availability-small-text {
font-size: var(--font-size);
font-weight: var(--main-weight)
}
.store-availability-container .store-availability__pickup-details {
background-color: var(--box-shadow-color);
color: var(--text-color);
text-align: center;
padding: var(--space-6) var(--space-3);
margin-right: -1px;
border: 1px solid var(--dotted-color);
transition: all .1s ease-in-out;
width: 100%
}
.store-availability-container .store-availability-information {
display: flex;
margin-left: 5px
}
.store-availability-container .store-availability-information-container {
margin-left: 5px;
text-align: left
}
.store-availability-container .store-availability-information i {
line-height: 22px
}
.store-availability-container .slideout__trigger-store-availability {
border: none;
height: auto;
line-height: var(--font-size);
text-transform: initial;
margin: 0 auto;
margin-top: var(--space-3);
text-decoration: underline;
background: 0 0
}
@media (min-width:768px) {
.store-availability-container .slideout__trigger-store-availability {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.store-availability-container .slideout__trigger-store-availability {
font-size: var(--font-size)
}
}
.store-availability-container .slideout__trigger-store-availability:after {
content: none !important;
border: none !important
}
.store-availability-container .store-availability-information__link {
text-decoration: underline;
cursor: pointer
}
.store-availability-container .store-availability-information__link:focus, .store-availability-container .store-availability-information__link:hover {
opacity: .6
}
.store-availabilities__modal .store-availabilities-modal__product-title {
font-size: calc(var(--font-size) + 2px);
line-height: calc((var(--font-size) * .375) + var(--font-size))
}
.store-availabilities__modal .store-availabilities-modal__variant-title {
font-size: var(--font-size)
}
.store-availabilities__modal .store-availability-list__address p, .store-availabilities__modal .store-availability-list__phone {
margin: 0 !important;
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing)
}
.store-availabilities__modal .store-availabilities-list {
overflow: auto
}
.store-availabilities__modal .store-availabilities-modal__close {
margin-bottom: 13px;
cursor: pointer
}
.store-availabilities__modal .store-availability-list__item>p {
font-size: var(--font-size);
margin-bottom: 0
}
.template-account .page-header .box-ratio, .template-activate-acount .page-header .box-ratio, .template-addresses .page-header .box-ratio, .template-login .page-header .box-ratio, .template-order .page-header .box-ratio, .template-register .page-header .box-ratio, .template-reset-password .page-header .box-ratio {
padding-bottom: var(--customer-banner-height) !important
}
.template-account .page-header .box-ratio img, .template-activate-acount .page-header .box-ratio img, .template-addresses .page-header .box-ratio img, .template-login .page-header .box-ratio img, .template-order .page-header .box-ratio img, .template-register .page-header .box-ratio img, .template-reset-password .page-header .box-ratio img {
height: var(--customer-banner-height) !important
}
.masonry-grid-wrapper {
width: 100%;
margin: 0 auto
}
.section--masonry-gallery.no-fouc {
max-height: 300px
}
.masonry-gallery--full-width .masonry-grid {
width: 100%
}
.masonry-grid svg {
cursor: inherit
}
.masonry-grid:after {
content: '';
display: block;
clear: both
}
.grid-item {
height: 120px;
float: left;
margin-bottom: 1rem;
overflow: hidden
}
.masonry-gallery--no-padding .grid-item {
margin-bottom: 0
}
.grid-item__inner {
overflow: hidden
}
.grid-item__img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.grid-item__box-ratio img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.grid-item img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 4s cubic-bezier(.25, .5, .8, .65);
transition: -webkit-transform 4s cubic-bezier(.25, .5, .8, .65);
transition: transform 4s cubic-bezier(.25, .5, .8, .65)
}
.grid-item img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.grid-item__box-ratio .onboard {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.grid-item__caption.grid-item__caption--centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
.grid-item__caption.grid-item__caption--bottom {
position: absolute;
bottom: var(--space-6);
left: 50%;
transform: translateX(-50%);
text-align: center
}
.grid-item .grid-item__caption h3 {
font-family: var(--main-family);
font-weight: var(--main-weight);
line-height: 1.57
}
.grid-item .grid-item__caption p {
font-family: var(--heading-family);
font-weight: var(--heading-weight);
line-height: 1.14;
visibility: hidden
}
.grid-item, .grid-sizer {
width: 100%
}
.gutter-sizer {
width: 0%
}
@media (min-width:740px) {
.grid-item, .grid-sizer {
width: calc((100% - 1rem)/ 2)
}
.gutter-sizer {
width: 1rem
}
.masonry-gallery--no-padding .grid-item, .masonry-gallery--no-padding .grid-sizer {
width: calc(100% / 2)
}
.masonry-gallery--no-padding .gutter-sizer {
width: 0%
}
}
@media (min-width:1180px) {
.grid-item, .grid-sizer {
width: calc((100% - 2 * 1rem)/ 3)
}
.gutter-sizer {
width: 1rem
}
.masonry-gallery--no-padding .grid-item, .masonry-gallery--no-padding .grid-sizer {
width: calc(100% / 3)
}
.masonry-gallery--no-padding .gutter-sizer {
width: 0%
}
}
.grid-item .grid-item__caption p {
visibility: hidden
}
.grid-item:hover .grid-item__caption p {
visibility: visible
}
@media (max-width:1180px) {
.grid-item .grid-item__caption p {
visibility: visible
}
}
.carousel {
position: relative
}
.masonry-carousel-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding-bottom: var(--masonry-padding)
}
.masonry-gallery--full-width .carousel-wrapper.wrapper {
padding-left: unset;
padding-right: unset
}
.masonry-carousel-nav>svg {
width: var(--slideshow-btn-width);
height: var(--slideshow-btn-height)
}
.masonry-gallery .carousel-cell {
display: flex;
position: relative;
width: 100%;
margin-right: var(--masonry-padding)
}
.masonry-gallery .carousel-cell:nth-child(odd) {
flex-direction: column
}
.masonry-gallery .carousel-cell:nth-child(even) {
flex-direction: column-reverse
}
.masonry-gallery .carousel-sub-cell {
position: relative;
overflow: hidden;
min-height: 120px
}
.masonry-gallery--no-padding .carousel-sub-cell:not(.carousel-sub-cell--no-btm-margin) {
margin-bottom: 0
}
.carousel-sub-cell:not(.carousel-sub-cell--no-btm-margin) {
margin-bottom: var(--masonry-padding)
}
.carousel-sub-cell--no-btm-margin {
margin-bottom: 0
}
.carousel-sub-cell__inner {
overflow: hidden
}
.carousel-sub-cell img, .carousel-sub-cell svg {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.carousel-sub-cell:hover img, .carousel-sub-cell:hover svg {
opacity: .5
}
.carousel-sub-cell__caption {
text-align: center
}
.carousel-sub-cell__caption.carousel-sub-cell__caption--centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.carousel-sub-cell__caption.carousel-sub-cell__caption--bottom {
position: absolute;
bottom: var(--space-6);
left: 50%;
transform: translateX(-50%)
}
.carousel-sub-cell__caption h3 {
font-family: var(--main-family);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase
}
.carousel-sub-cell__caption p {
font-family: var(--heading-family);
font-weight: var(--heading-weight);
font-stretch: normal;
font-style: italic;
line-height: 1.14;
letter-spacing: normal;
visibility: hidden
}
.carousel-sub-cell__caption p {
visibility: hidden
}
.carousel-sub-cell:hover .carousel-sub-cell__caption p {
visibility: visible
}
@media (max-width:1180px) {
.carousel-sub-cell__caption p {
visibility: visible
}
}
.carousel-wrapper {
display: block
}
@media (min-width:740px) {
.carousel-wrapper, .masonry-carousel-nav {
display: none
}
}
.masonry-grid {
display: none
}
@media (min-width:740px) {
.masonry-grid {
display: block
}
}
.on-board--caption {
background: #fff;
padding: var(--space-8);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
input[type=search]#Search::-webkit-search-cancel-button, input[type=search]#Search::-webkit-search-decoration, input[type=search]#Search::-webkit-search-results-button, input[type=search]#Search::-webkit-search-results-decoration {
-webkit-appearance: none
}
#predictive-search {
line-height: initial;
--ps-background-color: var(--background);
--ps-border-color: var(--dotted-color);
--ps-color: var(--text-color);
--ps-transition: background-color 100ms ease-in-out;
--ps-scrollbar-color: var(--box-shadow-color)
}
#predictive-search ul {
margin-bottom: 0
}
#predictive-search-results {
max-height: 60vh;
overflow-y: auto;
background: var(--ps-background-color);
color: var(--ps-color)
}
#predictive-search-results::-webkit-scrollbar-thumb {
background: var(--ps-scrollbar-color) !important
}
.predictive-search__heading {
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--ps-border-color);
color: var(--ps-color)
}
.predictive-search__heading#predictive-search-products {
margin-bottom: 1rem
}
.predictive-search__item-content .price.price--listing .price-item {
color: var(--ps-color)
}
.predictive-search__list-item, .predictive-search__results-list>li {
list-style-type: none
}
.predictive-search__item.button-as-link {
color: var(--ps-color)
}
.predictive-search__item-content .price.price--listing {
align-items: flex-start
}
.predictive-search__image {
margin-right: 1rem;
width: initial
}
.predictive-search__item-content {
display: flex;
flex-direction: column;
justify-content: center
}
.predictive-search__item {
display: flex;
width: 100%;
padding: 1rem;
margin-bottom: 1rem;
text-align: left;
background-color: transparent;
transition: var(--ps-transition);
text-transform: initial;
height: initial;
line-height: initial;
color: var(--ps-color)
}
.predictive-search__list-item--search .predictive-search__item {
position: static;
width: 100%;
margin: 0;
padding: 1rem;
text-decoration: none
}
.predictive-search-form {
position: relative
}
#predictive-search .predictive-search__item:focus, #predictive-search .predictive-search__item:hover, .predictive-search__list-item--search .predictive-search__item:focus, .predictive-search__list-item--search .predictive-search__item:hover {
background-color: var(--ps-background-color)
}
.predictive-search__item:hover .predictive-search__item-heading {
text-decoration: underline
}
.search__product-loop.grid__wrapper {
padding-left: 1rem;
padding-right: 1rem
}
.mobile-menu predictive-search .product-index.span-2.md-span-4.sm-span-6.auto {
grid-column: auto/span 6 !important;
width: 100%;
margin-bottom: 1rem
}
.mobile-menu predictive-search .grid__wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.mobile-menu #predictive-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 120;
width: 100%
}
.mobile-menu #predictive-search {
position: relative
}
predictive-search .product-index .product-listing__quickview-trigger, predictive-search .product-index:hover .product-listing__quickview-trigger {
display: none
}
.searchbox .button.btn-outline:after {
z-index: 500 !important
}
.searchbox .predictive-search__heading {
margin-left: 0;
margin-right: 0
}
.predictive-search__list-item--search .button.btn-outline {
margin: 0 auto
}
input[type=email], input[type=password], input[type=text], textarea {
font-weight: var(--main-weight)
}
header {
width: 100%;
z-index: 20
}
.top-bar {
background-color: var(--announcement-background);
color: var(--announcement-text);
text-transform: uppercase
}
.top-bar .one {
background-color: var(--phone-number-background);
padding: var(--space-4) 0
}
.top-bar .one a, .top-bar .one a:visited, .top-bar .one p {
color: var(--phone-number-text) !important
}
.top-bar .two {
background-color: var(--shop-note-background);
padding: var(--space-4) 0
}
.top-bar .two a, .top-bar .two a:visited, .top-bar .two p {
color: var(--shop-note-text)
}
.top-bar .three {
background-color: var(--announcement-background);
padding: var(--space-4) 0
}
.top-bar .three a, .top-bar .three a:visited, .top-bar .three p {
color: var(--announcement-text)
}
.top-bar ul.cart.cart-link-topbar-true li a, .top-bar ul.cart.cart-link-topbar-true span {
color: var(--announcement-text)
}
.main-bar {
background-color: var(--header-wrapper-background);
color: var(--header-links)
}
.main-bar .header__text-logo {
word-break: break-all
}
@media (min-width:768px) {
.main-bar .header__logo-wrapper {
padding-top: var(--space-4);
padding-bottom: var(--space-4)
}
}
.main-bar .nav-font, .main-bar ul.cart a, .main-bar ul.cart span, .main-bar ul.nav a {
color: var(--header-links)
}
.main-bar #icon--dropdown-arrow.stroke g {
stroke: var(--header-links)
}
.main-bar.sticky--active {
width: 100%;
position: fixed;
top: 0;
max-width: unset;
z-index: 9;
-webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
-moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05)
}
.main-bar.sticky--active>article {
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .8s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.main-bar a, .main-bar h1, .main-bar h2, .main-bar h3, .main-bar h4, .main-bar h5, .main-bar p {
color: var(--header-links)
}
.site-logo a {
font-family: var(--heading-family);
font-weight: var(--heading-weight);
color: var(--logo-color)
}
@media (min-width:1180px) {
span.navigation__top-level--hover {
padding-bottom: 13px;
border-bottom: 2px solid transparent
}
ul.cart.cart-link-topbar-false li a.active>.navigation__top-level--hover, ul.cart.cart-link-topbar-false li:hover a>.navigation__top-level--hover, ul.nav li a.dlink.active>.navigation__top-level--hover, ul.nav li:hover a.dlink>.navigation__top-level--hover {
border-color: var(--header-links-hover)
}
}
.cart-link-topbar-true {
color: var(--announcement-bar-text-color);
fill: var(--announcement-bar-text-color)
}
.cart-link-topbar-true svg g {
fill: var(--announcement-bar-text-color)
}
.cart-link .cart-count.icon-style {
background: var(--accent-color)
}
ul.cart.cart-link-topbar-false li a, ul.nav>li, ul.nav>li a.dlink {
line-height: 30px
}
#drop-mega-menu {
display: none;
position: absolute;
left: 0;
width: 100%;
z-index: 20;
overflow: hidden;
opacity: 0;
background-color: var(--background);
-webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
-moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
animation-name: fadeOutOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .4s
}
@keyframes fadeOutOpacity {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
#drop-mega-menu .left {
background-color: var(--dropdown-bg-color);
padding: var(--space-7) var(--space-9);
height: 100%
}
#drop-mega-menu .left ul>li {
display: block
}
#drop-mega-menu .left ul>li a {
font-size: var(--nav-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
display: inline-block;
width: 100%
}
#drop-mega-menu .left ul.sub-menu>li a {
font-size: var(--nav-size);
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing);
text-transform: capitalize;
color: var(--dropdown-link-color);
width: 100%
}
#drop-mega-menu .left ul.sub-menu>li a:hover {
color: var(--dropdown-hover-link-color)
}
#drop-mega-menu .right {
background-color: var(--background);
padding: var(--space-7) var(--space-9)
}
#drop-mega-menu .right .mega-dropdown__image-wrapper img {
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
-webkit-transition: -webkit-transform 7s cubic-bezier(.25, .5, .8, .65);
transition: -webkit-transform 7s cubic-bezier(.25, .5, .8, .65);
transition: transform 7s cubic-bezier(.25, .5, .8, .65);
height: 290px;
object-fit: cover;
position: absolute;
top: 50%
}
#drop-mega-menu .right .mega-dropdown__image-wrapper img:hover {
-webkit-transform: scale(1.2) translateY(-50%);
transform: scale(1.2) translateY(-50%)
}
#drop-mega-menu .right .mega-dropdown__image-title {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase
}
.dropdown.has_sub_menu:hover #drop-mega-menu, .dropdown.has_sub_menu:hover .submenu {
display: block;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .4s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.navigation__menuitem--active>#drop-mega-menu, .navigation__menuitem--active>.nested, .navigation__menuitem--active>.submenu {
display: block !important;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .4s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.js-menuitem-with-nested-dropdown:hover>.nested.dropdown--edge {
left: initial !important;
right: calc(100%) !important
}
.js-menuitem-with-nested-dropdown:hover>.submenu.dropdown--edge {
left: auto !important;
right: 0 !important
}
.dropdown__menuitem--active>.nested {
display: block !important;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .4s
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.dropdown__menuitem--active>.nested.dropdown--edge {
left: initial !important;
right: calc(100%) !important
}
.searchbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
z-index: 1000
}
.searchbox .searchbox__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
transform: translateY(-300%);
transition: transform .5s cubic-bezier(.28, 0, .18, 1) .5s;
background-color: var(--background);
padding: 60px 0;
text-align: center;
-webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .09);
-moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .09);
box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .09)
}
.searchbox::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
opacity: 0;
will-change: opacity;
transition: opacity .3s cubic-bezier(0, 0, .3, 1)
}
.searchbox.shown {
pointer-events: all
}
.searchbox.shown::before {
opacity: 1
}
.searchbox.shown .searchbox__inner {
transition: transform .6s cubic-bezier(.28, 0, .18, 1);
transform: translateY(0)
}
.searchbox.shown .searchbox__inner::before {
opacity: 1
}
.searchbox.shown .searchbox__background {
opacity: 1;
pointer-events: auto
}
.searchbox .search-close {
position: absolute;
top: 20px;
right: 20px
}
.searchbox .search-close svg {
width: 44px;
height: 44px
}
.searchbox .search-close svg .icon-fill {
stroke: var(--text-color)
}
.searchbox input::placeholder {
color: var(--text-color);
text-transform: uppercase
}
.searchbox input:-ms-input-placeholder {
color: var(--text-color);
text-transform: uppercase
}
.searchbox input::-ms-input-placeholder {
color: var(--text-color);
text-transform: uppercase
}
.section-featured-collection .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number {
position: relative
}
@media (min-width:768px) {
.section-featured-collection .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.section-featured-collection .pagination .page-number, .template-collection .pagination .page-number, .template-list-collections .pagination .page-number {
font-size: var(--font-size)
}
}
.section-featured-collection .pagination .page-number.current, .section-featured-collection .pagination .page-number:hover, .template-collection .pagination .page-number.current, .template-collection .pagination .page-number:hover, .template-list-collections .pagination .page-number.current, .template-list-collections .pagination .page-number:hover {
color: var(--text-color)
}
.section-featured-collection .pagination .page-number.current:after, .section-featured-collection .pagination .page-number:hover:after, .template-collection .pagination .page-number.current:after, .template-collection .pagination .page-number:hover:after, .template-list-collections .pagination .page-number.current:after, .template-list-collections .pagination .page-number:hover:after {
content: '';
background: var(--accent-color);
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0
}
.section-featured-collection .collection__page--sm-filter-content, .template-collection .collection__page--sm-filter-content, .template-list-collections .collection__page--sm-filter-content {
background-color: var(--background)
}
.section-featured-collection .collection__page--sm-filter-content .filter-close svg, .template-collection .collection__page--sm-filter-content .filter-close svg, .template-list-collections .collection__page--sm-filter-content .filter-close svg {
transform: scale(2);
transform-origin: center
}
.section-featured-collection .collection__page--sm-filter-content .active-arrow .icon-fill, .section-featured-collection .collection__page--sm-filter-content .filter-close .icon-fill, .section-featured-collection .collection__page--sm-filter-content .inactive-arrow .icon-fill, .template-collection .collection__page--sm-filter-content .active-arrow .icon-fill, .template-collection .collection__page--sm-filter-content .filter-close .icon-fill, .template-collection .collection__page--sm-filter-content .inactive-arrow .icon-fill, .template-list-collections .collection__page--sm-filter-content .active-arrow .icon-fill, .template-list-collections .collection__page--sm-filter-content .filter-close .icon-fill, .template-list-collections .collection__page--sm-filter-content .inactive-arrow .icon-fill {
stroke: var(--text-color)
}
.section-featured-collection .collection__page--sm-filter-content .accordion-content2.sub li a, .section-featured-collection .collection__page--sm-filter-content .tlink2:not(.has_sub_menu) a, .template-collection .collection__page--sm-filter-content .accordion-content2.sub li a, .template-collection .collection__page--sm-filter-content .tlink2:not(.has_sub_menu) a, .template-list-collections .collection__page--sm-filter-content .accordion-content2.sub li a, .template-list-collections .collection__page--sm-filter-content .tlink2:not(.has_sub_menu) a {
font-size: calc(var(--font-size) + 1px);
font-family: var(--heading-family);
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: var(--main-spacing);
text-transform: none !important;
color: var(--text-color)
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion, .template-collection .collection__page--sm-filter-content ul#accordion, .template-list-collections .collection__page--sm-filter-content ul#accordion {
border-bottom: .8px solid var(--dotted-color) !important
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion li.tlink, .template-collection .collection__page--sm-filter-content ul#accordion li.tlink, .template-list-collections .collection__page--sm-filter-content ul#accordion li.tlink {
border-top: .8px solid var(--dotted-color) !important
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu, .template-collection .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu, .template-list-collections .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu {
border-bottom: none !important
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu a, .template-collection .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu a, .template-list-collections .collection__page--sm-filter-content ul#accordion ul.sub li.tlink2.has_sub_menu a {
padding-bottom: var(--space-1)
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion .tlink2.selected, .template-collection .collection__page--sm-filter-content ul#accordion .tlink2.selected, .template-list-collections .collection__page--sm-filter-content ul#accordion .tlink2.selected {
text-decoration: underline
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li, .template-collection .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li, .template-list-collections .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li {
padding-left: 0
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li a, .template-collection .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li a, .template-list-collections .collection__page--sm-filter-content ul#accordion ul.accordion-content2 li a {
padding-left: var(--space-3);
padding-top: 0;
color: var(--text-color)
}
.section-featured-collection .collection__page--sm-filter-content .nav-close svg, .template-collection .collection__page--sm-filter-content .nav-close svg, .template-list-collections .collection__page--sm-filter-content .nav-close svg {
transform: scale(2);
transform-origin: center
}
.section-featured-collection .collection__page--sm-filter-content ul#accordion li.tlink a, .template-collection .collection__page--sm-filter-content ul#accordion li.tlink a, .template-list-collections .collection__page--sm-filter-content ul#accordion li.tlink a {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
padding: var(--space-4) 0;
display: inline-block;
margin-bottom: 0;
color: var(--text-color)
}
.section-featured-collection .collection-menu__key--wrapper ul, .template-collection .collection-menu__key--wrapper ul, .template-list-collections .collection-menu__key--wrapper ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
text-align: left
}
@media (max-width:767px) {
.section-featured-collection .collection-menu__key--wrapper .collection-menu__key--item, .template-collection .collection-menu__key--wrapper .collection-menu__key--item, .template-list-collections .collection-menu__key--wrapper .collection-menu__key--item {
font-size: var(--font-size)
}
}
.section-featured-collection .collection-menu__filters--list li a, .template-collection .collection-menu__filters--list li a, .template-list-collections .collection-menu__filters--list li a {
font-size: var(--font-size);
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: var(--font-size);
letter-spacing: 1px;
text-transform: uppercase;
padding: var(--space-3) var(--space-4);
color: var(--text-color-light);
border: 1px solid var(--text-color-light);
background-color: transparent;
display: inline-block;
margin-bottom: 0
}
.section-featured-collection .collection-menu__filters--list li a.selected, .section-featured-collection .collection-menu__filters--list li a:hover, .template-collection .collection-menu__filters--list li a.selected, .template-collection .collection-menu__filters--list li a:hover, .template-list-collections .collection-menu__filters--list li a.selected, .template-list-collections .collection-menu__filters--list li a:hover {
color: var(--text-color);
border-color: var(--text-color)
}
.section-featured-collection .collection-menu__heading, .template-collection .collection-menu__heading, .template-list-collections .collection-menu__heading {
font-family: var(--main-family);
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: 1.29px;
text-transform: uppercase;
padding: var(--space-2) 0;
border-bottom: solid 1px var(--text-color);
font-size: var(--font-size)
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__title a, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__title a, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__title a {
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: var(--heading-spacing)
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__description, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__description, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__description {
font-size: var(--font-size);
font-weight: 300;
font-stretch: normal;
font-style: italic;
line-height: 1.54;
letter-spacing: var(--main-spacing)
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__variants, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__variants, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__variants {
text-align: left !important
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__variants a {
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing);
text-decoration: none !important
}
@media (min-width:768px) {
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__variants a {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.section-featured-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-collection .collection-menu__items-wrapper--settings-true .menu-item__variants a, .template-list-collections .collection-menu__items-wrapper--settings-true .menu-item__variants a {
font-size: var(--font-size)
}
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__title, .section-featured-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__title--sm, .template-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__title, .template-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__title--sm, .template-list-collections .collection-menu__items-wrapper--settings-true .one-row .menu-item__title, .template-list-collections .collection-menu__items-wrapper--settings-true .one-row .menu-item__title--sm {
width: 52%;
display: inline-block;
text-align: left !important
}
.section-featured-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants, .section-featured-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants--price, .template-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants, .template-collection .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants--price, .template-list-collections .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants, .template-list-collections .collection-menu__items-wrapper--settings-true .one-row .menu-item__variants--price {
width: 45%;
display: inline-block;
text-align: right !important
}
.section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__variants--price {
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing)
}
@media (min-width:768px) {
.section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__variants--price {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .section-featured-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-collection .collection-menu__items-wrapper--settings-false .menu-item__variants--price, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__title--sm a, .template-list-collections .collection-menu__items-wrapper--settings-false .menu-item__variants--price {
font-size: var(--font-size)
}
}
.section-featured-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__title, .section-featured-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__title--sm, .template-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__title, .template-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__title--sm, .template-list-collections .collection-menu__items-wrapper--settings-false .one-row .menu-item__title, .template-list-collections .collection-menu__items-wrapper--settings-false .one-row .menu-item__title--sm {
width: 52%;
display: inline-block;
text-align: left !important
}
.section-featured-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants, .section-featured-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants--price, .template-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants, .template-collection .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants--price, .template-list-collections .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants, .template-list-collections .collection-menu__items-wrapper--settings-false .one-row .menu-item__variants--price {
width: 45%;
display: inline-block;
text-align: right !important
}
.section-featured-collection .menu-item__key, .template-collection .menu-item__key, .template-list-collections .menu-item__key {
font-family: var(--main-family);
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing);
color: var(--sale-color)
}
.section-featured-collection .menu-item__variants, .template-collection .menu-item__variants, .template-list-collections .menu-item__variants {
font-size: var(--font-size);
font-weight: 400;
font-stretch: normal;
font-style: italic;
line-height: 1.54;
letter-spacing: var(--main-spacing)
}
@media (min-width:768px) {
.section-featured-collection .menu-item__image--wrapper img, .template-collection .menu-item__image--wrapper img, .template-list-collections .menu-item__image--wrapper img {
width: 120px;
height: 120px;
object-fit: cover;
object-position: center
}
.section-featured-collection .menu-item__image--wrapper .box-ratio, .template-collection .menu-item__image--wrapper .box-ratio, .template-list-collections .menu-item__image--wrapper .box-ratio {
padding-bottom: 100% !important
}
}
.collection__filtering {
position: relative;
width: 220px;
display: inline-block;
height: var(--space-8)
}
@media (max-width:1179px) {
.collection__filtering {
width: 100%;
display: block
}
}
.chosen-value::placeholder {
color: var(--text-color) !important;
opacity: 1 !important
}
.collection__horizontal-toolbar .chosen-value, .collection__horizontal-toolbar .value-list {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.collection__horizontal-toolbar .chosen-value {
font-weight: 600;
height: var(--space-8);
font-size: var(--font-size);
background-color: var(--background);
border: 1px solid var(--dotted-color) !important;
transition: .3s ease-in-out;
text-align: left;
margin-bottom: 0 !important;
padding: 0 var(--space-4)
}
.collection__horizontal-toolbar .collection__filtering:after {
content: " ";
border: solid var(--text-color);
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 1rem;
pointer-events: none
}
.collection__horizontal-toolbar .chosen-value::-webkit-input-placeholder {
color: var(--text-color)
}
.collection__horizontal-toolbar .chosen-value:hover {
cursor: pointer
}
.collection__horizontal-toolbar .chosen-value.open, .collection__horizontal-toolbar .chosen-value:focus {
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2);
outline: 0
}
.collection__horizontal-toolbar .value-list {
list-style: none;
margin-top: var(--space-8);
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2);
overflow: hidden;
max-height: 0;
transition: .3s ease-in-out;
z-index: 2
}
.collection__horizontal-toolbar .value-list.open {
max-height: 320px;
overflow: auto;
border-left: 1px solid var(--text-color);
border-right: 1px solid var(--text-color);
border-bottom: 1px solid var(--text-color)
}
.collection__horizontal-toolbar .value-list li {
position: relative;
min-height: 2.5rem;
background-color: var(--background);
padding: 0 16px;
display: flex;
align-items: center;
cursor: pointer;
transition: background-color .3s;
opacity: 1;
line-height: 1.2
}
.collection__horizontal-toolbar .value-list li:first-child {
padding-top: var(--space-3)
}
.collection__horizontal-toolbar .value-list li:last-child {
padding-bottom: var(--space-3)
}
.collection__horizontal-toolbar .value-list li [type=checkbox], .collection__sm-filter--final-level [type=checkbox] {
display: none
}
.collection__horizontal-toolbar .value-list li span {
font-size: var(--font-size)
}
.collection__horizontal-toolbar .value-list li:hover {
text-decoration: underline
}
.collection__horizontal-toolbar .value-list li.closed {
max-height: 0;
overflow: hidden;
padding: 0;
opacity: 0
}
#c-accordion--collection-mobile-filters .collection__color-filter--false li.current span, .collection__horizontal-toolbar .filter--regular .value-list li.current span, .collection__horizontal-toolbar .filter--size .value-list li.current span {
padding-left: 15px !important
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:before, .collection__horizontal-toolbar .filter--size .value-list li.current:before {
content: "";
display: inline-block;
transform: rotate(45deg);
height: 10px;
width: 3px;
border-bottom: 2px solid var(--text-color);
border-right: 2px solid var(--text-color);
border-radius: 2px;
position: absolute;
left: 16px
}
#c-accordion--collection-mobile-filters .collection__color-filter--false input[type=checkbox]:checked+a {
position: relative
}
#c-accordion--collection-mobile-filters .collection__color-filter--false input[type=checkbox]:checked+a:before {
content: "";
display: inline-block;
transform: rotate(45deg);
height: 10px;
width: 3px;
border-bottom: 2px solid var(--text-color);
border-right: 2px solid var(--text-color);
position: absolute;
left: 0;
top: 0;
border-radius: 2px
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:hover:before, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:before {
border-color: var(--background);
border-left: 2px solid var(--background);
height: 13px;
width: unset;
margin-right: unset;
padding: unset;
border-bottom: unset;
border-right: unset
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:hover:after, .collection__horizontal-toolbar .filter--size .value-list li.current:hover:after {
content: "";
display: inline-block;
transform: rotate(-45deg);
height: 13px;
border-left: 2px solid var(--background);
border-radius: 2px;
position: absolute;
left: 16px
}
.collection__color-filter--true .color-filter, .collection__horizontal-toolbar .color-filter {
min-width: 18px !important;
width: 18px !important;
height: 18px !important;
line-height: calc(18px - 2px) !important;
vertical-align: middle;
border: 2px solid #fff;
box-shadow: 0 0 0 1px var(--text-color-light, #d6d6d6);
display: inline-block;
margin: 0 10px 0 0;
line-height: initial;
vertical-align: middle;
background-size: contain;
background-position: center;
cursor: pointer
}
.collection__color-filter--true .color-filter.color-filter--rounded, .collection__horizontal-toolbar .color-filter.color-filter--rounded {
border-radius: 50%
}
.collection__color-filter--true .color-filter.current, .collection__color-filter--true li a:hover .color-filter, .collection__horizontal-toolbar .color-filter.current, .collection__horizontal-toolbar li a:hover .color-filter {
box-shadow: 0 0 0 1px var(--text-color, #000)
}
.collection__horizontal-toolbar .value-list>li.disabled {
color: var(--disabled-text);
cursor: not-allowed;
pointer-events: none;
text-decoration: none
}
.collection__horizontal-toolbar #collection--filters {
line-height: 0;
width: 100%;
text-align: left
}
.collection__horizontal-toolbar .filter {
display: inline-block;
margin-right: 10px;
border: 0;
margin-bottom: 10px;
vertical-align: top
}
.collection__page-filter, .collection__page-sort {
margin-bottom: 20px
}
.filter-price__trigger {
height: var(--space-8);
font-size: var(--font-size);
background-color: var(--background) !important;
color: var(--text-color);
border: 1px solid var(--dotted-color) !important;
transition: .3s ease-in-out;
text-align: left;
margin-bottom: 0 !important;
position: relative;
width: 220px;
display: inline-block;
line-height: var(--space-8);
padding-left: var(--space-4);
border-radius: unset !important
}
.filter-price__trigger:after {
content: " ";
border: solid var(--text-color);
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: calc(50% - 6px);
right: 1rem;
pointer-events: none
}
@media screen and (max-width:980px) {
.filter-price__trigger {
width: 100%;
display: block
}
}
.filter--price-range {
position: relative
}
.filter-price__trigger:hover {
cursor: pointer
}
.c-accordion .filter-price__dropdown {
padding: 1rem 1.375rem 1rem 2rem
}
.collection__horizontal-toolbar .filter-price__dropdown {
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2);
transition: .3s ease-in-out;
z-index: 2;
position: absolute;
top: var(--space-8);
left: 0;
background: var(--background);
border-right: 1px solid var(--dotted-color);
border-left: 1px solid var(--dotted-color);
border-bottom: 1px solid var(--dotted-color);
padding: 15px 10px 10px;
line-height: initial;
width: 100%
}
.filter-price__trigger.active, .filter-price__trigger:focus {
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2);
outline: 0 !important
}
.filter-range__footer {
font-size: var(--font-size);
border-top: 1px solid var(--dotted-color);
padding-top: 10px
}
.filter-range__footer a {
font-size: var(--font-size);
text-decoration: underline
}
.filter-range__field {
display: inline-block;
margin-bottom: 14px;
font-size: var(--font-size)
}
#c-accordion--collection-mobile-filters .filter-range__field {
width: 49%
}
label.filter-range__field__label {
display: block;
font-size: var(--font-size);
font-weight: bolder;
margin-bottom: 4px
}
#c-accordion--collection-mobile-filters .filter-range__field__input {
width: 88%
}
.filter-range__field__input {
box-shadow: none;
border: 1px solid;
line-height: var(--space-8);
background: var(--background);
padding-left: 6px
}
.no-js .collection__filtering, .no-js .filter--price-range {
display: none
}
.no-js select.styled-select {
margin: 10px 0 0 0 !important
}
#c-accordion--collection-mobile-filters .filter-price__dropdown {
padding: 1.5rem 2rem .4rem 2rem
}
.filter-range__slider--input {
position: absolute;
left: 0;
bottom: 0
}
@-moz-document url-prefix() {
.filter-range__slider--input {
position: relative
}
.filter-range__field, .filter-range__slider--input {
display: inline-block;
width: 47%
}
.filter-range__field__input {
width: 80% !important
}
.filter-range__field__currency {
display: inline-block;
width: 10%
}
}
.filter-range__slider--wrapper {
position: relative;
display: inline-block;
width: 100%;
margin: 10px 0 10px 0
}
.filter--price-range .filter-range__field__input {
border: 1px solid var(--dotted-color);
text-align: left;
-moz-appearance: textfield;
width: auto !important;
min-width: 70px;
margin: unset !important;
float: unset !important
}
.collection__page-sidebar .filter-range__field__input {
width: 80% !important
}
.filter-range__field__input::-webkit-inner-spin-button, .filter-range__field__input::-webkit-outer-spin-button {
-webkit-appearance: none
}
.filter-range__field__input:invalid, .filter-range__field__input:out-of-range {
border: 2px solid var(--error-msg-dark)
}
.filter-range__slider--input {
-webkit-appearance: none;
width: 100%
}
.filter-range__slider--input:focus {
outline: 0
}
.filter-range__slider--input:focus::-webkit-slider-runnable-track {
background: var(--text-color)
}
.filter-range__slider--input:focus::-ms-fill-lower {
background: var(--text-color)
}
.filter-range__slider--input:focus::-ms-fill-upper {
background: var(--text-color)
}
.filter-range__slider--input::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
cursor: pointer;
animate: .2s;
background: var(--text-color);
border-radius: 1px;
box-shadow: none;
border: 0
}
.filter-range__slider--input::-webkit-slider-thumb {
z-index: 1;
position: relative;
box-shadow: 0 0 0 #000;
border: 1px solid var(--text-color);
height: 18px;
width: 18px;
border-radius: 25px;
background: var(--background);
cursor: pointer;
-webkit-appearance: none;
margin-top: -7px
}
.filter-range__slider--input::-moz-range-track {
width: 100%;
height: 5px;
cursor: pointer;
animate: .2s;
background: var(--text-color);
border-radius: 1px;
box-shadow: none;
border: 0
}
.filter-range__slider--input::-moz-range-thumb {
z-index: 2;
position: relative;
box-shadow: 0 0 0 #000;
border: 1px solid var(--text-color);
height: 18px;
width: 18px;
border-radius: 25px;
background: var(--background);
cursor: pointer
}
.filter-range__slider--input::-ms-track {
width: 100%;
height: 5px;
cursor: pointer;
animate: .2s;
background: 0 0;
border-color: transparent;
color: transparent
}
.filter-range__slider--input::-ms-fill-lower, .filter-range__slider--input::-ms-fill-upper {
border-radius: 1px;
box-shadow: none;
border: 0
}
.filter-range__slider--input::-ms-fill-upper {
background: var(--text-color)
}
.filter-range__slider--input::-ms-fill-lower {
background: #eee
}
.filter-range__slider--input::-ms-thumb {
z-index: 2;
position: relative;
box-shadow: 0 0 0 #000;
border: 1px solid var(--text-color);
height: 18px;
width: 18px;
border-radius: 25px;
background: var(--background);
cursor: pointer
}
ul.current_filters li {
margin: 0 5px 5px 0;
display: inline-block
}
ul.current_filters li.current_filters--filter a {
font-size: var(--font-size);
background: var(--text-color);
padding: 5px 25px 5px 10px;
color: var(--background);
display: block;
margin: 0;
position: relative
}
ul.current_filters li.current_filters--filter a:after {
content: "\00d7";
position: absolute;
right: 10px;
font-size: var(--font-size)
}
ul.current_filters li a.current_filters--clear {
text-decoration: underline;
font-size: var(--font-size)
}
.desktop-filters .tag-group button {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: var(--space-8);
height: var(--space-8);
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 var(--space-4);
color: var(--text-color);
border: 1px solid var(--dotted-color);
display: inline-block;
margin-bottom: var(--space-3)
}
.desktop-filters .tag-group button.selected, .desktop-filters .tag-group button:hover {
color: var(--text-color-light);
background-color: transparent
}
.desktop-filters .tag-filters li a {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: var(--space-8);
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 var(--space-4);
display: inline-block;
margin-bottom: 0;
height: var(--space-8)
}
.desktop-filters .tag-filters li.selected a, .desktop-filters .tag-filters li:hover a {
text-decoration: underline
}
.clear-tags svg#icon--close {
margin-top: -2px
}
li.collection__sm-filter--final-level.selected span.c-accordion__tag-link:before {
content: '';
display: inline-block;
transform: rotate(45deg);
height: 10px;
width: 4px;
border-bottom: 2px solid var(--dotted-color);
border-right: 2px solid var(--dotted-color)
}
li.collection__sm-filter--final-level.selected a {
padding-left: 10px
}
.slideout__trigger-filters {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 2.57;
letter-spacing: 1px;
text-transform: uppercase;
background-color: var(--background);
color: var(--button-text);
border: 1px solid var(--button-text);
width: 100%
}
.slideout__trigger-filters:hover {
background-color: var(--background);
color: var(--button-text-hover);
border: 1px solid var(--button-text-hover)
}
span.filter__count {
font-size: 80% !important
}
.collection__page--sm-filters .slideout__trigger-filters {
height: var(--space-10)
}
.errors {
width: auto
}
.errors ul {
margin-bottom: 0
}
.errors ul li {
font-size: var(--font-size)
}
.featured-product #main-slider a.zoom_btn svg.lg, .template-product #main-slider a.zoom_btn svg.lg {
transform-origin: bottom center !important
}
.featured-product .swatch input+label, .template-product .swatch input+label {
color: var(--swatch-text);
background-color: var(--swatch-bg);
border-color: var(--swatch-border)
}
.featured-product .swatch input:checked+label, .template-product .swatch input:checked+label {
border-color: var(--swatch-selected-border);
background: var(--swatch-selected-bg);
color: var(--swatch-selected-text)
}
.featured-product .swatch-element.soldout label:after, .template-product .swatch-element.soldout label:after {
border-bottom: 1px solid var(--text-color-light)
}
.featured-product .shopify-product-form h5, .template-product .shopify-product-form h5 {
color: var(--text-color)
}
.featured-product .shopify-product-form h5 span, .template-product .shopify-product-form h5 span {
color: var(--text-color-light)
}
.featured-product .price-unit-price, .template-product .price-unit-price {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
color: var(--link-hover)
}
.featured-product button.shopify-payment-button__button--unbranded, .template-product button.shopify-payment-button__button--unbranded {
padding: 0 !important
}
.featured-product button.shopify-payment-button__button--unbranded:after, .template-product button.shopify-payment-button__button--unbranded:after {
z-index: 1;
border: none !important;
left: unset !important;
top: unset !important
}
.featured-product .original-select, .template-product .original-select {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
position: relative
}
.featured-product .original-select .selector-wrapper, .template-product .original-select .selector-wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
width: 100%;
border-top: solid .8px var(--dotted-color);
position: relative
}
.featured-product .original-select .selector-wrapper label, .template-product .original-select .selector-wrapper label {
grid-column: auto/span 2;
padding-right: var(--space-1);
align-self: center;
vertical-align: middle
}
.featured-product .original-select .selector-wrapper:after, .template-product .original-select .selector-wrapper:after {
content: '';
position: absolute;
left: unset;
border-top: 8px solid var(--dotted-color);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: 8px;
top: 50%;
transform: translateY(-50%);
pointer-events: none
}
.featured-product .original-select .selector-wrapper:before, .template-product .original-select .selector-wrapper:before {
content: '';
position: absolute;
left: unset;
border-top: 6px solid var(--background);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
right: 10px;
z-index: 2;
top: 29px;
transform: translateY(-50%);
pointer-events: none
}
.featured-product .original-select .selector-wrapper select, .template-product .original-select .selector-wrapper select {
grid-column: auto/span 3;
position: relative;
align-self: center;
vertical-align: middle;
width: 100%;
min-width: unset;
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
cursor: pointer
}
.featured-product #product-description, .template-product #product-description {
animation: fadeIn;
animation-duration: 3s
}
.featured-product #product-description .quantity-selector, .template-product #product-description .quantity-selector {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
width: 100%;
border-top: solid .8px var(--dotted-color)
}
.featured-product #product-description .quantity-selector label, .template-product #product-description .quantity-selector label {
grid-column: auto/span 2;
padding-right: var(--space-1);
align-self: center;
vertical-align: middle
}
.featured-product #product-description .quantity-selector .selector, .template-product #product-description .quantity-selector .selector {
grid-column: auto/span 3;
position: relative;
align-self: center;
vertical-align: middle
}
.featured-product #product-description .quantity-selector .product-qty, .template-product #product-description .quantity-selector .product-qty {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
width: auto;
text-align: left;
padding: 1.125rem 1.5625rem;
height: auto;
line-height: initial
}
.featured-product #product-description .quantity-selector .product-qty:focus, .template-product #product-description .quantity-selector .product-qty:focus {
border: none
}
.featured-product #product-description .quantity-selector .controls, .template-product #product-description .quantity-selector .controls {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
right: 0
}
.featured-product #AddToCartForm .variants, .template-product #AddToCartForm .variants {
margin-top: var(--space-2);
margin-bottom: var(--space-2);
border-bottom: solid .8px var(--dotted-color)
}
.featured-product .swatch-element.color input+label, .template-product .swatch-element.color input+label {
border: 1px solid var(--link-hover)
}
.featured-product .swatch-element.color input:checked+label, .template-product .swatch-element.color input:checked+label {
box-shadow: 0 0 0 1px var(--swatch-selected-border)
}
.featured-product input.cart-qty, .featured-product input.product-qty, .featured-product input.quantity, .template-product input.cart-qty, .template-product input.product-qty, .template-product input.quantity {
color: var(--text-color)
}
.featured-product a.quantity-control-down, .featured-product a.quantity-control-up, .template-product a.quantity-control-down, .template-product a.quantity-control-up {
color: var(--text-color)
}
.featured-product .subtitle, .template-product .subtitle {
font-family: var(--heading-family);
letter-spacing: var(--heading-spacing);
font-style: italic;
color: var(--text-color)
}
.featured-product .description.rte ul, .template-product .description.rte ul {
list-style: disc;
text-indent: 20px;
margin: var(--space-1) 0 var(--space-7) var(--space-4);
padding-left: 0
}
.featured-product .description.rte ul li, .template-product .description.rte ul li {
font-size: var(--font-size);
color: var(--text-color);
font-weight: var(--main-weight);
line-height: 1.57
}
.featured-product .description.rte ol, .template-product .description.rte ol {
text-indent: 20px;
margin: var(--space-1) 0 var(--space-7) var(--space-4);
padding-left: 0
}
.featured-product .description.rte ol li, .template-product .description.rte ol li {
font-size: var(--font-size);
color: var(--text-color);
font-weight: var(--main-weight);
line-height: 1.57
}
.featured-product ul.details-table, .template-product ul.details-table {
border: solid 1px var(--dotted-color)
}
.featured-product ul.details-table li.detail, .template-product ul.details-table li.detail {
border-bottom: solid 1px var(--dotted-color);
padding: var(--space-4);
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto
}
.featured-product ul.details-table li.detail:last-child, .template-product ul.details-table li.detail:last-child {
border-bottom: none
}
.featured-product ul.details-table li.detail p, .template-product ul.details-table li.detail p {
align-self: center;
vertical-align: middle
}
.featured-product ul.details-table li.detail p, .featured-product ul.details-table li.detail p a, .template-product ul.details-table li.detail p, .template-product ul.details-table li.detail p a {
display: inline-block;
margin: 0;
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
vertical-align: middle;
text-decoration: none
}
.featured-product ul.details-table li.detail a:last-child span, .template-product ul.details-table li.detail a:last-child span {
display: none
}
.featured-product ul.details-table li.detail a:hover, .template-product ul.details-table li.detail a:hover {
text-decoration: underline
}
.featured-product ul.details-table li.detail p.label, .template-product ul.details-table li.detail p.label {
grid-column: auto/span 2;
padding-right: var(--space-1)
}
.featured-product ul.details-table li.detail .item,
.template-product ul.details-table li.detail .item {
grid-column: auto/span 3
}
.featured-product ul.details-table li.detail .item.rte p,
.template-product ul.details-table li.detail .item.rte p {
margin-bottom: 0;
}
.featured-product ul.details-table li.description, .template-product ul.details-table li.description {
border-bottom: solid 1px var(--dotted-color);
padding: var(--space-7) var(--space-4);
margin: 0
}
.featured-product ul.details-table li.description p, .template-product ul.details-table li.description p {
display: inline-block;
margin: 0 0 var(--space-2) 0;
width: 100%
}
.featured-product ul.details-table li.description p.label, .template-product ul.details-table li.description p.label {
width: 100%;
font-size: var(--font-size);
line-height: 1.57;
margin-bottom: var(--space-3)
}
.featured-product #shopify-product-reviews, .template-product #shopify-product-reviews {
background-color: var(--secondary-bg);
padding: var(--space-5) var(--space-7)
}
.featured-product #shopify-product-reviews .spr-container, .template-product #shopify-product-reviews .spr-container {
border: none;
padding: 0
}
.featured-product #shopify-product-reviews .spr-header-title, .template-product #shopify-product-reviews .spr-header-title {
text-align: var(--heading-align);
font-size: var(--h3-size);
margin-top: var(--space-2);
padding-bottom: var(--space-2)
}
.featured-product #shopify-product-reviews .spr-review-header-title, .template-product #shopify-product-reviews .spr-review-header-title {
font-size: var(--font-size);
font-family: var(--main-family);
margin: var(--space-2) 0;
text-transform: uppercase
}
.featured-product #shopify-product-reviews .spr-review-header-byline, .template-product #shopify-product-reviews .spr-review-header-byline {
font-size: var(--font-size);
font-family: var(--heading-family);
font-stretch: normal;
font-style: italic;
line-height: 1.35;
letter-spacing: var(--main-spacing)
}
.featured-product #shopify-product-reviews .spr-review-header-byline strong, .template-product #shopify-product-reviews .spr-review-header-byline strong {
font-weight: 400 !important
}
.featured-product #shopify-product-reviews .spr-form, .featured-product #shopify-product-reviews .spr-review, .template-product #shopify-product-reviews .spr-form, .template-product #shopify-product-reviews .spr-review {
border-color: var(--dotted-color)
}
.featured-product #shopify-product-reviews i.spr-icon, .template-product #shopify-product-reviews i.spr-icon {
color: var(--link-hover)
}
.featured-product #shopify-product-reviews .spr-review-header, .template-product #shopify-product-reviews .spr-review-header {
display: inline-block;
width: 26rem
}
.featured-product #shopify-product-reviews .spr-review-content, .template-product #shopify-product-reviews .spr-review-content {
display: inline-block;
width: calc(100% - 27rem)
}
.featured-product #shopify-product-reviews .spr-review-content-body, .template-product #shopify-product-reviews .spr-review-content-body {
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: var(--main-spacing)
}
@media (min-width:768px) {
.featured-product #shopify-product-reviews .spr-review-content-body, .template-product #shopify-product-reviews .spr-review-content-body {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.featured-product #shopify-product-reviews .spr-review-content-body, .template-product #shopify-product-reviews .spr-review-content-body {
font-size: var(--font-size)
}
}
@media (min-width:768px) {
.featured-product #shopify-product-reviews .spr-summary-actions-togglereviews, .template-product #shopify-product-reviews .spr-summary-actions-togglereviews {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.featured-product #shopify-product-reviews .spr-summary-actions-togglereviews, .template-product #shopify-product-reviews .spr-summary-actions-togglereviews {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.featured-product .spr-review-content, .template-product .spr-review-content {
width: 100% !important
}
.featured-product .spr-summary, .template-product .spr-summary {
text-align: left
}
}
.featured-product .share-icons svg, .template-product .share-icons svg {
width: 20px;
height: 20px;
margin: 0
}
.featured-product .share-icons svg#icon--pinterest, .template-product .share-icons svg#icon--pinterest {
width: 22px;
height: 22px
}
.product__section--rating-wrapper {
padding: 10px 0
}
.product__section-rating {
display: inline-block;
margin: 0
}
.product__section-rating-star {
--letter-spacing: 0.2;
--font-size: 1
}
.product__section-rating-star {
--percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
letter-spacing: calc(var(--letter-spacing) * 1rem);
font-size: calc(var(--font-size) * 1rem);
line-height: 1;
display: inline-block;
font-family: Times;
margin: 0
}
.product__section-rating-star::before {
content: '★★★★★';
background: linear-gradient(90deg, var(--star-active) var(--percent), var(--star-inactive) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.product__section-rating-text {
display: none
}
.product__section-rating-count {
display: inline-block;
margin: 0;
font-size: 11px;
vertical-align: middle
}
@media (forced-colors:active) {
.product__section-rating {
display: none
}
.product__section-rating-text {
display: block
}
}
.product__section--popup-trigger {
line-height: unset !important;
height: unset !important;
text-decoration: underline;
}
.template-page .locations-page-template .links a {
border-left: .8px solid var(--dotted-color);
padding-left: var(--space-3);
margin-right: var(--space-3)
}
.template-page .locations-page-template .links a:hover {
text-decoration: underline
}
.template-page .locations-page-template .links a:first-child {
border-left: none;
padding-left: 0
}
.template-page .locations-page-template .desktop-filters .location-filters li button {
font-size: var(--font-size);
font-stretch: normal;
font-style: normal;
line-height: var(--font-size);
letter-spacing: 1px;
text-transform: uppercase;
padding: var(--space-3) var(--space-4);
color: var(--text-color);
border: 1px solid var(--dotted-color);
background-color: transparent;
display: inline-block;
margin-bottom: 0
}
.template-page .locations-page-template .desktop-filters .location-filters li button::after {
content: unset
}
.template-page .locations-page-template .desktop-filters .location-filters li button.selected, .template-page .locations-page-template .desktop-filters .location-filters li button:hover {
color: var(--text-color-light);
border-color: var(--dotted-color);
background-color: transparent
}
.template-page .locations-page-template .desktop-filters .location-filters li button.clear-filters {
border: none
}
@media (max-width:767px) {
.template-page .locations-page-template .desktop-filters .location-filters li {
margin-bottom: 5px
}
}
.template-page section.rich-text h2 {
font-stretch: normal;
font-style: normal;
line-height: 1.1;
letter-spacing: var(--heading-spacing);
margin-bottom: var(--space-5)
}
.template-page section.rich-text p {
font-family: var(--heading-family);
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: var(--main-spacing);
text-align: center
}
.template-page section.text-columns {
background-color: var(--background)
}
.template-page section.text-columns .text-promo-image {
max-width: 150px;
margin: 0 auto
}
.template-page section.text-columns p {
margin-top: var(--font-size);
color: var(--link-hover)
}
.template-404 h1 {
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: var(--heading-spacing)
}
@media (min-width:768px) {
.template-404 p {
font-size: var(--font-size)
}
}
@media (max-width:767px) {
.template-404 p {
font-size: var(--font-size)
}
}
.cart-link button.slideout__trigger-ajax-cart {
display: inline-block;
width: auto;
line-height: 30px !important
}
@media (min-width:1180px) {
.cart-link button.slideout__trigger-ajax-cart {
padding: var(--space-2) var(--space-1) !important
}
}
.ajax-cart__drawer-wrapper>div:focus {
outline: 0 !important
}
.mini-cart__container {
position: relative
}
.ajax-cart__cart-item {
position: relative;
border-top: 1px solid var(--dotted-color)
}
.ajax-cart__cart-item:last-child {
border-bottom: 1px solid var(--dotted-color)
}
.ajax-cart__cart-title__wrapper {
max-width: 170px
}
.ajax-cart__item-remove {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer
}
.ajax-cart__item-image img {
vertical-align: middle
}
.ajax-cart__header__continue-link {
font-size: var(--font-size)
}
.ajax-cart__header__continue-link-text {
margin-left: 5px;
font-size: var(--font-size);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer
}
.ajax-cart__header__count {
font-size: var(--font-size);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer
}
.ajax-cart__item-quantity {
font-size: 0
}
.ajax-cart_header-count {
font-size: var(--font-size);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer
}
.ajax-cart__qty-control--down, .ajax-cart__qty-control--up {
display: inline-block;
vertical-align: middle;
border: none;
width: 30px;
height: 40px;
line-height: 40px;
cursor: pointer;
text-align: center;
font-size: var(--font-size)
}
.ajax-cart__qty-input {
background: 0 0;
display: inline-block;
vertical-align: middle;
border: none;
width: 30px;
height: 40px;
line-height: 40px;
font-family: var(--main-family);
font-style: var(--main-style);
letter-spacing: var(--main-spacing)
}
.ajax-cart__cart-variants {
font-size: var(--font-size);
margin-bottom: 10px
}
input.ajax-cart__qty-input::-webkit-inner-spin-button, input.ajax-cart__qty-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number].ajax-cart__qty-input {
-moz-appearance: textfield
}
.ajax-cart__title a {
font-size: var(--font-size);
display: block;
max-width: 225px
}
.ajax-cart__accordion .accordion-content {
list-style: none;
padding-left: 0
}
.ajax-cart__accordion .accordion-content.closed, .ajax-cart__accordion .accordion-content2.closed {
display: none
}
.ajax-cart__accordion .accordion-content, .ajax-cart__accordion .accordion-content.default, .ajax-cart__accordion .accordion-content2, .ajax-cart__accordion .accordion-content2.default {
display: block
}
.ajax-cart__accordion .tlink.has_sub_menu, .ajax-cart__accordion .tlink2.has_sub_menu {
/* cursor: pointer; */
list-style: none;
position: relative;
margin-bottom: 10px
}
.ajax-cart__accordion .tlink.has_sub_menu a, .ajax-cart__accordion .tlink2.has_sub_menu a {
padding: 10px;
background: var(--background);
display: inline-block;
width: 100%;
font-size: var(--font-size)
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon, .ajax-cart__accordion .tlink2.has_sub_menu span.icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow {
display: block
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow, .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow {
display: none
}
.ajax-cart__accordion .accordion-toggle2:after, .ajax-cart__accordion .tlink.has_sub_menu:after {
padding-right: 0
}
.ajax-cart__free-shipping {
margin-bottom: 15px;
background-color: var(--free-shipping-bg);
color: var(--free-shipping-text)
}
.ajax-cart__final-details div {
font-size: 0;
margin-bottom: 5px
}
.ajax-cart__final-details div>p {
display: inline-block;
width: 50%;
vertical-align: middle;
font-size: var(--font-size);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.4
}
.ajax-cart__final-details .title {
font-size: var(--font-size);
font-weight: var(--main-weight);
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: 1px;
text-transform: uppercase
}
.ajax-cart__item-line-price dl, .ajax-cart__item-price dl {
margin-bottom: 0
}
.ajax-cart__item-line-price span, .ajax-cart__item-price dd {
font-size: var(--font-size)
}
.ajax-cart__order-discount {
list-style: none
}
.ajax-cart__order-discount .order-discount__item .onsale {
font-size: 11px
}
.ajax-cart__button-view_cart {
text-align: center
}
.ajax-cart__cart-form {
grid-column-gap: 30px;
grid-row-gap: 10px
}
.ajax-cart__empty-cart {
font-size: var(--h2-size)
}
.mini-cart__cart-note {
grid-column: auto/span 12;
width: 95%;
text-align: left;
display: block;
border: 1px solid var(--error-msg-dark);
padding: 5px;
color: var(--error-msg-dark);
background-color: var(--error-msg-light);
margin-top: 10px
}
.mini-cart__cart-note p {
margin-bottom: 0
}
.ajax-cart__buttons-additional ul {
justify-content: center !important
}
.ajax-cart__page-wrapper .ajax-cart__cart-item {
padding: 10px !important
}
.ajax-cart__page-wrapper .ajax-cart__button-view_cart {
display: none !important
}
.ajax-cart__page-wrapper .ajax-cart__empty-cart {
margin-top: 100px
}
.ajax-cart__page-wrapper .ajax-cart__cart-form {
padding-left: 7% !important;
padding-right: 7% !important
}
.ajax-cart__page-wrapper .ajax-cart__header-wrapper {
padding-top: var(--space-2);
padding-bottom: var(--space-2)
}
@media (min-width:740px) {
.ajax-cart__page-wrapper .ajax-cart__item-image, .ajax-cart__page-wrapper .ajax-cart__item-line-price, .ajax-cart__page-wrapper .ajax-cart__item-price, .ajax-cart__page-wrapper .ajax-cart__item-qty {
grid-column: auto/span 2;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__item-details {
grid-column: auto/span 4;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__info-wrapper {
grid-column: auto/span 6;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
grid-column: auto/span 6;
width: 100%
}
}
@media (min-width:1250px) {
.ajax-cart__page-wrapper .ajax-cart__item-image img {
max-width: 160px
}
}
@media (min-width:980px) and (max-width:1249px) {
.ajax-cart__page-wrapper .ajax-cart__item-image img {
max-width: 120px
}
.ajax-cart__page-wrapper .ajax-cart__qty-input {
width: 40px !important
}
}
@media (min-width:740px) and (max-width:979px) {
.ajax-cart__page-wrapper .ajax-cart__item-image img {
max-width: 100px
}
.ajax-cart__page-wrapper .ajax-cart__qty-input {
width: 40px !important
}
}
@media (max-width:767px) {
.ajax-cart__page-wrapper .ajax-cart__item-image img {
max-width: 70px
}
.ajax-cart__page-wrapper .ajax-cart__item-image {
grid-column: auto/span 4;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__item-line-price, .ajax-cart__page-wrapper .ajax-cart__item-price {
grid-column: auto/span 3;
width: 100%;
text-align: center
}
.ajax-cart__page-wrapper .ajax-cart__item-qty {
grid-column: auto/span 6;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__item-details {
grid-column: auto/span 8;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__info-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__page-wrapper .ajax-cart__item-quantity {
text-align: center
}
.ajax-cart__title a {
max-width: 180px
}
}
.template-cart .ajax-cart__drawer-wrapper .or-divider {
display: none
}
.ajax-cart__drawer-wrapper .ajax-cart__cart-item {
padding: 15px !important;
grid-row-gap: 0
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image img {
max-width: 70px
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image {
grid-column: auto/span 3;
width: 100%
}
.ajax-cart__drawer-wrapper .ajax-cart__item-line-price, .ajax-cart__drawer-wrapper .ajax-cart__item-price {
grid-column: auto/span 3;
width: 100%;
text-align: center
}
.ajax-cart__drawer-wrapper .ajax-cart__item-qty {
grid-column: auto/span 6;
width: 100%
}
.ajax-cart__drawer-wrapper .ajax-cart__item-details {
grid-column: auto/span 9;
width: 100%
}
.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__drawer-wrapper .ajax-cart__item-quantity {
text-align: center
}
.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
margin-top: 100px
}
.ajax-cart__modal-wrapper .ajax-cart__header-wrapper {
padding-bottom: 5px
}
.ajax-cart__modal-wrapper .ajax-cart__cart-items {
max-height: 320px;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 10px
}
.ajax-cart__modal-wrapper .ajax-cart__cart-item {
padding: 10px 0 !important
}
.ajax-cart__modal-wrapper .ajax-cart__item-image img {
max-width: 70px
}
.ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper {
margin: 0 auto;
text-align: center
}
.ajax-cart__modal-wrapper .ajax-cart__qty-input {
width: 40px !important
}
.ajax-cart__modal-wrapper .ajax-cart__empty-cart {
margin-top: 100px
}
.ajax-cart__modal-wrapper .slideout__trigger-ajax-cart {
padding: 0 !important;
height: 30px !important;
line-height: 30px !important
}
.ajax-cart__modal-wrapper .ajax-cart__final-details {
margin-top: 10px
}
.ajax-cart__modal-wrapper .ajax-cart__button-submit {
margin-bottom: 0
}
.ajax-cart__modal-wrapper .ajax-cart__button-view_cart {
margin-bottom: 5px
}
@media (min-width:740px) {
.ajax-cart__modal-wrapper .ajax-cart__item-image, .ajax-cart__modal-wrapper .ajax-cart__item-line-price, .ajax-cart__modal-wrapper .ajax-cart__item-price, .ajax-cart__modal-wrapper .ajax-cart__item-qty {
grid-column: auto/span 2;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__item-details {
grid-column: auto/span 4;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
grid-column: auto/span 6;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
grid-column: auto/span 6;
width: 100%
}
}
@media (max-width:767px) {
.ajax-cart__modal-wrapper .ajax-cart__item-image {
grid-column: auto/span 4;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__item-line-price, .ajax-cart__modal-wrapper .ajax-cart__item-price {
grid-column: auto/span 3;
width: 100%;
text-align: center
}
.ajax-cart__modal-wrapper .ajax-cart__item-qty {
grid-column: auto/span 6;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__item-details {
grid-column: auto/span 8;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
grid-column: auto/span 12;
width: 100%
}
.ajax-cart__modal-wrapper .ajax-cart__item-quantity {
text-align: center
}
.ajax-cart__modal-wrapper .ajax-cart__cart-form, .ajax-cart__modal-wrapper .ajax-cart__header-wrapper {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: unset
}
}
@media (max-width:767px) {
#modal-ajax-cart .modal__inner-wrapper {
padding: 20px 10px 20px 10px !important;
overflow-y: auto
}
}
.ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc, .ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc {
display: none
}
.shipping-calc__response--wrapper {
border: 1px solid var(--dotted-color);
margin-top: 15px;
padding: 20px;
font-size: var(--font-size)
}
.shipping-calc__rate {
font-size: var(--font-size)
}
svg#icon--material-sale-tag {
width: 12px
}
.featured-blog .posted, .template-blog .posted {
border-color: var(--text-color);
color: var(--text-color);
background-color: var(--background);
border-radius: 1px;
border-style: solid;
border-width: 1px;
display: inline-block;
font-size: var(--font-size-sm);
height: 26px;
line-height: 26px;
padding: 0 8px 0 8px
}
.featured-blog .article_wrapper--has-image .posted, .template-blog .article_wrapper--has-image .posted {
position: absolute;
top: 5px;
left: 5px;
z-index: 1
}
footer {
background-color: var(--footer-bg);
color: var(--footer-text);
border-color: var(--footer-border)
}
footer .border-right {
border-color: var(--footer-border)
}
footer a, footer a:visited, footer p {
color: var(--footer-text)
}
footer a:hover {
color: var(--footer-link-hover) !important
}
footer small, footer small a, footer small a:visited {
color: var(--footer-text)
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
color: var(--footer-header)
}
footer .top-footer a, footer .top-footer p {
font-size: var(--font-size);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.57;
margin-bottom: var(--space-4)
}
footer .top-footer .footer-logo {
max-width: 200px
}
footer .bottom-footer ul li {
font-size: var(--font-size) !important;
line-height: 1.57;
letter-spacing: 1px;
margin-right: var(--space-6)
}
footer .bottom-footer ul li a {
font-size: var(--font-size) !important
}
footer .bottom-footer small, footer .bottom-footer small a {
font-size: var(--font-size) !important;
font-weight: 300;
line-height: 1.4;
letter-spacing: var(--main-spacing)
}
footer .bottom-footer .disclosure__toggle {
color: var(--footer-text);
border: 1px solid var(--footer-text);
background-color: var(--footer-bg);
margin-bottom: 11px !important
}
footer .bottom-footer .disclosure-list {
background-color: var(--footer-text);
border: 1px solid var(--footer-bg)
}
footer .bottom-footer .disclosure-list__option {
color: var(--footer-bg) !important;
text-transform: capitalize
}
footer .bottom-footer .disclosure-list__option:focus, footer .bottom-footer .disclosure-list__option:hover {
color: var(--footer-text);
border-bottom: 1px solid var(--footer-bg)
}
footer .bottom-footer .disclosure-list__item--current .disclosure-list__option {
color: var(--footer-bg);
border-bottom: 1px solid var(--footer-bg) !important;
font-weight: 900
}
footer [type=button], footer [type=submit], footer a.button, footer button {
color: var(--footer-text) !important;
background-color: var(--footer-bg) !important;
border-color: var(--footer-text) !important
}
footer [type=button]:after, footer [type=submit]:after, footer a.button:after, footer button:after {
border-color: var(--footer-text) !important
}
@media (min-width:1180px) {
footer .selectors-form {
flex-wrap: nowrap
}
footer .selectors-form__item {
padding-bottom: 0
}
footer .selectors-form__item:first-of-type {
margin-left: 0
}
}
@media (max-width:767px) {
footer .selectors-form {
justify-content: left !important
}
footer .payment-methods {
margin-bottom: var(--space-5)
}
footer .left-footer {
order: 1;
text-align: left
}
footer .right-footer {
order: 2;
margin-top: 5.5625rem;
text-align: left
}
footer .bottom-footer ul li {
margin-right: var(--space-1)
}
}
/*//////////////// CUSTOM CSS ////////////////*/
/* Rich text styling */
.section-richtext {
margin-bottom: -40px;
}
.section-richtext h2 {
margin-bottom: -15px;
}
.section-richtext p {
font-family: "Montserrat", "sans serif" !important;
font-size: 16px;
line-height: 24px;
}
/* Form */
#rhf-form {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
#rhf-form .hbspt-form {
width: 500px
}
/* Dropdown tile text color */
.mega-dropdown__image-title {
color: black;
}
/* Drop mega menu position */
@media (min-width: 1180px) {
#drop-mega-menu {
top: 76px;
}
/* Nav item padding */
.navigation li.dropdown {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* Gallery and masonry */
div.carousel-sub-cell__caption h3,
div.grid-item__caption.grid-item__caption--bottom h3,
div.caption h3,
div.caption p.mb1 {
background-color: #00000066;
backdrop-filter: blur(1px);
border-radius: 5px;
padding: 15px;
}
div.caption p.mb1 {
background-color: #00000066;
backdrop-filter: blur(1px);
padding: 5px;
visibility: visible;
}
div.carousel-sub-cell__caption h3 {
font-weight: bold;
}
.section-heading a {
color: var(--heading-color);
}
/* Footer badges */
@media (min-width: 1180px) {
.footer-logo img {
max-width: 500px;
}
}
/* Social icons */
@media (min-width: 1180px) {
#social-icons {
position: relative;
top: 20px;
text-align: right;
}
}
/* Product */
#AddToCartForm > div.product-single__store-availability-container {
display: none !important;
}
/* CTAs */
.section-event-block .event-block__btn,
.section-job-card .job-card__btn,
.section-image-text-cta .image-text-cta__btn {
background-color: #7A5895;
}
/* Design Portfolio */
#design-portolio {
border: 10px solid blue;
}