.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.j-end {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.end {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.baseline {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.j-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

html, body {
  height: 100%;
}

body {
    margin: 0;
    background: url("/upload_dir/pics/bg.jpg") center / cover no-repeat;
    background-attachment: fixed;
    padding-bottom: 85px;
}

body::after {
  content: "";
  display: block;
  height: 85px;
}
.article-grid strong,
body p{
    font-size: 17px;
    line-height: 22px;
}

.bodyWrapper{
    background: #eddfb9;
    border-radius: 10px;
    margin-top: 25px !important;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 35px 3.5px rgba(0, 0, 0, 0.34);
}

.container,
.container.with-xlarge{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.site-header{
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.headerM{
    flex-direction: column;
    align-items: center;
}

.textMenu{
    display: none!important;
}

.textMenu>li>a{
    font-size: 15px;
    font-weight: 500;
}

.textMenu>li.item-1{
    display: none!important;
}

.logo img {
    width: 300px !important;
}

.iconsMenu{
    margin-top: 20px;
}

.iconsMenu svg{
    width: 24px;
}

#searchBtn:hover{
    cursor: pointer;
}

#searchForm {
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 100%;
    max-width: 1180px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: 1em;
    margin: 0 10px;
}

#searchForm .form-input,
#searchForm .input-group-button .button{
    border: none;
    background: #fff;
    height: 42px;
}

#searchForm .input-group-button .button{
    border-radius: 0 5px 5px 0;
}

#searchForm .form-input {
    border-radius: 5px 0 0 5px;
}

#searchForm .input-group-button .button .fa{
    font-size: 19px;
}

.topMenuIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
}

.topMenuIcon-search{
    background: #ec962e;
}
.topMenuIcon-user{
    background: #eab233;
}
.topMenuIcon-cart{
    background: #e4987a;
}
.topMenuIcon-menu{
    background: #a8672e;
}
.mm-navbar__title{
	color: #000000!important;
	font-weight: 700!important;
}

.mm-slideout { 
    z-index: 0; 
}
.mm-menu_offcanvas {
    z-index: 9;
}

.m-quick-cart__count{
    color: #fff;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
}

.siteNav{
    display: none;
    background: #231f20;
    border-radius: 35px;
    margin-top: 20px;
    padding: 0 10px;
}

.siteNav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.siteNav .nav > li{
    padding: 0;
}

.siteNav .nav > li > a{
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 8px;
    font-weight: 500;
}

.siteNav ul ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    z-index: 999;
}

.siteNav ul ul ul{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
}
.siteNav .nav li:hover>ul {
    display: block;
}

.siteNav ul ul li a{
    background: #eab233;
    color: white;
    padding: 10px;
}
.siteNav ul ul li a:hover{
    background: #ec962e;
}

/* categories */
.cItem{
    position: relative;
    margin-bottom: 30px;
    display: block;
}
.cItem__title{
    font-family: "Caprasimo", serif;
    font-size: 19px;
    line-height: 18px;
    color: var(--t);
    -webkit-text-stroke: 6px var(--s);
    paint-order: stroke fill;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-main-categories{
    padding-top: 15px;
    margin-bottom: 10px;
}
.site-main-categories .main-categories-grid{
  display:grid;
  gap:20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-main-categories .main-categories-grid > div{
  width:auto !important;
}

/* banner */
.hs-banner{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:16px;
  overflow:hidden;
  margin-bottom: 30px;
}

.hs-banner__inner{
  padding:25px;
  min-height:320px;
  position: relative;
}

.hs-banner__man{
    display: none;
}

.hs-banner__cloud{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 40px;
}

.hs-banner__title{
  --t:#ffffff;
  --s:#ec962e;
  margin:0 0 20px 0;
  font-family:"Caprasimo", serif;
  font-size:53px;
  line-height:1;
  color:var(--t);
  -webkit-text-stroke:6px var(--s);
  -webkit-text-fill-color:var(--t);
  paint-order: stroke fill;
}


.hs-banner__text{
  max-width: 490px;
  text-align: center;
}

.hs-banner__text p{
    color:#000;
    font-size: 20px;
    line-height: 20px;
    margin:0;
}

/* imageSlider */
.imageSlider{
    margin-bottom: 30px;
}

.imageSlider_wrapper{
    background: #fff;
    border-radius: 16px;
    padding-bottom: 20px;
}

.imageSlider-headline{
    --t:#ec952d;
    --s:#231f20;
    font-size: 28px;
    text-align:center;
    color:var(--t);
    -webkit-text-stroke:6px var(--s);
    -webkit-text-fill-color:var(--t);
    paint-order: stroke fill;
    padding: 20px 0;
}

.imageSlider .owl-item{
    padding: 0 20px;
}

.imageSlider .hero-slider-theme .owl-controls .owl-buttons .owl-prev:before{
    content: '\f104';
    color: #000;
}
.imageSlider .hero-slider-theme .owl-controls .owl-buttons .owl-next:before{
    content: '\f105';
    color: #000;
}

.imageSlider .hero-slider-theme{
    padding: 0 20px;
}

.videoBtn a{
    background: #151515;
    font-size: 15px !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 35px;
    border: none;
    padding: 5px 15px !important;
}

/* site-content */
.site-content .frontpage-content{
    background: #151515;
    border-radius: 16px;
}

.site-content .frontpage-content .page-title{
    padding: 35px 0!important;
    border: none;
}

.site-content .frontpage-content .h1{
    display: block;
    --t:#eddfb9;
    --s:#ec952d;
    font-size: 28px;
    text-align:center;
    color:var(--t);
    -webkit-text-stroke:6px var(--s);
    -webkit-text-fill-color:var(--t);
    paint-order: stroke fill;
    margin: 0;
}

.frontpage-products-focus-list{
    padding: 0 20px;
}

/* products */
.productItem .type-col{
    border: none;
    text-align: center;
    background: #000;
    border-radius: 6px;
    padding-bottom: 10px;
}

.productItem .image {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 25px;
}

.productItem .productContent .image a {
    display: flex;
    margin: 0;
    justify-content: center;
}

.h5.m-productlist-title{
    font-family: 'Barlow Semi Condensed';
    font-size: 16px;
    font-weight: 500;
    color: #fff!important;
}

.productItem .type-col .product-transaction, .productItem .type-col .product-action{
    background: none;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

.product-transaction.m-productlist-transactions{
    margin-bottom: 10px;
}

.productItem .m-productlist-price{
    display: block;
    font-family: 'Barlow Semi Condensed';
    font-size: 19px;
    font-weight: 500;
    color: #ecb12f;
}

.button-primary, .button-primary:visited{
    border: none;
    border-radius: 35px;
    font-size: 15px;
    color: #151515;
    font-weight: 500;
    text-transform: uppercase;
}

.productItem .type-col .button-primary {
    max-width: 150px;
    margin: 0 auto;
}

.m-product-warnings,
.m-product-information .panel-success.m-product-instock,
.m-product-additional-info .nav-tabs li.active>a,
.m-product-additional-info .t-panel-clean>.pane,
.m-product-variants .panel-warning,
.m-product-variants .panel-success,
.w-notification .panel-success,
.panel-warning,
.panel-danger.m-product-stock.m-product-soldout {
    background: none;
}

.m-product-stock.panel{
    border: none;
    background: none!important;
}

.m-product-stock .panel-body{
    padding: 0;
}

.m-product-title.product-title{
    font-size: 24px;
}

.m-product-transaction-amount .input-group,
.m-product-transaction-amount .m-transaction-input{
    height: 100%;
}

.badge.badge-warning{
    background: #000;
    font-size: 14px;
    text-align: center;
    color: #ec952d;
    border-radius: 3px;
}

/* categories */
.category-item-title{
    background: #ec962e;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
}

/* boxSection */
.boxSection{
    margin-top: 30px;
}

.boxSection .flex>div:first-child{
    margin-bottom: 30px;
}

.boxSection .box{
    padding: 40px 30px 0 30px;
    border-radius: 16px;
    position: relative;
    height: 100%;
}

.boxLeft{
    background: #a2611c;
    color: #fff;

}

.boxLeft .page-title{
    border: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.boxSection .box p{
    color: #fff;
    font-size: 17px;
    line-height: 22px;
}

.boxLeft.box{
    padding-bottom: 20px!important;
}

.boxLeft .m-text-content p > img{
    float: right;
    display: block;
    width: 194px;
    height: 389px;
    margin: -75px 10px 12px 0;
    shape-margin: 12px;
    shape-outside: url(/upload_dir/pics/welcomeImg.png);
    margin-bottom: 0;
}


.boxLeft .m-text-headline{
    display: block;
    --t:#eddfb9;
    --s:#e4987a;
    font-size: 26px;
    color:var(--t);
    -webkit-text-stroke:6px var(--s);
    -webkit-text-fill-color:var(--t);
    paint-order: stroke fill;
    text-align: left;
}

.boxRight{
    background: #e2976f;
    padding-bottom: 10px!important;
}

.boxRight-headline{
    display: block;
    --t:#edb539;
    --s:#151515;
    font-size: 26px;
    color:var(--t);
    -webkit-text-stroke:6px var(--s);
    -webkit-text-fill-color:var(--t);
    paint-order: stroke fill;
    text-align: left;
    margin: 0 0 30px 0;
}

.boxRight p{
    color: #fff;
}

.boxRight p span,
.boxRight p strong{
    display: block;
    color: #000;
}

.txtFix{
     display: flex;
    gap: 5px;
}

.boxRight .imgWrap{
  overflow: hidden; 
}

.boxRight .imgWrap > img{
float: right;
    display: block;
    width: 204px;
    height: 228px;
    margin: 57px 0 12px 16px;
    shape-margin: 19px;
    shape-outside: url(https://shop104601.sfstatic.io/upload_dir/pics/boxImg.png);
}

.box img{
    display: none!important;
}

/* footer */
.site-footer{
    padding: 0;
    margin-top: 30px;
}
.site-footer_wrapper{
    background: url(/upload_dir/pics/footerBg.jpg) no-repeat center/cover;
    padding: 35px 45px;
    border-radius: 16px;
}

.footer-paymenticons{
    background: #151515;
    border-radius: 16px;
    padding: 11px 0;
    margin-top: 20px;
}

.payment-icons{
    margin-bottom: 0;
}

.site-footer .footer-paymenticons img{
    filter: none;
    border-radius: 5px;
}

.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a {
    font-size: 15px;
    line-height: 22px;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .f-title {
    font-size: 15px;
    font-weight: 600;
}

/* footerNews */
.footerNews{
    margin-top: 20px;
}

.footerNews .form-input{
    border-radius: 35px;
    border: none;
    height: 32px;
    font-size: 15px;
}

.footerNews .form-input::placeholder{
    font-size: 15px;
    color: #717171;
}

.footerNews  .input-group-addon{
    width: auto;
    min-width: auto;
}

.footerNews  .input-group-addon + .form-label{
    font-size: 14px;
    font-weight: 400;
}

.footerNews  .form-submit{
    background: #151515;
    font-size: 15px!important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 35px;
    border: none;
    padding: 5px 15px!important;
    max-width: 100px;
}

.social-link{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #fff!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none!important;
}

.social-link:hover{
    background: #ec962e;
}

/* modules m-cart-content */
.m-cart-row,
.modules.m-cart-content .panel-heading,
.modules.m-cart-content .panel{
    background-color: #F0C557!important;
}
.modules.m-cart-content .panel-heading,
.m-cart-row{
    border-bottom: 1px solid #000;
}

.m-cart-row:last-child{
    border-bottom: none;
}

.contactInfoContainer .button{
    border-radius: 35px;
        font-size: 15px;
    color: #151515;
    font-weight: 500;
    text-transform: uppercase;
}

.stepContainer.box5 .buttonContainer a{
    border-radius: 35px;
        font-size: 15px;
    color: #151515;
    font-weight: 500;
    text-transform: uppercase;
}

.stepColumn .panel{
    background: #fff;
}

/* forms fix */
form .panel,
form .panel-footer{
    background: #fff!important;
}
form button[type="submit"]{
    background: #151515;
    font-size: 18px !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 35px;
    border: none;
    padding: 5px 25px !important;
}

/* blog */
.m-blog-list-imagewrap{
    border-radius: 5px;
    background: #fff;
    padding: 10px;
}
.m-blog-list-headline .h2{
    font-size: 24px;
    margin-top: 10px;
}
.m-blog-list-item img{
    border-radius: 5px;
}
.site-news-item .btn,
.m-blog-list-anchor.m-blog-list-readmore{
    display: inline-block;
    background: #151515;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 35px;
    border: none;
    padding: 5px 15px !important;
    max-width: 100px;
}
.m-blog-list-anchor.m-blog-list-readmore:hover{
    background: #e2976f;
}

.site-news-item{
    margin-bottom: 20px;
}

.site-news-item .btn{
    margin-top: 10px;
}

/* pages */

.karma-float > p:first-child{
  float: right;
  margin: 0 0 12px 24px;
}

.karma-float > p:first-child img{
  display: block;
  max-width: 100%;
  height: auto;
}

.karma-float > p:nth-child(2){
  margin-top: 0;
}

.karma-float::after{
  content: "";
  display: block;
  clear: both;
}

/* --- Karma studio block: image left, caption right, text below --- */
.karma-studio-block{
  display: grid;
  grid-template-columns: 425px 1fr; /* left column matches image width */
  column-gap: 24px;
  row-gap: 14px;
  align-items: start;
}

/* remove old float/clearfix behavior */
.karma-studio-block::after{
  content: none;
}

/* reset p spacing */
.karma-studio-block > p{
  margin: 0;
}

/* image paragraph = left column */
.karma-studio-block > p:first-child{
  grid-column: 1;
  padding: 0;
}

/* image itself */
.karma-studio-block > p:first-child img{
  display: block;
  width: 100%;
  height: auto;
}

/* caption paragraph = right column, aligned with image top */
.karma-studio-block > p.karma-studio-caption{
    grid-column: 2;
    margin: 0;
    font-style: italic;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 100%;
}

/* everything after caption should go full width below */
.karma-studio-block > p.karma-studio-caption ~ p{
  grid-column: 1 / -1;
  margin-top: 0;
}

/* optional: lead can be slightly emphasized (like screenshot) */
.karma-studio-block > p.karma-studio-lead{
  font-size: 16px;
  line-height: 1.6;
}

/* responsive: stack on small screens */
@media (max-width: 768px){
  .karma-studio-block{
    grid-template-columns: 1fr;
  }

  .karma-studio-block > p:first-child,
  .karma-studio-block > p.karma-studio-caption,
  .karma-studio-block > p.karma-studio-caption ~ p{
    grid-column: 1;
  }

  .karma-studio-block > p.karma-studio-caption{
    margin-top: 8px;
  }
}
.article-grid img{
    min-width: 54px;
}

.iframe-wrapper{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.iframe-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width:700px){
  .karma-studio-block > p:first-child,
  .karma-studio-block > p.karma-studio-caption{
    float:none;
    width:auto;
    margin:0 0 12px 0;
  }
}
@media(min-width:480px){
    .headerM{
        flex-direction: row;
    }
    .iconsMenu{
        margin-left: 30px;
        margin-top: 0;
    }
}

@media (min-width: 768px){
  .site-main-categories .main-categories-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .boxSection .flex>div:first-child{
        margin-bottom: 0;
    }
    .boxSection{
        margin-bottom: 30px;
    }
    .boxLeft.box{
    padding-bottom: 0px!important;
}


}
@media (max-width: 900px){
  .hs-banner__inner{
    grid-template-columns:1fr;
    align-items:center;
    justify-items:center;
    text-align:center;
    padding:20px;
  }

  .hs-banner__cloud{
    justify-self:center;
    padding:44px;
  }

  .hs-banner__title{
    font-size:40px;
  }
}
@media(min-width:960px){
    .site-header{
        padding-top: 5px;
    }
    .topMenuIcon-menu{
        display: none;
    }
    .siteNav{
        display: block;
    }
    .textMenu{
        display: flex!important;
    }
    .box img{
        display: block!important;
    }
    .boxLeft .m-text-content p > img{
        margin-top: -41px;
    }
}

@media (min-width: 1024px){
  .site-main-categories .main-categories-grid{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
      .boxLeft .m-text-content p > img {
        margin-top: 58px;
    }
}
@media(min-width:1140px){
    .boxLeft .m-text-content p > img {
        margin-top: -19px;
    }
}

@media(min-width:1200px){
    .hs-banner__man{
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 0 0 -15px;
        z-index: 1;
        position: relative;
    }
    .hs-banner__cloud{
        width: 727px;
        height: 402px;
        background-image: url(https://shop104601.sfstatic.io/upload_dir/pics/bannerCloud.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-right: 40px;
        position: absolute;
        top: 30px;
        right: 50px;
    }
    
    .hs-banner__text p{
        color: #ebb226;
    }
    .hs-banner__text p span{
        color: #fb9d5f;
    }
        .boxLeft .m-text-content p > img {
        margin-top: -40px;
    }
}