/*
Global styles
*/
/*Layout*/
/*
:root,
body {
   overflow-x: hidden;
}
*/
/*
body .site-content {
   overflow-x: hidden;
}
*/
.site-content {
   display: block !important;
}

.full-width-container {
   padding: 0px 10px;
}

.row {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.row::after {
   content: "";
   clear: both;
   display: table;
}

* {
   box-sizing: border-box;
}

body {
   background-color: white !important;
   font-size: 16px;
   color: #000;
   letter-spacing: 0.55px;
}

@media (max-width: 991px) {
   body {
      font-size: 16px;
      letter-spacing: 0.33px;
   }
}

.hidden {
   display: none !important;
}

/*For mobile phones*/
[class*="col-"] {
   width: 100%;
   padding: 0px 15px;
}

@media only screen and (min-width: 576px) {

   /* For small devices: */
   .col-sm-1 {
      width: 8.33%;
   }

   .col-sm-2 {
      width: 16.66%;
   }

   .col-sm-3 {
      width: 25%;
   }

   .col-sm-4 {
      width: 33.33%;
   }

   .col-sm-5 {
      width: 41.66%;
   }

   .col-sm-6 {
      width: 50%;
   }

   .col-sm-7 {
      width: 58.33%;
   }

   .col-sm-8 {
      width: 66.66%;
   }

   .col-sm-9 {
      width: 75%;
   }

   .col-sm-10 {
      width: 83.33%;
   }

   .col-sm-11 {
      width: 91.66%;
   }

   .col-sm-12 {
      width: 100%;
   }
}

@media only screen and (min-width: 768px) {

   /* For medium devices: */
   .col-md-1 {
      width: 8.33%;
   }

   .col-md-2 {
      width: 16.66%;
   }

   .col-md-3 {
      width: 25%;
   }

   .col-md-4 {
      width: 33.33%;
   }

   .col-md-5 {
      width: 41.66%;
   }

   .col-md-6 {
      width: 50%;
   }

   .col-md-7 {
      width: 58.33%;
   }

   .col-md-8 {
      width: 66.66%;
   }

   .col-md-9 {
      width: 75%;
   }

   .col-md-10 {
      width: 83.33%;
   }

   .col-md-11 {
      width: 91.66%;
   }

   .col-md-12 {
      width: 100%;
   }
}

@media only screen and (min-width: 992px) {

   /* For large devices: */
   .col-lg-1 {
      width: 8.33%;
   }

   .col-lg-2 {
      width: 16.66%;
   }

   .col-lg-3 {
      width: 25%;
   }

   .col-lg-4 {
      width: 33.33%;
   }

   .col-lg-5 {
      width: 41.66%;
   }

   .col-lg-6 {
      width: 50%;
   }

   .col-lg-7 {
      width: 58.33%;
   }

   .col-lg-8 {
      width: 66.66%;
   }

   .col-lg-9 {
      width: 75%;
   }

   .col-lg-10 {
      width: 83.33%;
   }

   .col-lg-11 {
      width: 91.66%;
   }

   .col-lg-12 {
      width: 100%;
   }
}

section {
   position: relative;
   overflow: hidden;
}



.container,
.inside-article {
   max-width: 2000px;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

@media (min-width: 1201px) and (max-width: 1550px) {

   .container,
   .inside-article {
      padding-left: 50px;
      padding-right: 50px;
   }
}

.container.grid-container {
   width: 100% !important;
   max-width: 100% !important;
   padding: 0px !important;
}

.page-content-wrap {
   width: 100%;
}

/*Typography*/
body {
   font-family: 'Work Sans', sans-serif !important;
}

body,
button,
input,
select,
textarea {
   font-family: 'Work Sans', sans-serif !important;
   font-size: 16px;
   letter-spacing: 0.4px;
}

.underline {
   text-decoration: underline;
}

b,
strong {
   font-weight: 600;
}

a {
   letter-spacing: 0.4px;
}

.mb-0 {
   margin-bottom: 0px;
}

h2.semibold {
   font-weight: 600;
}

.text-center {
   text-align: center;
}

section.dark h1,
section.dark h2,
section.dark h3,
section.dark p {
   color: white;
}

a {
   text-decoration: none !important;
}

h1.general-title,
h2.general-title {
   font-size: 38px;
   letter-spacing: 2px;
   color: #000;
   font-weight: 800;
   font-family: 'Work Sans', sans-serif !important;
}

@media (max-width: 991px) {

   h1.general-title,
   h2.general-title {
      font-size: 28px;
      letter-spacing: 2px;

   }

   h1.general-title br,
   h2.general-title br {
      display: none;
   }
}

@media (max-width: 768px) {

   h1.general-title,
   h2.general-title {
      font-size: 28px;
      letter-spacing: 1.6px;

   }
}

/**Box shadow**/
.box-shadow-general {
   /* -webkit-box-shadow: 0px 3px 6px 0px rgba(122 122 122);
   -moz-box-shadow: 0px 3px 6px 0px rgba(122 122 122);
   box-shadow: 0px 3px 6px 0px rgba(122 122 122);*/
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
   box-shadow: 0px 3px 6px 0px rgba(113, 72, 72, 0.16);
}

/**Buttons**/
a.btn-primary.cta,
div.btn-primary.cta {
   background-color: white;
   color: black;
   padding: 14px 35px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 0;
   margin-top: 30px;
   display: block;
   max-width: max-content;
   text-decoration: none;
   border: 2px solid black;
   transition: all 0.3s;
   letter-spacing: 1.6px;
   text-transform: uppercase;
}

a.btn-primary.cta:hover,
div.btn-primary.cta:hover {
   background-color: #000;
   border-color: #000;
   color: white;
}

a.btn-primary {
   background-color: white;
   color: black;
   padding: 14px 35px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 0;
   display: block;
   max-width: max-content;
   border: 2px solid black;
   transition: all 0.3s;
   letter-spacing: 1.6px;
   text-transform: uppercase;
}

a.btn-primary:hover {
   background-color: #000;
   color: white;
}


a.btn-primary.shop-all {
   background-color: #FFF;
   color: #000;
   border-radius: 0px;
   padding: 21px 40px;
   width: 100%;
   max-width: 360px;
   border: 2px solid #FFF;
}

a.btn-primary.shop-all:hover {
   background-color: #000;
   color: white;
}

@media (max-width: 991px) {

   a.btn-primary,
   a.btn-primary.cta {
      padding: 12px 35px;
      font-size: 16px;
   }
}

/**Image cover**/
.img.relative {
   position: relative;
   width: 100%;
}

.image-cover {
   background-position: 50% 50%;
   background-size: cover;
   height: auto;
   overflow: hidden;
   padding-top: 100%;
   position: relative;
}

.image-cover img {
   bottom: 0;
   font-family: "object-fit: cover;";
   height: 100%;
   left: 0;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   transition: all 0.3s;
}

/*Lists*/
ol,
ul {
   list-style: none !important;
   margin: 0px !important;
}

li::marker {
   display: none;
}

/*Responsive*/
.d-none {
   display: none !important;
}

.d-block {
   display: block !important;
}

.d-flex {
   display: flex !important;
}

@media (min-width: 1150px) {
   .d-lg-grid {
      display: grid !important;
   }

   .d-lg-block {
      display: block !important;
   }

   .d-lg-flex {
      display: flex !important;
   }

   .d-lg-none {
      display: none !important;
   }

   .d-lg-block {
      display: block !important;
   }
}

@media (min-width: 992px) {
   .d-md-grid {
      display: grid !important;
   }

   .d-md-block {
      display: block !important;
   }

   .d-md-flex {
      display: flex !important;
   }

   .d-md-none {
      display: none !important;
   }

   .d-md-block {
      display: block !important;
   }
}

@media (max-width: 991px) {
   .row {
      flex-direction: column;
   }

   .col-md-6 {
      width: 100%;
   }
}

/*Remove header on articles*/
.inside-article h1.entry-title {
   display: none;
}

/*Simple dropdown*/
/* Style the dropdown button */
.dropbtn {
   background-color: white;
   font-size: 15px;
   letter-spacing: 0.55px;
   border-radius: 0;
   color: #000;
   padding: 10px 45px;
   cursor: pointer;
   border: 1px solid black;
}

.dropbtn svg {
   position: absolute;
   top: 3px;
   bottom: 0;
   margin-top: auto;
   margin-bottom: auto;
   right: 24px;
   transform: rotate(0deg);
   transition: all 0.3s;
}

.dropdown:hover .dropbtn svg {
   transform: rotate(180deg)
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
   position: relative;
   display: inline-block;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
   width: 100%;
   bottom: 45px;
   padding-top: 8px;
   padding-bottom: 8px;
   display: none;
   position: absolute;
   background-color: white;
   min-width: 160px;
   z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
   color: #000;
   padding: 9px 16px;
   text-decoration: none;
   display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
   background-color: #F8F8F8;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
   display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
   background-color: white;
   color: #000;
}

.dropdown .dropbtn:hover {
   color: #000;
}

/*Responsive*/
@media (max-width: 991px) {

   .container,
   .inside-article {
      padding-right: 0;
      padding-left: 0;
   }
}

@media (max-width: 575px) {
   .dropbtn {
      padding: 7px 30px;
      font-size: 12px;
   }

   .dropbtn svg {
      right: 10px;
   }

   .dropdown-content {
      min-width: 134px;
   }

   .dropdown-content a {
      padding: 5px 14px;
      font-size: 12px;
   }
}

/*Hide recaptcha*/
.grecaptcha-badge {
   display: none !important;
}

/**VIP OFFER GLOBAL FUNCTIONALITIES**/
/*
body .price-wrapper,
body .wishlist-items-wrapper .product-price,
body.woocommerce-wishlist .value {
   display: none !important;
}

body.no-offer-set .price-wrapper,
body.no-offer-set-all-vips .price-wrapper,
body.vip-amount-offer-set .price-wrapper,
body.vip-offer-set .price-wrapper {
   display: block !important;
}

body.no-offer-set .wishlist-items-wrapper .product-price,
body.vip-amount-offer-set .wishlist-items-wrapper .product-price,
body.vip-offer-set .wishlist-items-wrapper .product-price,
body.woocommerce-wishlist.no-offer-set .value,
body.woocommerce-wishlist.vip-amount-offer-set .value,
body.woocommerce-wishlist.vip-offer-set .value {
   display: table-cell !important;
}
*/
/*
body.no-offer-set-all-vips .fkcart-reward-panel {
   display: none;
}
*/
.thirty-discount-benefit {
   display: none;
}

.no-offer-set-all-vips .thirty-discount-benefit {
   display: block;
}

/*VIP OFFER CHOOSE YOUR OFFER FLOATER ON THE BOTTOM RIGHT*/

@keyframes buzz {
   0% {
      transform: translateX(0) rotate(-5deg);
   }

   25% {
      transform: translateX(-1px) rotate(5deg);
   }

   50% {
      transform: translateX(1px) rotate(-5deg);
   }

   75% {
      transform: translateX(-1px) rotate(5deg);
   }

   100% {
      transform: translateX(0) rotate(-5deg);
   }
}

.choose-offer-popup {
   display: none !important;
}

.choose-offer-popup .toggle-options {
   display: flex;
   gap: 50px;
}

.choose-offer-popup.show {
   display: block !important;
}

.choose-offer-popup {
   position: fixed;
   bottom: 0;
   right: -100%;
   z-index: 1000;
   background: #efefef;
   width: 100%;
   padding: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   transition: all 0.4s;
   border-top: 4px solid #000000;
}

.choose-offer-popup.active {
   right: 0%;
   /*-webkit-box-shadow: 6px 3px 6px 6px rgba(0, 0, 0, 0.16);
   -moz-box-shadow: 6px 3px 6px 6px rgba(0, 0, 0, 0.16);
   box-shadow: 6px 3px 6px 6px rgba(0, 0, 0, 0.16);*/
}

.choose-offer-popup::before {
   content: '';
   display: block;
   width: 150px;
   height: 100%;
   background: #000;
   left: -150px;
   bottom: 0;
   position: absolute;
   clip-path: polygon(100% 0, 0% 100%, 100% 100%);
   cursor: pointer;
   animation: buzz 0.3s linear 1;
   opacity: 1;
}

.choose-offer-popup.active::before {
   opacity: 0;
}

.choose-offer-popup span.choose-offer {
   position: absolute;
   right: 99%;
   top: 52%;
   width: 170px;
   text-align: center;
   transform: rotate(-43deg);
   font-weight: 800;
   line-height: 1.3;
   font-size: 12px;
   cursor: pointer;
   opacity: 1;
}

.choose-offer-popup.active span.choose-offer {
   opacity: 0;
}


.choose-offer-popup .close-offer {
   margin-left: auto;
   display: block;
   cursor: pointer;
}

.choose-offer-popup p.title-discount {
   font-weight: 800;
   font-size: 18px;
   margin-bottom: 15px;
}

.choose-offer-popup .flex-option {
   display: flex;
   left: inherit;
   align-items: center;
   gap: 15px;
   font-weight: 400;
   position: relative;
}

.choose-offer-popup .option.active .option-text {
   font-weight: 800;
}

.choose-offer-popup .tooltip-text-option {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   right: -18px;
   bottom: 83%;
   max-width: 300px;
   background: white;
   padding: 10px;
   border-radius: 0;
   margin-bottom: 14px;
   font-size: 14px;
   font-weight: 400;
   cursor: pointer;
}

.choose-offer-popup .tooltip-trigger-option {
   position: absolute;
   right: -16px;
   bottom: 19px;
}

.choose-offer-popup .tooltip-trigger-option:hover+.tooltip-text-option {
   visibility: visible;
   opacity: 1;
}

.choose-offer-popup .offer-applied {
   font-size: 14px;
   margin-top: 10px;
   display: block;
}

/* The switch - the box around the slider */
.switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
   opacity: 0;
   width: 0;
   height: 0;
}

/* The slider */
.sliderswitch {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
}

.sliderswitch:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
}

input:checked+.sliderswitch {
   background-color: #dc143c;
}

input:focus+.sliderswitch {
   box-shadow: 0 0 1px #dc143c;
}

input:checked+.sliderswitch:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
}

/* Rounded sliders */
.sliderswitch.round {
   border-radius: 34px;
}

.sliderswitch.round:before {
   border-radius: 50%;
}

@media (max-width: 768px) {
   .choose-offer-popup .toggle-options {
      display: flex;
      gap: 7px;
      flex-direction: column;
   }

   .switch {
      height: 26px;
   }

   .sliderswitch:before {
      height: 22px;
      width: 22px;
      left: 4px;
      bottom: 2px;
   }

   input:checked+.sliderswitch:before {
      transform: translateX(30px);
   }

   .choose-offer-popup p.title-discount {
      font-weight: 800;
      font-size: 16px;
      margin-bottom: 10px;
      max-width: 90%;
   }

   .choose-offer-popup .close-offer {
      position: absolute;
      right: 10px;
      top: 15px;
   }

   .choose-offer-popup .tooltip-trigger-option {
      position: relative;
      right: 9px;
      bottom: 1px;
   }

   .choose-offer-popup::before {
      width: 150px;
      height: 150px;
   }

   .choose-offer-popup span.choose-offer {
      right: 95%;
      top: 64%;
      transform: rotate(-45deg);
   }

   .choose-offer-popup .flex-option {
      max-width: max-content;
   }
}

/*Remove side cart coupon amount - temporary*/
.fkcart-coupon-applied .fkcart-summary-amount {
   display: none !important;
}

/*IFRAME ON DELIVERY AND RETURNS PAGE*/
.page-template-template-content-page iframe {
   max-width: 550px;
}