@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,100..300..900;1,300..900&display=swap');
body { font-family: "Figtree", sans-serif; background-color:#fff; margin:0; padding:0; font-size:1.25rem; color:var(--color-6); font-weight:300; }
a, .card, li, .button, :before { text-decoration:none !important; -webkit-transition:ease-in-out all .6s; -moz-transition:ease-in-out all .6s; -o-transition:ease-in-out all .6s; transition:ease-in-out all .6s; }
img { max-width:100%; height:auto !important; }
h1, h2, h3, h4, h5 { }
h4 a, h4 a:hover { }
b {font-weight: 800;}
.container-xxl { max-width:1800px; }
/*here we go*/
.brand-image img {max-width: 20vw;}
.wm-pagination a.next, .wm-pagination a.prev {border-color:var(--color-4);fill: var(--color-3)!important;background-image:url(../../art/mdi_chevron-left.svg) ;}
.wm-pagination .wm-nums a {color: var(--color-4);border: 1px solid var(--color-1);padding: .4rem 1.25rem;margin: 0 .5rem;border-radius: 4px;}
.wm-pagination .wm-nums a.active {color: var(--color-2);border-color: var(--color-2);}
.wm-pagination a.next svg path, .wm-pagination a.prev svg path {fill: var(--color-3)!important;}
.wm-pagination a.prev:hover, .wm-pagination a.next:hover {background-color: var(--color-1);}
#nav-shop .navbar-nav .nav-item:first-child .nav-link {position: relative;padding-left: 58px!important;}
#nav-shop .navbar-nav .nav-item:first-child .nav-link:before {content: '';width: 45px;height: 45px;background: url('../../art/ico-home.svg') no-repeat center;display: block;position: absolute;left: 0;top: -3px;border: 1px solid var(--color-1);border-radius: .25rem;}
#nav-shop .navbar-nav .nav-item:first-child:hover .nav-link:before {background: url('../../art/ico-home.svg') no-repeat center;border: 1px solid rgba(0, 0, 0,0);}
.hover-scale-1 {transform: scale(1,1);}
.hover-scale-1:hover {transform: scale(1.02,1.02);}
.hover-shadow-1 {box-shadow: 0 0 15px rgba(0,0,0,0);}
.hover-shadow-1:hover {box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.nohiszen {color: var(--color-0);}
.nohiszen a {color: var(--color-8);}
.tutti-frutti:hover .tutti {background-color: var(--color-6);}
.tutti-frutti:hover .frutti {color: var(--color-0)!important;}
.tutti-frutti:hover .btn.bg-11 {background-color: var(--color-0);color: var(--color-3);border-radius: 0;}
.tutti-frutti:hover .btn.bg-11::before {content: "";position: absolute;top: 4px;left: 1%;width: 98%;height: 1px;background: var(--color-4);z-index: 2;}
.tutti-frutti:hover .btn.bg-11::after {content: "";position: absolute;bottom: 4px;left: 1%;width: 98%;height: 1px;background: var(--color-4);z-index: 2;}
.orderDiv select {border-color: var(--color-1);border-radius: 4px;padding: .25rem;}
.dropdown-item.active, .dropdown-item:active {background-color: var(--color-2);}
input.regFormTableButton {height: auto;}
.rg-box-title h3 {font-size: 2rem;}
#regFormContent h1 {padding-top: 2rem; font-size: 2rem;color: var(--color-2);}
#shopLoginBox {background-color: var(--color-2);padding: 1rem;}
#shopRegBox {background-color:#f3f3f3; padding: 1rem;}
.rg-button.regularLogin {background-color: var(--color-3);}
#shopNoRegBox {background-color: transparent;}
#shopRegBox .rg-button {background-color: var(--color-2);}
#shopRegBox .rg-button.noLogin {background-color: var(--color-3);}
#cartContent .choice {display: flex;justify-content: space-between;}
#cartContent .choice .button.right {margin-left: auto;}
#cartContent .choice .button.right a {background-color: var(--color-2);}
.wrapper, .register main, .loginerror main {max-width: 1280px;margin: auto;}
#results .wrapper h1 {text-align: center;font-size: 2rem;text-transform: capitalize;color: var(--color-2);}
#chain {margin-top: 2rem;}
.cartOverview .photo {width: auto;max-width: 33vw;}
.cartOverview H2 a {font-size: 1.25rem;font-weight: 600;}
#cartItems a:hover {color: var(--color-2);}
#cartItems .head {background-color: var(--color-1);}
#cartItems .subtotal {font-size: 1.25rem;}
#cartItems .subtotal strong {font-size: 2rem;font-weight: 800;color: var(--color-2);}
#cartItems .subtotal.freeshipping {color: var(--color-2);}
.morepict {display: flex;flex-wrap: wrap;padding: 1rem 0;}
.morepict a {display: block;aspect-ratio: 1/1;width: 25%;padding: .25rem;}
.morepict img {width: 100%;height: 100%!important;object-fit: cover;border-radius: .25rem;}
.mainphoto {border-radius: .25rem;position: relative;background-color: var(--color-0);}
.mainphoto:before, .mainphoto:after {position: absolute;z-index: -31;background-color: var(--color-1);border-radius: .25rem;}
.mainphoto:before {content: '';width: 25%;height: 25%;top: -6px;left: -6px;}
.mainphoto:after {content: '';width: 50%;height: 50%;bottom: -6px;right: -6px;}
.mainphoto.lost-lace:after {content: '';width: 100%;height: 100%;bottom: -6px;right: -6px;}
.mainphoto a {background-color: var(--color-0);position: relative;overflow: hidden;}
.mainphoto img {border: none;}
#searchPricePickerInput1 {margin-left: .5rem;}
#searchPriceBar .button {background-color: var(--color-1);border:1px solid var(--color-1);color: var(--color-3);border-radius: .25rem;}
.card-img-top {position: relative;overflow: hidden;}
.card-img-top img {transform: scale(1.02,1.02);}
.sizepicker, .colorpicker {display: flex;flex-wrap: wrap;}
.sizepicker em, .colorpicker em {display: block;padding: .25rem;border: 1px solid var(--color-1);margin-right: .25rem;border-radius: .25rem;margin-bottom: .25rem;}
.sizepicker em.sep {flex-basis: 100%;opacity: 0;}
.sizepicker em.size:hover, .sizepicker em.sizeClear:hover, .colorpicker em.color:hover, .colorpicker em.colorClear:hover  {cursor: pointer;background-color: var(--color-1);}
.sizepicker em.sizeClear:after, .colorpicker em.colorClear:after {content: 'x';font-size: 1rem;font-style: normal;padding-right: 3px;}
.sizepicker em.sizeActive, .colorpicker em.colorActive {box-shadow:inset 0 0 0 2px var(--color-3);border-color: var(--color-3);}
.specialContainer1 {background-color: var(--color-1)!important;border-radius: .25rem!important;border:none!important;font-size: 1.25rem!important;text-align: center!important;color: var(--color-3)!important;font-weight: 500;padding: 25px 15px !important;}
.nav-btns .nav-item {margin-bottom: .5rem;}
.nav-btns .nav-link {border-radius:.25rem;border:1px solid var(--color-1);padding: .5rem 1rem!important;color: var(--color-3);}
.nav-btns-alt .nav-item {margin-bottom: .5rem;}
.nav-btns-alt .nav-link {border-radius:.25rem;border:1px solid var(--color-3);padding: .5rem 1rem!important;color: var(--color-0);background-color: var(--color-3);}
.nav-btns-alt .nav-link:hover {background-color: var(--color-2);}
.nav-btns-alt .nav-link.current {background-color: var(--color-1);color: var(--color-3);}

.nav-btns-alt-2 .nav-item {margin-bottom: .5rem;}
.nav-btns-alt-2 .nav-link {border-radius:.25rem;border:1px solid var(--color-3);padding: .5rem 1rem!important;background-color: var(--color-0);color: var(--color-3);}
.nav-btns-alt-2 .nav-link:hover {background-color: var(--color-2); color: #fff;}
.nav-btns-alt-2 .nav-link.current {background-color: var(--color-3);color: #fff;}

.b-rad-1 {border-radius: .25rem;}
.form-control {padding: .75rem;}
.form-control:focus {background-color: inherit;outline: none;box-shadow: none;}
.form-control.bg-6:focus {background-color: var(--color-4);outline: none;box-shadow: none;}
.form-control.bg-6::placeholder {color: var(--color-1);}
.form-control.bg-6::-moz-placeholder {color: var(--color-1);}
.bg-overlay-1 {background-color: rgba(255,255,255,.8);}
.main-nav {transition: all ease-in .4s;}
.swiper-pagination {position: relative;padding: 2rem 0;bottom: 0!important;}
.swiper-pagination-bullet {background-color: var(--color-2);border-radius: 0;width: 16px;height: 16px;margin: 0 .5rem!important;}
.swiper-pagination-bullet-active {background-color: var(--color-0);box-shadow: 0 0 0 4px var(--color-4);}
.swiper-wrapper {align-items: stretch;}
.swiper-slide {height: auto;}
.hover-sad-trigger:hover .hover-sad {background-color: var(--color-6);}
.separator {height: 5px;background: url('/art/separator.svg') no-repeat center;}
.btn.bg-11 {color: var(--color-1);}
.btn.bg-11:hover {background-color: var(--color-0);color: var(--color-3);}
.hover-top-1, .hover-bottom-1 {position: relative;transition: color 0.2s;}     
.hover-top-1:hover::before {content: "";position: absolute;top: 4px;left: 5%;width: 90%;height: 1px;background: var(--color-4);z-index: 2;}
.hover-bottom-1:hover::after {content: "";position: absolute;bottom: 4px;left: 5%;width: 90%;height: 1px;background: var(--color-4);z-index: 2;}
.box-height-1 {min-height: 33vh;}
.nav-top .navbar-toggler {margin: auto;}
.nav-top .nav-link {text-transform: uppercase;color: var(--color-3);font-size:.8rem;}
.nav-top .nav-link.active {color: var(--color-2);border-bottom: 1px solid var(--color-4);}
.nav-top .nav-item {margin-left: .25rem;margin-right: .25rem;}
.nav-top .navbar-nav > .nav-item:last-child .nav-link {background-color: var(--color-2);color: var(--color-0);border-radius: .25rem;padding: .75rem 1.8rem!important;}
.nav-top .dropdown-toggle::after {display: none;}
.hero-height {height: 75vh;max-height: 720px;}
.nav-or-die ul {display: flex;flex-wrap: wrap;flex-direction: row;margin: 0;padding: 0;}
.nav-or-die li {list-style: none;margin: 0 .5rem 0 0;}
.nav-or-die.bullying li:not(:last-child) {}
.nav-or-die.bullying li:not(:last-child):after {content: '\2022';font-size: 1rem;line-height: 0;position: relative;top: 0;margin-left: .5rem;}
.nav-or-die strong a:not(.btn) {color: var(--color-3)!important;}

.jPag-last, .jPag-first {}
ul.jPag-pages li a {padding: 5px 10px!important;}
.jPaginate a {height: auto; padding: 5px 20px;}
span.jPag-current {height: auto!important; padding: 5px 10px!important;color: rgb(156, 91, 150)!important;background-color: #fff!important;}
.jPag-control-back, .jPag-control-front { position: relative; left: auto !important; }
.jPag-sprevious { padding-right: 4px; }
.jPag-snext { padding-right: 2px; }
#cartItems label {font-size: 16px!important;}
.shippingMethod, #paymentID {margin-right: 4px;}
#mit { outline: none; font-size: 21px;}

/* footer .container { max-width: 1500px; } */
.footer-content.c1 { max-width: 75%;}
.footer-content h3 { min-height: 90px;}
.footer-content .s-font { font-size: 15px !important; }
.footer-content .s-font p { font-size: 15px !important; line-height: 175%;}
.footer-content .nav-link {font-size: 14px !important;}

#webshop_category .dropdown-toggle::after {position: absolute;right: 18px;top: 20px;font-size: 25px;}

.dropdown-item {font-weight: 100;color: var(--color-3);text-transform: uppercase;}

.necrology:before {
    content: "\271D";
}

/*END*/
@media (min-width: 1400px) {
    /*main nav*/
    .nav-top .nav-item {height:110px; position: relative;display: flex;flex-direction: column;justify-content: center;padding-left: 1px;padding-right: 1px;margin-left: 0;margin-right: 0;}
    .nav-top .navbar-nav > .nav-item:after {position: absolute;content: '';width: 100%;height: 0%;background-color: var(--color-1);background:linear-gradient(0deg,rgba(233, 210, 229, 1) 0%, rgba(205, 139, 184, 1) 100%);top: 0;left: 0;z-index: 0;transition: all ease-in-out .3s;}
    .nav-top .navbar-nav > .nav-item:hover:after {height: 100%;}
    .nav-top .navbar-nav > .nav-item:hover .nav-link {box-shadow: inset 0 1px 0 #fff;}
    .nav-top .navbar-nav > .nav-item:first-child:hover .nav-link {box-shadow: inset 0 0 0 #fff;}
    .nav-top .navbar-nav > .nav-item > .nav-link {position: relative;z-index: 1;}
    .nav-top .nav-link {padding-top: .33rem;padding-bottom: .33rem;padding-left: .51rem!important;padding-right: .51rem!important;font-size: .81rem;}
    .nav-top .nav-link.active {padding-left: 1.8rem!important;padding-right: 1.8rem!important;}
    .nav-top .navbar-nav {align-items: center;}
    /*shop nav*/
    #nav-shop .nav-item {margin-left:0rem;margin-right: 0rem;}
    #nav-shop .nav-link {font-size: .7rem;}
    #nav-shop .nav-link.active {padding-left:.81rem;padding-right: .81rem;}
    #nav-shop .navbar-nav > .nav-item:last-child:after {height: 0%;}
}
@media (min-width: 1840px) {
    /*main nav*/
    .nav-top .nav-item {padding-top: 2rem;padding-bottom: 2rem;position: relative;padding-left: 10px;padding-right: 10px;margin-left: 0rem;margin-right: 0rem;}
    .nav-top .nav-link {padding-left: .5rem!important;padding-right: .5rem!important;font-size: 1rem;}
    /*shop nav*/
    #nav-shop .nav-link {font-size: 1rem;}
}
@media (max-width: 1399px) {
    .brand-image img {max-width: 33vw;}
    .nav-top .nav-link {font-size: 1.15rem;}
    .nav-top .dropdown-item {text-align: center;}
    #nav-shop .navbar-nav .nav-item:first-child .nav-link {padding-right: 58px!important;}
}
@media (max-width: 767px) {
    .bread .l-font {font-size: 1rem!important;}
    .wm-pagination .wm-nums a {font-size: .8rem;}
    .footer-content.c1 { max-width: 100%;}
    .footer-content h3 { min-height: auto;}

    body.homenl #hero-holder-rf h1 {border: none !important;font-size: 37px !important;line-height: 110% !important;margin-top: 15px;}
    #hero-holder-rf h1 { border: none !important; font-size: 72px !important;line-height: 110% !important;}
    .nav-top .dropdown-item {white-space: normal;}
}
@media (max-width: 575px) {
}

@media (max-width: 400px) {
}