@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url("https://use.typekit.net/xcl4oru.css");

body {
    background: #FFF;
    color: #333;
    font-size: 16px;
    width:100%;
    margin:0px;
    padding:0px;
    font-family: "Muli",sans-serif;
}

a {
    color: #000;
    text-decoration: none !important;
}

.link {
    color:#000;
    font-weight:bold;
}

header {
    background: #fff;
    margin-bottom: 15px;
}

header #logo {
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
}

.header-wrapper {

}

.hide-rows .header-top {
    display: none;
}

.hide-rows .header-main {
    display: none;
}

.sticky .header-bottom {
    position: fixed;
    top: 0;
    left:0;
    right:0;
    width:100%;
    z-index: 999;
    background: #fff;
}



header.home .header-bottom {
    border-bottom:1px solid #EEE;
}

.header-top {
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing:3px;
    text-transform: uppercase;
}

.header-top a {
    color: #FFF;
}

.header-top ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.header-top ul li {
    margin-left: 15px;

}

.header-top ul li i {
    margin-right: 5px;
}

.top-icons {
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content:center;
    height:100%;
}

.top-icons a {
    display: flex;
    border-radius: 50%;
    margin: 25px;
    font-size: 100%;
    background: #ffedfd;
    border:1px solid #f591c1;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
}

.top-icons a:hover {
    color: #f591c1;
}

#hero .row div {
    padding: 0px;
    
}

#hero .row div img {
    width:100%;
    height:auto;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
    font-family: Cormorant,sans-serif;
}

p.copyright {
    font-family: Cormorant,sans-serif;
    font-style:italic;
}

nav {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    font-size: 110%;
}

nav.bordered {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction:column;
    position:relative;
}

nav ul li {
    font-family: Cormorant,sans-serif;
    text-transform: uppercase;
    list-style: none;
    padding: 5px 20px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid #EEE;
    position:relative;
}

nav ul li:last-child {
    border:none;
}

nav ul li a {
    text-align:center !important;
}

nav ul li a:hover {
    color:#f993c3 !important;
}

nav ul li ul li {
    border-top:1px solid #EEE;  
    border-bottom: none;
}

nav ul li ul li a {
    font-size: 90%;
    color: #888;
}

nav ul li ul {
    display: none;

}

nav ul li.active {
    background:#EEE;
}

nav ul li.active ul {
    display: flex;
}

nav ul>li.has-children a::after {
  content: '▼';
  position: absolute;
  font-size:11px;
  top:10px;
  margin-left:5px;
}

nav ul>li.has-children.active a::after {
  content: '▲';
  position: absolute;
  top: 10px;
}

nav ul li.has-children>ul li a::after {
    content:'' !important;
}

#main-nav {
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    z-index:50;
    background: #fff;
}

#main-nav .btn-close {
    position:absolute;
    right:15px;
    top:15px;
    font-size:20px;
    cursor:pointer;
    
}


@media (min-width: 992px) { 
   nav ul {
       flex-direction: row;

   }
   
   nav ul li {
       border: none;
   }
   
   nav ul li a {
       white-space: nowrap;
       width:auto;
       display: inline-block;
   }
   
   nav ul li  ul {
       position:absolute;
       z-index:100;
       top: 35px;
       flex-direction:column;
       border:1px solid #EEE;
       background:#FFF;
   }
   
   nav ul li  ul li {
       border: none;
   }
   
   #main-nav {
        display:flex;
        justify-content:center;
        align-items:center;
        position:relative;
    }
    
    .top-icons a {
    display: flex;
    border-radius: 50%;
    margin: 25px;
    font-size: 150%;
    background: #ffedfd;
    border:1px solid #f591c1;
    width:60px;
    height:60px;
    align-items:center;
    justify-content:center;
}
    

}



nav ul li a {
    color: #000 !important;
    font-weight: 700;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-family: Cormorant,sans-serif
    font-weight:600;
}

nav ul li a:hover {
    color: #f591c1;
   
}

main {

}

input, select, textarea, .form-control {
    border-radius: 0px !important;
    border: 1px solid #EEE !important;
}

.btn {
    font-family: Muli, sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    font-size: 11px;
}

.btn.btn-primary {
    background: #000 !important;
    border:none;
    color: #FFF;
}

.btn.btn-secondary {
    background: #fff !important;
    border:none;
    color: #000;
    padding: 9px 14px !important;
    border:1px solid #000 !important;
}

.btn.btn-tertiary {
    background: #f591c1 !important;
    border:none;
    color: #FFF;
}


.btn.btn-tertiary:hover {
    background: #000 !important;
    border:none;
    color: #FFF;
}


.btn.btn-quaternary {
    border: 1px solid #f591c1 !important; 
    padding: 9px 14px !important;
}

.btn.btn-quaternary:hover {
    border: 0px !important;
    background: #f591c1 !important; ;
    padding: 10px 15px !important;
    color: #FFF;
}


.btn.btn-primary:hover {
    background:#f993c3 !important;
    color:#FFF !important;
    
}

.btn.btn-secondary:hover {
    background:#f993c3 !important;
    color:#FFF !important; 
    padding: 10px 15px !important;
    border:none !important;
}

/*.btn.btn-secondary:hover {
    background: #000 !important;
    border:none;
    color: #FFF;
}*/


.btn.btn-primary:hover {
    color:#FFF;
}

.boxed {
    display:block;
    background: #EEE;
    color: #333;
    padding: 25px;
}


.product__variations {
    position: relative;
}







#featured {

}

#featured .item {
    text-align: center;

}

#featured .item:last-child {
    border:none;
}

#featured img {
    width: 100%;
    height: auto;
}

#featured h3 {
    text-transform:uppercase;
}

#featured h3 {
    font-size: 110%;
}

#subscribe {
    width:100%;
}

#subscribe .col {
    margin:0px;
    padding: 0px;
}

#subscribe h3 {
    text-transform: uppercase;
}

#subscribe .subscribe-form {
   background: url('/assets/images/webbg.png') !important;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}

#subscribe .subscribe-form form {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#subscribe input {
    background-color: #fff;
    border:1px solid #E180AF;
    padding:5px;
}


section#order {
    background: #000;
    color: #FFF;
}

section#order h1, section#order h5 {
    text-transform: uppercase;
}

#franchising {
    background-color: #EEE;
}

#franchising .franchising-card {

    text-align: center;
    background-color: #FFF;
    
}

.btn-success, a.btn-success {
    background: #F993C3 !important;
    border:1px solid #E180AF !important;
    text-transform: uppercase; 
    border-radius: 0px !important;
    color: #FFF;
}

.btn-success:hover, a.btn-success:hover {
    background:#333 !important;
    border:1px solid #000 !important;
}

#order img {
    max-width: 100%;
    height:auto;
}


footer {
    background-color: #1d1c1c;
    color: #faf7ec;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer ul, footer ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

footer h3 {
    text-transform: uppercase;
    font-size: 110%;
}

footer .extreme-footer {
    border-top:1px solid #444;
    font-size: 90%;
}

#bottom, #bottom a {
    color: #BBB;

}

.social-link ul {
    list-style: none;
    padding: none;
}

.social-link ul li {
    list-style: none;
    display: inline-block;
    margin: 10px 5px;
}


h2.product-title {
    text-transform: uppercase;
    font-size: 250%;
    
}

#product_price {
    font-family: sans-serif !important;
    font-size: 130%;
    font-weight:bolder;
    color:#f591c1;
}



/*  CART  */

table.cart td {
    border-top: 1px solid #eee; 
}
table.cart td, table.cart th {
    vertical-align:middle;
}


.gift-apply {
    background: #EEE;
    padding: 15px;
}

.t-border {
    border-top: 1px solid #EEE;
}


.round-checkbox {
    position: relative;
}

.show_variations .card:hover {
    transform: none;
}

.show_variations .card {
    height: 100px;
}

.child_div, .third_section {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
}

.show_variations .card {
    height: 100px;
}

.round-checkbox input[type="checkbox"], .round-checkbox input[type="radio"], .round-radio input[type="radio"] {
    visibility: hidden;
}

.option-box {
    border:2px solid #EEE !important;
    border-radius: 0px !important;
    width: 100% !important;
}

.round-checkbox input[type="checkbox"]:checked+label, .round-checkbox input[type="radio"]:checked+label, .round-radio input[type="radio"]:checked+label {
    background-color: var(--primary);
    border-color: var(--primary) !important;
}

.tab-content {
    border:1px solid #EEE;
    padding: 25px;
}

.custom-tab li {
    border: 1px solid #EEE;
}

.custom-tab li a {
    color: #000;
}

.custom-tab li a.active {
    background: #EEE;
}

element.style {
    right: 0px;
}

@media (min-width: 1919px) {
    div.for-count-item {
        position: absolute;
        width: 13%;
        right: 0px;
        top: 0px;
        border-radius: 5px;
        height: 100%;
        padding: 20px 0;
    }
}

@media (min-width: 1919px) {
    div.cart-panel {
        position: sticky;
        position: -webkit-sticky;
        width: 100%;
        top: 30vh;
        border: 1px solid rgba(0, 0, 0, .2);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

.cart-panel {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    background-color: #fff;
    z-index: 9999;
    transition: right 0.3s ease-in-out;
}

.cart-panel {
    border:1px solid #EEE !important;
}

.cart-title {
    text-align:center;
    padding: 10px 15px;
    background: #f993c3 !important;
    color: #FFF !important;
}

.cart-panel .close-button {
    float: right;
    margin: 0 5px 5px 0;
    display: block;
    clear: both;
}

.product-listing .cart-item-image, .product-detail-slider .cart-item-image {
    width: 40px;
    height: 40px;
    background-color: #eee;
    margin-right: 10px;
}

.slick-slide img {
    display: block;
}
.h-auto {
    height: auto !important;
}
.w-100 {
    width: 100% !important;
}
.cursor-pointer {
    cursor: pointer;
}
img, svg {
    vertical-align: middle;
}

.slick-slide {
    height:auto !important;
    margin-bottom:15px;
}


.round-checkbox input[type="checkbox"]:checked+label, .round-checkbox input[type="radio"]:checked+label, .round-radio input[type="radio"]:checked+label {
    background-color: #f993c3;
    border-color: #f993c3 !important;
}
.round-checkbox label, .round-radio label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    right: 0;
    position: absolute;
    top: 20px;
    z-index: 9;
    width: 28px;
}
.round-checkbox label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    right: 0;
    position: absolute;
    top: 0;
    width: 28px;
}
label {
    display: inline-block;
}

.round-checkbox input[type="checkbox"]:checked+label:after, .round-checkbox input[type="radio"]:checked+label:after, .round-radio input[type="radio"]:checked+label:after {
    opacity: 1;
}
.round-checkbox label:after, .round-radio label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}
.round-checkbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.swal2-modal {
    border-radius: 0px;
}

.swal2-popup .swal2-actions button {
    font-family: Muli, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    font-size: 11px !important;
}

.swal2-popup .swal2-actions button.swal2-confirm {
    background:#000 !important;
    color: #FFF !important;
}

.swal2-popup .swal2-actions button.swal2-cancel {
    background:#f591c1 !important;
    color: #FFF !important;    
}

.gallery-media .image img {
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 0px;
}

img, svg {
    vertical-align: middle;
}

.gallery-media.gallery {
    column-count: 4;
    --webkit-column-count: 4;
    --moz-column-count: 4;
}

.gallery-media .image:first-child {
    margin-top: 0 !important;
}
.gallery-media .image {
    margin: 12px 0;
}

.gallery-media.gallery {
    column-count: 4;
    --webkit-column-count: 4;
    --moz-column-count: 4;
}

.boxed {
    border: 1px solid #EEE;
    padding:25px;
}

.for-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
}

.blog-area .col-md-6 .blog-card {
    background: #fff;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 0px;
}

.two-line {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card .blog-content {
    padding: 15px;
}

.recent ul, .re-category ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 2rem;
}

.justify-content-between {
    justify-content: space-between !important;
}

.position-relative {
    position: relative !important;
}

.blog-card .blog-content {
    padding: 10px;
}

.modal-content {
    border-radius: 0px !important;
}

.cart-count-balloon {
    width:25px;
    height:25px;
    border-radius: 50%;
    background:#000;
    color:#fff;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    position:absolute;
    right:-7px;
    top: -7px;
    font-size: 15px;
    font-weight: bold;

}

.pickuploc {
    border-radius: 0px !important;
    margin-bottom: 15px;
}

.pickuploc input {
    display:none;
}

.pickuploc.selected {
    background-color: #f591c1 !important;
    color: #fff !important;
}

#hero img {
    width:100%;
    height:auto;
}

#hero .title_1 { 
    margin-right:2px;
    margin-bottom:2px;
    overflow: hidden;
    padding:0px;
}

#hero .title_2 { 
    margin-left:2px;
    margin-bottom:2px;
    overflow: hidden;
    padding:0px;
}

#hero .title_3 {
    margin-right:2px;
    margin-top:2px;
    overflow: hidden;
    padding:0px;
}

#hero .title_4 {
    margin-left:2px;
    margin-top:2px;
    overflow: hidden;
    padding:0px;     
}

#hero .title_5 {
    margin-left:4px;  
}