.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;
}
body,
h1,h2,h3,h4,h5,h6 {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.container,
.container.with-xlarge{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.site-corporate,
.site-navigation{
    background: #308e35;
    border: none;
}

.usps{
    display: none;
}

.usps > .flex{
    gap: 24px;
}

.usp-item a,
.usp-item{
    font-size: 18px;
    color: #fff!important;
}

.usp-item img{
    margin: 0 24px 0 0;
}

.site-header{
    background: #3B3B3B;
    border: none;
    padding: 18px 0;
}

.logo a{
    color: #fadc1b!important;
    font-size: 30px;
    line-height: 39px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    margin-bottom: 0;
}

.logo a:hover{
    color:#faa71b!important;
}

.logo a span{
    display: block;
    color: #fff!important;
    font-size: 12px;
    line-height: 19px;
}

.site-header .top-search-form,
.site-header .m-quick-cart{
    display: none;
}

.top-search-form{
    max-width: 230px;
}

.top-search-form .form-input {
    border: none;
    border-radius: 2px 0 0 2px;
    height: 40px;
    padding: 5px 5px 5px 15px;
    background: #ffffff;
}

.top-search-form .form-input::-webkit-input-placeholder{
    font-size: 13px;
    font-style: italic;
    color: #707070;
}

.top-search-form .form-input::-moz-placeholder{
    font-size: 13px;
    font-style: italic;
    color: #707070;
}

.top-search-form .form-input:-ms-input-placeholder{
    font-size: 13px;
    font-style: italic;
    color: #707070;
}

.top-search-form .form-input::-ms-input-placeholder{
    font-size: 13px;
    font-style: italic;
    color: #707070;
}

.top-search-form .form-input::placeholder{
    font-size: 13px;
    font-style: italic;
    color: #707070;
}

.top-search-form .input-group-button {
    height: 40px;
}

.top-search-form .button {
    background: #fff;
    border: none;
    border-radius: 0 2px 2px 0;
    height: 40px !important;
    padding: 0 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.top-search-form svg {
    width: 20px;
    height: 20px;
}

.quick-cart-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #fff;
    width: 38px;
    height: 38px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 21px;
    color: #000!important;
}

.m-quick-cart__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: -26px;
    right: -4px;
    background: #ffffff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fb0000 !important;
    font-size: 11px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    font-weight: 700;
}

.mmenuBtn svg{
    width: 40px;
    height: 40px;

}
.mm-navbar__title{
	color: #000000!important;
	font-weight: 700!important;
}

.mm-slideout { 
    z-index: 0; 
}
.mm-menu_offcanvas {
    z-index: 9;
}
.site-navigation{
    padding: 10px 0;
}

.site-navigation .top-search-form{
    margin: 0 auto;
}

.site-navigation .navbar{
    display: none;
}

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

.site-navigation .nav > li > a{
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 18px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


.site-navigation .nav > li > a >span:first-child{
    width: 36px;
    padding-right: 10px;
}

.site-navigation .nav>li>a img {
    display: block;
    width: auto;
    max-width: 100%;
}

.site-navigation .nav > li > a:hover{
  color: #faa71b;
}

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

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

.site-navigation ul ul li a{
    background: #e2e8f0;
    color: #000;
    padding: 16px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.site-navigation ul ul li a:hover{
   color: #faa71b;
   background: #308e35;
}

.frontPage-container{
    padding: 0 32px;
}

.welcome{
    padding-top: 54px;
}
.page-title,
.page-title-frontpage{
    padding: 0;
    margin: 0 0 20px 0;
    border: none;
    text-align: left;
}
.page-title h1,
.welcome .m-text-headline{
    font-size: 30px;
    line-height: 42px;
}

.welcome p{
    font-size: 18px;
    line-height: 29px;
    margin: 24px 0;   
}

.welcome a{
    color: rgb(48, 142, 53);
    text-decoration: underline;
}

.flex-row{
    margin: 0 -10px;
}

.site-main-categories{
    margin-bottom: 40px;
}

.cItem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 20px;
}
.cItem .placeholder-wrapper,
.cItem img{
    min-height: 430px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%!important;
    max-width: 100%!important;
}

.cItem-title{
    background: #308e35;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    border-radius: 3px;
    padding: 15px 10px;
}

.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;
}
.map{
    margin-bottom: 40px;
}
.map h2{
    font-size: 32px;
    line-height: 40px;
    color: #25302a;
}

.map p{
    font-size: 18px;
    line-height: 29px;
}

.site-footer {
    border: none;
    background: #308e35;

}

.site-footer p,
.site-footer li,
.site-footer a {
    font-size: 18px;
    line-height: 29px;
    color: #ffffff;
}

.site-footer a {
    color: #faa71b!important;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.site-footer a:hover {
    color: #ffffff!important;
}

.site-footer .f-title {
    color: #fff;
    font-size: 25px;
    line-height: 31px;
}
.site-footer .footer-paymenticons img{
    -webkit-filter: none;
            filter: none;
}

.copyright{
    background: #308e35;
    border-top: 1px solid #fff;
    padding: 20px 0;
    min-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.m-breadcrumb, .m-print{
    margin: 1.5em 0;
}

.productItem .type-col{
    border: none;
}

.h5.m-productlist-title{
    font-size: 18px;
}

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


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

.productItem .m-productlist-price{
    font-size: 16px;
    font-weight: 700;
    color: #212123;
}

.m-productlist-price-before-discount{
    color: #212123;
    opacity: .5;
    font-size: 16px;
    font-weight: 700;
}

.stepContainer .buttonContainer .button-primary,
.w-cart-goto-cart .button-primary,
.modules.m-cart .button-primary,
.m-product-transaction-button  .button-primary,
.productItem .type-col .button-primary{
    background: #308e35;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 3px;
    border: none;
}

.stepContainer .buttonContainer .button{
        font-size: 18px;
    font-weight: 700;
    border-radius: 3px;

}


.productItem-wrapper{
    padding: 0 10px;
}

.main{
    margin: 4em 0
}

.m-breadcrumb li a{
    font-size: 16px;
    line-height: 14px;
    color: #777;
}

.category-description,
.page-title{
    margin-bottom: 40px;
}
.productsortbar .sortbar-body .form-input,
.productsortbar .amount-display{
    font-size: 18px;
}

/* single product */
.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-title.page-title{
    margin-bottom: 0;
}

.m-product-title.product-title{
    font-size: 26px;
    font-weight: 400;
}
.variantInfoPanel  .price,
.m-product-price{
    font-size: 27px;
    font-weight: 700;
    color: #212123;
}
.m-product-dropdown-list-separator,
.m-product-prices-separator{
    border: none;
}
.category-description p,
.m-product-short-description p{
    font-size: 18px;
    line-height: 29px;
}

.select2-container .select2-choice{
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px;
    height: 54px;
    line-height: 54px;
}
.select2-results .select2-result-label,
.select2-container .select2-choice>.select2-chosen{
    font-size: 18px;
}

.select2-container .select2-choice .select2-arrow b{
    background-position: -3px 15px;
}
.m-product-info,
.m-product-variants .panel-warning{
    border: none;
    color: #000;
}
.m-product-info .panel-body,
.m-product-variants .panel-warning .panel-body{
    padding: 0;
}

.m-product-transaction.product-transaction{
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.m-product-buttons{
    border: 1px solid #e2e8f0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.m-product-quantity-btn{
    background: none;
    border-radius: 0;
    border: none;
    width: 38px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}

.m-product-buttons .form-input{
        height: 42px;
    max-width: 48px;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    border-top: none;
    border-bottom: none;
    text-align: center;
    font-size: 18px;
}

.m-product-transaction-amount{
    margin-right: 20px;
}


.m-product-additional-info .nav-tabs li>a{
    font-size: 18px;
    line-height: 29px;
    font-weight: 700;
    border: none;
    position: relative;
    padding-left: 0;
}

.nav-tabs{
    border-top: 1px solid #e2e8f0;
    border-bottom: none;
}

.m-product-additional-info .nav-tabs li.active>a:before{
content: ' ';
    position: absolute;
    width: 100%;
    height: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    top: 0;
    left: 0;
    border-radius: 0;
    background: #308e35;
}

.toggle-content>.pane{
    border: none;
    padding: 0;
}
.m-text-article p,
.m-product-additional-info p{
    font-size: 18px;
    line-height: 29px;
}

.panel-border .t-striped > li{
    background: #fff!important;
}

.m-product .splash .badge, 
.m-productlist .splash .badge{
    background: #fff;
    color: #212123;
    font-size: 14px;
    border: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 8px 16px;
}

.w-cookie-actions-wrapper .w-cookie-actions.w-cookie-actions button:first-child{
  background: #F2F3F5;
  color: #6c6c6c;
  border:#F2F3F5;
}

.w-cookie-actions-wrapper .w-cookie-actions.w-cookie-actions button:last-child{
  font-weight: 700;
  background: #308e35;
  border: none;
}

.contactInfoContainer .button-primary{
    background: #faa71b;
    border-color:#faa71b;
}


@media(min-width:480px){
    .logo a{
        font-size: 40px;
        line-height: 49px;
    }

    .logo a span{
        font-size: 15px;
        line-height: 23px;
    }
}
@media(min-width:768px){

}
@media(min-width:960px){
    .site-header .container > .flex>*{
        width: 33.3333%;
    }
    .site-navigation .navbar,
    .site-header .top-search-form,
    .site-header .m-quick-cart,
    .usps{
        display: block;
    }
    .site-navigation{
        padding: 0;
    }
    .site-navigation .top-search-form,
    .site-corporate .m-quick-cart{
        display: none;
    }
    .mmenuBtn{
        display: none;
    }   
    .frontPage-container{
        padding: 0 45px;
    }
    .page-title h1,
    .welcome .m-text-headline{
        font-size: 40px;
        line-height: 56px;
    }
}
@media(min-width:1024px){
    
}