/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 14 2022 | 16:25:10 */
/*************** RESPONSIVE BREAKPOINTS ***************/
/* Close X styling for Phone */
/* Width & Padding Menu - Phone Only */
/* Width & Padding Menu - Tablet Dekstop */
/* Width & Padding Menu - Big Dekstop */
.green, .green p, .dark .green p, .dark .green h1, .green h1, .green h2, .green h3 {
  color: ;
  /*************** FONTS ***************/ }

body {
  font-family: 'open-sans-regular', Helvetica, sans-serif !important;
  font-weight: normal !important; }

.nav > li > a, .nav-dropdown > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a, .widget .current-cat > a {
  font-family: 'open-sans-regular', Helvetica, sans-serif !important;
  font-weight: normal !important;
  color: #343f4b; }

h1, h2, h3, h4, h5, h6, .heading-font {
  font-family: 'merriweather-bold', Helvetica, sans-serif !important;
  font-weight: normal !important;
  opacity: 1; }

.button, button, input[type='submit'], input[type='reset'], input[type='button'], .button.alt, th {
  font-family: 'open-sans-medium', Helvetica, sans-serif !important;
  font-weight: normal !important; }

b, strong, span.widget-title, .accordion-title.active, label, legend, th, span.amount, .badge-inner, .breadcrumbs {
  font-family: 'open-sans-bold', Helvetica, sans-serif !important;
  font-weight: normal !important; }

.alt, .alt h1, .alt h2, .alt h3, .product_title {
  font-family: 'merriweather-regular', Helvetica, sans-serif !important;
  font-weight: normal !important; }

p.tagline, .tagline p {
  font-family: 'open-sans-medium', Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 80%;
  margin-bottom: 10px; }

.uppercase, h6, th, span.widget-title {
  letter-spacing: 0px; }

.no-margin h1, .no-margin h2, .no-margin h3 {
  margin: 0px !important; }

.collapse p, .collapse h1, .collapse h2, .collapse h3, .collapse h4 {
  margin-bottom: 0px;
  /*************** BUTTON - LINK STYLING ***************/ }

.dark .button.is-form:hover, .button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

p:not(.stars) a:not(.button, .woocommerce-LoopProduct-link) {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  background-position: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.2s;
  padding-bottom: 1px; }

p a:hover:not(.button) {
  background-size: 0 100%; }

.button.is-underline:hover:before {
  right: 0%;
  width: 0%;
  left: inherit; }

.button.is-underline:before {
  left: 0px;
  width: 100%;
  opacity: 1; }

u {
  text-underline-offset: 3px;
  /*************** ACCORDION STYLING ***************/ }

.accordion-item .toggle i {
  font-size: 1em; }

.accordion-item {
  background: rgba(45, 45, 45, 0.05);
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 10px; }

.accordion-title {
  border-top: 0px;
  font-size: 90%; }

.accordion-title.active {
  background-color: transparent; }

.accordion-inner {
  padding: 1em;
  /*************** GENERAL ***************/ }

.button {
  border-color: rgba(0, 0, 0, 0) !important; }

.button.primary:not(.is-link):not(.is-underline) {
  color: #000; }

.section-bottom {
  align-items: flex-end; }

.stroke span {
  background: linear-gradient(0deg, rgba(243, 101, 74, 0) 0%, rgba(243, 101, 74, 0) 16%, #f3654a 16%, #f3654a 41%, rgba(243, 101, 74, 0) 41%);
  padding: 0 0.2em 0 0.2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone; }

.nav li.has-icon-left > a > i, .nav li.has-icon-left > a > svg, .nav li.has-icon-left > a > img {
  fill: currentColor; }

.col-round-shadow > * {
  border-radius: 8px;
  box-shadow: 1px 1px 39px 0 rgba(32, 27, 61, .07); }

.banner.banner-round, .banner-round .banner-bg.fill, .banner-round .banner-inner, .banner-round .fill {
  border-radius: 20px; }

.col-round > * {
  border-radius: 8px; }

.dark, .dark p, .dark td, .nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > a, .nav-dark .nav > li > button {
  color: #fff; }

.absolute-footer, html {
  background-color: #fff; }

::selection {
  background: #000;
  color: #fff; }

.box-overlay.dark .box-text, .box-shade.dark .box-text {
  text-shadow: none; }

.box-text {
  font-size: 100%; }

.index-up, .index-up .col-inner {
  z-index: 9; }

@media (min-width: 1200px) {
    .section.squeeze {
      border-left: 30px solid #fff;
      border-right: 30px solid #fff; } }

.box-light.dark p, .box-light.dark h1, .box-light.dark h2, .box-light.dark h3, .box-light.dark h4 {
  color: #000; }

.col-move .col-inner:hover {
  -ms-transform: translateY(-6px);
  transform: translateY(-6px); }

.nav-pagination > li > span, .nav-pagination > li > a {
  line-height: 2.25em;
  border: 0px;
  /*************** HEADER ***************/ }

.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
  -webkit-box-shadow: none;
  box-shadow: none; }

.header-main .social-icons i {
  color: #6e6e70; }

.nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before {
  height: 0.12em;
  /*
.header-inner .nav-left {  <!-- Header Nav Center  -->
      @include for-tablet-landscape-up  {
    justify-content: center !important;
  }
}

.header .header-inner, .footer .row, .header-top .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  @include for-desktop-up {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

.header-main .container {
    padding: 0;
}

*/ }

.header-main {
  border-bottom: 1px solid #efefee;
  /*************** HOME ***************/ }

.home-hero h1 {
  font-size: 100%;
  margin-bottom: 5px;
  /*************** CUSTOM ANIMATIONS ***************/ }
  @media (min-width: 1200px) {
  .home-hero h1 {
    font-size: 150%; } }

[data-animate=fadeInUp] {
  -webkit-transform: none;
  transform: none; }

[data-animate=bounceInUp] {
  opacity: 0;
  -webkit-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 80px, 0);
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  -o-transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -o-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), transform 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1), -o-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1); }

[data-animated=true] {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*************** CUSTOM ICONS: REMIX ***************/ }

p i.remix {
  display: block;
  padding: 0 5px 0;
  float: left;
  margin-top: -1px; }

.header-main .icon-menu:before {
  content: "\EF31";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.button.remix i {
  top: 0; }

.icon-shopping-cart:before {
  content: "\F11D";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.remix .icon-menu:before {
  content: "\EDDE";
  font-family: remixicon !important; }

.remix .icon-expand:before {
  content: "\EC2D";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.remix .icon-star:before {
  content: "\F28B";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.remix .icon-angle-down:before {
  content: "\EC59";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-user:before {
  content: "\F25B";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul li.bullet-checkmark:before {
  content: "\EB7B" !important;
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*************** CUSTOM SECTION SCROLL DOWN ***************/ }

.scroll-for-more {
  background: ;
  margin-bottom: 0em; }

.scroll-for-more:not(:hover) {
  opacity: 0.7; }

.scroll-for-more i.icon-angle-down {
  font-size: 25px !important;
  /*************** SHOP: CUSTOM PRODUCT LAYOUT ***************/ }

.related-products-wrapper .container-width {
  max-width: 100%; }

.related-products-wrapper.product-section {
  border-top: 0px;
  /*************** MY ACCOUNT ***************/ }

.normal-title {
  border-top: 0px;
  border-bottom: 0px; }

.user-id.op-5 {
  display: none;
  visibility: hidden; }

.my-account img.avatar {
  width: 50px !important;
  height: 50px !important; }

.my-account-header .page-title-inner {
  font-size: 80%;
  /*************** COOKIE ***************/ }

.flatsome-cookies__buttons > a {
  margin-right: 0px;
  margin-bottom: 0; }

.flatsome-cookies__buttons {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 85%;
  /*************** FOOTER ***************/ }

.absolute-footer {
  display: none !important;
  visibility: hidden !important; }

.custom-footer .col.widget {
  padding: 0px; }

.custom-footer li.widget {
  margin-left: 0px; }

.custom-footer .social-icons i {
  color: #615d55;
  /*************** MOBILE MENU STYLING - BY SEB  ***************/ }

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
  background-color: #fff !important; }

.off-canvas .nav-vertical > li > a {
  font-size: 22px;
  color: #555;
  line-height: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0px !important; }

.nav-vertical > li > ul li a {
  color: #d26e4b; }

.nav-vertical > li > ul li a:hover {
  color: #555; }

.nav-vertical li li.menu-item-has-children > a {
  color: #777;
  text-transform: none;
  font-size: 100%; }

.toggle, .toggle:focus {
  color: #d26e4b;
  opacity: 1; }

@media screen and (max-width: 549px) {
  .mfp-ready .mfp-close {
    color: #d26e4b;
    opacity: 1;
    mix-blend-mode: inherit; } }

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s; }

.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover {
  background-color: transparent; }

.nav-sidebar.nav-vertical > li + li {
  border-top: 0px solid #ececec; }

.nav-sidebar .button {
  width: 100%; }

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 {
  margin: 4px !important; }

@media screen and (max-width: 549px) {
  .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
    padding: 70px 40px; }

  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 100%; } }

@media screen and (min-width: 550px) {
  .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
    padding: 40px; }

  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 400px; } }

@media screen and (min-width: 1800px) {
  .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
    padding: 60px; }

  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 500px; } }

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li > a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
  padding-left: 0px; }

.nav-vertical li li.menu-item-has-children {
  margin: 0px; }

.off-canvas:not(.off-canvas-center) li.html {
  padding: 0px;
  margin: 20px 0px; }
