/** Shopify CDN: Minification failed

Line 30:0 All "@import" rules must come first

**/
:root {
    --clr: #330f54;
    --voilet: #330d5c;
    --dark_voilet: #1f043c;
    --l_voilet: #815e9a;
    --l_hover: #6a4187;
    --clip: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
    --bg_img: url('/cdn/shop/files/main-home-bckgd-img.jpg?v=1642747314');
    --white: #fff;
    --orange: #df7c11;
    --playguard: 'Plaguard', sans-serif
}

@font-face {
  font-family: 'watchmen';
  src: url('OPTIFutura-ExtraBlackCond.eot');
  src: url('OPTIFutura-ExtraBlackCond.eot?#iefix') format('embedded-opentype'),
       url('OPTIFutura-ExtraBlackCond.svg#OPTIFutura-ExtraBlackCond') format('svg'),
       url('OPTIFutura-ExtraBlackCond.ttf') format('truetype'),
       url('OPTIFutura-ExtraBlackCond.woff') format('woff'),
       url('OPTIFutura-ExtraBlackCond.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=El+Messiri&family=Roboto:wght@300&family=Spartan:wght@200&display=swap');

.section-block {
    background-color: transparent
}
.collection-page-css .grid.grid--no-gutters.grid--uniform {
  
   display: grid;
    grid-template-columns: repeat(4 , 4fr);
  
}
.collection-page-css .grid.grid--no-gutters.grid--uniform>div {
    width: 100%!important;
    position: relative;
}

     .collection-page-css .wishlist-hero-custom-button.wishlisthero-floating {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 9;
}
body.template-index .page-container.page-element {
    padding-top: 0
}

body.template-customers-login .page-container.page-element {
    padding-top: 20px
}

body.template-customers-register .page-container.page-element {
    padding-top: 20px
}

.page-container.page-element {
    padding-top: 90px
}

body.template-page .page-container.page-element {
    padding-top: 20px
}

 .drawer__nav-link--top-level {
    font-size: 20px;
    color: #fff
}

.drawer__nav-toggle-btn {
    color: #fff
}

.drawer__search-input[type=search] {
    border: 1px solid
}

.drawer__inner {
    background-image: var(--bg_img);
    border: 1px solid #fff
}

.sticky--open {
    box-shadow: 0 3px 10px
}

.site-nav__link:focus {
    background-color: transparent
}

.nav-bar {
    border-top: unset
}

.site-nav--active .site-nav__link:after {
    background-color: unset
}

.site-nav {
    margin-left: unset
}

.site-header__search-cart-wrapper {
    align-items: center;
    justify-content: flex-start
}

.site-header__upper {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

h1.site-header__logo {
    position: relative;
    width: 200px
}

.header-grid {
    display: flex;
    align-items: center
}

body.template-index a.site-header__logo-link {
    width: 100%;
    position: relative
}

body.template-index a.site-header__logo-link img {
    z-index: 9;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translate(-50%)
}
span#custom-count {
    font-size: 12px;
    padding-left: 2px;
}
body.template-index a.site-header__logo-link:before {
    position: absolute;
    content: "";
    top: -60px;
    left: 0;
    height: 126px;
    width: 200px;
    clip-path: polygon(100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);
    z-index: 1;
    background: var(--voilet)
}

a.site-nav__link {
    font-size: 18px
}

ul.meganav__nav.page-width {
    padding: 0 0 0 20px;
    text-transform: uppercase
}

.notification.notification--promo {
    max-width: 100%;
    margin: 0;
    padding: 0
}

.page-width.notification__inner {
    padding: 12px;
    background: var(--voilet)
}

.notification__inner {
    padding: 8px;
    background: var(--voilet);
    z-index: 9
}

span.notification__message {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.notification--promo,
.notification--success {
    background-color: #330d5c;
    color: #fff
}

@keyframes myfirst {
    0% {
        transform: translate(-30px, 0)
    }
    100% {
        transform: translate(30px, 0)
    }
}

.notification-adapt .notification__message {
    background-color: var(--voilet);
    font-size: 14px;
    letter-spacing: 1px
}

.page-width.notification__inner button {
    display: none
}

.notification__inner button {
    display: none
}

a.site-header__logo-link:before {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    height: 125px;
    width: 200px;
    clip-path: polygon(100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);
    z-index: 1;
    background: var(--voilet)
}

a.site-header__logo-link img {
    z-index: 9;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: -18px;
    left: 42px
}

.hero-content__controls-item--count {
    display: none
}

.hero-content__controls-item--pause {
    display: none
}

.section-block.section-block--padding {
    background: 0 0
}

.image-content__image-container {
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px))
}

.page-width {
    width: 100%;
    max-width: 1400px;
    padding: 0 30px
}

.page-container {
    background-image: url('/cdn/shop/files/main-home-bckgd-img.jpg?v=1642747314')
}

html {
    background-color: var(--voilet)
}

.emphasized-title {
    background: unset
}

.link-blockss {
    min-height: 490px
}

p.h5 {
    font-size: 15px
}

.flex__item.image-content__text .rte-setting p {
    font-size: 44px;
    line-height: 48px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 10px;
    font-family: var(--playguard) !important
}

p.custom-paragraphh~p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes blink-caret {
    from,
    to {
        border-color: transparent
    }
    100% {
        border-color: orange
    }
}

.template-index .flex__item.image-content__text.text-left>p.h5 {
    color: var(--orange);
    text-transform: uppercase;
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 4px;
    margin: 0 auto;
    border-right: .15em solid transparent;
    font-family: var(--playguard) !important
}

p.h5.animation_start {
    animation: typing 3.5s steps(40, end), blink-caret .75s step-end
}

.flex__item.image-content__text.text-left a.btn {
    position: relative;
    z-index: 4;
    border: 1px solid var(--orange);
    clip-path: var(--clip);
    color: #fff !important;
    font-size: 16px;
    transition: .5s all;
    font-weight: 600;
    background: var(--orange)
}

.flex__item.image-content__text.text-left a.btn:hover {
    border: 1px solid var(--l_hover);
}

.flex__item.image-content__text.text-left a.btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: -347px;
    height: 597px;
    width: 0;
    background: var(--l_hover);
    visibility: hidden;
    opacity: 0;
    transition: .5s all;
    transform: rotate(45deg);
    z-index: -1
}

.flex__item.image-content__text.text-left a.btn:hover::after {
    width: 900px;
    visibility: visible;
    opacity: 1;
    transition: .5s all
}

a.emphasized-subtitle {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 15px 40px !important;
    transition: .5s all;
    border: 1px solid #fff;
    color: #000;
    clip-path: var(--clip)
}

.featured-content.lazyloaded {
    position: relative
}

.featured-content.lazyloaded::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    transition: .5s all
}

.featured-content.lazyloaded:hover:after {
    background: rgba(0, 0, 0, .5)
}

.emphasized-title-wrapper {
    margin-bottom: 8px;
    position: absolute;
    bottom: 30%;
    right: 26px;
    z-index: 2;
    transform: translateY(-50%)
}

.btn-btn {
    border-radius: 24px;
    transition: .5s all;
    position: absolute;
    right: 2%;
    bottom: 24%;
    z-index: 2
}

.image-content__image-wrapper {
    transition: .5s all
}

.section-block:hover .image-content__image-wrapper {
    transform: scale(1.04)
}

a.emphasized-title {
    transition: .5s all
}

.emphasized-title-wrapper a.emphasized-title {
    font-size: 42px;
    transition: .5s all;
    clip-path: var(--clip)
}

.featured-content.lazyloaded:hover a.emphasized-title {
    background: #fff;
    color: #000
}

.img-with-text-second {
    background: #f2f2f2
}

.featured-collect a.featured-card.featured-card--contain:hover {
    transform: translateY(-10px)
}

.featured-collect a.featured-card.featured-card--contain {
    background-image: url('/cdn/shop/files/colletion-bg.jpg?v=1644394196');
    background-size: cover;
    transition: .5s all;
    border: unset
}

p.h1.featured-card__title {
    color: #fff;
    font-family: var(--playguard) !important
}

span.featured-card__action {
    color: #fff;
    font-size: 16px
}

.featured-card:before {
    opacity: 0
}

.featured-card {
    position: relative
}

a.featured-card {
    border: 1px solid var(--voilet);
    margin: 0 10px;
    clip-path: var(--clip)
}

.featured-card:before {
    background-color: rgba(0, 0, 0, .2)
}

a.featured-card:hover p.h1.featured-card__title {
    text-shadow: 0 0 #000
}

span.featured-card__action {
    position: relative
}

.featured-card__title {
    position: relative;
    z-index: 1
}

a.featured-card.featured-card--contain {
    transition: .5s all
}

a.featured-card.featured-card--contain:hover .featured-card__header {
    color: #fff !important
}

a.featured-card.featured-card--contain:hover p.h1.featured-card__title {
    color: #fff
}

.featured-card.featured-card--contain:hover::after {
    background: #634881
}

.product-card__image img {
    transition: .5s all
}

a.product-card:hover .product-card__image img {
    transform: scale(1.08)
}

.product-single__info-wrapper .product-single__policies a:hover {
    text-decoration: unset !important
}

.product-single__policies.rte a {
    border-bottom: 1px solid
}

.product-tag--absolute {
    top: 5px;
    left: 5px
}

.grid__item a.product-card {
    box-shadow: #63636333 0 2px 8px;
    margin: 0 6px 12px;
    clip-path: var(--clip);
    border: unset;
    position: relative;
    z-index: 3;
    background: var(--l_voilet);
    transition: .5s all
}

.custom-heading h1 {
    font-size: 42px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: var(--playguard) !important
}

body.template-collection .grid__item a.product-card {
    margin: 2px
}

.grid__item a.product-card:hover::after {
    width: 900px;
    visibility: visible;
    opacity: 1;
    transition: .5s all
}

.grid__item a.product-card:hover .product-card__price {
    color: #000;
    text-shadow: 0 0 #000
}

.product-card__brand,
.product-card__price {
    transition: .5s all;
    position: relative;
    z-index: 3;
    font-size: 20px;
    margin-top: 5px;
    color: #330d5c;
    font-weight: 800;
    letter-spacing: 1px
}

.product-tag--absolute {
    z-index: 3
}

.product-card__image-wrapper {
    position: relative;
    z-index: 3
}

.product-card__overlay {
    z-index: 4
}

.product-card__info .product-card__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px
}

p.collection-card__subtext {
    transition: .5s all
}

p.collection-card__subtext:hover {
    color: #000
}

span.btn.product-card__overlay-btn {
    background: #fff;
    color: #000;
    clip-path: var(--clip);
    transition: .5s all;
    position: relative;
    overflow: hidden;
    border: unset !important
}

span.btn.product-card__overlay-btn:hover {
    color: #fff
}

span.btn.product-card__overlay-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -347px;
    height: 597px;
    width: 0;
    background: var(--orange);
    visibility: hidden;
    opacity: 0;
    transition: .5s all;
    transform: rotate(45deg);
    z-index: -1
}

span.btn.product-card__overlay-btn:hover::after {
    width: 900px;
    visibility: visible;
    opacity: 1
}

.site-footer__copyright {
    border-top: 1px solid #eee
}

.site-footer {
    background-color: unset
}

footer.site-footer {
    background-image: unset;
    background-size: cover;
    padding: 30px
}

.site-footer a {
    color: #fff;
    text-shadow: 0 0 #fff;
    font-size: 18px
}

.site-footer__section-title {
    text-shadow: 0 0 #fff;
    font-family: var(--playguard) !important;
    min-height:65px;  
}
.site-footer .rte-setting.acc strong {
    margin-bottom: -10px;
    display: block;
    color: var(--orange);
}
      
.site-footer p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px
}

li.site-footer__list-item a {
    transition: .5s all;
    position: relative
}

.site-footer a:focus,
.site-footer a:hover {
    color: var(--orange) !important;
}

li.site-footer__list-item a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--orange);
    transition: .5s all;
    transform: scale(0);
    visibility: hidden;
    opacity: 0
}

li.site-footer__list-item a:hover:after {
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.cart-page .cart__buttons .cart__subtotal,
.cart-page .grid__item label,
.cart-page .small--text-center,
.product-recommendations .section-block__title {
    position: relative;
    z-index: 2
}

body.template-search button.btn.btn--narrow {
    clip-path: unset
}

button.btn.btn--narrow::after {
    background: 0 0
}

body.template-search hr {
    display: none
}

h2.h4.small--text-center {
    color: var(--white)
}

p.section-header__subtext {
    color: var(--white)
}

body.template-customers-register button {
    height: 40px
}

body.template-customers-register button {
    transition: .5s all
}

body.template-customers-register button:hover {
    background: var(--l_voilet);
    border: unset
}

body.template-customers-register .form-vertical.text-center button {
    width: 130px;
    color: #000
}

body.template-customers-login input.btn {
    background: #fff;
    color: #000
}

.content-block {
    background-color: transparent;
    color: var(--white);
    text-align: center;
    font-size: 18px;
}

h1.small--text-center {
    color: var(--white);
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: var(--playguard) !important
}

.rte.rte--indented-images {
    color: var(--white);
    font-size: 18px
}

.rte.rte--indented-images h1,
a,
h2 {
    color: var(--white) !important
}
.meganav__link {
    color: var(--voilet) !important;
}
input,
textarea:focus {
    outline: 0
}

button.btn {
    background: #fff;
    color: #000;
    position: relative;
    z-index: 1;
    cursor: pointer !important
}

button.btn:hover {
    background: #fff;
    color: #fff
}

button.btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -347px;
    height: 597px;
    width: 0;
    background: var(--l_voilet);
    visibility: hidden;
    opacity: 0;
    transition: .5s all;
    transform: rotate(45deg);
    z-index: -1
}

button.btn:hover::after {
    width: 1600px;
    visibility: visible;
    opacity: 1
}

body.template-product button.shopify-payment-button__button {
    background: var(--l_voilet) !important;
    color: #fff !important;
    position: relative
}

body.template-product button.shopify-payment-button__button:hover {
    background: unset !important
}

body.template-product button.shopify-payment-button__button {
    transition: .5s all
}

body.template-product button.shopify-payment-button__button:hover {
    background: var(--orange) !important;
    color: #fff !important
}

.form-vertical h1 {
    color: #fff
}

.form-vertical a {
    position: relative
}

.form-vertical a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--white);
    transform: scale(0);
    opacity: 0;
    transition: .5s all;
    visibility: hidden
}

.form-vertical a:hover::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.form-vertical a:hover,
.grid h1 {
    color: var(--white)
}

.grid h1 {
    color: var(--white)
}

body.template-customers-login h1,
h2 {
    color: var(--white) !important;
    font-family: var(--playguard) !important
}

div#RecoverPasswordForm button {
    padding: 8px 34px;
    background: #fff;
    position: relative
}

div#RecoverPasswordForm button::after {
    position: absolute;
    content: "";
    top: 0;
    left: -347px;
    height: 597px;
    width: 0;
    background: var(--l_voilet);
    visibility: hidden;
    opacity: 0;
    transition: .5s all;
    transform: rotate(45deg);
    z-index: -1
}

div#RecoverPasswordForm button::after {
    visibility: visible;
    opacity: 1;
    width: 900px
}

.shopify-policy__body .rte,
.shopify-policy__title h1 {
    color: var(--white);
    font-family: var(--playguard) !important
}

.shopify-policy__body .rte {
    color: var(--white)
}

body.template-product .product-tag {
    background: #fff;
    color: #000
}

.rte.product-single__description b {
    color: var(--white)
}

.product-single__thumbnails svg {
    fill: #fff !important
}

#backToCollection .full-width {
    background-color: transparent
}

#backToCollection .full-width a {
    color: var(--white);
    font-family: var(--playguard) !important
}

.product-single__info-wrapper .product-single__title {
    color: var(--white);
    font-size: 24px;
    font-family: var(--playguard) !important;
    margin-bottom: 25px
}

.product-single__info-wrapper .product-single__meta-list li,
.product-single__info-wrapper .product-single__meta-list li s {
    color: var(--white)
}

.product-single__info-wrapper .product-single__policies,
.product-single__info-wrapper .product-single__policies a {
    color: var(--white)
}

.product-single__info-wrapper .product-single__policies a:hover {
    text-decoration: underline
}

.product-single__info-wrapper .product-form label {
    color: var(--white)
}

.product-single__info-wrapper .product-single__description {
    color: var(--white);
    FONT-SIZE: 18px
}

.product-single__info-wrapper .social-sharing__title {
    color: var(--white)
}

.product-single__info-wrapper .social-sharing .icon {
    fill: var(--white)
}

.product-recommendations,
.product-recommendations .section-block {
    background-color: transparent
}

.product-recommendations .section-block__title {
    color: var(--white);
    font-family: var(--playguard) !important
}

a.h1.return-link svg {
    transition: .5s all
}

a.h1.return-link:hover svg {
    margin-right: 10px
}

select:focus {
    outline: unset
}

.site-nav__dropdown {
    clip-path: var(--clip) !important
}

.page-empty.text-center h1,
p {
    color: #fff
}

.cart-table {
    background-color: transparent
}

a.remove-prod {
    border-bottom: 1px solid
}

tr.cart__row.responsive-table__row a {
    color: #fff
}

span.cart__item-total {
    color: #fff
}

.cart-page .small--text-center {
    color: var(--white)
}

.cart-page .grid__item label {
    color: var(--white)
}

.cart-page .cart__buttons .cart__subtotal {
    color: var(--white)
}

.btn,
button {
    clip-path: var(--clip)
}

.cart-page .cart__taxes a {
    color: var(--white)
}

.cart-page .cart__note {
    outline: 0
}

body.template-cart a.btn {
    background: var(--l_voilet);
    font-family: var(--playguard) !important;
}
body.template-cart a.btn:hover {
    background: var(--orange)
}

body.template-collection .grid__item.small--text-center > p {
    color: var(--white)
}

body.template-list-collections a.featured-card.featured-card--contain {
    margin: 10px
}

.collection-page-css .section-header__title {
    color: var(--white);
    position: relative;
    z-index: 2;
    margin-left: 10px;
    font-family: var(--playguard) !important
}

.collection-page-css .collection-sort__input {
    color: var(--white)
}

.collection-page-css .collection-sort label {
    color: var(--white);
    margin-bottom: 5px
}

.collection-page-css .collection-sort select {
    outline: 1px solid;
    border-radius: .375rem
}

.collection-page-css .grid .grid__item a.product-card {
    margin: 10px
}

.is-active .product-single__thumbnail:after {
    border: 1px solid #fff
}

.header-grid {
    position: absolute
}

.nav-bar:after {
    background-color: transparent
}

.nav-bar {
    background-color: transparent
}

.site-nav .site-nav__item .site-nav__link {
    color: #fff;
    transition: .5s all;
    font-family: 'Roboto', sans-serif !important;
}

.site-nav .site-nav__item .site-nav__link:hover {
    color: var(--orange)
}

.site-nav__link {
    padding: 20px 20px 10px
}

.site-header__cart,
.site-header__search {
    z-index: 2
}

.site-header__link {
    color: #fff;
    transition: .5s all
}

.site-header__link:hover {
    color: var(--orange) !important
}

form.site-header__search.small--hide svg {
    transition: .5s all
}

form.site-header__search.small--hide:hover svg {
    color: var(--orange)
}

.site-header__link .icon {
    transition: .5s all
}

.site-header__link .icon:hover {
    fill: var(--orange)
}

.customer-login-links a svg {
    stroke: #fff;
    opacity: .8;
    transition: .5s all
}

.customer-login-links a svg:hover {
    stroke: var(--orange)
}

.site-header__cart-indicator {
    background-color: #fff
}

.sticky--open {
    box-shadow: 0 3px 10px;
    background: var(--voilet)
}

.site-header__search-submit {
    z-index: 9
}

button#SiteNavCompressed {
    color: #fff
}

button.text-link.site-header__link.js-drawer-open-left {
    position: relative;
    z-index: 9
}

.site-header__logo a {
    position: relative
}

a.site-header__logo-link img {
    position: relative;
    top: 2px;
    left: 47px
}

a.site-header__logo-link:before {
    position: absolute;
    width: 180px
}

.chat-toggle--text-button {
    clip-path: none
}

.customer-login-links a {
    color: #fff
}

span.emphasized-title.h1.link-block__cta {
    font-size: 26px;
    display: inline-block;
    font-family: var(--playguard) !important
}

.flex__item {
    text-align: left
}

a.link-block {
    padding: 20px 20px
}

.flex.flex--center-vertical {
    position: relative
}

.flex__item.second-item {
    position: absolute;
    width: 100% !important;
    text-align: center;
    bottom: 50px
}

.link-block:after {
    opacity: .2;
    transition: .3s all
}

.featured-card img {
    transform: scale(1);
    transition: all ease .5s
}

.featured-card:hover img {
    transform: scale(1.08)
}

.btn,
.btn--secondary,
.rte .btn,
.rte .btn--secondary,
.rte .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .rte .shopify-payment-button__button--unbranded,
.shopify-payment-button .shopify-payment-button__button--unbranded {
    background-color: var(--l_voilet);
    color: #fff;
    transition: .5s all
}

.btn--secondary:hover, .btn:hover, .rte .btn--secondary:hover, .rte .btn:hover, .rte .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .rte .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover {
    background-color: var(--orange) ;
    color: #fff !important;
    
}
.site-header__link:focus,
.site-header__link:hover {
    color: #fff
}

.link-accent-color:focus,
.link-accent-color:hover,
a:focus,
a:hover { 
    color: var(--orange) !important;
}

.product-form__item button {
    font-family: var(--playguard) !important;
    font-size: 14px
}

.product-single__price {
    font-size: 22px;
    font-weight: 600
}

.accordion:after {
    color: var(--orange) !important
}

.meganav__link {
    display: block;
    color: var(--voilet) !important;
    padding: 5px 10px;
    margin-left: -10px;
    font-weight: 600;
    font-size: 18px;
    transition: .5s all;
    font-family: 'Roboto', sans-serif !important;
}

.meganav__link:hover {
    color: var(--orange)
}

h2.hero-content__title.h1.hero-title-active {
    font-size: 50px;
    background: 0 0;
    font-family: var(--playguard) !important;
    animation: typing 3.5s steps(40, end), blink-caret .75s step-end
}

.hero-content {
    position: absolute;
    top: 30%;
    left: 10px;
    width: 50%
}

.form-vertical input,
.form-vertical select,
.form-vertical textarea {
    clip-path: var(--clip)
}

h2.h1 {
    font-family: var(--playguard) !important
}

.content-block.text-center h1 {
    font-family: var(--playguard) !important
}

h1 {
    color: #fff;
    font-family: var(--playguard) !important
}

.content-block h3 {
    color: #fff
}

.full-width {
    padding: 80px 20px;
    background-color: transparent;
    color: #fff
}

a.h1.return-link {
    color: #fff
}

button.text-link.link-accent-color.address-edit-toggle {
    clip-path: unset;
    color: var(--orange)
}

button.text-link.link-accent-color.address-delete {
    clip-path: unset;
    color: var(--orange)
}

.form-vertical h4 {
    color: #fff
}

input[name="address[default]"] {
    clip-path: unset
}

.accordion:after {
    float: right !important;
}

.product-recommendations {
    padding: 10px 0 40px !important;
}
.product-form__item.product-form__item--submit span, button {
    font-family: var(--playguard) !important;
}  
   
.wishlisthero-product-page-button-container button {
    width: 100%;
    min-height: 48px;
}            
      
/*collection (homepage)*/
.template-index .featured-card__image-wrapper img {
    max-height: 200px !important;
}      
.wishlist-hero-custom-button button {
    height: 34px !important;
    width: 34px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: white !important;
    clip-path: unset;
    top: 4px;
    padding: unset !important;
    right: 10px;
    transition:0.5s all;
}   
.wishlist-hero-custom-button button:hover {
    transform: scale(1.06);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}      
.__react_component_tooltip {
    display: none !important;
}    
.product-card__info {
    background: #d4b3ec;
}      
/*About Us*/
.about-us-section p {
    font-size: 18x !important;
    font-weight: 100 !important;
    color: #fff;
    text-transform: capitalize !important;
    letter-spacing:unset !important;
    line-height:unset !important;  
}      
.about-us-section .h5 {
    font-size: 38px !important;
    font-family: var(--playguard) !important;
}
.section-block--padding.about-us-section {
    padding: unset !important;
}
p.custom-paragraphh~p:first-letter {
    font-size: 50px;
}      
.about h1.small--text-center::after {
    position: absolute;
    content: "";
    width: 19%;
    height: 3px;
    display: block;
    background: #fff;
    bottom: -2px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}     
      
/*Media Query Start*/  
    
        
@media screen and (min-width:1025px) {
  
footer.site-footer .flex__item:nth-child(1) {
     flex: 0 0 30%;
}
  
footer.site-footer .flex__item:nth-child(2) {
     flex: 0 0 25%;
     margin-left: 50px;
    
}
  
footer.site-footer .flex__item:nth-child(3) {
     flex: 0 0 20%; 
     margin-left: 40px;
}
  
footer.site-footer .flex__item:nth-child(2) {
     flex: 0 0 20%;
}
}  
      
      
@media screen and (min-width:992px) {
    .site-nav__link--compressed {
        display: block
    }
    #SiteNavParent ul#SiteNav {
        display: none
    }
    div#StickNavWrapper {
        flex: 0 0 55%
    }
  .template-index  .section-block.section-block--padding {
        padding: 70px 40px
    }
    a.site-header__logo-link img {
        position: relative;
        top: -7px;
        left: 37px
    }
    .featured-collec .grid__item {
        width: calc(100% / 5) !important
    }
    .featured-content.lazyloaded {
        min-height: 520px !important
    }
    .hero-wrapper--adapt .hero-content {
        top: 40%;
        text-align: center;
        left: 0;
        width: 100%;
        max-width: 700px;
        overflow: hidden;
        white-space: normal;
        letter-spacing: 4px;
        margin: 0 auto;
        border-right: .15em solid transparent;
        animation: typing 3.5s steps(40, end), blink-caret .75s step-end
    }
  .customer-login-links.sticky-hidden {
    margin-right: 4px;
    display: flex
}
  
  a#cartTotal {
    display: flex;
}
}
@media screen and (min-width:769px) {
/*     .grid.grid--no-gutters.grid--uniform.collection.featured-collec>div {
        width: 25% !important
    } */
    .grid.grid--no-gutters.grid--uniform>div {
        width: 25%
    }
}

@media only screen and (min-width:768px) {
    .site-nav__link--compressed {
        display: none !important
    }
    #SiteNavParent ul#SiteNav {
        display: block !important
    }
    .append-logo {
        text-align: center
    }
    .grid__item.header-grids-items {
        padding-left: 0
    }
    .site-header__logo {
        top: 22px;
        z-index: 9999
    }
    .main-content {
        margin-top: 90px;
        padding-bottom: 40px
    }
    body.template-index .main-content {
        margin-top: 60px;
        padding-bottom: 40px
    }
 
}
@media(max-width:1024px){      
.grid--no-gutters>.grid__item {
        width: 50%;
        margin-bottom: 10px
 }
}  
@media(max-width:991px){
 .collection-page-css .grid.grid--no-gutters.grid--uniform {
    grid-template-columns: repeat(3,3fr);
        
}
}
@media screen and (max-width:850px) {
    .site-header__search {
        display: none;
    }
    .site-nav__link--compressed {
        display: block !important;
    }
    #SiteNavParent ul#SiteNav {
        display: none !important;
    }
    img.hero__image.hero__image--placeholder-0.lazyautosizes.lazyloaded {
        object-position: right !important
    }
    .flex-footer .flex__item {
        padding: 0 50px;
    }
    .flex-footer .flex__item {
        flex: 0 0 50%;
    }
  .site-header__cart {
    position: relative;
    display: flex;
}
  .site-footer__section-title {
    text-shadow: 0 0 #fff;
    font-family: var(--playguard) !important;
    min-height:50px;  
}
  
.customer-login-links {
    display: none;
}
  
  

}

@media screen and (max-width:768px) {
    a.site-nav__link {
        font-size: 17px;
    }
    .site-nav__link {
        padding: 20px 8px 10px;
    }
    .header-grid {
        align-items: unset
    }
    .site-header__search-cart-wrapper {
        justify-content: flex-start
    }
    .grid__item a.product-card {
        margin: 10px
    }
    .featured-collect.grid--no-gutters>.grid__item {
        margin-bottom: 20px
    }
    
    .custom-heading h1 {
        margin-left: 10px
    }
    h4.h1.main1.site-footer__section-title {
        font-size: 20px;
        font-weight: 600
    }
    .image-content__text {
        padding: 26px
    }
    .flex__item.image-content__text .rte-setting p {
        font-size: 32px
    }
    .custom-heading h1 {
        font-size: 32px
    }
    a.site-header__logo-link img {
        position: relative;
        top: -13px;
        left: 36px
    }
    .template-index a.site-header__logo-link img {
        position: relative;
        top: -65px !important;
        left: 36px
    }
    .hero-content {
        top: 50% !important;
        width: 100% !important
    }
    h2.hero-content__title.h1.hero-title-active {
        font-size: 46px !important;
        background: #000 !important
    }
   
   .hero-content-active .hero-content__title-wrapper {
    transform: translateY(70px)!important;
	}
  
    .flex__item.second-item {
        
        bottom: -18px!important;
    }
  	span.emphasized-title.h1.link-block__cta {
    font-size: 18px!important;
	}
/*wishlist*/
.wishlist-hero-custom-button button {
    top: 20px;
}  
}

@media screen and (max-width:749px) {
    .template-index .header-grid {
        display: table
    }
    a.featured-card {
        margin: 10px
    }
    .grid__item a.product-card {
        margin: 10px
    }
    a.link-block.lazyloaded {
        margin-bottom: 20px
    }
    .collection-sort.second {
        margin-left: 16px
    }
    body.template-index a.site-header__logo-link:before {
        top: -35px !important
    }
    .site-header__logo img {
        max-width: 90px !important
    }
    body.template-index a.site-header__logo-link img {
        top: -23px !important
    }
   span.notification__message {
    width: 100%;
    padding: 0;
}
    .header-grid {
        justify-content: space-between
    }
    .site-header__search-cart-wrapper {
        justify-content: flex-end
    }
    a.site-header__logo-link:before {
        height: 120px;
        width: 175px
    }
    a.site-header__logo-link img {
        position: relative;
        top: 0;
        left: 45px
    }
    .grid__item.small--one-half.medium-up--two-thirds.small--text-center.header-grids-items {
        width: 20%
    }
    body.template-index .grid__item.small--one-half.medium-up--two-thirds.small--text-center.header-grids-items {
        width: 50%
    }
    .notification-adapt .notification__message {
        padding: 10px 0
    }
}
@media(max-width:600px){
   .collection-page-css .grid.grid--no-gutters.grid--uniform {
    grid-template-columns: repeat(2,2fr);
        
} 
  }

@media screen and (max-width:500px) {
    .flex-footer .flex__item {
        padding: 0 10px;
    }
    footer.site-footer {
        padding: 8px
    }
    .site-header__search-cart-wrapper {
        justify-content: center
    }
    .product-recommendations {
        padding: 10px 0 40px !important;
    }
    .customer-login-links a {
        padding: 12px
    }
    body.template-index a.site-header__logo-link:before {
        height: 120px;
        width: 180px;
        top: -45px
    }
    .site-header__logo img {
        max-width: 84px !important
    }
    body.template-index a.site-header__logo-link img {
        z-index: 9;
        margin: 0 auto;
        display: block;
        position: absolute;
        top: -30px;
        left: 45%
    }
    .image-content__text {
        padding: 40px 0
    }
    .flex__item.image-content__text .rte-setting p {
        font-size: 28px
    }
    .custom-heading h1 {
        font-size: 28px
    }
    .flex__item.image-content__text.text-left a.btn {
        font-size: 16px
    }
    .btn,
    .btn--secondary,
    .rte .btn--secondary,
    .shopify-payment-button .shopify-payment-button__button--unbranded {
        padding: 12px 32px
    }
    .grid--no-gutters>.grid__item {
        width: 100%
    }
    .content-block {
        padding: 0
    }
    .full-width {
        padding: 30px 20px
    }
    body.template-collection .medium-up--text-right {
        text-align: center
    }
    .section-block--padding {
        padding: 0
    }
    .site-header__search-cart-wrapper {
        justify-content: flex-end
    }
    .grid__item.small--one-half.medium-up--two-thirds.small--text-center.header-grids-items {
        display: flex;
        width: 44%;
        justify-content: space-between
    }
    body.template-index .grid__item.small--one-half.medium-up--two-thirds.small--text-center.header-grids-items {
        display: table-cell !important;
        width: 50% !important
    }
    .main-content {
        margin-top: 120px
    }
    body.template-index .main-content {
        margin-top: 30px
    }
    .featured-card__image-wrapper img {
        width: 100%;
        max-width: 55%
    }
    h2.hero-content__title.h1.hero-title-active {
        font-size: 18px !important
    }
    body.template-customers-register button {
        transition: .5s all;
        color: #fff
    }
    .hero-content {
        width: 100% !important;
        left: 0 !important;
        top: 50% !important
    }
    h2.hero-content__title.h1.hero-title-active {
        font-size: 20px !important;
        background: #000 !important
    }
    .page-container.page-element {
        padding-top: 20px
    }
    .flex__item.image-content__text .rte-setting p {
        line-height: 36px
    }
    .flex-footer .flex__item {flex: 0 0 100%;}
   .site-footer__section-title {
      min-height:unset;  
}
  
span.notification__message {
    font-size: 10px;
}
.about h1.small--text-center::after {
    width: 56%;
}
  
}

@media screen and (max-width:425px) {
    .site-header__search-cart-wrapper {
    justify-content: center;
}
   .collection-page-css .grid.grid--no-gutters.grid--uniform {
    grid-template-columns: repeat(1,1fr);
        
} 
}

@media screen and (max-width:375px) {
    body.template-index a.site-header__logo-link img {
        left: 50%
    }
    body.template-index a.site-header__logo-link:before {
        top: -35px !important;
        left: 0
    }
    a.site-header__logo-link:before {
        top: -10px;
        left: -4px
    }
    .site-header__search-cart-wrapper {
        justify-content: flex-end
    }
    .collection-sort.second {
        margin-left: 8px
    }
}

@media screen and (max-width:340px) {
    body.template-index a.site-header__logo-link:before {
        height: 110px !important;
        width: 152px !important
    }
}